body {
	background: #fff;
	color: #222222;
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 150%;
	margin: 0 auto;
	padding: 0;
}
#email-availability-status,#user-availability-status {
	position: absolute;
	right: 11px;
	bottom: 10px;
	font-size: 11px;
}
#loaderIcon {
animation: blinker time_in_seconds up_to_blink_time;
}
/* The typing effect */
@keyframes blinker {
60% {
opacity: 0;
}
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
#showmenu {
	padding: 29px 20px !important;
	font-size: 20px;
}
.omset {
	background: #dff9fb;
	padding: 50px 0;
	margin: 0 auto 20px;
	width: 100%;
	font-size: 20px;
	color: #222;
	display: block;
}
.omset h1 {
	font-size: 50px;
	margin: 0 auto;
	line-height: normal;
}
.dashboard {
	display: flex;
}
.dashboard .list {
	display: inline-block;
	width: 100%;
	max-width: 25%;
	background: #eee;
	text-align: center;
	padding: 20px 0;
	margin: 0 0.5% 20px;
	font-size: 17px;
	float: left;
	position: relative;
	border-radius: 6px;
	overflow: hidden;
}
.dashboard .list:nth-child(1) {
	margin-left: 0;
}
.dashboard .list:nth-child(4) {
	margin-right: 0;
}
.dashboard .list::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-image: url("../images/garis.png");
	z-index: 2;
	background-size: 20px 21px;
	opacity: 0.6;
}
.dashboard .list::before {
	z-index: 1;
	position: relative;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.dashboard .list:nth-child(1)::before {
	background: #f90;
}
.dashboard .list:nth-child(2)::before {
	background: #6c5ce7;
}
.dashboard .list:nth-child(3)::before {
	background: #00b894;
}
.dashboard .list:nth-child(4)::before {
	background: #d63031;
}
.dashboard .list i.fa, .dashboard .list a, .dashboard .list h2 {
	color: #fff !important;
	z-index: 1000;
	position: relative;
}
.dashboard .fa {
	font-size: 70px;
	display: block;
	margin: 0 auto;
}
.dashboard .list h2 {
	font-size: 30px;
	margin: 5px auto 0px;
	line-height: normal;
	color: #d48303;
}
a {
	color: #008fcc;
}
img {
	max-width: 100%;
}
.fa.fa-check-circle {
	font-size: 40px;
	margin: 0 auto;
	display: inline-block;
	text-align: center;
}
.mobile.show {
	display:none;
}
.stat {
	margin: 0 auto 20px;
}
.affmenu .stat {
	margin: 0 auto;
}
.stat .left, .stat .right {
	float: none;
	display: inline-block;
	border: none;
	width: 70%;
	padding: 0;
	height: auto;
	vertical-align: top;
	background: #334444;
	color: #fff;
}
.tb .stat h2 {
	margin: 0 auto;
	padding: 0;
	display: block;
	font-size: 16px;
	display: block;
}
.stat .left {
	float: none;
	display: inline-block;
	border: none;
	width: 70%;
	padding: 0;
	height: auto;
}
.stat .left-in, .stat .right-in {
	padding: 30px 20px;
}

.stat .value {
	font-size: 24px;
	font-weight: bold;
}
.stat .right {
	float: right;
	width: 29%;
}
.left .earn {
	width: 24%;
	font-size: 12px;
}
.left .earn, .right .earn {
	display: inline-block;
}
.highcharts-legend {
  display: none;
}
.intro > h1 {
  font-size: 30px;
}
.welcomemember {
  background: none repeat scroll 0 0 #eee;
  border: 1px solid #ccc;
  margin: 10px auto;
  padding: 10px;
}
ul.banners {
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
ul.banners li {
  display: block;
  list-style: outside none none;
  margin: 0 auto 30px;
}
ul.banners textarea {
  height: 50px;
  overflow: hidden;
  padding: 10px;
  width: 400px;
}
.top {
/*background: none repeat scroll 0 0 #334444;*/
background: none repeat scroll 0 0 #bb4400;
background: #bb4400; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #e27c00 0%, #bb4400 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#e27c00), color-stop(100%,#bb4400)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #e27c00 0%,#bb4400 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #e27c00 0%,#bb4400 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #e27c00 0%,#bb4400 100%); /* IE10+ */
background: radial-gradient(ellipse at center, #e27c00 0%,#bb4400 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e27c00', endColorstr='#bb4400',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  color: #bb4400;
  overflow: hidden;
  padding: 100px 0;
  position: relative;
  text-align: center;
}
.top > h1 {
  color: #eee;
  font: 60px Covered By Your Grace;
  margin: 0;
  text-shadow: 0 1px 0 #000;
}
.top li .log:before {
  color: #333;
  font-family: FontAwesome;
  font-size: 75px;
  position: absolute;
  top: 48px;
}
.top li:nth-child(1) .log:before {
  content: "\f13e";
  left:35px;
}
.top li:nth-child(2) .log:before {
  content: "\f0ed";
  left:20px;
}
.top li:nth-child(3) .log:before {
  content: "\f0ad";
  left:25px;
}
.top li:nth-child(4) .log:before {
  content: "\f109";
  left:20px;
}
.top li {
  background: none repeat scroll 0 0 #eee;
  border-radius: 50%;
  display: inline-block;
  height: 120px;
  margin: 2% 5%;
  position: relative;
  text-align: center;
  width: 120px;
}
.top li a {
  color: #fff;
  display: block;
  margin: 125px auto 0;
  text-transform: capitalize;
}
.left-menu {
	float: left;
	width: 100%;
	max-width: 260px;
	display: inline-block;
	color: #fff;
	vertical-align: top;
	background: #018ACE;
	font-weight: bold;
	flex: 1;
}
#outer-wrapper {
  background: none repeat scroll 0 0 transparent;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  width: 100%;
}
#outer-wrapper .inner {
	margin: 0 auto;
	max-width: 970px;
	padding: 25px 0;
	overflow: hidden;
}
#outer-wrapper .usermenu .inner {
	padding: 0;
}
#header-wrap .inner {
  border: medium none;
  margin: 0 auto;
  padding: 0;
}
.member #outer-wrapper .inner {
  max-width: 960px;
}
#bottom-wrapper .inner {
  margin: 30px auto 0;
  padding: 20px 0;
  position: relative;
}
a {
  text-decoration: none;
}

