body
{
    margin: 0px 0px 0px 0px; /* Atas, Kiri, Bawah, Kanan */
	padding: 0px 0px 0px 0px; /* Atas, Kiri, Bawah, Kanan */
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	Color:#000000;
	text-decoration:none;
}
	
.style8_grey {
	color:#CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	}
.style9_hitam {
	color:#000000; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;}
.style9_myFont {
	color: #007F9F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;}	
.style9_hijau {
	color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;}
		
.style9_putih {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;}			
.style9_hitamB {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;}
.style9_myFontB {
	color: #007F9F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;}					
.style9_hijauB {
	color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;}
.style9_meraB {
	color: #ff0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;}				
.style9_putiB {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;}	
.style9_kuningB {
	color: #ffff00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;}		
.style10_hitam {
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;}
.style10_hitam_bg {
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:#239aae;}
.style10_hitamB_bg {
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:#CCCCCC;}	
.style10_myFont {
	color: #007F9F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;}	
.style10_hijau {
	color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;}
.style10_biru {
	color: #0000ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;}	
.style10_putih {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;}	
.style10_merah {
	color: #ff0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;}						
.style10_hitamB {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;}
.style10_myFontB {
	color: #007F9F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;}					
.style10_hijauB {
	color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;}
.style10_biruB {
	color: #0000ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;}	
.style10_orenB {
	color: #ff6600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;}	
.style10_meraB {
	color: #ff0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;}				
.style10_putiB {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;}	
.style10_putiB_bg {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color:#0091B6;
	}		
.style10_kuningB {
	color: #ffff00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;}		
.style11_hitam {
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;}
.style11_myFont {
	color: #007F9F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;}	
.style11_hijau {
	color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;}
.style11_putih {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;}			
.style11_hitamB {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;}
.style11_myFontB {
	color: #007F9F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;}					
.style11_hijauB {
	color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;}
.style11_biruB {
	color: #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;}	
.style11_merah {
	color: #ff0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;}			
.style11_meraB {
	color: #ff0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;}			
.style11_orenB {
	color: #E78D03;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;}		
.style11_putiB {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;}	
.style11_putiB_bg {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background:url(../images/tabel-bg.png) repeat-x;}		
.style11_kuningB {
	color: #ffff00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;}		
.style12_hitam {
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;}
.style12_myFont {
	color: #007F9F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;}	
.style12_hijau {
	color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;}
.style12_putih {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;}			
.style12_hitamB {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;}
.style12_myFontB {
	color: #007F9F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;}					
.style12_hijauB {
	color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;}
.style12_merah {
	color: #ff0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;}			
.style12_meraB {
	color: #ff0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;}				
.style12_putiB {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;}	
.style12_putiB_bg {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background:url(../images/tabel-bg.png) repeat-x;
	}		
.style12_kuningB {
	color: #ffff00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;}		
.style12_grey {
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;}		
.style15_myFontB {
	color: #007F9F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;}			
.style15_orenB {
	color: #ff6600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;}	
.style15_meraB {
	color: #ff0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;}		
.style15_meraX {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	background-color:#ff6600;
	}		
		
.style15_hitamB {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;}
.style15_hijauB {
	color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	}									


#edit_hv a:link, #edit_hv a:visited  {
display: block;
background: url(../images/edit.gif) top center;
width: 16px;
height: 16px;
}

#edit_hv a:hover {
background: url(../images/edit.gif) bottom center;
}

#hapus_hv a:link, #hapus_hv a:visited  {
display: block;
background: url(../images/hapus.png) top center;
width: 16px;
height: 16px;
}

#hapus_hv a:hover {
background: url(../images/hapus.png) bottom center;
}

#print_hv a:link, #print_hv a:visited  {
display: block;
background: url(../images/print.png) top center;
width: 32px;
height: 32px;
}

#print_hv a:hover {
background: url(../images/print.png) bottom center;
}


#cetak_y a:link, #cetak_y a:visited  {
display: block;
background: url(../images/cetak-y.png) top center;
width: 32px;
height: 32px;
}

#cetak_y a:activ {
background: url(../images/cetak-y.png) bottom center;
}

#cetak_y a:hover {
background: url(../images/cetak-y.png) bottom center;
}

#cetak_n a:link, #cetak_n a:visited  {
display: block;
background: url(../images/cetak-n.png) top center;
width: 32px;
height: 32px;
}

#cetak_n a:activ {
background: url(../images/cetak-n.png) bottom center;
}
#cetak_n a:hover {
background: url(../images/cetak-n.png) bottom center;
}

#cetak_x a:link, #cetak_x a:visited  {
display: block;
background: url(../images/cetak-x.png) top center;
width: 32px;
height: 32px;
}

#cetak_x a:hover {
background: url(../images/cetak-x.png) bottom center;
}
#cetak_x a:activ {
background: url(../images/cetak-x.png) bottom center;
}



#back_hv a:link, #back_hv a:visited  {
display: block;
background: url(../images/back.jpg) top center;
width: 32px;
height: 32px;
}

#back_hv a:hover {
background: url(../images/back.jpg) bottom center;
}

#add_hv a:link, #add_hv a:visited  {
display: block;
background: url(../images/add.jpg) top center;
width: 32px;
height: 32px;
}

#add_hv a:hover {
background: url(../images/add.jpg) bottom center;
}

#xls_hv a:link, #xls_hv a:visited  {
display: block;
background: url(../images/xls.png) top center;
width: 32px;
height: 32px;
}

#xls_hv a:hover {
background: url(../images/xls.png) bottom center;
}

#addmini_hv a:link, #addmini_hv a:visited  {
display: block;
background: url(../images/add.gif) top center;
width: 16px;
height: 16px;
}

#addmini_hv a:hover {
background: url(../images/add.gif) bottom center;
}			

#zebra-table {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	border-collapse: collapse;
	border-spacing: 0;
}

#zebra-table th {
	color: #F7E8E9;
	background-color:#000000;
}
#zebra-table td {
	background-color: #dddddd;
}

#zebra-table tr:nth-child(odd) td {
	background-color: #eeeeee;
}

/* Artikel New Look */
div.lister {padding:5px 24px 5px 5px; line-height:15px; border-bottom:1px solid #239aae; clear:both; overflow:hidden;}
.lister a {text-decoration:none; font-size:11px; color: #1D78B0;}
.lister a:hover {text-decoration:none; font-size:11px; color: #FF9900;}
div.lister .inner {width:1px; height:1x; margin-right:5px; font-size:10px; float:left; overflow:hidden;}
div.lister span.thumb {width:100px;height:100px; background:transparent url(../images/loading.gif) no-repeat center center; display:block; float:left; overflow:hidden;}
div.lister span.thumb img {height:100px; min-width:100px;}
div.lister strong {font-size:15px; color: #1D78B0; display:block; padding-bottom:1px; padding-top:5px;}
div.lister strong a {font-size:15px; color: #1D78B0; display:block; padding-bottom:1px; padding-top:5px;}
div.lister strong a:hover {font-size:15px; color: #FF9900; display:block; padding-bottom:1px; padding-top:5px;}
span.descript {margin:2px 0; color:#666666; }
span.descred {margin:2px 0; color:#FF0000; }	