/* v2.3 */


body {background-color: #fff; margin: 0; background-image: url("../../images/bg_page.jpg"); background-repeat: repeat-x; 
	font-family: verdana, sans-serif; font-size: 12px; }
	
h4.footer {padding: 1em 0em; border-top: 1px solid #333; background-color: #eee; font-size: 1em; width: 700px;}	
	
#container {width: 986px; /*margin: auto;*/ margin-left: 25px; background-color: white; margin-top: 110px; }
#header {position: relative; width: 986px; height: 145px; background-image: url("../../images/masthead_986.png"); background-repeat: no-repeat;}
#header a {width: 700px; height: 83px; display: block;}
#printheader {display: none;}

#topper {display: none; width: 700px; height: 28px; background-image: url("../images/left_right_topper.gif"); background-repeat: no-repeat; }
#topper, #header h2 {display: none;}

#maincontent {width: 986px; position: relative;}

#calculator {width: 140px; position: absolute; left: 650px; margin-top: 90px; color: #ccc;}

#calculator {margin-top: 130px;}
#calculator img#calcsponsor {position: absolute; left: -9px; top: -45px; z-index: 1000; border: none;}

#calculator a {color: #ccc;}

#supportingpagebody {width: 360px; position: absolute; left: 620px; top: 3px;}
#supportingpagebody form {display: none; margin-left: 8px; margin-bottom: 2em; margin-top: 2em; width: 155px; border: 1px solid #ccc; padding: 0 2px 5px 2px;}
/*#supportingpagebody form {margin-left: 15px; margin-bottom: 2em; width: 160px;}*/
#supportingpagebody h2 {margin: 0; margin-bottom: 1em; font-size: 1em; background-color: white; border-bottom: 1px solid #ccc; text-align: center;}

#company {width: 161px;  margin-bottom: 100px; margin-left: 8px; text-align: center; border: 1px solid #ccc; background-color: #eee;  margin-top: 20px; padding: 10px 0;}

#agentcameo {width: 161px; margin-left: 8px; border: 1px solid #ccc; background-color: #eee; text-align: center; border-top: 0; padding: 10px 0;}
#agentcameo p, #agentcameo h4 {margin: 0; padding: 0; font-size: 1em;}

#propertydata {width: 580px; padding: 10px 15px; margin-left: 5px; margin-top: 5px; background-color: #eaeef7; border: 1px solid #ddd; min-height: 1400px;} 

#searchhdr, #addrheader {margin-bottom: 10px;}
#searchhdr img {float: right; margin-top: -7px; border: 0px; height: 32px; width: 161px;}
#addrheader {border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}
#addrheader h2, #addrheader h3 {display: inline; font-size: 1.25em;}
#addrheader {font-size: 1em; margin: 1em 0; padding: 1em 0;}
div#addrheader h3 {display: block; float: right; font-size: 1.25em;}
html>body div#addrheader h3 {/*margin-top: -15px;*/}

.valuemap {border: 0;}

#propertyaddr {margin-left: 240px; width: 220px;}  
html>body #propertyaddr {margin-left: 240px; width: 250px;} 
*:first-child+html #propertyaddr {margin-left: 240px; width: 220px;} /* IE7 */
#propertyaddr h1 {font-size: 1.25em; margin-top: 0em; margin-bottom: 0em;}
#propertyaddr h2 {font-size: 1em; margin-top: 0em;}
#propertyaddr ul li {list-style-type: none;}

#propertydata ul li {list-style-type: none;} 
#propertydata ul, #propertydata li {margin: 0; padding: 0;}
#propertydata h3 {margin: 0 0 0 0; font-size: 1em;}
#propertydata h3.error, h3.error {margin-top: 3em; color: red; font-size: 1.25em;}
#propertydata h3.type {margin-top: 2em; clear: both; font-size: 1.25em;}

#nofind, #error {height: 300px; padding: 2em;}
#nofind h3, #error h3 {margin: .5em 0;} 

#resultentry {border-top: 1px solid #ccc; margin-top: 1em; height: 137px; clear: both;}
#resultentry img {float: left; margin-top: .5em; clear: left;} 
#resultentry ul {margin-left: 140px; margin-top: .5em;}
#resultentry ul li {list-style-type: none;}
#resultentry li a {text-decoration: none; font-weight: bold;}
#resultentry li a:hover {text-decoration: underline;}
#resultentry img.k2k {float: right;}

/* 
#vtourentry {width: 400px; margin-top: 1em; border: 4px solid #eee; padding: 0px 5px 5px 5px; margin-left: auto; margin-right: auto; align: center;}
#vtourentry h2 {font-size: 1.25em; text-align: center; color: #999; background-color: #eee; margin: 0 -5px 0 -5px;}
#vtourentry img {width: 380px; border: 0;}
#vtourentry img:hover {border: 1px solid #eee;} 
#vtourentry a {text-decoration: none;}
*/
table.vtourlist {width: 100%; margin-top: 2em;}
table.vtourlist td {border-bottom: 1px solid #eee; text-transform: uppercase;}
table.vtourlist th {padding: 1em; background-color: #eee;}


#photos {float: left; width: 200px; }
#photos img.photo {width: 215px; height: 168px; }
#photos img.touricon {vertical-align: text-bottom;}
a.photos, a.pictour {text-decoration: none;}
a.photos:hover, a.pictour:hover {text-decoration: underline;}
#photos form {clear: right; /* padding-left: 40px; */}
#photos form input {font-size: 10px;}
#features {clear: left; padding-top: 2em;}

#features1 {float: left; width: 220px;}
#features2 {margin-left: 240px; width: 200px;}
#features1 ul, #features2 ul {margin-bottom: 1em;}
#description {clear: left; padding-top: 2em; margin-bottom: 2em;}


#lead {border: 1px solid #036; margin-top: 2em; font-size: 10px; padding: .75em; background-color: #eee;} 
#lead h3 {border-bottom: 1px solid #ccc; margin-bottom: 1em;}
#lead label {float: left; width: 150px;}
#lead b {color: red;}
#lead textarea, #lead input, #lead select {font-size: 10px; font-family: verdana; width: 350px; margin-bottom: .5em;} 
#lead textarea {width: 350px;} 
#lead input.button {width: auto; margin-left: 200px;}

#searchhdr {clear: both;}
#searchhdr.summary2 {margin-top: 2em; border-top: 1px solid #ccc;}

#mainsearch {width: 580px; font-size: 11px; }
#mainsearch label {color: #369; font-weight: bold; font-size: 10px;}
#mainsearch input, #mainsearch textarea, #mainsearch select {font-size: 11px;}

#mainsearch h2 {margin-top: 4em; border-bottom: 1px dotted #ccc; background-image: url(../images/h_search_options.png); background-repeat: no-repeat; background-position: 0px 3px; height: 30px; width: 90%;}
#mainsearch h2.basic {margin-top: 1em;}
#mainsearch h2 span, #advanced h2 span {display: none;}
#mainsearch #advanced h2 {background-position: 0px -40px;}

#area {height: 210px; width: 200px; float: left; margin-top: 10px;}
#areal, #transtypel  {float: left; width: 250px; display: block; margin: 0;}

#searchparms, #mainfields, #advancedfields, #resultsfields, #advancedset2, #commercialset {width: 500px; color: black; border: 1px solid #666; background-color: #eee; margin-bottom: 15px; font-size: 20px; background-image: url(../images/blue_gradient.jpg); background-position: 50% 10%; font-weight: bold; display: block;}
#mainfields {margin-top: 15px;}
#newlo {width: 400px; clear: right; height: 40px; padding-top: 12px;}

#newlistoffsetl {float: left; clear: left; width: 100px;}
#newlistoffset {width: 250px; margin-right: 220px; }
html > body #mainsearch * {font-size: 9px;}

#mainfields label {display: block; width: 100px; float: left; padding-top: 4px;}
#mainfields select {width: 135px; float: right;}
#mainfields1 {float: left; width: 240px;}
#mainfields2 {float: right; width: 240px;}

#sortby, #sortorder {margin-bottom: 10px;}
#advanced label {}
#advanced br {clear: left;}

#advancedfields label {display: block; width: 100px; float: left; padding-top: 4px;}
#advancedfields select {width: 135px; float: right;}
#advancedfields1 {float: left; width: 240px; clear: left;}
#advancedfields2 {float: right; width: 240px;}

#advancedset2 div {float: left; width: 150px; margin-left: 15px; margin-top: 10px;}
#advancedset2 div label {display: block; width: 100px;}
#advancedset2 select {width: 150px; height: 120px;}

#commercialset div {float: left; width: 150px; margin-left: 15px; margin-top: 10px;}
#commercialset div label {display: block; width: 100px;}
#commercialset select {width: 150px; height: 120px;}


fieldset.scrollbox {margin: 0px; padding: 0px; border-style: none; width: 250px; float: left; clear: left; margin-right: 25px;}
fieldset.scrollbox div {background: #ffffff; height: 210px; border: 1px solid #666666; overflow: auto;}
fieldset.scrollbox ul {margin: 0px 0px 5px; padding: 0px 0px 5px; list-style: none;}
fieldset.scrollbox div ul li label {font-size: 3em;}
fieldset.scrollbox label {font-weight: normal; font-size: 3em;}
fieldset.scrollbox input {vertical-align: middle; font-weight: normal; color: green;}
#township {}

fieldset.scrollboxsmall {width: 250px; margin-left: 280px; border-style: none; margin: 0; padding: 0; height: 210px;}
fieldset.scrollboxsmall div {background: #ffffff; height: 210px; width: 225px; border: 1px solid #666666; overflow: auto;}
fieldset.scrollboxsmall ul {margin: 0px 0px 5px; padding: 0px 0px 5px; list-style: none;}
fieldset.scrollboxsmall div ul li label {font-size: 3em;}
fieldset.scrollboxsmall label {font-weight: normal; font-size: 3em;}
fieldset.scrollboxsmall input {vertical-align: middle; font-weight: normal; color: green;}


*:first-child+html #resultsfields {margin-bottom: 15px;}  /* IE 7 */
*:first-child+html #advancedfields {margin-top: 15px;}  /* IE 7 */
*:first-child+html #advancedset2 {margin-bottom: 15px;}  /* IE 7 */
*:first-child+html #commercialset {margin-bottom: 15px;}  /* IE 7 */


#neighborhoodl {display: block; margin-left: 276px; clear: right; width: 250px; }
#neighborhood {height: 210px;}

#zipcodel {} /* {clear: left;  margin-top: 15px; float: left;  }*/
#zipcode {display: block; width: 195px; float: left; margin-right: 185px; margin-left: 5px;} 
#street {margin-left: 5px; width: 130px;}



#photopage, #remote {/* background-color: white; */ width: 700px;}
#photopage h2 {border-bottom: 1px solid #eee; color: #036; font-size: 1.25em; margin: 0 0 .5em 0; padding: 0; /* margin-top: 0; margin-bottom: 1em; */ }
#photopage ul {width: 75px; float: left; margin: 0; padding: 0;}
#photopage img {border: solid 1px #333; width: 500px; margin: 0; padding: 0;} 
/*#photopage h4, #remote h4, #error h4 {padding: 1em; border-top: 1px solid #333; background-color: #eee; }*/

/*remote covers email friend, make appointment, confirmation */
#remote div {padding: 0 0 1em 3em; margin-top: 0; min-height: 300px; }
#remote h2 {border-bottom: 1px solid #eee; color: #036; font-size: 1.25em; margin-top: 0; margin-bottom: 1em; padding: 1em 1em .25em 1em;}
#remote h3 {font-size: 1.5em; margin-left: 5em;}
#remote div h3 {margin-left: 0;}
#remote h3.error {color: red;}
#remote form {margin-top: 2em; border: 1px dotted #ccc; width: 95%; padding-top: 2em; font-size: 10px;}
#remote label {float: left; width: 100px; margin-left: 4em; text-align: right;}
#remote input, #remote textarea, #remote select  {width: 200px; margin-bottom: .5em; margin-left: 1em;}
#remote textarea {width: 300px;}
#remote select.date, #remote input.date {width: 100px; margin-left: 1em;}

#remote input.button {width: auto; margin-left: 4em;}
#remote br {clear: left;}

#errorpage {margin: 2em;}


/* taken from shared */
#submitarea {clear: both; margin: 0; padding: 1em 0;}
html body input#button1 {width: auto; display: inline; font-size: 2.5em; width: 200px;}
html body input#button2 {clear: left; width: auto; font-size: 2.5em; width: 200px;}
#disclaimer {display: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #999; padding: .25em 0 .25em 0; margin-top: 2em; margin-bottom: 1em; clear: both;}
#disclaimer2find {color: #999; padding: 1em; padding-left: 0px;}

#feedback {color: #999; padding-top: .5em; margin: .5em 0 0 0;}

/*
#tools {width: 320px; background-color: white; margin-left: 20px;}
#tools div {width: 300px; height: 45px;}
#tools div a {width: 300px; line-height: 45px; font-weight: bold; font-size: 14px; padding-left: 50px; color: #999; text-decoration: none;}
#tools div a:hover {text-decoration: underline;}
#tools div {background-repeat: no-repeat;}
#tools #moreinfo {background-image: url("../images/more_info.gif");}
#tools #emfriend {background-image: url("../images/b_email_a_friend.jpg");}
#tools #map {background-image: url("../images/b_maps_directions.jpg");}
#tools #sat {background-image: url("../images/satellite.gif");}
#tools #schools {background-image: url("../images/b_schools.jpg");}
#tools #our {background-image: url("../images/our_listings.gif");}
#tools #my {background-image: url("../images/view_my_listings.gif");}
#tools #oh {background-image: url("../images/oh.gif");}
#tools #emailupdates {background-image: url("../images/b_email_updates.gif");}
#tools #appt {background-image: url("../images/appointment.gif");}
#tools #vtour {background-image: url("../images/b_vtours.jpg");}
*/

#tools {width: 360px; background-color: white; margin-left: 0px;}
#tools div {width: 178px; height: 35px; float: right; }
#tools div a {line-height: 35px; font-weight: bold; font-size: 10px; padding-left: 40px; color: #999; text-decoration: none;}
#tools div a:hover {text-decoration: underline;}
#tools div {background-repeat: no-repeat;}
#tools #moreinfo {background-image: url("../images/more_info.gif");}
#tools #emfriend {background-image: url("../images/b_email_a_friend.jpg");}
#tools #map {background-image: url("../images/b_maps_directions.jpg");}
#tools #sat {background-image: url("../images/satellite.gif");}
#tools #schools {background-image: url("../images/b_schools.jpg");}
#tools #our {background-image: url("../images/our_listings.gif");}
#tools #my {background-image: url("../images/view_my_listings.gif");}
#tools #oh {background-image: url("../images/oh.gif");}
#tools #emailupdates {background-image: url("../images/b_email_updates.gif");}
#tools #appt {background-image: url("../images/appointment.gif");}
#tools #vtour {background-image: url("../images/b_vtours.jpg");}


#tools #calculator {background-image: url("../images/b_calculator.gif");}  /* need to resolve this clashes with new one if we keep button */

#tools #vhouse {background-image: url("../images/videohouse.gif");}
#tools #locations {background-image: url("../images/b_my_locations.jpg");}

#recentproperties {width: 487px; border: 1px solid #000; margin: .5em 0; }
#recentproperties table td {padding: 15px;}
.recentpropertyheader {margin: 1.5em 0 0 0; padding:0; font-size: 1.2em;}

img.sold {display: none;}

/* should get put into shared eventually ?  Unless style changes signficantly and that is starting
#featured_open {width: 356px; height: 345px; background-color: #e5e6de; position: absolute; left: 625px; top: 0px; color: #a2a09e; text-align: left;}
#featured_open h2 {width: 356px; height: 20px; text-align: bottom; color: #666; margin: 0; padding: 0; padding-left: 15px; padding-top: 3px; font-size: 13px; font-family: verdana; background-image: none;}
#featured_open img {width: 354px; margin-left: 1px; border: 0;}
#featured_open h3 {font-size: 13px; color: #666; margin: 0; padding: 0; margin-left: 5px; margin-top: 3px;}
#featured_open p {margin: 0; padding: 0; margin-left: 5px;}
#featured_open p.datetime {padding-left: 10px; margin-top: -5px; padding-bottom: 8px;}
#featured_open p.details {margin-top: -17px; margin-left: 285px; color: #666; text-decoration: none;}
#featured_open a {text-decoration: none; font-weight: bold; color: #666; }
#featured_open a:hover {text-decoration: underline;}
*/

/* put the scroller screen in the right place, and ensure correct size on level 2 search pages */
div#screen {position: absolute; left: 625px; top: 0px; padding: 0px;}
div#sections {width: 356px; padding: 0px;}

div.featured_open {width: 356px; height: 345px; background-color: #e5e6de; color: #a2a09e; text-align: left;}
div.featured_open h2 {width: 356px; height: 20px; text-align: bottom; color: #666; margin: 0; padding: 0; padding-left: 15px; padding-top: 3px; font-size: 13px; font-family: verdana; background-image: none;}
div.featured_open img {width: 354px; height: 266px; margin-left: 1px; border: 0;}
#screen div.featured_open h3 {font-size: 13px; color: #666; margin: 0; padding: 0; margin-top: 3px; margin-left: 5px;}

div.featured_open p {margin: 0; padding: 0; margin-left: 5px;}
div.featured_open p.datetime {padding-left: 10px; margin-top: -5px; padding-bottom: 8px;}
div.featured_open p.details {margin-top: -30px; margin-left: 285px; color: #666; text-decoration: none;}
div.featured_open a {text-decoration: none; font-weight: bold; color: #666; }
div.featured_open a:hover {text-decoration: underline;}
/********* scrolling opens *********/
#screen{
	position:relative;
	height:345px;
	width:356px;
	left: 580px; top: -345px;
}
#sections{
overflow:hidden;
background-color:white;
width:356px;
height:345px;
clear:left;
}

#sections ul{
width:3660px;
margin: 0; padding: 0;
list-style: none;
}

#sections li {
float: left;
}

/* New for proximity mapping */
#mapcontainer {width:500px; height:450px; margin: 1em;}
#mapkey{position: absolute; left:565px; top:80px;}
div#proximitydisplay {border: 1px solid #036; margin-top: 2em; font-size: 10px; padding: .75em; background-color: #eee;} 
div#proximitydisplay h3 {border-bottom: 1px solid #ccc; margin-bottom: 1em;}