body { font-size: 12px; background-color:#fff; font-family:Arial, Helvetica, sans-serif }
#mnuCountry { color: #FFFF00; font: 12px Arial, Helvetica, sans-serif; text-align: center; margin-top: 4px; margin-bottom: 4px; }

#langs { border-bottom:solid 1px #006600; padding-left:20px; padding-bottom:10px; text-align:left; color:#930; font: bold 12px Verdana, Arial, Helvetica, sans-serif; line-height:15px; margin-top: 85px; margin-right: 10px; margin-bottom: 5px; margin-left: 10px; }
#langs span { color:#063; display:block; margin:5px 0; }
#langs a{ text-decoration:none; color: #c30; padding:0; margin-left:2px; }
#langs a:hover{ text-decoration:underline; }

#useronline { margin: 10px 0px 5px; text-align:center; color:#930; font-weight:bold; }
#useronline span.ygonline  { color:#006633; display:block; margin-bottom:5px; }
#mnuLeft { margin: 5px 0; }

#mnuLeft li { margin-bottom: 6px; }
#mnuLeft a{ font-family:Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; color:#063; text-decoration:none; }
#mnuLeft a:hover { color:#993300; }
#mnuTop {width: 600px; font: bold 12px Arial, Helvetica, sans-serif; color: #ff0; margin: 13px 20px 10px 35px; text-align: left; }
#mnuTop a { color:#fc0; text-decoration: none; margin:0 4px; }
#mnuTop a:hover { color:#ff0; }
#mnuTop a.sel { color:#ff0; text-decoration: underline; margin:0 4px; }
#mnuFooter { text-align: center; margin-top: 4px; font: bold 14px Arial, Helvetica, sans-serif; color: #000;  }
#mnuFooter a{ font-size:12px; color:#666; text-decoration:none; }
#mnuFooter a:hover{ color:#003; }
#mnuFooter a.sel{ font-size:12px; color:#003; text-decoration:underline; }

#divToday { font: 12px Arial, Helvetica, sans-serif; margin-left: 30px; }
#searchform { margin:10px 15px; width:300px;}
#searchform form { display:inline; } /* search */
#searchform input.query { border: solid 1px #003300; background:none; }
#searchform input.btn { border: solid 1px #003300; background:#003333; color:#FFFFFF; }

#divContent { margin-top: 10px; }
#divContent h1 { margin: 0px; padding: 0px; font: bold 18px Arial, Helvetica, sans-serif; color:#033; margin-bottom: 3px; }
#divContent h2 { margin: 0px; padding: 0px; font: bold 16px Arial, Helvetica, sans-serif; color:#063;  }
#divContent small{ font: 10px Arial, Helvetica, sans-serif; }

/* store */
#divContent .store a img { border: solid 1px #fff; padding: 1px; margin: 0 5px 5px 0; } 
#divContent .store a:hover img { border: solid 2px #930; padding: 0px; margin: 0 5px 5px 0; } 
#divContent .store h1 { font: bold 12px Arial, Helvetica, sans-serif; } 
.imgFull { border: solid 1px #fff; padding:2px; background-position:center; background-repeat: no-repeat; }

#divContent a { color:#006600; text-decoration:underline; }
#divContent a:hover { color:#009900; text-decoration:underline; }

#divContent img.imgInlineLeft { margin: 0 5px 5px 0; }
#divContent img.imgInlineRight { margin: 0 0px 5px 5px; }
#divContent #divRating { margin:10px 0px; padding:5px 5px; border: dashed 1px #c60; height:30px;}

/* category tree */
#divContent .sublist li { line-height: 19px; }
#divContent .sublist li a { font: 12px Arial, Helvetica, sans-serif; }

#divPath { font: 10px Verdana, Arial, Helvetica, sans-serif; color:#993300; margin:10px 0; padding-bottom:5px; }
#divPath a { font: 10px Verdana, Arial, Helvetica, sans-serif; color:#CC0000; text-decoration:none; }
#divPath a:hover { color:#c30; }


.sub { margin: 0 15px; }
.paging { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #715617; }
.paging a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #03c; font-weight: bold; }
.paging a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #00c; font-weight: bold; }

td.c300 { vertical-align: top; }
.c300 { width: 310px; float:left}
.w300 { width: 300px; min-height:132px; float: left; margin: 5px 5px 10px 10px; }
.w300  h2  { font-size:13px; margin:0 0 4px 2px; padding:0; }
.w300  a { font-family: Arial, Helvetica, sans-serif; color:#930; text-decoration:none; }
.w300 .tn { font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; }
.w300 .tn a:hover{ text-decoration:underline; }
.w300 .tn img { text-align: left; float: left; margin-right: 7px; padding: 1px; border: solid 1px #fff; margin-bottom: 15px; }
.w300 .tn a:hover img { padding: 1px; border: solid 1px #930; }

.divOther { display:block; clear:both; text-align:right; padding:5px 50px; }
.divOther a { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#930; text-decoration:none; }
.divOther a:hover { color:#993300; text-decoration:underline; }

.tnCerita {  
  float:left;
  text-align:center;      
}
.clear {
    clear: left;
}
.tnCerita .thumb {float: left; padding: 8px; width:133px; height: 150px; text-align: center; margin:0 7px 15px 0; }
.tnCerita a {display:block;}
.tnCerita a img { display:inline;border: solid 1px #fff; padding: 1px; margin-bottom:10px; }
.tnCerita a:hover img { border: solid 2px #930; padding: 0px; }

.tnKedai { margin: 10px 4px; padding: 0px; }
.tnKedai img { border:0; margin:0 1px; max-height: 120px; }
.tnKedai a img { border: solid 1px #fff; padding: 1px; }
.tnKedai a:hover img { border: solid 2px #930; padding: 0px; }

.tnKedai a:hover{ text-decoration:underline; }

.tnlist { margin:3px 0; padding-bottom: 5px; border-top:dotted 0px #539151; line-height:15px; font-family: Arial, Helvetica, sans-serif; clear: both;}
.tnlist table { width:100%; }
.tnlist table td { padding:4px; vertical-align:top; }
.tnlist h3 { margin:0px; padding-bottom:3px; font-size:13px; }
.tnlist p { margin:0; padding:0; font-size:12px; text-align:justify; }
.tnlist small { font-size:10px; color:#333; }
.tnlist a { color:#764401; text-decoration:none !important; }
.tnlist a:hover { color:#c30; text-decoration:underline !important; }
.tnlist a img { border: 1px solid #ccc; }
.tnlist a:hover img { border: 1px solid #c30; }

.dibaca { margin-top:10px;; line-height:18px; text-align:right; font: 11px Verdana, Arial, Helvetica, sans-serif; }
.dibaca a { text-decoration:none; color:#764401; display:block; margin-top:5px; }

.paging { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: right; margin:5px 0; }
.paging ul { list-style-type: none; display: inline; margin: 0px; padding: 0px; line-height:20px; }
.paging ul li { display: inline; padding:0 1px; margin:0; }
.paging a { color:#764401; text-decoration: none !important; }
.paging a:hover { color:#c30; text-decoration: underline !important; }
.paging ul li a { padding: 1px 5px; border: 1px solid #ccc; }
.paging ul li a:hover { background-color:#F4F7DF; text-decoration:none; }
.paging ul li b { padding: 1px 5px; color:#c30; }
.pgbottom { margin: 10px 0; }

.terkait { font-family:Arial, Helvetica, sans-serif; }
.terkait h2 { font-size:12px; margin:0; padding:5px 0; }
.terkait small { font-size:10px; color:#666666; }
.terkait h3 { font-size:11px; margin:0; padding: 1px 0 10px 0; }
.terkait h3 a { color:#764401;; text-decoration:none; }
.terkait h3 a:hover { color:#c30;; text-decoration:underline; }

#bookmark { margin: 20px 15px; text-align:right; }

#search_result { font: 12px Arial, Helvetica, sans-serif; }
#search_result li { margin-bottom: 10px; }

.clink { padding: 5px 6px; text-align:center }
.clink a { color:#003300; font: normal 12px Arial, Helvetica, sans-serif; text-decoration:none }
.clink a:hover { text-decoration:underline }

.clearfix { display: inline-block; clear:both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */