@charset "utf-8";
/* CSS Document */

/*-------------------------FRAMEWORK------------------------------------------------*/	

.bg {
	padding:0; margin:0 auto;
	/*background-color: #CCCCCC;*/
	/*background-color: #ECECEC; */
	/*background-color: #ECECEC;*/
	background-color:#D8E3EA;	
	background-repeat:repeat-x;
	background-image:url(../img/homebg.gif);	
	
}

.tbl03 {
	BORDER-RIGHT: #e1e1e1 1px solid;
	BORDER-TOP: #e1e1e1 1px solid;
	BORDER-LEFT: #e1e1e1 1px solid;
	BORDER-BOTTOM: #e1e1e1 1px solid;
	FONT-WEIGHT: normal;
	COLOR: #000000;
	LETTER-SPACING: 0px;
	BACKGROUND-COLOR: #ffffff;
	TEXT-DECORATION: none;
	font-family: Arial,tahoma,verdana,arial,helvetica;
	font-size: 10px;
	alignment: left;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	}

.frame{
	padding:0; margin:0;
	width: 955px;
	background-color: #F5F5F5;
	background-image:url(../img/bg2.gif);
}

.main {
	padding:4; 
	margin:0 auto;	
	width: 950px;
	background-color:#D8E3EA;
}

.header {
	padding:0; margin:0 auto;	
	width: 950px;
	/*background: url(../header.jpg);*/	
}

.top1 {
	background-image:url(../img/top1.jpg);	
	background-repeat:repeat-x;
}

.top2 {
	background-image:url(../img/header2.gif);	
	margin-left:1px;
}

.menuTop {
	padding:0;
	margin:0;
	width: 939px;
	margin-left:8px;	
	margin-right:8px;	
	/*
	background-color:#66CC33;
	*/
	font-family: Arial,tahoma,verdana,arial,helvetica;
	FONT-WEIGHT: bold;
	color: #FFFFFF;
	/*height:30px;*/
	text-align:center;
	font-size:12px;
	background-color:#FFFFFF;
	/*background-image:url(../img/bg_menutop.gif);	*/	
	background-image:url(../img/tbl-search_02.jpg);			
}

.menu2 {
	padding:0;
	margin:0 auto;
	width: 738px;
	/*
	width: 738px;	
	background-color:#66CC33;
	*/
	font-family: Arial,tahoma,verdana,arial,helvetica;
	FONT-WEIGHT: bold;
	color: #FFFFFF;
	height:25px;
	text-align:center;
	font-size:12px;
	background-color:#000000;
	background-image:url(../img/tbl-search_02.jpg);				
}

.menu3 {
	padding:0;
	margin:0 auto;
	width: 738px;
	font-family: Arial,tahoma,verdana,arial,helvetica;
	FONT-WEIGHT: bold;
	color: #000000;
	height:25px;
	text-align:center;
	font-size:12px;
	background-color:#E1E1E1;
}

.kolomTengah {
	padding:0; margin:0 auto;
	/*background-color: #CCCCCC;*/
	/*background-color: #ECECEC; */
	background-color: #FFFFFF;
}

.ketPage {
	padding:0;
	margin:0 auto;
	/*
	background-color:#66CC33;
	*/
	font-family: Arial,tahoma,verdana,arial,helvetica;
	FONT-WEIGHT: bold;
	color: #136C36;
	height:25px;
	text-align:center;
	font-size:12px;
	background-color:#000000;
	background-image:url(../img/tbl-search_02.jpg);				
}

.footer {
	padding:0;
	margin:0 auto;
	width: 900px;
	/*
	background-color:#66CC33;
	*/
	font-family: Arial,tahoma,verdana,arial,helvetica;
	font-weight:bold;
	color: #136C36;
	height:25px;
	text-align:center;
	font-size:12px;
	background-color:#000000;
	background-image:url(../img/bg_footer.gif);	
	margin-left:6px; 				
}

.menu {
	padding:0;
	margin:0 auto;
	width: 950px;
	/*
	background-color:#66CC33;
	*/
	font-family: Arial,tahoma,verdana,arial,helvetica;
	FONT-WEIGHT: bold;
	color: #FFFFFF;
	height:20px;
	text-align:center;
	top:inherit;
	font-size:12px;
	background-image:url(../img/bg3.gif);					
}
.content {
	padding:0; 
	margin:0 auto;	
	width: 950px;
	/*background-color:#4C5844;*/
}

.left {
	float:left;
	width:190px;
	margin-left:10px;
	margin-top:4px;	
	/*background-color:#FFF100;*/
	/*border-right-width:1px;*/
	/*border-style: solid;	
	border-width:thin;		
	border-color:#4C5844;		*/	
	/*border-right-style: dotted;*/

}

#centerFull {
	padding:0; 
	margin:0 auto;	
	float:left;	
	width:741px;			
	margin-left:2px;
	margin-right:0px;
	border-style: solid;			
	border-color:#718166;			
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;		
}

#isi {
	padding:0; 
	margin:0 auto;	
	float:left;	
	width:741px;			
	margin-left:2px;
	margin-right:0px;
}

#borderisi {
	padding:2; 
	margin:0 auto;	
	float:left;				
	margin-left:2px;
	margin-right:2px;
}


#center {
	padding:0; 
	margin:0 auto;	
	float:left;	
	width:510px;			
	margin-left:1px;
	margin-right:0px;
	margin-top:4px;
	/*border-style: solid;			
	border-color:#718166;			
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;	*/	
}

