body { margin: 0px; padding: 0; border: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #container { width: 990px; margin: 0px auto; text-align: left; } #header {} #content { width: 980px; overflow: hidden; } #dynamic_box_left { margin: 0; float: left; } #dynamic_box_center { float: left; } #dynamic_box_right { margin: 0; float: right; } #content_footer {clear: both;} #footer {clear: both;} /*********deafault layout**********/ #layout_default div#dynamic_box_right {width: 260px;} #layout_default div#dynamic_box_left {width: 160px;} #layout_default div#dynamic_box_center {width: 570px;} /********** two column *************/ #layout_two_column div#dynamic_box_right {width: 355px; margin-left: 10px;} #layout_two_column div#dynamic_box_left {display:none;} #layout_two_column div#dynamic_box_center {width: 615px;/* background: #9999FF;*/} /************ three columns ***************/ #layout_three_columns div#dynamic_box_right {width: 190px;} #layout_three_columns div#dynamic_box_left {width: 190px;} #layout_three_columns div#dynamic_box_center {width: 610px;} /************ equal ***************/ #layout_equal div#dynamic_box_right {width: 330px;} #layout_equal div#dynamic_box_left {width: 330px;} #layout_equal div#dynamic_box_center {width: 330px;} /************ equal rights ***************/ #layout_equal_rights div#dynamic_box_right {width: 260px;} #layout_equal_rights div#dynamic_box_left {width: 470px;} #layout_equal_rights div#dynamic_box_center {width: 260px;} /************ non equal ***************/ #layout_non_equal div#dynamic_box_right {width: 320px;} #layout_non_equal div#dynamic_box_left {width: 420px;} #layout_non_equal div#dynamic_box_center {width: 250px;} /************* CONTENT FEATURES *****************/ #content_features_left { float: left;} #content_features_right { float: left;} .features_equal_default { width: 100%; overflow: hidden;} /*********** equal_default *********************/ .features_equal_default #content_features_left {width: 345px; margin-right: 10px; /*background: #00CC99;*/} .features_equal_default #content_features_right {width: 260px; /*background: #99CCFF;*/} /*********** equal *********************/ .features_equal #content_features_left {width: 495px;} .features_equal #content_features_right {width: 495px;} /*********** left *********************/ .features_left #content_features_left {width: 680px;} .features_left #content_features_right {width: 310px;} /*********** right *********************/ .features_right #content_features_left {width: 310px;} .features_right #content_features_right {width: 680px;} /*********** equal_three *********************/ .features_inside .content_features_col {width: 223px; float: left;} /*********** inside *********************/ .features_inside {width: 670px; overflow: hidden;} .features_inside #content_features_left {width: 335px;} .features_inside #content_features_right {width: 335px;} /******************** LAYOUT BOXES********************/ #main_news_box {float: left;} .main_news_box_row {width: 100%; overflow: hidden;} .main_news_category { float:left; display: inline; width:315px; margin: 5px; /****styles****/ } .category_news_category { float:left; display: inline; width:261px; margin: 6px; /****styles****/ } /******************** TOOLTIPS ********************/ .tooltip { position: absolute!important; overflow:hidden; font-size: 12px; z-index: 10000!important; } .tooltip .xtop, .tooltip .xbottom { display: block; background: transparent; font-size: 1px; } .tooltip .xb1, .tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { display: block; overflow: hidden; } .tooltip .xb1, .tooltip .xb2, .tooltip .xb3 { height: 1px; } .tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { background: #666; border-left: 1px solid #333; border-right: 1px solid #333; } .tooltip .xbottom .xb2, .tooltip .xbottom .xb3, .tooltip .xbottom .xb4 { background: #666; } .tooltip .xb1 { margin: 0 5px; background: #333; } .tooltip .xb2 { margin: 0 3px; border-width: 0 2px; } .tooltip .xb3 { margin: 0 2px; } .tooltip .xb4 { height: 2px; margin: 0 1px; } .tooltip .xboxcontent { padding: 0 .5em; margin: 0; color: #000; text-shadow: 2px 2px 0px #CCC; word-wrap:break-word; border: 1px solid #333; border-width: 0px 1px 0 1px; background-color: #666; text-align: left; } body { background: #dadada;} /*************** GLOBAL STYLES *************************************************************************************************************************/ /******************************************************************************************************************************************************/ #container {background-color: #fbf3cb;} #content {background: #fff; padding: 10px 5px;} /*** Global anchor styles ***/ a {color:#397099; text-decoration: none;} div a.active-pesan{ color:#888; text-decoration: none; } a:hover {text-decoration: underline;} a img {border: none;} /*** Global list styles ***/ ul { padding: 0; margin: 0;} ul li { list-style-type: none;} /*** Global heading styles ***/ h1, h2, h3, h4, h6 {margin: 0px;} h1 { font-size: 18px; font-weight: normal;} h1 a { color: #C90404;} h2, h3 {font-size: 12px; padding-bottom: 4px;} h2 a:hover, h3 a:hover {/*color: #C90404;*/} h4 {} h4 a {} h5 {margin:0px; text-align:right;font-size: 18px; font-weight: normal;} h5 a {} h6 { color:#851607; font-weight: normal; font-size: 24px; padding-bottom: 4px; margin-bottom: 12px; margin-top:10px; border-bottom: 3px solid #EEEEEE;} h8 { font-weight: normal; font-size: 12px; padding-bottom: 10px; margin-bottom: 15px; margin-top:0px;} h8 a{color:#851607;} h9 {font-size: 11px; padding-bottom: 4px; font-weight:bold;} .judul { font-size: 16px; font-weight: normal; margin-bottom:10px; color:#C90404;} /*** Global box styles ***/ #dynamic_box_right .box, #box_tags {zoom:1;} /* IE7 Stupidity */ #dynamic_box_right #most_popular_rated_box .box {zoom:0;} /* IE7 Stupidity */ .box .box_title { font-size: 16px; font-weight: normal; } .center_ads, .right_ads {margin: 10px 0px; text-align: center;} .right_ads3 {margin: 10px 0px; text-align: center;border:2px solid #e8e8e8;width:350px;} /*************** HEADER STYLES *************************************************************************************************************************/ /******************************************************************************************************************************************************/ #header { background-color: #FFFFFF;} .head { width: 990px; overflow: hidden; padding: 0px; background: #fff url(../images/templates/header_bg2.gif) bottom repeat-x;*/ } .header_image { float: left; margin-top:20px; margin-left:10px; background: url(../images/templates/logo_new.png) left top no-repeat;} .header_image a {display:block; height:102px; width:294px; text-indent: -9999px;} .header_banner { float:right; padding: 6px; width:670px;margin-top:15px} .submenu_stripe {font-size: 11px; margin: 0px 5px; padding: 5px 0px; border-bottom: 1px solid #DCDCDC;} .submenu_stripe span.current_date {color:#666666; padding-left: 5px;} /**** Utility Stripe ****/ .utility_stripe {background:#c22f00; padding: 6px; color: #fff;} .utility_stripe a { font-weight:bold;color:#fff;} .utility_stripe input.text { background: #dedede; border: 1px solid #FFFFFF;} /*** Login box ***/ #box_login_small {width: 560px;} #register .dump {padding-bottom: 6px; font-size:14px; font-weight: bold;} #register .dump span.info {color:#6b99c5;} #register .dump span.error {color:#C90404;} #forgot_form_holder div.fp_info {font-size:11px; padding-bottom:6px;} #forgot_form_holder div.inline_error {padding-bottom: 6px; font-size:14px; color:#C90404;} /*** Search box ***/ .search { float: right; margin-top: -3px; } .search a {color: #fff; font-weight:bold;} .search button, #login_form_small button { width: 55px; height: 20px; margin: 0px 6px; border: none; font-size: 12px; font-weight: normal; color: #c22f00; background: url(../images/templates/search_button.gif) no-repeat; } /*** Static pages navigation ***/ .box_pages { } .box_pages li {display: inline;float: right;} .box_pages li.last a {border-right: none;} .box_pages a {padding: 5px; border-right: 1px solid #DCDCDC; color:#000;} .box_pages a:link, .box_pages a:visited {text-decoration: none;} .box_pages a:hover {text-decoration: underline; color:#c22f00;} .box_pages li.first {float:left;font-weight:bold;} .box_pages li.first a {border-right: none;} /*************** LEFT COLUMN STYLES ********************************************************************************************************************/ /******************************************************************************************************************************************************/ #box_left_holder { padding: 6px;} #dynamic_box_left div.box {margin-bottom: 12px;} #dynamic_box_left div.box_title { background: #A5A5A5; color:#FFFFFF; padding: 4px 2px 3px 3px; margin-bottom: 4px; border-bottom: 1px solid #CCCCCC; } #dynamic_box_left div.box_body {border-bottom: 4px solid #A5A5A5;} /*** Section box (navigation list) ***/ #box_sections div.box_body { border-bottom: none; margin-bottom: 30px;} #box_sections li { background-color: #F1F1F1; border-bottom: 1px solid #fff; padding: 1px 0px; font-variant: small-caps; } #box_sections li ul li { border-bottom: none; font-variant: normal; font-size: 11px; padding-left: 6px; } #box_sections li a { color: #8B8B8B; display: block; padding: 4px; } #box_sections li a:hover { color: #FFF; background-color: #A5A5A5; text-decoration: none; } #box_sections li ul li a:hover { color: #000000; background: none; text-decoration: underline; } /*************** CONTENT STYLES ************************************************************************************************************************/ /******************************************************************************************************************************************************/ /*** Latest news box ***/ .latest_news div.box_title { color:#656565; font-size: 16px; font-weight: bold; border-bottom: 1px solid #DCDCDC; padding: 3px 0px; margin-bottom: 4px; } .latest_news div.box_title a img { float: right; padding-top: 5px;} .latest_news ul li {padding: 5px 5px 5px 0px; border-bottom: 1px solid #eee;} .latest_news ul li span.article_title { } .latest_news ul li span.article_title a { padding-left: 16px; background: url(../images/templates/right_box_bullet.gif) 4px 6px no-repeat; font-weight: bold; } /*#box_center_holder {padding: 0px 12px;}*/ #box_center_holder h1 { font-size: 24px; padding-bottom: 4px; margin-bottom: 12px; border-bottom: 3px solid #EEEEEE;} #box_center_holder div.category_headline { width: 100%; overflow: hidden;} #box_center_holder div.category_headline h2 a { color: #CA0405; font-size: 18px; font-weight: normal;} #box_center_holder div.category_headline div.image { float: left; padding: 6px; margin: 0px 6px 6px 6px; background-color: #eeeeee; border: none;} #box_center_holder div.category_headline div.summary {} div.article_link {display: inline; padding-left: 4px; font-size: 11px;} div.article_link a {color: #851607;} div.box_body div.image { padding: 1px; float: left; margin: 2px 9px 2px 2px; border: 1px solid #CCCCCC; } .short_holder { width: 100%; overflow: hidden;} .short { /*** Global summary styles ***/ margin-bottom: 4px; padding: 4px; border-bottom: 1px solid #eee; } .short-keterangan { /*** Global summary styles ***/ margin-bottom: 4px; padding: 4px; border-bottom: 1px solid #eee; border-top: 1px solid #eee; } div.short h2 span.article_category { padding-right: 2px; color: #808080; font-size: 11px;} /*** Article summaries heights ***/ #latest_news div.short{height:122px;} /*** Main news styles ***/ #category_news_box div.main_news_box_row { border-bottom: 3px solid #e4e4e4;} #category_news_box div.box_title { margin-bottom: 6px;} /*** Category links ***/ #category_news_box div.box_title h4 { font-size: 16px; color: #172973; border-bottom: 1px solid #fff; padding: 4px 0px; margin-bottom: 4px; } /*** Subcategory links ***/ #category_news_box div.box_title span { color: #000; font-size: 11px; padding: 0px 1px; } #category_news_box div.box_title span a { color: #C90404;} #category_news_box div.box_title span a:hover { color: #000;} #category_news_box div.box_body ul { padding: 0px;} #category_news_box div.box_body ul li { /*border-bottom: 1px solid #eee; */ padding: 1px 0px; } #category_news_box div.box_body ul li a { display: block; padding: 4px 2px 4px 14px; background: url(../images/templates/right_box_bullet.gif) 4px 10px no-repeat; color: #851607; } /*** Category page ***/ #category_holder div.subcategory_list div.box_body { padding: 6px;} #category_holder div.short { margin-bottom: 12px; padding-bottom: 12px;} /*** Article styles ***/ .box_breadcrumb { padding: 6px 0px; color: #666666; border-bottom: 1px solid #EEEEEE;} .box_breadcrumb a {color: #CA0405; padding-right: 4px;} #article_holder h1 { font-size: 24px; color: #CA0405; padding: 8px 0px 4px 0px; margin-bottom: 2px; border-bottom: 3px solid #EEEEEE;} #article_holder div.article_metadata { padding: 0px 0px 18px 0px; margin-bottom: 4px; border-bottom: 1px solid #EEEEEE; height:8px;} #article_holder div.article_metadata #grafik{ float:left; margin-top:5px; color:#c22f00; } #article_holder div.article_metadata span.metadata_time { font-size: 10px; color: #666666; float: right;} #article_holder div.font_size { font-size: 11px; text-align: right; margin-bottom: 12px;} #article_holder div.font_size img { vertical-align: bottom; padding-left: 3px;} #article_holder div.image { float: left; padding: 4px; margin-right: 6px; border: 1px solid #cccccc; } #article_holder div.image span.image_caption { font-size: 11px; line-height:normal;} #article_holder div#article_body { line-height: 1.6em; width: 100%; overflow: hidden; margin-bottom: 12px;} #article_holder div#article_body h1, #article_holder div#article_body h2, #article_holder div#article_body h3, #article_holder div#article_body h4, #article_holder div#article_body h5, #article_holder div#article_body h6 { font-family: Arial, Helvetica, sans-serif;} #article_holder div#article_body a { color: #002BB8;} /*** Article social bookmarks ***/ #box_social_bookmarks { color: #666666; padding: 2px 6px; margin: 6px 0px 12px 0px; border-bottom: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; height:24px; } #box_social_bookmarks img { vertical-align: middle;} /*** Article comments ***/ .comment_block h4 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #666666; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; background-color: #f4f4f4; padding: 6px; margin: 6px 0px; } .comment_block h4 img.comment_feed { float:right;} .comment_block h4 span.no_comments {display:block; font-size:12px; font-weight:normal;} .comment_block h5 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; background-color: #f4f4f4; padding: 6px; margin: 6px 0px; text-align:left; } #comment_list { margin: 15px 8px;} #comment_list div.comment_holder { margin-bottom: 20px;} #comment_list div.comment_header { padding-bottom: 6px;} #comment_list div.comment_header { font-size: 11px;} #comment_list div.comment_header a { color: #C90404; font-weight: bold;} #comment_list div.comment_body_holder {padding: 6px; border-bottom: 1px solid #EBEBEB; background-color: #F8F8F8;} #comment_list div.comment_body {width: 100%; overflow: hidden; } #comment_list div.comment_body img { float: left;} #comment_list div.comment_body div.comment_text { color: #666666; margin-left: 50px; padding: 0px 12px 10px 10px;} #comment_list div.comment_report, #comment_list div.comment_rate { float: right;} #comment_list div.comment_rate { padding-right: 6px;} .comment_rate div.result { float: left; border: 1px solid #ebebeb; background-color: #ffffff; padding: 0px 4px; color: #555555; font-weight: bold; } .result span.error {font-weight: normal; font-size: 11px; color: #CA0405;} div#comment_dump { font-size: 14px; color: #172973; background-color: #F8F8F8; border: 1px solid #EBEBEB; padding: 6px; } div#comment_dump span.error {color: #CA0405;} /*** Pagination ***/ #box_pagination { padding: 6px; margin: 6px 0px; background: #eeeeee; color: #666666;} #box_pagination span.pagination { float:right; font-weight: bold;} #box_pagination span.pagination a { font-weight: normal; color: #C90404;} #box_pagination span.pagination_total {color: #C90404;} /*** Archive calendar ***/ #box_calendar table caption { font-weight: bold; background-color: #eeeeee; border-bottom: 1px solid #cccccc; padding: 6px 0px; margin-bottom: 6px; } #box_calendar table caption a {color: #C90404;} #box_calendar table caption span { cursor: pointer; padding: 0px 4px;} #box_calendar table td { background-color: #F1F1F1; padding: 1px 2px;} /*************** RIGHT COLUMN STYLES *******************************************************************************************************************/ /******************************************************************************************************************************************************/ #box_right_holder {/*stilovi za desnu kolonu, padinzi, margine...*/} /*** Boxes ***/ #dynamic_box_right div#box_right_holder {} #dynamic_box_right .box div.box_title { background: url(../images/templates/box_right_head_left.gif) top left no-repeat; color: #851607; font-size: 18px; line-height: 22px; padding: 6px; border-bottom: 1px solid #E1E1E1; } #dynamic_box_right .box2 div.box_title2 { border-bottom: 1px solid #E1E1E1; height:80px width:285px; } #dynamic_box_right .box div.box_title_keterangan { color: #808080; font-size: 18px; line-height: 22px; padding: 6px; } #dynamic_box_right .box_tabs div.box_title {padding: 6px 6px 0px 6px;} #dynamic_box_right .box .box_title_holder { background: url(../images/templates/box_right_head_right.gif) top right no-repeat; } /* Hides from IE5-mac \*/ * html #dynamic_box_right .box .box_title_holder { height: 1%;} /* End hide from IE5-mac */ #dynamic_box_right .box { background: #FFFFFF url(../images/templates/box_right_body_right.gif) bottom right no-repeat; margin-bottom: 6px; } #dynamic_box_right .box .box_body { background:url(../images/templates/box_right_body_left.gif) bottom left no-repeat; } #dynamic_box_right .box2 { background: #FFFFFF url(../images/templates/box_right_body_right2.gif) bottom right no-repeat; margin-bottom: 6px; } #dynamic_box_right .box2 .box_body2 { background:url(../images/templates/box_right_body_left2.gif) bottom left no-repeat; } #dynamic_box_right .box3 { background: #f89c1d; margin-bottom: 6px; padding:5px; border:1px solid #555; } #dynamic_box_right .box3 h1{ color: #851607; padding-top:3px; margin-left:5px; } #dynamic_box_right .box3 h2{ font-size:125%; } #dynamic_box_right .box3 .short { /*** Global summary styles ***/ margin-bottom: 4px; padding: 4px; border-bottom: none; } #dynamic_box_right .box3 .image{ padding: 1px; float: left; margin: 2px 9px 2px 2px; border: 1px solid #CCCCCC; } #dynamic_box_right .box .box_body div.box_content {padding: 6px 12px 12px 12px;} #dynamic_box_right .box2 .box_body2 div.box_content2 {padding: 6px 12px 12px 12px;} /* Hides from IE5-mac \*/ * html #dynamic_box_right .box .box_body { height: 1%;} * html #dynamic_box_right .box2 .box_body2 { height: 1%;} /* End hide from IE5-mac */ .right_box_link { text-align:right; margin-top: 6px; padding-top: 5px; border-top: 1px solid #DDDDDD;} .right_box_link a { color: #C90404;} /********** Lists ***************/ #dynamic_box_right div.box_body ul li { border-bottom: 1px solid #e1e1e1; padding: 1px 0px; } #dynamic_box_right div.box_body ul li.row_0 {} #dynamic_box_right div.box_body ul li.row_1 {} #dynamic_box_right div.box_body ul li a { display: block; padding: 4px 4px 4px 14px; background: url(../images/templates/right_box_bullet.gif) 6px 10px no-repeat; color: #555555; } #dynamic_box_right div.box_body ul li a:hover {background-color: #F8F8F9; color: #397099;} #dynamic_box_right div.box_body2 .mylist li a { display: block; padding: 4px 4px 4px 14px; color: #fff; text-decoration:none; } #dynamic_box_right div.box_body2 .mylist li a:hover {background-color: #F8F8F9; color: #397099;} #dynamic_box_right div.box_body2 .mylist { margin-top:8px; margin-bottom:10px; } #dynamic_box_right div.box_body2 .mylist li { border-bottom: 1px solid #e1e1e1; } /*** Tabs ***/ .tabs { font-size:11px; line-height:normal; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } ul.tabs{ margin:0; padding:4px 0 4px 0px; list-style:none; } .tabs li { display:inline; margin:0; padding:0; } .tabs a { margin: 0px 1px 0px 0px; padding:4px 0 4px 4px; text-decoration:none; } *:first-child+html .tabs a {padding:0 0 0 4px;} /* IE 7 hack */ /* Hides from IE5-mac \*/ * html .tabs a {padding:0 0 0 4px;} /* End hide from IE5-mac */ .tabs a span { padding:4px 8px 4px 4px; color:#666666; } .tabs a:hover {text-decoration: none;} .tabs a:hover span {color: #C90404;} .tabs a.active {background: url(../images/templates/tabs_left.gif) no-repeat left top;} .tabs a.active span { color: #C90404; background: url(../images/templates/tabs_right.gif) no-repeat right top; } /***Most popular/rated/commented box ***/ #dynamic_box_right #most_popular_rated_box .box div.box_title { background: #FFF;} #dynamic_box_right #most_popular_rated_box .box_tabs div.box_title {padding: 0px;} #dynamic_box_right #most_popular_rated_box .box .box_title_holder {background: #FFF;} #most_popular_rated_box .tabs {font-size:15px; line-height: 18px;} #most_popular_rated_box .tabs a {background: url(../images/templates/tabs_left_large_inactive.gif) no-repeat left top;} #most_popular_rated_box .tabs a span {color:#808080; background: url(../images/templates/tabs_right_large_inactive.gif) no-repeat right top;} #most_popular_rated_box .tabs a:hover {background: url(../images/templates/tabs_left_large.gif) no-repeat left top;} #most_popular_rated_box .tabs a:hover span {color: #851607; background: url(../images/templates/tabs_right_large.gif) no-repeat right top;} #most_popular_rated_box .tabs a.active {background: url(../images/templates/tabs_left_large.gif) no-repeat left top;} #most_popular_rated_box .tabs a.active span {color: #851607; background: url(../images/templates/tabs_right_large.gif) no-repeat right top;} #box_most_popular div.short, #box_most_popular_member div.short { padding: 5px; margin-bottom: 0px; background-color: #FFFFFF; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } #box_most_popular div.short h2 { font-size: 14px;} #box_most_popular_member div.short h2 { font-size: 14px;} #dynamic_box_right #box_most_popular div.box_content { padding-top: 0px;} #box_top_rated ol { padding:0px 0px 0px 25px; margin: 0; } #box_top_rated ol li {list-style: outside; list-style-type: decimal; font-size: 14px; font-weight: bold; color: #808080; } #box_top_rated ol li.row_1 { background-color: #FFFFFF;} #box_top_rated ol li a { font-size: 11px; font-weight: normal; display: block; border-bottom: 1px solid #E1E1E1; padding: 5px 2px;} /*** Latest comments box ***/ div#latest_comments div.single_comment img { float: left; margin: 2px 6px 2px 4px;} div#latest_comments div.single_comment {display: block; width: 100%; overflow: hidden; padding-bottom: 4px; margin-bottom: 6px; border-bottom: 1px solid #eee;} div#latest_comments div.single_comment div.comment_header { font-size: 11px; color: #666666;} div#latest_comments div.single_comment div.comment_header a {color: #C90404;} div#latest_comments div.single_comment div.comment_body { padding-top: 2px; font-size: 11px;} /*** Featured author box ***/ div#box_users div.box_body img { float: left; margin: 2px 10px 2px 4px;} div#box_users div.box_body h3 a { display: block; padding:0; margin:0; font-size: 14px;} div#box_users div.box_content { width: 90%; overflow: hidden;} div#box_users div.box_content span.bio {font-size: 11px;} div#box_users div.box_content span.bio2 {font-size: 12px;} div#box_users div.box_content2 span.bio2 {font-size: 12px;color:#fff;} /*** Review box ***/ #box_reviews {width:100%; overflow:hidden;} #box_reviews h3 { font-size: 18px; margin: 7px 0px 0px 0px; color: #656565; font-weight: normal;} #box_reviews h3 img { vertical-align: middle;} #dynamic_box_right #box_reviews .box div.box_title {font-size: 14px;} /*** Tag cloud box ***/ div#box_tags a:hover {color: #C90404;} #dynamic_box_right #box_tags .box_title { border-bottom: 1px solid #DCDCDC;} #dynamic_box_right #box_tags .box_title, #dynamic_box_right #box_tags .box_title_holder, #dynamic_box_right #box_tags, #dynamic_box_right #box_tags .box_body {background: none;} /*** Article page tag box ***/ #article_tags div.article_tags {} #article_tags div.article_my_tags { padding-top: 6px; margin-top: 6px; border-top: 1px solid #eeeeee;} #article_tags div.article_add_tag { padding-top: 6px; text-align: center;} /*** Article Tools box ***/ #dynamic_box_right div#box_article_tools { margin-bottom: 36px;} #dynamic_box_right div#box_article_tools ul { font-size: 11px;} #dynamic_box_right div#box_article_tools ul li img { vertical-align: bottom;} #dynamic_box_right div#box_article_tools ul li a {padding: 0px 4px 2px 4px; background: none; color: #666666;} #dynamic_box_right div#box_article_tools ul li a:hover {background: none; text-decoration: none; color: #C90404;} /*** Email friend box ***/ #send_article { padding: 6px; border: 1px solid #eee; } /*** Article vote box ***/ #stars { padding: 2px; width: 150px; overflow: hidden;} .article_rating { color: #CECECE; font-weight: bold; font-size: 14px; padding-top: 10px; padding-right: 18px; float: right; } div.standard_star { cursor: pointer;} /*** Attachments box ***/ #dynamic_box_right div.content_attachment {padding: 4px 0px; width: 100%; overflow: hidden;} #dynamic_box_right div.content_attachment img { vertical-align: bottom; float: left; padding-right: 4px;} #dynamic_box_right div.content_attachment a { width:206px; overflow:hidden; float:left;} /*************** FOOTER STYLES *************************************************************************************************************************/ /******************************************************************************************************************************************************/ .footer2 { padding: 5px; color: #666666; background-color: rgb(248, 248, 248); width: 980px; overflow: hidden; /*border:1px solid red;*/ } .footer { padding: 5px; color: #666666; background: #313131; width: 980px; overflow: hidden; /*margin-top:15px;*/ } .footer div.disclaimer a { color: #ffac29;font-weight:bold;} .footer div.disclaimer { float:left; font-size: 10px; padding-top: 5px; margin-top: 15px; color: #ffac29; margin-left:5px; } .static_footer { padding: 5px; margin-right: 5px; font-size: 11px; } .static_footer ul li { display: inline; padding: 0px 4px;} .static_footer .copyright { float: right; font-size: 10px;} .static_footer .copyright a {color:#397099;} /*** First level categories in footer ***/ .footer div.footer_categories { float:right; } .footer div.footer_categories ul { padding: 6px 3px 6px 3px; } .footer div.footer_categories li {padding: 0px 5px 0px 7px;} .footer div.footer_categories .single {float:right; margin-right:5px;font-size:11px;} .footer div.footer_categories .single li {text-align:right; margin-bottom:3px;} .footer div.footer_categories .single a { color:#dadada;} /* Styles for forms */ form { /******* Used for all forms in Vivvo *********/ padding: 0px; margin: 0px; } input, select, textarea { } select {} textarea {border: 1px solid #7F9DB9;} .form_line { margin-bottom: 6px; padding-bottom: 6px; width: 100%; overflow: hidden; /* if used, needs to be hidden because of Opera */ } *:first-child+html .form_line {margin-bottom: 0px; padding-bottom: 6px;} input.text {border: 1px solid #7F9DB9;} select.options { border: 1px solid #7F9DB9;} input.submit_button, button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .formElement p { margin-top: 0;} /***************** Box forms *******************/ #dynamic_box_right .form_line label {} #dynamic_box_right .form_line div.submit { text-align: right;} #dynamic_box_right .form_line div.submit a { float: left; padding-top: 3px; color: #C90404;} /*************** CONTENT FORMS *******************************************************************************************************************/ /******************************************************************************************************************************************************/ #dynamic_box_center div.form_line label { text-align: right; padding: 3px 0px 3px 3px; display: block; float: left; width: 30%; font-size: 12px; color: #666666; } #dynamic_box_center div.form_line2 label { text-align: right; padding: 3px 0px 3px 3px; display: block; float: left; font-size: 12px; color: #666666; } #dynamic_box_center div.formElement {float: left; margin-left: 6px; display: inline; z-index: auto;} #dynamic_box_center div.formElement label { padding: 0px; width: auto; text-align: left; float: none; display: block; font-weight: normal; } /***************** User registration form (ajax validations) *******************/ .tos_label {color:#666666;} .tos_label a {color:#C90404;} .tos_box {border: 1px solid #7F9DB9; padding: 6px; margin-top: 6px; width: 350px; height: 200px; overflow: scroll;} .tos_box pre {padding:0; margin:0; font-family: Arial, Helvetica, sans-serif;} #error_message {background:#FCD6D4; margin-bottom: 6px;} #error_message p {margin: 2px 0px; padding: 4px; color: #555555;} .validation { padding: 2px 0px 2px 18px; font-size: 11px; font-weight:bold; } .not_valid {background: url(../images/templates/validation_not_valid.gif) 0 0 no-repeat; color:#F3735D;} .checking {background: url(../images/templates/validation_info.gif) 0 0 no-repeat; color:#6b99c5;} .valid {background: url(../images/templates/validation_valid.gif) 0 0 no-repeat; color:#80CA73;} .menu, .menu ul { /* remove all list stylings */ margin: 0; padding: 0; border: 0; display: block; } .menu li { margin: 0; padding: 0; border: 0; display: block; float: left; /* move all main list items into one row, by floating them */ position: relative; /* position each LI, thus creating potential IE.win overlap problem */ z-index: 5; /* thus we need to apply explicit z-index here... */ list-style: none; } .menu li:hover { z-index: 10000; /* ...and here. this makes sure active item is always above anything else in the menu */ white-space: normal; /* required to resolve IE7 :hover bug (z-index above is ignored if this is not present) see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */ } .menu li li { float: none; /* items of the nested menus are kept on separate lines */ position:relative !important; } .menu ul { visibility: hidden; /* initially hide all submenus. */ position: absolute; z-index: 10; left: 0; /* while hidden, always keep them at the top left corner, */ top: 0; /* to avoid scrollbars as much as possible */ } .menu li:hover>ul { visibility: visible; /* display submenu them on hover */ top: 100%; /* 1st level go below their parent item */ } .menu li li:hover>ul { /* 2nd+ levels go on the right side of the parent item */ top: 0; left: 100%; } /* -- float.clear -- force containment of floated LIs inside of UL */ .menu:after, .menu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .menu, .menu ul {/* IE7 float clear: */min-height: 0;} /* -- float.clear.END -- */ /* -- sticky.submenu -- it should not disappear when your mouse moves a bit outside the submenu YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly! if you do it, make sure you 110% know what you do */ .menu ul { background-image: url(../images/templates/empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */ padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; /*background: #f00;*/ /* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */ } .menu ul ul { padding: 30px 30px 30px 10px; margin: 0 0 0 -10px; } /* -- sticky.submenu.END -- */ /************************************************************************************/ /*************************** DHTML_menu styles **************************************/ #mainNav { background: #F2F2F2; border-bottom: 1px solid #c22f00; border-top: 2px solid #c22f00; margin: 0px 5px; } .menu ul { font-size:90%; } .menu ul li { margin:0; float:none; border:none; } ul.menu li ul { font-size:98%; } .menu ul { width: 15em; margin:0; padding:0; } .menu li:hover { background:#e6e6e6; } /* Link styles */ .menu li a{ display:block; height:28px; line-height:28px; padding:0 12px; background: url(../images/templates/menu_pipe.gif) right top no-repeat; text-transform: uppercase; } .menu li a:link, .menu li a:visited, .menu li a:hover { color: #666; font-weight:bold; text-decoration:none; } .menu li a:hover { color:#c22f00; background-color:#e6e6e6; } .menu ul li { background:#e6e6e6; } .menu ul li:hover { background:#e6e6e6; } .menu ul li a:link, .menu ul li a:visited, .menu ul li a:hover { text-decoration: none; font-weight: normal; text-transform: none; display: block; float:none; position: relative; border:none; height:auto; line-height:100%; padding:6px 6px 6px 14px; background: url(../images/templates/dhtml_subcat_bullet.gif) 3px 9px no-repeat; border-bottom:1px solid #dadada; } .menu ul li a:hover { /*background: #5079a2;*/ } .menu li li:hover>ul { /* inset 2nd+ submenus, to show off overlapping */ background:#333333; padding:0; } /********************************************************************************************/ /**************************** Internet Explorer only styles ********************************/ /* Hides from IE5-mac \*/ * html #mainNav a {float:left;} * html .menu, * html .menu ul {zoom: 1;} * html .menu li.adxmhover {z-index: 10000;} * html .menu .adxmhoverUL {visibility: visible;} * html .menu .adxmhoverUL {top: 100%; left: 0;} * html .menu .adxmhoverUL .adxmhoverUL {top: 0; left: 100%;} * html .menu .adxmhoverA {background:#e6e6e6;} * html .menu ul a {zoom: 1;} * html .menu ul li {display:inline !important;} * html .menu ul li a:link, * html .menu ul li a:visited, * html .menu ul li a:hover {text-decoration: none; display:inline-block; display:block;} * html #mainNav .menu li ul li {margin:0; padding:0;} * html .menu li li {width:100%; margin:0; padding:0;} * html #mainNav .menu ul li a:link, * html #mainNav .menu ul li a:visited, * html #mainNav .menu ul li a:hover {float:none;} * html .menu ul ul {padding:0;} /* End hide from IE5-mac */ #headline {width:100%; overflow:hidden; background: #f4f4f4; padding-top:5px; height:420px;} .box_headline { background: #f4f4f4; padding: 5px; margin-bottom: 10px; width:338px;} #box_center_holder_home .box_headline h1 { font-size: 22px; padding: 5px 0px; border-bottom: none; margin-bottom: 0;} #box_center_holder_home .box_headline h2 { font-size: 12px; font-weight:normal; color:#397099;margin-bottom: 0;} .headline_article_holder { width: 100%; overflow:hidden;} .headline_image { text-align: center; position: relative; display: block; height: 238px; } .headline_body {color:#555555;} .headline_link a { text-align: right; font-size: 11px; color: #1948b6;} .headline_image div.image_caption { position: absolute; bottom: 0; left: 9px; width: 312px; text-align: left; font-size: 11px; color: #FFFFFF; background-color: #000000; padding: 3px; z-index: 999; opacity: .60; /* Standard style for transparency */ -moz-opacity: .60; /* Transparency for older Mozillas */ filter: alpha(opacity=60); /* Transparency for IE */ } /* Hides from IE5-mac \*/ * html .headline_image div.image_caption { left: 8px; bottom: 2px; } /* End hide from IE5-mac */ /*** Small headlines ***/ .other_headlines {} .other_headlines h2 {font-size: 14px;} .other_headlines span.summary {font-size: 11px; color:#555555;} .other_headlines div.headline_article_holder { margin-bottom: 10px; border-bottom: 1px solid #DCDCDC; padding: 0px 5px 5px 5px;} .other_headlines div.image { float: left; margin: 0px 5px 5px 0px;} .box_video { padding: 0px 2px; background: url(../images/templates/box_video_body.gif) bottom no-repeat; height: 400px; } .box_video_title { background: url(../images/templates/box_video_title.gif) top left no-repeat; font-size: 14px; color:#851607; padding:5px 6px; font-weight:bold; } .video_item { background-color: #fff; font-size: 11px; color: #333333; } .video_item span{ color: #4497d4; font-weight:bold; } .selected { background-color: #f7fbff;} .video_buttons { margin-top: 2px; } .video_buttons img { padding-right: 4px; } .video_image { float:left; display: inline; margin: 0px 4px 4px 0px; padding: 1px; } /* Container styling*/ #vertical_container { width: 100%; background: #ffffff; } #vertical_container .vertical_accordion_toggle { display: block; height: 28px; background: #e69f92; padding: 0 5px; line-height: 28px; font-weight: normal; text-decoration: none; outline: none; font-size: 12px; color: #fff; border-bottom: 1px solid #fff; cursor: pointer; margin: 0; overflow: hidden; } #vertical_container .vertical_active { background: #c22f00 url(../images/templates/box_video_item_title_active.gif) top repeat-x; color: #fff; } #vertical_container .vertical_accordion_content { height: 95px; overflow: hidden; color: #444444; } #vertical_container .vertical_accordion_content_holder { display:block; height: 85px !important; padding: 5px; } .box_stripes { width: 100%; overflow: hidden; margin: 10px 0px; width: 615px; background: #FAFAFA url(../images/templates/box_stripe_body.gif) left bottom no-repeat; } .box_stripes2 { width: 100%; overflow: hidden; margin: 10px 0px; width: 300px; background: #FAFAFA url(../images/templates/box_stripe_body2.gif) left bottom no-repeat; } .controls { padding: 7px; background: url(../images/templates/box_stripe_header.gif) top no-repeat; width: 601px; /*position: relative;*/ } .controls2 { padding: 7px; background: url(../images/templates/box_stripe_header2.gif) top no-repeat; width: 300px; /*position: relative;*/ } .controls span.title { /*position: absolute; top:9px; left:246px;*/ font-size: 16px; font-weight: bold;} .controls span.title a {color: #557ea6;} .controls a { color: #A5A5A5;} .controls img {} .controls span.section_prev_next { float: right;} .scroller { height:162px; width:605px; margin: 0px auto; overflow:hidden; } .scroller2 { height:162px; width:300px; margin: 0px auto; overflow:hidden; } .section { width:615px; height:148px; overflow:hidden; float:left; padding-left: 4px; padding-top: 6px; } .box_stripes div.image { float: none; text-align: center; margin-bottom: 4px; } .box_stripes div.image img {border: 1px solid #E0E0E0; padding: 1px;} .box_stripes div.stripe_summary_holder { width: 182px; height:164px; float: left; padding: 0px 6px 0px 6px; border-right: 1px solid #E0E0E0; text-align: center; } .box_stripes div.stripe_summary_text_holder h3 a { color: #C90404; font-size: 14px; } .stripe_add_links { text-align:center; font-size:11px; border-top: 1px solid #E0E0E0; padding: 2px 0px; color: #777777; } #box_newsletter {} #box_newsletter div.button_holder { height: 20px; padding: 4px;} #box_newsletter div.button_holder input { float: right;} #newsletter_form_holder { padding: 6px;} #box_poll {} .box_poll span.poll_question { color: #A5A5A5; font-size: 14px;} .box_poll label { display: block; border-bottom: 1px solid #ddd; padding: 4px 0px;} .box_poll label img { vertical-align: middle;} .box_poll div.button_holder { padding-top: 4px; width:100%; overflow:hidden;} .box_poll div.button_holder a { color: #C90404; float:right; padding-top: 5px;} .box_poll div.button_holder input {} /*** Poll page ***/ .poll_box_holder { background: #FAFAFA; border-bottom: 1px solid #dddddd; margin: 12px 0px; padding: 6px;} .poll_box_header { border-bottom: 1px solid #dddddd; margin-bottom: 6px; padding-bottom: 4px;} .poll_box_header h2 {font-size:14px; color:#397099;} .poll_box_header span { color: #666666;} .poll_line { margin-bottom: 6px; padding-bottom: 6px; width: 98%; overflow: hidden; /*** if used, needs to be hidden because of Opera ***/ } .poll_line img { vertical-align: middle;} .poll_line .no_of_votes {font-size:11px; color:#666666;} .poll_answer_title { text-align: right; padding: 0px 3px 2px 0px; display: block; float: left; width: 46%; font-size: 12px; color: #808080; font-weight: bold; } .fp_info {font-size:11px; padding-bottom:6px;} .acc_list {font-size:12px; margin-top:5px; padding-left:10px;} /* .trans table { width: 100%; margin-bottom:10px; border-width: 0 0 1px 1px; } .trans table tr td { padding: 5px 5px 5px 5px; line-height: 1.3em; border: 1px solid #ddd; } .trans table tr.title td { background: #f6f6f6; text-align:center; font-weight:bold; } .trans table tr.title:hover td { background: #f6f6f6; } .trans table tr:hover td { background: #fdfcf6; } .trans table tr .action a { text-decoration: none; font-weight:bold;} .trans table tr:hover .action .edit { color: #c5a059; } .trans table tr:hover .action .view { color: #55a34a; } .trans table tr:hover .action .help { color: #5494af; } */ .trans table { border-color: #ddd; border-width: 0 0 1px 1px; border-style: solid; width: 100%; } .trans table tr.title td { background: #f6f6f6; text-align:center; font-weight:bold; } .trans table tr.title:hover td { background: #f6f6f6; } .trans tr td { border-color: #ddd; border-width: 1px 1px 0 0; border-style: solid; margin: 0; padding: 4px; } .trans table tr:hover td { background: #fdfcf6; } .trans table tr .action a { text-decoration: none; font-weight:bold;} .trans table tr:hover .action .edit { color: #c5a059; } .trans table tr:hover .action .view { color: #55a34a; } .trans table tr:hover .action .help { color: #5494af; } .red{ color:#c66653; } .red2{ color:#c66653; font-size:11px; } .bold{ font-weight:bold; } .keterangan{ color:#999; font-style:italic; font-size:10px; } .div_result { margin:15px 0px 2px; } .div_result a{ text-decoration:none; color: #5494af; } .div_result a.active{ font-weight:bold; font-size:140%; } .div_result a:hover{ text-decoration:underline; } .div_result input{ border:solid 1px #a3aece; padding:0.2em 0.2em 0.1em 0.2em !important /*Non-IE6*/; padding:0.1em 0.1em 0.2em 0.1em /*IE6*/; color:#999; font-size:100%; width:150px; } .div_result input:focus{ border:solid 1px #f1cc83; } .navigator{ text-align:right; } .error{ margin:0px 0 10px; } #msg-utama{ background-color:#fdb825; border:1px solid #000; padding:5px; font-size:100%; position:absolute; right:10px; color:#000; width:300px; text-align:left; top:30px; } #msg-utama h5{ font-size:120%; margin-bottom:5px; } .tooltip { position: absolute!important; overflow:hidden; z-index: 10000!important; } .tooltip .xtop, .tooltip .xbottom { display: block; background: transparent; font-size: 1px; } .tooltip .xb1, .tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { display: block; overflow: hidden; } .tooltip .xb1, .tooltip .xb2, .tooltip .xb3 { height: 1px; } .tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { background: #f9f8da; border-left: 1px solid #333; border-right: 1px solid #333; } .tooltip .xbottom .xb2, .tooltip .xbottom .xb3, .tooltip .xbottom .xb4 { background: #f9f8da; } .tooltip .xb1 { margin: 0 5px; background: #f9f8da; } .tooltip .xb2 { margin: 0 3px; border-width: 0 2px; } .tooltip .xb3 { margin: 0 2px; } .tooltip .xb4 { height: 2px; margin: 0 1px; } .tooltip .xboxcontent { padding: 0 .5em; margin: 0; color: #660000; text-align: left; text-shadow: 2px 2px 0px #CCC; word-wrap:break-word; border: 1px solid #333; border-width: 0px 1px 0 1px; background-color: #f9f8da; } .paging2 { background:#efefef; padding:5px; border:1px solid #ccc; margin-bottom:15px; } .paging2 span{ color:#c66653; } .paging { text-align:right; background:#efefef; padding:5px; border:1px solid #ccc; margin-bottom:15px; } .paging ul{ padding-top:0px; margin-top:0px; list-style:none; } .paging ul li{ display:inline; padding: 0px 5px; font-size:14px; } .paging a{ color: #47aedd; font-size:12px; } #posting { margin-left:20px; margin-bottom:20px; } #posting .label{ display:block; margin-bottom:3px; font-weight:bold; } #posting .inputer{ margin-bottom:20px; } .div_dropdown{ float:left; margin-right:15px; } .artikel_nav{ font-size:12px; text-align:right; background: #efefef; padding:3px; border:1px solid #ccc; margin-top:5px; } fieldset { border: 1px solid #ddd; padding: 5px 10px 5px 10px; margin: 0 0 20px 0; background: #fbfbfb; } .div-pesan{ background-color:#fdfcf6; border:1px solid #ddd; padding:5px; margin-bottom:0px; margin-top:10px; font-size:100%; } .div-pesan h5{ font-size:120%; margin-top:3px; } .div-pesan p{ margin-top:5px; margin-bottom:1px; } .div-pesan ul{ margin-top:0px; margin-bottom:1px; padding-left:2.9em; } .div-pesan ul li{ padding:0px 3px 0px 3px; margin-bottom:0px; } .ticker_summary h3 {font-size: 11px;} .ticker_summary div.summary { font-size: 11px; height: 45px; overflow: hidden;} .ticker_summary a {color: #CA0405;} .ticker_summary span.ticker_category {color: #cccccc;} .ticker_summary span.ticker_category a {color: #000000;} .ticker_summary .scroller { height:300px; } .ticker_summary .section { height:87px; width: 328px; float: none; padding-bottom: 6px; border-bottom: 1px solid #BEBEBE; } .ticker_summary .row_1 {background-color: #F1F1F1;} #surat_pembaca{ margin-right:10px; float:left; width:250px;border: 1px solid rgb(238, 238, 238); padding: 5px 25px 5px 5px; background: rgb(248, 248, 248) url(../images/templates/quote_kecil.gif) no-repeat scroll right top; height: auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; } #surat_pembaca h2{ margin-top:13px; } #surat_pembaca div.box_content {padding: 6px 12px 12px 12px;} #surat_pembaca ul li { border-bottom: 1px solid #e1e1e1; padding: 1px 0px; } #surat_pembaca ul li.row_0 {} #surat_pembaca ul li.row_1 {} #surat_pembaca ul li a { display: block; padding: 4px 4px 4px 14px; background: url(../images/templates/right_box_bullet.gif) 6px 10px no-repeat; color: #555555; } .images2 { border:1px solid #ccc; width:150px; height:112px; } #surat_pembaca ul li a:hover {background-color: #F8F8F9; color: #397099;} #member{ float:right; width:300px;border: 1px solid rgb(238, 238, 238); padding: 5px 5px 5px 5px; height: auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; } #member .nama{ font-size:11px; } #berita-foto #Container_foto{ margin:0 auto; padding: 0; position:relative; width:100%; height:310px; background-color:#fff; border:3px solid #CECEB5; overflow:hidden } #berita-foto #LinkContainer{ display:none; position:absolute; top:0;left:0; height:200px; width:200px; z-index:100; background:url(../images/utils/start.gif) 50% 50% no-repeat } #berita-foto #LoadContainer{ height:25%; width:50%; position:absolute; top:40%; left:25%; text-align:center; z-index:1; } #berita-foto #PhotoContainer{ visibility:hidden } #berita-foto #CaptionBlock{ height:18px; width:582px; text-align:left; margin:0 auto } #berita-foto #Caption{ color:#333 } #License{ margin:0 auto; padding-top:10px; font-size:10px; color:#666; border-top:1px solid #CECEB5; width:740px; text-align:left; line-height:1.4em; } #berita-foto #PrevLink{ z-index:100; position:absolute; top:0%; left:0%; height:200px; width:50%; display:block } #berita-foto #NextLink{ z-index:100; position:absolute; top:0%; left:50%; height:200px; width:50%; display:block } #berita-foto #PrevLink:hover,#NextLink:hover{ text-decoration:none } #berita-foto #PrevLink:hover{ background:transparent url(../images/utils/prev_rounded_sidebar2.gif) left 50% no-repeat } #berita-foto #NextLink:hover{ background:transparent url(../images/utils/next_rounded_sidebar2.gif) right 50% no-repeat } #berita-foto #PrevLink span,#NextLink span{ display:none } #berita-foto img{ border:none } #berita-foto p{ font-size:11px; padding:1em 0 } #berita-foto #Wrapper{ margin:0 auto; height:500px; width:100%; overflow:hidden; position:relative } #berita-foto #Wrapper[id]{ display:table; position:static } #berita-foto #InnerWrapper{ position:absolute; top:50%; left:0; } #berita-foto #InnerWrapper[id]{ display:table-cell; vertical-align:middle; position:static } #berita-foto #OuterContainer{ position:relative; top:-50% } .profil{ width:615px; margin-top:20px; } .profil a{ color:#397099; text-decoration: none; } .profil a:hover{ text-decoration: underline; } .profil .profil-left{ width:150px; float:left; padding:5px; color:#888; } .profil-left ul{ border:1px solid #ddd; background:#efefef; } .profil-left ul li{ border-bottom:1px solid #fff; padding:3px; } .profil-left ul li.nama{ font-size:15px; font-weight:bold; } .profil-left ul li.follow{ text-align:center; font-size:10px; padding:3px 2px 3px 2px; } .profil-left ul li.follower{ text-align:center; font-size:10px; padding:3px 9px 3px 9px; background:#fff; } .profil-left ul li.follower #daftar-follower{ width:128px; border:none; background:#fff; padding: 3px 0px 3px 0px; margin-bottom:0px; } .profil-left ul li.follower #daftar-follower .image-follower{ float:left; } .profil-left ul li.last{ background:#fff; } .profil-right{ float:left; padding:14px; width:425px; } .profil-right .bio{ margin-bottom:10px; clear:both; border-bottom:3px solid #cf6d5b; height:35px; } .profil-right .nama{ font-size:20px; font-weight:bold; color:#cf6d5b; float:left; } .profil-right .pamor{ font-size:20px; font-weight:bold; color:#cf6d5b; float:right; } .profil-right .pamor span{ font-weight:normal; color:#888; } .profil-right fieldset{ border-bottom: 1px solid #efefef; border-right: 1px solid #fff; border-top: 1px solid #fff; border-left: 1px solid #fff; background:#fff; padding: 5px 8px 5px 8px; margin-bottom:0px; } .profil-right fieldset.none{ border-bottom: none; } .profil-right fieldset.kita-saja{ background:#F2F2F2; margin-top:5px; margin-bottom:10px; border:1px solid #ccc; padding: 8px 8px 8px 8px; } .profil-right fieldset .komentar-kita-saja{ color:#555; } .profil-right .komentar-kita-saja textarea{ font-size:12px; } .profil-right .komentar-kita-saja textarea.abu{ color:#777; } .profil-right .komentar-kita-saja textarea.normal{ color:#000; } .profil-right h2{ color:#777; font-size:14px; } .profil-right fieldset .foto{ float:left; width:60px; } .profil-right fieldset .foto-follow{ float:left; width:50px; } .profil-right fieldset .komentar{ float:right; width:345px; color:#555; margin-bottom:0px; } .profil-right fieldset .komentar2{ float:right; width:345px; color:#555; margin-bottom:0px; margin-top:9px; } .profil-right fieldset .komentar2 h1{ margin-bottom:0px; } .profil-right fieldset h1{ font-size:14px; color:#555; font-weight:normal; margin-bottom:5px; } .profil-right fieldset h1 a{ font-weight:bold; } .profil-right fieldset h3{ font-size:10px; font-weight:normal; color:#cf6d5b; margin-bottom:0px; } .profil-right textarea{ font-size:11px; font-family:arial; border:1px solid #ccc; padding:3px; } .profil-right textarea.abu{ color:#ccc; } .profil-right textarea.normal{ color:#000; } .profil-right fieldset #result2{ margin-top:5px; width:275px; font-size:11px; } .profil-right fieldset .komentarbls{ border-bottom: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1; background:#f1f1f1; padding: 3px 3px 3px 3px; margin-bottom:2px; } .profil-right fieldset .komentarbls .foto{ float:left; width:40px; } .profil-right fieldset .komentarbls .komentar{ float:right; width:220px; color:#777; } .profil-right fieldset .komentarbls .komentar h1{ font-size:11px; font-weight:bold; } .profil-right fieldset .komentarbls .komentar h3{ font-size:9px; margin-top:3px; } .older-post{ background:#F2F2F2; margin-top:3px; margin-bottom:10px; border-top:1px solid #ccc; padding: 5px; font-size:11px; } .mybutton{ border:1px solid #ccc; background:#fff; color:#777; } /* account tab */ div.tabBox {} div.tabArea { font-size:11px; font-weight: bold; padding: 0px 0px 5px 0px; } a.tab { background-color: #F2F2F2; padding: 5px 2em 5px 2em; position: relative; text-decoration: none; top: 1px; z-index: 100; margin-left:5px; } a.tab, a.tab:visited { color: #397099; } a.tab:hover { background-color: #e6e6e6; color: #c22f00; text-decoration:none; } a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited { background-color: #fff; border-color: #eaeaea #959595 #fff #eaeaea; color: #c22f00; } a.tab.activeTab { border: 1px solid #c22f00; border-bottom-width: 0px; border-color: #eaeaea #efefef #959595 #efefef; top: 1px; z-index: 102; } div.tabContent { background-color: #fff; border-top: 1px solid #efefef; border-color: #efefef #fff #fff #fff; width: 100%; } /****************************************************************************** * Additional styles. * ******************************************************************************/ h4#title { background-color: #d4d4d4; border: 1px solid #000000; border-color: #959595 #dedcdc #dedcdc #959595; color: #666666; font-weight: bold; margin-top: 0em; margin-bottom: .5em; padding: 2px .5em 2px .5em; } .warga fieldset{ background-color: #fff; } .warga fieldset .foto-follow{ float:left; width:50px; } .warga fieldset .komentar2{ float:left; width:410px; color:#555; margin-bottom:0px; margin-top:7px; margin-left:10px; } .warga fieldset .rating{ float:left; width:110px; color:#555; margin-bottom:0px; margin-top:15px; text-align:right; } .warga fieldset .komentar2 h1{ margin-bottom:0px; } #box_center_holder .indeks li{ display: block; padding: 4px 4px 4px 14px; background: url(../images/utils/bg_bullet_full_2.gif) 6px 10px no-repeat; } #box_center_holder .indeks li span{ color:#666; font-size:11px; } .transbox { width: 990px; margin: 0px auto; height:25px; background-color:#cf6d5b; border:1px solid black; position:fixed; bottom:0px; color:#fff; /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6; } .footer-content{ border-top:solid 1px #997766; border-left:solid 1px #997766; border-right:solid 1px #997766; margin: 0px auto; background-color:#000; z-index:1050; bottom:0; height:24px; position:fixed; width:990px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6;} .footer-breadcrumbs {position:absolute; clear:both; width:660px; } .footer-breadcrumbs ul {float:left; width:640px; list-style:none; padding:3px 0 0 15px; font-family:verdana,arial,sans-serif;} .footer-breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url(../images/utils/bg_bullet_arrow.gif) no-repeat 0 50%; font-weight:bold; color:#fff; font-size:100%;} .footer-breadcrumbs ul a {color:rgb(255,255,255); text-decoration:none;} .footer-breadcrumbs ul a:hover {text-decoration:underline;} .footer-member {cursor:pointer;position:absolute; width:140px; margin-left:690px;color:#000; background:#fff;height:25px;padding-top:4px;padding-left:20px;} .footer-member:hover{ background:#ffffcc; } .footer-icon {position:absolute; width:200px; margin-left:850px; } .footer-icon ul {float:left; padding:2px 10px 0 10px; border-left:solid 1px #997766;} .footer-icon li {display:inline; list-style:none;} .footer-icon li a {padding:0 0 0 0;} .footer-icon a:hover {text-decoration:none;} .footer-icon a img { border:none;} #notifikasi{ z-index:1051; margin-left:965px;font-size:12px;color:#fff;position:fixed;background:#FF0000;bottom:20px;padding:2px;text-align:center;font-weight:bold; } #onliner{ width:155px; z-index:1049; margin-left:690px; font-size:11px; color:#666; position:fixed; background:#fff; bottom:25px; padding:2px; border-top:solid 1px #c22f00; border-left:solid 1px #c22f00; border-right:solid 1px #c22f00; border-bottom:solid 1px #c22f00; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; } #onliner ul li{ padding:3px; } #onliner ul li a{ text-decoration:none; } #onliner ul li a:hover{ color:#c22f00; } #onliner ul li:hover{ background-color:#ffffcc; cursor:pointer; } #onliner .foto-ol{ float:left; height:24px; width:24px; } #onliner .nama-ol{ float:left; margin-left:5px; margin-top:5px; } #onliner h1{ background:#c22f00; font-size:12px; height:25px; line-height:2.2em; padding-left:5px; color:#fff; margin-bottom:3px; float:left; } #onliner .minimize{ float:right; background:#c22f00; width:58px; height:20px; text-align:right; padding-right:5px; padding-top:5px; } #ratingers { color: #666666; padding: 2px 6px; margin: 6px 0px 12px 0px; border-bottom: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; border-left: 1px solid #fff; border-right: 1px solid #fff; background:#fff; clear:both; } #ratingers h2{ font-size:14px; margin-top:5px; } .short_holder h3{ font-size:18px; margin-top:0px; } #img-tentang img{ margin-top:3px; } .sidebox { margin: 0 auto; /* center for now */ width: 40em; /* ems so it will grow */ background: url(../images/templates/sbbody-r.gif) no-repeat bottom right; font-size: 100%; } .boxhead { background: url(../images/templates/sbhead-r.gif) no-repeat top right; margin: 0; padding: 0; } .boxhead h2 { background: url(../images/templates/sbhead-l.gif) no-repeat top left; margin: 0; padding: 22px 30px 5px; color: white; font-weight: bold; font-size: 1.2em; line-height: 1em; text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */ } .boxbody { background: url(../images/templates/sbbody-l.gif) no-repeat bottom left; margin: 0; padding: 5px 30px 31px; }