/* **************** GRIDS ***************** */
.line, .lastUnit {overflow: hidden;_overflow:visible;_zoom:1; position: relative;  }
.unit{float:left;_zoom:1;}
.unitExt{float:right;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.size1of2{width:50%;}
.size1of8{width: 12.5%;}
.size3of8{width: 37.5%;}
.size5of8{width: 62.5%;}
.size7of8{width: 87.5%;}

.lastUnit {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}
/* extending grids to allow a unit that takes the width of its content */
.media{width:auto;}

.unitWrap{
    padding: 4px; 
}
.unit.padded{ padding : 5px; float:none; }


body { 
	margin:0px; background:#fff;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif; color:#000; font-size:12px; line-height: 18px;
	text-align: center;
        zoom: 100%; 
}

.pageContent p{text-align: left; text-indent: 20px; margin: 10px 8%; }


a { color:#2187ba; }

#evaluation_form {
	font-weight:bold;
}

img { border:0px; }

div.clearer { clear:both; height:0px; overflow:hidden; float: none; width:100% !important }
input[type="hidden"]{position:absolute; margin:0px; border:0px; padding:0px;  }

h1.hometoggle {
	width:290px; height:80px;
	margin:29px auto 0px auto; padding:0px;
	background:url(../images/hometoggle_alt.gif) no-repeat;
}

h2.valuation {
	width:392px; height:12px;
	margin:0px 0px 0px 204px; padding:0px;
	background:url(../images/consensus.gif);
}

.hidden,
.nosho {display:none;}

#nav {
	text-align:center;
	margin:15px auto 25px auto; width:600px; height:34px;
	background:url(../images/statsbg_big.gif);
	font-size:14px; font-weight:bold; color:#fff;
}
.subtitle{
    font-weight: normal; font-size: .9em; 
}
#nav p { margin:0px; padding:5px 0px 0px 0px; }

#tools_bg_on{
	background:#3399cc url(../images/sub_bg.gif) repeat top left; position:absolute; top:123px; left:392px; height:140px; width:213px;
}


#tools_bg_on ul{ list-style-type: none; margin:0px; padding:4px 10px 10px 18px;}
#tools_bg_on li{ padding:2px 0px 2px 0px;}

#agent_bg_on{
	background:#3399cc url(../images/sub_bg.gif) repeat top left; position:absolute; top:227px; left:495px; height:60px; width:173px; 
	border-left:#99cce5 2px solid; border-top:#99cce5 2px solid;
}

#agent_bg_on ul{ list-style-type: none; margin:0px; padding:4px 10px 10px 18px;}
#agent_bg_on li{ padding:2px 0px 2px 0px;}


.active{ display: block; }
.inactive{ display: none; }

#hp_choose {
	/*width:669px;*/ margin:0px auto; overflow:hidden; width:727px;
}

div.heightfixer {
	height:155px;
}

#hpc_login {
	width:250px; float:left; overflow:hidden;
}

#hpc_signup {
	width:225px; float:left; overflow:hidden; border-left:1px #ccc solid; border-right:1px #ccc solid;
}

#hpc_guest {
	width:250px; float:left; overflow:hidden;
}

img.title {
	margin:15px 0px;
}


#footer {
	text-align:center; font-size:10px;
	color:#666;
	margin:50px auto 10px auto;
	padding-top:7px;
	/*border-top:1px #ccc solid;*/
	/*width:476px;*/
}
#footer a {
	color:#666;
}


/* /evaluate */
.faded { color:grey; }


/********** steph's styles **********/

#agentname {
	width:200px; float:right; text-align:right; color:#999;
}

#recentToggles {
	width:500px; height:24px; margin:15px auto 35px auto; padding-top:3px;
	background:url(../images/recenttoggles_bg.gif) no-repeat;
	text-align:center; font-family:Times, Georgia, serif; color:#000; font-size:15px; 
}

h1.hometoggle_mc {
	width:272px; height:64px;
	margin:20px auto 20px auto; padding:0px;
	background:url(../images/htmc.gif) no-repeat;
}

h3.t {
	font-family:Trebuchet MS, Arial, sans-serif; color:#000; font-size:25px; /*font-weight:normal;*/
	margin:10px 0px 15px 0px; padding:0px;
}

.hometext {
	font-size:14px; font-weight:bold;
}

.twelveplain {
	font-size:12px; font-weight:normal;
}

