﻿body { margin: 0px; font-family: Verdana, Sans-Serif, Arial; font-size: 8pt; }

h1 { font-size: 11pt; margin: 0; padding: 0; }
h2 { font-size: 10pt; margin: 0; padding: 0; }
h3 { font-size: 9pt; margin: 0; padding: 0; }
th { text-align: left; }
td { vertical-align: top; }
a, a:visited { color: #2398d4; text-decoration: none; }
input, select { font-size: 8pt; padding: 0; }
form { margin: 0; padding: 0; }

#panel { width: 750px; border: solid 12px #555; border-top: none; margin: 0px auto; position: relative; background-color: #fff; padding: 0 3px 3px 3px; }

#header { border-bottom: solid 2px #222; }

#topMenu { height: 26px; background: #555; padding-top: 3px; }
#topMenu a
{
	display: block; 
	float: left; 
	width: 103px; 
	height: 26px; 
	line-height: 26px; 
	background: url(http://content.2viewrealestate.com/template1/img/tabOff.gif);
	text-align: center; 
	text-decoration: none; 
	font-weight: bold;
	font-size: 9pt;
	color: #444; 
	margin: 0 0 0 3.5px;
}
#topMenu a.on, #topMenu a.on:hover { background: url(http://content.2viewrealestate.com/template1/img/tabOn.gif); color: #fff; }
#topMenu a:hover, #topMenu a.hover { color: #612121; }
#topMenu a.map { background: url(http://content.2viewrealestate.com/template1/img/tabMap.gif); }

#subMenu { background: #9f977e; height: 27px; position: relative; line-height: 27px; color: #fff; text-indent: 8px; }
#subMenu a { color: #fff; text-decoration: underline; }

#quickSearch { position: absolute; right: 8px; top: 2px; height: 25px; text-indent: 0px; }
#quickSearch th { background: url(http://content.2viewrealestate.com/template1/img/textBox.gif) no-repeat; width: 218px; height: 25px; text-align: center;}
#quickSearch th input { border: 0; width: 200px; color: #444; font-size: 8pt; margin: 0; padding: 0; }
#quickSearch td input { border: 0; width: 29px; margin: 0; padding: 0; }
   
td.lMenu 
{
	vertical-align: top;
	width: 160px;
	background: #d2cdbd;
	padding: 0;
	font-size: 8pt;
}

td.lMenu a { display: block; border-bottom: solid 1px #e1dfd7; margin: 1px; text-decoration: none; color: #2f4b5a; padding: 2px; }
td.lMenu a.on, td.lMenu a:hover { background: #e1dfd7; }
td.lMenu h1 { background: url(http://content.2viewrealestate.com/template1/img/lMenuHead.gif) no-repeat; height: 31px; line-height: 31px; color: #fff; margin: 0; padding: 0 0 0 4px; font-size: 9pt; }
td.lMenu h1.tborder { border-top: solid 4px #9f977e; }
td.lMenu span { font-size: 9pt; font-weight: bold; display: block; margin: 2px; color: #444; }

div.contact { text-align: center; position: relative; margin-top: 16px; }
div.contact img { border: solid 3px #9f977e; margin: 0px auto; width: 80px; }
div.contact h2 { color: #444; font-size: 8.5pt; }
div.contact h3 { color: #777; font-size: 7.5pt; }

td.body { vertical-align: top; padding: 4px; position: relative; }

div#contact { text-align: left; margin: 4px 0 0 0; padding: 5px 0 0 0; }

table.contact { width: 100%; }
table.contact td.photo { width: 130px; text-align: center; vertical-align: top; }
table.contact td.photo img { border: solid 3px #9f977e; margin: 0 auto; }
table.contact td.info { vertical-align: top; padding-left: 5px; }
table.contact td.form { width: auto; text-align: center; }
table.contact td.form input, table.contact td.form textarea { font-size: 9pt; color: #444; }
table.contact td.form input.iButton { width: auto; border: solid 2px #eee; padding: 2px; background: #fff; }

table.contact td.broker { text-align: center; vertical-align: top; }
table.contact td.broker img { border: solid 3px #9f977e; margin: 0 auto; width: 130px; }

#bottom { height: 37px; border-top: solid 5px #9f977e; border-bottom: solid 1px #9f977e; background: url(http://content.2viewrealestate.com/template1/img/promoBg.png) repeat-x; }
#bottom td { width: 33%; }
#bottom a img { border: none; }

input.on, select.on { background: #444; }
input.iButton { border: 0; }
input.sButton { border: solid 2px #444; margin: 4px 0 0 0; padding: 2px 0; font-weight: bold; color: #cd4f36; background: #fff; cursor: pointer; font-size: 9pt; }
	 
div.dd { display: none; position: absolute; background: #d2cdbd; padding: 5px; border-bottom: solid 4px #9f977e; }
div.dd a { display: block; background: #e1dfd7; color: #444; font-size: 8pt; text-decoration: none; padding: 2px; margin-bottom: 1px; }
div.dd a:hover { background-color: #ebeae3; }

span.error, span.success {	font-size: 9pt; font-weight: bold; padding: 4px; display: block; text-align: right;  margin: 5px 0; background: #fafafa; }
span.error {  color: #bb2222; border: solid 1px #bb2222; }
span.success { color: #75bb22; border: solid 1px #75bb22;  }

#featured { width: 100%; margin: 4px 3px 10px 3px; }
#featured img.photo { border: solid 3px #d2cdbd; }
#featured table.paging { color: #2398d4; font-size: 8pt; border-bottom: solid 1px #eee; margin-bottom: 2px; width: 100%; line-height: 16px; }
#featured h1 { border-bottom: solid 1px #eee; color: #cd4f36;}
#featured h2 { color: #a64c4c; }
#featured h3 { color: #777; font-size: 8pt; }
#featured table.features th { color: #555; padding-right: 4px; }
#featured table.features b { color: #555; padding-right: 4px; }

div.links { margin-top: 8px; }
div.links div { width: 50%; line-height: 24px; float: left; }
div.links div img { margin-right: 2px; }

div#startSearch { margin: 4px; }
div#startSearch h3 { color: #444; margin-bottom: 6px; }
div#startSearch select { border: 0; padding: 2px; font-size: 8pt; }

h1.title { color:#cd4f36; border-bottom: solid 2px #777; padding-bottom: 2px; }

div.roundBottom { position: relative; padding: 8px; background: #bed7d9; }
div.roundBottom a { display: block; color: #444; margin-top: 4px; }
div.roundBottom th { color: #555; }
div.roundBottom input { width: 99%; border: solid 2px #555; font-size: 10pt; }
div.roundBottom input.iButton { width: auto; font-size: 8pt; border: 0; }
	
img.rul{position: absolute; left: 0; top: 0;}
img.rll{position: absolute; left: 0; bottom: 0;}
img.rur{position: absolute; right: 0; top: 0;}
img.rlr{position: absolute; right: 0; bottom: 0;}
  
table.formTable tr { width: 35%; color: #555; font-size: 10pt; }
table.formTable td { width: 65%; }  
table.formTable input, table.formTable select { padding: 2px; font-size: 10pt; border: solid 2px #AAA; width: 96%; color: #555; }
table.formTable input.cbox { padding: 0; margin: 0; border: 0; width: 35px; }  
  
input.goButton { width:22px; border: none; } 
input.cbox { width: 18px; border: 0; padding: 0; }
textarea { width: 95%; color: #555; }

fieldset { width: 70%; border: solid 3px #ccc; padding: 12px; text-align: left; }
legend { font-size: 10pt; font-weight: bold; color: #444; }
fieldset input, fieldset textarea, fieldset select { border: solid 1px #aaa; padding: 2px; width: 90%; }
fieldset label { font-weight: bold; }
fieldset div.error, fieldset div.fieldError { border: solid 2px #c50c0c; margin: 4px 0; padding: 4px; background: #f7f7f7; }
fieldset div.error ul { margin: 0; padding: 0; list-style-position: inside; }
fieldset input.btn { width: 120px; margin-top: 10px; }

.zillow { margin: 4px; position: relative; background: #fff; }
.zillow div { margin: 5px; border: solid 1px #ddd; padding: 5px; }
.zillow h1 { color: #333; font-size: 10pt; }
.zillow h2 { color: #85ba3f; font-size: 12pt; }
.zillow h3 { color: #7f7f7f; font-size: 9pt; }
.zillow span.increase { color: #689f1a; }
.zillow span.decrease { color: #9f1a1a; }
.zillow span.price { color: #db5602; }
.zillow img.zillowBranding { position: absolute; right: 0; top: 0; border: none; }
.zillow td { background-color: #f3f7ff; }
.zillow th { background-color: #aec4e5; }

.criteriaopts, .suburbs { margin: 6px; border: solid 1px #ddd; background: #f8f8f8; padding: 6px; }
.criteriaopts select { width: 240px; margin: 0 4px 0 0; }
.criteriaopts h3, .suburbs h3 { margin: 10px 0 2px 0; color: #444; }
.suburbs table, .criteriaopts table { width: 100%; }
.suburbs td, .criteriaopts td { width: 33%; color: #666; }
.suburbs span { display: block; margin: 8px 1px 3px 1px; font-size: 8pt; font-weight: bold; color: #555; }
.suburbs div.suburb { float: left; width: 33%; }



#footer
{
	position: relative;
	background: #e8e5db;
	color: #222;
	font-size: 8pt;
	padding: 2px 0 0 2px;
}

#footermenu
{
	position: absolute;
	right: 0px;
	top: 0px;
	border-bottom: solid 1px #b9b8ad;
	clear: both;
}

#footermenu a
{
	display: block;
	padding: 4px 8px;
	border-left: solid 1px #b9b8ad;
	float: left;
	color: #fff;
	text-decoration: none;
	background-color: #9f977e;
}
#footermenu a:hover
{
	display: block;
	background-color: #5c5b53;
}

div.footerInfo { text-align: center; margin-top: 25px; padding: 2px; }

span.help { font-size: 8pt; color: #5d2222; display: block; margin: 2px; }
span.required { color: #ff0000; }