.headerbox {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
float: left;
margin: 0 auto;
max-width: 350px;
padding: 0;
width: 100%;
}
/*Slider*/
.rslides_nav.rslides1_nav.prev, .rslides_nav.rslides1_nav.next {
  display: none;
}
.slider {
  color: #222;
  float: left;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 580px;
}
.slider .tab {
  margin: -2px auto 0;
  padding: 20px;
}
#tabmenu-home {
  margin: 0 auto;
  padding: 0 10px;
}
#tabmenu-home > ul {
  margin: 0 auto;
  padding: 0;
}
#tabmenu-home li {
  display: inline-block;
}
#tabmenu-home li a {
  color: #333;
  display: block;
  padding: 10px;
}
#tabmenu-home li a.active {
  background: none repeat scroll 0 0 #47b2b2;
}
.slider h1 {
  bottom: 0;
  color: #235ea1;
  font: 33px Covered By Your Grace;
  margin: 0 auto 10px;
  padding: 0;
}
.rslides_tabs {display:none;
  overflow: hidden;
  position: absolute;
  right: 10px;
  top: 0;
  z-index: 1000;
}
.rslides_tabs li {
  background: none repeat scroll 0 0 #CCCCCC;
  float: left;
  list-style: none outside none;
  margin: 1px;
  padding: 10px;
}
.rslides_tabs li.rslides_here {
  background: none repeat scroll 0 0 #333333;
}
.tab.welcome, .tab.social, .tab.cs, .tab.bank {
  float: none;
  margin: 0 auto;
  overflow: hidden;
  width: auto;
}
.intro {
	float: left;
	font-size: 16px;
	font-weight: normal;
	max-width: 640px;
}
.intro > ul {
  margin: 20px auto;
  padding: 10px;
}
.intro li {
  display: inline-block;
  list-style: outside none none;
  margin: 15px auto;
  padding-left: 120px;
  position: relative;
}
.intro li:before {
  background: url("../images/checklist.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  content: "";
  height: 100px;
  left: 0;
  position: absolute;
  width: 100px;
}
.intro li:nth-child(1):before {
  background: url("../images/landing-pages.png") no-repeat scroll 0 -10px rgba(0, 0, 0, 0);
}
.intro li:nth-child(2):before {
  background: url("../images/email-subscriber.png") no-repeat scroll 0 -2px rgba(0, 0, 0, 0);
}
.intro li:nth-child(3):before {
  background: url("../images/export-database.png") no-repeat scroll 0 -5px rgba(0, 0, 0, 0);
}
.intro li:nth-child(4):before {
  background: url("../images/tracking-link.png") no-repeat scroll 0 -10px rgba(0, 0, 0, 0);
}
.intro li:nth-child(5):before {
  background: url("../images/digital-product.png") no-repeat scroll 0 -10px rgba(0, 0, 0, 0);
}
.intro li h2 {
  color: #cc0000;
  font-size: 22px;
  line-height: normal;
  margin: 0 auto;
}
.footer-link {
  background: url("../images/footer-bg.jpg") repeat scroll 0 0 / 120% auto #333;
  clear: both;
  display: block;
  float: none;
  overflow: hidden;
  padding: 20px;
  position: relative;
  width: auto;
}
.footer-link:before {
  border-left: 19px solid transparent;
  border-right: 19px solid transparent;
  border-top: 20px solid #fff;
  content: "";
  left: -20px;
  position: absolute;
  top: 0;
  transition: all 0.5s ease 0s;
}
.footer-link:hover:before {left:50px;transition: all 0.5s ease 0s;}
.footer-link .main {
  display: inline-block;
  padding: 20px;
  vertical-align: top;
}
.footer-link h3 {
  color: #ff9900;
  font-size: 20px;
  margin: 0 auto;
}
.footer-link ul {
  margin: 0 auto;
  padding: 0;
}
.footer-link li {
  list-style: outside none none;
}
.footer-link li a {
  color: #eee;
}

.welcome {
  bottom: 0;
  float: right;
  margin-left: 20px;
  padding: 20px 0;
  right: 30px;
  transition: all 1s ease 0s;
  width: 300px;
}
.welcome.show {
  margin-top: 0;
  transition: all 1s ease 0s;
}
.welcome > h1 {
	margin: 0 auto;
	text-transform: capitalize;
	color: #008fcc;
}
.welcome ul, .feature ul{
  margin: 10px;
  padding: 0;
}
.welcome li, .feature li {
	border-bottom: 1px solid #CCCCCC;
	font-size: 14px;
	margin: 2px 20px;
	padding: 10px 5px;
	list-style: none;
}
ul.user {
	margin: 15px auto;
	padding: 0;
}
ul.user li {
	margin: 0 auto;
	padding: 2px 0;
	border: none;
	overflow: hidden;
}
ul.user .foto {
	max-width: 50px;
	float: left;
	vertical-align: middle;
	margin-right: 10px;
	border-radius: 50%;
	overflow: hidden;
}
ul.user li img {
	width: 100%;
	display: block;
}
ul.user .name {
	padding: 5px;
	font-weight: bold;
	color: #333;
	font-size: 16px;
}
ul.user .city {
	display: block;
	color: #777;
	font-weight: normal;
}
.midle-wrapper {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	position: relative;
}
.feature {
  background: none repeat scroll 0 0 #FFFFFF;
  clear: both;
  overflow: hidden;
  padding: 0;
}
.portofolio {
  border-bottom: 2px solid #bb4400;
  border-radius: 10px;
  border-top: 2px double #bb4400;
  margin: 0 0 20px;
  overflow: hidden;
  padding: 20px 0;
  position: relative;
  width: auto;
}
.feature .widget {
  display: inline-block;
  float: left;
  margin: 0 0 20px;
  overflow: hidden;
  width: 50%;
}
.feature h1 {
  background: none repeat scroll 0 0 #bb4400;
  color: #FFFFFF;
  font-size: 20px;
  margin: 10px 0;
  padding: 10px;
  text-transform: capitalize;
}
.feature > h2 {
  background: none repeat scroll 0 0 #333333;
  border-radius: 10px 10px 0 0;
  color: #FFFFFF;
  margin: 0 8px;
  padding: 10px;
}
.outer {
    background: none repeat scroll 0 0 #FFFFFF;
    margin:10px auto;
    width:740px;
	min-height: 700px;
}
#content-wrapper {
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	width: auto;
}
.breadcrumb {
  background: none repeat scroll 0 0 #EEEEEE;
  font-size: 12px;
  margin: 5px 0;
  padding: 10px;
  text-transform: capitalize;
}
.head {
	background: #fff;
	margin: 0 auto;
	overflow: hidden;
}
#outer-wrapper .head .inner {
	padding: 10px 0;
}
.head-left {
	float: left;
}
.head-member {
	float: right;
	padding: 24px 10px;
	color: #666;
}
.head h1 {
	margin: 0 auto;
	font-size: 80px;
	line-height: 1;
	vertical-align: middle;
}
.head span {
	font-size: 20px;
	padding: 0;
	display: inline-block;
	color: #555;
}
.head img {
	max-width: 50px;
	display: block;
	float: right;
	border-radius: 50%;
}
.head .name {
	vertical-align: middle;
	display: inline-block;
	font-size: 18px;
	padding: 4px 10px;
	text-align: right;
}
.head .name span {
	display: block;
	font-size: 14px;
	color: #777;
	line-height: 1;
}
.main-wrapper {
	float: none;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: auto;
	display: flex;
}
.heads {
  margin: 0 auto 10px;
  overflow: hidden;
}
.head-left {
  display: inline-block;
  float: left;
}
.head-right {
  display: inline-block;
  float: right;
  vertical-align: middle;
}
.heads h1 {
	margin: 0 auto;
	padding: 0;
	line-height: normal;
}
.content {
	overflow: hidden;
	padding: 20px;
	background: #fff;
	flex: 1;
	min-height: 95vh;
}
ul.dashboard {
	margin: 0 auto;
	padding: 0;
}
.dashboard li {
	display: inline-block;
	width: 80px;
	list-style: none;
	border-radius: 50%;
	overflow: hidden;
	height: 90%;
	border: 2px solid #eee;
	margin: 10px;
}
.dashboard li img {
	display: block;
	width: 100%;
}
.content.empty {
  border-bottom: 4px solid #ff9900;
  min-height: 0;
}
.content h2 {
  margin: 30px auto 5px;
}
.login {
  font-family: 'Trebuchet MS';
  font-size: 16px;
  margin: 0 auto;
  max-width: none;
  padding: 20px;
  text-align: center;
  width: 300px;
}
.forgotpass {
	font-size: 16px;
	margin: 0 auto;
	max-width: none;
	padding: 20px;
	text-align: center;
	width: auto;
}
.forgotpass input.text {
  padding: 10px;
}
.forgotpass input.submit {
  cursor: pointer;
  padding: 8px;
}
.sales {
  background: none repeat scroll 0 0 #CCCCCC;
  padding: 10px;
}
.demo .button {
  background: none repeat scroll 0 0 #556666;
  border: medium none;
  color: #FFFFFF;
  cursor: pointer;
  float: none;
  padding: 10px;
  width: 49%;
}
.demo .button.buy {
  float: left;
}
.demo .button.demo {
  float: right;
}
.bold {
	font-weight: bold;
}
.button {
	background: #008fcc;
	border: none;
	padding: 10px;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	color: #fff;
}
.button.small {
	background: #ff9900;
	border: none;
	padding: 4px 10px;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	color: #fff;
}
.button:hover {
	background: #00619e;
	color: #fff;
}
.manage {
	display: block;
	font-size: 12px;
	color: #666;
}
.manage a {
	display: inline-block;
	margin: 0 auto 5px;
	padding: 3px 10px 0px;
	border-radius: 6px;
}
.manage .fa.fa-whatsapp {
	font-size: 22px;
	color: #fff;
}
.table {
	border-collapse: collapse;
	background: #fff;
	width: 100%;
}
.table .table {
	padding: 0;
}
.table.border-bottom tr {
	border-bottom: 1px solid #ccc;
}
.table.odd tr:nth-child(2n+1) {
	background: #eee;
}
.table tr {
margin: 0;
padding: 0;
}
.table tr.title {
background: none repeat scroll 0 0 #F0F0F0;
font-weight: bold;
text-transform: capitalize;
}
.table #bank2, .table #bank3 {
  display: none;
}
.table  .space1, .table  .space2 {
  display: none;
}
.table td {
	padding: 5px 10px;
	position: relative;
}
.table.downloads {
  font-size: 16px;
}
.table.downloads td {
  padding: 20px;
}
.table tr.title td {
}
.table a {
  text-decoration: none;
}
.table2 {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0 auto 1px;
  width: 100%;
}
.table2 tr:nth-child(2n+1),.table3 tr:nth-child(2n+1) {
  background: none repeat scroll 0 0 #eee;
}
.table3 tr:nth-child(1)  {
  background: none repeat scroll 0 0 #333;
  color: #fff;
}
.table2 tr:nth-child(1) {
  background: none repeat scroll 0 0 #eee;
  color: #333;
  font-weight: bold;
}
.table2 td {
  padding: 5px 8px;
  text-align: left;
}
.flag {
  border: medium none;
  height: 13px;
  margin-left: 10px;
}
.table3 {
  border: 1px solid #ccc;
  border-collapse: collapse;
  font-size: 16px;
  width: 100%;
}
.table3 td {
  min-width: 0px;
  padding: 15px;
  text-align: center;
}
.table3 tr td:nth-child(1) {
  background: none repeat scroll 0 0 rgba(100, 100, 100, 0.1);
  font-weight: bold;
  min-width: 0;
  text-align: left;
}
  a.download {
  padding-left: 25px;
  position: relative;
}
a.download:before {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #333;
  bottom: 0;
  content: "";
  left: 0;
  padding: 7px;
  position: absolute;
}
a.download:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 7px solid #333;
  bottom: 4px;
  content: "";
  left: 2px;
  padding: 0;
  position: absolute;
}

