/*-- DETAILS:AGENT WEBSITE --------*/

/* This is used on the agent website details pages to hide the main module when required and also to hide the tab headers */

/* HOMEPAGE */
    
    /* #global_header */
   
    #global_header> div { margin: 10px auto}
	    #global_header .agent-header-left { float:left; width: 50%; }	
	        #global_header .agent-header-left .image { float: left; }
	        #global_header .agent-header-left .details { height: 60px; margin-bottom: 10px; }
	        #global_header .agent-header-left .details .name { font-size: 36px; font-family: Gill Sans MT,Gill Sans,Arial; display: block; white-space: nowrap; } 
	    #global_header .agent-header-right { float:right; text-align:right; width:50%;}
	        #global_header #global_user_tools { max-width: 100%; margin: 0 0 20px}
	        #global_header .agent-header-left #agent_branding { height: 60px; padding: 0 0 0 10px; }
	        #global_header #agent_branding,
	        #global_header #global_branding { display:block; color:#fff; font-size:36px; font-family:Gill Sans MT, Gill Sans, Arial; padding: 0; }
	        #global_header #agent_branding img { vertical-align: middle; margin-right: 10px; float: left; }
	        #global_header #agent_branding span { float: left; width: 80%; white-space: nowrap}
	        #global_header #global_branding { clear: both; float: none}
	        #global_header ul#global_nav { left: 85px; margin-bottom: 10px; position: absolute;}
	        
	        
	        #global-search {margin: auto}
    /*#global_search .icon-cms { margin: 0 5px 0 0; }
    #global_search .suggest-wrapper { margin-top: 0px; }
    #global_header .agent-header-left, #global_header .agent-header-right { margin: 10px 0;}*/
     
    #rotator_search_group { position: relative}
        .main-homepage-image {position: absolute; top: 20px; left: 30px}
        .main-homepage-image h2 { font: italic 3em Georgia, serif; color: #fff; margin: 20px; text-shadow: 2px 2px 2px #333; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#333333')}
    .main-menu {padding: 0 16px 270px; width: 948px;}
    .main-menu > ul { float: left; font: 2.4em Gill Sans MT,Arial,Helvetica,sans-serif; position: relative; width: 215px;}
        .main-menu > ul > li { float: left; margin: 0 0 10px; width: 225px;}
          .main-menu > ul > li > a { background-color: #305274; opacity: 0.9; color: #FFFFFF; text-transform: uppercase; border-radius: 3px;
                                      float: left; padding: 15px 20px; width: 185px;}
          .main-menu > ul > li > a:hover {opacity: 0.8}
          .main-menu > ul > li > a > span { display: block;}
       .main-menu .drop {  background-color: #305274; opacity:1; color: #ACACAC; font-size: 17px;
                           line-height: 35px; min-height: 178px; position: absolute; left: -9999px; top: -9999px; width: 602px; padding: 26px 20px 19px; }
       .main-menu #mainFind .drop {height: 258px; margin-left: 15px; }
       
       .main-menu > ul > li .drop { left: -9999px; top: -9999px; display: none; } 
        .main-menu > ul > li.active .drop { left: 225px; top: 0; display: block; } 
       
       .main-menu > ul > li.active > a { opacity: 1;}
       
        .main-menu #mainFind > a span { float: right; width: 12px; height: 18px; margin:9px 0 0;  background: url("/resources/v_3_2_0_14/layouts/common/images/icon-btn-sprite.png") no-repeat scroll -664px -149px transparent; display: block; }

    .drop .info-block {margin-top: 30px}
    .drop .info-block a.btn-blue {background: -moz-linear-gradient(center top, #35628C 0%, #164274 100%) repeat scroll 0 0 transparent; border: solid 1px #86A2BF; color: #E1E1E1; cursor: pointer; float: right;
                                  font: 20px/50px GillSans,Arial,Helvetica,sans-serif; height: 56px; padding: 8px 0 0; text-align: center; text-shadow: 1px 1px 0 #17314C;
                                  text-transform: uppercase; width: 244px;}

    .suggest-wrapper {margin-top: 6px; clear: both; }
        .suggest-wrapper .suggest-term { background: -moz-linear-gradient(center top , #F4F4F4 0%, #D6D6D6 100%) repeat scroll 0 0 transparent; border: 2px solid #82A4BF; color: #636363;
                                          font-size: 14px; font-style: italic; line-height: 15px; padding: 12px 9px; width: 530px;}
       		
        .detailed-search strong {color: #91C2F3; font-size: 35px; font-weight: bold; left: 0; position: absolute; top: -12px;}
        .drop .btn { background: #35628c;
                     background: -moz-linear-gradient(top,  #35628c 0%, #164274 100%);
                     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#35628c), color-stop(100%,#164274));
                     background: -webkit-linear-gradient(top,  #35628c 0%,#164274 100%);
                     background: -o-linear-gradient(top,  #35628c 0%,#164274 100%);
                     background: -ms-linear-gradient(top,  #35628c 0%,#164274 100%);
                     background: linear-gradient(top,  #35628c 0%,#164274 100%);
                     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35628c', endColorstr='#164274',GradientType=0 );
                     border: solid 1px #86A2BF; color: #E1E1E1; cursor: pointer; float: right; font-size: 1.2em; text-shadow: 1px 1px 0 #17314C; text-transform: uppercase;}
        .drop input.btn {width: 350px; height: 60px; margin-top: 40px}
        .drop a.btn {width: 260px; text-align:center; padding: 15px 0;}
            
    .drop h2 { color: #FFFFFF; font-size: 2em; overflow: hidden; width: 100%;}       
        .drop h2 a { background: url("/resources/v_3_2_0_14/palettes/sir.dms.sapphirepearl/images/bullet-04.png") no-repeat scroll 100% 50% transparent; color: #FFFFFF; display: block; margin-left: 10px;}
        #mainList .drop h2 {padding-top: 60px}		

    .homepage #landingpagesearch {display: none}
    .homepage .active #landingpagesearch {display: block}
    
    .combo-widget h2 { font-size: 1em; color: #fff}
    .landing-page #quicklinks_popular_locations { margin-top: 17px; }
    #property_carousel_wrapper {width: 100%; margin: 0 auto;}
        #property_carousel_wrapper .property_carousel_module { border:0; }
        .property_carousel_module .results {box-shadow: 6px 3px 6px #333; -moz-box-shadow: 6px 3px 6px #333; -webkit-box-shadow: 6px 3px 6px #333;}
            #property_carousel_wrapper .property_carousel_module .result { font-size: 1em; width: 200px;}
    
    .property_carousel_module .tabs li a {background: #eaeaea; }
    .property_carousel_module .tabs.group ul li a { background-color: #162B3E; border-color: #21384F; color: #eaeaea;}
    .property_carousel_module .tabs.group li.active a { background-color: #294663; }
    .property_carousel_module .tabs.group ul li:hover a { opacity: 0.7; color: #fff;}
    .property_carousel_module .tabs li.active a {background: #eaeaea;}
    
    #property_carousel_wrapper .property_carousel_module .btn.prev { background: url('/resources/v_3_2_0_14/modules/reno.modules.listings.propertycarouselfullwidthmodule/images/icon-btn-sprite-cms.png') no-repeat -31px -17px;
                                                                     left:5px; bottom:80px; top:auto; }
    #property_carousel_wrapper .property_carousel_module .btn.next { background: url('/resources/v_3_2_0_14/modules/reno.modules.listings.propertycarouselfullwidthmodule/images/icon-btn-sprite-cms.png') no-repeat 0px -17px;
                                                                     right:5px; bottom:80px; top:auto; }

/*record carousel*/
.property_carousel_module .results {background-color: #305274;}
        .property_carousel_module .tabs li a { background-color: #305274; }
	.property_carousel_module .result { color: #fff; }
	
/* MY LISTINGS */
#agentdetailscontainer #mylistings { background-color: #DFE6ED; margin-bottom: 18px; position: relative; border: 1px solid #E6E6E6; 
                                     border-radius: 5px 5px 5px 5px; margin-bottom: 14px; padding: 10px;}
    #agentdetailscontainer.mylistings .grid-2, #agentdetailscontainer.mylistings .grid-6{ padding-top: 10px; }
    #agentdetailscontainer #mylistings h3 { color: #122538; font-size: 1.1em; text-transform: uppercase;}
    #agentdetailscontainer #mylistings a {color: #1764A0; line-height: 1.7em;}
    .agent.details-page .hlisting .vcard { width: 140px; }
    .agent.details-page .hlisting .vcard .n { font-size: 1.1em; line-height: 15px; }
#agentlistings { margin-top: 5px}
    #agentlistings h1 { font-size: 1.8em}
    .agent.details-page .grid-4 { margin-top: 10px;}
    .agentwebsite .vcard .tel, .phoneContainerClass { display: block; }
    .agentwebsite .vcard .icon-Twitter, .agentwebsite .vcard .icon-Facebook { background:url(/resources/v_3_2_0_14/layouts/common/images/icon-btn-sprite.png) no-repeat; }
    .agentwebsite .vcard .icon-Twitter { background-position: -808px -109px; width: 17px; height: 17px; margin: 0px 5px 0px 0px; float:left; }
    .agentwebsite .vcard .icon-Facebook { background-position: -840px -130px; width: 19px; height: 16px; margin: 0px 5px 0px 0px; float:left}
    .contact.agentwebsite .vcard.Advanced .twitter, .contact.agentwebsite .vcard.Advanced .facebook, 
    .agentwebsite .details-page .vcard.Advanced .twitter, .agentwebsite .details-page .vcard.Advanced .facebook { border: 1px solid #ccc; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 0px 6px; color: #000; text-transform: capitalize; float: left; clear:both; margin-top: 8px; 
                                                                                                        background: #ffffff; /* Old browsers */
                                                                                                        background: -moz-linear-gradient(top, #ffffff 50%, #E3E3E3 100%); /* FF3.6+ */
                                                                                                        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(100%, #E3E3E3)); /* Chrome,Safari4+ */
                                                                                                        background: -webkit-linear-gradient(top, #ffffff 50%, #E3E3E3 100%); /* Chrome10+,Safari5.1+ */
                                                                                                        background: -o-linear-gradient(top, #ffffff 50%, #E3E3E3 100%); /* Opera 11.10+ */
                                                                                                        background: -ms-linear-gradient(top, #ffffff 50%, #E3E3E3 100%); /* IE10+ */
                                                                                                        background: linear-gradient(to bottom, #ffffff 50%, #E3E3E3 100%); /* W3C */
                                                                                                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E3E3E3',GradientType=0 ); /* IE6-9 */
                                                                                                        line-height: 17px; width: 67px;
                                                                                                    }
        .agentwebsite .vcard .twitter .icon-text, .agentwebsite .vcard .facebook .icon-text { font-size:1.1em; margin-right: 5px; }
        
    .agent.details-page .openhouse { font-size: 1em; }
        .agent.details-page .openhouse dd { white-space: normal; font-size: 1em; }
        .agent.details-page .agentemailagent { clear:both; }
    #agentdetailscontainer.agent .hlisting .summary { width: 147px; } 
    #agentdetailscontainer.mylistings .hlisting .header .postal-code { font-weight: normal; }
    #agentdetailscontainer .hlisting .header .region, #agentdetailscontainer .hlisting .header .locality { font-weight: bold; }
          
/*-Details Page-*/

#agentdetailscontainer #agenttabsdata .hlisting .summary { width: 134px; }       
          
/* CONTACT ME */

    /* hide main module */
    .agentwebsite.contact #hiddenmainmodule { display: none;}
	
    /* hide tab headers */
    .agentwebsite.contact .tabs { display: none;}

    /* hide main module */
    .agentwebsite.mylistings #hiddenmainmodule { display: none;}

        /* map tab */
        .agentwebsite .map-derec { margin-top: 10px; margin-bottom:10px; }
        .agentwebsite .map-derec #marker_wrap { display:none; }
        .agentwebsite .map-derec .marker .details { padding: 4px 0 0 4px; }   
        .agentwebsite .map-derec .marker .footer ul { padding:4px 0 0 4px; }
            .agentwebsite .map-derec .marker .footer ul li { display:inline; padding-right:4px; }    
        .agentwebsite .map { height: 300px; border:none; width: 390px }
            .agentwebsite .hfeed .hlisting .map { width: 167px; height: 125px; }
        .agentwebsite #map_legend_content.columns2 { width: 100%; }
        .agentwebsite #get-directions {margin: 0; padding: 5px 0 5px 5px; width: 385px;}
            .agentwebsite #get-directions .btn { margin-left: 5px}
            .agentwebsite #get-directions input.direction-input { width: 238px; margin-right: 5px; }
   
    /*--VCARD--*/
    .agent.details-page .vcard { padding: 10px 6px 20px;}
	    .agent.details-page .vcard .n { font: normal 2.2em "Gill Sans MT", "Gill Sans", "Arial"  }
	    .agent.details-page .vcard .org { font: bold 1.2em arial; }
	    .agent.details-page .vcard .adr { font: normal 1.1em arial; color:#555; }
        .agent.details-page .vcard .adr .postal-code { padding-left: 5px; }
	    #agentlistings .listingWrapper .hlisting .vcard .photo { width: auto; height: auto; margin-bottom: 23px; }
	    
	    
/*-- MY PROFILE --*/
.agent-profile .photo { float: left; padding-right: 10px}
.agent-profile .hgroup h2 { color: #555555; }
#agentdetailscontainer .agent-profile dl.group dt { float: left; }
#agentdetailscontainer .agent-profile dl.group dd { float: left; margin-right: 3px; }
.agent.details-page .grid-4 .vcard .tel { display: block; }	 
.agent.details-page .grid-4 .vcard .n { font-size: 2.2em; }	 

#agenttabsdata #results-count { padding-left: 10px; }   
#agenttabsdata .hlisting { width: 32%; margin: 5px 0 5px 10px; float: left; }
#agenttabsdata .pagination { background: none; float: right; padding-top: 10px; margin-right: 9px; }

/*-- HOMEPAGE SEARCH WIDGET --*/
input[type="radio"] { margin: 4px;}

.drop input.btn { padding: 15px 30px; float:none; margin-top:0px; width:auto; height:50px; }
.drop .form-container { text-align:center; }
.drop .form-container .single-rule { margin:15px 0;}
.drop .form-container #search_type { float:left; }
.drop .form-container .location .price-min-max { text-align:right; margin-bottom: 7px; display: inline-block; }
.drop .form-container .location .price-min-max #price_min { margin-right:5px; }

.main-menu .drop { width:auto; line-height:26px; min-height:157px; height:auto; color:#FFF; font-size:14px;}
.main-menu #mainFind, .main-menu #mainProfile, .main-menu #mainListings, .main-menu .drop { box-shadow: 6px 3px 6px #333; -moz-box-shadow: 6px 3px 6px #333; -webkit-box-shadow: 6px 3px 6px #333; }
.main-menu #mainFind .drop { min-height:157px; height:auto; }
.drop .btn {border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.drop .form-container .suggest-wrapper .suggest-term { background:#FFFFFF; }

.agentwebsite .hfeed .hlisting .view-toggle { background-color: #EAEAEA; border-radius: 0 0 5px 5px; bottom: -15px; cursor: pointer; margin-left: 1px; 
                                              display: inline-block; height: 13px; left: 210px; position: absolute; text-align: center; width: 40px;} 
.list_item_border { border-bottom: 1px solid #DDDDDD; display: inline; height: 1px; margin-left: 3px; margin-top: -7px; position: absolute; width: 459px;}

/*--Email Agent--*/
.simplemodal-data .listingemailagent { font-size: 1.1em; padding: 10px; text-align: left; width: 380px}
    .simplemodal-data .listingemailagent h3 { border-bottom: 1px solid #D7D7D7; color: #333333; font-size: 1.3em; font-weight: bold; margin-bottom: 20px; text-transform: uppercase; text-align: left; padding-left: 0px; }
    .simplemodal-data .listingemailagent form { width: 330px; }
    .simplemodal-data .listingemailagent label { display: block; font-size: 1.2em; margin-bottom: 15px; }
    .simplemodal-data .listingemailagent label input, .simplemodal-data .listingemailagent label textarea, .simplemodal-data .listingemailagent label select {  border-radius: 4px 4px 4px 4px; display: block; font-size: 1.1em; margin-top: 3px; padding: 3px 4px; resize: none; width: 370px; }
    .simplemodal-data .listingemailagent .form-footer { clear: both; }
        .simplemodal-data .listingemailagent .form-footer .required { text-align: left; }
    
/*-- Global Search --*/

#global_search #global-search #search_type { margin-right: 10px; padding: 4px; }