/* main site layout */
body { background:#FFF url('/img/background_pattern.png') top repeat-x; min-width:1040px; }
#container { width:1000px; margin:0 auto; text-align:left; font-size:13px; }
#header { height:160px; position:relative; color:white; font-size:16px; }
#content { position:relative; background-color:#FFF; border-left:1px solid #777; border-right:1px solid #777; font-family: Verdana, Arial, sans-serif; padding:.8em 1em 1em 1em; }
#footer_container { background-color:#7d7d7d; color:red; clear:both; padding:10px 0; min-width:1000px; }

/* global */
* { margin:0; padding:0; font-size:1em; }
img { vertical-align:top; }
a img { border:none; }
h3 { margin-bottom:5px; font-size:1.15em; }

/* header */
#logo { padding-top:20px; }
#logo a { text-decoration:none; }
#logo img { width:400px; }

#headerBackground_div { position:absolute; top:0; left:0; right:0; min-width:1040px; width:100%; height:235px; }

#header_left { font-size:.9em; }
#header_right { position:absolute; top:20px; right:0; text-align:right; }
#photo_img { position:absolute; top:20px; right:0; }
#header_date {  }
#header_phone {  }

div#header a:link,    div#footer a:link {color:white;}
div#header a:visited, div#footer a:visited {color:white;}
div#header a:active,  div#footer a:active {color:white;}
div#header a:hover,   div#footer a:hover {color:white;}

div#navigation { position:absolute; bottom:0; color:white; text-align:center; }
div#navigation ul { margin:0; list-style:none; }
div#navigation li { float:left; margin-right:1.9em; height:34px; }
div#navigation li a { height:20px; text-decoration:none; font-size:1em; }
div#navigation li a:link { color:white;}
div#navigation li a:visited { color:white; }
div#navigation li a:active { color:white; }
div#navigation li a:hover { color:white; }
div#navigation li.active { background:transparent url('/img/active_nav_arrow_current.png') bottom no-repeat; }
div#navigation li:hover { background:transparent url('/img/active_nav_arrow.png') bottom no-repeat; }

/* content */
#content h1 { font-size:2em; font-weight:normal; padding-bottom:.3em; }

/* content pages */
div.page { text-align:justify; }
div.page h1 { text-align:center; margin-bottom:5px; }
div.page h2 { font-size:1.3em; }
div.page h3 { font-size:1.2em; }
div.page h4 { font-size:1.1em; }
div.page h5 { font-size:1.0em; }

div.page p { margin-bottom:15px; }
div.page dl { margin-bottom:10px; }
div.page dt { margin-bottom:5px; }
div.page dd { margin-bottom:15px; }

div.page table { border:solid 1px #000; margin:auto; margin-bottom:15px; }
div.page table thead  th { padding:2px 5px; border-bottom:solid 1px #000; }
div.page table tbody th { padding:2px 5px; }
div.page table tbody td { padding:2px 5px; }
div.page table a { text-decoration:none; }

div.page ul { margin:0 0 15px 15px; }
div.page ol { margin:0 0 15px 25px; }
div.page li { margin:3px 0; }

#aboutUs_div { }
#faq_div { }
#demographics_div table td { text-align:center; }
#testimonials_div ul { list-style:none; padding:0; margin:0; }
#fhaLoan_div { }
#rentCharts_div { text-align:center; }
#rentCharts_div h3 { margin-top:15px; }
#buyerBroker_div { }
#privacy_div { }
#agencyDisclosure_div h2 { font-size:1.2; text-align:center; margin:10px 0; }
#needToSell_div { text-align:center; }


#agents_table { }
#agents_table td { padding:5px; vertical-align:top; border-top:solid 1px #000; }
#agents_table td.photo { }
#agents_table td.photo img {}
#agents_table td.info { white-space:nowrap; }
#agents_table td.info strong { float:left; display:block; width:50px; }
#agents_table td.info div { margin:3px 0; }
#agents_table td.info a { }
#agents_table td.bio { width:100%; }

div.agents { }
div.agents td, div.agents th { text-align:left; padding:2px 5px; }


/* calculators */
div#calculate { }
div#calculate ul { margin:0; padding-left:15px; }
div#calculate ul li { padding:4px 0; }
div#calculate a { color:#000; }
div#calculate div#back { padding-bottom:10px; }
div#calculate div#back a { }


/* global form style */
form, div.alternate { font-size:13px; }
input.numeric, input.numericMoney { width:75px; }
input.submit { color:#6A1E1F; margin:0 2px; padding:0 3px; }

/* home page, found in php/display.php - displayHome() */
div#home_div { position:relative; }
div#banner_div { position:absolute; right:5px; top:85px; }
div#banner_div img { width:505px; height:160px; }
div#banner_div div  { text-align:center; z-index:1; font-weight:bold; margin-top:-23px; font-size:12px; }

/* featured results on the home page, also uses style from "div.property" and div.rental" */
div#databaseCount { margin:0px 0 10px 0; }
div#databaseCount div { }

div#featured { margin-top:15px; height:360px; }
div#featured { }
div#featured div.featuredGroup { border:solid 3px #EEE; float:left; margin-right:5px; padding:0 2px; }
div#featured div.featuredGroup h4 { text-align:center; padding:3px; }
div#featured div#featuredRentals { float:left; }
div#featured div#featuredSales     { float:right; }
div#featured div.property, div#featured div.rental { border:none; width:220px; margin:0 2px; height:287px; }
div#featured div.photo_div img { width:220px; height:165px; } /* should be 4/3 ration */
div#featured div.price { margin-bottom:5px; }
div#featured a.info { float:left; }
div#featured a.nextProperty { float:right; }
div#featured img.logo { } 


/* Styling for search form on the home page, see "css/input.css" for default values */
form#alternate_form { height:240px; }
form#alternate_form h3 a { text-decoration:none; font-weight:normal; }
form#alternate_form table, form#alternate_form td { width:auto; padding:3px 5px 3px 0; border:none; }
form#alternate_form input.textAuto, form#alternate_form input.textAutoMultiple { width:160px; }
form#alternate_form input.address { width:335px; }
form#alternate_form input.numeric, form#alternate_form input.numericMoney { margin:0 6px 0 0; }
form#alternate_form select { width:165px; }
form#alternate_form span.numericRange span, form#alternate_form span.numericMoneyRange span { margin:0; }
form#alternate_form input.compactRangeNumeric { margin-right:10px; }
form#alternate_form span#database { display:block; }
form#alternate_form span#database span { display:block; font-weight:normal; margin:2px 0; }
form#alternate_form span#database input { margin:0; padding:0; }
form#alternate_form table tfoot td { /* position:absolute; right:13px; bottom:7px; text-align:right; */ }

#account_form table { width:auto; }
#account_form div.alternateForm { padding:3px 5px; }
#signout_a { float:right; z-index:2; }

/* Styling for property search form, see "css/input.css" for default values */
form#property_form { }
form#property_form h3 { margin-bottom:10px; font-size:1.15em; }
form#property_form th { white-space:nowrap; }
form#property_form input.integer { width:90px; }
form#property_form input.address, form#property_form input.city { width:250px; }
form#property_form strong { display:block; font-size:.9em; margin-bottom:2px; }
/* form#property_form span.numericRange span, form#property_form span.numericMoneyRange span { display:block; width:110px; text-align:right; } */
span.radio span { font-weight:bold; }
div#area, div#city  { /* height:120px; overflow:auto; */ }
div#amenities , div#propertyType { margin-right:15px; }
input.compactRangeDate { width:90px; }

/* Styling for sold property search form */
form#sold_form { }
form#sold_form h3 { margin-bottom:10px; color:#F00; text-align:center; font-size:1.15em; }
form#sold_form th { white-space:nowrap; }
form#sold_form input.integer { width:90px; }
form#sold_form input.address, form#property_form input.city { width:250px; }
form#sold_form strong { display:block; font-size:.9em; margin-bottom:2px; }


/* Styling for rental search form, see "css/input.css" for default values */
#rentalAlternate { }
#rentalAlternate span#database { margin:0; padding:0; display:block; }
#rentalAlternate span#database span { display:block; font-weight:normal; margin:2px 0; padding:0; }
#rentalAlternate span#database input { margin:0; padding:0; }
#rentalAlternate  div.checkMultiple td { white-space:nowrap; }
#rentalAlternate h3 { margin-bottom:5px; font-size:1.15em; }
#rentalAlternate .countForm h3 { margin:10px 0; font-size:1.15em; }

form#rentalPrivate_form { }
form#rentalPrivate_form input.integer { width:80px; }
form#rentalPrivate_form select { width:80px; }

form#rentalPublic_form { }
form#rentalPublic_form th { white-space:nowrap; }
form#rentalPublic_form input.address, form#rentalPublic_form input.city { width:250px; }
form#rentalPublic_form input.integer { width:80px; }
form#rentalPublic_form select { width:130px; }

#unsubscribe_form  table { width:auto; }

/* default style for photos, can be made more specific - div.rental div.photo_div { } - etc */
div.photo_div { position:relative; }
div.photo_div a.link { display:block; text-decoration:none; }
div.photo_div img { width:400px; height:300px; border:none; } 
div.photo_div div { text-align:center; position:relative; margin-top:2px; clear:both; }
div.photo_div div a.prev { position:absolute; text-decoration:none; left:0;  top:0; font-weight:bold; }
div.photo_div div a.next { position:absolute; text-decoration:none; right:0; top:0; font-weight:bold; }
div.photo_div div span { font-weight:bold; }

/* containers for properties and rentals results */
div#properties { position:relative; width:100%; overflow:hidden; }
div#properties h4 { margin:0 0 5px 0; }

div#rentals { position:relative; width:100%; overflow:hidden; }
div#rentals h4 { margin:0 0 5px 0; }

/* page numbers on results pages */
div.pages { clear:both; background-color:#CCC; padding:3px 5px; }
div.pages a { margin-right:10px; }
div.pages a.current { text-decoration:none; color:#000; font-weight:bold; }
div.pages a.prev { }
div.pages a.next { }

/* style for "Compare Selected" button and "Edit Search Criteria" link */
div.resultOptions { clear:both; margin:3px 0; }
div.resultOptions input { }
div.resultOptions a { margin-left:20px; }

/* if there are no results for a search */
div.noResults { margin-bottom:15px; }

/* The div and link on rentals page that display "There are ... results in the ..." */
div.rentalCross_div { margin:5px 0; }
div.rentalCross_div a { }

#subscribe_form { margin-top:20px; }
#subscribe_form h3 { font-size:1.5em; }
#subscribe_form p { margin:3px 0 5px 0; }
#subscribe_form table { width:auto; }

/* each rental search result */ 
div.rental { float:left; margin:5px 10px 5px 0; border:solid 3px #DDD; padding:5px; width:250px; height:322px; }
div.rental input { margin-right:10px; } /* checkbox */
div.rental a.listing { text-decoration:none; }
div.rental div.city { text-align:center; }
div.rental div.address { text-align:center; white-space:nowrap; overflow:hidden; height:20px; }
div.rental div.photo_div img { width:250px; height:187px; } /* should be 4/3 ration */
div.rental div.details { }
div.rental div.type { }
div.rental div.type strong { font-weight:normal; }
div.rental div.price { }
div.rental a.nextProp { float:right; }
div.rental a.info { }
div.rental img.logo { float:right; font-weight:bold; height:20px; }

/* each property search result */ 
div.property { float:left; margin:5px 10px 5px 0; border:solid 3px #DDD; padding:5px; width:250px; height:325px; overflow:hidden; }
div.property input { margin-right:10px; } /* checkbox */
div.property a.listing { text-decoration:none; }
div.property div.city { text-align:center; }
div.property div.address { text-align:center; margin-bottom:5px; }
div.property div.photo_div img { width:250px; height:187px; } /* should be 4/3 ration */
div.property div.details { }
div.property div.type { }
div.property div.type strong { font-weight:normal; }
div.property div.price { }
div.property a.info { }
div.property img.logo { float:right; font-weight:bold; height:20px; }

/* elements shared by property and rental details pages */
div.detailsNav { margin-bottom:10px; text-align:center; }
div.detailsNav a { }
div.detailsNav a.prev { margin-right:15px; /* float:left; */ }
div.detailsNav a.back { margin-right:15px; }
div.detailsNav a.edit { margin-left:15px; }
div.detailsNav a.next { margin-left:15px; /* float:right; */ }

div#presentedBy { margin:5px; text-align:center;  }
div#presentedBy span.type { float:left; }
div#presentedBy span.westchester { float:left; margin-left:5px; }
div#presentedBy span.presentedBy   { font-weight:bold; font-size:1.1em; margin-left:15px; }
div#presentedBy strong { color:#6A1E1F;  }
div#presentedBy a { float:right; text-decoration:none; margin-left:20px; }

table#listingDetails { border:solid 3px #DDD; margin-top:10px; }
table#listingDetails th { padding:2px 7px 2px 4px; text-align:left; white-space:nowrap; vertical-align:top; }
table#listingDetails td { padding:2px 4px 2px 4px; white-space:auto; width:90%; vertical-align:top; }
table#listingDetails td.photo { width:408px; vertical-align:top; }
table#listingDetails td p { margin:0; }

form#mortgageCalc_form { width:394px; border:solid 3px #DDD; margin-top:15px; float:right; clear:both; margin-left:10px; }
form#mortgageCalc_form h3 { border-bottom:solid 1px #CCC; margin:4px 0; padding:0 4px 2px 4px; }
form#mortgageCalc_form table { border:none; }
form#mortgageCalc_form table th { text-align:right; padding:4px 6px; white-space:nowrap; width:25%; border:none; }
form#mortgageCalc_form table td { border:none; }
form#mortgageCalc_form table td.error { color:#C00; }
form#mortgageCalc_form table td.payment { font-weight:bold; }
form#mortgageCalc_form input.numeric { width:152px; }

iframe#map { width:400px; height:400px; margin-top:15px; margin-bottom:10px; float:right; clear:both; margin-left:10px;}

#contact_form { width:550px; margin-top:15px; border:solid 3px #DDD; font-size:13px; font-family: Verdana, Arial, sans-serif; }
#contact_form h3  { margin:4px; text-align:center; }
#contact_form  h3 div { margin-top:5px; text-align:center; }
#contact_form p { margin:4px; text-align:center; padding-bottom:10px; }
#contact_form table { border:none; }
#contact_form table th { white-space:nowrap; width:0; }
#contact_form table td { }
#contact_form textarea { width:543px; height:100px; }
#contact_form input.subject { width:415px; }

/* formatting for form and review table */
#showing_form { width:550px; margin-top:15px; border:solid 3px #DDD; font-size:13px; font-family: Verdana, Arial, sans-serif; }
#showing_form  h3 { text-align:center; margin:4px; }
#showing_form  h3 div { margin-top:5px; }
#showing_form p    { text-align:center; font-size:.95em; padding-bottom:10px; margin:4px; }
#showing_form p i  { display:block; margin-top:5px; }

form#showing_form table, div#showing_form table { border:none; }
form#showing_form table th { white-space:nowrap; width:0; }
form#showing_form table td { }
form#showing_form table td div { margin-bottom:5px; }
form#showing_form textarea { width:541px; height:100px; }
form#showing_form input.subject { width:395px; }

/* detailed listing for a property */
div#property { }
div#property div.photo_div { margin-left:10px; }
div#property input.submit { }
div#property a.editSearch { margin-left:20px; }

div#property div#disclaimer { margin-top:40px; font-size:.9em; color:#555; clear:both; }
div#property div#disclaimer p.copyright { margin-bottom:10px; }
div#property div#disclaimer p.indent { margin-left:25px; font-style:italic; }

/* detailed listing for a rental */
div#rental { }
div#rental div.photo_div { }
div#rental div.displayAddress { margin-bottom:10px; text-align:center; font-weight:bold; }
div#rental iframe#map { float:right; clear:both; margin-left:10px; }
div#rental form#contact_form { }

/* comparison of multiple properties or rentals */
div#compare { overflow:auto; }

div#compare table { border:solid 1px #000; }
div#compare table td { padding:2px 5px; border-left:solid 1px #000; vertical-align:top; }
div#compare table th { padding:2px 5px; text-align:left; white-space:nowrap; vertical-align:top; }
div#compare table tr:nth-child(even) { background-color:#EEE; }
div#compare div.photo_div { text-align:center; }
div#compare div.photo_div img { width:200px; height:150px; }
div#compare div#disclaimer { margin-top:20px; }
div#compare div#disclaimer img.logo {  }

/* Search histor shown in index */
table#searchHistory_table { border:solid 1px #000; }
table#searchHistory_table td, table#searchHistory_table th { padding:2px 5px; }

/* footer */
#footer { width:1000px; margin:0 auto; color:#eee; font-size:12px; font-family:Verdana, Arial, sans-serif; }
#footer h2 { font-size:3em; font-family:Garamond, "Times New Roman", Times, serif; margin-bottom:10px; }
#footer ul { text-align:center; list-style:none; margin-bottom:5px; }
#footer ul li { display:inline; margin-left:10px; padding-left:10px; }
#footer ul li.sep { border-left:solid 1px #FFF; }
div#copyright { text-align:center; font-size:.8em; margin-top:10px; }