a.download:hover:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 7px solid #333;
  bottom: 2px;
  content: "";
  left: 2px;
  padding: 0;
  position: absolute;
  transition: all 0.5s ease 0s;
}
/*Table Style 2*/
.table.dua .feature {
  background: none repeat scroll 0 0 #FDFDBF;
}
.table.dua tr:nth-child(2n+1){
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}
.table.dua tr.title {
  background: none repeat scroll 0 0 #0061A5;
  color: #FFFFFF;
  text-transform: uppercase;
}
.table.dua .feature-title {
  background: none repeat scroll 0 0 #F4F4F4;
  width: 200px;
}
/*Table download*/
table.download {
  background: none repeat scroll 0 0 #EEEEEE;
  margin: 10px 0;
  padding: 10px;
}
table.download td.title {
  font-weight: bold;
}
table.download .td_left {
  width: 50px;
}
table.download .td_dot {
  width: 5px;
}
table.download td.logo img {
  margin-right: 10px;
  overflow: hidden;
  width: 90px;
}
.upload-file {
  background: none repeat scroll 0 0 #EEEEEE;
  margin: 0 0 20px;
  padding: 20px;
}
.upload-file ol {
  margin: 10px 0 0;
  padding: 0 0 0 20px;
}
.upload-file li {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
  margin: 5px 0;
  padding: 5px;
}
.upload-file li a {
  color: #000000;
  display: block;
  text-decoration: none;
}
#sidebar-wrapper{
 background: none repeat scroll 0 0 transparent;
    float: right;
    margin: 0;
    overflow: hidden;
    width: 300px;
    word-wrap: break-word;
}
.terbaru {
    color: #566666;
    float: none;
    font-size: 20px;
    overflow: hidden;
    padding: 5px;
    text-transform: capitalize;
    width: auto;
}
.terbaru .hleft {
    float: left;
}
.terbaru .hright {float: left;
    padding: 0 15px;}
.terbaru .hright h2 {
    display: none;
}
.terbaru .hright ul {
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.terbaru li a {
    color: #333333;
    display: block;
    font-size: 12px;
    padding: 5px 10px;
}
.terbaru .hright li {
    border: medium none;
    float: left;
    list-style: none outside none;
}
.post-home {
  border-radius: 10px;
  float: left;
  font-size: 14px;
  height: 222px;
  margin: 10px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 200px;
}
.portofolio li {padding:0;margin:0;}
.post {
 background: none repeat scroll 0 0 transparent;
    border: 0 none;
    float: left;
    font-size: 14px;
    height: 180px;
    margin: 10px;
    overflow: hidden;
    position: relative;
    width: 180px;
}
.post-body-home{
    margin: 0;
    overflow: hidden;
}
.post-body {
border: 0 solid #FFFFFF;
    color: #000000;
    line-height: 1.6em;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.post-body h1 {
  font-size: 20px;
}
.post-body-home:hover{
    color: #EEEEEE;
    line-height: 1.6em;
    margin: 0;
    overflow: hidden;
}
.post-home img {
  border: 0 none;
  float: left;
  height: auto;
  margin: 0;
  padding: 0;
  width: 100%;
}
.post img {
border: 0 none;
    margin: 0;
    min-height: 180px;
    padding: 0;
    width: 100%;
}
.price {
  bottom: 0;
  float: none;
  margin: 0;
  padding: 2px;
  text-align: center;
  transition: all 0.5s ease 0s;
  width: auto;
}
.price-home {
   color: #000000;
    float: left;
    margin: 2px 0;
    padding-left: 0;
    width: 81px;
}
.detail {
  float: none;
  margin: 0;
  padding: 2px;
  text-align: center;
  width: auto;
}
.price, .detail {
  font-size: 12px;
  line-height: 1;
}
.cat .detail {
    width: 50px;
}
.price a, .detail a {
    color: #556666;
    text-decoration: none;
}
.detail a:hover{
    text-decoration: none;
	font-weight:bold;
}
.detail a {
  display: block;
}
.post-home:hover .detail a:before {
  display: inline;
}
.latest {
  float: none;
  overflow: hidden;
  padding: 0;
}
.latest h2 {
    background: none repeat scroll 0 0 #333333;
    color: #EEEEEE;
    font-size: 16px;
    margin: 0;
    padding: 2px;
}
.post-home h3 {
    font-size: 14px;
    height: 100%;
    line-height: normal;
    margin: 0;
    text-align: center;
    width: 100%;
}
.post h3 {
    background: none repeat scroll 0 0 #C4C4C4;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.post-home h3 a, .post h3 a:visited, .post h3 strong {
    color: #fff;
    display: block;
    font-weight: bold;
    text-decoration: none;
	font-size: 12px;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
    color: #000000;
    display: block;
    font-weight: bold;
    text-decoration: none;
}
h3.post-title.entry-title a {
   color:#333;
    display: block;
    font-weight: normal;
    height: auto;
    padding: 0;
    width: auto;
}
.pg {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    float: right;
    width: 200px;
}
.gal2 {
    float: left;
    padding: 10px;
    width: 100%;
}
#header-wrap {
	margin: 0 auto;
	overflow: hidden;
	padding: 20px 0;
	background: #fff;
}
.header {
    margin: 0 auto;
    padding: 0;
    width: auto;
}
}
.header-left {
    float: left;
    width: 300px;
}
.header-right {
    background: none repeat scroll 0 0 #EEEEEE;
    float: right;
    margin-right: 10px;
    margin-top: 0;
    width: 400px;
}
.header h1 {
   color: #FFFFFF;
    margin: 0 auto;
}
.titlewrapper img {
  max-width: 100%;
  padding: 0;
}
.header h1 a {
    color: #FC9443;
    font-size: 20px;
    text-decoration: none;
}
.titlewrapper {
    margin: 0;
    padding: 0;
}
.descrptionwrapper {
    color: #FFFFFF;
    padding: 0 8px;
}
.adminheader p {
margin: 15px auto 15px 5px;
    padding: 0;
    width: 270px;
}
.menu {display:none;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-bottom: 0 solid #000000;
  float: right;
  margin: 0 auto;
  max-width: 550px;
  padding: 0;
  text-align: right;
  width: 100%;
}
.menu li {
  float: left;
  margin: 0 0 0 5px;
  overflow: hidden;
}
.usermenu {
	background: none repeat scroll 0 0 #333;
	border: 0 solid #cccccc;
	margin: 0 auto;
	padding: 0;
	text-align: right;
}
.usermenu .left a {
background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #bb4400;
    display: block;
    float: left;
    font-weight: normal;
    padding: 10px;
}
.usermenu .right a {
    color: #eeeeee;
    display: block;
    float: left;
    padding: 10px;
    text-align: right;
    text-decoration: none;
}
.menu .left {
background: none repeat scroll 0 0 #ABD158;
    float: left;
    padding: 15px;
    width: 170px;
}
.menu .rigth {
    padding: 14px;
}
.topsearch{
display:none;
    margin: 0 auto 20px;
    overflow: hidden;
    padding: 0;
}
.topsearch .tleft {
float: left;
    height: 20px;
    margin: 2px;
    width: 180px;
}
/*.right a {
   border-right: 1px solid #EEEEEE;
    color: #2E6B4A;
    font-size: 14px;
    font-weight: bold;
    padding: 0 5px;
    text-decoration: none;
}*/
.topsearch .tright {
background: none repeat scroll 0 0 #556666;
border-radius: 0 0 8px 8px;
float: right;
margin: 0 auto;
padding: 10px;
width: auto;
}
.tright .search {
    float: right;
    height: 25px;
    padding: 0px;
    width: 100%;
}
.tright a {
    color: #000;
    text-decoration: none;
}
.tright .more {
  background: none repeat scroll 0 0 #333;
  color: #eee;
  font-size: 18px;
  padding: 1px 10px;
}
.sleft {
    float: left;
    padding: 3px;
    width: 175px;
}
.sleft a {
    float: right;
}
.ct {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #CCCCCC;
    color: #333333;
    float: left;
    font-family: arial;
    font-size: 14px;
    margin: 5px;
    padding: 5px;
}
.ct li {
    list-style: square outside none;
}
.sright {
    float: right;
    width: 184px;
}
.search .left {
    background: none repeat scroll 0 0 #ccc;
    border: 0 solid #AAAAAA;
    color: #FFFFFF;
    float: left;
    height: 20px;
    padding: 2px;
    width: 130px;
}
.search .left:hover {
    background: none repeat scroll 0 0 #333333;
}
.search .right {
    background: none repeat scroll 0 0 #566666;
    border: 0 solid #333333;
    color: #FFFFFF;
    float: left;
    font-family: arial;
    font-size: 14px;
    padding: 3px;
    width: 50px;
}
.search .right:hover {
    background: none repeat scroll 0 0 #333333;
    cursor: pointer;
}
.menu ul {
  float: right;
  margin: 16px auto 0;
  overflow: hidden;
  padding: 0;
}
.menu li a {
  color: #fff;
  display: block;
  float: none;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 10px 5px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.menu li .des {
  color: #333;
  font-size: 10px;
  text-transform: capitalize;
}
.menu li a:hover .des {
  color: #333333;
}
.menu li a:hover {
    color: #666666;
}
.menu li a:hover .des {
  color: #eee;
}
/** breadcrumbs**/
.breadcrumbs {
    background: none repeat scroll 0 0 #566666;
    border-bottom: 2px double #EEEEEE;
    color: #EEEEEE;
    font-size: 12px;
    margin: 0 0 5px;
    padding: 12px 10px;
}
.breadcrumbs a.home {
    text-decoration: none;
    text-transform: uppercase;
}
.breadcrumbs a {
    color: #EEEEEE;
    padding: 0 5px;
    text-decoration: none;
    text-transform: capitalize;
}
.main {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: none;
  margin: 0 auto;
  overflow: hidden;
  width: auto;
}
#f_form {
  margin: 0 auto;
  padding: 10px 10px 0;
}
#f_form li {
  background: none repeat scroll 0 0 #ccc;
  display: inline-block;
  margin: 0 auto -1px;
}
#f_form li a.active {
  background: none repeat scroll 0 0 #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
