/*
***********************************************************
Author: 		KSEI
Last modified: 	09.05.2007

***********************************************************
*/



body {
	
	background-color: #fff ;
	font: 12px Arial, Helvetica, sans-serif;
	color: #2f2f2f;	
	line-height: 1.4em;
	margin: 0;
	}
p, form, input, label { margin: 0; padding: 0; }	

#wrapper {
	float: left;
	margin: 0;
	width: 940px;
	}
#topheader {
	
	padding: 10px 0 0 0;
	width: 940px;
	height:80px;
}
	#logo{
	float: left;
	width: 324px; 
	height: 74px;
	margin: 0 0 0 12px;
	}
	#logo h1{
	background: url(../_images/logo.gif) no-repeat ;
	font: bold 16px Arial, Helvetica,  sans-serif;
	color: #0066FF;
	background-color: #fff;
	display:block;
	width: 324px; 
	height: 74px;
	margin: 0;
	padding: 0;
	}
	#logo h1 a{
	display:block;
	text-decoration: none;
	text-indent: -10000px;
	width: 76px; 
	height: 74px;
	margin: 0;
	padding: 0;
	}
	#logo h1 a:hover{
	display:block;
	text-decoration: none;
	text-indent: -10000px;
	}
	#components {
	float: right;
	width: 545px;
	}
	
	#top-mid {
	float: left;
	width: 100%;
	text-align: right;
	overflow: hidden;
	margin: 0;
	padding: 5px 0 0 0;
	
	}
	#tagline {	
	margin: 0;
	}
	#tagline h2 {
	clear: both;
	font: bold 16px Arial,Helvetica,  sans-serif;
	color: #0046b9;
	font-style:italic;
	padding: 0;
	margin: 0;
	}
	#topnv {
	clear: both;
	text-align: right;
	padding: 0;
	margin:0;
	}
	#topnv ul{	
	margin:0 ; 
	padding: 0;
	}
	#topnv ul li{
	display: inline;
	font: 8px Arial, Helvetica, sans-serif;
	color: #ccc;	
	list-style-type: none;
	border-left: 1px solid #ccc;
	margin: 0 5px 0 0 ; 
	padding: 0 0 0 5px ;
	}
	#topnv ul li a{
	font: 11px Arial, Helvetica,sans-serif;
	color: #2f2f2f;	
	text-decoration: none;
	margin:0 ; 
	padding: 0;
	}
	#topnv ul li a:hover{
	color: #FF6600;
	text-decoration: none;	
	margin:0 ; 
	padding: 0;
	}
	
	#search {
	float: right;
	width: 290px;
	height: 30px;
	padding: 3px 0 1px 0;
	margin: 0;
	}

	#search input{
	margin: 5px 0 3px 0;
	padding: 2px 0 0 0;
	}
	
	#search label{
	margin: 0px 5px 10px 0;
	padding: 0 0 10px 0;
	}
	
	#search img{
	border: none;
	margin: 0 ;
	padding: 0;
	}
	

	#topnv .noborder {
	border: none;
	}
	
	#topnv .EN { margin: 0 0 0 15px; color: #7A1719; font-weight: bold; font-size: 12px; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none }
	#topnv a.EN  { color: #f3540e;  font-weight: bold; font-size: 12px; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none }
	#topnv a.EN:hover  { margin: 0 0 0 15px; color: #0088e3; font-weight: bold; font-size: 12px; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none }
	#topnv a.EN:active  { color: #f3540e; font-weight: bold; font-size: 12px; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none }	
	
	
	
	#iso {
	float: left;
	width: 85px;
	margin: 0;
	padding: 5px 0 0 10px;
	}
	#iso img {
	margin: 0;
	border: none;
	}
	
/* KSEI header */
#header_ttgkami{
	clear: both;
	background: url(../_images/header_ttgkami.jpg) no-repeat;
	border-top: 1px solid #000;
	width: 940px;
	height: 120px;
	margin: 0;
	}
	#menu {	
clear: both;
 /*background:url(../_images/bg-menu.jpg) no-repeat ;*/
background-color:#333;
 height: 30px;
 }
#header_peraturan {
	clear: both;
	background: url(../_images/header_peraturan.jpg) no-repeat;
	border-top: 1px solid #000;
	width: 940px;
	height: 120px;
	margin: 0;
	}
