@import "common.css";
body{
  margin-top: 0px;
  padding: 0 0 20px 0;
  color: #555;
  background:#DAD9D6;
  font: 11px/1.5 verdana, tahoma, helvetica, sans-serif;
}

a{
  text-decoration: none;
  font-weight: normal;
  color: #B44961;
}

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

iframe{
  visibility: hidden;
}

.doublebg{
  background: transparent url(img/bg_body.gif) top repeat-y;
}

.triplebg{
  background: url(img/triplebg.jpg) bottom repeat-x;
}

#wrapper{
  width: 750px;
  margin: auto;
}

#header{
  border:0px solid blue;
  height:100px;
  /*background:transparent url("img/logo.gif")no-repeat top left;*/
  background-image:url("img/logo.jpg");
  background-position:top left ;
  background-repeat:no-repeat;
}

#header ul{
  margin: 0;
  padding: 0 0 0 250px;
  list-style: none;
}

#header ul li{
  float: left;
  padding: 0 7px 0 7px;
  margin:80px 0 0 0;
  border:0px solid cyan;
  
}

#header ul li a{
  display: inline;
  height: 32px;
  color:#fff;
  font-weight:bold;
  /*text-indent:-9000px;*/
  background-position: top;
}

#header ul li a:hover{
  color:#fff;
  border-bottom:3px solid #999;
}
.selected{
	border-bottom:3px solid #999;
	text-decoration:underline;
	width:100px;
}

.error{
	color : red;
	font-style:italic;
}
.sidebar{
  width: 226px;
  float: left;
  background-image:url("img/sidebar.jpg");
}

.nomember{
  margin: 0;
  padding: 0px 22px 10px 22px;
  border-bottom: 1px solid #E1E1E1;
  /*background: url(img/side_base.jpg) bottom no-repeat;*/
}
.sidebarbottom{
	background: url(img/side_base.jpg) bottom no-repeat;
	margin: 0;
	padding: 10px 22px 18px 22px;
}
.maincontent{
  float: right;
  width: 500px;
  padding: 20px 10px 0 0px;
  /*border: 1px solid #000;*/
  /*background: url(img/featurebox_bg.gif) top left no-repeat;*/
}
.maincontent p{
	margin-top: 5px;
  	padding: 0;
}
.maincontentbox {
	color:#333;
	padding: 7px 10px 20px;
	border-top: 1px solid #d7d7d7;
	margin: 0 0 1.5em;
	background: #f6f6f6 url("img/featurebox_bg.gif") no-repeat 100% 100%;
	}
.maincontentbox p{
	margin: 10;
  	padding: 0;
}
.feature{
  background: #F6F6F6;
  border: 2px solid #ECECEC;
  margin: 20px 0 0 0;
  padding: 10px;
}

.feature p{
  margin: 0;
  padding: 0;
}

/* product style */
.productinfo{
  background: #F6F6F6;
  border: 2px solid #ECECEC;
  margin: 20px 0 0 0;
  padding: 20px 10px 10px 10px;  
}

.productlist{
  background: #F6F6F6;
  border: 2px solid #ECECEC;
  padding: 10px;  
}
.productlist img {
	border:5px solid #f0f0f0;
}
.productlist table{
  width: 100%;
}
.productlist h3{
	margin: 0;
	padding: 0;
	background-position: left;
	background-repeat: no-repeat;
	text-indent: -2px;
}
/* product style */

.titles{
  text-align: left;
}

th{
  border-bottom: 2px solid #ECECEC;
  border-bottom: 2px solid #ECECEC;
}

th, td{
  padding: 4px 10px;
}

.testimonial{
  margin: 25px 0 0 0;
  padding: 17px 0 0 0;
  text-indent: 22px;
  background: url(img/quotation.jpg) top left no-repeat;
}

.testimonial p{
  margin: 0;
  padding: 0;
}

.testimonial p.credit{
  text-indent: 0;
}

.fade{
  padding: 5px 5px 5px 25px;
  background: #F6F6F6 url(img/info.gif) left no-repeat;
  border: 2px solid #ECECEC;
}

.multiline{
  background: #F6F6F6;
  padding: 5px;
}



.readmore{
  margin: 0;
  padding: 0;
}

.readmore a{
  padding: 0 0 0 8px;
  background: url(..img/raquo.gif) left no-repeat;
}


#purchaseinfo{
  padding: 5px 10px 0 10px;
  background: url(img/smallgrad.jpg) top repeat-x;
}

