body{
background-color:#b4d5f1;
margin:1;
padding:1;
font-family:arial,sans-serif;
font-size:0.8em;
}

.formulir {
	font-family: Verdana; font-size: 10pt; border:0;
	background-color:#; color: #000000; text-decoration: none; }
	.formulir tr {font-family: Verdana;}
	.formulir td {font-family: Verdana;}
	.formulir div {font-family: Verdana;text-align:right;}

.formuliranggota {
	background-image:url('images/anggota.png');
	background-repeat:no-repeat;
	background-position:top left;
	font-family: Verdana; font-size: 10pt; border:0;
	background-color:#; color: #000000; text-decoration: none; }
	.formulir tr {font-family: Verdana;}
	.formulir td {font-family: Verdana;}
	.formulir div {font-family: Verdana;text-align:right;}
	
.formulirpustaka{
	background-image:url('images/buku.png');
	background-repeat:no-repeat;
	background-position:top left;
	font-family: Verdana; font-size: 10pt; border:0;
	background-color:#; color: #000000; text-decoration: none; }
	.formulir tr {font-family: Verdana;}
	.formulir td {font-family: Verdana;}
	.formulir div {font-family: Verdana;text-align:right;}
	
.formulirpengaturan{
	background-image:url('images/pengaturan.png');
	background-repeat:no-repeat;
	background-position:top left;
	font-family: Verdana; font-size: 10pt; border:0;
	background-color:#; color: #000000; text-decoration: none; }
	.formulir tr {font-family: Verdana;}
	.formulir td {font-family: Verdana;}
	.formulir div {font-family: Verdana;text-align:right;}
	
.formulirinfo{
	background-image:url('images/info.png');
	background-repeat:no-repeat;
	background-position:top left;
	font-family: Verdana; font-size: 10pt; border:0;
	background-color:#; color: #000000; text-decoration: none; }
	.formulir tr {font-family: Verdana;}
	.formulir td {font-family: Verdana;}
	.formulir div {font-family: Verdana;text-align:right;}
	
.formulirtelusur{
	background-image:url('images/telusur.png');
	background-repeat:no-repeat;
	background-position:top left;
	font-family: Verdana; font-size: 10pt; border:0;
	background-color:#; color: #000000; text-decoration: none; }
	.formulir tr {font-family: Verdana;}
	.formulir td {font-family: Verdana;}
	.formulir div {font-family: Verdana;text-align:right;}

.formulirsurat{
	background-image:url('images/surat.png');
	background-repeat:no-repeat;
	background-position:top left;
	font-family: Verdana; font-size: 10pt; border:0;
	background-color:#; color: #000000; text-decoration: none; }
	.formulir tr {font-family: Verdana;}
	.formulir td {font-family: Verdana;}
	.formulir div {font-family: Verdana;text-align:right;}
	
.formulirlaporan{
	background-image:url('images/laporan.png');
	background-repeat:no-repeat;
	background-position:top left;
	font-family: Verdana; font-size: 10pt; border:0;
	background-color:#; color: #000000; text-decoration: none; }
	.formulir tr {font-family: Verdana;}
	.formulir td {font-family: Verdana;}
	.formulir div {font-family: Verdana;text-align:right;}
	
.formuliroperator{
	background-image:url('images/operator.png');
	background-repeat:no-repeat;
	background-position:top left;
	font-family: Verdana; font-size: 10pt; border:0;
	background-color:#; color: #000000; text-decoration: none; }
	.formulir tr {font-family: Verdana;}
	.formulir td {font-family: Verdana;}
	.formulir div {font-family: Verdana;text-align:right;}

	
.judul_header {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1.2 em;
	width:80%;
	border-bottom:2px solid #ffcc33;
	font-weight:bold;
}

.menu_atas { font-size: 8pt;  color: #002288; text-decoration: none;}
.menu_atas_aktif { font-size: 8pt;  color: #000000; text-decoration: none;}
.menu_atas_nonaktif { font-size: 8pt;  color: #446688; text-decoration: none;}
	.menu_atas_nonaktif:hover { font-size: 8pt; color: #446688; font-weight: bolder;text-decoration: none;}

.link_label {font-family: Verdana;font-size:7pt;color:#ffff00;}
.link_label:hover {font-family: Verdana;color:#ffff00;}
.link_label:visited {font-family: Verdana;color:#ffff00;}

.login {
	font-size:9pt;
}


.tr_judul_tabel {
	height:33px;
	background:url('images/4.gif');
	border:1px solid #333333;
	color:#333333;
	border-bottom:2px double #333333;
	font-size:0.9em;
	font-weight:bold;
	text-align:center;
	color:#000000;

}
.td_judul_tabel {
	color:#000000;
	
}
.td_judul_tabel td a{
	color:#ffffff;
}
.td_judul_tabel td a:hover{
	color:#ffffff;
}
.td_judul_tabel td a:visited{
	color:#ffffff;
}

	.tr_isi_tabel_genap {
	background-color:#DDDDDD;
	font-size:10pt;
	}
	
	.tr_isi_tabel_ganjil {
	background-color:#EEEEEE;
	font-size:10pt;
	}


a{
text-decoration:none;
color:#660000;
}
a:visited {
text-decoration:none;
color:#660000;
}
a:hover {
text-decoration:underline;
}

#upmost{
 height:auto;
 width:auto;
 background:url('images/up.gif') repeat-x;
 background-position:bottom;
  }
  
#upmost-left {
 padding:0px;
 margin:0px;
	float:left;
	height: 5px;
	width: 12px;
	background-image:url('images/up-left.gif');
	background-repeat:no-repeat;
	background-position:bottom left;
}


 
 #upmost-right{
  padding:0px;
 margin:0px;
 float:right;
 height:5px;
 width:16px;
 background-image:url('images/up-right.gif');
 background-repeat:no-repeat;
 background-position:bottom;
 }
 
#downmost{
 height:14px;
 background-image:url('images/down.gif');
 background-repeat:repeat-x;
 }
#downmost-left{
  float:left;
width:14px;
height:14px;
background-image:url('images/down-left.gif');
background-repeat:no-repeat;
 }
 
 #downmost-right{
  float:right;
 width:17px;
 height:14px;
 background-image:url('images/down-right.gif');
 background-repeat:no-repeat;
 }

 
#middle{
background-color:#fafbbb;
}
  #middle-leftmost{
  width:17px;
  float:left;
  background-image:url('images/left.gif');
  background-repeat:repeat-y;
  
  }

 #middle-content{
  float:left;
  width:auto;
  }
#middle-rightmost{
width:17px;
 float:right;
 background-image:url('images/right.gif');background-repeat:repeat-y;} 

 td#header-up{
 width:auto;
 height:8px;
 background:#b4d5f1;
 }
 
 div#versi{
 font:Geneva, Helvetica, sans-serif;
 font-size:10px;
 font-weight:bold;
 color:#666666;
 text-align:right;
 }
 
td#header-title  {
 vertical-align: middle;
 text-align:left;
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 color:#028bff;
 padding-bottom:0.4em;
  }
 
 #header-img-left{
 vertical-align: middle;
width:122px;
height:78px;
}
 
 #header-img-right{
background-position:bottom right;
width:340px;
height:78px;
 }
 
 td#header{
background:#FFFFFF;

 }
 
