@charset "utf-8";
/* **************** MODULES STRUCTURES(BLOCK OBJECTS) ***************** */

/* ====== Call to Action Boxes ====== */
.cta{ background-color:#FFFFFF;}
.cta .hd{border:1px #666666 solid; border-bottom:none; display:block;}
.cta .hd img{float:left;}
.cta .hd span{display:inline-block;}
.cta .bd{margin:0 7px 0 7px;}
.cta .ctaRight, .cta .ctaTop, .cta .ctaMiddle, .cta .ctaBottom{position:relative;}
.cta .ctaRight{background:url(/images/cta_bg_mr.jpg) top right repeat-y; _height:1%;}
.cta .ctaTop{height:7px; background:url(/images/cta_bg_tm.jpg) top left repeat-x; margin:0 7px 0 7px; _margin:0 7px -9px 7px;}
.cta .ctaMiddle{background:url(/images/cta_bg_ml.jpg) top left repeat-y; _margin:0 0 -9px 0;}
.cta .ctaBottom{height:7px; background:url(/images/cta_bg_bm.jpg) bottom left repeat-x; margin:0 7px 0 7px; clear:both;}
.cta-tl, .cta-tr, .cta-bl, .cta-br{width:7px; height:7px;}
.cta-ml, .cta-mr {width:7px;}
.cta-tr, .cta-br{float:right;}
.cta-tl, .cta-bl{float:left;}
.cta-tl, .cta-tr, .cta-bl, .cta-br, .cta-ml, .cta-mr{position:relative;}
.cta-tl{background:url(/images/cta_bg_tl.jpg) top left no-repeat; margin-left:-7px;}
.cta-tr{background:url(/images/cta_bg_tr.jpg) top right no-repeat; margin-right:-7px;}
.cta-bl{background:url(/images/cta_bg_bl.jpg) bottom left no-repeat; margin-left:-7px;} 
.cta-br{background:url(/images/cta_bg_br.jpg) bottom right no-repeat; margin-right:-7px;}
.cta-ml{background:url(/images/cta_bg_ml.jpg) top left repeat-y; float:left;}
.cta-mr{background:url(/images/cta_bg_mr.jpg) top right repeat-y; float:right; margin:0 -7px 0 0;}

.cta .noHd{height:1px; border-bottom:1px #666666 solid; display:block;}

.cta .hdLight{height:15px; background:url(/images/cta_bg_hd.jpg) repeat-x top left;border-bottom:1px #666666 solid; padding:9px 4px 4px 4px;}

.cta .hdDark{height:16px; background:url(/images/cta_bg_hd_dark.jpg) repeat-x top left; color:#FFFFFF;border-bottom:1px #666666 solid; padding:6px 4px 4px 4px;}
.cta .hdDark span{color:#FFFFFF;font-size:11px;}
.cta .hdDark span a{color:#FFFFFF; text-decoration:none; font-size:11px;}
.cta .hdDark span a:hover{ color:#FFFFFF; text-decoration:underline;}

.cta .cta-openHouse{display:block; padding:3px; background:url(/images/open_house_bg.jpg) #990000; color:#FFFFFF; text-align:center;}

.ctaBodyHeight{height:175px;}
.ctaBodyHeightSm{height:100px;}

.cta-mortgage{ padding:0 7px 0 7px; font-size:11px;}
.cta-listedBy{ padding:0 7px 0 7px; font-size:11px;}
.cta-listedBy img{border:1px solid #333333;}

.listStyle1Col{font-size:11px;}

/* ====== Agent List ====== */
.agentListCta{width:300px; margin:0 0 10px 0; font-size:11px;}
.agentListCtaFirst{margin-right:20px;}
.agentListCta .hd a{ color:#FFFFFF; text-decoration:none;}
.agentListCta .hd a:hover{ color:#FFFFFF; text-decoration:underline;}
.agentListCol1{padding:0 7px 0 7px; width:75px;overflow:hidden;}
.agentListCol1 img{border:1px solid #333333;}



.agentListCol2{overflow:hidden;}

/* ====== Agent Prop List ====== */
.agentPropResultCol1of4{padding:0 7px 0 7px; width:120px;overflow:hidden;}
.agentPropResultCol2of4{padding:0 7px 0 0;overflow:hidden;}
.agentPropResultCol1of4 img{border:1px solid #333333;}

/* ====== Quick Search ====== */
.qsContainer{position:relative;}
.qsInteractiveMapSearchBadge{position:absolute; top:5px; right:5px; z-index:10;}

/* ====== Featured Property ====== */
.featuredPropertyCta{width:200px;}
.featuredPropertyimgImgHolder{width:186px; margin:0 auto; text-align:center; font-size:11px;}
.featuredPropertyimgImgHolder img{border:1px solid #333333;}
.featuredPropertyimgImgHolder p { padding:4px 0 4px 0; margin:0;}

/* ====== Listing Alert/My Search Assistant ====== */
.cta-listedAlert{ padding:0 7px 0 7px; font-size:11px;}
.listingAlertCta{ width:200px;font-size:11px;}
.listingAlertCta img{ margin:0 12px 0 0;}
.listingAlertForm h3{margin:0; padding:0 7px 0 7px;}
.listingAlertForm form {padding:0 10px 0 10px;}
.listingAlertForm input{width:115px; font-size:9px;}
.listingAlertForm .button{width:auto;}

/* ====== Results ====== */
.row {_overflow:visible;_zoom:1;border-bottom:1px #999999 solid; padding:4px; overflow:hidden;}

.results{ font-size:11px;}
.results ul{padding:0; margin:0;}
.results li {list-style:none; padding:4px; margin:0;}
/*.results .list .line{border-bottom:1px #999999 solid; padding:4px; overflow:hidden;}*/

.results .icons li { margin:4px 0 4px 0;padding:0;}
.results .icons li a{padding:0 0 8px 40px; margin:0;text-decoration:none; color:#000000;font-size:11px; font-weight:normal;display: block;}
.results li.pc a {padding:0;}
.results li.mp {background:url(/images/icons_sm_mp.jpg) top left no-repeat;}
.results li.vom {background:url(/images/icons_sm_vom.jpg) top left no-repeat;}
.results li.stp {background:url(/images/icons_sm_stp.jpg) top left no-repeat;}
.results li.vt {background:url(/images/icons_sm_vt.jpg) top left no-repeat;}
.results li.openHouses {background:url(/images/icons_sm_open_houses.jpg) top left no-repeat;}
.results li.savedListings {background:url(/images/icons_sm_saved_listings.jpg) top left no-repeat;}
.results li.accountSettings {background:url(/images/icons_sm_my_account.jpg) top left no-repeat;}
.results li.myAgent {background:url(/images/icons_sm_my_agent.jpg) top left no-repeat;}
.results .agent li{margin:2px 0 2px 0; padding:0; overflow:hidden;}
.results li.email {background:url(/images/icon_email.png) 0 0 no-repeat; height:22px;}
.results li.email a{padding:0 0 0 20px;text-decoration:none; color:#000000;font-size:11px; font-weight:normal;display: block;}
.results li.dd {background:url(/images/icons_sm_dd.jpg) top left no-repeat;}

.resultCol1of4{padding:0 7px 0 7px; /*width:120px;overflow:hidden; display:block;*/}
.resultCol1of4 img{ border:1px solid #333333;}
.resultCol2of4{padding:0 7px 0 0; width:210px;overflow:hidden;}
.resultCol3of4{padding:0 7px 0 0;overflow:hidden;}
.resultCol4of4{width:105px;overflow:hidden;}
.resultCol4of4 img{ border:1px solid #333333;}

.openHouseTime{ font-size:11px; padding:7px; color:#990000;}

/* ====== Property Details ====== */
.propDetail{ font-size:12px;}
/*.propDetail ul{padding:0; margin:0; float:right;font-size:11px; width:310px; margin:0 0 10px 10px;}
.propDetail li { padding:4px; margin:0;}*/
/*.propDetail .list li{border-bottom:1px #999999 solid;}*/

.propDetail h4{ border-bottom:1px solid #999999; clear:both;}

.propDetail .icons{ width:614px; /*width:315px; float:right;*/ border:1px #999999 solid; margin:21px auto; padding:7px;}
.propDetail .icons ul{/*float:left;margin:10px 0 10px 10px;*/}
.propDetail .icons li {width:55px; float:left; margin:0 10px 0 0;list-style:none;}
.propDetail .icons li a{text-align:center;display:block; font-size:10px;text-decoration:none; color:#000000;}
.propDetail .icons li a:hover{ text-decoration:underline;color:#644E11;}
.propDetail div.save {background:url(/images/s_icons_lg.jpg) center -70px no-repeat; height:35px; width:55px;}
.propDetail div.multiplePhotos {background:url(/images/s_icons_lg.jpg) center 0 no-repeat; height:35px; width:55px;}
.propDetail div.viewOnMap {background:url(/images/s_icons_lg.jpg) center -35px no-repeat; height:35px; width:55px;}
.propDetail div.email {background:url(/images/s_icons_lg.jpg) center -105px no-repeat; height:35px; width:55px;}
.propDetail div.printVersion {background:url(/images/s_icons_lg.jpg) center -140px no-repeat; height:35px; width:55px;}
.propDetail div.requestMoreInfo {background:url(/images/s_icons_lg.jpg) center -175px no-repeat; height:35px; width:55px;}
.propDetail div.viewSchoolReport {background:url(/images/s_icons_lg.jpg) center -210px no-repeat; height:35px; width:55px;}
.propDetail div.virtualTours {background:url(/images/s_icons_lg.jpg) center -245px no-repeat; height:35px; width:55px;}
.propDetail div.requestAppointment {background:url(/images/s_icons_lg.jpg) center -280px no-repeat; height:35px; width:55px;}
.propDetail div.drivingDirections {background:url(/images/s_icons_lg.jpg) center -350px no-repeat; height:35px; width:55px;}

.propDetail .features { /*margin:0 0 0 10px;*/}
.propDetail .features ul{float:left; /*width:auto; margin:0 40px 0 10px; padding:0;*/width:180px;}
.propDetail .features ul li{/*list-style:disc;*/}

.openHouse{border:1px solid #333333; margin:0 0 10px 0; display:block; padding:7px; color:#FFFFFF; background:url(/images/open_house_bg.jpg) #990000;}

.openHouse .hd{ font-size:18px; font-weight:bold;}

.agentName{ font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:14px; display:block; padding:4px 0 8px 0;}

/* ====== Agent ====== */
/*.agentProfile{border-top:1px #000000 solid; margin:1px 10px 0 7px;}*/
.agentProfile{border-top:1px #000000 solid;margin:1px 0; padding:10px 0;}

.colLeft .contact strong{ display:block;}
.colLeft .contact li{list-style:none; padding:0 0 10px 0; margin:0; font-size:11px;}
.colLeft{background:#ECECEC; border:1px solid #999999; margin:0 7px 0 0;}

/* ====== Icons ====== */

.iconsLg li { float:right; height:35px; list-style:none;}
.iconsLg li a{padding:0 0 0 38px;color:#000000;font-size:11px; font-weight:normal;display: block; text-decoration:none;}
.iconsLg li.multiplePhotos {background:url(/images/s_icons_lg.jpg) 0 0 no-repeat;}
.iconsLg li.viewOnMap {background:url(/images/s_icons_lg.jpg) 0 -35px no-repeat;}
.iconsLg li.save {background:url(/images/s_icons_lg.jpg) 0 -70px no-repeat;}
.iconsLg li.email {background:url(/images/s_icons_lg.jpg) 0 -105px no-repeat;}
.iconsLg li.printVersion {background:url(/images/s_icons_lg.jpg) 0 -140px no-repeat;}
.iconsLg li.requestMoreInfo {background:url(/images/s_icons_lg.jpg) 0 -175px no-repeat;}
.iconsLg li.viewSchoolReport {background:url(/images/s_icons_lg.jpg) 0 -210px no-repeat;}
.iconsLg li.virtualTours {background:url(/images/s_icons_lg.jpg) 0 -245px no-repeat;}
.iconsLg li.requestAppointment {background:url(/images/s_icons_lg.jpg) 0 -280px no-repeat;}
.iconsLg li.requestAppointment {background:url(/images/s_icons_lg.jpg) 0 -280px no-repeat;}
.iconsLg li.needAssistance {background:url(/images/s_icons_lg.jpg) 0 -315px no-repeat;}


/* ====== Agent Banner ====== */
.agentBanner img{ float:left; margin:0 7px 0 7px; border:1px solid #333333;}
.agentBanner .watermark{ background:url(/images/logo_c21hagan_watermark.jpg) no-repeat bottom right; margin:0 7px 0 0; overflow:hidden;}

/* ====== Recently Viewed Properties Start ====== */

#RVPMenu{ font-size:11px; width:250px; background:#F5F5F5; border:2px solid #666666; margin:10px; padding:0 5px 5px 5px;visibility:hidden; z-index:9999; position:absolute;top:0;left:0;}
#RVPMenu .rspContent{border-bottom:1px dashed #333333; padding:7px 0 7px 0;}
#RVPMenu .rspImg{width:60px; float:left;}
#RVPMenu .rspImg img{ border:1px solid #333333;}
#RVPMenu .rspText{ padding:2px 7px 2px 7px; float:left;}
#RVPMenu ul { padding:0; margin:0 7px 3px 7px;}
#RVPMenu li{list-style:none;margin:0 30px 0 0;float:left;}
#RVPMenu a:hover{ text-decoration:underline;}

/* ====== Recently Viewed Properties End ====== */

/* ====== Pagination ====== */

.pagination{margin:12px 7px 12px 0;}
.pagination ul{margin:0;padding:0;font-size:12px;}
.pagination li{list-style-type:none;display:inline;padding-bottom:1px;margin:0;padding:0;}
.pagination a, .pagination a:visited, .pagination a:active{padding:2px 4px 2px 4px; border:1px solid #666666;background:#333333; text-decoration: none; color:#FFFFFF;}
.pagination a:hover{background:#D5A41D;}
.pagination a.currentpage{background:#D5A41D !important;font-weight: bold;cursor:default;}
.pagination a.disablelink, .pagination a.disablelink:hover{background-color:#D5A41D;cursor:default;font-weight: normal !important;}
.pagination a.prevnext{}

/* ====== Compare Viewed Properties Start ====== */
#CVPMenu {position: absolute;background-color:#ffffff;border:1px solid black;z-index:9999;visibility:hidden;padding-top:2px;padding-left:2px;padding-right:2px;padding-bottom:10px;}
.propCompContainer {font-size:11px; padding:8px;}
.propCompContainer .controls{border:1px #CCCCCC solid; background:#000000;}
.propCompContainer .controls a, .propCompContainer .controls a:link, .propCompContainer .controls a:visited, .propCompContainer .controls a:active{ color:#FFFFFF;}
.propCompContainer .controls .line{ padding:4px;}
.propCompContainer .propImg{ border:1px #333333 solid;}
.propCompContainer .line{padding:8px 0 8px 0; }
.propCompContainer .col1{}
.propCompContainer .col2{padding:0 8px 0 8px; width:50%;}
.propCompContainer .col3{ width:32px; float:right;}

.compareList{ margin:10px 0 10px 0; font-size:10px;}
.compareList .line .line { margin:2px 4px 2px 4px;padding:4px;border:1px solid #999999;}
.compareList .photo{ border:1px solid #CCCCCC; background:#FFFFFF;text-align:center; padding:8px; height:130px;}
.compareList .photo img{margin:auto;}

.compareList .line .line.vom{height:25px; border:none; text-align:center; overflow:hidden; background:none;}
.compareList .vom img{ margin:0 auto;}

.compareList .line .line.agent{background:none;}
.compareList .line .line.broker{background:none;}

.compareList span.hd { display:block; background:#CCCCCC; padding:4px; margin-bottom:4px;}

.compareList .alt{ background:#CCCCCC;}

/* ====== Compare Viewed Properties End ====== */

/* ====== Street View Map Start ====== */
#Map_SV_Control{*left:255px!important; }
/* ====== Street View Map End ====== */


