/* 
Created by: Jon Nesset
For: Classified Ventures ASP
Date: 12/06 
Tested in: IE6win, IE7win, Firefox win, Firefox mac, Safari 1.3

modified for McClatchy Interactive by Gabriel Doliner
*/

div#HSwrap {
width: 420px;
margin: 0 5px;
margin-bottom: 10px;
font-family: Geneva,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #252525;
text-align: left;}

div#HSwrap p {margin: 0; padding: 0;}
div#HSwrap a {color: #026288; text-decoration: none;}
div#HSwrap select {font-family: Geneva,Arial,Helvetica,sans-serif; font-size: 11px; color: #485458; margin: 0;}
div#HSwrap input {font-family: Geneva,Arial,Helvetica,sans-serif; font-size: 11px; color: #485458; margin: 0;}
div#HSwrap a img {border: 0;}
div#HSwrap a {outline: none; -moz-outline: none;}
div#HSwrap form {margin: 0;}
div#HSwrap ul {margin: 0; padding: 0; list-style-type: none;}
div#HSwrap li {margin: 0; padding: 0; display: block; float: left;}

div#HSwrap .bolditalic {font-style: italic; font-weight: bold;}
div#HSwrap span.boldyellow {color: #F8F3CC; font-weight: bold;}

/* top section */
div#HSwrap div#HShed {
background-image: url("http://static.mcclatchyinteractive.com/static/mi_products/homefinder/images/bg_hed.gif"); background-repeat: repeat-x; background-position: bottom;
background-color: #447C09;
border-width: 1px 1px 0 1px; border-color: #000; border-style: solid;
color: #fff;
font-size: 20px;
font-weight: bold;
line-height: 25px;
padding: 6px 10px 4px 10px;
height: 25px;}
div#HSwrap span.HSheadline {float: left;}
div#HSwrap span.HSlogo {float: right; margin-top: -1px;}

/* red stripes */
div#HSwrap div#HSstripe1, div#HSwrap div#HSstripe2 {
background-image: url("http://static.mcclatchyinteractive.com/static/mi_products/homefinder/images/bg_stripe.gif"); background-repeat: repeat-x; background-position: bottom left;
background-color: #e58c47;
border-width: 2px 1px 1px 1px; border-color: #000; border-style: solid;
height: 14px;
padding: 4px 11px 0px 11px;
color: #fff;
font-size: 10px;
line-height: 10px;}
div#HSwrap div#HSstripe2 {
background-position: top left;
border-width: 0 1px 2px 1px;}

/* main section (grey background) */
div#HSwrap div#sectOne {
background-color: #e5e5e5;
/* background-image: url("http://static.mcclatchyinteractive.com/static/mi_products/homefinder/images/bg_local.gif"); background-repeat: no-repeat; background-position: right bottom; */ 
border-width: 0 1px 1px 1px; border-color: #252525; border-style: solid;
padding: 10px 0;}

div#HSwrap ul#cityList {padding: 0 0 0 10px;}
div#HSwrap ul#cityList li {margin: 0 0 10px 0;}
div#HSwrap ul#cityList li.item1 {width: 340px;}
div#HSwrap p.hed {font-size: 14px; font-weight: bold; margin-bottom: 3px;}

div#HSwrap input.quickCity {font-size: 14px; width: 325px; padding-left: 3px; margin-bottom: 2px;}
div#HSwrap select.quickState {font-size: 14px; width: 55px;}

div#HSwrap div#sectOne a#listLink {color: #026288; text-decoration: underline;}

div#HSwrap ul#priceList {clear: left; padding: 0 0 0 10px;}
div#HSwrap ul#priceList li {margin: 0 10px 10px 0;}

div#HSwrap select.quickPriceMin {width: 115px; margin-bottom: 5px;}
div#HSwrap select.quickPriceMax {width: 115px;}
div#HSwrap select.quickProptype {width: 160px;}
div#HSwrap select.quickBeds {width: 100px; margin-bottom: 5px;}
div#HSwrap select.quickBaths {width: 100px;}

div#HSwrap ul#radios {clear: left; height: 34px; padding: 0 0 0 10px; margin: 0; background-color: #d7d7d7;}
div#HSwrap ul#radios li {padding: 0 10px 0 0; margin-top: 10px;}
div#HSwrap ul#radios li.radItem {padding-right: 3px; }
div#HSwrap ul#radios li.radItem input { font-size: .7em; }
div#HSwrap img.dotdiv {margin: 3px 0;}

div#HSwrap a.const {font-size: 12px; font-weight: bold; color: #8a9295; text-decoration: none;}
div#HSwrap a.constOn {font-size: 12px; font-weight: bold; color: #3b3b3b; text-decoration: none;}

div#HSwrap table#submitTable {clear: left; border: 0; margin: 10px 0 0 10px;}
div#HSwrap table#submitTable td.one {vertical-align: top;}

