body {
margin : 0 0 0 0;
padding : 0 0 0 0;
width : auto; 
	color: #000321;
	font-size-adjust: 0.51;
        scrollbar-face-color: #ffffff;
        scrollbar-highlight-color: #6F9AD4;
        scrollbar-shadow-color: #6F9AD4;
        scrollbar-3dlight-color: #ffffff;
        scrollbar-arrow-color: #6F9AD4;
        scrollbar-track-color: #ffffff;
        scrollbar-darkshadow-color: #ffffff;
        scrollbar-base-color: #ffffff;
}

.calendarku {      
  font-family      : Verdana, Trebuchet MS, Arial, Helvetica;
  font-size        : 12px;
  font-weight      : bold;  
  width			   : 20px;	
  height		   : 21px;
  background       : url(home/gambar/calendar.gif) no-repeat ;
  cursor		   : pointer ;
  border           : #6B8F6B 0px solid;
}

/* form elements */
form {
	margin:10px 15px; padding: 0;
	border: 1px solid #EAEAEA; 
	background-color: #FAFAFA; 
}


.konfirmasi{
	border:2px double #3366FF;
	height: 60px;
	background-color:#FFFFCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000 ;
	text-decoration:none;
}

.teks{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
}



.info{
	border:2px double #3366FF;
	height: 40px;
	background-color:#FFFFCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000 ;
	text-decoration:none;
}

.kiri {
	background-color: #F6F6F6;	
		border: 1px solid #EAEAEA; 

}



/* box */
.box {
	margin: 10px 0;	
	padding: 10px 10px 20px 10px;		
	border: 5px solid #1F8ADE;
	background: url(home/gambar/boxbg.jpg);		
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: center;
  display: block;
  overflow: auto;  
  	font: bold 1.3em/1.5em 'Trebuchet MS', Sans-serif;   
  /* white-space: pre; */   
  background: #FCFCF9;
  color: #66CC00;
  border: 1px solid #EFEFEF;
}

/* alignment classes */

img.float-left {
  margin: 5px 15px 5px 0px;
}

.float-left  { float: left; }
.float-right { float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }




a:link
{
color:blue;
text-decoration:none;
}
a:visited
{
color:blue;
text-decoration:none;
}
a:hover
{
color:red;
text-decoration:underline;
}

a.kelas:link,a.kelas:visited,a.kelas:active {
  font-size : 8pt;
  font-family : Tahoma, Verdana;
  padding:1px;
}

a.kelas:hover{
  color            : #FFF;
  font-family : Tahoma, Verdana;
  font-size        : 14px;
  text-decoration  : none;
  font-weight      : bold;
  background-color : #FF3333;
  padding:1px;  
  border:1px solid #FFFFFF;
}

label.aktif{
  color            : #FFF;
  font-family : Tahoma, Verdana;
  font-size        : 16px;
  text-decoration  : none;
  font-weight      : bold;
  background-color : #23810C;
  padding:1px;  
  border:1px solid #FFFFFF;
}
.konten
{
font-family : Tahoma, Verdana;
font-size : 8pt;
font-weight : normal;
}
select
{
font-family : Tahoma, Verdana;
font-size : 8pt;
font-weight : normal;
}
td,body
{
font-family : Tahoma, Verdana;
font-size : 8pt;
font-weight : normal;
}

.katajudul
{
background : #FFFFFF;
}
.judul
{
font-family : Tahoma, Verdana;
font-size : 12pt;
font-weight : bold;
}

legend
{
font-family : Verdana, 'Trebuchet MS', arial, sans-serif;
color: #114204;
font-size: 17pt;	
font-weight : bold;
}

legend1
{
font-family : Verdana, 'Trebuchet MS', arial, sans-serif;
color: #114204;
font-size: 17pt;	
font-weight : bold;
}

textarea
{
font-family : Tahoma, Verdana;
font-size : 8pt;
font-weight : bold;
}


input
{
font-family : Tahoma, Verdana;
font-size : 8pt;
font-weight : bold;
}



select
{
font-family : Tahoma, Verdana;
font-size : 8pt;
font-weight : bold;
}

.button {
  font-family : Tahoma, Verdana;
  font-size : 8pt;
  color            : #FFFFFF;
  background       : #23810C;
	border-top       : 1px solid #9F9F9F;
	border-bottom    : 1px solid #727272;
	border-left      : 1px solid #9F9F9F;
	border-right     : 1px solid #727272;
  padding-left	   : 2px;
  height		   : 20px;
}

.tr_isi_tabel_genap {font-family: Verdana; font-size: 8pt; 
background: #eeeeff; 
color: #000000; text-decoration: none;}
.tr_isi_tabel_ganjil {font-family: Verdana; font-size: 8pt; 
background: #cceeff; 
color: #000000; text-decoration: none;}

#nav1 ul {	width:auto; padding: 25px 1px 3px 1px; margin: 0; list-style-type: none; color: #000; font: bold 8px Arial,Trebuchet MS, helvetica, sans-serif; background: #E6EAF9 left top no-repeat;border: 0px; }
#nav1 li { display: inline; margin-left: 0px;}
#nav1 li a { text-decoration: none; border-bottom: none; color: #000000; padding: 23px 1px 2px 1px; border: 1px solid #FBFAF4; font: bold 9px  helvetica,Arial,Trebuchet MS, sans-serif;}
#nav1 li#active a#grafik { background: url(home/gambar/excel.gif) no-repeat top center; }
#nav1 li#active a#print { background: url(home/gambar/print-medium.gif) no-repeat top center; }
#nav1 li#active a#print:hover,#nav1 li#active a#stat:hover,
#nav1 li#active a#grafik:hover,#nav1 li#active a#stat:hover,

