/*  
Description: d'BC-Network
Version: 2.0
Author: Dina Tantri
Author URI: http://www.dnadzinelab.com
*/
body 
{
	background-color: #a1a199;
	background-image: url(images/header-bg.jpg);
	background-position:top center;
	background-repeat: repeat-x;
	background-attachment: scroll;
	text-align:center;
	font:12px/20px Arial,Verdana,Sans-serif;
}
a img   { border:none; }
hr      { color:#cdcdcd; margin: 0 20px; }
#outer{
	position: absolute;
	width:100%;
	height:auto;
	top:0px;
	left: 0px;
	margin-top:0px;
	text-align:center;
	min-width: 1024px; 
}
#inner
{
	position:relative;
	top:  0px; 
	width:100%; 
	margin: 0px auto;
	height:auto;
}
#nav
{
	height:143px;
	text-align:left;
	background: url(images/nav.jpg) repeat-x top #0f3250;
}
#nav ul 
{
	margin:0 0 0 0;
	padding:0px 0 0 0;
}
#nav li
{
	font:bold 16px Arial, Helvetica, sans-serif;
	text-decoration:none;
	list-style:none;
	display:inline;
	width:auto;
}
#nav li a
{
	float:left;
	text-align:center;
	display:block;
	height:83px;
	color:#ffffff;
	text-decoration:none;
	padding:60px 20px 0 20px;
	width:auto;

}
#nav li a:hover
{
	display: block;
	background:url(images/menu-hover.jpg) repeat-x top;
	color:#ffffff;
	text-decoration:none;
	width:auto;
}
#header{
	height:285px;
	background:url(images/top-bg.jpg) repeat-x top; 
	text-align:left;
	margin: 0 8px 0px 8px;
}
#header2
{
	height:285px;
	background:url(images/top-bg2.jpg) repeat-x top; 
	text-align:left;
	margin: 0 8px 0 8px;

}
#body
{
	background-image: url(images/body-bg.png);
	background-repeat:repeat-y;
	background-position:center;
	text-align:center;
	width:1040px;
	position:relative;
	top:  0px; 
	background-color: transparent;
	margin: 0 auto;
	padding:0 0 0 0;
}

h1
{
	font: bold 40px/45px "Impact", Arial,Verdana,Sans-serif;
	text-align: center;
	color:#000000;
}
h2
{
	font:bold 28px/32px "Tahoma", Arial,Verdana,Sans-serif;
	text-align: center;
	color:#000000;
}
h3
{
	font:bold 18px/20px "Tahoma", Arial,Verdana,Sans-serif;
	text-align: center;
	color:#CC0000;
}
h4
{
	font:bold 14px/20px "Tahoma", Arial,Verdana,Sans-serif;
	text-align: center;
	color:#CC0000;
}
h5
{
	font:14px/20px "Tahoma", Arial,Verdana,Sans-serif;
	text-align: center;
	letter-spacing: 3px;
}
.body
{
	padding: 0 8px 0 8px;
	color:#000000;
	text-align: justify;
    font:12px/20px "Tahoma", Arial,Verdana,Sans-serif;
}
.body p
{
	text-align:left;
	font:12px/20px Arial,Verdana,Sans-serif;
	color:#000000;
	padding: 0 30px 0 30px;
}
.body ul
{
	padding: 0 0px 0 0px;
	margin:  0 80px 0 100px;
}
.body li
{
	padding:0 0 0 0;
	margin:0 0 0px 0;
	text-align:left;
	font: 12px/20px "Tahoma", Arial,Verdana,Sans-serif;
	list-style-position: outside;
	list-style-type: disc;
}
.bullet
{
	float:left;	
	padding:0 0 0 30px;
}
.number
{
	margin: 0 0 20px 63px;
}

