/* logo */
.logo{width: 278px; height:61px; float: left;}

/* menu statis */
.nav{height:61px; overflow: hidden; text-align:right;}
.horizontal-menu{font-weight: bold; height:61px;}
.horizontal-menu-content{padding: 25px 10px 0 0;}
.horizontal-menu-item{color: #64530E; padding:0 4px;}
.horizontal-menu-item span{}
.horizontal-menu-item:hover, .horizontal-menu-content a.active{color: #af0000;}

/* search */
.search{width: 240px; float:right;}
.search form{padding: 10px 10px 0 0;color: #fff; text-align: right;}
.search .text{border: 1px solid #fff;width: 180px;color: #888;}
.search .button{background: #333 !important;border: 1px solid #333 !important;color: #fff;width: 30px; padding:0}

/* banner */
.banner{}
.banner-info{display: none;font-size: 11px;color: #999;}
.banner-item a img{border: 1px solid #ccc !important;padding: 2px;background: #fff;}
.banner-item a:hover img{background: #000066;}

#banner-01{width: 728px;float: left; height: 44px;}
#banner-01 .banner-content{padding-top: 5px;}

#banner-02{width:300px; float: right;}
#banner-03{background:#000066; padding: 6px; text-align: center; border-top:1px solid #fff;}

#banner-sidebar-top{padding:10px 0;}
#banner-sidebar-top .banner-item{width:150px; float: left; text-align: center; margin-bottom:10px;}

#banner-sidebar-bottom{width: 140px; float: left; padding: 10px 0 0 0 ;}

/* 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;}
.iklan-baris-item{padding: 10px 0;margin-bottom: 10px; background: url(../images/bg-item.gif) repeat-x bottom;}
.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 vertical */
.menu-wrapper{width: 157px; float: right; }
.menu{padding: 10px 10px 5px 10px;text-align: left;}
.menu h3{padding: 5px 0 10px 0;text-align: left;font-size: 18px;}
.menu ul{list-style-type: none;margin: 0px;padding:0px;}
.menu ul li{margin: 0px;padding: 0px;font-weight: bold;}
.menu ul li a{display: block;color: #333;padding: 4px 0px;font-weight: bold;font-size: 11px;height: 13px;}
.menu ul li a:hover{background: #FDFDEE;color: #106AF2;text-decoration: none;padding: 4px 0px 4px 7px;}
ul.children{padding: 0 0 0 10px;}
ul.children li{padding: 0px;}
ul.children li a{font-weight: normal;font-size: 11px;color: #555;background: none;padding: 2px 0px;border: none;}
ul.children li a:hover{color: #05B0DE;text-decoration: none;padding: 2px 0px 2px 7px;}

/* login */
.login{padding: 0; background:url(../images/login_2.gif) repeat-y center;}
.login .text{width: 100%;}
.login h3{font-size: 18px; padding: 14px 0 10px 14px; background:url(../images/login_1.gif) top no-repeat; color: #fff;}
.login-content{color: #666; background:url(../images/login_3.gif) bottom no-repeat; padding-bottom:10px;}
.login-content table{width: 95%;}
.login-content td{padding: 6px 4px; color: #fff;}
.chapca{padding-bottom: 4px;}
.lupa-passowrd{font-size: 11px; color: #fff;}
.lupa-passowrd:hover{color: #fff; text-decoration:underline;}
.login-content form{padding: 0 10px 0px 10px;}
#login-alert{padding: 5px; display: none;}
.loading{height: 21px; padding: 0 !important; background: url(../images/loading.gif) no-repeat center 5px;}
.login .form-error{margin: 0 10px;}

/*pemasang*/
.pemasang{background: url(../images/pasang_1.gif) top no-repeat #EFF7FF; width:315px; float: left;}
.pemasang h3{padding: 10px 20px 0 20px; font-weight: normal; font-size: 18px; color: #257AB5;}
.pemasang-content{padding: 0 20px  0 20px;}
.pemasang-content ul, .pemasang-content li{line-height:150%;}
.pemasang-bottom{background: url(../images/pasang_2.gif) no-repeat; height:29px; font-size:1px;}
.pemasang-content .buttonLink{background:url(../images/btn.gif) repeat-x;}

/*partner*/
.partner{background: #C0E4EC; margin: 10px 0 0 0;}
.partner h3{padding: 10px 0px 10px 10px; text-align: left; font-weight: bold;}
.partner-content{padding: 0px 20px 10px 10px;}
.partner-bottom{display:none;}
.partner ul{margin:0px; padding: 0px; list-style:none;}
.partner li{ display:block; width: 32%; 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{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: 280px;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 10px; width: 280px;}
.menu-member ul.children li a:hover{background: #ddd; color: #af0000;text-decoration: none;}
.menu-member table{width: 100%; background:#000066;}
.menu-member .icon{padding: 4px; width:60px; text-align:center}
.menu-member .icon img{border:1px solid #ddd; padding:2px; background:#fff;}
.menu-member small{font-size: 11px;}
.menu-member td{color: #fff;}

.fasilitas{background:#D1ECF2; padding:10px;}
.fasilitas h3{font-size:18px;}

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