@charset "utf-8";
/* CSS Document test2*/
body{
	padding:0 0 0 0;
	margin:0 0;
	background:#fff;
/*	background-color:#3f99ca; */
		
	
}
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------body--------------------*/
/*------------------------------------------------top-header--------------------*/
#top-header{
/*	background:url(images/tengah-top.jpg) 0 0 repeat-x; */
	width:auto;
	height:142px;
	position:relative;
	float: none;
	padding:0 0 0 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.kiri-top{
	width:506px;
	height:100px;
/* background:url(images/grey-left.jpg) 0 0 no-repeat; */
	position:absolute;
	float:left;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.kanan-top{
	width:518px;
	height:140px;
/*	background:url(images/blue-right.jpg) 0 0 no-repeat; */
	background-color:#0033FF;
	position:relative;
	float:right;
	z-index:10;
}
/*------------------------------------------------login--------------------*/
/*--------------------------tabs--------------------*/
#tabs{
	position:relative;
	float:none;
	padding:140px 0 0 25px;
	margin:0 auto 0 auto;
}
.tabs01 a{	
	position:relative;
	float:left;
	padding:8px 10px 8px 15px;
	margin:0 3px 0 0;
	text-align:center;
	text-decoration:none;
	font:bold 12px/14px "Arial", Arial, Helvetica, sans-serif;
	color:#FFF;
  	background: url(images/shad-tab1.jpg) 0 0 repeat-x; 
	/*background-color:#b8e2f8;*/
}
.tabs01 a:hover, .tabs01 a.hover{
	color:#FFF;
	background:none;
	background-color:#1005A1;	
}
.tabs02 a{	
	position:relative;
	float:left;
	padding:8px 10px 8px 15px;
	margin:0 3px 0 0;
	text-align:center;
	text-decoration:none;
	font:bold 12px/14px "Arial", Arial, Helvetica, sans-serif;
	color:#1005A1;
	background:none;	
	background-color:#FFF;	
}
.tabs02 a:hover, .tabs02 a.hover{
	color:#1005A1;	
	background-color:#b4dcf5;	
}
/*--------------------------header-log--------------------*/
#header-log{
	background:url(images/login_rigth.jpg) 0 0 no-repeat;  
	width:950px;
	height:713px;
	position:relative;
	float: none;
	padding:0 0 0 0;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header-log-left{
	background:url(images/login_left.jpg) 0 0 no-repeat; 
	width:auto;
	height:713px;
	position:relative;
	float: left;
	padding:0 0 0 0;
}
#header-log-right{
	background:url(images/login_rigth.jpg) 0 0 no-repeat; 
	width:auto;
	height:713px;
	position:relative;
	float: right;
	padding:0 0 0 0;
	
}
/*--------------------------teks-sisko--------------------*/
#teks-sisko{
	width:800px;
	position:relative;
	float:left;
	padding:0 0 0 10px;
	margin:0 auto 0 auto;
}
.welcome{
	width:220px;
	position:relative;
	float:left;
	padding:40px 10px 0 0;
	margin:0 auto 0 auto;
}
.well{
	font:normal 30px/30px "Arial", Arial, Helvetica, sans-serif;
	color:#429aca;
	text-align:center;
}
.come{
	font:bold 35px/35px "Arial", Arial, Helvetica, sans-serif;
	color:#429aca;
	text-align:center;
}
.at{
	font:normal 20px/45px "Arial", Arial, Helvetica, sans-serif;
	color:#0C034A;
	text-align:center;
}
.konten-login{
	width:100%;
	position:relative;
	float:left;
	padding:0 0 0 17px;
	margin:0 auto 0 auto;
}
/*--------------------------logon--------------------*/
#login{
	width:300px;
	padding:0px 10px 0 0;
	margin:0 auto 0 auto;
	position:relative;
	float:right;
	z-index:99;
	background-color: #ECE9D8;
}
#login form{
	width:300px;
	padding:15px 0 0 0;
	margin:0 0 0 0;
	color:#0C034A;
}
#login form label{
	width:100px;
	font:bold 12px/22px "Arial", Arial, Helvetica, sans-serif;
	float:left; 
	position:relative;
}
#login form input.txtBox{
	width:175px;
	height:14px;
	border:#407390 solid 1px;
	color:#000;
	background-color:#fff;
	margin-bottom:10px;
	padding:5px;
	float:none;
	position:relative;
}
#login form a{
	font:normal 20px/21px "Tahoma", Arial, Helvetica, sans-serif;
	color:#0a3c77;
}
#login form a:hover{
	text-decoration:none;
}
.go{
	background:url(images/go.jpg) 0 0 no-repeat;
	width:80px;
	height:30px;
	border:none;
	cursor:pointer;
	position:relative;
	float:left;
	/*margin:5px 0 0 0;*/
}
.gokosong{
/*	background:url(images/go.jpg) 0 0 no-repeat; */
	width:80px;
	height:30px;
	border:none;
	cursor:pointer;
	position:relative;
	float:left;
	/*margin:5px 0 0 0;*/
}
/*------------------------------------------------login-end--------------------*/
/*------------------------------as-log--------------------*/
.as-log{
	width:300px;
	padding:50px 0 0 0;
	margin:0 0 0 0;
	position:relative;
	float:right;
}
.log-out a{
	width:23px;
	height:23px;
	background:url(images/log-out.png) 0 0 no-repeat;
	padding:0 10px 0 0;
	float:right; 
	position:relative;
}
.teks-log{
	padding:0 10px 0 0;
	font:bold 13px/22px "Arial", Arial, Helvetica, sans-serif;
	color:#194760;
	float:right; 
	position:relative;
}
/*------------------------------------------------searchbox--------------------*/
.search_box {
	height: 21px;
	width: 324px;
	position:relative;
	float:right;
	padding:0 5px 0 0;
	margin:23px 0 0 0;
	background-color:none;
}
.searchtextbox {
	background:url(images/bek-serc.jpg) 0 0 repeat-x;
	background-color:#ffff99;
	width: 250px;
	height: 19px;
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 2px;
	color: #000000;
	float: left;
	border:solid 1px #cc9933;
}
#mybutton{ 
	width:65px; 
	height:21px;
	float:right;
	background:url(images/search.jpg); 
	border:none;
	margin: 0;
	padding: 0;
	color:#FFFFFF;
	cursor:hand; 
}
#mybutton-hover{ 
	width:65px; 
	height:21px;
	float:right;
	background:url(images/search-hov.jpg); 
	border:none; 
	color:#000000;
	cursor:hand; 
}
.serc{
	position:relative;
	float:right;
	padding:0 5px 0 0;
	margin:26px 0 0 0;
	font:bold 13px/14px "Arial", Arial, Helvetica, sans-serif;
	color:#72330d;
}

