/* CSS Document */
body { 
	padding:0px; 
	margin:0px; 
	background:url(../images/bg_b.jpg) 0 0 repeat-x #fff; 
	font-size:12px;
	color:#333333;
	font-family:"Trebuchet MS";

}

div, p, ul, h1, h2, h3, form, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
/*
a{background:#000; color:#fff; text-decoration:none;}
a:hover{background:#000; color:#fff; text-decoration:underline;}
*/

#topPan{width:780px; height:262px; position:relative; margin:0 auto;} 

#topHeaderPan {width:600px; height:231px; background:url(../images/herbal_02.jpg) 0 100% no-repeat; position:relative;}
#topHeaderPan img{width:191px; height:84px; display:block; position:absolute; top:120px; left:0px;}
#topHeaderPan ul{width:298px; height:59px; position:absolute; top:31px; left:0px; padding:0px;}
#topHeaderPan ul li{width:74px; height:59px; background:url(../images/menu-div.gif) 100% 0 no-repeat; float:left;} 
#topHeaderPan ul li a{width:73px; height:59px; display:block; background:url(../images/topmenubg.gif) 0 0 repeat-x #fff; color:#88763D; text-align:center; font-size:13px; font-weight:bold; line-height:59px;}
#topHeaderPan ul li a:hover{width:73px; height:59px; background:url(../images/topleftmenu-hover.gif) 50% 100% no-repeat; text-decoration:none;}
#topHeaderPan ul li.company{width:74px; height:59px; background:url(../images/company-bg.gif) 0 0 no-repeat; text-decoration:none; text-align:center; line-height:59px;}
#topHeaderPan ul li.client{width:74px; height:59px; background:none; float:left;} 

#toprightPan{width:417px; height:218px; background:url(../images/rightsidebg.jpg) 0 0 no-repeat; position:absolute; top:13px; right:0px;}
#toprightPan ul{width:320px; height:49px; display:block; margin:16px 0 0 16px;}
#toprightPan ul li{width:104px; height:49px; border-right:1px dashed #C1B79A; float:left;}

#toprightPan ul li.home{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(../images/icon1.gif) 50% 0 no-repeat #fff; color:#81BE28; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.home a{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(../images/icon1.gif) 50% 0 no-repeat #fff; color:#0880BC; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.home a:hover{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(../images/icon1-hover.gif) 50% 0 no-repeat #fff; color:#81BE28; padding:29px 0 0; text-decoration:none;}

#toprightPan ul li.about{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(../images/icon2-normal.gif) 50% 0 no-repeat #fff; color:#81BE28; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.about a{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(../images/icon2-normal.gif) 50% 0 no-repeat #fff; color:#0880BC; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.about a:hover{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(../images/icon2-hover.gif) 50% 0 no-repeat #fff; color:#81BE28; padding:29px 0 0; text-decoration:none;}

#toprightPan ul li.contact{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(../images/icon3-normal.gif) 50% 20% no-repeat #fff; color:#81BE28; border:none; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.contact a{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(../images/icon3-normal.gif) 50% 20% no-repeat #fff; color:#0880BC; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.contact a:hover{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(../images/icon3-hover.gif) 50% 20% no-repeat #fff; color:#81BE28; padding:29px 0 0; text-decoration:none;}

/*-----/TOP PANEL----*/
/*----Login Panel----*/

#loginPan h2{
	width:130px; 
	height:81px; 
	background:url(../images/icon.gif) 0 50% no-repeat #fff; 
	color:#5EA000; font:15px/80px Verdana, Arial, Helvetica, sans-serif; 
	padding:0 0 0 55px; 
	margin:0 0 0 0px;
}
#loginPan h2 span{background:#fff; color:#017FC0;}
#form { 
	font-size:12px;
	height:30px;
}
#input { 
	font-size:12px;
	background-color:#CCCCCC;
}
/*----Login Panel end ----*/
#header1 {
/*	background-image: url(../images/header1_b.jpg); */
	width:369px;
	height:66px;
}
#header2 {
	background-image: url(../images/header2_b.jpg);
	width:192px;
	height:38px;
}
#header3 {
	background-image: url(../images/header3_b.jpg);
	width:191px;
	height:42px;
}
#header4 {
	background-image: url(../images/header4_b.jpg);
	width:743px;
	height:116px;
}

#wrapper {
	background-image: url(../images/wrapper_b.jpg);
	width: 772px;
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
}
#wrapper #leftcontent {
	float: left;
	width: 200px;
	padding:0 5px 20px 6px;
	text-align:left;
	color:#333;
	
}

#wrapper #middlecontent {
	float: left;
	width: 515px;
	padding: 0 10px 20px 20px;
	text-align:left;
}

ul {
	padding-left: 12px;
	margin-left: 0px;
}
#wrapper #clearer {
	clear: both;
}
#wrapper #bottom {
	font-size: 12px;
	color: #333;
	background-image:url(../images/bottom_b.jpg);
	width:772px;
	height:19px;
}