.green { color:#52b852; }
.blue { color:#2187ba; }
.purple { color:#5421ba; }

#topnav {
	overflow:hidden; font-size:14px;
}

#tnm { width:182px; float:left; border:#f00 0px solid; margin: 0px 9px;}
#tnl { width:180px; height:15px; float:left; overflow:hidden; margin:10px; font-family:Georgia,Times,serif; font-size:11px; font-weight:normal; color:#336699; }
#tnr { width:170px; height:15px; float:left; overflow:hidden; margin:10px; text-align:right; font-family:Georgia,Times,serif; font-size:11px; font-weight:normal; color:#336699; border:#f00 0px solid;  }

#tnl a, #tnr a { color:#336699; text-decoration:none; }
#tnl a:active, #tnl a:hover, #tnr a:active, #tnr a:hover { color:#336699; text-decoration:underline; }

#topnav a { color:#000; text-decoration:none; }
#topnav a:hover, #topnav a:active { color:#2187ba; text-decoration:underline; }

#welcome_name {
	width: 500px;
	
	margin: auto auto;
	clear: both;
}

table td { 
	padding:0px; margin:0px; border:0px;
}

input.dip { margin-top:3px; }

table.address { margin-bottom:5px; }

table.address td.rtitle {
	border-bottom:1px #666 solid;
	padding:3px 10px; background:#f5f4f4;
	font-size:11px; text-transform:uppercase; text-align:center; font-weight:bold;
}

table.address td {
	padding:3px; font-size:14px;
}

table.address input {
	font-size:14px; font-family:Trebuchet MS, Arial, sans-serif;
}


table.address td.smlr { font-size:12px; }

div.sidesies {
	width:150px; text-align:left; margin-top:10px;
}
div#toggle-links{
    text-align: left;  
}
h3{margin: 18px 0px; }
div.sidesies a { color:#003366; text-decoration:underline; }



#add {
	width:150px; text-align:right; font-size:10px; overflow:hidden; float:right; margin-right:40px;
}

#tutor {
	width:150px; text-align:left; font-size:10px; overflow:hidden; float:left; margin-left:40px;
}

#add a, #tutor a { color:#003366; }

#slider2 {
	width:422px; background:url(../images/slider_bot.gif) no-repeat #f5f4f4; background-position:0px 100%; overflow:hidden; font-family:Trebuchet MS, Arial, sans-serif; font-size:11px; margin:5px auto;
}

#slidertop {
	width:382px; height:6px; overflow:hidden; background:url(../images/slider_top.gif);
}






table.auth_results {
	border-top:1px #ccc solid; border-left:1px #ccc solid; margin-bottom:10px;
}

table.auth_results td {
	border-right:1px #ccc solid; border-bottom:1px #ccc solid;
	padding:5px 15px;
	font-size:14px;
}

table.auth_results td.rtitle {
	border-right:1px #666 solid; border-bottom:1px #666 solid;
	padding:3px 10px; background:#f5f4f4;
	font-size:11px; text-transform:uppercase; text-align:center; font-weight:bold;
}

table.auth_results a { color:#5421ba; }
table.auth_results a:hover, table.auth_results a:active { color:#5421ba; }

#back {
	text-align:left; overflow:hidden; font-size:12px; font-weight:normal; margin:-25px 0px 0px 150px;
}

#top {
	font-family:Georgia,Times,serif; color:#013e88; font-size:13px; font-weight:bold; line-height:100%;
	margin:30px auto 0px auto;
	text-align:center;
	width:600px;
	overflow: hidden;
	padding:0px 0px 20px 0px;
}
#top .agentsite{
	font-size:  15px; 
}
#top .agentsite.small{
        font-size: 12px; 
}
small {font-size: 10px; line-height: 10px; display: inline-block;  }

#togglecount {
	font-family:Georgia,Times,serif; color:#fff; font-size:11px;
	width:163px; height:23px; text-align:center; background:url(../images/togglessofar_bg.gif) no-repeat;
	padding-top:4px; margin:5px auto 15px auto;
}

#landing {
	width: 600px; margin:0px auto; overflow:hidden; font-family:Trebuchet MS, Arial, sans-serif; font-size:12px;
}

#l_signin {
	width:230px; float:left; overflow:hidden; border-right:1px #ccc solid; height:160px;
}

table.lsi_table {
	margin:10px 0px 0px;
}

#password-form-wrapper
{border: 1px solid #ccc; padding: 10px; margin: auto auto; display: none;  }

table.lsi_table td { padding:3px 3px 3px 3px; }

input.lsi { 
	width:132px; font-family:Trebuchet MS, Arial, sans-serif; font-size:12px;
}

#l_signin a { color:#666; text-decoration:underline; font-family:Arial,Helvetica,sans-serif; font-size:10px; }

#l_signup {
	width:137px; float:left; overflow:hidden; border-right:1px #ccc solid; height:160px; text-align:center;
}

#l_signup a { color:#003366; text-decoration:underline; }

#l_guest {
	width:141px; float:left; overflow:hidden; height:160px; text-align:center;
}