#header_layananjasa {
	clear: both;
	background: url(../_images/header_layananjasa.jpg) no-repeat;
	border-top: 1px solid #000;
	width: 940px;
	height: 120px;
	margin: 0;
	}
	
#header_publikasi {
	clear: both;
	background: url(../_images/header_publikasi.jpg) no-repeat;
	border-top: 1px solid #000;
	width: 940px;
	height: 120px;
	margin: 0;
	}
#header_hotlinks{
	clear: both;
	background: url(../_images/header_hotlinks.jpg) no-repeat;
	border-top: 1px solid #000;
	width: 940px;
	height: 120px;
	margin: 0;
	}
	
	
/* layout goes here*/
#left {
	float: left;
	background: url(../_images/leftnav.jpg) top no-repeat;
	background-position: top left;
	width: 248px;
	background-color:#fff;
	margin: 0 0 0 0;
	padding: 0 0 15px 0;
}


#right{
	float: left;
	background: url(../_images/right-border.gif) top right no-repeat;
	background-color:#fff;
	width: 692px;
	margin: 0;
}

	#right h3{
	background: url(../_images/arah_jd.gif) no-repeat 0 3px;
	font: bold 15px Arial, Helvetica,sans-serif;
	color: #FF3300;
	background-color:#fff;
	wi\dth: 580px;
	width: 650px;
	border-bottom: 1px solid #ccc;
	margin: 20px 0 20px 10px;
	padding: 0 0 5px 15px;
	}


	#right h6{
	background: url(../_images/arah_jd.gif) no-repeat 0 3px;
	font: Arial, Helvetica,sans-serif;
	background-color:#fff;
	width: 640px;
	height: 20px;
	border-bottom: 1px solid #ccc;
	margin: 20px 0 20px 10px;
	padding: 0 0 5px 15px;
	}

	#right h7{
	font: bold 15px Arial, Helvetica,sans-serif;
	color: #0046b9;
	background-color:#fff;
	margin: 0px 0 0px 0px;
	padding: 0 0 0px 0px;
	}
	
	#right h8{
	font: 10px Arial, Helvetica,sans-serif;
color: #999999;
	background-color:#fff;
	margin: 0px 0 0px 0px;
	padding: 0 0 0px 0px;
	}

	#right p{
	margin: 0 20px 0 10px;
	padding: 0 0 10px 0;
	}
	
	#right li span{ color: #0099FF;} 

	#right table { margin: 0 0 0 10px;} 
	


	
	
	
#leftcontent {
float: left;
width: 700px;
margin: 0;
}
#rightcontent {
float: left;
width: 229px;
margin: 0;
}
#header {
margin: 0;
width: 700px;
height: 320px;
background: url(../_images/bgheader.jpg) no-repeat;
}

#header p{
padding: 0px 0 0 10px;
margin:0;
color: #2f2f2f; font-size: 10px; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none;
}

#header p.tglhome { 
margin:0;
padding: 20px 0 0 10px;
color: #f55813; font-size: 11px; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none }

/* left navigation */

#hotlinks {
float: left;
width: 350px;
height: 165px;
margin: 0;
padding: 0;

}
	#hotlinks h3{
	font:  15px Arial, Helvetica,sans-serif;
	color: #fff;
	width:300px;
	background-color: #f55813;
	margin: 20px 20px 0 22px;
	padding: 5px 0 5px 6px;
	}	

	#hotlinks ul {
	margin: 4px 25px 0 23px;
	padding: 0 ;
	}
	#hotlinks ul li {
	list-style-type: none; 
	background: url(../_images/arah02.gif) no-repeat 0 1px;
	display: block;
	border-bottom: 1px solid #fff;
	margin: 0;
	padding: 0;
	}
	#hotlinks li a{
	font: 12px Arial, Helvetica,sans-serif;
	color: #2f2f2f;	
	text-decoration: none;
	margin: 0;
	padding: 0 0 1px 12px;
	}
	#hotlinks li a:hover{
	font: 12px Arial, Helvetica,sans-serif;
	color: #990000;
	text-decoration: none;
	margin: 0;
	padding: 0 0 1px 12px;
	}
	
#deephotlinks, #tentangkami, #peraturan, #publikasi {
float: left;
width: auto;
margin: 0;
padding: 0;
}