#footer {
	background-color:#9cc12a;
	text-align:center;
	height:30px;
	padding-top:25px;
}
#tentang {
	font-size:14px;
	line-height:1.7em;
	text-align:justify;
}
#menu {
	background-image:url(../images/content_b.jpg); 
	width:772px; 
	height:60px;
}

/* Menu Link */
#wrapper #leftcontent a:link {
	color: #000;
	text-decoration: none;
}
#wrapper #leftcontent a:visited {
	color: #000;
	text-decoration: none;
}
#wrapper #leftcontent a:hover {
	color: #588d05;
	text-decoration: underline;
}
/* End Menu Link */

/* Menu Left */
#menu-left {
	left: 0;
	font-size: 120%;
	padding-left:9px;

}
#menu-left ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;

}
#menu-left li {
	border-bottom: 1px solid #608f00;
	margin: 0;
	padding: 0;
	vertical-align: bottom; 

}
#menu-left a:link, #menu-left a:visited {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 0px solid #375003;
	border-right: 1px solid #fff;
	color: #333;
	text-decoration: none;
	width: 178px;
}
#menu-left a:hover {
	background-color: #000;
	color: #588d05;
	width:173px;
}
/* end menu */

#wrapper #middlecontent a:link {
	color: #333;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
}
#wrapper #middlecontent a:visited {
	color: #333;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
}
#wrapper #middlecontent a:hover {
	color: #f0a117;
	text-decoration: underline;
}

#wrapper #rightcontent a:link {
	color: #0000FF;
	font-weight:bold;
	text-decoration: none;
}
#wrapper #rightcontent a:visited {
	color: #0000FF;
	font-weight:bold;
	text-decoration: none;
}
#wrapper #rightcontent a:hover {
	color: #EE1C24;
	font-weight:bold;
	text-decoration: underline;
}
#newsCell{
	padding: 4px 20px;
	line-height: 140%;
	border-bottom: 1px solid #efad0f;

}
#line{
	padding: 0px 0px;
	line-height: 140%;
	border-bottom: 1px solid #529f07;
	width:185px;
}

.image {
	background-color: #fff;
	padding: 2px;
	margin: 3px 5px 3px 0;
	border: 1px solid #ddc688;
	float: left;
}
#judul {
	font-size: 14px;
	line-height: 170%;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:5px;
}
#judul a {
	color : #333333;
	text-decoration: none;
}
#judul a:hover {
	color : #FFCC00;
}
.posting {
	font-size: 11px;
}
.kategori {
	font-family: Trebuchet MS;
	line-height: 175%;
	font-weight: bold;
	padding-left: 10px;
}

input, select{
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #993300;
}
#space {
	padding-left:80px;
}
#date {
	color:#333;
	font-size:10px;
	font-weight:bold;
}
.entry {
	color:#333333;
	font-size:12px;
	font-family:"Trebuchet MS";
}
.update {
	font-size:10px;
}
#padding-left {
padding:0 0 0 5px;
}

/* start box */
div#left-side {
    width:180px;
    margin:0px 0px 0px 10px;
    clear:both;
    border:#C6C6C6 1px solid;
    padding:1px;
	background:#fff;
}
#box {
	width:180px;
}
#box-1 {
	border-collapse:collapse; 
	border-color:#666666; 
	width:180px; 
	background-color:#f4fbfc;
}
#box-2 {
	background-image:url(../images/live.png); 
	width:180px; 
	height:40px;
}
#box-3 {
	padding:1px 0 0 5px;
	line-height:1.6em; 
	text-align:left;
	text-decoration:none;
}
#box-title { 
	padding:25px 0 0 5px;
	font-weight:bold;
}
/* end box */

/* start donlot */
div#left-side {
    width:180px;
    margin:0px 0px 0px 0px;
    clear:both;
    border:#C6C6C6 1px solid;
    padding:1px;
	background:#fff;
}
#donlot {
	width:180px;
}
#donlot-1 {
	border-collapse:collapse; 
	border-color:#666666; 
	width:180px; 
	background-color:#f4fbfc;
}
#donlot-2 {
	background-image:url(../images/donlot.png); 
	width:180px; 
	height:40px;
}
#donlot-3 {
	padding:1px 0 0 5px;
	line-height:1.6em; 
	text-align:left;
	text-decoration:none;
}
/* end box */

#submit { border: 1px solid; color:#333; border-color:#FFFF99; width: 60px; margin-top: 2px; margin-bottom: 10px; height: 25px; cursor: hand; font-size: 12px;
  background-color:#fcaf0a; }
#search{ border: 1px solid; color:#333; border-color:#FFFF99; width: 60px; margin-top: 2px; margin-bottom: 0px; height: 25px; cursor: hand; font-size: 12px;
  background-color:#fcaf0a; }
.input {
	font-size:11px;
}
/* Start Order */
#title-order {
	text-transform:uppercase;
	font-weight:bold;
	color:#333;
}
#paging-order {
	padding:20px 0 0 0;
}
#input-order {
	padding-left:50px;

}
#form-order {
	text-transform:capitalize;
	font-size:14px;
	padding-left:20px;
	font-weight:bold;

}
/* End Order */