.adminpanel{
  padding: 20px;
  background: url(img/smallgrad.jpg) top repeat-x;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

.aboutpage{
  margin: 0;
}

#footer{
	border-bottom:4px solid #C1C0BE;
	color: #666;
	padding: 5px;
	margin:30px 0px 0 0px;
	text-align:right;
}
#footer a{ color: #666; }
#footer a:hover{ border-bottom:1px dashed #666; }

#sidelogin{
  margin: 0 5px;
  padding: 0 15px;
  
  /*border-bottom: 1px solid #E1E1E1;*/
}
#sidesearch{
  margin: 0 5px;
  padding: 0 15px;
  /*border-bottom: 1px solid #E1E1E1;*/
}
#sideupdate{
	margin: 0 5px;
	padding: 0 15px;
}

#sideupdate ul{
	border:0px solid #ccc;
	margin-left:0px;
	padding-left:20px;
}
#sideupdate li{
	list-style-image:url("img/arrow-orange.gif");
	line-height:13px;
	margin-left: 0px;
	padding-left: 0px;
}
.advancesearch{
	background: #F6F6F6;
	border: 2px solid #ECECEC;
	margin: 5px 0 0 0;
	padding: 20px;  
}

#register, #frmlogin{
  margin: 0;
  padding: 0;
  border: 2px solid #ECECEC;
}

#register input{
  width: 250px;
}
#register input[type:text]{
	background-image:url(img/input_bg.jpg);
	background-repeat:repeat-x;
}

#sidelogin p{
  margin: 0;
  padding: 0 0 10px 0;
}

label{
  display: block;
}

label strong{
  color: #BE0000;
}

fieldset{
  margin: 0;
  padding: 10px;
  border: 0;
}
input[type=text],input[type=password],textarea{
	border:1px solid #ccc;
}
.orderdetails fieldset{
  padding: 10px 0;
}

.checkbox{
  display: inline;
}

.select{
  width: 250px;
}

p.warning{
  padding: 0 0 10px 0;
}
.someblock{
  background: #F6F6F6;
  border: 2px solid #ECECEC;
  margin: 0px 0 0 0;
  padding: 2px;  
}
fieldset{
  border-bottom: 2px solid #ECECEC;
  background: url(img/smallgrad.jpg) top repeat-x;
}

#profile{
  margin: 0;
  padding: 0;
  border: 2px solid #ECECEC;
}


#register label{
  padding: 4px 0;
}

img{
	border:0px;
	background:url(img/indicator.gif);
	background-repeat:no-repeat;
	background-position:top center;
}

h1{
  margin: 0;
  padding: 0;
  width: 226px;
}

h1 a{
  display: block;
  text-indent: -9000px;
  background: url(img/logo.jpg);
}

h2{
  margin: 0;
  padding: 0;
  background-position: left;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

h2.logintitle{
  background-image: url(img/login_text.jpg);
  margin: 25px 0 10px 0;
  height: 20px;
}
h2.searchbar{
  background-image: url(img/search_text.jpg);
  margin: 10px 0 0px 0;
  height: 20px;
}
h2.newssearch{
  background-image: url(img/newssearch_text.jpg);
  margin: 10px 0 0px 0;
  height: 20px;
}
h2.searchresult{
  background-image: url(img/searchresult_text.jpg);
  margin: 10px 0 0 0;
}
.registerbook{
	margin: 10px 20px 0px 17px;
	height: 70px;
}
h2.welcometext{
  background-image: url(img/welcome_text.jpg);
  margin: 10px 0 0 0;
}

h2.productstitle{
  background-image: url(img/ourproduct_text.jpg);
  margin: 10px 20px 0px 17px;
}

h2.registertitle{
  background-image: url(img/register_text.jpg);
  margin: 10px 0 0 0;
}

h2.productdetailstitle{
  background-image: url(img/ourproduct_text.jpg);
  margin: 10px 0 0 0;
}

h2.newstitle{
  background-image: url(img/newsupdate_text.jpg);
  margin: 10px 0 0 0;
}

h2.categoryperaturan{
  background-image: url(img/pucategory_text.jpg);
  margin: 10px 0 0 0;
}

h2.aboutus{
  background-image: url(img/aboutus_text.jpg);
  margin: 10px 0 0 0;
}

h2.faqtext{
  background-image: url(img/faq_text.jpg);
  margin: 10px 0 0 0;
}

h2.myprofile{
  background-image: url(img/myprofile_text.jpg);
  margin: 10px 0 0 0;
}

h2.passwordreminder{
  background-image: url(img/reminder_text.jpg);
  margin: 10px 0 0 0;
}


h2.latestperpu{
  background-image: url(img/latestentry_text.jpg);
  margin: 10px 0 0 0;
}

h2.detailperpu{
  background-image: url(img/detailperpu_text.jpg);
  margin: 0 0 10px 0;
}

h2.searchresult{
  background-image: url(img/searchresult_text.jpg);
  margin: 20px 0 0 0;
}
h2.listperaturan{
  background-image: url(img/listperaturan_text.jpg);
  margin: 20px 0 0 0;
}
h2.latestupdate{
  background-image: url(img/latestupdate_text.jpg);
  margin: 20px 0 0 0;
}
h3{
  	font: 13pt georgia;
	padding:0px;
	margin:0px;
	color:#656D5B;
	margin-top:10px;
	font-weight:bold;
	letter-spacing: -1px; 
}


#header ul, #content, .feature, .script, .adminnavigate{
  _height: 0;
}