#footer {
	text-align:center; 
	font-size:10px; color:#666; font-family:Georgia, Times, serif;
	width:473px; margin:40px auto 10px auto; padding-top:7px;
	border-top:1px #999 solid;
}

#footer a { color:#333; font-weight:bold; text-decoration:none; }

#footer p { margin-top:3px; padding-top:0px; }

h1.camo {
	margin:0px; padding:0px;
	font-size:22px; color:#003366;
}

p.camop {
	margin-top:0px; padding-top:0px;
}

table.agentlist {
	margin:0px auto 10px auto;
}

table.agentlist td {
	padding:3px 5px; font-size:13px;
}

table.agentlist td.ckbox {
	width:40px !important; text-align:right; 
}

table.sortby {
	border:0px;
}

table.sortby td { padding:0px 3px; }


table.settings { margin-top:10px; width:350px; }

table.settings td {
	padding:3px; font-size:14px; text-align:left;
}

table.settings td.rtitle {
	border-bottom:1px #666 solid;
	padding:3px; background:#f5f4f4;
	font-size:11px; text-transform:uppercase; text-align:left; font-weight:bold;
}

table.settings td.ckrd {
	width:20px !important; text-align:right;
}

/* ========== registration form styles ========== */



/* #reg_form { overflow:hidden; } */

input.regtext {
	width:200px; font-size:12px;
}

div.rflabel { width:150px; text-align:right; float:left; margin-right:10px; padding-top:2px; margin-bottom:7px; }

div.rffield { width:264px; text-align:left; float:left; margin-bottom:7px; }

#reg_form input.regbox { vertical-align:-2px; }

#reg_form textarea.regta {
	width:280px; height:75px;
	font-size:12px; font-family:Trebuchet MS, Arial, sans-serif;
}

div.rfhalf { width:50%; float:left; margin-bottom:5px; overflow:hidden; }

div.pmextra { margin-bottom:5px; overflow:hidden; }

h1.register-title{font-size: 16px; }
.register-title span {font-size: 13px; font-weight: normal}


.checkbox{
    width: 130px; padding:0px; display:inline-block; text-align: left; 
}

#add_emails{
	width:395px;
	margin:0px auto;
	border:#f00 0px solid;
	text-align: left;
	padding:0px 0px 10px 30px;
	font-size:13px;
}

#add_emails input{
	margin:0px 0px 0px 10px;
	width:200px;
}

/** auto complete style overrides */
	.ui-autocomplete {
		max-height: 100px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
		/* add padding to account for vertical scrollbar */
		padding-right: 20px;
	}
	/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
	* html .ui-autocomplete {
		height: 100px;
	}

label.error {
	color: red;
	display: block;
}

/*** additions alockwood**/

.next_property img{margin-top: 15px;}


#login_to_view_lot{font-size: 11px; line-height: 20px; padding: 2px;   }

/***** tools        ******/

ul#tools, ul#tools li{
    list-style: none;
    margin: 0px; padding:0px;
}
ul#tools a{
    font-size: 15px; line-height: 28px; text-decoration: none; 
}
ul#tools a:hover{ text-decoration: underline;
}

ul#tools a.disabled{
    color: #777;
}

/*** account  *****/
li.error-msg{
    text-align: left; width: 300px; display: block;
    list-style: none; color: red;
}

p.msg{display:none; background-color: #FAF3DF; padding: 2px; margin: 0px; }
div#agenthostname-id{
    display:inline; 
}




/* ACCOUNT LANDING PAGE */
.account label{font-weight:bold; }
#accountinfo{
    width: 540px; padding: 10px 15px; margin: 0px 95px; background-color: #eee; border: 1px solid #999; font-size: 13px; 
}
#accountinfo td{
    padding: 5px;  background: #fff; 
}

#accountinfo .col.last{
    width: 260px; margin: 0px; 
}

#accountinfo ul li{
    margin: 0px; list-style: none; padding: 5px 5px; display: block; text-align:left; 
}
#accountinfo ul{
    padding:0px; margin:0px;
}
#accountinfo ul.markets li{
    width: 115px; float:left; 
}
#accountinfo h2{
    font-size: 16px; font-weight: normal; background-color: #666; color: #F3f3f3; padding: 2px; ; 
}

#accountinfo h3{
    font-size: 14px; font-weight: normal; background-color: #fff; color: #666; padding: 2px; margin:0px 0px 0px 0px;  ; 
}

#accountinfo div.span2{
    float:left; width: 100%; text-align:center; 
}





/******* Agent Site home ********/

a span.screen-reader{
	height: 1px; position:absolute; overflow:hidden; 
}
a#signup_btn{
	height: 104px; width:103px; background: url(../images/signup_blue_btn.gif) 0px 0px ; display:block;
	margin: auto; 
}

