body{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

a {
	/* global property for all hyperlink */
	font-weight:bold;
	text-decoration: none;
	color:#000000;
	
}

a:hover {
	/* global property for all hyperlink */
	text-decoration:underline;
	color:#ff0000;
}



.button3d:hover {
	/* 	NOTE semua yang pakai <a href> harus menggunakan <div class="button3d" style="float:left"> 
		kalau tidak pakai style float left/right maka tombol tsb akan selebar <td> nya */
	font-weight:bold;
	background: #FFCC00;
	border: 5px inset #FF9900;
	padding: 3px 5px 3px 5px;
}
.button3d {
	/* 	NOTE semua yang pakai <a href> harus menggunakan <div class="button3d" style="float:left"> 
		kalau tidak pakai style float left/right maka tombol tsb akan selebar <td> nya */
	font-weight:bold;	
	background: #FFCC00;
	border: 5px ridge #FF9900;
	padding: 3px 5px 3px 5px;
}

/*
.letterInBox {
	float:left;
	font-size: 14px;
	font-weight:bold;
	padding: 3px 5px 3px 5px; /* agar huruf berapa di tengah2, jadi "kelihatan" jarak atas-kanan-bawah-kiri sama semua di "mata" * /
	background: #FFCC00;
	border: 3px outset #FFCC00;
	margin: 2px;	/* agar tidak menempel objek bagian luar lainnya * /
}
*/

.letterInBox {
	color:#FF0000;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	padding: 0;
	margin: 0 1px 0 0;
	border-bottom:3px solid #FF0000;
}

.created_by {
	color:#FF9900;
}

.created_by:hover {
	color:#FFCC00;
	text-decoration:none;
}

.glossary_list ol li {
	padding-bottom:10px;
}

.textBlackAndBold{
	color:#000000;
	font-weight:bold;
}

.textBlack {
	color:#000000;
}

.textWhite {
	color: #FFFFFF;
}

.textHijau{
	color:#006600;
}
.textHijau:hover{
	color:#006600;
}

.textMerah {
	color:#990000;
}
.textMerah:hover {
	color:#990000;
}

.tdType{
	border-width:thin;
	border-collapse:collapse;
	border-style:solid;
	border-color:#000000;
}

.vendorLinkColor {
	color:#000000;	
}

.vendorLinkColor:hover {
	color:#FFFFFF;
}

.tdGreenBottomLine {
	border-collapse:collapse;
	border-width:thin;
	border-bottom-color:#00CC66;
	border-bottom-style:solid;
	border-bottom-width:5px;
}

.tdBlueBottomLine {
	border-collapse:collapse;
	border-width:thin;
	border-bottom-color:#0066CC;
	border-bottom-style:solid;
	border-bottom-width:5px;
}

.tdRedBottomLine {
	border-collapse:collapse;
	border-width:thin;
	border-bottom-color:#FF6600;
	border-bottom-style:solid;
	border-bottom-width:5px;
}

.tdBlackBottomLine {
	border-bottom:1px solid #000000;
}

.trOrangeAndBlackUnderline{
	/*
	border-collapse:collapse;
	border-width:thin;
	*/
	
	border-bottom-color:#000000;
	border-bottom-style:solid;
	border-bottom-width:1px;
	background-color:#FFCC00;
}

.borderOrangeTua {
	background-color:#FF9900;
	border-width:1px;
	border-style:solid;
	border-color:#000000;
}

.borderOrangeMuda {
	background-color:#FFCC00;
	border-width:1px;
	border-style:solid;
	border-color:#000000;
}

.borderWhite {
	background-color:#FFFFFF;
	border-width:1px; /* thin; */
	border-style:solid;
	border-color:#000000;
}

.borderMerah {
	background-color:#FF0000;
	border-width:thin;
	border-style:solid;
	border-color:#000000;
}


#yellow_round_content_top {
	background: #FFCC00 url(../images/yellow_left_top.gif) left top no-repeat;
	margin:0;
	padding-left:15px;
}