#pengumuman {
float: left;
width: auto;
margin: 0 0 0 0;
padding-bottom: 20px;
}
	#deephotlinks h3{
	font: bold 15px Arial, Helvetica,sans-serif;
	color: #fff;
	background-color:#8c1406;
	width: 200px;
	height: 20px;
	margin: 20px 20px 0 22px;
	padding: 1px 0 0 6px;
	}
		
	#tentangkami  h3, #peraturan h3, #publikasi h3{
	font: bold 15px Arial, Helvetica,sans-serif;
	color: #fff;
	background-color: #f55813;
	width: 200px;
	height: 20px;
	margin: 20px 20px 0 22px;
	padding: 1px 0 0 6px;
	}	

	#pengumuman  h3{
	font: bold 15px Arial, Helvetica,sans-serif;
	color: #fff;
	background-color: #F45813;
	width: 200px;
	height: 20px;
	margin: 20px 20px 0 22px;
	padding: 1px 0 0 6px;
	}	
	
	#deephotlinks ul, #tentangkami ul, #peraturan ul, #publikasi ul {
	margin: 4px 20px 0 22px;
	padding: 0 ;
	}
	
	#pengumuman ul{
	margin: 4px 20px 0 20px;
	padding: 0 ;
	}
	
	#pengumuman li {
	display: block;
	background: url(../_images/icon-plus.gif) no-repeat 0 3px;
	list-style-type: none; 	
	border-bottom: 1px solid #fff;
	width: 200px;
	margin: 0 0 0 0px;
	padding: 0;
	}
	
	
	#pengumuman li a{
	font: 12px Arial, Helvetica,sans-serif;
	display: block;
	color: #2f2f2f;	
	text-decoration: none;
	margin: 0 0 0 10px;
	padding: 0 0 1px 0;

	}
	#pengumuman li a:hover{
	font: 12px Arial, Helvetica,sans-serif;
	color: #f55813;
	display: block;
	text-decoration: none;
	margin: 0 0 0 10px;
	padding: 0 0 1px 0;		
	}

	
	
	#deephotlinks li {
	display: block;
	list-style-type: none; 
	background: url(../_images/arah02.gif) no-repeat 0 1px;	
	border-bottom: 0px solid #fff;
	width: 200px;
	margin: 0;
	padding: 0;
	}
	
	#tentangkami li, #peraturan li, #publikasi li {
	display: block;
	list-style-type: none; 	
	border-bottom: 1px solid #fff;
	margin: 0;
	padding: 0;
	}

	#tentangkami span.padd, #peraturan span.padd, #publikasi span.padd {
	padding: 0 0 0 5px;
	}
	
	
		
	#deephotlinks li a{
	font: 12px Arial, Helvetica,sans-serif;
	color: #2f2f2f;	
	text-decoration: none;
	margin: 0;
	padding: 0 0 1px 12px;
	}
	#deephotlinks li a:hover{
	font: 12px Arial, Helvetica,sans-serif;
	color: #990000;
	text-decoration: none;
	margin: 0;
	padding: 0 0 1px 12px;
	}
	
	#tentangkami li a, #peraturan li a, #publikasi li a{
	display: block;
	font: 12px Arial, Helvetica,sans-serif;
	color: #2f2f2f;	
	text-decoration: none;
	margin: 0 0 0 0;	
	padding: 2px;
	}
	
	#tentangkami li a:hover, #peraturan li a:hover, #publikasi li a:hover{
	display: block;
	font: 12px Arial, Helvetica,sans-serif;
	color: #000;	
	background-color: #F4E06F;
	text-decoration: none;
	margin:  0 0 0 0;
	padding: 2px;
	}
	
	
	
	.sub-pemakaijasa, .sub-publikasi  {
	text-align: right;
	background-color: #e9f4fc;	
	margin: 0;
	padding: 0;
	}
	

	
#deepsearch {
	width: 221px;
	border-top: 1px solid  #ccc; 
	border-bottom: 1px solid #ccc; 
	margin: 20px 0 20px 12px;
	padding: 10px 0 10px 5px;	
}	



#announcement {
float: left;
width: 300px;
margin: 0;
padding: 0;

}
	#announcement h3{
	font:  15px Arial, Helvetica,sans-serif;
	color: #fff;
	width:300px;
	background-color: #ffb400;
	margin: 20px 20px 0 0px;
	padding: 5px 0 5px 6px;
	}	
	
	
	
	#announcement p{
	padding: 0;
	margin:0;
	}
	
	#announcement p a{
	padding: 0;
	margin:0;
	
	}
