/*Roanoke Real Estate
.top-logo {
    background:url(http://www.roanoke.com/images/2008/logos/homesLogo.jpg) no-repeat;
    width:400px;}
*/

/*Landing Page*/

img{
    border:none;}    
   
a{
    border:none;}

.homes-page {
    width:610px;}

select{
    font-size:11px;
    border:1px solid #4e79bd;
    background-color: #f0f0f0;}


/*TOP-NAVIGATION*/

#homes-navigation {
    float:left;
    clear:left;
    font-size:11px;
    width:610px;
    padding-bottom:2px;
    margin-bottom:5px;
    border-bottom:1px solid #999999;}

#homes-navigation a{
    color: #003399;
    margin-right:4px;
    margin-left:3px;}

#homes-navigation a:hover{
    color: #0066CC;}

#div-leavebehind{
    float:left;
    margin-left:15px;}
    
.navigation-links {
    margin-top:2px;
    float:left;}
    
   
    
/*change margin top to 14px when there is a leave behind*/
.navigation-links {
    margin-top:2px;
    float:left;}

    
/*Landing Page - SEARCH BOX */

#div-search{
    border:1px solid #cccccc;
    border-top:none;
    margin-top:5px;
    padding:0;
    float:left;
    width:610px;}

.inactive-head{
    padding:5px;
    font-weight:bold;
    border-top:1px solid #cccccc;
    font-size:13px;
    background: url(http://www.roanoke.com/images/2008/homesHeaderGradOver.jpg) repeat-x;
    color:#000;
    margin:0px 0 5px  0px;} 
         
.active-head{
    padding:5px;
    font-weight:bold;
    border-top:1px solid #cccccc;
    font-size:13px;
    background: url(http://www.roanoke.com/images/2008/homesHeaderGrad.jpg) repeat-x;
    color:#000;
    margin:0px 0 5px  0px;}  
    
.homes-search{
    float:left;
    margin-top:0px;
    width:250px;
    border-right:1px solid #cccccc;
    height:310px;}

.homes-search fieldset {
    border:none;
    padding: 5px;
    margin-left: 0px; }

.field-pair {
    width:100%;
    clear:both;
    float:left;
    margin:.45em 0;
    padding:0; }

.field-pair label {
    font-size:11px;
    font-weight:bold;
    float:left;
    text-align:right;
    width:4em;
    padding-top:.2em;
    margin-right:.3em;}
    
.field-select, .field-select-long {
    float:left; }

.field-select select {
    width:7.5em; }

.field-select label {
    float:none;
    display:inline;
    margin-left:.3em; }

.field-select-long select {
    width:13em; }
   
.field-select-rb ul{
    list-style:none;
    display:inline;
    margin-left:.3em;}

.field-select-rb li{
    float:left;
    margin:0;}

#radio-dates{
    margin-bottom:0;}
        
#radio-dates label{
    margin-top:.35em;}
     
#chk-open-house, #chk-poh {
    color:#990000;
    margin-left:0;
    font-size:12px;
    vertical-align:10%;}

.property-button {
    float:left;
    margin:.2em .4em 0 0; }

.more-options {
    float:left;
    font-size:11px;
    margin:.5em 0 0 0; }
    
/*Use when there is an advertiser
.div-provided{
    clear:both;
    margin:0 0 1em 0;
    text-align:center;
    padding:2px;
    border:1px solid #cccccc;
    border-top:none;
    background-color: #f0f0f0;
     visibility:hidden;}*/
 
#provided-by{
    font-size:0px;}

.div-provided{
   visibility:hidden;}

    
 /*MAP SEARCH BOX*/

#search-map {
    float:right;
    width:350px;
    border-left:1px solid #cccccc;
    margin:0px;
    height:310px; } 


/*EQUAL HOUSING @ BOTTOM */
 
#equal-housing{
    clear:left;
    font-size:9px;
    margin:5px;
    border-top:3px double #f0f0f0;
    border-bottom:3px double #f0f0f0;}

#equal-housing img{
    vertical-align:middle;}
    
#equal-housing a{
    font-size:10px;}    
    
    
/*ADVANCED SEARCH */

#homes-search-advanced{
    width:610px;
    height:540px;
    border-right:none;}