.tooltip-wrap{
    width: 250px;  font-size: 13px;  
}
.tooltip-wrap h1{
    font-size: 16px;
}
.tooltip-wrap p{
    text-align: left;
    }
    
    
#privacy_pledge{
    text-align: left; 
}
/***** misc *****/
#manual-override{
    font-size: 15px; height: 20px; width: 200px; color: blue; 
}

#saleslistings{
	width: 600px; margin: 0px 65px; 
}
.unit ul {
	text-align: left;
	margin: 0px 0px; 
	
}
#clients td{/*padding: 4px; vertical-align: top;  */
}
#clients td input{width:90%; color: #666;  
}
table#clients{
width: 100%; }

#requesttoggle_box{
    width: 400px; 
    border-top: solid 1px #ccc; 
    border-bottom: solid 1px #ccc; 
}
form {position:relative;}
/*geocode*/
#geocode_wrap{
    position: absolute; top: 2px;  right: 200px; border: 2px solid #553355; padding: 1px 3px; display: none; 
}
#nearby_wrap{
    min-height: 20px; width: 80%; position: absolute; top: 40px;  left: 10%; background-color: #FFF; font-size: 15px; border: 1px solid #a8a; display: none;  z-index: 100;
}
#nearby_wrap ul{
    margin:0px; padding:0px; list-style: none; 
}
#nearby_wrap ul li{
    text-align: center; padding: 5px 0px; margin:0px; width:100%; 
}
ul li.odd{
    background-color: #eee;
}
#nearby_wrap ul li:hover{
    background-color: #f4d6ae; 
}

/*claim listing*/
.claimlisting{
    display:none; 
}


/*TOTAL RESTYLING NOV 2011 */

.left { float:left !important; }
.right { float:right !important; }
.center{text-align: center; float: none !important; margin:auto !important; display:inline-block;  }
ul li, ul {list-style: none; float: left; padding: 0px; margin: 0px;}

.screenReaderText{ height: 1px; width: 1px; position: absolute; overflow: hidden; top: -10px; }
div.largeDivider{float:right; 
                margin: 0px 10px;  padding:0px;
                height: 24px; width: 2px;
                background: url("../images/ht_sprite.png") -175px -100px;  
}

div.mediumDivider{float:left; 
                margin: 0px 4px;  padding:0px;
                height: 18px; width: 3px;
                background: url("../images/ht_sprite.png") -150px -100px;  
}

div.smallDivider{float:left; 
                margin: 0px 2px;  padding:0px;
                height: 15px; width: 3px;
                background: url("../images/ht_sprite.png") -125px -100px;  
}
#wrapper {
	width: 529px;  margin:0px auto; position: relative; text-align: center; border:#f00 0px solid; 
}
.fancybox{
    width:500px;  padding:5px;  text-align:center; 
}
.fancybox p{
    text-align: left;  text-indent: 25px; 
}
p.propertyInfo{text-align:center !important}

#mainmenu {background:url("../images/ht_sprite.png"); height: 47px; width: 284px; padding: 0px 245px 0px 0px; position:relative; }
#mainmenu ul li, #mainmenu ul{float:left;background: none;}
#mainmenu .nav_home_toggle a{ height: 47px; width: 116px; display:block; background: url("../images/ht_sprite.png") 0px 0px; padding: 0px; margin: 0px;}
#mainmenu .nav_home_toggle a:hover, #mainmenu .nav_home_toggle.active a, #mainmenu .nav_home_toggle a:focus{ height: 47px; width: 116px; display:block; background: url("../images/ht_sprite.png") 0px -47px; padding:0px; margin: 0px}
 #mainmenu .nav_my_togs a{ height: 47px; width: 86px; display:block; background: url("../images/ht_sprite.png") -116px 0px; padding: 0px; margin: 0px;}
#mainmenu .nav_my_togs a:hover, #mainmenu .nav_my_togs.active a, #mainmenu .nav_my_togs a:focus{ height: 47px; width: 86px; display:block; background: url("../images/ht_sprite.png") -116px -47px; padding:0px; margin: 0px}
 #mainmenu .nav_on_tour a{ height: 47px; width: 82px; display:block; background: url("../images/ht_sprite.png") -202px 0px; padding: 0px; margin: 0px;}
#mainmenu .nav_on_tour a:hover, #mainmenu .nav_on_tour.active a, #mainmenu .nav_on_tour a:focus{ height: 47px; width: 82px; display:block; background: url("../images/ht_sprite.png") -202px -47px; padding:0px; margin: 0px}
 #loginMenu{position: absolute; right: 10px; top: 10px; }
