/* Client Area CSS */

/*  *  */ 

/*  * Commented out by Nick H. because this overrides cellpadding attribute in table tag - this may cause other style tweaks to be made in other elements */ 


*  {
	padding: 0;
	margin: 0;
	}
	
table td {
	
}

body {
	min-width: 800px;
	font-family: Verdana, Tahoma, Lucida Grande;
	font-size: 11px;
	background: #666;
	padding: 0;
	margin: 0;
	}
	
td {
	font-family: Verdana, Tahoma, Lucida Grande;
	font-size: 11px;
	}
	
img {
	border: 0;
	}

p {
	padding: 0 0 1em 0;
	}

h1 {
	margin-top: -3px;
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Verdana;
	}
	
h2 {
	margin: 0 0 10px 0;
	font-size: 12px;
	font-weight: bold;
	}
	
h4 {
	margin:0 0 5px 0;

}
	
a:link {
	color: #0066a1;
	}

a:hover,
a:visited {
	color: #06f;
	}

input.button {
	font-size: 11px;
	}

.hr {
	padding: 0;
	font-size: 1px;
	line-height: 1px;
	height: 0;
	border-bottom: 1px solid #ccc;
	clear: left;
	}

.clear, .clear_left, .clear_right {
	padding: 0;
	font-size: 0;
	line-height: 0;
	height: 0;
	}

.clear {
	clear: both;
	}

.clear_left {
	clear: left;
	}

.clear_right {
	clear: right;
	}





/*************** HEADER ***************/

#header {
	background: #0066A1 url("/hbm-images/header_bg.jpg") repeat-x;
	}

/*************** BODY ***************/

#body {
	background: #fff;
	} 


/*************** LEFT COLUMN ***************/

#left_column {
	padding: 20px 25px 20px 20px;
	width: 100%;
	}


/*************** RIGHT COLUMN ***************/

#right_column {
	padding: 20px 20px 20px 0;
	width: 220px;
	}

.agent_box {
	margin-bottom: 20px;
	border: 1px solid #ccc;
	}
	
.agent_box img.pic {
	float: left;

	}
.NoRightBorder {
	
	border-right-width:0px;
}
.agent_box .name {
	padding-top: 8px;
	margin-left: 10px;
	margin-bottom: 11px;
	font-size: 13px;
	font-weight: bold;
	}
	
.agent_box .phone {
	padding-left: 21px;
	margin-left: 10px;
	margin-bottom: 7px;
	background: url("/hbm-images/phone_icon.gif") no-repeat 0 2px;
	}

.agent_box .cellphone {
	padding-left: 21px;
	margin-left: 10px;
	margin-bottom: 7px;
	background: url("/hbm-images/cell_phone3.png") no-repeat 3px 0px;
}
	
.agent_box .email {
	
	margin-left: 10px;
	padding-left: 21px;
	background: url("/hbm-images/email_icon.gif") no-repeat 0 2px;
	}

#my_saved_box, #my_client_testimonials,
#featured_home_box {
	margin-bottom: 20px;
	border: 1px solid #ccc;
	}
	
#my_saved_box .header, #my_client_testimonials .header,
#featured_home_box .header {
	padding: 3px 6px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	}

#my_saved_box .info, #my_client_testimonials .info,
#featured_home_box .info {
	padding: 10px 15px 14px 15px;
	}

#my_saved_box .header, #my_client_testimonials .header {
	background: #393;
	}

#featured_home_box .header {
	background: #c60;
	}

	
/*************** FOOTER ***************/

#footer {
	padding: 15px;
	color: #fff;
	background: #666;
	text-align: center;
	border-top: 2px solid #333;
	}

#footer .links {
	font-size: 11px;
	}
	
#footer a {
	color: #fff;
	}

#footer a:hover {
	color: #ff0;
	}

#footer .copyright {
	font-size: 9px;
	}
	
	
	
/*************** NEW LISTING STATUS INDICATORS (6-6-6 !!! )  ***************/
	

td.status-sold {
	background: url(/images/listings/status-bg/sold-ebebeb.gif) top right no-repeat;
	padding-right:28px ! important ;
	border:#CCCCCC dashed 1px;
	border-widtth:2px 0px 1px 1px;
}


td.status-active {
	background: url(/images/listings/status-bg/active-dbffb7.gif) top right no-repeat;
	padding-right:28px ! important ;
	border:#99FF33 dashed 1px;
	border-widtth:2px 0px 1px 1px;
}