#homes-search-advanced legend{
    margin-bottom:10px;
    padding:3px;
    font-weight:bold;
    background-color:#f0f0f0;
    border:1px solid #cccccc;}

#homes-search-advanced fieldset{
    border:1px solid #cccccc;}
    
.field-pair-right {
    width:100%;
    clear:both;
    float:left;
    margin:.3em 0;
    padding:0; }

.field-pair-right label {
    font-size:11px;
    font-weight:bold;
    float:left;
    text-align:right;
    width:8.1em;
    padding-top:.2em;
    margin-right:.3em;}

#waterfront{
    margin:0;} 

.field-checkbox{
    float:left;
    margin:0;
    padding:0;}    
    
.advanced-columns{
    width:240px;
    float:left;
    margin-left:54px;
    margin-bottom:10px;}

#advanced-locations{
    clear:both;}

#advanced-locations h1{
    font-size:16px;
    color:#444444;}

#advanced-locations span{
    float:left;
    width:150px;
    margin-left:15px;}
    
#advanced-other{
    border-top:solid 1px #000;
    padding-top:.5em;
    clear:both;}

#advanced-other h1{
    font-size:16px;
    color:#444444;}

#advanced-other span{
    float:left;
    width:180px;
    margin-left:15px;}    

.locations-button{
    padding:.5em 0 1em 0;
    clear:both;
    text-align:center;}


/*DISCOVER SECTION */

#homes-discover {
    float:left;}

#homes-discover a:hover{
    border:none;}

#homes-discover h1{
    font-size:13px;
    background-color: #E2DED5;
    padding:1px 0 1px 10px;
    margin:5px 0 5px 0px;}

#homes-discover img{
    border:none;
    margin:5px 7px 0 7px;}
    
    
/*features agent/dev/apartment */	

.featured-right{   
    float:left;
    text-align:center;
    font-size:9px;
    margin: 10px 0 0 10px;}

.featured-right img{
    width:300px;}

.featured-right p{
    color:#336666;
    font-size:14px;
    font-weight:bold;
    margin:0;}


/*FEATURED PROPERTY BOX*/
.homes-featuredprop {
    float:left; }

.title {
    width:608px;
    font-weight:bold;
    font-size:15px;
    text-align:center;
    background: url(http://www.roanoke.com/images/2008/homesHeaderGrad.jpg) repeat-x;
    padding:2px;
    color:#444444;
    margin:5px 0; }

.homes-prop{
    float:left;
    margin-right:.35em;
    margin-left:.35em;
    border:1px solid #ccc;
    width:142px;
    height:18.7em;
    text-align:center;}

.homes-prop  a:hover{
    border:none;}

.featured-info-list {
    margin:0;
    padding:0;
    list-style:none; }

.featured-info-list li {
    padding:0;
    margin:0; }

.homes-featuredprop-type {
    font-size:13px;
    font-weight:bold;}

.featured-home-link {
    font-size:90%; }
    
.homes-result-row{
    font-size:xx-small;}

#homes-adexpress{
    margin:10px 0 0 20px;
    border:1px solid #444444;}


/*TOOLS & RESOURCES - content */

#tools-resources{
    float:left;
    width: 260px;
    padding:5px;
    margin:5px 10px 0 0;
    border:1px solid #1a3c41;}
    
#tools-resources h1{
    color: #1a3c41;
    font-size:15px;
    margin-top:2px;
    margin-left:5px;
    border-bottom:1px solid #1a3c41;}

#tools-resources ul{
    list-style-image: url(http://www.roanoke.com/images/v2005/arrow1.jpg) ; 
    margin-top:5px;
    margin-bottom:10px;}

#tools-resources p{
    margin:0 0 5px 5px;
    color: #1a3c41;
    font-size:11px;}

/*Tools-Comm Photo Galleries*/
#tools-galleries h2{
    font-size:14px;
    color:#444444;
    padding-left:10px;}  

#tools-galleries ul{
   list-style-image: url(http://www.roanoke.com/images/v2005/pictures.jpg) ; }

    

/*Area numbers & Checklists*/    
   
#tools-resources select{
    float:left;
    margin:.25em 0 1em .45em;}