td#searchbox{
width:100%;
height:26px;
background:#6699CC;
color:#CCCCCC;
font-size:11px;
text-align:right;
padding-right:0.8em;
}

td#searchbox input {
border: 1px solid #FFFFFF ;
background-color:#CCCCCC;
height:1.8em;
font-size:0.9em;
vertical-align:middle;
font-family:arial, sans-serif, serif;
}

td#searchbox select {
border: 1px solid #FFFFFF ;
background-color:#CCCCCC;
height:1.8em;
font-size:0.9em;
vertical-align:middle;
font-family:arial, sans-serif, serif;
}


td#menubar{ 
background-image:url(images/fond.gif);
width:auto;
border-bottom:0px solid #DDDDDD;
padding-left:0em;
}
	#menubar a{
	width:80px;
	height:33px;
	color:#333333;
	text-decoration:none;
	background-image:url('images/4.gif');
	}
	#menubar a:hover {
	width:80px;
	height:33px;
	color:#000000;
	text-transform: uppercase;
	font-size: smaller;
	font-weight: bold;
	background-image:url('images/4.gif');
	}
	#menubar_item{
	width:80px;
	height:33px;	
	text-align:center;
	font-size:11px;
	line-height:20px;
	vertical-align:bottom;
	float:left;
	border-left:0px solid #666666;
	border-right:0px solid #666666;
	border-top:1px solid #666666;
	color:#333333;
	background-image:url('images/4.gif');
	}
	
	#menubar_item_active{
	width:80px;
	height:33px;	
	text-align:center;
	font-size:13px;
	line-height:20px;
	vertical-align:bottom;
	float:left;
	background:#fbe0ab;
	border-bottom:#DDDDDD;
	border-top:1px solid #666666;
	color:#FF3300;
	background-image:url('images/4.gif');
	}