td.status-new {
	background: url(/images/listings/status-bg/new-e1f4ff.gif) top right no-repeat;
	padding-right:28px ! important ;
	border:#17A8FF dashed 1px;
	border-widtth:2px 0px 1px 1px;
}

td.status-pending {
	background: url(/images/listings/status-bg/pending-ede6d8.gif) top right no-repeat;
	padding-right:28px ! important ;
	border:#ede6d8 dashed 1px;
	border-widtth:2px 0px 1px 1px;
}

td.status-price {
	background: url(/images/listings/status-bg/pricechange-affede.gif) top right no-repeat;
	padding-right:28px ! important ;
	border:#CBB68F dashed 1px;
	border-widtth:2px 0px 1px 1px;
}

td.status-reactivated {
	background: url(/images/listings/status-bg/reactivated-ffefbf.gif) top right no-repeat;
	padding-right:28px ! important ;
	border:#FE9301 dashed 1px;
	border-widtth:2px 0px 1px 1px;
}

td.status-backonmarket {
	background: url(/images/listings/status-bg/backonmarket-ffeedd.gif) top right no-repeat;
	padding-right:28px ! important ;
	border:#FFCC99 dashed 1px;
	border-widtth:2px 0px 1px 1px;
}

	

/*************** List Page *****************/

#filter_box {
	position: relative;
	padding: 4px 6px;
	background: #F2FBFF;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	}
	
#filter_box td.label {
	text-align: right;
	padding-right: 2px
	}
	
#filter_box .update_button {
	position: absolute;
	bottom: 10px;
	right: 12px;
	text-align: right;
	padding-right: 2px
	}

#page_links {
	padding: 5px 10px;
	background: #C1E2F1;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
	
#page_links td {
	width: 33%;
	font-size: 13px;
	}
	

/*************** House Detail *****************/

img.house_pic {
	margin-bottom: 15px;
	border: 1px solid #ccc;
	}
	
#map_box {
	padding: 10px;
	border: 1px solid #ccc;
	}

#map_box .header {
	margin-bottom: 4px;
	font-size: 16px;
	font-weight: bold;
	}

#map_box a:link, #map_box a:visited, #map_box:active {
	color: #c60;
	}

#map_box a:hover {
	color: #c60;
	text-decoration: none;
	}

.return_link {
	float: right;
	margin-top: 10px;
	font-size: 12px;
	}
	
.return_link a {
	text-decoration: none;
	}
	
.return_link a:hover {
	text-decoration: underline;
	}
	
.asking_price {
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: bold;
	color: #390;
	}

.details {
	margin-bottom: 15px;
	}
	
.details td {
	padding: 2px 10px 2px 0;
	font-size: 11px;
	}
	
.details td.label {
	color: #666;
	}

.details td.gutter {
	padding-right: 25px;
	}
	
.search_city {
	margin-bottom: 15px;
	}
	
.search_city td {
	padding: 2px 25px 2px 0;
	}
	
a.blue_arrow {
	padding-left: 21px;
	background: url("/hbm-images/arrow_blue.gif") no-repeat;
	}
	
a.orange_arrow {
	padding-left: 21px;
	line-height:170%;
	background: url("/hbm-images/arrow_orange.gif") no-repeat;
	}
	
.description {
	width: 80%;
	line-height: 150%;
	}
	
a.black:link,
a.black:visited {
	color: #000;
	}

a.black:hover {
	color: #999;
	}
bo-dy{behavior:url('/include/cssfocusandhover.htc');}
#textInput {color: #000000;font-weight: normal; background: #b8e6ff;margin:1px }
#textInput:focus  {background:#FFFFFF;margin:1px;}
#textSubmit {color: #FFFFFF; background: #3F89B0; border: 2px #2C5F7A outset }


.printwatermark {
	position:absolute;
	top:5%;
	left:5%;
	z-index:1;
	filter: alpha (opacity=40);-moz-opacity:.40;-khtml-opacity:.40;
	background:none;
}


/*************** Forms-Content Area-Tables complex like Client/Property-Search.asp *****************/

.content_form_table {
	position: relative;
	padding: 4px 6px;
	background: #F2FBFF;
	border: 1px solid #ccc;
	}	
	
table.content_form_table tr td  {
	border-bottom:#B3ECFF solid 1px;
	padding:0px;
}

table.content_form_table td.label {
	text-align: right;
	padding-right: 2px
	}