.testibox
{
	width:605px;
	border: dashed 5px #cc0000;
	padding:15px;
	margin: 0 auto;
	
}
.testibox p
{
	font: 16px/18px "Tahoma", Arial,Verdana,Sans-serif;
	color:#000000;
}
.video
{
    margin:7px 0 0 23px;
    border: solid 1px #abacac;
	width:466px;
	height:268px;
	text-align:center;
}
.box
{
	width:504px;
	border: dashed 5px #cc0000;
	padding:15px;
	text-align:center;
	margin: 0 auto;
}
.red
{
	color:#cc0000;
}
.yellow
{
	background-color: #FFFF33;
	font-weight:bold;
}
.blue
{
	color:#164974;
}
.left
{
	float: left;
	padding:0 10px 0 0;
}
#footer
{
	text-align: center;
	height: 140px;
	margin: 0px 8px 0 8px;
	width:1024px;
	clear: left;
	background:url(images/footer-bg.jpg) repeat-x bottom;
	font:11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:left;
	
}
#footer p
{
	padding:35px 0 0 0;
}
#footer a
{
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover
{
	color:#ffffff;
	text-decoration:underline;
}
.box_login 
{
    width: 480px;
    margin: 0px 10px 0 0px;
    padding:13px 0 0 0;
    text-align: left;
}
.boxlogin2 
{
    width: 490px;
    margin: 10px 10px 0 -19px;
    padding-top:1px;
    text-align: left;
}
.widget 
{
    width: 984px;
    margin: 0px 10px 0px 10px;
    padding: 10px;
    text-align: left;
    min-height:200px;
}
.widget3 
{
    width: 511px;
    padding: 10px;
    background: #ededed;
    border: solid 1px #ededed;
    position:relative;
    margin: 20px auto;
}
.widgetjadwal 
{
    width: 443px;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    text-align: justify;
    margin-bottom: 0px;
    position:relative;
    top:-4px;
    left:2px;
}
.widgetforum 
{
    width: 443px;
    margin: 0 auto;
    padding: 64px 10px 10px 10px;
    text-align: justify;
    margin-bottom: 0px;
    background-image:url(images/button-forumlast.gif);
    background-position: 10px 5px;
    background-repeat:no-repeat;
}
.widget2 
{
    width: 100%;
    margin-bottom: 0px;
}
.widget a,.widget2 a 
{
    color:#cc0000;
    text-decoration:underline;
}
.widget ul, .box_login ul
{
    padding: 0 0 0 0;
    margin: 0 0 0 0; 
}
.widget a:hover, .widget2 a:hover 
{
    text-decoration: none;
}
.tabnav li 
{
    display: inline;
    list-style: none;
    padding-right: 5px;
    text-align: left;
}
.tabnav li a 
{
    text-decoration: none;
    text-transform: uppercase;
    color:  #666666;
    border-top: solid 1px #abacac;
    border-right: solid 1px #abacac;
    border-left: solid 1px #abacac;
    font-weight: bold;
    padding: 4px 6px;
    outline: none;
    padding-bottom: 2px;
    font: bold 12px Arial, Helvetica, sans-serif;
}
.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a 
{
    background: #abacac;
    color: #ffffff;
    text-decoration: none;
}
.tabnavprof { position: relative; left: -100px;}
.tabnavprof li 
{
    display: inline;
    list-style: none;
    padding-right: 5px;
    text-align: left;
}
.tabnavprof li a 
{
    text-decoration: none;
    text-transform: uppercase;
    color:  #666666;
    border-top: solid 1px #abacac;
    border-right: solid 1px #abacac;
    border-left: solid 1px #abacac;
    font-weight: bold;
    padding: 4px 6px;
    outline: none;
    padding-bottom: 2px;
    font: bold 12px Arial, Helvetica, sans-serif;
}
.tabnavprof li a:hover, .tabnavprof li a:active, .tabnavprof li.ui-tabs-selected a 
{
    background: #abacac;
    color: #ffffff;
    text-decoration: none;
}
.tabdiv 
{
    margin: 0px 0 10px 0px;
    background: #fff;
    border: solid 1px #abacac;
    padding: 15px;
    text-align: center;
    min-height:213px;
}
.tabdiv2 
{
    margin: -12px 0 10px 40px;
    background: #fff;
    border: solid 1px #abacac;
    padding: 15px;
    text-align: center;
    min-height:212px;
}
.body1 
{
    width: 1004px;
    background:#d7d7d7;
    min-height:208px;
    padding : 3px 10px 5px 10px;
    margin: -1px 10px 0px 0px;
}
.konsultan 
{
    margin: 8px 0 10px 10px;
    width:285px;
    float:left;
    background: #fff;
    border: solid 1px #abacac;
    padding: 15px 10px 15px 15px;
    text-align: center;
    min-height:160px;
}
.daftar 
{
    float:left;
    width:195px;
    background:#d7d7d7;
    margin: 8px 0 0 4px;
    text-align: center;
    min-height:160px;
}
.picture2
{
    float: right;
	width:473px;
	height: 194px;
	margin: 8px 10px 0 0;
}
.formwrapper
{
    margin: 0 20px 0 20px;
}
.form 
{
    margin: 0 0 10px 0px;
    background: #e3e3e3;
    border: solid 1px #abacac;
    padding-bottom:-3px;
    text-align: center;
}
.tabdiv li 
{
    margin-left: 20px;
}
.ui-tabs-hide 
{
    display: none;
}
#featuredvid 
{
    text-align: center;
}
.fvid 
{
    margin-bottom: 5px;
    margin-top: 15px;
}
.vidselector li 
{
    display: inline;
    list-style: none;
    margin:0;
}
.vidselector li a 
{
    text-decoration: none;
    text-transform: uppercase;
    color:  #666666;
    border: solid 1px #abacac;
    font-weight: bold;
    padding: 4px 6px;
    outline: none;
    padding-bottom: 2px;
    font: bold 12px Arial, Helvetica, sans-serif;
}
.vidselector li a:hover, .vidselector li a:active, .vidselector li.ui-tabs-selected a 
{
    background: #abacac;
    color: #ffffff;
    text-decoration: none;
}
#optin
{
	float: right;
	width:496px;
	height: 270px;
	margin: 8px 20px 0 0;
}
#profiltab
{
	float: right;
	width:480px;
	height: 270px;
	margin: 11px 0px 0 0;
    text-align: left; 
}
.testimoniindex 
{
    width: 480px;
    margin: 0px 10px 0 0px;
    padding:11px 0 0 0;
    text-align: left;
}
.hotnewsindex 
{
    width: 510px;
    margin: 0px 10px 0 -2px;
    padding:1px 0 0 0;
    text-align: left;
}
.hotpicture
{
	float: right;
	width: 480px;
	height: 270px;
	margin: 0px 0px 20px 0;
}
.hotpicture img { margin: 8px 2px 2px 0px; border: solid 1px #abacac;background-color: #eee; padding: 5px; }
.banner 
{
    margin: 0 0 10px 0px;
    background: #fff;
    border: solid 1px #abacac;
    padding: 15px;
    text-align: center;
}
.icon 
{
    float:right;
    margin: 0 10px 1px 0;
}
.sales p , .sales div
{
	font:17px/20px "Tahoma", Arial,Verdana,Sans-serif;
	text-align: left;
	letter-spacing: 1.2px;
}
.sales div 
{
    text-align:center;
}
.sales ul li 
{
    background-image: url('images/PostBullets.png');
    list-style-type: none;
	background-repeat:no-repeat;
    font:17px/20px "Tahoma", Arial,Verdana,Sans-serif;
	padding-left:20px;
	margin-left:100px;
	letter-spacing: 1.2px;
}
.menukiri
{
    width: 200px;
    float:left;
    margin: 0px 0 0px 0px;
    padding: 0px;
}  
.menukiri h1 
{
	font: 18px/24px Verdana,Arial, Sans-serif;
	text-align: center;
	color:#000000;
}
.boxkiri a:hover
{
    color: red;
}
.boxkiri
{
	text-align:left;
	width: 160px;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	border: solid 1px #abacac;
	padding:20px 10px 10px 10px;
	margin: 5px 10px 5px 10px;
	background:#ffffff url(images/bgbox2.gif) repeat-x top left;
}
.boxkiri-wp
{
    width: 160px;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	border: solid 1px #abacac;
	padding:20px 10px 10px 10px;
	margin: 5px 10px 5px 10px;
	background:#ffffff url(images/bgbox2.gif) repeat-x top left;
}
.boxkiri-wp ul
{
    margin: 2px 0 2px 10px;
}
.boxkiri-wp ul li
{
    margin: 2px 0 2px 10px;
}
.boxkiri-wp a:hover
{
    color: red;
}

.boxkiri-wp2
{
    text-align:left;
	width: 160px;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	border: solid 1px #abacac;
	padding:20px 10px 10px 10px;
	margin: 5px 10px 5px 10px;
	background:#ffffff url(images/bgbox2.gif) repeat-x top left;
}
.boxkiri-wp2 ul
{
    margin: 2px 0 2px -3px;
}
.boxkiri-wp2 ul li
{
    margin: 2px 0 2px -3px;
}
.boxkiri-wp2 a:hover
{
    color: red;
}
html>body .boxkiri 
{
    width: 175px;
} 
html>body .boxkiri-wp 
{
    width: 175px;
} 
html>body .boxkiri-wp2 
{
    width: 175px;
}
.boxkiri a, .boxkiri-wp a, .boxkiri-wp2 a
{
    font: 12px/15px Arial,Verdana,Sans-serif;
	text-align: left;
	text-decoration:none;
	color:#000000;
}
.alignleft 
{
    float: left;
}
.alignright 
{
    float: right;
}
.boxkiri h4
{
      font: bold 14px/15px "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin-top:-5px;
      margin-bottom:3px;
      color:#cc0000;
      text-align:left;
}
.widgetmember 
{
    width: 570px;
    float:left;
    margin: 5px 0px 0 15px;
    padding: 10px;
    text-align: justify;
    /*border: solid 2px #abacac;*/
    margin-bottom: 0px;
}
.widgetmemberwide 
{
    width: 890px;
    float:left;
    margin: 0 0 0 65px;
    padding: 10px;
    text-align: center;
    /*border: solid 2px #abacac;*/
    margin-bottom: 0px;
}
.widgetmember a
{
    color:#cc0000;
    text-decoration:none;
}
.widgetmember a:hover
{
    color:#cc0000;
    text-decoration:underline;
}
.menukanan
{
    width: 170px;
    float:right;
    margin: 0px 45px 0px 0px;
    padding: 0px;
}  
.isi-hijau 
{
	FONT-SIZE: 10pt; text-align:justify; COLOR: #000000; FONT-FAMILY:  Verdana, Arial
}
.isi-hijau-14 
{
	FONT-SIZE: 20pt; text-align:justify; COLOR: #000000; FONT-FAMILY:  Verdana, Arial
}
.isi-hijau-bold 
{
	FONT-WEIGHT: bold;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Trebuchet MS, Verdana, Arial; TEXT-DECORATION: none
}
.isi-merah {}
.isi-merah a:hover
{
    color: red;
}
.commentlist li 
{
	margin: 5px 0 0 3px;
	padding: 5px 0 5px 3px;
	list-style: none;
    border: #efefef solid 1px;
}  
.children li 
{
    margin-left:-80px;
}	
.alt 
{
    margin: 0 0 5px 0 ;
    background-color:#F8F8F8;
    border:1px solid #DDDDDD;
}
.admindetail                    { border: 1px solid #CCCCCC; padding: 5px; }
.clr                            { clear: both; }
.paginage                       { margin: 5px 0px; font: 12px Arial; }
.paginage a                     { color: orange; }
.paginage a:hover               { color: #777; text-decoration: none;}
.paginage .firstlast a          { color: #008040; }
.paginage .firstlast a:hover    { color: #777; }	
.tablog                         { font:12px Arial; color: #444; }
.upupimg                        { font: 12px Arial; }
.imgupload                      { padding: 5px; border: 1px solid #BBB; background-color: #DDD;}
.setdatetitle                   { font: bold 16px/22px Arial; color: #333; }
.tblerror                       { border: 1px solid #FF5B5B; background-color: #FFDDDD; color: red; margin-bottom: 20px; }
.tblmessage                     { border: 1px solid #008800; background-color: #CCFFCC; color: green; margin-bottom: 20px; font: bold 12px Arial;} 
.tbleditmem                     { font: 12px Arial; margin: 10px 0 0 0; border:#e1e6be thin solid; padding:3px; background-color:#f7f7df; color: #666; }
.tbleditmem .namauser           { color: #333; }
.tblnyasar                      { border: 1px solid #AAA; background-color: #EEE; font: bold 11px Arial; color: #333; padding: 5px;}
.tblviewtree                    { border: 1px solid #CCC; background-color: #EEE; font: bold 11px/20px Arial; color: #333; padding: 3px;}
.tblsuspend                     { border: 1px solid #CCC; font:12px Arial; }
.tblsuspend td                  { border: 1px solid #CCC; }
.tblsetting                     { border: 1px solid #CCC; font: 12px Arial; margin-top: 15px; color: #444; }
.tblsetting td                  { border: 1px solid #CCC; }
.tbluploadar                    { border: 1px solid #CCC; font: 12px Arial; color: #444; margin:20px 0; }
.tbluploadar td, th             { border: 1px solid #CCC; }
.tbluploadar li                 { list-style-position: outside; list-style-type: square; position: relative; left: 30px;}
.tblimportxl                    { font: 12px/34px Arial; color: #444; border: 2px solid #CCC; }
.tblpilihkolom                  { font: 12px/20px Arial; color: #444; }
.tbltracking                    { font: 12px/20px Verdana; color: #444; border-bottom: 1px solid #BBBBBB; }
.tbltracking td                 { padding: 5px; }
.tblrotasi                      { font: 12px/20px Arial; color: #444; border: 1px solid #CCCCCC; }
.tblrotasi td                   { padding: 5px; }
.tbleditmember                  { font: 12px/20px Arial; color: #333; }
.tbleditmember td               { padding: 1px; }
.tblrequestform                 { font: 12px/26px Arial; color: #444; margin: 20px 0; }
.tblrequestform td              { padding: 5px; }
.tblrequestform input[type=submit]  { padding: 10px 40px;}

.datasm                         { font: 11px Arial; }
.datasm td                      { border-bottom: 1px solid #BBB; }
.datasm th                      { padding: 15px 5px; }
.datasm .nomid                  { font: bold 11px Arial; color: #777; }
.lihatlead                      { font: 11px Arial; }
.lihatlead a                    { color: red; text-decoration: none; }
.lihatlead a:hover              { color: #FF8000; text-decoration: none; }

.rotdet1                        { font: 11px Arial; border-bottom: 2px dotted #AAA; border-top: 2px dotted #AAA; 
                                  margin-bottom: 10px; padding: 10px 0; }
.rotdet2                        { font: 11px Arial; border-bottom: 2px dotted #AAA; margin-bottom: 10px; padding: 10px 0; }
.rotdet3                        { font: 11px Arial; padding: 10px 0; background-color: #E4E4E4; 
                                  border: 1px solid #BBBBBB; color: #444444; }
.rotdet3 .forminp               { font: 12px Arial; color: #444444; }
.rotdet4                        { font: 12px Arial; border-top: 1px solid #BBB; border-left: 1px solid #BBB; border-right: 1px solid #BBB;}
.rotdet4 th                     { background-color: #E1E6BE; padding: 10px 5px; border-bottom: 1px solid #BBB;}
.rotdet4 td                     { padding: 5px 5px; border-bottom: 1px solid #BBB; }           
.rotdet5                        { font: 11px Arial; margin-bottom: 20px; padding: 5px 0; background-color: #D7FFD7; 
                                  border: 1px solid #00B300; color: #00B300; } 
                                  
#login-member                   { width: 600px; height: 310px; background:url(../images/back-login.png) no-repeat top center; 
                                  margin: 15px 0 10px 0; }
#login-member .titlelog         { font: bold 16px Arial; color: #FFFFFF; text-shadow: 0px 1px 0px black; text-transform: uppercase; padding: 22px 0 40px 0;}
#login-member .userpass         { color: #124774; font: 20px "Impact"; text-transform: uppercase; padding: 2px 0; text-shadow: 0px 1px 0px #FFFFFF; }
#login-member .buttonlogin      { padding: 15px 0; }
#login-member input[type=text]  { background: url(../images/back-text-login.png) center no-repeat; width: 278px; height: 36px;
                                  border: none; text-decoration: none; outline: none; text-align: center; font: bold 14px Arial; color: #555555; }
#login-member input[type=password]  { background: url(../images/back-text-login.png) center no-repeat; width: 278px; height: 36px;
                                  border: none; text-decoration: none; outline: none; text-align: center; font: bold 14px Arial; color: #555555; }
#login-member input[type=submit]{ background: url(../images/btn-login-member.png) center no-repeat; width: 163px; height: 57px; 
                                  border: none; text-decoration: none; outline: none; cursor: pointer; }  
#login-member input[type=submit]:hover  { background: url(../images/btn-login-member.png) center no-repeat; width: 163px; height: 57px;
                                  border: none; text-decoration: none; outline: none; cursor: pointer; }
#lupa-password-link             { font: bold 12px Arial; padding: 15px 0; }
#lupa-password-link a           { text-decoration: none; color: #124774; }
#lupa-password-link a:hover     { color: #DC0835; text-decoration: underline;}

#lupa-password                  { font: bold 12px Arial; color: #555555; margin: 15px 0; }
#lupa-password td               { padding: 20px 5px; }
#lupa-password .titlelupa       { font: bold 14px Arial; color: #FFFFFF; text-shadow: 0px 1px 0px black; text-transform: uppercase; }
#lupa-password input[type=text] { background: url(../images/back-text-login.png) center no-repeat; width: 278px; height: 36px;
                                  border: none; text-decoration: none; outline: none; text-align: center; font: bold 14px Arial; color: #555555; }
#lupa-password .email           { color: #124774; font: 20px "Impact"; text-transform: uppercase; padding: 2px 0; text-shadow: 0px 1px 0px #FFFFFF; }
#error-lupapass                 { padding: 15px; border: 1px solid #C84343; background-color: #E46161; color: #FFFFFF; font: bold 12px Arial; }

#accordiona                     {  }
#accordiona ul li               { list-style-type: none; }
#accordiona li                  { padding: 0; margin: 0; }

#accordiona #options                { width:575px; margin:15px auto; text-align:right; color:#333333; }
#accordiona #options a              { text-decoration:none; color:#777777; }
#accordiona #options a:hover        { color:#033 }
#accordiona #acc                    { width:580px; list-style:none; color:#033; }
#accordiona #nested                 { width:580px; list-style:none; color:#033; margin: 0 0 0 -100px; }
#accordiona #nested h3              { width:565px; border:1px solid #AAAAAA; cursor:pointer; margin: 0 0 0 0; padding: 5px; text-align: left; color: #333333; font: bold 12px Arial; background-color: #CCCCCC; }
#accordiona #nested h3:hover        { background-color: #DDDDDD; }
#accordiona #nested li              { margin: 0 0 5px 0; }
#accordiona #nested .acc-section    { overflow:hidden; background:#fff}
#accordiona #nested .acc-content    { width:565px; padding:5px; border:1px solid #9AC1C9; border-top: none; background:#fff; }

#tinybox            { position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask           { position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent        { background:#fff}

.adminbutton        { width: 200px; font:12px Arial; margin-bottom:10px; padding:5px 5px 5px; border:1px solid #ccc; background:#eee; cursor:pointer; }