.checklist-button{
    float:right;
    margin:0 20px 0 0px;
    vertical-align:middle;}
    
 #tools-resources input{
	float:right;
    margin:0 20px 0 0px;
    vertical-align:middle;
}     
    
     
/*Comm Photo Gallery*/

.realestate-gallery{
  margin-top:10px;}

.realestate-gallery h1
{
    width:97%;
    font-size:16px;
    background-color:#f0f0f0;
    border-bottom:1px solid #666666;
    padding:2px 0px 0px 10px;}
  
.realestate-gallery h2{
    width:300px;
    font-size:14px;
    margin-top:3px;
    margin-bottom:5px;
    color:#444444;
    border-bottom:1px solid #999999;}
    
.realestate-gallery-image{
    float:left;
    margin-top: 10px;
    border:1px solid #999999;
    padding:5px;}
    
#gallery-links {
    float:left;
    margin:5px 0 5px 25px;}

#gallery-links ul{
    list-style-image: url(http://www.roanoke.com/images/v2005/pictures.jpg) ; }
    
#gallery-news{
    float:left;
    margin-left:25px;}
    

/*Discovery section */

#discover-list {
    margin-left:10px;}        
    
#discover-list li{
    width:310px;
    list-style:none;}
   
#discover-list a{
    font-size:13px;
    font-weight:bold;
    margin-right:2px;
    border-bottom:1px;} 
    

/*MORTGAGE CALCULATOR*/
.mortgage-calc form {
    margin:0; }

/* use this set of styles when paid ad sponsor -- rdc */
.mortgage-calc{
  float:right;
  
    margin:15px 20px 5px 0px;
    border: 3px double #921c31;
    color: black;
    width:300px;
    text-align:right;
    background: #ffffff url(http://www.roanoke.com/roanokehomes/images/mortgage/mortgagesponburg.jpg) repeat-x;}
 
 html .mortgage-calc{
    background-position:0 24px;}
    
.mortgage-calc img {
    margin:0;
    padding:0; } 
    
.mortgage-calc a:hover{
    border:none;}      
/* end of paid */

/* use this set when not sponsor -- rdc 
.mortgage-calc{
    float:right;
    padding-top:40px;
    margin:15px 20px 5px 0px;
    border: 3px double #307a35;
    color: black;
    width:295px;
    text-align:right;
    background: #cccc96 url(mortgage_burg.jpg) repeat-x;
    background-repeat: no-repeat;}
   */ 
/* end of non-paid */

#div-mortgage-fields {
    text-align:right; 
    margin-top:-3px;
    padding-top:10px;
    width:299px;}

.mortgage-calc p{
    font-size:10px;
    margin:10px 5px 0 0;
    text-align:right;
    font-weight:lighter; }

.mortgage-calc input{
    margin-bottom:3px;
    padding-left:2px; }

#txtPrincipal{
    margin-right:70px;}

#txtDownPayment{
    margin-right:70px;}

#lblPercent{
    margin-right:68px;
    margin-left:3px;}

#lblYears{
    margin-right:49px;
    margin-left:3px;}

.loan-buttonCalc{
    margin:5px 34px 5px -20px;
    background-color: #c0c0c0;
    color: black;
    font-weight:bold;}

#txtPayment{
    margin:5px 70px 0 0;
    border:1px solid #666666 ;}

#lblPayment {
    font-weight:bold;}
/*END Mortgage Calculator */
    
/*END LANDING REAL ESTATE PAGE*/      
        

/*real estate - SEARCH RESULTS */
#middle-ad{
    margin:-5px 0 -15px 0;
    height:80px;}

#search-title {
    margin-top:1em;
    float:left;
    font-weight:bold;
    font-size:120%; }

#new-search{
    margin-top:1em;
    float:right;}

#new-search a{
    margin-right:5px;
    margin-left:3px;
    font-size:11px;}   

.homes-results p{
    clear:both;
    font-size:11px;
    margin:0 0 5px 0;
    background-color:#f0f0f0;
    border-bottom:1px solid #999999;
    border-top:1px solid #999999;
    padding:2px 4px;} 

.homes-results a{
    font-weight:bold;}

.result-numbers{
    float:left;
    font-size:11px;
    margin:5px 0 5px 0;}