#footermenu li{height: 24px;  padding:0px; margin: 0px; margin-top: 10px;}
#footermenu a, #loginMenu a{ font-size: 13px; text-decoration: none;}
 #content{
    text-align: center; font-size: 12px; width: 461px; margin: 0px 0px; min-height: 400px;  padding: 20px 33px 30px; border: 1px solid #d0d0d0; border-top: 0px; overflow-x: visible; position:relative;
}
body.account #content{
    padding: 20px 5px 30px; width: 517px; 
}
 h1{font:20px arial, verdana, sans-serif; color: #00486a; text-align:center; margin: 0px; padding: 10px 0px}
 h2{font:17px arial, verdana, sans-serif; color: #00486a; text-align:center; margin: 0px; padding: 5px 0px 5px}

/** search fields **/
.searchInput{ border: none;
                margin: 0px; padding:13px 4px;
                height: 20px; width: 413px;
                background: url("../images/ht_sprite.png") -150px -350px;  
                font: 17px Arial, verdana, sans-serif; line-height: 20px; color: #666; text-align: center; 
}

.searchInput2{
                border: none;
                margin: 0px; padding:4px 14px;
                height: 18px; width: 304px;
                background: url("../images/ht_sprite.png") -200px -101px;  
                font: 13px Arial, verdana, sans-serif; line-height: 17px; color: #666; text-align: left;
                float:left; 
}
.searchInput2.center{
                margin-left: 64px; text-align: center; 
}

/** buttons**/
a#toggleThis{border: none; display:block; margin: 0px auto;
                margin: 0px 112px; padding:0px;
                height: 37px; width: 198px;
                background: url("../images/ht_sprite.png") -249px -250px;  
}
a#toggleProperty{
                border: none; display:block; margin: 0px auto;
                margin: 0px; padding:0px;
                height: 26px; width: 123px;
                background: url("../images/ht_sprite.png") 0px -350px;
                float:right; position: relative; 
}

a#searchTogs{
                border: none; display:block; margin: 0px auto;
                margin: auto; padding:0px;
                height: 26px; width: 103px;
                background: url("../images/ht_sprite.png") 0px -199px;
                float:right; position: relative; 
}
a#saveChanges{
                border: none; display:block; margin: 0px auto;
                margin: 0px auto; padding:0px;
                height: 37px; width: 158px;
                background: url("../images/ht_sprite.png") 0px -150px;
                position: relative; 
}
a#acceptValuation{
                border: none; display:block; margin: 0px auto;
                margin: 0px; padding:1px;
                height: 37px; width: 168px;
                background: url("../images/ht_sprite.png") 1px -299px;
                position: relative; 
}
a#nextProperty{
                border: none; display:block; margin: 0px auto; padding:1px;
                height: 37px; width: 198px;
                background: url("../images/ht_sprite.png") 1px -249px;
                position: relative; 
}
a.info{
                border: none; display:block; margin:0px; 
                margin: 0px; padding:1px;
                height:21px; width: 21px;
                background: url("../images/ht_sprite.png") 1px -99px;
                position: relative; 
}



/*** main search page**/
#content #search{
    background: url("../images/ht_sprite.png") -0px -800px; height: 171px; width:421px;
    padding: 45px 20px 22px 20px ;margin: 20px 0px 40px; position:relative; 
}

#searchInputs{
    padding: 30px 0px; 
}


p.note{ font-size: 16px; line-height: 20px; margin:16px 40px;padding:0px; color: #5d5d5d; text-align:center !important}

/** toggle slider page **/
 #valueWindowTop{
                border: none; display:block;
                margin: 30px 37px 0px ; padding:0px; padding-bottom:0px;
                 width: 387px; height: 8px;
                background: url("../images/ht_value_window_top.png") -0px -0px;
}
 #valueWindowBottom{
                border: none; display:block;
                margin: 0px 37px; padding:0px;
                 width: 387px; height: 8px;
                background: url("../images/ht_value_window_bottom.png") -0px -0px;
}
#valueWindow{
     border: none; display:block;
                margin: 0px 37px; padding:0px;
                 width: 387px; height: auto;
                background: url("../images/ht_info_body.gif") 0px 0px repeat-y ;
            
}

#valueWindow p.propertyInfo{margin-bottom: 10px; }
        
#wowInfo{ position: absolute; right: 80px; top: 2px; }


.alignRight{text-align:right;}
.alignLeft{text-align: left;}



/***** my togs ******/