#f_form li a {
  color: #000;
  display: block;
  font-weight: bold;
  padding: 10px;
}
.subscriber.form, .contact.form {
  border-top: 1px solid #ccc;
  margin: 0 auto;
  padding: 10px;
}
.subscribe {
color: #000000;
    float: none;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 15px;
    width: auto;
}
.s {
    background: none repeat scroll 0 0 #555555;
    border: medium none;
    color: #CCCCCC;
    float: left;
    font-style: italic;
    padding: 10px;
    width: 186px;
}
.search_btn {
    background: none repeat scroll 0 0 #bb4400;
    border: medium none;
    color: #FFFFFF;
    float: left;
    padding: 10px 5px;
    text-transform: uppercase;
}
.bottom .main.midle {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}
.bottom .main.left {
    border-right: 1px solid #F8F8F8;
}
.bottom .main.right {
    border-left: 1px solid #F8F8F8;
}
.bottom {
    border-top: 1px solid #F8F8F8;
    overflow: hidden;
    padding: 20px 0;
}
.bottom .main {
    float: left;
    height: 195px;
    width: 321px;
}
.subscribe .count {
    font-size: 30px;
}
.subscribe p {
    margin: 0;
}
.allprod {
  overflow: hidden;
  padding: 30px;
}
.left {
    background: none repeat scroll 0 0 #f6f6f6;
    border: 1px solid #CCCCCC;
    float: left;
    height: 300px;
    overflow: hidden;
    padding: 10px;
    width: auto;
}
.left .thumb:hover {
    -moz-transition: overflow 1s ease 0s;
    overflow: auto;
}
.left .thumb {
    height: 300px;
    overflow: hidden;
}
.left img {
    border: medium none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.back {
    background: none repeat scroll 0 0 #D4D4D4;
    margin: 0 auto 2px;
}
.back a {
   background: none repeat scroll 0 0 #2E6B4A;
    color: #FFFFFF;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0;
    padding: 0 10px;
    text-decoration: none;
}
.back a:hover {
    background: none repeat scroll 0 0 #EEEEEE;
    color: #333333;
}
.howtobuy {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    float: left;
    width: 99.8%;
}
.howtobuy .form {
    margin:0px;
	padding:0px;
}
.form form {
    margin: 15px;
}
.fright input {
    border: 1px solid #CCCCCC;
    color: #333333;
    margin: 1px;
    padding: 6px;
}
.fright textarea {
    border: 1px solid #CCCCCC;
}
.fbutton input {
background: none repeat scroll 0 0 #A97FB0;
    border-color: #F4F1EE #444444 #444444 #F4F1EE;
    border-style: solid;
    border-width: 1px;
	color: #EEEEEE;
    font-weight: bold;
    padding: 5px;
    width: 70px;
}
.howtobuy .left {
    float: left;
    width: 250px;
}
.howtobuy .right {
    float: left;
    width: 100%;
}
.howtobuy h2 {
  background: none repeat scroll 0 0 #CCCCCC;
    color: #000000;
    font-family: arial;
    font-size: 16px;
    margin: 2px;
    padding: 5px;
    text-transform: uppercase;
}
.howtobuy p {
    margin: 0;
    padding-left: 5px;
}
.howtobuy ul {
    color: #333333;
    font-family: arial;
    font-size: 16px;
    margin-bottom: 30px;
    padding-left: 35px;
}
.howtobuy ul li {
    list-style: disc outside none;
    margin: 0;
    padding: 0;
}
.howtobuy h3 {
    background: none repeat scroll 0 0 #CCCCCC;
    color: #000000;
    font-family: arial;
    font-size: 16px;
    margin: 2px;
    padding: 5px;
    text-transform: uppercase;
}
.left a {
    background: none repeat scroll 0 0 #CCCCCC;
    border: 1px solid #BBBBBB;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
.related {
    border-top: 1px dotted #AAAAAA;
    float: left;
    margin: 10px auto;
    padding: 0;
    width: 100%;
}
.related .price-home {
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
    float: left;
    margin: 0;
    padding: 2px;
    width: 83px;
}
.related .detail {
    background: none repeat scroll 0 0 #2E6B4A;
    float: right;
    margin: 0;
    padding: 2px;
    text-align: center;
    width: 41px;
}
.related h3 {
    font-size: 14px;
    margin: 0;
    padding: 0;
    position: absolute;
	width: 132px;
}
.related .title {
    margin-bottom: 10px;
    margin-top: 5px;
    font-family: verdana;
}
.thumbs-home {
 height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.thumbs {
  border: 0 solid #EEEEEE;
  height: 100%;
  margin: 0;
  max-height: 200px;
  max-width: 200px;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.summary {
  display: inline-block;
  float: none;
  width: 100%;
}
.summary > h2 {
display:none;
  margin: 10px 0;
  padding: 0;
}
.summary .demo, .summary .download {
  float: left;
  font-size: 12px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 50%;
}
.summary .demo {
  background: none repeat scroll 0 0 #333;
  color: #bb4400;
}
.summary .download {
  background: none repeat scroll 0 0 #bb4400;
  color: #FFFFFF;
}
.goto {
  display: block;
  float: none;
  padding: 10px;
  width: auto;
}
.thumbs #img {
    height: 120px;
    margin: 2px;
    overflow: hidden;
}
.thumbs #img img {
    height: auto;
    margin-left: -10px;
    margin-top: -10px;
    position: relative;
    width: 300px;
}
.desc {
    background: none repeat scroll 0 0 #333333;
    color: #EEEEEE;
    margin: 3px;
    text-align: center;
}
.menuname{
background: none repeat scroll 0 0 #0066FF;
    color: #000000;
    float: right;
    font-size: 18px;
    font-weight: bold;
    margin-right: 0;
    padding-left: 5px;
    width: 200px;
}
.sidebar-left{
background: none repeat scroll 0 0 #CCCCCC;
    float: left;
    margin: 0;
    padding: 0;
    width: 200px;
}
.sidebar-left ul {
background:none repeat scroll 0 0 #418F91;
    color: #000000;
    margin: 0;
    padding: 2px;
}
.sidebar-left ul li {
border-bottom: 1px dashed #D1CECB;
    list-style: none outside none;
    margin: 2px 0;
    padding: 2px;
}
.sidebar-left ul li a {
color: #EEEEEE;
    font-family: verdana,arial;
    font-weight: bold;
    text-transform: uppercase;
}
.sidebar {
    color: #EEEEEE;
    line-height: 1.5em;
}
.sidebar .widget {
    background: none repeat scroll 0 0 #f6f6f6;
    margin: 0 0 10px;
    padding: 0;
}
.sidebar .widget2 {
    margin-top: 10px;
}
.banner {
    margin: 0 0 2px;
    padding: 0;
}
.sidebar .widget-content.list-label-widget-content{
padding:8px

}
.sidebar h2 {
background: none repeat scroll 0 0 #566666;
    border-bottom: 1px solid #333333;
    color: #EEEEEE;
    font: bold 14px Arial;
    margin: 0;
    padding: 10px 5px;
    text-align: left;
    text-transform: uppercase;
}
.sidebar ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.sidebar ul li {
 border-bottom: 1px double #999999;
    color: #000000;
    line-height: 1.3em;
    list-style: square inside none;
    margin: 5px 10px;
    padding-left: 0;
    text-indent: 0;
}
.pager {
    border-top: 1px solid #333333;
    float: left;
    padding: 5px 0;
    text-align: center;
    width: 100%;
}
.pager a {
    background: none repeat scroll 0 0 #A97FB0;
    color: #fff;
    font-weight: bold;
    margin: 2px;
    padding: 5px;
    text-decoration: none;
	float:left;
}
.pager b {
    background: none repeat scroll 0 0 #333333;
    color: #EEEEEE;
    float: left;
    margin: 3px;
    padding: 4px;
}
.result {
    color: #000000;
    font-family: verdana;
    margin: 5px;
}
#sidebar-wrapper a {
color: #000;
    font-size: 12px;
    font-weight: normal;
    line-height: 24px;
    padding: 3px 2px 4px 0;
}
.icontent {
  float: right;
    margin: 10px;
    width: 780px;
}
.content-inner {
    background:none repeat scroll 0 0 transparent;
    float: right;
    width: 100%;
}
.isi {
    background:none repeat scroll 0 0 transparent;
    width: 100%;
}
.premium {
  background: none repeat scroll 0 0 #bb4400;
  color: #fff;
  display: inline;
  font-size: 10px;
  margin-left: 10px;
  padding: 2px 4px;
}
.link-wrap {
  margin: 0 20px;
  overflow: hidden;
  padding: 0 0 20px;
}
#member {
  background: none repeat scroll 0 0 #16a085;
}
#member ul {
  margin: 50px auto;
  padding: 0;
  text-align: center;
}
#member li {
  background: none repeat scroll 0 0 #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  display: inline-block;
  height: 100px;
  list-style: outside none none;
  margin: 5px;
  overflow: hidden;
  padding: 0;
  width: 100px;
}
#member li img {
  height: auto;
  min-height: 100%;
  width: 100%;
}
.mid {
  background: none repeat scroll 0 0 #bb4400;
  color: #eee;
  overflow: hidden;
  padding: 60px 30px;
  text-align: center;
}
.mid a {
  color: #eee;
}
.mid > h1 {
  margin: 0 auto;
  max-width: 1000px;
  position: relative;
}
/*.mid a:before {
  border-bottom: 6px solid #eee;
  border-top: 15px double #eee;
  content: "";
  height: 5px;
  left: 50px;
  position: absolute;
  top: -3px;
  width: 35px;
}*/
.mid a:before {
  content: "\f0eb";
  font-family: FontAwesome;
  font-size: 63px;
  font-weight: normal;
  height: 5px;
  left: 50px;
  position: absolute;
  top: -3px;
  width: 35px;
}
.content.alasan {
  margin: 0 auto;
  max-width: 1000px;
}
.headingtwo {
  color: #2980b9;
  font-size: 30px;
  line-height: normal;
  margin: 50px auto 30px;
  padding: 10px;
  text-align: center;
}
.headingtwo > h2 {
  color: #bb4400;
  font: 65px Covered By Your Grace;
  margin: 20px auto 0;
}
.content.alasan li {
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}
.fact {
  background: none repeat scroll 0 0 #eeeeff;
  border-left: 6px solid #bb4400;
  border-right: 4px dashed #fff;
  margin: 20px auto;
  padding: 10px 20px;
}
.fact1, .fact2 {
  display: inline-block;
  float: none;
  vertical-align: text-top;
  width: 48%;
}
.fact h2 {
  margin: 10px auto;
}
.fact ol {
  margin: 0;
  padding: 0 20px 0 25px;
}
.footer {
	clear: both;
	color: #333;
	font-weight: normal;
	margin: 0 auto;
	padding: 20px;
	text-transform: capitalize;
	width: auto;
	background: #eee;
}
.footer h2 {
	margin: 0 auto 5px;
	text-transform: uppercase;
	font-size: 18px;
}
.footer .widget {
	display: inline-block;
	width: 20%;
	vertical-align: top;
}
.footer .widget.three {
	width: 58%;
	text-align: right;
}
.footer .fleft {
  float: left;
}
.footer .fright {
  float: right;
}
.footer ul {
  margin: 0 auto;
  padding: 0;
}
.footer li {
  list-style: none outside none;
}
.fa.fa-angle-right {
	background: #777;
	color: #fff;
	padding: 0px 5px 1px;
	font-size: 12px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto 4px;
}
.footer a {
	text-decoration: none;
	color: #333;
}
.tagline {
	background: #f4f4f4;
	font-size: 40px;
	text-align: center;
	padding: 0 0 20px;
}
.tagline .inner {
	margin: 20px auto;
	border: 1px dashed #ccc;
	overflow: hidden;
	line-height: normal;
	padding: 10px;
	background: #ff99;
}
.copyright {
	color: #333;
}
#outer-wrapper .copyright .inner {
	padding: 10px;
}
.footers {
	background: #222;
	color: #eee;
}
.footers .logo {
	width: 190px;
	padding: 0 10px;
	overflow: hidden;
	display: inline-block;
	float: left;
}
.footers h2 {
	color: #BEAB07;
}
.footer img {
	width: 100%;
	max-width: 145px;
	height: auto;
}
.footers a {
	color: #BEAB07;
}
.footerText {
	color: #CC9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}
#img a img {
    height: auto;
    width: 370px;
}
.warning {
	margin: 0 auto;
	padding: 5px;
	text-align: center;
	border: 1px solid #ff9900;
	color: #ff9900;
}
/* Start Home by cat*/
.cat {
    float: left;
    width: 100%;
}
.cat .cat-title h2 {
    color: #2E6B4A;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
.cat .border {
    border: 0 solid #CCCCCC;
    float: left;
    padding: 5px 0;
}
.cat-title {
    border-bottom: 2px solid #333333;
    float: left;
    margin: 10px 0 5px;
    width: 100%;
}
.cat-title .more {
    background: none repeat scroll 0 0 #333333;
    float: right;
    margin: 0;
    padding: 1px 5px;
}
.cat-title .more a {
    color: #FFFFFF;
    text-decoration: none;
}
.cat .post h3 {
	background: none repeat scroll 0 0 #EEEEEE;
    color: #B3A756;
    font-family: verdana;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: capitalize;
}
.cat .post-body {
    background: none repeat scroll 0 0 #eee;
    border: 1px solid #EEEEEE;
    color: #000000;
    line-height: 1.6em;
    margin: 0;
    overflow: hidden;
}
.cat .post {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    float: left;
    font-size: 14px;
    margin: 0 2px;
    width: 160px;
}
.cat .price {
    background: none repeat scroll 0 0 transparent;
    color: #000000;
    float: left;
    margin: 2px;
    padding-left: 2px;
    width: auto;
}
.cat .thumbs {
    border: 0 solid #EEEEEE;
    height: 215px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.cat .post img {
    border: 0 none;
    height: auto;
    margin-left: -10%;
    margin-right: -10%;
    margin-top: -1px;
    padding: 0;
    width: 190px;
}

.cat .detail a {
    background: none repeat scroll 0 0 #2E6B4A;
    border-bottom: 1px solid #333333;
    border-radius: 0 0 0 0;
    border-right: 1px solid #333333;
    color: #CCCCCC;
    font-family: arial;
    font-weight: bold;
    padding: 4px 12px;
    text-decoration: none;
}
.login .form {
  margin: 0 0 5px;
  padding: 10px;
  text-align: center;
  width: 100%;
}
input.form_element {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CCCCCC;
  color: #747862;
  margin-bottom: 0;
  padding: 15px;
  width: 260px;
}
#registration {
	max-width: 450px;
	margin: 0 auto;
	padding: 20px;
	width: 100%;
}
.createuser {
	width: 100%;
	border-collapse: collapse;
	box-shadow: 0px 4px 3px #aaa;
	margin: 0 auto 10px;
}
table.createuser input[type="text"] {
	padding: 10px 0;
	font-size: 16px;
	font-weight: bold;
	color: #ff9900;
	width: 100%;
	display: block;
	background: transparent;
	text-transform: lowercase;
}
table.createuser .userform {
	background: #fff;
	width: auto;
}
table.createuser .userform td:nth-child(1) {
	padding: 10px 0 0 10px;
	white-space: nowrap;
}
/*
#registration.link #username {
	color: #000;
	font-weight: bold;
	padding: 15px 10px 13px 212px;
	width: 600px;
}
#registration.link .site {
	float: left;
	padding: 13px 10px;
	position: relative;
	z-index: 1000;
	position: absolute;
}
*/
#registration.link #availability_status {
  clear: both;
  float: none;
  left: auto;
  position: relative;
  top: auto;
}
.style_form {
  margin: 3px;
  position: relative;
}
#availability_status, #password_validation, #email_availability {
	font-size: 11px;
	right: 12px;
	position: absolute;
	top: 12px;
}
.register, #submit_btn, a#submit_btn {
  background: #008fcc none repeat scroll 0 0;
  border: medium none;
  border-radius: 4px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  margin: 10px 0;
  padding: 10px;
  text-transform: capitalize;
  vertical-align: middle;
}
#submit_btn.small {
  padding: 5px 10px;
}
#submit_btn:hover {
  background: #005f9c none repeat scroll 0 0;
}
.register-finish {
  padding: 25px;
  text-align: center;
}
.register .link {
    color: #fff;
    text-decoration: none;
}
*:focus {
    outline: 0;
}
.notfound {
    font-size: 14px;
    margin: 8px 0;
    padding: 8px;
    text-align: justify;
}
.notfound h2 {
    font-size: 16px;
    margin: 6px 0 10px;
    padding: 0;
    text-align: left;
}
.notfound ul {
    height: 400px;
    margin: 0;
    padding: 0;
}
.notfound li {
    color: #2E6B4A;
    float: left;
    list-style: square outside none;
    margin: 2px 4px 2px 14px;
    padding: 2px 0;
    text-align: left;
    width: 196px;
}
.notfound li a {
    color: #2E6B4A;
}
table input[type="text"], table input[type="password"], table textarea, table select {
	padding: 10px 3%;
	width: 94%;
	border: none;
	background: #fff;
	border: 1px solid #d1d16b6b;
}
table select {
	width: 100%;
}
table.normal textarea, table.normal select {
	background: #fff;
}
table.normal select {
	width: auto;
}
td {
    vertical-align: top;
}
.pemesanan table {
    border: 1px none;
    width: 100%;
}
.pemesanan th {
    background: none repeat scroll 0 0 #F4F4F4;
    border: 1px solid #AAAAAA;
}
.pemesanan td {
    border: 1px solid #CCCCCC;
    padding: 2px;
}
.shopcart table {
    border: 1px none;
    width: 650px;
}
.shopcart table tr {
    border: 1px none;
}
.shopcart table th {
    background: none repeat scroll 0 0 #F4F4F4;
    border: 1px solid #aaa;
    color: #000000;
    padding: 4px;
    text-align: left;
}
.shopcart td {
    border: 1px solid #AAAAAA;
    padding: 5px;
    text-align: left;
}
.shopcart li {
    font-family: arial;
    font-size: 16px;
    list-style: none outside none;
}
.form {
    margin: 20px;
}
.payment {
  margin: 0 0 5px;
  padding: 15px;
  width: auto;
}
.payment h1 {
    margin: 0;
}
.payment ul {
margin: 15px 0;
    overflow: hidden;
    padding: 0;
}
.payment li {
    float: left;
    font-size: 16px;
    list-style: none outside none;
    margin: 0 0 9px;
    width: 220px;
}
.prospes {
  float: left;
  margin: 10px 10px 10px 0;
  overflow: hidden;
  width: 560px;
}
#sidebar {
  float: right;
  margin: 10px 0;
  width: 300px;
}
#sidebar .widget {
  background: none repeat scroll 0 0 #EEEEEE;
  margin: 0 0 10px;
  overflow: hidden;
  padding: 12px;
}
#sidebar .widget h2 {
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 5px;
}
#sidebar .widget ul {
  list-style: none outside none;
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
}
#sidebar .widget.random ul li {
  float: left;
}
#sidebar .widget.random ul .thumb {
  height: 90px;
  margin: 1px;
  overflow: hidden;
  width: 90px;
}
#sidebar .widget.random ul li .thumb img {
  float: left;
  height: auto;
  width: 100%;
}
.prospes .thumbnail {
  float: none;
  padding: 0;
  width: 560px;
}
.thumbnail img {
  width: 100%;
}
.prospes .description {
    overflow: hidden;
}
/*bottom wrapper*/
#bottom-wrapper {
  background: none repeat scroll 0 0 #222;
  margin: 0;
  overflow: hidden;
  padding: 0 0 5px;
}
#bottom-wrapper .main {
  float: left;
  margin: 0;
  padding: 1%;
  width: 23%;
}
#bottom-wrapper ul {
  border-bottom: 1px solid #171717;
  border-top: 1px solid #3a3a3a;
  list-style: none outside none;
  margin: 20px 0;
  padding: 0;
}
#bottom-wrapper a {
  color: #cccccc;
  text-decoration: none;
}
#bottom-wrapper h2 {
  color: #bb4400;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  text-transform: capitalize;
}
#user-activity {
  background: none repeat scroll 0 0 #FFFFFF;
  margin: 0;
  overflow: hidden;
  padding: 0px;
}
#user-activity .inner {
  background: none repeat scroll 0 0 #F4F4F4;
}
#user-activity .main:nth-child(1) {
  float: left;
  padding: 10px;
  width: 520px;
}
#user-activity .main:nth-child(2) {
  float: right;
  padding: 10px;
  width: 310px;
}
#user-activity li {
  float: left;
  height: 145px;
  margin: 5px;
  overflow: hidden;
  width: 145px;
}
#user-activity li img {
  width: 100%;
}
#user-activity ul {
  margin: 0;
  padding: 0;
}
#user-activity h2 {
  font-size: 16px;
  font-weight: normal;
  margin: 4px;
}
#bottom-wrapper .search h2 {
  font-size: 17px;
  text-align: left;
  text-transform: capitalize;
}
.search {
  color: #EEEEEE;
  font-size: 11px;
}
.search > form {
  overflow: hidden;
}
.search .input {
  background: none repeat scroll 0 0 #3E4F4F;
  border: medium none;
  border-radius: 5px;
  color: #EEEEEE;
  cursor: text;
  float: left;
  margin: 0 -78px 0 0;
  padding: 15px;
  width: 180px;
}
.search input.button {
  background: none repeat scroll 0 0 #bb4400;
  border: medium none;
  color: #FFFFFF;
  cursor: pointer;
  float: left;
  margin: 8px 5px;
  padding: 7px;
  text-transform: capitalize;
}
.search input.button:hover {
  background: none repeat scroll 0 0 #F38D0E;
}
/* Start drop down menu*/
#dropdownMenu ul.data {
  float: left;
}
#dropdownMenu ul.data li {
  padding: 8px 19px;
}
#dropdownMenu ul.data li a {
  display: inline;
  margin: 0;
  padding: 0;
}
#dropdownMenu ul.data li:hover  a{
  background: none repeat scroll 0 0 transparent;
}
#dropdownMenu {
  background: none repeat scroll 0 0 #333;
  color: #eeeeee;
  overflow: hidden;
}
        #dropdownMenu ul {
            float: right;
            list-style: none;
            margin: 0;
            padding: 0;
        }
        #dropdownMenu li {
            list-style: none;
            margin: 0;
            padding: 0;
			text-align:left;
        }
		#dropdownMenu li:hover a {
  background: none repeat scroll 0 0 #555555;
}
        #dropdownMenu li a, #dropdownMenu li a:link, #dropdownMenu li a:visited {
            color: #eeeeee;
            display: block;
            text-transform: capitalize;
            margin: 0;
            padding: 9px 15px;
        }
        #dropdownMenu li a:hover, #dropdownMenu li a:active {
  background: none repeat scroll 0 0 transparent;
  color: #bb4400;
  margin: 0;
  text-decoration: none;
}
        #dropdownMenu li li a, #dropdownMenu li li a:link, #dropdownMenu li li a:visited {
            background: #555555;
            width: 150px;
            color: #FFFFFF;
            text-transform:capitalize;
            float: none;
            margin: 0;
            padding: 7px 11px;
            border-bottom:1px dotted #aaa;
        }
        #dropdownMenu li li a:hover, #dropdownMenu li li a:active {
            background: #cccccc;
            color: #555555;
            padding: 7px 11px;
        }
