BODY,P,TD,H1,H2,H3 { font-family: verdana, tahoma, arial; font-size: 11px; line-height: 12pt  }

H1,H2,H3 { 
	font-weight: 400;
	font-family: 'Oswald', sans-serif;	
} 

H1 { color: #772b2f ; font-size: 24pt ; line-height: 18pt }
H2 { color: #772b2f ; font-size: 18pt ; line-height: 15pt  }
H3 { color: #3b5959 ; font-size: 14pt ; line-height: 13pt  }

a {text-decoration: underline }
a:link    { color: red     }
a:visited { color: #751208 }
a:active  { color: #FF6656 }
a:hover   { color: #FF6656 }

.kecil {font-size: 9px; line-height: 9px; color: #AAAAAA}
.lisensi {font-size: 7px; line-height: 8px; }
.shipment {font-size: 8px; line-height: 9px; color: #000000}
.discontinued {font-weight:bold; color:red;}
.production {font-weight:bold; color:blue;}


.bawah {font-size: 13px; font-weight: bold; color: white}
a.bawah {font-size: 13px; font-weight: bold}
a.bawah:link    { text-decoration: none;      color: white }
a.bawah:visited { text-decoration: none;      color: white }
a.bawah:active  { text-decoration: none;      color: white }
a.bawah:hover   { text-decoration: none; color: #FFFFCC }

a.forum {text-decoration: underline }
a.forum:link    { color: #000000     }
a.forum:visited { color: #000000 }
a.forum:active  { color: #FF6656 }
a.forum:hover   { color: #FF6656 }

a.penting {text-decoration: none }
a.penting:link    { color: #FF0000     }
a.penting:visited { color: #FF0000 }
a.penting:active  { color: #000000 }
a.penting:hover   { color: #000000 }

a.ijo {text-decoration: none }
a.ijo:link    { color: #008040     }
a.ijo:visited { color: #008040 }
a.ijo:active  { color: #008040 }
a.ijo:hover   { color: #000000 }

.cr {font-size: 10px; color: white}
hr { color: #CCCCCC; height:1px }

.inputpesan2 {
	background-color:#ffffff;
	border: 1px solid #EAE7E5;
	font-family: Verdana, Arial, MS Sans serif;
	font-size: 10px;
	color: #000000;
	
}

.inputpesan3 {
	background-color:#ffffff;
	border: 1px solid #EAE7E5;
	font-family: Verdana, Arial, MS Sans serif;
	font-size: 11px;
	height: 18px;
	color: #000000;
	
}

.inputpesan4 {
	background-color:#ffffff;
	border: 1px solid #373737;
	font-family: Verdana, Arial, MS Sans serif;
	font-size: 10px;
	color: #000000;
	
}

.inputPutih {
	background-color:#ffffff;
	border: 1px solid #ffffff;
	font-family: Verdana, Arial, MS Sans serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	
}

.tombol_cari
{
	font-family: Verdana, Tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	border: 1px solid #7E7969;
	background-color: #7b6069;
	height: 22px;
		
}

.tombol
{
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	border: 1px solid #7E7969;
	background-color: #7b6069;
	height: 22px;
	width: 70px;	
}

.tombol2
{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	border: 1px solid #7E7969;
	background-color: #C0C0C0;
	height: 17px;
}

.tombol3
{
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	border: 1px solid #7E7969;
	background-color: #7b6069;
	height: 22px;
	width: 60px;	
}

.tombol4
{
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	border: 1px solid #7E7969;
	background-color: #7b6069;
	height: 22px;
	width: 100px;	
}

.kotakinvoice1
{
	border: 1px solid #E2E2E2;
	padding: 2px;
}

.suspend 
{
	background-color: #C8C8C8;
	color: #000000;
}

.habis 
{
	background-color: #FFCCCC;
	color: #000000;
}

.nosuspend 
{
	background-color: #FFFFFF;
	color: #000000;
}

.done 
{
	background-color: #C8C8C8;
	color: #969696;
}

.new 
{
	background-color: #FFCCCC;
	color: #FF0000;
}

.price
{
	background-color: #FFFFCC;
	color: #000000;
}

.judul 
{
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}

.suspend:link    { text-decoration: none;      color: #969696 }
.suspend:visited { text-decoration: none;      color: #969696 }
.suspend:active  { text-decoration: none;      color: #969696 }
.suspend:hover   { text-decoration: none; color: #000000 }

li:hover {background: #FFFFDD; border: 0px solid #E8E8E8;}


.gambar
{
	border: 1px solid #000000;
}

.layanan_box
{
	border: 1px solid #4B4B4B;
}

.layanan_header
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	border-bottom: 3px solid #CAC8BF;
}

.layanan_header2
{
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
}

.layanan_fontkecil
{
	font-family: Verdana;
	font-size: 10px;
}

.layanan_fontkecil2
{
	font-family: Arial;
	font-size: 9px;
	color: #000000;
}

.hapus
{
	background-color: #FFD7D7;
	color: #FFAEAE;
}

.hapus:link    { text-decoration: none;      color: #FFAEAE }
.hapus:visited { text-decoration: none;      color: #FFAEAE }
.hapus:active  { text-decoration: none;      color: #FFAEAE }
.hapus:hover   { text-decoration: none; color: #000000 }

.loading {
	display:none;}
.tooltip {
	position:relative;}
.frm, .frm2 {
	z-index:50;
	position:absolute;
	left: -400px;
	width:400px;
	background:#EEEEEE;
	display:none;}
.frm {
	top: 0px;}
.frm2 {
	top: -12px;}
	
#kotak_perbaikan {
	display:none;}
	
.border {border: thin black solid; border-collapse: collapse;}
.border_abu {border: thin #cccccc solid; border-collapse: collapse;}

.spek2 {
background-color: #ffffff;
border-bottom-style: dotted; 
border-bottom-color: #AAAAAA; 
border-bottom-width: 1px; 
}

.spek1 {
background-color: #eeeeee;
border-bottom-style: dotted; 
border-bottom-color: #AAAAAA; 
border-bottom-width: 1px; 
}

.spekbeda {
background-color: #ffeeee;
border-bottom-style: dotted; 
border-bottom-color: #AAAAAA; 
border-bottom-width: 1px; 
}

a.pg {
	text-decoration: none; 
	color: #000;
}

.pg_normal{
	background: #ffffff; 
	text-decoration: none; 
	color: #f00;
	margin:1px;
	padding:3px;
	border: 1px solid #dddddd;
}

.pg_self{
	background: #000; 
	text-decoration: none; 
	color: #fff;
	margin:1px;
	padding:3px;
	border: 1px solid #dddddd;
}

.pg_disabled{
	background: #ffffff; 
	text-decoration: none; 
	color: #bbbbbb;
	margin:1px;
	padding:3px;
	border: 1px solid #dddddd;
}

.pg_dot{
	//background: #ffffff; 
	text-decoration: none; 
	color: #aaaaaa;
	margin:1px;
	padding:3px;
	//border: 1px solid #dddddd;
}