.nav{width:100%;text-align:center;margin:0;}
.top-nav{width:630px;float:left;}
.top-nav ul{list-style:none;margin:0;padding:0;}
.top-nav ul li{display:inline;}
.top-nav ul li a{color:#FFFFFF;text-decoration:none;font-weight:700;float:left;display:block;border:2px outset #fff;padding:9px 10px;}
.top-nav ul li a:hover,.top-nav ul li a:active,.top-nav ul li a.active{color:#000;background-color:#eee;text-decoration:none;}

.nav .body,.header .body,.footer .body{background:none;}
.nav .body{width:965px;background-color:#2c97df;border:2px outset #ddd;margin-top:0px; margin-bottom:2px; border-radius:0;margin-left:0;padding-right:1px}
.header-logo{float:left;width:450px;margin-top:13px;margin-left:25px}
.header-logo h1{font-size:40px;font-weight:400;}
.header-logo h1 a{color:#011440;}
.header-logo h1 a:hover{text-decoration:none;color:#faebca;}
.header-logo span{font-size:12px;margin-top:-12px;display:block;font-weight:700;}
.header-logo img{border:none;}
.header-right{width:468px;float:right;text-align:right;}

.header{background: #00ccff; /* Old browsers */
background: linear-gradient(to bottom,  #a9e4f7 49%,#0fb4e7 100%); /* W3C */
background: -ms-linear-gradient(top,  #a9e4f7 49%,#0fb4e7 100%); /* IE10+ */
background: -o-linear-gradient(top,  #a9e4f7 49%,#0fb4e7 100%); /* Opera 11.10+ */
background: -webkit-linear-gradient(top,  #a9e4f7 49%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
background: -moz-linear-gradient(top,  #a9e4f7 49%, #0fb4e7 100%); /* FF3.6+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=0 ); /* IE6-9 */
;height:100px}
.header-logo{float:left;padding-top:13px;width:450px;margin-top:15px}
.header-logo h1{font-family:"Times New Roman",Times,serif;font-size:40px;font-weight:normal}
.header-logo h1 a{color:#011440;font-family:"Times New Roman",Times,serif}
.header-logo h1 a:hover{color:#faebca;text-decoration:none}
.header-logo img{border:0}.header-logo span{display:block;font-size:12px;font-weight:bold;margin-top:-12px}
.header-right{float:right;text-align:right;width:468px;margin-right:15px;margin-top:15px}
.highlight{background:#fce9e9;padding:1px 3px}
.hr{padding:20px 0 0 0}

.search{width:290px; float:right; text-align:left;}
.search form{padding:5px 0 0 0;}
.search .text{font-size:11px; width:280px; background:url(../images/search_bg.gif) no-repeat right 1px #fff; padding:2px 3px;}
.search .button{padding:2px 3px; font-size:11px;}

.main{width:468px;float:left;margin-left:11px;margin-top:10px}
.main-content p{text-align:justify;margin:0;padding:0 5px 20px 5px;}
.main-content h1{font-size:22px;line-height:normal;margin-bottom:10px;}
.main-content h2{font-size:18px;line-height:100%;margin-bottom:10px;}
.main-content img {float:left;margin:0 auto;padding: 5px 5px 5px 5px;}


.sidebar{float:right;width:300px;margin-top:10px}
.sidebar-extend{float:left;width:180px;margin-top:10px}

.welcome{margin:0 0 20px 0;padding:0}
.welcome h1{color:#011440;font-size:16px;font-weight:bold;margin:0 0 5px 0;padding:0}
.welcome p{padding:0;text-align:justify}a{color:#003dce;outline:0;text-decoration:none}

/* iklan baris */
.iklan-baris{}
.iklan-baris-item{margin-bottom: 5px;background:none;padding:10px;border:1px solid #ccc}
.iklan-baris-item h3{font-weight:normal; font-size:16px; text-align:left; font-weight:bold; margin-bottom:5px;}
.iklan-baris-item h3 a{color:#1D239D;}
.iklan-baris-item h3 a:hover{text-decoration:none; color: #FF0000;}
.iklan-baris-info{clear:left; font-size:11px; background:#e1e1de; padding:5px;border:1px solid #ccc}
.iklan-baris-date{text-align:right; font-size:11px; margin-bottom:5px; color:#1D239D;}
.iklan-baris-item img{float:left; margin:5px 7px 5px 0;border:1px solid #ccc;width:80px;height:80px}


#iklan-baris-premium{margin-bottom: 15px !important;}
#iklan-baris-premium .iklan-baris-item{border:none; background: #a9e4f7; /* Old browsers */
background: -moz-linear-gradient(top,  #a9e4f7 49%, #0fb4e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a9e4f7 49%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a9e4f7 49%,#0fb4e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a9e4f7 49%,#0fb4e7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a9e4f7 49%,#0fb4e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
; margin-bottom: 0; padding:7px !important;}
#iklan-baris-premium .iklan-baris-item h3{padding: 0}
#iklan-baris-premium .iklan-premium-text{padding:0; text-align:right; margin-bottom:10px; background: #0fb4e7;}
#iklan-baris-premium .iklan-premium-text span{display:block; padding:0 7px 3px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}

#iklan-baris-premium h4{color:#777; text-transform:uppercase !important; font-weight:normal; margin-bottom:5px;}
#iklan-baris-premium .iklan-baris-item ul {}
#iklan-baris-premium .iklan-baris-item ul li {list-style: none; border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:7px; font-size:11px; color:#666;}
#iklan-baris-premium .iklan-baris-item ul li a{color:#1D239D; font-weight:bold; font-size:12px;}
#iklan-baris-premium img {margin:5px 7px 5px 0;border:1px solid #000;width:100px;height:100px}

.iklan-terkait{margin-bottom:7px;}
#iklan-baris-terkait h4{color:#1D239D; text-transform:uppercase !important; font-weight:normal; margin-bottom:5px;}
#iklan-baris-terkait .iklan-baris-item ul {}
#iklan-baris-terkait .iklan-baris-item ul li {list-style: none; border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:7px; font-size:11px;}
#iklan-baris-terkait .iklan-baris-item ul li a{color:#1D239D; font-weight:bold; font-size:12px;}
.tag-clouds{line-height:170%;margin-top:15px}
.tag-clouds a{margin:0 8px 0 0;text-transform:lowercase}
.tag-clouds a span{font-size:16px}
.tag-clouds a:hover span{color:#e50001;text-decoration:underline}

.ads-form{margin-bottom:30px}
.ads-form .button{background:#666;color:#fff;font-weight:bold;width:120px}
.ads-form .submit-msg{background:#b25d5d;color:#fff;padding:7px}
.ads-form form{margin:10px 0 0 0}.ads-form input{width:450px}
.ads-form label{display:block;margin-bottom:3px}
.ads-form p{padding:5px 0}
.ads-form textarea{width:450px}

/* popular tag */
.popular-tag{padding: 7px; background:#CEEEFE; margin-bottom:10px;}
.popular-tag h3{font-size: 16px; font-weight: bold; padding:0 0 10px 0; color:#000;}
.popular-tag p{padding:0; text-align:justify;}
.popular-tag a{text-transform: lowercase;}
.popular-tag p span {margin: 0; font-size:14px;}
.popular-tag a:hover span{text-decoration:underline; color: #ff0000;}
span.small{color:#888;}
span.medium{color:blue;}
span.large{color:#666; font-weight:bold;}
span.largest{color:#000; font-weight:bold;}

/* menu vertical */
.menu{padding: 7px; text-align: left; background:#fff; margin-bottom:5px;margin-top:5px}
.menu h3{font-size: 16px; font-weight: bold; padding:0 0 10px 0; color:#000;}
.menu ul{list-style-type: none;margin: 0px;padding:0px;}
.menu ul li{margin: 0px;padding: 0px;color: #333;font-weight: bold;}
.menu ul li a{display: block;color: #000; font-weight: bold;}
.menu ul li a:hover{color: #1D239D;}
ul.children{padding: 0px 10px 10px 10px;}
ul.children li{padding: 0px;display: inline;}
ul.children li a{display: inline;font-weight: normal;color: #1D239D;background: none;padding: 0 5px 2px 0;border: none; font-size:11px;}
ul.children li a:hover{color: #FF2121; padding: 0 5px 2px 0;}

.statistic{padding:7px; background:#CEEEFE; margin-bottom:5px;margin-top:5px}
.statistic h3{font-size: 16px; font-weight: bold; padding:0 0 10px 0; color:#000;}
.statistic ul{list-style-type: none;margin: 0px;padding:0px;}
.statistic ul li{margin: 0px;padding: 0 0 5px 0; line-height:170%}
.statistic ul li span.statistic-label{display:block; float:left; width:110px;}
.statistic ul li span.statistic-value{display:block; float:right; width:55px; text-align:right; font-weight:bold;}

/* form pasang iklan side bar */
.pasang-iklan{padding: 7px; background:#CEEEFE; margin-bottom:10px;}
.pasang-iklan h3{font-size: 16px; font-weight: bold; padding:0 0 10px 0; color:#000;}
.pasang-iklan table td{padding:0 3px 5px 0 !important; font-size:11px !important;}

#adsActionShow{padding: 4px 10px; color: #fff; background: #0003B0; margin:10px;}


.advertisment-160x600{background:#CEEEFE; padding:7px; text-align:center; margin-bottom:10px;}

.cs{padding:7px; background:#1e90ff; margin-bottom:10px}
.cs h3 {font-size: 16px; font-weight: bold; padding:0 0 10px 0; color:#000;}

.footer{background: #c5deea; /* Old browsers */
background: linear-gradient(to bottom,  #a9e4f7 49%,#0fb4e7 100%); /* W3C */
background: -ms-linear-gradient(top,  #a9e4f7 49%,#0fb4e7 100%); /* IE10+ */
background: -o-linear-gradient(top,  #a9e4f7 49%,#0fb4e7 100%); /* Opera 11.10+ */
background: -webkit-linear-gradient(top,  #a9e4f7 49%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
background: -moz-linear-gradient(top,  #a9e4f7 49%, #0fb4e7 100%); /* FF3.6+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=0 ); /* IE6-9 */
; margin-top:30px; padding-bottom:10px; padding-top:6px;-webkit-border-radius: 6px;
border-radius: 6px;border:1px solid #000}
.footer-nav{text-align:center; margin-bottom:5px; padding-top:1px;}
.footer-nav ul{margin:0; padding:0;}
.footer-nav ul li {display:inline; list-style:none;}
.footer-nav ul li a {padding: 0 7px 5px 0; text-decoration: none; margin:0 1px; font-size:0.9em;}
.footer-nav ul li a:hover, .footer-nav ul li a:active {text-decoration:underline;}
.footer-cpright{text-align:center;}
.footer-cpright p{padding:0 0 0px 0; font-size:0.9em; margin:0;}

/* banner */
.banner{}
.banner-content{padding: 0;}
.banner-item{padding: 4px 0; text-align: center;}
.banner-info{display:none; font-size: 11px; color: #666;}
.banner-item a img{border:none; padding:0;}
.banner-item a:hover img{}

#banner-02 .banner-item{padding:0 0 8px 0; text-align:left;}
#banner-02 .banner-item a img{border:1px solid #d7d0b3; padding:3px;}
#banner-02 .banner-item a:hover img{border:1px solid #978c5f;}

#banner-mainpage{margin-bottom:65px;}

#banner-header{padding-top:17px;}
#banner-header .banner-item{padding: 0; text-align: right;}

#banner-07{margin-bottom:5px; padding:0 !important;}
#banner-07 table{background:none !important;}
#banner-07 table td{line-height:120%;}
#banner-07 .banner-item{text-align:center; padding:0 !important;}
#banner-07 .banner-item a{color:#011440; font-weight:bold;}
#banner-07 .banner-item a:hover{color:#003dce;}

.links{padding: 7px; text-align: left; background:#CEEEFE; margin-bottom:10px;}
.links h3{font-size: 16px; font-weight: bold; padding:0 0 10px 0; color:#000;}
.links p{margin:0; padding:0 0 7px 0;}
.links ul{list-style-type: none;margin: 0px;padding:0px;}
.links ul li{margin: 0px;padding: 0px;color: #1D239D;}
.links ul li a{display: block;color:#0000CD ; font-weight: bold;}
.links ul li a:hover{color: #ff0000;}

h4{border:dashed 1px;color:#777;font-size:16px;font-weight:200;margin-bottom:5px;margin-top:25px;padding:2px 2px 2px 10px;
text-transform:uppercase!important}*{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}


.bodies{float:left;text-align:left;width:970px;}
.body{margin:0 auto;text-align:left;width:970px;}
.bodys{background:#fff;border-radius:8px;box-shadow:0 0 9px 9px #fff;
margin:0 auto;-moz-border-radius:8px;-moz-box-shadow:0 0 9px 9px #fff;
padding:10px;text-align:left;-webkit-box-shadow:0 0 9px 9px #000;width:970px;border:1px solid #000;margin-bottom:10px}
.button{background:#666;color:#fff;font-weight:bold;width:120px}
.button:focus{background:#666}.buttonlink{background:#669c19;color:#fff;font-weight:bold;padding:4px 10px}
.buttonlink:hover{background:#333;color:#fff;padding:4px 10px;text-decoration:none}
.center{text-align:center!important}.clear{clear:both;font-size:1px}
.floatleft{float:left!important}
.floatright{float:right!important}

.form-error{background:#F29A00;color:#fff}.form-error h3{background:#F29A00;color:#fff}
.form-message{border:1px solid #333;margin:10px 0;padding:6px}
.form-succes{background:#bef31f}.form-succes h3{background:#bef31f}

.image-border{background:#fff;border:1px solid #ccc;padding:4px}
.justify{text-align:justify!important}
.left{text-align:left!important}



.pagination{font-size:12px;padding:5px 0;text-align:right}
.pagination a{background:#022a8a;color:#fff;font-weight:bold;margin:0 2px;padding:3px 5px}
.pagination a:hover{background:#2c97df;color:#fff;margin:0 2px;padding:3px 5px;text-decoration:none}
.pagination strong{margin:0 2px;padding:3px 5px;text-decoration:none}





.tip-yellowsimple{background-color:#fff9c9;border:1px solid #c7bf93;border-radius:4px;color:#000;max-width:300px;min-width:50px;-moz-border-radius:4px;
padding:6px 8px;text-align:left;-webkit-border-radius:4px;z-index:1000}
.tip-yellowsimple 
.tip-arrow-bottom{background:url(tip-yellowsimple_arrows.gif) no-repeat -18px 0;height:6px;left:30%;
margin-left:-5px;margin-top:0;top:100%;width:9px}.tip-yellowsimple 
.tip-arrow-left{background:url(tip-yellowsimple_arrows.gif) no-repeat -27px 0;height:9px;left:0;margin-left:-6px;
margin-top:-4px;top:50%;width:6px}
.tip-yellowsimple 
.tip-arrow-right{background:url(tip-yellowsimple_arrows.gif) no-repeat -9px 0;height:9px;left:100%;
margin-left:0;margin-top:-4px;top:50%;width:6px}
.tip-yellowsimple .tip-arrow-top{background:url(tip-yellowsimple_arrows.gif) no-repeat;height:6px;left:50%;
margin-left:-5px;margin-top:-6px;top:0;width:9px}
.tip-yellowsimple 
.tip-inner{font:12px/16px arial,helvetica,sans-serif}

a img{border:0}a strong{color:inherit!important}a:hover{color:#2a69ff;text-decoration:underline}
body{color:#333;font-size:12px;margin:0;text-align:center}input{background:#effaff;border:1px solid #b9c4dd;font-size:12px;padding:4px 3px}
input:focus{background:#fff}p{padding:10px 0}select{background:#effaff;border:1px solid #b9c4dd;font-size:12px;padding:4px 3px}
select:focus{background:#fff}

td{line-height:150%;padding:4px 8px 4px 0;vertical-align:top}
textarea{background:#effaff;border:1px solid #b9c4dd;font-size:12px;padding:4px 3px}
textarea:focus{background:#fff}th{line-height:150%;padding:4px 8px 4px 0;vertical-align:top}

/