#dropdownMenu li {
  float: left;
  padding: 0;
  position: relative;
}
        #dropdownMenu li ul {
            z-index: 9999;
            position: absolute;
            left: -999em;
            height: auto;
            width: 170px;
            margin: 0;
            padding: 0;
        }
        #dropdownMenu li ul a {
            width: 140px;
        }
        #dropdownMenu li ul ul {
            margin: -32px 0 0 171px;
        }
        #dropdownMenu li:hover ul ul, #dropdownMenu li:hover ul ul ul, #dropdownMenu li.sfhover ul ul, #dropdownMenu li.sfhover ul ul ul {
            left: -999em;
        }
        #dropdownMenu li:hover ul, #dropdownMenu li li:hover ul, #dropdownMenu li li li:hover ul, #dropdownMenu li.sfhover ul, #dropdownMenu li li.sfhover ul, #dropdownMenu li li li.sfhover ul {
            left: auto;
        }
        #dropdownMenu li:hover, #dropdownMenu li.sfhover {
            position: static;
        }
/*End*/
/*menu icon*/
.menu li a:before {
  padding-right: 5px;
}
.menu li a.dow:before {
  content: "\f0ed";
  font-family: FontAwesome;
}
.menu li a.pos:before {
  content: "\f0f6";
  font-family: FontAwesome;
}
.menu li a.logt:before {
  content: "\f08b";
  font-family: FontAwesome;
}
/*.menu li a.logn:before {
  content: "\f090";
  font-family: FontAwesome;
}*/
.menu li a.logn {
  background: #008fcc none repeat scroll 0 0;
  color: #ffffff;
  font-size: 16px;
  margin: 0 auto;
  padding: 10px;
}
.menu li a.register {
  border: medium none;
  font-size: 16px;
  font-weight: normal;
  margin: 0 auto;
  padding: 10px;
}
.menu li a.cp {
  color: #333;
  font-size: 20px;
  margin-right: 5px;
  padding-left: 29px;
  padding-top: 12px;
  position: relative;
}
.menu li a.cp:before {
  background: url("../images/cp.png") no-repeat scroll 0 2px / 25px auto rgba(0, 0, 0, 0);
  content: "";
  height: 120px;
  left: 0;
  position: absolute;
  top: 8px;
  width: 120px;
}
#bottom-wrapper li {
  border-bottom: 1px solid #3a3a3a;
  border-top: 1px solid #171717;
  margin: 0;
  padding: 4px 0;
  position: relative;
}
#bottom1 li a, #bottom3 li a {
  padding-left: 20px;
}
#bottom1 li:first-child a:after {
  background: none repeat scroll 0 0 #eee;
  bottom: 9px;
  content: "";
  font-weight: bold;
  height: 12px;
  left: 3px;
  position: absolute;
  width: 11px;
}
#bottom1 li:first-child a:before {
  border-radius: 20%;
}
#bottom1 li:nth-child(2) a:after {
  content: "#";
  left: 4px;
  position: absolute;
}
#bottom1 li:nth-child(2) a:before {
  border: 1px dashed;
}
#bottom1 li:nth-child(3) a:before {
  border-color: transparent #eee #eee;
  border-left: 8px solid #eee;
  border-right: 8px solid #eee;
  border-style: solid;
  border-width: 7px 8px 2px;
  height: 1px;
  overflow: hidden;
  position: absolute;
  top: 10px;
  width: 0;
}
/*
#bottom1 li:nth-child(3) a:before {
  border-radius: 20%;
  left: 4px;
  width: 10px;
}*/
#bottom1 li:nth-child(3) a:after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 9px solid #eee;
  content: "";
  left: 0;
  position: absolute;
  top: 7px;
}
/*
#bottom1 li:nth-child(3) a:after {
  border-bottom: 2px dotted #eee;
  border-top: 8px solid #eee;
  content: "";
  height: 2px;
  left: 7px;
  position: absolute;
  top: 8px;
  width: 6px;
}*/
#bottom3 li:first-child a:after {
  border-bottom: 4px double #eee;
  border-top: 4px double #eee;
  bottom: 10px;
  content: "";
  height: 2px;
  left: 4px;
  position: absolute;
  width: 9px;
}
#bottom1 li a:before, #bottom3 li a:before {
  border: 1px solid #eee;
  bottom: 6px;
  content: "";
  height: 16px;
  left: 0;
  position: absolute;
  width: 15px;
}
#bottom3 li:nth-child(2) a:after {
  content: "$";
  left: 4px;
  position: absolute;
  text-align: center;
}
#bottom3 li:nth-child(2) a:before {
  border-radius: 50%;
}
#bottom3 li:nth-child(3) a:before {
  border-left: medium none;
  border-right: medium none;
  width: 17px;
}
#bottom3 li:nth-child(3) a:after {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  content: "?";
  font-weight: bold;
  left: 2px;
  padding: 0 1px;
  position: absolute;
}
.social li a:before {
  background: url("../assets/social.png") no-repeat scroll -2px -4px transparent;
  content: "";
  margin-right: 3px;
  padding: 1px 10px;
}
.social li.fb:hover a:before {
  background-color: #246390;
}
.social li.fb a:before {
  background-position: -27px -4px;
}
.social li.tw:hover a:before {
  background-color: #02ABAB;
}
.social li.tw a:before {
  background-position: -2px -4px;
}
.social li.gp:hover a:before {
  background-color: #E00000;
}
.social li.gp a:before {
  background-position: -52px -4px;
}
.social li.sb:hover a:before {
  background-color: #FF4A00;
}
.social li.sb a:before {
  background-position: -78px -4px;
}
.social li.bl:hover a:before {
  background-color: #E00000;
}
.social li.bl a:before {
  background-position: -132px -4px;
}
.status {
	margin: 0 auto 20px;
	overflow: hidden;
	padding: 0;
	width: auto;
}
.confirm tr:nth-child(1) td:nth-child(1) {
  width: 175px;
}
.status .submit {
  background: #008fcc  none repeat scroll 0 0;
  border: medium none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
  padding: 10px 20px;
}
.status .submit:hover {
  background: #da9500 none repeat scroll 0 0;
}
.status .table {
  text-align: left;
}
.status .table, .status .table tr, .status .table td {
  border: medium none;
  text-align: left;
}
.status .left, .status .right  {
  float:none;
}
.status .left .table.bank td:first-child {
  padding: 8px 5px;
  width: 180px;
}
.table.bank span.price {
	display: block;
	font-size: 30px;
	margin: 30px auto;
	padding: 0;
	text-align: left;
	width: auto;
	font-weight: bold;
}
.tb.datmember ol,.tb.bantuin ol {
  margin: 0;
  max-height: 400px;
  overflow: auto;
  padding: 0 25px;
}
.status h2 {
	background: none repeat scroll 0 0 #333333;
	color: #FFFFFF;
	margin: 0 0 20px;
	padding: 10px;
	text-align: left;
}
.status .right .submit {
  font-size: 14px;
}
/*Tutor*/
.tutor-left, .tutor-content {
  display: inline-table;
}
.tutor-left {
  background: none repeat scroll 0 0 #eee;
  float: left;
  margin: 20px;
  padding: 15px;
  width: 158px;
}
.tutor-content {
  padding: 15px;
  width: 712px;
}
.tutor-content ol > li {
  padding: 15px 10px;
  position: relative;
}
.tutor-content ol > li:before {
  border: 2px solid #bb4400;
  content: "";
  left: -27px;
  padding: 14px;
  position: absolute;
  top: 10px;
}
.tutor-content img {
  max-width: 600px;
}
.tutor-content > h2 {
  background: none repeat scroll 0 0 #eee;
  padding: 5px;
}
.tutor-left > ul {
  margin: 0;
  padding-left: 15px;
}
#menuku {
	text-align: left;
}
#menuku .fa {
	font-size: 25px;
	width: 30px;
	text-align: center;
}
#menuku h1 {
	background: #eee;
	margin: 0 auto;
}
#menuku img {
	display: block;
	padding: 5px;
	margin: 0 auto;
}
#menuku ul {
	margin: 0 auto;
	padding: 0;
}
#menuku li {
	display: block;
	border-bottom: 1px solid #0B94D8;
	border-top: 1px solid #007FC3;
}
#menuku li a {
	padding: 10px;
	display: block;
	color: #fff;
	cursor: pointer;
}
.submenu .arrow {
	float: right;
	width: 30px;
	height: 23px;
	overflow: hidden;
}
@media only screen and (max-width:768px){
.mobile.hide{
display:none;	
}
.mobile.show {
	display:block;
	font-weight: bold;
}
body.member {
	background: none;
}
#headers {
	background: #018ACE;
	overflow: hidden;
}
#headers a {
	display: inline-block;
	float: right;
	padding: 15px;
	color: #fff;
}
.logo {
	float: left;
	max-width: 150px;
	padding: 10px;
}
.mobilemenu {
	background: #018ACE;
	text-align: center;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 1000;
}
.mobilemenu ul {
	display: flex;
	margin: 0 auto;
	padding: 0;
}
.mobilemenu li {
	list-style: none;
	width: 100%;
}
.mobilemenu a {
	color: #fff;
	padding: 10px;
	font-size: 11px;
	display: block;
	line-height: normal;
}
.mobilemenu li .fa {
	display: block;
	font-size: 28px;
}
.main-wrapper {
	display: block;
	padding-bottom: 60px;
}
.left-menu, .content {
	float: none;
	width: auto;
	flex: auto;
}
#menuku h1 {
	display:none;
}
.left-menu {
	display: none;
	float: none;
	width: 100%;
	max-width: none;
}
#menuku ul {
	margin: 0 auto;
	list-style: none;
	padding: 0;
}