div#HSwrap a#searchBut {display: block; width: 171px; height: 37px; background-image: url("http://static.mcclatchyinteractive.com/static/mi_products/homefinder/images/bg_searchbut.gif"); background-repeat: no-repeat; color: #fff; font-size: 16px; line-height: 1em; font-weight: bold; text-decoration: none; text-transform: uppercase; text-align: center; padding-top: 8px;}
div#HSwrap a#advSrchLink, div#HSwrap a#mapSrchLink {display: block; width: 105px; height: 15px; margin: 2px 0 2px 37px; padding: 0; color: #3b6d00; font-size: 11px; font-weight: bold; text-decoration: underline;}

/* white section(s) */
div#HSwrap div.whtSect {
background-color: #fff;
border-width: 0 1px 1px 1px; border-color: #252525; border-style: solid;}

div#HSwrap table.whtSectTable {border: 0;}
div#HSwrap table.whtSectTable td.one {padding: 10px 0 10px 10px; width: 200px; border-right: 1px solid #ccc; vertical-align: top;}
div#HSwrap table.whtSectTable td.two {padding: 10px 0 10px 10px; vertical-align: top;}

div#HSwrap p.subhed {font-size: 12px; font-weight: bold; margin-bottom: 8px;}
div#HSwrap span.underline {border-bottom: 1px dotted #aaa;}

div#HSwrap table.whtSectTable input {font-size: 10px;}
div#HSwrap table.whtSectTable select {font-size: 10px;}

/* white section: OPEN HOUSES */
div#HSwrap table#ohAlign {border: 0;}
div#HSwrap table#ohAlign td {padding: 0;}
div#HSwrap table#ohAlign td.left {width: 139px;}

div#HSwrap table.whtSectTable td#openhouses input.ohCity {width: 134px; padding-left: 3px;}
div#HSwrap table.whtSectTable td#openhouses select.ohState {width: 50px;}
div#HSwrap table.whtSectTable td#openhouses select.ohMinPrice {width: 93px; margin: 5px 3px 5px 0;}
div#HSwrap table.whtSectTable td#openhouses select.ohMaxPrice {width: 93px; margin: 5px 0;}

/* white section: NEW CONST */
div#HSwrap table.whtSectTable td#newconstruction select.ncBuilder {width: 158px; margin-right: 3px;}
div#HSwrap table.whtSectTable td#newconstruction select.ncArea {width: 158px; margin-right: 3px;}
div#HSwrap table.whtSectTable td#newconstruction div.ordiv {height: 22px; background-image: url("http://static.mcclatchyinteractive.com/static/mi_products/homefinder/images/or_div.gif"); background-repeat: no-repeat; background-position: left center;}

/* white section: EMAIL ALERTS */
div#HSwrap table.whtSectTable td#emailalerts {padding-bottom: 25px; background-image: url("http://static.mcclatchyinteractive.com/static/mi_products/homefinder/images/icon_alert.gif"); background-repeat: no-repeat; background-position: right bottom;}
div#HSwrap table.whtSectTable td#emailalerts p.alertText {font-size: 10px; margin: 0 10px 5px 0; color: #485458;}
div#HSwrap table.whtSectTable td#emailalerts a#setup {font-weight: bold;}

/* grey section(s) */
div#HSwrap div.grySect {
background-color: #e5e5e5;
border-width: 0 1px 1px 1px; border-color: #252525; border-style: solid;}

div#HSwrap table.grySectTable {border: 0;}
div#HSwrap table.grySectTable td.one {padding: 10px 0 10px 10px; width: 200px; border-right: 1px solid #ccc; vertical-align: top;}
div#HSwrap table.grySectTable td.two {padding: 10px 0 10px 10px; border-left: 1px solid #fff; vertical-align: top;}

div#HSwrap table.grySectTable input {font-size: 10px;}
div#HSwrap table.grySectTable select {font-size: 10px;}

div#HSwrap table#mlsAlign {border: 0;}
div#HSwrap table#mlsAlign td {padding: 0;}
div#HSwrap table#mlsAlign td.left {width: 164px;}

div#HSwrap table.grySectTable td#mlsNumber input.mlsField {width: 156px; padding-left: 3px;}

/* footer */
div#HSwrap div#HSfoot {background-image: url("http://static.mcclatchyinteractive.com/static/mi_products/homefinder/images/bg_foot.gif"); background-repeat: no-repeat; background-position: bottom center; border-top: 1px solid #2E3C3F;}
div#HSwrap div#HSfoot p {font-size: 10px; line-height: 1.9em; padding: 10px 0px 15px 10px;}
div#HSwrap div#HSfoot a {color: #fff; text-decoration: none;}
div#HSwrap div#HSfoot a:hover {color: #fff; text-decoration: underline;}
div#HSwrap div#HSfoot span.divider {padding: 0 6px; background-image: url("http://static.mcclatchyinteractive.com/static/mi_products/homefinder/images/dot_div_foot.gif"); background-repeat: no-repeat; background-position: center center;}