.result-numbers a{
    font-weight:bold;
    margin-right:10px;}

#homes-results-instructions {
    float:right;
    margin:2px 4px;
    font-size:11px;}

#homes-results-navigation {
    float:left;
    margin:2px 4px;
    font-size:11px;}
  
    
/*Title bar*/

.homes-info {
    background:url(http://www.roanoke.com/images/2008/featureGrad.jpg) repeat-x;
    color:#fff;
    padding:3px;
    font-size:12px;}

.homes-info a{
    color:#fff;}
    
.homes-info a:hover{
    color:#D6D2C9 ;}    

.homes-sort {
    background-color:#444444;}
    
.homes-sort img {
    vertical-align:middle;}

/*location Box*/
    
.homes-location{
    border:1px solid #999999;}
    
.search_icons{
    float:left;
    margin:0px 3px 0 5px;}

.info {
    font-size:11px;
    margin-top:2px;
    margin-bottom:5px;}    

.featured-row {
    background-color:#F0EDE3;}

.featured-row-open {
    background-color:#E2DED5;}
    
.featured {
    font-size:.9em;
    font-weight:bold;
    margin-left:8px;
    color:#bb2222; }

.location-image {   
    float:left;
    margin:2px 5px 0 0px;}

.home-header {
    text-align:center;
    margin:.2em 0; }
    
.home-left {
    margin-left:2px;
    float:left; }
    
.home-right {
    float:left;
    width:120px; }
    
    
 /*Homes Description Box*/
.homes-beds{
    border:1px solid #999999;
    width:44px;
    text-align:center;}   
    
.homes-baths{ 
    border:1px solid #999999;
    width:48px;
    text-align:center;} 
    
.homes-type{
    border:1px solid #999999;
    width:80px;
    text-align:center;}  
    
.homes-price{
    border:1px solid #999999;
    width:70px;
    text-align:center;}  
    
.homes-contact{  
    border:1px solid #999999;
    width:135px;
    font-size:12px;
    text-align:center;} 
    
 .homes-contact h3{  
    border:1px solid #cccccc;
    margin:2px 15px 1px 15px;
    font-size:10px;
    background-color: #f0f0f0;
    text-align:center;}
      
.homes-contact p{
    margin:0;}     

.homes-contact img{
    margin-top:2px;
    margin-bottom:2px;
    max-width:125px;}


/*Middel banner ad - image not OAS - Bottom Leaderboard */
.middle-banner-realestate{
    border:none;
    margin:0 auto;
    padding-top:5px;
    font-size: 9px;
    text-align: center;}    

.middle-banner-realestate a:hover{
    border:none;}

#map-button {
    margin:5px 0;
    text-align:center;}

#bottom-leader{   
    float:left;
    margin-left:5px;
    font-size: 9px;
    text-align: center;
    border:none;}

#result-bottom{
    margin-top:5px;
    float:left;
    border:1px solid #fff;} 

#bottom-search{
    font-weight:bold;
    border-top:1px solid #999999;
    border-bottom:1px solid #999999;
    margin-top:5px;
    padding:5px 0 5px 5px;}

#bottom-search img{
    margin:0 5px 0 10px;
    vertical-align:middle;}


 /*SEARCH DETAILS*/
 .left-details{
    float:left;
    margin-left:5px;
    width:560px;}

.right-details{
    float:right;
    width:320px;}

.prop-info {
    float:left;}

#ad-details{
    margin-left:14px;} 


/*hack to get rid of border in firefox */
#ctlHomeDetails_UpdatePanel1 tr{
    border:1px solid #fff;}

.reHeader{
    display:none;}
#div-main-image img{
    height:16.3em;}    

/*First, Next, Previous, Last Resutls Details */
#details-top-left{
    float:left;
    padding:2px 0 2px 0;
    font-weight:bold;}

#details-top img{
    margin:0px 5px 0 5px;}
    