/*inner td of a complex table*/
table.content_form_table tr td table tr td, table.content_form_table tfoot tr td  {
	border-bottom:0px;
	padding: 3px;
	white-space: nowrap;
}

table.content_form_table thead tr td {
	padding-top: 12px;
}

table.content_form_table col {
	width: 30%;
}
	
.form_button {
	border: 1px  #ccc;
	font-size: 9px;
	background-color: #0066a1;
	color: #FFFFFF;
	padding: 4px;
	text-transform: uppercase;
}
		

	
/*also uses #textInput a few lines up for input fields*/



/* Marketwatch / city page */
/* EBL see notes in notes file on this item */

table.marketwatch {
	background:#EFFBFF;	
	width:555px;	
}

table.marketwatch tr.title {
	background:#4982DB url(/images/marketwatch/listhead-1.jpg) top left;
	color:#ffffff;
	height:45px;
}
table.marketwatch tr.title td {
	border-width:0px;
	padding:5px 4px;
}

table.marketwatch tr.title td  h2 {
	font-size:20px;
	padding:3px 6px;
	margin:0px;
}

table.marketwatch td {
	padding:2px 3px;
}


table.marketwatch tr.header {
	background:#4982DB;
	color:#ffffff;
	font-weight:bold;
	
}


table.marketwatch tr.header td {
	border-left:#ffffff dotted 1px;
	white-space:nowrap;
	border-width: 0px 0px 0px 1px;
}

table.marketwatch tr.header td.alt {
	border-width:0px;
}



table.marketwatch tr td  {
	border-bottom:#B3ECFF dotted 2px;
	border-top:#ffffff  dotted 2px;
}



table.marketwatch a:link, a:visited {
	color:#000000;
}


table.marketwatch a:hover {
	color:inherit;
}

table.marketwatch tr.alt-row {
		background:#ffffff;

}


table.mwstats {
	border:#99cc66 solid 1px;
	background:#E9FFD2;
	width:555px;
}

table.mwstats td {
	padding:7px;
}

table.mwstats h1 {
	font-size:16px;
	padding-bottom:0px;
	margin-bottom:3px;
}


table.mwstats a, 
table.mwstats a:link,
table.mwstats a:visited {
	display:block;
	color:#000000;
	line-height:16px;
	margin:5px 3px;
	font-weight:bold;
}

table.mwstats a:hover {
	color:blue;
}

.price {
	margin-bottom: 8px;
	font-weight: bold;
	color: #390;
}



/*************** Builder landing page layout *****************/
body.page-class #left_column {
	padding: 0px;
	width: 100%;
}



.builderlayout {
	/*	 background:#F4F4E9; */


}

.builderlayout .main-head {
	background:#ffffff url(/images/builder-logos/main-head-bg.jpg) bottom left repeat-x;
	padding:8px 5px;
}

.builderlayout .main-content {
	padding:6px 6px;

}

.builder-logo-1 {
	/* float:right;
	 
	float:left;*/
	display:block;
	margin:6px 0px;
}

.head-description {
	color:#444444;
	padding:6px 2px 0px 10px;
	line-height:170%;
	font-weight:bold;
	font-size:12px;
	font-family: "Times New Roman", Verdana;
}

.builderlistings {
	border:#777777 solid 1px;
	margin:3px 0px 6px 0px;
}

.builderlistings td {
	font-family: Georgia, "Times New Roman", Verdana;
	padding:4px;
}

.builderlistings .head {
	border-bottom: #aaaaaa solid 1px;
	background:#CDEDFF url(/images/builder-logos/list-head-bg.jpg) top left repeat;
	
}

.builderlistings .head .addr {
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
	color:#111111;
}

.builderlistings .head .addr:hover {
	color:#0066ff;
}

.builderlistings .price {
	font-weight:bold;
	font-size:13px;
	border-bottom: #aaaaaa solid 1px;
	background:#CDEDFF  url(/images/builder-logos/list-head-bg.jpg) top left repeat;
	color:#06a;
}

.builderlistings .description {
	font-size:11px;
	background:#ffffff;
}

.builderlistings .description .thumb {
	float:left;
	margin:3px 5px 2px 0px;
}





/*
drop down hide classes
*/

.select-hide select {
	visibility:hidden;
}

.select-show select {
	visibility:visible;
}

.ATTypeTable {
}

.ATTypeTable tr td
{
	white-space:nowrap;
	padding:2px;
}