.dotted { 
	clear: both; 
	height: 1px;
	overflow: hidden;
	border-top: 1px dotted #ccc;
	padding:  6px;
	margin: 0 9px 0 9px;
	 }
.dotted01 { 
	clear: both; 
	height: 1px; 
	border-top: 1px dotted #ccc;
	padding:  6px;
	margin: 10px 0 0 10px;
	 }

#masterbox { 
	width: 680px;
	margin: 0 0 0 10px;
	}






	#leftcont { 	
	float: left;
	text-align: left;
	width: 325px;
	margin: 0 0 10px 0;
	}


	* html #leftcont { 	
	float: left;
	text-align: left;
	width: 320px;
	margin: 10px 0 10px 0;
	}
	
	#rightcont { 	
	float: left;
	text-align: left;
	width: 325px;
	margin: 0 0 10px 20px;
	}

	* html #rightcont { 	
	float: left;
	text-align: left;
	width: 325px;
	margin: 10px 0 10px 20px;
	}
	
	#leftcont h3, #rightcont h3{ 
	font: bold 17px Arial, Helvetica,sans-serif;
	color: #8c1406;
	margin:  0 0 0 70px;
	padding: 0;	
	}	
	#leftcont p, #rightcont  p { 
	margin:  0 0 2px 20px;
	padding: 0;
	}

	#leftcont img, #rightcont img { 
	float: left;
	margin: 0 10px 75px 0;
	padding: 0 ;
	}







	
#btn-box { 
	clear: both;
	height: 12px; 
	margin: 0 0 10px 0;
	} 
 
	.left-btnmore { float: left; text-align: right; height: 12px;  width: 305px; margin: 0; }
	.left-btnmore img{ width: 30px; margin: 0; padding: 0 ; }
	 
	.right-btnmore { float: left; text-align: right; height: 12px;  width: 355px; padding: 0; }
	.right-btnmore img{ width: 30px; margin: 0; margin: 0; }
	
#secondbox {
	background: #EEEDED;
	height: 160px;
	border: 1px solid #dbedfb;
	margin: 0 8px 30px 8px;
	padding: 7px 0 0 7px;
	}
	
	#formsearch {
	float: left;
	margin: 0 0 0 0px;
	background-color: #f1efef;
	width: 180px;
	border: 1px solid #999;	

	}
	#formsearch h3{
	text-align: center;	
	font: normal 15px Arial, Helvetica,sans-serif;	
	color: #fff;
	background-color: #666666;
	border-bottom: 5px solid #fff;
	margin: 0;
	padding: 5px 0 5px 0;
	}
	
	#formsearch p {
	margin: 8px 0 0 8px;
	padding: 0;
	}
	#formsearch select.type{ margin: 0 0 0 40px; }
	#formsearch input.lokalcode{ margin:  0  0 1px 3px; padding: 2px 0 0 0;}	
	#formsearch input.isincode { margin: 0 0 1px 9px; padding: 2px 0 0 0;}	
	#formsearch  form { padding: 0 0 5px 0; }







	#formsearch2 {
	float: left;
	margin: 4px 0 0 4px;
	background-color: #f1efef;
	width: 216px;
	border: 1px solid #999;	

	}
	#formsearch2 h3{
	text-align: center;	
	font: bold 15px Arial, Helvetica,sans-serif;	
	color: #fff;
	background-color: #f88f19;
	border-bottom: 5px solid #fff;
	margin: 0;
	padding: 0;
	}
	
	#formsearch2 p {
	margin: 8px 0 0 8px;
	padding: 0;
	}
	#formsearch2 select.type{ margin: 0 0 0 40px; }
	#formsearch2 input.lokalcode{ margin:  0  0 1px 3px; padding: 2px 0 0 0;}	
	#formsearch2 input.isincode { margin: 0 0 1px 9px; padding: 2px 0 0 0;}	
	#formsearch2  form { padding: 0 0 5px 0; }




	
	#secondbox-a{
	float: left;
	width: 165px;
	margin: 0 0 0 15px;
	padding: 0;	
	}
	
	#secondbox-b {
	float: left;
	margin: 0 0 0 15px;
	padding: 0;	
	}


	#secondbox-c {
	float: left;
	width: 140px;
	margin: 0;
	padding: 0;	
	}
	
	#secondbox-a h3 {	
	font: normal 15px Arial, Helvetica,sans-serif;
	color: #fff;
	background-color: #797675;
	padding: 5px 0 5px 0;
	text-align:center; 
	margin: 0 ;
	}
	
	
	#secondbox-b h3 {	
	font: normal 15px Arial, Helvetica,sans-serif;
	width:140px;
	color: #fff;
	background-color: #9a9898;
	padding: 5px 0 5px 0;
	text-align:center; 
	margin: 0 10px 0 0 ;
	}
	
		
	#secondbox-a p, #secondbox-b p{ 
	margin: 0;
	padding: 5px 0 5px 2px;
	}
	
	#secondbox-a img, #secondbox-b img{ 
	margin: 0 0 6px 0;
	}