/*------------------------------------------------top-header-end--------------------*/
/*------------------------------------------------body--------------------*/
#back-body{
	background:url(images/bek-pit.jpg) 0 0 repeat; 
	padding:0 0 0 0;
	margin:0 auto 0 auto;
}
#body{
	width:100%;	
	position:relative;
	background-color:#FFF;
	float: none;
	padding:0 0 0 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/*---------------------------------menus--------------------*/
.menus {
	width:90%;
	position:relative;
	float:left;
	padding:0 0 0 0;
	margin:-32px 0 0 20px;
	background-color:none;
}
.menu01 a{	
	position:relative;
	float:left;
	padding:8px 15px 8px 15px;
	margin:0 3px 0 0;
	text-align:center;
	text-decoration:none;
	font:bold 12px/14px "Arial", Arial, Helvetica, sans-serif;
	color:#a26423;
	background-color:none;
}
.menu01 a:hover, .menu01 a.hover{
	color:#331c04;
	background-color:#fff;
	border-top:solid 2px #cc9933;
	border-left:solid 2px #cc9933;
	border-right:solid 2px #cc9933;
}
/*---------------------------------konten--------------------*/
.shad{
	width:950px;
	height:15px;
	position:relative;
	float:none;
	padding:0 0 0 0;
	margin:0 auto 0 auto;
	background:url(images/shad.jpg) 0 0 no-repeat; 
}
.konten {
	width:95%;
	position:relative;
	float:none;
	padding:5px 0 45px 0;
	margin:0 auto 0 auto;
	background-color:none;
}
.teks-isi{
	font:normal 13px/20px "Arial", Arial, Helvetica, sans-serif;
	color:#000;
	text-align: justify;
}
.teks-isi a:visited{
	font:normal 13px/20px "Arial", Arial, Helvetica, sans-serif;
	color: #323232;	
	text-align:left;
}
.teks-judul{
	padding-bottom:5px;
	font:bold 30px/45px "Arial", Arial, Helvetica, sans-serif;
	color:#145374;
	text-align:left;
}
.teks-subjudul{
	padding-top:15px;
	font:bold 17px/28px "Arial", Arial, Helvetica, sans-serif;
	color:#0C034A;
	text-align:left;
}
/*------------------------------tabel--------------------*/
.stats01{
	width:auto;
	background-color:#fff;
	position:relative;
	float:left;
	margin: 10px 0 0 0;
	padding:0 0 10px 0;
}
.tas-tabel, .tas-tabel2{
	width:auto;
	height:10px;
	padding:0 0 0 0;
	margin: 0 auto 0 auto;	
}
.tas-tabel{
	background-color:#92cfef;
}
.tas-tabel2{
	background-color:#b4dcf5;
}
.sudut-kiri, .sudut-kanan{
	width:10px;
	height:10px;
	background:url(images/dut-ri.jpg) 0 0 no-repeat;	
	position:relative;
	float:left;
}
.sudut-kiri{
	background:url(images/dut-ri.jpg) 0 0 no-repeat;	
	float:left;
}
.sudut-kanan{
	background:url(images/dut-nan.jpg) 0 0 no-repeat;	
	float:right;
}
.nama-tabel{
	width:100%;
	font:bold 13px "Arial", Arial, Helvetica, sans-serif;  /*font:normal 17px/28px "Arial", Arial, Helvetica, sans-serif;*/
	color:#206981;
	text-align:center;
	margin: 0 auto 0 auto;
	padding:0 0 5px 0;
	background-color:#92cfef;
	position:relative;
	float:left;
}
.shad2{
	width:100%;
	height:7px;
	position:relative;
	float:none;
	padding:0 0 0 0;
	margin:0 auto 0 auto;
	background:url(images/shad-bel.jpg) 0 0 repeat; 
	background-color:#b4dcf5;
}
.tabel-kiri01, .tabel-tengah01, .tabel-kanan01, .tabel-kiri02, .tabel-tengah02, .tabel-kanan02, .tabel-kiriTeng01, .tabel-kiriTeng02{
	font:normal 13px/20px "Arial", Arial, Helvetica, sans-serif;
	color:#323232;
	position:relative;
	float:left;
	/*---- untuk mengatur font pada tabel ---*/
}
.tabel-kiri01, .tabel-tengah01, .tabel-kanan01, .tabel-kiriTeng01{
	background-color:#fff;	
}
.tabel-kiri02, .tabel-tengah02, .tabel-kanan02, .tabel-kiriTeng02{
	background-color:#eff8f9;	
}
.tabel-kiri01, .tabel-kiri02{
	width:6%;
	text-align:left;
	border-right-style:solid;	
	border-right-color:#b4dcf5;
	border-right-width:thin;
	padding:4px 0 4px 6px;
}
.tabel-tengah01, .tabel-tengah02{
	width:29%;
	text-align:left;
	border-right-style:solid;	
	border-right-color:#b4dcf5;
	border-right-width:thin;
	padding:4px 0 4px 6px;
}
.tabel-kanan01, .tabel-kanan02{
	width:63%;
	text-align:left;
	padding:4px 0 4px 6px;
}
.sub-tabel01, .sub-tabel02, .sub-tabel03{
	font:normal 15px/20px "Arial", Arial, Helvetica, sans-serif;
	color:#206981;
	text-align:center;
	padding:4px 0 4px 0;
	position:relative;
	float:left;
	background-color:#b4dcf5;
}
.sumber{
	width:195px;
	font:italic 10px/15px "Arial", Arial, Helvetica, sans-serif;
	color:#999;
	text-align:left;
	padding:10px 0 10px 6px;
	background-color:none;
	position:relative;
	float:left;
}
/*------------------------------------------------footer--------------------*/
#footer{
	height:91px;
	background:url(images/bek-tom.jpg) 0 0 repeat-x;
	position:relative;
	float: none;
	padding:0 0 0 0;
	margin:0 auto 0 auto;
}
.foot-menu{
	width:700px;
	position:relative;
	float: left;
	padding:15px 0 0 0;
	margin:0 auto 0 auto;
}
.foot-menu ul{
	width:500px;
	height:23px;
	position:relative;
	float:left;
	padding:3px 0 0 17px;
	margin:0 auto 0 auto;
}
.foot-menu ul li{
	float:left;
	padding:0 0 0 0;
}
.foot-menu ul li a{
	padding:6px 12px;
	font:normal 12px/27px "Arial", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
.foot-menu ul li a.hover{
	color:#ffff99;
	font:bold 12px/27px "Arial", Arial, Helvetica, sans-serif;
	background-color:inherit;
	text-decoration:none;
}
.foot-menu ul li a:hover{
	font:bold 12px/27px "Arial", Arial, Helvetica, sans-serif;
	color:#ffff99;
	background-color:inherit;
}
.teksfooter{
	width:700px;
	position:relative;
	float:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding:10px 0 0 28px;
}
.copyright{
	font:normal 10px/14px "Arial", Arial, Helvetica, sans-serif;
	color:#fff;	
}

/*----------------- table -----------------*/

.paragraf{
text-align:center;
}
table, th, td {
	/*border: 1px solid #F3F3F3;*/
	border-collapse: collapse;
	font:normal 12px/14px "Arial", Arial, Helvetica, sans-serif; /* font-family: "Trebuchet MS", Arial, sans-serif;*/
	color: #000;
}

caption {
	font-size: 150%;
	font-weight: bold;
	margin: 5px;
}

td, th {
}

thead th {
	text-align: center;
	background:#999999;
	color: #FFF;
	font-weight: bold;
	font-size: 13px !important; /*font-size: 100% !important;*/
}

tbody th {
	font-weight: bold;
}

/*tbody tr { background: #FBFBFB; } */

/*tbody tr.odd { background:#F3F3F3; } */

tbody tr:hover,
tbody tr th:hover{
 /*   background-color:#FFFFCC;   */
	color:#000;
}

table a:link {
	color: #000;
	text-decoration: none;
}

table a:visited {
	color: #000;
	text-decoration: none;
}

table a:hover {
/*	color: #718ABE;*/
	text-decoration: underline !important;
}

tfoot th, tfoot td {
	font-size: 85%;
}