body{margin-top:0px; margin-left:0px; margin-right:0px; text-align:center}
/*header*/
#main_header{background:#EDEFF4; height:75px; border-bottom:1px solid #D8DFEA;}
#header{margin-top:0px;width:943px; margin:0 auto;background:url(img/b2bt.png) repeat-x;height:45px}
#logo{width:328px; height:45px; float:left; background:url(img/b2b_logo.png) no-repeat}
#hk{width:24px; height:45px; float:right; background:url(img/b2br.png) no-repeat}
/*#st{margin:0 auto;background:url(img/b2bt.png) repeat-x; height:45px}*/
#b2b_nav{margin-top:55px;width:943px; margin:auto; 
text-align:left}
/* end header*/
#bottom{margin-top:auto auto 100px; height:100%}
/*content*/
#main_content{margin-top:0px;width:943px; margin:0 auto; text-align:left;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt}
#main_content a{color:#19B562; text-decoration:none}
#main_content a:hover{color:#19B562; text-decoration:underline}
#main_content a:visited{color:#19B562; text-decoration:none}
#login_main_content{margin-top:0px;width:943px; 
margin:0 auto; text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; background:#19B562}


#login{position: absolute; margin-left:300px; 
		top:40px; float:right;}
#lupa { border-bottom:1px solid #19B562;
		border-top:1px solid #19B562;
		border-left:1px solid #19B562;
		border-right:1px solid #19B562;
		width:400px; height:300px;
		margin:0 auto;
		margin-top: 20px;
		}

#lupa #lupa_title{
	margin-bottom:4px;
	margin-left:4px;
	margin-right:4px;
	margin-top:4px;
	padding:3px;
}


#box { border-bottom:1px solid #19B562;
		border-top:1px solid #19B562;
		border-left:1px solid #19B562;
		border-right:1px solid #19B562;
		margin:0 auto;
		margin-top: 20px;
		width:500px;
		
	}

#box #box_title{
	margin-bottom:4px;
	margin-left:4px;
	margin-right:4px;
	margin-top:4px;
	padding:3px;

}
#box #box_content{
	text-align:center;
}