.right {
	padding:0; 
	margin:0 auto;	
	margin-top:4px;	
	margin-left:2px;		
	float:left;
	width:210px;	
	background-color:#FFFFFF;	
	/*border-width:thin;
	border-style: solid;
	border-color:#4C5844;	*/	
}

.clear {clear:both;}

.footer {
	padding:0; 
	margin:0 auto;	
	width: 950px;
	background-color:#FFFFFF;
	font-family: Arial,tahoma,verdana,arial,helvetica;
	font-size: 11px;
	FONT-WEIGHT: normal;
	text-align:center;	
}
/*-------------------------FONT------------------------------------------------*/	
.font1 {
	/*background-color:#4C5844;	*/
	font-family: Arial,tahoma,verdana,arial,helvetica;
	font-size: 12px;
	FONT-WEIGHT: normal;
	text-align:left;	
}	
.fontError {
	font-family: Arial,tahoma,verdana,arial,helvetica;
	font-size: 11px;
	FONT-WEIGHT: bold;
	background-color: #FF0000;
	border-spacing:20px;
	/*height:30px;*/
	padding:10px;
	vertical-align:middle;
	color:#FFFFFF;
	text-align:left;	
}

.font2 {
	font-family: Arial, tahoma,verdana,arial,helvetica;
	font-size: 12px;
	FONT-WEIGHT: normal;
	text-align:left;	
}	

/*WHITE*/
.fontContent1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	FONT-WEIGHT: normal;
	text-align:left;
	background-color: #FFFFFF;
	/*background-color:#FFFF33;*/	
}	

/*WHITE BOLD*/
.fontContent2 {
	text-decoration: none;
	font-family: Arial, tahoma, verdana, arial, helvetica;
	font-size: 11px;
	color:#666666;
	FONT-WEIGHT: bold;
	text-align:left;
	font-style: normal;
}	

/*WHITE*/
.fontContent3 {
	font-family: Arial, tahoma,verdana,arial,helvetica;
	font-size: 11px;
	color: #666666;
	FONT-WEIGHT: bold;
	text-decoration:none;
	text-align:left;
	/*background-color:#3A4334;*/		
}	

/*WHITE*/
.fontContent4 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	FONT-WEIGHT: normal;
	text-align:left;	
	/*background-image:url(../img/bg4.gif);*/
	border-color:#CCCCCC;
	border-bottom-style:dotted;
	border-bottom-width:2px;
	border-top:thick;	
	color:#000000;						
	/*background-color:#3A4334;	*/
}

.fontField1 {
	font-family: Arial,tahoma,verdana,arial,helvetica;
	font-size: 11px;
	color:#FFFFFF;
	FONT-WEIGHT: normal;
	color:#000000;						
}

.fontFooter {
	font-family: Arial,tahoma,verdana,arial,helvetica;
	font-size: 11px;
	color:#000000;
	FONT-WEIGHT: bold;
	text-align:center;	
}

.fontContentFull {
	font-family: Arial,tahoma,verdana,arial,helvetica;
	width:750px;
	margin-top:4px;						
	font-size: 11px;
	color:#000000;
	FONT-WEIGHT: normal;
	text-align:left;	
	/*background-image:url(../img/bg_full.gif);*/							
	background-color:#FFFFFF;	
}

.fontContent5 {
	font-family: Arial,tahoma,verdana,arial,helvetica;
	font-size: 11px;
	color:#000000;
	FONT-WEIGHT: normal;
	text-align:left;
	/*background-image:url(../img/bg4.gif);*/	
	background-color: #FFFFFF; 
}

/*WHITE*/
.fontMenu {
	text-decoration: none;
	font-family: Arial,tahoma,verdana,arial,helvetica;
	font-size: 12px;
	color: #FFFFFF;
	FONT-WEIGHT: bold;

}	

.borderMenuTop {
	/*background:url(../img/tbl-search_01.jpg);
	background-image:url(../img/tbl-search_01.jpg);*/
	padding:0; 
	margin:0 auto;	
	float:left;		
}

.ajax-loading{
	padding:0 0 0 22px; 
	background:url(loading.gif) no-repeat left;
}
.response{
	padding:5px; 
	background:#FFFFFF; 
	color:#FFFFFF; 
	font-weight:bold;
}	

.boxLogin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #66CC33;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
}

.bgField {
	background-image: url(../img/bg_field.gif);
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
.garisBawah {
	border-bottom-style: inset;
	border-bottom-color: #333333;  
	border-bottom-width: 1px;
}

.fontDescForm {
	text-decoration: none;
	font-size: 11px;	
	color:#666666;
}

.garisBawah2 {
	border-bottom-style: inset;
	border-bottom-color: #333333;
	border-bottom-width: 1px;
}

.form {
	background-image:url(../img/bg_field.gif);
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	height:22px;
	/*border-color:#FEFF39;*/
	border-color: #999999;
	border-width:1px;
	background-repeat:repeat-x;
	font-size: 14px;
	/*height:22px;*/
	color: #666666;	/*
	width: 250px;
	color: 555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF url('/img/form/text-bg.gif') repeat-x;
*/
}

.form2 {
	background-image:url(../img/bg_field.gif);
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	/*height:18px;*/
	/*border-color:#FEFF39;*/
	border-color: #999999;
	border-width:1px;
	background-repeat:repeat-x;
	font-size: 14px;
	/*height:22px;*/
	color: #666666;	/*
	width: 250px;
	color: 555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF url('/img/form/text-bg.gif') repeat-x;
*/
}