/* the table */
table.results {border-top:1px #ccc solid; border-left:1px #ccc solid; margin-bottom:10px; width:100% ; table-layout: fixed; word-wrap: break-word; }
.resultsSection table.results{
    table-layout: auto; 
}

table.results th {color: #666 ; line-height: 28px; padding:3px; vertical-align: middle; border-bottom: 1px #ccc solid;  cursor: pointer;   text-align: left; padding:6px; font-size: 14px;  background-color: #F2F7FF; position: relative; }
table.results th.last{border-right: 1px solid #ccc; width: 20%;  } 
table.results .even td {background-color: #F2f2f2;}
hr.results {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  margin: 20px 100px;
  height: 0;
}
table.results td {
	border-right:1px #ccc solid; border-bottom:1px #ccc solid;
	font-size:13px;
        color: #666; text-align: left; padding:3px; font-size: 13px;
        overflow:hidden; 
}

table.results th.email{width: 25%}
table.todo th.address,
table.results th.address{width: 35%;}
table.todo th.date,
table.results th.date{width: 15%;}
table.results th.city,
table.results th.tel{width: 20%;}
table.results th.price{width: 18%}
table.results a { color:#2187ba; text-decoration: none;  }
table.results a:hover, table.results a:active { color:#2187ba; }



#togValueInfo{ position: absolute; right: 1%; top: 0px}



.bodyList{
    padding: 7px; margin-left: 10px; list-style: disc; }
.bodyList li{
        list-style:disc inside; float:none; 
    }

/**** pager for mytogs *****/
#pager input{
    border: none; padding: 0px; margin: 0px;  width: 40px;  line-height: 20px; vertical-align: bottom; font-size: 14px; 
    
}
#pager {
    line-height: 20px; vertical-align: bottom; font-size: 14px; 
}
       
.pagesizer {
 text-decoration: none; float: left; text-decoration: none; 
}
#pagerViewOptions div, #pagerViewOptions a, #pagerViewOptions input {
    float: left; font-size: 13px; 
}

/****** results *********/

div.resultsSection { position:relative; overflow:hidden; margin: 15px 0px; }
div.ethis { position:absolute; top:0px; right: 5px; font-size:12px; text-align:right; width: 20%; line-height: 14px}
.ethis a{text-decoration: none; line-height: 12px }




 
a.prev{
                border: none; display:inline-block; vertical-align: bottom;  
                margin: 0px ; padding:1px;
                height:18px; width: 14px;
                background: url("../images/ht_sprite.png") -24px -99px;
                position: relative; 
}
a.next{
                border: none; display:inline-block; margin:0px; vertical-align: bottom;  
                margin: 0px; padding:1px;
                height:18px; width: 14px;
                background: url("../images/ht_sprite.png") -49px -99px;
                position: relative; 
}

a.prev.off{
                border: none; display:inline-block; margin:0px; position: 
                margin: 0px; padding:1px;
                height:18px; width: 14px;
                background: url("../images/ht_sprite.png") -74px -99px;
                position: relative; 
}
a.next.off{
                border: none; display:inline-block; margin:0px; 
                margin: 0px; padding:1px;
                height:18px; width: 14px;
                background: url("../images/ht_sprite.png") -99px -99px;
                position: relative; 
}

/****** login form ********
*/

#login-form label{display:inline-block;  width: 60px; text-align: right;}
#logInFancybox{
    width: auto; height: 240px; overflow: hidden;
}
#logInFancybox .unit > label{ width: 100%; text-align: center; float:none;  overflow: hidden;}

#signUp ul{
    padding:10px 0px 0px 120px;
}
.price ul{
    display:inline-block; float:none; margin-bottom: -7px
}
td .signIn, div .signIn {
    float:left; list-style:none; font-size: 11px;
}
td ul{
    display: inline-block; 
}
/**==================== Sliders ======================== **/





#sliders{
     border: none; display:block;
        margin: 20px 21px; padding:2px;
        width: 427px; height: 359px;
        background: url("../images/ht_sprite.png") 2px -398px;
}
#sliders .line{
    margin: 10px 0px 30px ; position:relative; 
}
/* ======================== DEFAULT SLIDERS ===================== */

#slider_lot, #slider_house, #slider_wow{

	width:359px;
	padding:0px ;
	border:#f00 0px solid;
}

#slider_lot_bg, #slider_house_bg, #slider_wow_bg{
	width:359px;
	padding:0px;
}

#slider_labels{
	overflow: hidden;
	height: 20px; 
}
#slider_labels div{
	width:58px; 
	float:left;
	text-align: center;
	border:#f00 0px solid;
}

#slider_labels div.a_low{
	text-align: left;
	width:45px;
        position:absolute;
        left: 27px; }

#slider_labels div.a_25{
	text-align: left;
	position:absolute;
        left: 117px;
}

#slider_labels div.a_50{
	text-align: left;
	width:40px;
	position:absolute;
        left: 209px;
}

#slider_labels div.a_75{
	text-align: left;
	width:30px;
	position:absolute;
        left: 297px;
}
#slider_labels div.a_top{
	text-align: right;
	position:  absolute; right: 27px; 
}

#slider_lot, #slider_house{
}