.details-navFirst {
    margin-right:15px;
    background:url(http://www.roanoke.com/images/v2005/resultset_first.jpg) no-repeat -2px; }  

.details-navPrev {
    margin-right:41px;
    background:url(http://www.roanoke.com/images/v2005/resultset_previous.jpg) no-repeat -1px; }    

.details-navNext {
    margin-right:15px;
    margin-left:40px;
    background:url(http://www.roanoke.com/images/v2005/resultset_next.jpg) no-repeat 25px; }  

.details-navLast {
   background:url(http://www.roanoke.com/images/v2005/resultset_last.jpg) no-repeat 25px; } 

#details-top-right {
    float:right;
    color:#708090;
    padding:2px 0 2px 0; }

#details-link {
    font-size: 11px;
    color: #003366;
    font-weight: bold;
    position: absolute;
    margin-left: 390px;
    border: 1px solid #6699cc;
    padding: 0px 4px 0 4px;
    background-color: #f0f0f0;
    margin-top: -26px; }
   
#details-link a{
    color: #003366;}

#details-link a:hover{
    color: #0033cc;}
   
#search-description{
    float:left;
    clear:left;
    width:256px;}

#search-description p{
    width:400px;}
    
    

        
#prop-address{   
    font-weight:bold;
    font-size:12px;
    margin:5px 20px 5px 60px;}
    
#search-description h2{
    font-size:12px;}

#search-description h3{
    padding:1px 5px 1px 5px;
    background-color: #D6D2C9 ;
    font-size:13px;
    margin-bottom:10px;}
    
#small-images h2{
    font-size:12px;
    width:128px;
    padding:0 0 0 5px;
    background-color:#D6D2C9 ;}

#small-images{
    float:left;
    width:140px;
    margin-left:10px;}

#small-images img{
    margin-top:2px;}
    
#details-more{
    float:right;
    width:298px;
    margin-top:14px;
    margin-bottom:10px;
    background-color: #f0f0f0;
    border:1px solid #cccccc; }

#details-more h2{
    text-align:center;
    font-size:14px;
    border-bottom:1px solid #999999;}

#details-more img{
    vertical-align:bottom;}

#details-more li{
    margin-bottom:4px;}

#details-more ul{
    margin:6px 5px 6px 5px;
    list-style:none;}

#details-more ul img{
    margin:0 5px 0 0px;}
    
.tools-list{
    float:left;}          
    
.detail-description{
    text-align:center;
    float:left;
    margin:0;
    width:140px;
    padding-left:5px;
    padding-right:5px;}
    
.detail-description p{
    margin:3px 0 5px 0px; }

.detail-description img{
    margin:5px 0 0 0;
    max-width:140px; }

.detail-description h2{
    color: #fff;
    background: #474B54 url(http://www.roanoke.com/images/2008/featureGrad.jpg) repeat-x;
    font-size:14px;
    margin:0;}
    
.detail-description ul{
    list-style:none;
    margin:0;}

.detail-description span{
    margin:0 0 0 5px;}
    
.detail-description li{
    border-bottom:1px solid #cccccc;}

#seller-info img{
    float:left;
    margin-right:10px;}

#mortgage-details{
    clear:both;
    margin-right:-20px;}

#div-map-with-legend {
    margin:1em;
    border:solid 1px #000;
    float:left;
    width:922px; }

#div-map-legend {
    float:left; }

#ul-map-legend {
    margin:.5em;
    padding:0;
    list-style:none; }
    
#legend-header {
    font-weight:bold;
    font-size:115%;
    border-bottom:solid 1px #999; }

.legend-items {
    margin-top:.5em;}
    
#mapContainer {
    float:left;
    border-right:1px solid #999999;
    margin:0;} 

#ul-disclaimers {
    clear:both;
    float:left;
    border-top:solid 1px #999;
    list-style:none;
    margin:0;
    width:100%; }

#ul-disclaimers li {
    margin:.5em; }

.disclaimer {
    cursor:text;
    color:#000;
    font-weight:bold; }

