body {
color: #4D4D4D;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height: 1.5em;
text-align: center;
background: #E6E6E6; 
/* url("img/bg_yellow.gif") repeat-x top left fixed */
}

a, a:visited {
	color: #005880;
	text-decoration: none;
}

a:hover {
	color: #FF6600;
	text-decoration: underline;
}



h1{
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.6em;
color: #006B95;
margin: 0 0 0 0;
padding-left: 0; 
}

h2 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.3em;
color: #007AAC;
margin: 15px;
}

h3 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #525454;
margin: 0px;
}

p {
margin: 0px 10px 5px 5px;
}
br, form {
margin: 0;
}

img {border:0}

fieldset {border: 1px solid #cccccc; padding:2px; margin:0;}
legend {
	font-family: sans-serif, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #505050;
	font-weight: bold;
	margin: 0;
	padding: 0;
	padding-right: 20px;
	padding-left: 5px;
	background: url(img/bullet.gif) #fff no-repeat;	
	background-position: right center;
}

legend.kiri {
	font-family: sans-serif, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #FF6600;
	font-weight: bold;
	margin: 0;
	padding: 0;
	padding-right: 5px;
	padding-left: 20px;
	background: url(img/bullet.gif) #fff no-repeat;	
	background-position: left center;
}

legend.produk {
	font-family: sans-serif, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #505050;
	font-weight: bold;
	margin: 0;
	padding: 0;
	padding-right: 5px;
	padding-left: 20px;
	margin-left: 5px;
	background: url(img/50.png) #fff no-repeat;	
	background-position: left center;
}

legend.iklan_baris {
	font-family: sans-serif, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #505050;
	font-weight: bold;
	margin: 0;
	padding: 0;
	padding-right: 5px;
	padding-left: 17px;
	margin-left: 5px;
	background: url(img/listing.gif) #fff no-repeat;	
	background-position: left center;
}


.hr { border-top: 1px solid #eee;}
.judul { color: #FF8800;}
.info_field { background-color: #EFF6FF; border-bottom: 1px solid #009900;}
.info_value { background-color: #EFF6FF; border-bottom: 1px solid #009900;}

#pusat {
width: 1000px;
text-align: left;
margin: 10px auto 0 auto;
padding: 0 !important;
line-height: 1.5em;
}

#isi {
background: url(img/back_container.jpg) #FFFFFF repeat-y;
}

#kepala {
height: 5px;
background: url(img/back_head.jpg) #006B95 no-repeat;
padding-top: 0;
padding-right: 10px;
margin: 0;
}

#kaki {
clear: both;
text-align: left;
background-image: url(img/back_foot.jpg);
background-repeat: no-repeat;
background-position: center bottom;
margin: 0;
padding: 0px 10px 7px 10px;
/* border-top: 1px solid #ccc; */
}

.top { vertical-align: top;}
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.box_banner_kiri {
	background: #fff;
	width: 180px;
	/* min-height: 340px; */
	padding: 0px; 
	border: 1px solid #cccccc; 
	font-size: 95%;
	text-align: center;
	vertical-align: center;
}

.box_kategori {
	/* background: #FFFBEF; */
	background: #fff;
	width: 180px;
	/* min-height: 515px; */
	padding: 0px; 
	border: 0px solid #cccccc; 
	font-size: 95%;
	text-align: left;
	vertical-align: center;
}

.box_banner_tengah {
	background: #fff;
	width: 601px;
	/* min-height: 80px; */
	padding: 0px; 
	border: 1px solid #cccccc; 
	font-size: 95%;
	text-align: center;
	vertical-align: center;
}

.box_iklanbaris {
	background: #fff;
	width: 601px;
	min-height: 80px;
	padding: 0px; 
	border: 1px solid #cccccc; 
	font-size: 95%;
	text-align: left;
	vertical-align: center;
}
.box_iklanbaris1 {
	background: #FFFDF0;
	min-height: 80px;
	padding: 0px; 
	border: 0px solid #cccccc; 
	font-size: 95%;
	text-align: left;
}
.box_iklanbaris2 {
	background: #F5F8FD;
	min-height: 80px;
	padding: 0px; 
	border: 0px solid #cccccc; 
	font-size: 95%;
	text-align: left;
}


.boxlogo {
	background: #fff;
	width: 180px;
	padding: 0; 
	padding-top: 0; 
	border: 0 solid #cccccc; 
	font-size: 95%;
	text-align: right;
	vertical-align: center;
}

.box_banner_kanan {
	background: #fff;
	width: 180px;
	/* min-height: 100px; */
	padding: 0px; 
	border: 1px solid #cccccc; 
	font-size: 95%;
	text-align: center;
	vertical-align: center;
}



.box_search {
	background: #FFFEB1 url("img/grad1.jpg") repeat-x;
	width: 601px;
	min-height: 50px;
	padding: 0;
	margin: 0;
	border: 1px solid #cccccc; 
	font-size: 95%;
	text-align: left;
}

* html .box1 .box2 .box3 .box4 .box5 .boxlogo {
  /* Fallback if no Javascript enabled */
  /* min-width & max-width width JS-Expressions */
  height: expression((document.documentElement && document.documentElement.clientHeight) ?
    (document.documentElement.clientWidth < 740) ? "740px" : (( document.documentElement.clientWidth > (80 * parseInt(document.documentElement.currentStyle.fontSize))) ? "80em" : "auto") :

    (document.body.clientWidth < 740) ? "740px" : (( document.body.clientWidth > (80 * parseInt(document.body.currentStyle.fontSize))) ? "80em" : "auto")
 );
}

#menu ul.menuz li {
	list-style: none;
	padding: 4px 0 4px 5px;
	margin: 0 2px;	
	color: #777;	
	border-bottom: 1px solid #D2E8F7; 
}
* html body #menu ul.menuz li {
	height: 1%;
}
#menu ul.menuz li a {
	text-decoration: none;	
	color: #1773BC;				
}
#menu ul.menuz li a:hover {	
	color: #333;
}
#menu ul.menuz ul { margin: 0 0 0 5px; padding: 0; }
#menu ul.menuz ul li { border: none; }