.cpt{ font-weight:bold; color:#19B562; padding:3px;}
.lbl{ font-weight:bold; color:#000000;}
.lbl_n{ font-weight:normal; color:#000000;}
.inp{ font-family:Arial, Helvetica, sans-serif; font-size:12px;
		border-bottom:1px solid #19B562;
		border-top:1px solid #19B562;
		border-left:1px solid #19B562;
		border-right:1px solid #19B562;
		background:#FFFFFF
	}
.btn{font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
background:#19B562;
border-bottom:1px solid #000000;
		border-top:1px solid #FFFFFF;
		border-left:1px solid #FFFFFF;
		border-right:1px solid #000000;
		font-size:10px;
		color:#FFFFFF;
		padding:3px}
.btnrt{font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
background:#19B562;
border-bottom:1px solid #000000;
		border-top:1px solid #FFFFFF;
		border-left:1px solid #FFFFFF;
		border-right:1px solid #000000;
		font-size:10px;
		color:#FFFFFF;
		width:70px;
		padding:3px}
/*end content*/

.bag{
	border-left: 4px solid #D6E0E1;
	background:#F7FBFB;
	margin:3px 3px 3px 3px;
	padding:3px 3px 3px 3px;
}
.bag p{
	background:#EDF3F4;
	margin:3px 3px 3px 3px;
	padding:2px 2px 2px 2px;
	border:#D6E0E1 1px solid;
	}
h3{font-size:10pt; color:#19B562;
width:100%; padding:3px; border-bottom:1px solid #EEEEEE; margin-top:8px}

.welcome_title{font-size:12pt; color:#FFFFFF;padding:5px; }
.welcome_box{margin:0 auto;margin-top:20px;; width:700px;}
.welcome_text{color:#000000; padding:5px;  font-size:12px}
ul.down_list{ list-style-type:none; list-style-image:url(img/download.gif); list-style-position:inside;
margin-left:2px; margin-top:4px}
ul.down_list li{border-bottom:1px dashed #CCCCCC; padding:2px}

.welcome_download_title{font-size:10pt ; font-weight:bold; padding:4px; background:url(img/bg_tab.gif) no-repeat}
.welcome_download{background:#FFFFFF}
.welcome_callme_title{font-size:10pt ; font-weight:bold; padding:4px;  background:url(img/bg_tab_cs.gif) no-repeat; color:#ffffff;}
.welcome_callme{background:#FFAE00; padding:3px}

.colH{font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
background:#2095be;
		border-bottom:1px solid #1d8db4;
		border-top:1px solid #19C4FC;
		border-left:1px solid #19C4FC;
		border-right:1px solid #1d8db4;
		font-size:10px;
		color:#FFFFFF;
		padding:3px}

.colHReb{font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
background:#ABABAB;
		border-bottom:1px solid #1d8db4;
		border-top:1px solid #19C4FC;
		border-left:1px solid #19C4FC;
		border-right:1px solid #1d8db4;
		font-size:11px;
		color:#000;
		padding:5px}

.info{
		border-bottom:1px solid #FFD16E;
		border-top:1px solid #FFD16E;
		border-left:1px solid #FFD16E;
		border-right:1px solid #FFD16E;
		font-size:10px;
		color:#000;
		background:#F5E3BC;
	}

.the_box{
		margin:             0.5em 0 0.5em 0;
		border:             1px solid #FFC13C;
		padding:            10px 10px 10px 36px;
		padding:            10px 5% 10px 10px;
		background:#F5E3BC url(img/warning.gif) no-repeat;
		background-repeat:  no-repeat;
		background-position: 10px 50%; ;
		
	}
.the_box_pwd{
		margin:             0.5em 0 0.5em 0;
		border:             1px solid #FFC13C;
		padding:            10px 10px 10px 36px;
		padding:            10px 5% 10px 10px;
		background:#F5E3BC;
		background-repeat:  no-repeat;
		background-position: 10px 50%; ;
		
	}
	.the_box .strmsg{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size:8pt;
			color:#5C6985;
			margin-left:30px;
			padding:2px 2px 2px 2px;
		}
/*tabel list data baik po maupun yang lainya */	
.border1{border:1px solid #CCCCCC}
.grid_genap{ background:#D9E9F9; border-bottom:1px solid #000000}
.grid_ganjil{ background:#F9F1D9; border-bottom:1px solid #000000}

.grid_genap td{padding:2px}
.grid_ganjil td{padding:2px}

.nav_data{ background:#EDEFF4}
/* end of list data */

.logout{background:url(img/user.png) no-repeat left; padding-left:18px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; float:right}

.logout a{color:#13A4D5; text-decoration:none}

/* search box */
.search_box{border-bottom:1px solid #eee; 
    			border-top:1px solid #eee;
                border-left:1px solid #eee;
                border-right:1px solid #eee; margin:10px auto; width:100%}


.search_box .title{background:#00589B; padding:2px; color:#FFFFFF; font-weight:bold}

.search_box .content{padding:3px}

#sidebar {
float: left;
width: 30%;
height: 300px;
}
 
#content {
float: left;
width: 70%;
height: 300px;
}

#sidebarreg {
float: left;
width: 80%;
height: 230px;
}
 
#contentreg {
float: left;
width: 20%;
height: 230px;
}

#sidebarsel {
float: left;
width: 90%;
height: 500px;
}

#sidebarinv {
float: left;
width: 90%;
height: 80px;
}
 
#contentsel {
float: left;
width: 10%;
height: 500px;
}

#sidebarout {
float: left;
width: 100%;
height: 900px;
}
 
#contentout {
float: left;
width: 0%;
height: 900px;
}

#sidebarmtd {
float: left;
width: 100%;
height: 660px;
}
 
#contentmtd {
float: left;
width: 0%;
height: 660px;
}

#rebate {
float: left;
width: 100%;
height: 100px;
}