.disclaimer:hover {
    cursor:text;
    color:#000; }

/*checklists - content */
.re-checklist {
    background: #D2D0D1 url(http://www.roanoke.com/images/v2005/grad-height.jpg) repeat-x ; 
    padding-bottom:10px;}

.re-checklist h1{
    font-size:20px;
    color: #444444;
    padding-left:20px;
    background: #cccccc url(http://www.roanoke.com/images/v2005/grad-width.jpg) repeat-y;}

.re-checklist h2{
    font-size:12px;
    padding:5px 20px 0px 20px;}

.re-checklist ol{
    margin-top:10px;
    font-size:13px;
    font-weight:bold;}
    
.re-checklist ul{
    font-size:12px;
    list-style-type:disc;
    font-weight:normal;}
    
.re-checklist p{
    margin-left:10px;}   
    
.checklist-textbox{
    margin-left:10px;
    background-color: #D6D2C9 ;} 

.checklist-resources {
    text-align:center;
    color: #444444;
    font-size:10px;
    margin:10px 0px 5px 0;} 
    
.checklist-resources h3{
    font-size:11px;}

.checklist-resources p{
    margin:0;} 
  
/*Area Numbers - Content */
.re-directory{
    border:1px solid #999999;
    font-weight:bold;
    padding-bottom:10px;} 

.re-directory h1{
    font-size:20px;
    color: #444444;
    padding-left:20px;
    margin-bottom:10px;
    background: #cccccc url(http://www.roanoke.com/images/v2005/grad-width.jpg) repeat-y;}

.re-directory ul{
    padding-left:20px;
    list-style:disc;
    margin-bottom:10px;}
    
.re-directory p{
    font-weight:normal;
    margin:5px 20px 10px 20px;}   

.re-directory a{
    margin-right:10px;}

.re-directory label{
    font-size:15px;
    color:#444444;
    margin:0px 0 10px 5px;}

/*Tooltip & Print function for Checklists and content*/
a.tooltip {
    position: relative;}

a.tooltip span {
    display: none;}

a.tooltip:hover span {
    display: block;
    position: absolute;
    width: 8em;
    top: 2em;
    right: 1.5em;
    padding: 0.2em 0.2em;
    border: 1px solid #999999;
    background: #cccc96;
    color: #444444;
    text-align: center;
    font-size:12px;
    font-weight: bold;}

a.tooltip:hover {
    font-size: 100%;}

#printChecklist {
    float:right;
    margin:-20px 20px 0 0;}
    
#printChecklist a:hover, a:active, a:visited {
    border:none; }

/*Area listings from Details Page*/
.area-listings{
    border:1px solid #999999;
    padding-bottom:20px;
    width:615px;}

.area-listings h1{
    font-size:20px;
    color: #444444;
    padding-left:20px;
    background: #cccccc url(http://www.roanoke.com/images/v2005/grad-width.jpg) repeat-y;}

.area-listings p{
    margin-bottom:5px;
    margin-left:25px;   }
    
.area-listings label {
    margin-left:25px;
    margin-right:5px;
    font-weight:bold;   }
    
.area-listings input {
	margin-left:25px;
    background-color:#cccccc;
    font-weight:bold;  }
    
#listings-button{
    margin-left:25px;
    background-color:#cccccc;
    font-weight:bold;  }

/*Special formatting for the ads*/
#iframe-midddleAd {
    width:500px;
    height:70px;
    border:none; }

#div-search-widget{
    margin-top:5px;
    margin-bottom:0;  }
        
/*Formatting for the MapQuest items */
.mapquest-frame {
    height:900px;
    width:530px; }

/*Styles to for mast changes on details*/
#div-right-menu{
    height:25px; }

#div-no-ads{
    margin-top:0px; }

    
        
 #homes-sidebar {
float:left;
margin:5px 10px 0 0;
width:200px;
}   

#homes-sidebar h3 {
border-bottom:2px solid #2D4A78;
font-size:14px;
margin:10px 0 4px;
}

 a.photogallery_popup
{
    position:relative;
    z-index:24; 
     
}

.promoBox p a:hover {
border-bottom:1px dotted #BDBDBD;
color:#2D4A78;
text-decoration:none;
}
.promoBox a:hover {
border:medium none;
}

.promoBox a:hover {
    border: none;}

.promoBox p a:hover {
    color: #2D4A78;
    text-decoration: none; 
    border-bottom: 1px dotted #BDBDBD;}

.promoBox {
    border: 1px solid #999;
    padding: 3px;
    background: #fff;
    font-size:11px;
    margin: 2px;}

div.promoBox img {
    margin: 2px 0 0 3px;
    border: 1px solid #000;}

.promoBox p {
    margin: 3px;}