#menuku ul li a {
	padding: 10px;
	display: block;
	color: #fff;
}
h1 {
	font-size: 18px;
}
.dashboard {
	display: block;
}
.dashboard .list {
	padding: 0 !important;
	max-width: none;
	margin: 0 auto 10px;
}
.dashboard .list a {
	display: flex !important;
}
.dashboard .list span {
	padding: 10px;
}
.dashboard .list .fa {
	font-size: 40px;
}
.dashboard .list h2 {
	font-size: 20px;
	margin: 0 auto;
}
.dashboard .list a {
	display: block;
	width: 100%;
}
.status {
	padding: 0;
}
.head-left, .head-member {
	float: none;
	padding: 0 10px;
	text-align: center;
}
.head h1 {
	font-size: 70px;
}
.head img {
	max-width: 70px;
	float: none;
	margin: 0 auto;
}
.head .name {
	text-align: center;
}
.head span {
	font-size: 17px;
}
#outer-wrapper .inner {
	padding: 10px;
}
.head-member {
	margin: 20px auto;
}
.welcome {
	float: none;
	margin: 0 auto;
	width: auto;
}
.intro > h1 {
	font-size: 26px;
	line-height: normal;
	text-align: center;
}
.tagline {
	font-size: 28px;
	margin: auto 10px;
}
.footer {
	padding: 0;
}
.footer img {
	max-width: 32%;
}
.footer .widget, .footer .widget.three  {
	display: block;
	width: auto;
	margin: 0 auto 20px;
	text-align: left;
}
.login {
	width: auto;
}
.copyright {
	font-size: 12px;
}
	/**/
