/* logo */

.logo{width: 233px; height:117px; float: left;}



/* menu statis */

.nav{clear:both; background:url(../images/menu_bg.gif) repeat-x;height:35px; overflow: hidden}

.horizontal-menu{font-weight: bold; height:35px; background: url(../images/menu_left.gif) no-repeat right top;}

.horizontal-menu-content{padding: 10px;}

.horizontal-menu-item{color: #333; padding:0 4px;}

.horizontal-menu-item span{}

.horizontal-menu-item:hover, .horizontal-menu-content a.active{;color: #af0000;}



/* search */

.search{width: 260px; background: url(../images/search_01.gif) bottom left #941111 no-repeat; float:right; margin-right:50px;}

.search form{padding: 10px;color: #fff; background: url(../images/search_02.gif) bottom right no-repeat;}

.search .text{border: 1px solid #fff;width: 140px;color: #888;}

.search .button{background: #333 !important;border: 1px solid #333 !important;color: #fff;width: 30px;}



/* banner */

.banner{}

.banner-content{padding: 10px 0 0 0;}

.banner-item{padding: 0 0 8px 0;}

.banner-info{display: none;font-size: 11px;color: #999;}

.banner-item a img{border: 1px solid #fff !important;padding: 2px;background: #fff;}

.banner-item a:hover img{background: #fc0;}

#banner-01{width: 500px;float: right;padding-top: 10px;}

#banner-01 .banner-item{padding: 0px !important;}

#banner-02{text-align: center;}

#banner-03{width: 130px;float: left;padding-top: 10px;margin-left:5px;}

#banner-04{width: 130px;float: right;text-align: right;padding-top: 25px;}

#banner-03 .banner-info{display: block;}



/* welcome */

.welcome{color: #444;padding: 10px 0;}

.welcome h2{font-size: 18px !important;margin: 0px;padding: 0px;color: #333;}

.welcome a{color: #333;}

.welcome a:hover{color: #fff;}



/* popular tag */

.popular-tag{border-bottom:1px solid #ccc;}

.popular-tag h3{font-size: 18px; font-weight: normal; text-transform: capitalize;}

.popular-tag p{line-height: 18px;padding: 0px;}

.popular-tag a{color:#af0000;text-transform: lowercase;padding: 2px 4px;}

.popular-tag a:hover{color:#333;}

span.small{font-size: 12px;}

span.medium{font-size: 15px;}

span.large{font-size: 18px;}

span.largest{font-size: 21px;}

.popular-tag-bottom{text-align: right;padding: 0px 0px 20px 10px;}

.popular-tag-bottom a{background: none;}



.tag-clouds{line-height: 180%;}

.tag-clouds span{width: 220px;float: left;display: block;overflow: hidden;white-space: nowrap;margin-right: 10px;}

.tag-clouds span a:hover{background: #689B05;padding: 4px;color: #fff;}



/* iklan-baris */

.iklan-baris{padding: 0px 0px 10px 0;margin-bottom: 10px;}

.iklan-baris-item{padding: 10px 0;margin-bottom: 10px;}

.iklan-baris-item h3{font-size: 14px; font-weight:bold}

.iklan-baris-content{padding: 10px 0;}

.iklan-baris-content img{float: left;border: 1px solid #efefef;background: #fff;padding: 5px;margin: 0 10px 5px 0;}

.iklan-baris-info, .iklan-baris-tag{font-size: 11px;clear: both;}

.iklan-baris h2{padding: 10px 0 0 0;color: #333;font-size: 18px;}

#iklan-baris-premium{background: url(../images/premium_bottom.gif) no-repeat bottom left #FDFAE2;}

#iklan-baris-premium h2{background: url(../images/premium_top.gif) no-repeat top right;padding: 15px;}

#iklan-baris-premium .iklan-baris-item{padding: 5px 15px 10px 15px;}



/* horizontal menu bottom */

.horizontal-menu-bottom{padding: 0 10px;clear: both;}

.horizontal-menu-bottom-content{background: url(../images/bottom_menu.jpg) repeat-x;padding: 8px 8px 6px 8px;}

.horizontal-menu-bottom-item{padding: 0 4px;color: #fff;font-size: 11px;}

.horizontal-menu-bottom-item:hover{color: #fc0;}



/* menu vertical */

.menu{border-top:1px solid #fff; padding: 10px 0;}

.menu h3{font-size: 18px; padding-bottom:10px;}

.menu ul{list-style-type: none;margin: 0px;padding:0px;}

.menu ul li{margin: 0px;padding: 0px;}

.menu ul li a{display: block;color: #333; border: 1px solid #efefef; width: 255px;padding: 5px 10px 5px 10px;font-weight: bold;}

.menu ul li a:hover{background: #f5f5f5; border: 1px solid #ddd; color: #af0000;text-decoration: none;}

.menu ul.children{padding: 5px 0px 5px 10px;}

.menu ul.children li{display: inline;padding: 0px;}

.menu ul.children li a{ line-height: 18px; display: inline; border: 1px solid #efefef; font-weight: normal;font-size: 11px;color: #333;background: none;padding: 2px 5px;}

.menu ul.children li a:hover{background: #f5f5f5; border: 1px solid #ddd; color: #af0000;text-decoration: none;}



/* login */

.login{padding: 5px 0 15px 0; border-bottom: 1px solid #ccc;}

.login .text{width: 100%;}

.login h3{font-size: 18px; padding: 10px 10px 10px 0px;}

.login-content{color: #666;padding: 0px}

.login-content table{width: 95%;}

.login-content td{padding: 6px 4px;}

.chapca{padding-bottom: 4px;}

.login .button{background: #af0000;border: 1px solid #af0000; color: #fff;}

.lupa-passowrd{font-size: 11px;}

#login-alert{padding: 5px; display: none;}

.loading{height: 21px; padding: 0 !important; background: url(../images/loading.gif) no-repeat center 5px;}



/* info */

.info{padding: 5px 0 15px 0; border-bottom: 1px solid #ccc;}

.info h3{font-size: 18px; padding: 10px 10px 10px 0px;}

.info-content{color: #666;padding: 0px; background:#ddd; border: 1px solid #aaa; padding: 10px;}



/*pemasang*/

.pemasang{ background: url(../images/pemasang_bg.gif) center repeat-y; width:301px; float: left;}

.pemasang h3{padding: 20px 20px 8px 20px; text-align: right; font-weight: bold; background: url(../images/pemasang_bottom.gif) no-repeat top left;}

.pemasang-content{padding: 10px 20px;}

.pemasang-bottom{background: url(../images/pemasang_bottom.gif) no-repeat; height:5px; font-size:1px;}



/*pemilik*/

.pemilik{  background: url(../images/pemilik_bg.gif) center repeat-y; width:301px; float: right;}

.pemilik h3{padding: 20px 20px 10px 20px; text-align: left; font-weight: bold; background: url(../images/pemilik_header.gif) no-repeat top left;}

.pemilik-content{padding: 10px 20px;}

.pemilik-bottom{background: url(../images/pemilik_bottom.gif) no-repeat; height:5px; font-size:1px;}



/*partner*/

.partner{background: url(../images/partner.gif) no-repeat top left; margin: 10px 0;}

.partner h3{padding: 10px 0px 10px 120px; text-align: left; font-weight: bold;}

.partner-content{padding: 0px 20px 10px 120px;}

.partner-bottom{background: url(../images/partner_bottom.gif) no-repeat; height:5px; font-size:1px;}

.partner ul{margin:0px; padding: 0px; list-style:none;}

.partner li{ display:block; width: 220px; float: left;line-height: 18px;}





/*std-table*/

.std-table table{width: 100%;}

.std-table th{background: #666;padding: 4px 10px;border-bottom: 1px solid #fff;color: #fff;}

.std-table td{padding: 4px 10px;border-bottom: 1px solid #efefef;}

.std-table .even td{background: #f5f5f5;}



/* menu member */

.menu-member{border-bottom:1px solid #ccc; padding: 10px 0 20px 0;}

.menu-member h3{font-size: 18px; padding-bottom:10px;}

.menu-member ul{list-style-type: none;margin: 0px;padding:0px;}

.menu-member ul li{margin: 0px;padding: 0px;}

.menu-member ul li a{display: block;color: #333; border-bottom: 1px solid #ddd; width: 258px;padding: 5px 10px 5px 10px;font-weight: bold;}

.menu-member ul li a:hover{background: #ddd; color: #af0000;text-decoration: none;}

.menu-member ul.children{padding: 0px; margin:0px}

.menu-member ul.children li{display: inline;padding: 0px;}

.menu-member ul.children li a{ display: block;color: #333; font-weight: normal;font-size: 11px;color: #333;background: none;padding: 5px 10px 5px 30px; width: 238px;}

.menu-member ul.children li a:hover{background: #ddd; color: #af0000;text-decoration: none;}

.menu-member table{width: 100%; background:#ccc;}

.menu-member .icon{padding: 4px; width:60px; text-align:center}

.menu-member .icon img{border:1px solid #ddd; padding:2px; background:#ccc;}

.menu-member small{font-size: 11px;}


.links{padding: 7px; text-align: left;  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: #011e63;}
.links ul li a{display: block;color: #011e63; font-weight: bold;}
.links ul li a:hover{color: #011e63;}