tbody.kdi
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

table.kdi
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

a.kdi
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: blue;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline
}

hr.kdi
{
    COLOR: #0072bc
}

th.kategori {
	font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none ; font-size: 12px; padding: 5px
}

td.kategori {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #000000; text-align: justify; padding-right: 10px; padding-left: 10px
}

td.head {
	font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #000000; text-align: left; padding-left: 10px
}

td.padd10 {
	padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px
}

td.padd5 {
	padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #000000
}

td.menu {
	padding-left: 5px; padding-top: 20px
}

td.goto {
	font-family: Arial, Helvetica, sans-serif; ; font-weight: bold; font-size: 12px; text-align: center
}

tr.kontak {
	 font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #000000
}

td.keramik { 
	font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; font-size: 12px; padding-left: 10px; padding-right: 10px
}

a.menu:active {
	font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 14px; font-weight: bold; color: #000000
}

a.menu:hover {
	font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 14px; font-weight: bold; color: #000000
}

a.menu:link { 
	font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 14px; font-weight: bold; color: #666666
}

a.menu:visited {
	font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 14px; font-weight: bold; color: #666666
}

a.keramik:hover {
	font-family: Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 12px; font-weight: bold; color: #000000
}

a.keramik:link { 
	font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12px; font-weight: bold; color: #000000
}

a.keramik:visited {
	font-family: Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 12px; font-weight: bold; color: #000000
}

td.isi {
	height: 20px; vertical-align: middle; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000

}
a.isi:hover {
	font-family: Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 12px; font-weight: bold; color: #000099
}

a.isi:link { 
	font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12px; font-weight: bold; color: #990000
}

a.isi:visited {
	font-family: Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 12px; font-weight: bold; color: #999999
}

td.gotop {
	text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #990000; text-decoration: none
}

a.gotop:hover {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #990000; text-decoration: none
}

a.gotop:link {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF0000; text-decoration: none
}

a.gotop:visited {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #990000; text-decoration: none
}

.datetime {
	font-family: Arial, Helvetica, sans-serif; color: ##9999CC; text-decoration: none ; text-align: right; font-size: 10px; padding-right: 20px
}

h1.judul { 
	font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: bold; color: #000000; text-align: center
}

.header {
	font: bold 12px Arial, Verdana, Helvetica, sans-serif; text-align: center
}

.subhead {
	font-weight: bold; font-size: 12px  
}

.list {
	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: none  
}

.forms {
	font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif 
}

.dropdown {
	position: absolute; color:black; width:120px; height:10px; border: #9999CC; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; background-color: #FFFFFF; layer-background-color: #000000; z-index:1; visibility: hidden ;
}

.drophead {
	color:#333333; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-transform: capitalize; color: #000000; text-align: left 
}

.dropitem { 
	text-decoration:none; color:black; font: 12px Arial, Verdana, Helvetica, sans-serif;
}

.drophead:hover {
	color:black; text-decoration:none 
}

.dropitem:hover {
	color:black; font: bold 
}

BODY{
	scrollbar-face-color:lightgrey;
	scrollbar-arrow-color:white;
	scrollbar-track-color:white;
	scrollbar-shadow-color:white;
	scrollbar-highlight-color:lightgrey;
	scrollbar-3dlight-color:white;
	scrollbar-darkshadow-Color:white;
}

td.padd20 { 
	padding-top: 20px; padding-bottom: 10px; text-align: center; vertical-align: middle
}

td.gambar {
	height: 250px; width: 250px; text-align: center; vertical-align: top
}

.header3 {
	font: bold 16px Arial, Verdana, Helvetica, sans-serif; color: #990000
}

p.keramik { 
	font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; font-size: 14px
}