#about-ksei {
	background: url(../_images/bg_text.gif) no-repeat;
	width: 238px;
	height: 350px;
	margin: 0;
	padding: 0;
	}	
	#about-ksei p {
	font: 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin: 0;
	padding: 110px 10px 0 10px;
	}
#calendar  {
	width: 220px;
	margin: 20px 0 0 10px;
	padding: 0;
	}
	#calendar h3 {
	text-align: center;
	font: normal 15px Arial, Helvetica,  sans-serif;
	color: #fff;
	background-color: #57aef1;
	margin: 0;
	padding: 5px 0 5px 0;
	}
	
#subccount {
	text-align: center;
	width: 220px;
	border: 1px solid #7f7c7c;
	margin: 10px 0 0 10px;
	padding: 0 ;
	}
	
	#subccount h3 {
	text-align: center;
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #7f7c7c;
	margin: 0 0 3px 0;
	padding: 0;
	}
	
	#subccount img {
	margin: 0;
	border: none;
	} 
	#subccount form {
	background-color: #ccc;
	margin: 0 3px 3px 3px;
	padding: 3px;	}
	
	#subccount select {
	width: 130px;
	}








#totalaset{
	text-align: center;
	width: 220px;
	border: 1px solid #7f7c7c;
	margin: 10px 0 5px 10px;
	padding: 0 ;
	}
	
	#totalaset h3 {
	text-align: center;
	font: normal 15px Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #7f7c7c;
	margin: 0 0 3px 0;
	padding: 4px 0 4px 0;
	}
	#totalaset img {
	margin: 0;
	border: none;
	} 
#footer {
	clear: both;
	background: url(../_images/bg-footer.gif) top no-repeat ;
	border-top: #000;
	height: 30px;
	padding: 10px 0 15px 15px;
	}


#identity {
	float: left;
	margin: 0;
	}	
	
	#identity img{
	float: left;
	border: none;
	margin-right: 10px;
	}
#btm-nav {
	float: right;
	text-align: right;	
	margin: 0 ;
	padding: 0 ;
	}
	#btm-nav p{
	margin: 0;
	padding: 0 5px 0 0;
	}
	#btm-nav ul{
	margin: 0;
	padding: 0;
	}
	
	#btm-nav li{
	display: inline;
	list-style-type: none;	
	font: 8px Arial, Helvetica, sans-serif;
	color: #2f2f2f;
	background-color: #fff;
	border-right: 1px solid #ccc;
	margin: 0  0 0 5px;
	padding: 0  4px 0  0 ;
	}
	#btm-nav li a{
	font: 11px Arial, Helvetica,  sans-serif;
	color: #2f2f2f;
	background-color: #fff;
	text-decoration: none;
	margin: 0;
	padding: 0;
	}
	#btm-nav li a:hover{
	color: #0040b6;
	text-decoration: none;
	margin: 0;
	padding: 0;
	}
	#btm-nav .noborder01 { border: none;}
		
	


#headerill{
	clear: both;
	width: 940px;
	height: 120px;
	margin: 0;
	}



#headerill_01{
	clear: both;
	width: 940px;
	height: 120px;
	margin: 0;
	}
	
#headerill_02{
	clear: both;
	width: 940px;
	height: 120px;
	margin: 0;
	}	
	
table#tblContact tr td
{
	border-color: black; 
	}