a{ outline:none; }



#slider_wow_careful {
	text-align: center;
	color: red;
	font-size: 10px;
	display: none;
}




/*additions for basic styling Dec 12 2011*/
a#goBackHome {
    display:block; float: left; 
}
#vbls_form .unit{ 
 padding: 5px 2px;  width: 320px 
}
#vbls_form .label{ width: 150px; display: inline-block; text-align:right; }
#vbls_form .input{ width: 150px; display:inline-block}

#salePrice {padding: 3px 0px; background: #eee; border:1px solid #999; margin-bottom: 25px;   }
#salePrice .unit{ width: 184px; text-align: left; display:inline-block; }
#salePrice .label{ width:90px;  display:inline-block; display:relative; vertical-align: middle; line-height: normal; text-align:right; border-right: solid 1px #999; padding: 5px}
#salePrice .value{ width:75px;  display:inline-block}
#vbls_form #custom-inputs{ width: 100%; margin: 0px;  padding: 0px;    }





/*** account nav ***/
ul#account-nav{ width: 100%
    
}

ul#account-nav li { 
} 
ul#account-nav li  a:hover{ text-decoration: underline;  }

ul#account-nav li{
text-align:center;
}

.showHide{
    position: absolute; top:5px; left:5px; cursor:pointer;
}

.resultsSection .resultsWrap{
    display:none; 
}
.resultsSection.main .resultsWrap{
    display:block; 
}

ul.center{
    float:none;
    text-align:center;
    display:inline-block; 
}

.iBody #wrapper{ width: 100%; }
#iBody{
    text-align:justify;
    text-indent: 30px;
    padding: 10px 50px; 
}


.error-msg ul,
.error-msg li{
    float:none; 
}

/************
 *  MOBILE
 *  ************/

body.mobile #wrapper{
    width:100%; position:relative;
}
body.mobile #loginMenu a {
    font-size: 10px; 
}

body.mobile #logo{
    float:left;
}

body.mobile #loginMenu{
    float:right; position: relative; top:0px; margin-left: 0px; right:0px; 
}
body.mobile #loginMenu li{
    float:right; text-decoration: underline; width: 37px; padding-right:7px;  clear:both; height: 20px; 
}
body.mobile #mainmenu {  height: 47px; width: 100%;  position: fixed; top: 0px; z-index: 111; padding: 0px; background: #fff; border-bottom: 1px #999 solid   }

body.mobile #content { width:100%; padding: 0px 0px 30px;border: 0px; border-bottom: 1px #cdcdcd solid; }

body.mobile #content #search{margin:auto;  }

body.mobile #footermenu{
    padding: 20px 10px; 
}
body.mobile p.note{
    font-size: 12px; line-height: 16px; margin: 10px; 
}
body.mobile #valueWindow h2{ font-size: 14px}

body.mobile #mainmenu ul li, #mainmenu ul{float:left;background: #fff; }
body.mobile #mainmenu .nav_home_toggle a{ height: 47px; width: 111px; display:block; background: url("../images/ht_msprite.png") 0px 0px; padding: 0px; margin: 0px;}
body.mobile #mainmenu .nav_home_toggle a:hover,
body.mobile #mainmenu .nav_home_toggle.active a,
body.mobile #mainmenu .nav_home_toggle a:focus{ height: 47px; width: 111px; display:block; background: url("../images/ht_msprite.png") 0px -47px; padding:0px; margin: 0px}
body.mobile #mainmenu .nav_my_togs a{ height: 47px; width: 81px; display:block; background: url("../images/ht_msprite.png") -111px 0px; padding: 0px; margin: 0px;}
body.mobile #mainmenu .nav_my_togs a:hover,
body.mobile #mainmenu .nav_my_togs.active a,
body.mobile #mainmenu .nav_my_togs a:focus{ height: 47px; width: 81px; display:block; background: url("../images/ht_msprite.png") -111px -47px; padding:0px; margin: 0px}
body.mobile #mainmenu .nav_on_tour a{ height: 47px; width: 77px; display:block; background: url("../images/ht_msprite.png") -192px 0px; padding: 0px; margin: 0px;}
body.mobile #mainmenu .nav_on_tour a:hover,
body.mobile #mainmenu .nav_on_tour.active a,
body.mobile #mainmenu .nav_on_tour a:focus{ height: 47px; width: 77px; display:block; background: url("../images/ht_msprite.png") -192px -47px; padding:0px; margin: 0px}
 
/** search fields **/
body.mobile  .searchInput{ border: none;
                margin: 0px; padding:12px 4px;
                height: 24px; width: 280px;
                background: url("../images/ht_msprite.png") -150px -349px;  
                font: 16px Arial, verdana, sans-serif; line-height: 15px; color: #666; text-align: center; 
}