#leftmenu_td{

paddingt:12px;
margin:5px;
text-align:right;
}
 #leftmenu{
clear:both;
padding:2px;
font-family:Arial, sans-serif, serif;
border-top:3px solid #FFCC66;
border-left:3px solid #FFCC66;
border-bottom:3px solid #FFCC66;
border-right:1px solid #FFCC66;
vertical-align:top;
width:100%;
text-align:left;
float:right;
right:0;
position:relative;
z-index:2;
}	
	
	#leftmenu p{
	font-size:0.8em;
	padding-left:1em;
	text-align:right;
	}
	
	#leftmenu input{
	border:1px solid #999999;
	}
	
	#menu_title{
		width:inherit;
		font: bold 13px/1em Geneva, Arial, Helvetica, sans-serif;
		padding:0.5em;
		text-align:center;
		float:right;
		position:relative;
		right:0;
		width:100%;
		}
		
	#menu_title	input{
	border:1px solid #999999;}
		
	#menu_item {
	
	margin:0;
	font:bold 15px Geneva, Arial, Helvetica, sans-serif; 
	padding:0 0 0 0;
	}
	
	#menu_item ul{
	list-style:none;
	padding:0;
	margin:0;
	text-align:left;
	float:left;
	position:relative;
	width:100%;
	}		
	
	#menu_item ul li{
	text-align:left;
	margin:0 1 1 0;
	width:100%;
	}
	#menu_item  ul li a{
	display: block;
	padding:3 0 0 0;
	height:15px;
	color:#000000;
	font: bold 0.75em Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:left;
	border-bottom:1px solid #7B8EAE;
	width:100%;
	}

	

	#menu_item  ul li a:hover{
	padding:3 0 0 0;
	height:15px;	
	color:#FF3300;
	}
 
 
 td#maincontent{
 width:100%; 
 font-family:arial, sans-serif;
 font-size:0.8em;
 padding: 1em 1em 1em 1em;
 border-left:3px solid #DDDDDD;
 }
 	#maincontent h1{
	font-size:1.2 em;
	width:80%;
	border-bottom:2px solid #ffcc33;
	}
 
 	#maincontent p{
	text-align:justify;
	text-align-last:left;
	text-indent:2em;
	font-size:inherit;
	}
	
	#maincontent input{
		background-color:#eeeeee;
		border:1px solid #999999;
	}

	#maincontent select {
		background-color:#eeeeee;
		border:1px solid #999999;
		
	}
	#maincontent textarea {
		background-color:#eeeeee;
		border:1px solid #999999;
	}

	#maincontent a{
	text-decoration:none;
	color:#336699;
	font-weight:bold;
	}
	#maincontent a:visited {
	color:#336699;}
	#maincontent a:hover{
	text-decoration:underline;
	}
	#maincontent table{
	border:0px solid #999999;
	}
	#maincontent table tr td{
	border:0px solid #999999;
	font-size:0.8em;
	padding:2px 2px 2px 2px ;
	
	}
	#table_title {
	height:auto;
	background-color:#FF9900;
	border:1px solid #333333;
	color:#333333;
	border-bottom:2px double #333333;
	font-size:0.9em;
	font-weight:bold;
	text-align:center;
	padding:0.5em;
	}
		#table_title a:link, a:active, a:visited {
		color:#333333;
		font-weight:bold;
		}
		#table_title a:hover {
		color:#333333;
		text-decoration:underline;
		}
	
	#table_odd {
	background-color:#DDDDDD;
	font-size:0.9em;
	}
	
	#table_even {
	background-color:#EEEEEE;
	font-size:0.9em;
	}
	
 td#footer{
 height:2px;
 background-color:#b4d5f1;
 border-top:2px solid #999999;
 }

 #copyright {
 font-family:arial,sans-serif;
 font-size:9px;
 font-weight:bold;
 float:right;
 padding-right:10px;
 }