#header ul:after, #content:after, .feature:after, .script:after, .adminnavigate:after{
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.msg{
	border:1px solid #ccc;
	background:#f0f0f0 url(img/msg_info.jpg)center left no-repeat;
	padding:10px 0px 10px 20px;
	margin-top:5px;
	margin-bottom:10px;
	font-style:italic;
	
}
p small{
	font-style:italic;
}
.required-asterik{
	color: #BE0000;
}
p.search_keyword{
	background-image:url(img/search_bg.jpg);
	background-repeat:no-repeat;
	border:0px solid #000;
	height:30px;
	padding:4px 0px 0px 4px;
}
.sideproducts{
	border:1px solid #f5f5f5;
	padding:0px;
	margin:5px 0px 0px 15px;
	width:180px;
}
div.img-dec {
	background: url('shadow.gif') no-repeat bottom right;
	clear: right;
	float: right;
	margin: 0 0 15px 25px;
	padding: 0;
	position: relative;
}

div.img-dec img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	display: block;
	margin: -5px 5px 5px -5px;
	padding: 4px;
	position: relative;
}

#newsheadline{
	background-image:url("img/gradient.jpg");
	background-repeat:repeat-x;
	border-top:2px solid #ccc;
	border-bottom:2px solid #ccc;
	padding:5px 0px 0px 8px;
}
.newshead{
	border-bottom:3px solid #666;
	padding-bottom:0px;
	margin-bottom:2px;
}
.post-content-final { 
	margin-left:0em; 
	border-left:0px solid #ccc; 
}
.post-content-final h3,.post-content-final h3 a,.post-content-final h3 a:visited{
	font: 13pt georgia;
	padding:0px;
	margin:0px;
	color:#656D5B;
	margin-top:10px;
	font-weight:bold;
	letter-spacing: -1px; 
}
.news-module{
	border:0px solid #ccc;
	margin-bottom:20px;
} 

.post-content-final h3 a:hover{
	border-bottom:1px solid #000;
}
.post-content-final .head{
	margin:0px;
	padding:0px;
}
.newsexcerpt{
	margin-top:0px;
	padding:0px;
}
.newsexcerpt p{
	padding:0;
	margin:0;
}
.topattribut{
	padding-bottom:5px;
}
.attribut{
	padding:2px;
	margin-top:5px;
	margin-bottom:5px;
}
.newsdetail-content{
	padding-top:10px;
	padding-bottom:10px;
}
/*latest perpu */
#latestperpu{
	border:1px solid #f0f0f0;
	border-top:4px solid #909C82;
	background:#E4DDDD url("img/background_banner.jpg") left top repeat-x;
	margin-bottom:0px;
	padding-left:0px;
}
#latestperpu ul{
	border:0px solid #ccc;
}
#latestperpu li{
	list-style-image:url("img/arrow-orange.gif");
	line-height:13px;
}
#latestperpu a,#perpu a:visited{color:#333;}
#latestperpu a:hover{text-decoration:underline;}
/* end */

/* perpu */
.perpu{
	margin-top:15px;
}
.perpu-empty{
	font-style:italic;
	font-weight:bold;
	color:#c0c0c0;
}
#perpu-block{
	border:1px solid #f0f0f0;
	border-top:4px solid #909C82;
	background:#E4DDDD url("img/background_banner.jpg") left top repeat-x;
	margin-bottom:0px;
	padding-left:0px;
}
#perpu-block ul{
	border:0px solid #ccc;
}
#perpu-block li{
	list-style-image:url("img/arrow-orange.gif");
	line-height:15px;
	margin-left:15px;
}
#perpu-block a,#perpu-block a:visited{color:#333;}
#perpu-block a:hover{text-decoration:underline;}

#thecontent{
	color: #000;
	margin: 0px auto; 
	overflow: auto; 
	width: 100%;
	height:800px;
}
.loginstatus{
	margin: 10px 2px;
  	padding: 0 15px;
  	border-bottom:1px solid #ccc;
}