body.mobile  .searchInput2{
                border: none;
                margin: 0px; padding:4px 14px;
                height: 18px; width: 260px;
                background: url("../images/ht_msprite.png") -200px -101px;
                background: inherit; 
                font: 13px Arial, verdana, sans-serif; line-height: 17px; color: #666; text-align: left;
                float:left; 
}
body.mobile  .searchInput2.center{
                margin-left: 64px; text-align: center; 
}
body.mobile .psort {text-align: center;

    width: 150px; 
}
/*** main search page**/
body.mobile #content #search{
    background: url("../images/ht_msprite.png") -0px -799px; height: 188px; width:320px;
    padding: 30px 0px 20px 0px ;margin: 10px 0px 10px; position:relative; display:inline-block;
}


/** buttons**/
body.mobile a#toggleThis{border: none; display:inline-block; margin: 0px auto;
                margin: 0px 0px; padding:0px;
                height: 37px; width: 198px;
                background: url("../images/ht_sprite.png") -249px -250px;  
}

body.mobile #searchInputs{ padding: 20px 0px; }
body.mobile #searchInputs .unit{ float:none; width: 100%;  }



/********* TOggle Page ***********/
body.mobile #valueWindowWrap #valueWindow,
body.mobile #valueWindowWrap{     background-image:none; background-color: #ddd; width: 100%;  padding: 0px; margin:0px;  }
body.mobile #valueWindowWrap{ border-bottom: 1px solid #999; }
body.mobile #valueWindow h1{ font-size: 17px; padding:8px 5px 3px; margin:0px; line-height: 20px; width:80%; display:inline-block; }
body.mobile #valueWindowTop, body.mobile #valueWindowBottom{display:none;}
body.mobile div#estprice { width: 320px; }

body.mobile #sliders{ margin: 0px; width: 320px;  display: inline-block; }
body.mobile #sliders h2{ font-size: 12px;  }

body.mobile #slider_lot,
body.mobile #slider_house,
body.mobile #slider_wow{width: 303px; padding:0px ; border:#f00 0px solid; }
body.mobile #slider_lot_bg,
body.mobile #slider_house_bg,
body.mobile #slider_wow_bg{   width: 303px !important; overflow: visible}
body.mobile #sliders{ border: none; display:block; margin: 8px 0px; padding:2px; background-image: none; height: auto}
body.mobile #sliders .ui-slider-horizontal{ background-image: url("../images/ht_msprite.png"); }
body.mobile #slider_labels div.a_low{rext-align: left;width:45px; position:absolute; left: 2px; }
body.mobile #slider_labels div.a_25{text-align: left;position:absolute; left: 76px;}
body.mobile #slider_labels div.a_50{text-align: left;width:40px;position:absolute; left: 152px;}
body.mobile #slider_labels div.a_75{text-align: left;width:30px;position:absolute;left: 227px;}
body.mobile #slider_labels div.a_top{text-align: left;width:30px;position:absolute;right: -8px;}
body.mobile #slider_labels div{bottom: 20px; z-index: 2}
body.mobile #sliders .line{ margin: 8px 0px 12px; }
body.mobile #wowInfo{ position: absolute; right: 0px; top: 2px; }
body.mobile .fancybox{    width:220px;  padding:0px;  text-align:center; height: auto}





/********************misc mobile**************/

#logInFancybox{ }
body.mobile ul#account-nav{ width: 100% ; position:fixed; top:48px; background-color: #eee ; padding: 3px; z-index:111; border-bottom:1px solid #999}
body.mobile #filterTogs .unit{  float: none; text-align:center; width: 200px; padding: 4px 0px; margin:auto; display:inline-block;   }
body.mobile div.rffield{text-align:center; display:inline-block; float:none; width: 267px; }
body.mobile .rflabel{text-align:center; display:inline-block; margin-bottom: -5px; margin-left:0px;  width: 200px;  float:none;}
body.mobile form{text-align: center; display:inline-block; width:100%;   vertical-align: top;}
body.mobile.account form{max-width:500px;}
body.mobile #iBody{ padding: 10px; }

/********** vbls *********/
body.mobile #salePrice {padding: 3px 0px; background: #eee; border: 0px; border-top:1px solid #999; border-bottom:1px solid #999; margin-bottom: 25px;   }
body.mobile table.results {border-top:1px #ccc solid; border-left:0px ; border-right: 0px;  margin-bottom:10px; width:100% ; table-layout: fixed; word-wrap: break-word; }
body.mobile table.results .last{border-right: 0px #ccc solid; }
body.mobile #vbls_form .unit{ padding: 5px 0px; margin: 0px;   width: 100%; max-width: 320px;  }

.viewMore{ position:absolute; top: 35px; right: 35px; }