#yellow_round_content_top span {
	background: #FFCC00 url(../images/yellow_right_top.gif) right top no-repeat;
	margin:0;
	padding-right:15px;
}

#yellow_round_content_bottom {
	background: #FFCC00 url(../images/yellow_left_bottom.gif) left bottom no-repeat;
	margin:0;
	padding-left:15px;
}

#yellow_round_content_bottom span {
	background: #FFCC00 url(../images/yellow_right_bottom.gif) right bottom no-repeat;
	margin:0;
	padding-right:15px;
}


#navigation a {
	color: #000000;
	background: #FFCC00 url(../images/yellow_left_top.gif) left top no-repeat;
	/*background: #FFCC00 url(../images/transparent_corner_top_left.gif) left top no-repeat; */
	text-decoration: none;
	padding-left: 10px;
}

#navigation a span
{
	/* karena dalam satu object hanya boleh satu background
	   maka kita pakai tambahan 'span' sebagai object untuk taruh image kanan */
	background: #FFCC00 url(../images/yellow_right_top.gif) right top no-repeat;
	padding-right: 10px;
}

#navigation a, #navigation a span
{
	display: block;
	float: left;
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span
{
	float: none;
}
/* End hide */

#navigation a:hover
{
	color: #fff;
	/*background: #781351 url(left-tab-hover.gif) left top no-repeat;*/
	background: #FF9900 url(../images/orange_left_top.gif) left top no-repeat;
	padding-left: 10px;
}

#navigation a:hover span
{
	background: #FF9900 url(../images/orange_right_top.gif) right top no-repeat;
	padding-right: 10px;
}


#dhtmltooltip{
	position: absolute;
	padding: 5px;
	background-color:#FFFFCC;/*:#00CCCC;*/
	
	border-width:thin;
	border: 1px;	
	border-color:#000000;/*:#0099CC;*/
	border-style:solid;	/* kasih border 3D supaya warnanya terlihat terpisah, takut background nya berwarna sama */
	
	color:#000000;/*:#3300CC;*/
	visibility: hidden;
	z-index:auto;
}


.berita_kategori {
	list-style-type:none;
	margin:0;
	padding-left:0px;
}

.berita_kategori li {
	border-bottom:1px solid #666666;
}

.berita_kategori a {
	color:#000000;
	padding-left: 5px;
	display:block; /* harus kasih display:block;, agar jika lebih dari 1 line tidak terlihat jelek */
}

.berita_kategori a:hover {
	color:#FFFFFF;
	display:block;
	background-color:#FF9900;

}

.list_brand {
	list-style-type:none;
	margin:0;
	padding:0;
}

.list_brand li{
	/* TIDAK boleh kasih warna background lagi, karena pada table nya sudah ada warna background
	   jika kasih background-color:#FFCC00; lagi MAKA browser display akan pecah */
	border-bottom:1px solid #000000;
}

.list_brand a:link, .list_brand a:visited, .list_brand a:active {
	text-decoration:none;
	color:#000000;
	display: block;
	padding-left:5px;
	/*text-align: left;*/
}

.list_brand a:hover{
	color:#FFFFFF;
	background-color:#FF9900;
}

.phone_amount{
	text-align:right;
	padding-right:5px;
	margin-top:-14px; /* font size height + 2 pixels */
	/*font-variant:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;*/
}

.kiri{
	text-align:left;
	padding-left:5px;
	/*margin-top:-14px; /* font size height + 2 pixels */
	/*font-variant:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;*/
}


#nav td
{
display: block;
text-decoration: none;
font-size:11px;
color: #333333;
padding: 5px 0;
width: 100%;
}

#nav td:hover
{
display: block;
text-decoration: none;
font-size:11px;
color: #333333;
padding: 5px 0;
width: 100%;
background-color:#00FF00;
}