.headerbox {
  max-width: 215px;
}
.menu {
  max-width: 432px;
}
.menu li a {
  font-size:18px;
}
}
@media only screen and (max-width:600px){
.headerbox {
  margin: 0 auto;
  max-width: none;
  padding: 0;
  text-align: center;
}
input.form_element {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #cccccc;
  border-radius: 5px;
  color: #747862;
  margin-bottom: 0;
  padding: 15px 2%;
  width: 96%;
}
.slider {
  display: none;
}
#bottom-wrapper .main {
  display: inline;
  float: none;
  margin: 0 auto;
  padding: 1%;
  width: auto;
}
}
@media only screen and (max-width:400px){
body, #outer-wrapper, #bottom-wrapper, #bottom-wrapper .inner{
  padding: 0;
}
.menu {
  clear: both;
  margin: 0;
  max-width: none;
  padding: 0;
  text-align: right;
  width: 100%;
}
.menu, .menu ul,.menu li,.menu li a {
  float: none;
}
.menu li a {
  text-align: left;
}
.register, #submit_btn {
  font-size: 150%;
}
#content-wrapper .inner, .menu li, .midle-wrapper,#bottom-wrapper .inner {
  border-radius: 0;
}
.feature > h2 {
  font-size: 120%;
}
.portofolio {
  margin: 0 2% 20px;
}
}
.alert {
  padding: 20px;
  text-align: center;
}
table.regular {
  font-size: 12px;
  padding: 20px;
}
table.regular td:first-child {
  min-width: 50px;
  padding: 8px 0;
}
table.regular input {
  font-size: 12px;
  padding: 10px;
}
.tleft, .tright {
  border-left: 1px solid #eee;
  float: left;
  font-size: 12px;
  min-height: 230px;
  padding: 1% 0;
  position: relative;
}
.tleft .des1, .tleft .des2 {
  width: 100%;
}
.tleft .des1 {
  min-height: 100px;
}
.tleft .des2 {
  min-height: 200px;
}
.tleft .des1, .tleft .des2 {
  width: 310px;
}
.tleft {
  border: medium none;
  padding-right: 20px;
  width: 475px;
}
.tright {
  padding-left: 20px;
  width: 600px;
}
.upgrade {
  background: none repeat scroll 0 0 #bb4400;
  color: #eee;
  display: none;
  margin: 0 auto 5px;
  padding: 5px 10px;
  text-align: left;
}
.upgrade li {
  list-style: outside none none;
}
#result > ul,#result2 > ul {
  margin: 0 auto;
  padding: 0 15px;
}
#result li, #result2 li {
  list-style: outside none sq;
}
#result li ul, #result2 li ul {
  background: none repeat scroll 0 0 #f4f4f4;
  margin: 0 auto;
  padding: 5px 20px;
}
  border-bottom: 11px solid transparent;
