/* Theme Name: Pro-Property Version: 1.0 Author: Agung Pamuji */ /* RESET */ @import url('typography.css');@import url('megamenu.css');@import url('colorbox.css');@import url('button.css'); /*body{background:#f0ede8 url(../images/bg2.jpg) repeat-x top;margin:0; background-attachment:fixed; height:100%;}*/ body{background:#f0ede8;margin:0;} div .bg_link { width:100%; height:1000px; position:fixed; text-indent:-9999px; overflow:hidden; z-index:-100; } #clearfix{clear:both;} #line{clear:both;margin:5px 0 10px 0;border-bottom:3px solid #cec7bb;} #thinline{clear:both;margin:5px 0 10px 0;border-bottom:1px solid #cec7bb;} #doubleline{clear:both;margin:5px 0 10px 0;padding:1px 0;border-bottom:1px solid #333;border-top:1px solid #736357;} .white{background:#FFFFFF;} .shadowed{-webkit-box-shadow:2px 2px 2px #dddcdc;-moz-box-shadow:2px 2px 2px #dddcdc;box-shadow:2px 2px 2px #dddcdc;} #wrapper, #header, #footer{margin:0 auto;width:1000px;overflow:hidden; background:#f0ede8; z-index:10000px;} #header{/*border-top:1px solid #7fb237;*/} #branding{margin:40px 0 10px 0;} #branding .boxes{background:#efefef;float:right;width:468px;height:60px;} #navigation{margin:10px 0 0 0;border-bottom:4px solid #7fb237;height:65px;width:1000px;} #top_nav{line-height:30px;margin-bottom:10px;text-align:left; border-bottom:1px solid #7fb237;text-transform:uppercase;font-family:Arial, Helvetica, sans-serif;font-stretch:extra-condensed; position:fixed; width:1000px; background:#f0ede8; z-index:1000;} #top_nav .free_reg {padding:3px 5px; background:url(../images/menu/menu_orange.gif) right top no-repeat; color:#333; text-decoration:blink; margin-right:5px; border:1px solid #EAAD00; text-shadow:1px 1px 1px #F9DC8A;} #top_nav .login {padding:3px 5px; background: #9dd53a; background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 40%, #80c217 60%, #7cbc0a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(40%,#a1d54f), color-stop(60%,#80c217), color-stop(100%,#7cbc0a)); background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 40%,#80c217 60%,#7cbc0a 100%); background: -o-linear-gradient(top, #9dd53a 0%,#a1d54f 40%,#80c217 60%,#7cbc0a 100%); background: -ms-linear-gradient(top, #9dd53a 0%,#a1d54f 40%,#80c217 60%,#7cbc0a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); background: linear-gradient(top, #9dd53a 0%,#a1d54f 40%,#80c217 60%,#7cbc0a 100%); color:#333; text-decoration:none; margin-right:5px; border:1px solid #7fb237; text-shadow:1px 1px 1px #F9DC8A;} #content_wrapper{background:#fff;float:left;width:685px;margin-bottom:10px;overflow:hidden;border-bottom:1px solid #d3c8c8;border-right:1px solid #d3c8c8;-webkit-box-shadow:2px 2px 2px #dddcdc;-moz-box-shadow:2px 2px 2px #dddcdc;box-shadow:2px 2px 2px #dddcdc;} #content_wrapper_brown{background:#ded8cd;border:1px solid #e6e0d7;float:left;width:685px;margin-bottom:10px;overflow:hidden;border-bottom:1px solid #d3c8c8;border-right:1px solid #d3c8c8;-webkit-box-shadow:2px 2px 2px #dddcdc;-moz-box-shadow:2px 2px 2px #dddcdc;box-shadow:2px 2px 2px #dddcdc;} #content_wrapp_top{float:left;width:662px;margin-bottom:10px;overflow:hidden;font-size:11px;} #content_wrapp_top a{font-size:11px;} #content_wrapp{float:left;width:685px;margin-bottom:10px;overflow:hidden;} #content_wrapper_med{float:left;width:540px;margin-bottom:10px;overflow:hidden;} #content_wrapper_med .block{display:block;padding:5px 10px;margin-bottom:10px;font-size:14px;font-weight:bold;background:url('../images/bg/block_001.gif') repeat-x;border-top:1px solid #507f00;border-bottom:1px solid #507f00;text-shadow:#fff 1px 1px 1px} #content_wrapper h1, #content_wrapper_med h1{background:#979189;color:#fff;font-family:'Helvet';font-smooth:always;font-weight:normal;*font-weight:bold;font-size:18px;margin:0;padding:20px 10px 8px 10px;text-shadow:1px 1px 1px #333;} .title{background:#979189;color:#fff;font-family:'Tahoma', Arial, Helvetica, sans-serif;font-stretch:extra-condensed;font-smooth:always;font-weight:bold;font-size:12px;margin:0;padding:8px 10px;text-shadow:1px 1px 1px #333;} .src_title { height:44px; line-height:44px; color:#45925a; text-shadow:1px 1px 1px #ffffff; font-size:24px; padding-left:20px; font-weight:bold; } .user_fitur { clear:both; padding:15px; height:30px; } .fitur { float:left; width:145px; position: relative; border-right:1px dashed #898684; padding:0 10px; } .fitur2 { float:left; width:145px; position: relative; padding:0 10px; } .fitur2 img { float:left; margin-right:15px; } .fitur img { float:left; margin-right:15px; } #mainpicture{display:block;margin-bottom:10px;} .category_nav{text-align:left;font-size:12px;font-family:Arial, Helvetica, sans-serif;margin-bottom:10px;border-bottom:1px solid #d3c8c8;padding:5px;} .category_nav a{text-align:left;font-weight:normal;padding:3px 5px;line-height:25px;text-transform:uppercase;} .category_nav a:hover{text-align:left;background:#fab850;text-decoration:none} .category_nav a.selected{text-align:left;background:#fab850 url(../images/menu/menu_orange.gif) bottom right no-repeat;padding:3px 8px;border-bottom:1px solid #d3c8c8;border-right:1px solid #d3c8c8;color:#FFFFFF;text-shadow:1px 1px 1px #333333;-webkit-box-shadow:0 0 4px #555555;-moz-box-shadow:0 0 4px #555555;box-shadow:0 0 4px #555555;} #menu_child{background:#FFFFFF;padding:5px;margin-top:5px;width:160px;border:2px solid #d3c8c8;text-align:left;} #menu_child a{border-right:none;text-transform:none;} #menu_child a:hover{background:none;font-weight:bold;color:#333333;} #menu_child ul{margin:0;list-style-type:none;padding-left:0;} #menu_child ul li{display:block;border-bottom:1px solid #bbbbbb;} .category_nav .input{width:200px;height:22px;float:left;padding:3px 0 0 3px;line-height:normal;background:url(../images/base/input_articles.gif) center no-repeat;margin:0;border:none;} .category_nav .go{width:30px;height:25px;background:url(../images/go.gif) center no-repeat;float:left;} #content_wrapper .widget{background:transparent url('../images/base/widget_bg.gif') center repeat-x;line-height:30px;} #content_wrapper .widget h2{font-family:'Arial';margin:0;padding:0;text-indent:10px;font-size:16px;text-shadow:#ffffff 1px 1px 1px} #content_post{margin:10px;padding:0;} #container{padding:0;} #col1, #col2{margin:5px 0;width:315px;min-height:180px;padding:10px;background:#ffffff;border:1px solid #efefef;border-bottom:1px solid #d3c8c8;border-right:1px solid #d3c8c8;} #col1 h1, #col2 h1{display:block;border-bottom:1px solid #e6e0d7;font-family:Arial, Helvetica, sans-serif;color:#222222;font-size:12px;padding:3px 5px;font-weight:bold;text-transform:uppercase;} #col1 h1 a, #col2 h1 a{color:#222222;} .col_module{margin:5px 0;width:300px;min-height:250px;padding:2px 2px;background:#ffffff;border:1px solid #efefef;border-bottom:1px solid #d3c8c8;border-right:1px solid #d3c8c8;float:right;overflow:hidden;-webkit-box-shadow:2px 2px 2px #dddcdc;-moz-box-shadow:2px 2px 2px #dddcdc;box-shadow:2px 2px 2px #dddcdc; text-align:left;} .push10{margin-right:10px; text-align:left;} .col_module a{font-size:11px;} .banner{background:#d3c8c8;} .h_auto{height:auto;} .col_module h3{display:block;border-bottom:1px solid #e6e0d7;font-family:Arial, Helvetica, sans-serif;color:#222222;font-size:12px;padding:3px 5px;font-weight:bold;} .col_module h3 a{color:#222222;font-weight:bold;font-size:12px;} #col1 img, #col2 img{padding:0 5px;border:none;} #col1{float:left;} #col2{float:right;} .cal{background:url('../images/icon/calendar.png') center no-repeat;float:left;margin-right:5px;width:49px;height:43px;padding:17px 5px 0 5px;font-size:14px;font-weight:bold;text-align:center;font-size:12px;} .imgpic{padding:5px;border:1px solid #BBB;margin-right:5px;margin-bottom:5px;} #col1 ul, #col2 ul{margin:0;padding-left:10px;list-style:square outside none;} #col1 ul li, #col2 ul li{margin-left:5px;} .col_related_article{width:250px;overflow:hidden;float:right;margin:0 0 10px 10px;} .post_picture{margin-bottom:10px;overflow:hidden;} .related_post{border:1px solid #cec7bb;padding:10px;} #list_result{border-bottom:1px solid #d3c8c8;border-right:1px solid #d3c8c8;background:#ffffff;margin-bottom:10px;height:170px;position:relative;-webkit-box-shadow:2px 2px 2px #dddcdc;-moz-box-shadow:2px 2px 2px #dddcdc;box-shadow:2px 2px 2px #dddcdc;} #list_result .inset{padding:10px;overflow:hidden;} #list_result:hover{width:auto;background:#FFFFFF;} #list_result h2{display:block;padding:3px 5px;background:#E4F4B0;font-size:11px;margin:0;letter-spacing:2px;} #list_result_l{width:50%;padding:10px;float:left} #list_result_r{width:40%;padding:5px;float:right} #list_result .bottom{cursor:pointer;background:#EEE;padding:5px;text-align:right;} #list_result_highlight{border-bottom:1px solid #d3c8c8;border-right:1px solid #d3c8c8;background:#f8f6f5;margin-bottom:5px;height:185px;position:relative;-webkit-box-shadow:2px 2px 2px #dddcdc;-moz-box-shadow:2px 2px 2px #dddcdc;box-shadow:2px 2px 2px #dddcdc;} #list_result_highlight:hover{background:#ede9e6;} #p_pack{position:absolute;right:5px;bottom:5px;width:30px;height:30px;} #s_pack{position:absolute;right:45px;bottom:7px;width:70px;height:25px;} #list_result .title{background:#979189;color:#fff;font-family:'Tahoma', Arial, Helvetica, sans-serif;font-stretch:extra-condensed;font-smooth:always;font-weight:bold;font-size:12px;margin:0;padding:8px 10px;text-shadow:1px 1px 1px #333;} #list_result .title a{color:#FFFFFF;text-transform:uppercase;} #list_result .view{border-top:1px solid #d3c8c8;margin:0 0 5px 0;padding:5px 10px 0 0;text-align:right;} #list_head_l{width:370px;float:left;margin:0} #list_head_l h2, #list_head_r h2{font-size:16px;font-family:'Arial',Helvetica,sans-serif;margin:0;font-weight:bold;} #list_head_r{width:200px;float:right;padding-left:10px;margin:0} #shortdesc{width:315px;float:left} #gallery{width:332px;float:right} #post_comment{border-bottom:#bbb 1px solid;margin-bottom:5px;padding-bottom:5px;} #sidebar{float:right;width:300px;} #leftbar{float:left;width:140px;margin-right:10px;} #sidebar .widget{float:right; width:300px;} #sidebar .widget, #leftbar .widget{background:#fcfcfc;margin-bottom:15px;padding:0;border-bottom:1px solid #d3c8c8;border-right:1px solid #d3c8c8;-webkit-box-shadow:2px 2px 2px #dddcdc;-moz-box-shadow:2px 2px 2px #dddcdc;box-shadow:2px 2px 2px #dddcdc; text-align:left;} #sidebar .box{padding:10px 5px;/*margin:0 5px;*/} #sidebar .widget h3, .widget_clear h3{background:#979189;color:#fff;font-family:'Helvet';font-smooth:always;font-weight:normal;*font-weight:bold;font-size:18px;margin:0;padding:15px 10px 8px 10px;text-shadow:1px 1px 1px #333;} #sidebar .widget_clear, #leftbar .widget_clear{background:#f8f7f6;margin-bottom:10px;padding:0;border:1px solid #bbb;} #sidebar .widget_clear .box{background:#f1efed;padding:10px 5px;margin:0;} #leftbar .widget_clear .box{background:#f1efed;padding:5px;margin:0;} #sidebar .widget_clear h2{background:transparent url(../images/base/title.gif) center repeat-x;font-family:'Arial';margin:0;padding:0;text-indent:10px;font-size:14px;line-height:30px;text-shadow:#ffffff 1px 1px 1px;border:1px solid #bbb;} #advertisement{width:auto;margin:0 0 5px;padding:0; background:#FFF;} #footer{background:#ded8cd;margin-bottom:65px;border:1px solid #e6e0d7;width:998px;-webkit-box-shadow:2px 2px 2px #dddcdc;-moz-box-shadow:2px 2px 2px #dddcdc;box-shadow:2px 2px 2px #dddcdc;} #footer_container{padding:10px;border:3px solid #FFFFFF; text-align:left;} #footertext-wrap{display:block;float:left;width:200px;margin:0 5px;padding:5px;color:#444} #footertext-wrap a{font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:normal} #tabelpagingnormal, #tabelpaginonpage{display:block;float:left;padding:2px 5px;margin-right:3px;margin-bottom:5px;} #tabelpagingnormal{background:none;color:black;border:solid 1px #444;} #tabelpaginonpage{background:#8cc63f;color:#fff;border:solid 1px #444;} #tabelpaging a{display:block;float:left;padding:0.1em 0.3em;margin-right:3px;margin-bottom:5px;border:solid 1px #444;} #banner_top{width:1000px;height:90px;margin:10px auto;padding:5px 0;text-align:center} #banner_down{width:1000px;height:90px;margin:10px auto;padding:5px 0;/*background:#6C6459;*/background:#ffffff;text-align:center} #banner_middle{width:590px;height:60px;padding:5px;background:#bbb;text-align:center;} .block_bb{line-height:30px;font-size:12px;font-weight:bold;color:#FFFFFF;background:#6C6459;text-align:right;} .block_bb a{color:#FFFFFF;padding-right:10px;} #floating_banner_bottom{text-align:center;width:1000px;bottom:0px;margin-bottom:0px;height:60px;position:fixed;z-index:100;right:50%;margin-right:-500px;_position:absolute;_top:[removed]document.body.scrollTop+document.body.clientHeight-this.clientHeight);} html>body #floating_banner_bottom{margin-bottom:0px;bottom:0} #floating_banner_bottom div.close{float:right;width:auto;height:16px;text-align:right;background:#333333;} #floating_banner_container{width:1000px;margin:60px 0 auto;position:relative;} #floating_banner_top{text-align:center;width:1000px;top:0px;margin-bottom:0px;height:60px;position:fixed;z-index:1000;right:50%;margin-right:-500px;_position:absolute;_top:[removed]document.body.scrollTop+document.body.clientHeight-this.clientHeight);} html>body #floating_banner_top{margin-bottom:0px;bottom:0} #floating_banner_top div.close{float:right;width:auto;height:16px;text-align:right;} .sc_banner{position:fixed;top:50%;right:0;margin-top:-40px;width:40px;height:40px;background:#009900;color:#FFFFFF;} .icon{margin-bottom:1px;} .proList, .newList{position:absolute; left:0px; top:0px; z-index:0;width:40px; height:40px;} .proList { background:#FFF; } #faw { /*background: #363636;*/background:#7bc142; width: 354px; height: 450px; position: fixed; top:50%; margin-top:-240px; left:50%; display: none; opacity: 0; KHTMLOpacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; z-index: 1000; -webkit-box-shadow: 0px 0px 100px #333; -moz-box-shadow: 0px 0px 100px #333; box-shadow: 0px 0px 100px #333; } #faw .ad { height: 450px; /*padding:0 20px 10px;*/padding:2px; } #faw img { border: none; } #faw .bar { /*height: 20px; line-height: 20px;*/ } #faw .bar a { margin-left: 10px; font-weight: bold; float: left; color: #FFF; font-size: 10px; text-decoration:none; } #faw .bar a:hover { text-decoration:none; } #faw .bar .close { /*margin-right: 5px;*/margin-bottom: -15px; z-index:10000; position:relative; display: block; width: 12px; /*height: 20px;*/ float: right; background: url('../images/icon/close_off.gif') no-repeat center; } #faw.show { display: block; } #headline_article{ margin-right:10px; width:640px; min-height:250px; padding:10px; background:#ffffff; border:1px solid #efefef; border-bottom:1px solid #d3c8c8; border-right:1px solid #d3c8c8; float:left; overflow:hidden; -webkit-box-shadow:2px 2px 2px #dddcdc; -moz-box-shadow:2px 2px 2px #dddcdc; box-shadow:2px 2px 2px #dddcdc; position:relative; } .sc_compare{position:fixed;width:250px;background:#caf284;top:20%;left:0;margin-top:-40px;margin-left:10px;} .title_compare{background:#7dbe0e;color:#FFFFFF;padding:3px;font-family:Arial;font-size:14px;font-weight:bold;} .detail_compare{padding:10px 5px;} .btn_compare{background:url(http://www.propertykita.com/images/button/btn_compare.png) no-repeat;width:92px;height:28px;border:0;color:#FFFFFF;font-weight:bold;padding-bottom:8px;} .box { border:1px solid #979189; padding-left:10px; } .status ul { margin:0; padding:0; float:left; } .status ul li { margin:0; padding:0; list-style:none; float:left; position:relative; text-align:left; display:block; } .status h2 { margin:0; padding:0; font: bold 12px Tahoma, Verdana, Arial; } .status ul li a { color:#000000; text-decoration:none; padding:3px 12px; float:left; /*line-height:30px;*/ height:30px; display:block; border-radius:0px 0px 3px 3px; } .status ul li a:hover { background:#ff8f00; } .status ul ul { position: absolute; z-index: 500; top:40px; right: 0; /*border:1px solid #6dabba;*/ width:50px; } html>body .status ul ul { width:auto; } .status ul ul li { display:block; float:left; } .status ul ul li a { width:164px; background:#96dfed; border-bottom: 1px solid #6dabba; color:#000000; display:block; float:none; padding-left:10px; font-weight:normal; height:25px; line-height:25px; } .status ul ul li a:hover { background:#aade57; color:#000000; } .status ul ul ul { position: absolute; top: 0; left: 100%; } .status ul ul, .status ul li:hover ul ul, .status ul ul li:hover ul ul {display: none;} .status ul li:hover ul, .status ul ul li:hover ul, .status ul ul ul li:hover ul {display: block;} html .status ul li { float: left; height: 1%;} html .status ul li a { height: 1%; } .status li:hover ul, li.over ul { display: block; float:left;}