.spasi {
	margin: 0 10px 0 5px;
}

/*- Menu 5--------------------------- */

ul.bersih {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#menu5 {
	width: 180px;
	margin: 0px;
	}
	
#menu5 li a {
	height: 32px;
	/*
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	*/
  	height: 24px;
	text-decoration: none;
	font-weight: none;
	}	
	
#menu5 li a:link, #menu5 li a:visited {
	color: #2B54C4;
	display: block;
	/* background:  url(img/menu5.gif); */
	padding: 2px 1px 1px 3px;
	}
	
#menu5 li a:hover {
	color: #FF6600;
	background:  #FFF1D1;
	/* background:  url(img/menu5.gif) 0 -32px; */
	padding: 0px 0 0 2px;
	border: 1px solid #FF6600;
	border-top: 2px solid #FF6600;
	text-decoration: underline;
	}
#menu5 li a.current {
	background:  #DBE8EF;
}

.warning {
	color:#E5342B;
	background-color:#FCF2FA;
	border: 1px solid #E5342B;
	font-size: 13px;
	font-weight: bold;
	padding: 2px;
	text-align: center;
}
.good {
	color:#528925;
	background-color:#CAE6B3;
	border: 1px solid #528925;
	font-size: 13px;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}
.std {
	color:#254394;
	background-color:#E6F0FF;
	border: 1px solid #254394;
	font-size: 13px;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

#std_login {
	color:#000;
	/* background-color:#FFFFD4; 
	border: 0 solid #96541E;*/
	font-size: 13px;
	padding: 3px;
	text-align: left;
	
}
#std_login2 {
	color:#254394;
	background-color:#E6F0FF;
	border: 1px solid #254394;
	font-size: 13px;
	padding: 5px;
	text-align: left;
	width: 200px;
}

/* DD accourdion */
.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid gray;
background: #E1E1E1;
}
.openpet{ /*class added to contents of 1st demo when they are open*/
background: yellow;
}
.my_header{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 0;
}
.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}
.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}

/* VB Popup */
.v_popup
{
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #0B198C;
}
.v_option
{
	background: #BBC7CE;
	color: #000000;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
}
.v_option a:link, .v_option_alink
{
	color: #22229C;
	text-decoration: none;
}
.v_option a:visited, .v_option_avisited
{
	color: #22229C;
	text-decoration: none;
}
.v_option a:hover, .v_option a:active, .v_option_ahover
{
	color: #FFFFFF;
	text-decoration: none;
}

.form_head {
	background-color: #96541E;
	color: #fff;
	vertical-align:top;
}
.form_field {
	background-color: #F49334;
	color: #fff;
	vertical-align:top;
}
.form_value {
	background-color: #FFFFD4;
	color: #000;
	vertical-align:top;
}.form_menu {
	background-color: #E7F7E5;
	color: #000;
	vertical-align:top;
}

/* PAGINATION */
div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #C06C05;
	
	text-decoration: none; /* no underline */
	color: #F96A00;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #F96A00;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #F96A00;
		
		font-weight: bold;
		background-color: #F96A00;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}
/* PAGINATION */