.tright:after {
  border-left: 10px solid #fff;
  border-top: 11px solid transparent;
  content: "";
  left: -3px;
  position: absolute;
  top: 53%;
}
.tright textarea {
  min-height: 100px;
  width: 98%;
}
/*Member CSS*/
.affmenu {
  border-bottom: 3px solid #333;
  padding: 0 0 0 10px;
}
.affmenu ul {
  list-style: none outside none;
  margin: 0 auto;
  padding: 0;
}
.affmenu ul li {
  display: inline-block;
}
.affmenu ul li.active {
  background: none repeat scroll 0 0 #333;
}
.affmenu ul li.active a {
  background: none repeat scroll 0 0 #333;
  color: #ffffff;
}
.affmenu ul li a {
  background: none repeat scroll 0 0 #eee;
  color: #000;
  cursor: pointer;
  display: block;
  padding: 10px;
}
.affmenu ul li a:hover {
  background: none repeat scroll 0 0 #bb4400;
  color: #ffffff;
}
.tb {
  overflow: hidden;
  padding: 0;
}
.tb.earning {
	background: #fff;
	padding: 0;
}
.tb h1, .tb h2, .tb h3 {
  font-size: 18px;
}
.tb.affiliasi li , ol li{
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}
.tb.banner > ul {
  margin: 10px auto;
  padding: 0;
  text-align: center;
}
.tb.banner > ul li {
  display: inline-block;
  list-style: none outside none;
  margin: 1%;
  vertical-align: top;
}
.tb.banner > ul li h1, .tb.banner > ul li h2, .tb.banner > ul li h3, .tb.banner > ul li h4 {
  margin: 0 auto;
}
.tabz {
  border: 1px solid #ccc;
  display: inline-block;
  height: 400px;
  margin: 0.5%;
  max-height: 250px;
  overflow: auto;
  vertical-align: top;
  width: 32%;
}
.tabz textarea {
  border: medium none;
  height: 93%;
  overflow: auto;
  padding: 2%;
  width: 96%;
}
.tabz h2 {
  background: none repeat scroll 0 0 #eee;
  margin: 0;
  padding: 10px;
}
#bukadata {
  max-height: 300px;
  overflow: auto;
}
#showReason h2 a {
  background: none repeat scroll 0 0 #bb4400;
  color: #fff;
  display: block;
  padding: 10px;
  position: relative;
  text-align: center;
}
.tb.banner img {
  border: medium none !important;
}
.tb.banner textarea {
  height: 140px;
  width: 244px;
}
.quote {
  background: none repeat scroll 0 0 #f4f4f4;
  margin: 10px auto;
  padding: 10px;
}
.affexample {
  border-bottom: 1px dotted #ccc;
  font-size: 12px;
  margin: 0 auto;
  padding: 10px;
  position: relative;
}
.maininfo {
  background: none repeat scroll 0 0 #bb4400;
  color: #eee;
  padding: 30px 60px 10px;
  text-align: center;
}
.info {
	border: 1px solid #8E8E2828;
	padding: 10px;
	margin: 0 auto 10px;
	background: #ff99;
	font-size: 13px;
}
.info h2 {
  margin: 0 auto;
}
/*color picker*/
.color {
  border: medium none;
  box-shadow: 0 1px 4px #333 inset;
  display: block;
  height: 50px;
  text-align: center;
  width: 74px;
}
/*Submenu*/
#dropdownMenu li:nth-child(2) .arrow:before {
  border-bottom: 10px solid #bb4400;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  bottom: 0;
  content: "";
  left: 40%;
  position: absolute;
}
#dropdownMenu li a span {
  color: #ff9900;
  font-size: 10px;
  padding: 0 2px;
  position: absolute;
}
.submenu ul {
	background: #0074B8 none repeat scroll 0 0;
	display: none;
	margin: 0 auto;
	padding: 0;
	z-index: 1000;
}
#menuku .submenu li {
	display: block;
	list-style: none outside none;
	border-top: 1px solid #0E82C6;
	border-bottom: 1px solid #006DB1;
}
.submenu li:hover {
  background: none repeat scroll 0 0 #333;
}
li.submenu a {
  color: #ffffff;
  display: block;
  padding: 10px 25px 10px 10px;
}
/*end sub menu*/
/*FollowUp*/
.mode {
  float: left;
  margin-right: 10px;
}
.tb.followup form {
  float: left;
}
.ketbc {
  float: right;
  margin: 0 auto;
  max-width: 260px;
  width: 100%;
}
.ketbc ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.ketbc > ul li {
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}
.subject {
  padding: 5px 10px;
  width: 350px;
}
.mode button {
  border: medium none;
  cursor: pointer;
  float: left;
  margin: 0 auto 0 2px;
  padding: 10px;
}
.mode button.active {
  background: none repeat scroll 0 0 #cecece;
}
#controls {
  float: left;
  margin: 6px;
}
.textarea {
  border: 1px solid #ccc;
  clear: both;
  overflow: hidden;
  padding: 10px;
  width: 600px;
}
.textarea iframe {
  border: medium none;
  height: 200px;
  width: 600px;
}
.textarea > textarea {
  border: medium none;
  display: block;
  width: 100%;
}
/*Payment confirm*/
.confirm {
	margin: 0 auto 20px;
	max-width: none;
	width: auto;
	background: #fff;
	padding: 0;
}
.confirm ol {
  margin: 0 auto;
  padding: 10px 10px 0 20px;
}
.membertype > a {
	background: none repeat scroll 0 0 transparent;
	color: #222;
	display: inline-block;
	font-weight: bold;
	padding: 10px;
	cursor: pointer;
}
.contest {
  background: none repeat scroll 0 0 #eee;
  display: inline-block;
  height: 720px;
  margin: 0 10px;
  padding: 10px 30px;
  vertical-align: top;
  width: 488px;
}
.contest > ul {
  margin: 0;
  padding: 20px;
}
.contest li {
  border-bottom: 1px solid #ccc;
  list-style: outside none none;
  margin: 0;
  padding: 20px 0;
}
.contest li h2 {
  color: #000;
  font: bold 36px Covered By Your Grace;
  margin: 0;
  padding: 0;
}
.note {
  border: 1px dashed #ccc;
  margin: 0 auto;
  padding: 10px;
}
.note > ul {
  margin: 10px auto;
  padding: 0 20px;
}
.note > ul li {
  margin-bottom: 10px;
}
.themes {
  float: left;
  margin: 0 auto;
  padding: 0;
}
.themes > li {
  display: inline-block;
  list-style: outside none none;
  margin: 0 20px 0 auto;
  padding: 0;
  text-transform: capitalize;
}