/* Find A Foreclosure */

#fh-foreclosure {
	position:relative;
}
#fh-foreclosure .titlebar {
	position:relative;
	background-image:url(/web/images/black_titlebar.gif);
	background-repeat:repeat-x;
	height:33px;
}
#fh-foreclosure .titlebar h3 {
	position:absolute;
	left:10px;
	top:9px;
	font-family:Arial, sans-serif;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	white-space:nowrap;
}

/* Refine Your Search */

#refine-search {
	position:relative;
	min-height:658px;
	width:224px;
	overflow:hidden;
	background-color:#f1f1eb;
	border:solid 1px #ffffff;
	border-right:none;
}
#refine-search .save-button {
	position:absolute;
	left:0px;
	top:78px;
	background-image:url(/web/images/fh_save_search_base.gif);
	background-repeat:repeat-x;
	width:224px;
	height:34px;
	padding-top:8px;
}
#refine-search .save-button img {
	position:absolute;
	left:45px;
	top:10px;
}
#refine-search .save-button a {
	position:absolute;
	font-size:11px;
	left:62px;
	top:10px;
}
#refine-search .save-button a:hover {
	text-decoration:underline;
}
#refine-search .home-search {
	position:absolute;
	left:10px;
	top:15px;
}
#refine-search .home-search h5 {
	font-family:Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-bottom:10px;
}
#refine-search .home-search input[type="text"] {
	width:150px;
	height:19px;
	font-size:12px;
	display:inline-block;
	margin-left:9px;
	padding:0px;
	float:left;
	font-family:Arial, sans-serif;
	padding-left:7px;
	padding-top:3px;
	border:1px solid #8ea6cb;
	border-right:none;
}
#refine-search .home-search input[type="image"] {
	width:27px;
	height:24px;
	background-image: url(/web/images/input_button_search.gif);
	display:block;
	margin-left:0px;
	padding:0px;
	float:left;
}
#refine-search .options {
	position:relative;
	left:10px;
	top:130px;
}
#refine-search .home-type {
	position:absolute;
	left:0px;
	top:0px;
}
#refine-search .home-type h5 {
	font-family:Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-bottom:10px;
}
#refine-search .home-type table {
	margin-left:15px;
	margin-right:30px;
}
#refine-search .home-type td {
	padding-bottom:3px;
}
#refine-search .home-type label {
	font-family:Verdana, sans-serif;
	font-size:12px;
	font-weight:normal;
}
#refine-search .bedrooms {
	position:absolute;
	left:0px;
	top:175px;
}
#refine-search .bedrooms h5 {
	font-family:Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-bottom:10px;
}
#refine-search .bedrooms select {
	margin-left:15px;
}
#refine-search .bathrooms {
	position:absolute;
	left:0px;
	top:230px;
}
#refine-search .bathrooms h5 {
	font-family:Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-bottom:9px;
}
#refine-search .bathrooms select {
	margin-left:15px;
}
#refine-search .sq-feet {
	position:absolute;
	left:0px;
	top:285px;
}
#refine-search .sq-feet h5 {
	font-family:Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-bottom:9px;
}
#refine-search .sq-feet select {
	margin-left:15px;
}
#refine-search .property-status {
	position:absolute;
	left:0px;
	top:352px;
}
#refine-search .property-status h5 {
	font-family:Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-bottom:10px;
}
#refine-search .property-status ol {
	float:left;
	margin-left:15px;
	margin-right:30px;
}
#refine-search .property-status li {
	margin-bottom:5px;
}
#refine-search .property-status label {
	font-family:Verdana, sans-serif;
	font-size:12px;
	font-weight:normal;
}
#refine-search .property-status img {
	margin-left:2px;
}
#refine-search .property-status p {
	color:#817271;
	font-size:11px;
	line-height:18px;
	margin-top:15px;
	padding-right:15px;
	margin-left:8px;
}

/* Area Summary Pane */

#area-summary {
	height:600px;
	width:224px;
	background-color:#f1f1eb;
	border:solid 1px #ffffff;
	border-right:none;
}
#area-summary .text {
	position:relative;
	height:380px;
	width:224px;
	background-image:url(/web/images/09/area_base.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
#area-summary .text img {
	position:absolute;
	left:4px;
	top:4px;
	height:69px;
	width:216px;
}
#area-summary .text h4 {
	position:absolute;
	left:15px;
	top:90px;
	font-family:Arial, sans-serif;
	color:#0e77e2;
	font-size:20px;
	font-weight:bold;
}
#area-summary .text h5 {
	position:absolute;
	left:15px;
	top:116px;
	font-family:Arial, sans-serif;
	color:#313131;
	font-size:11px;
	font-weight:bold;
}
#area-summary .text h2 {
	position:absolute;
	left:15px;
	top:140px;
	font-family:Verdana, sans-serif;
	color:#515151;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	padding-right:15px;
}
#area-summary .titlebar-first {
	position:relative;
	background-image:url(/web/images/blue_titlebar.gif);
	background-repeat:repeat-x;
	height:33px;
	line-height:33px;
}
#area-summary .titlebar-first h3 {
	margin-left:10px;
	font-family:Arial, sans-serif;
	color:#ffffff;
	font-size:16px;
	white-space:nowrap;
	font-weight:bold;
}
#area-summary .titlebar-mid {
	position:relative;
	background-image:url(/web/images/post_titlebar.gif);
	background-repeat:repeat-x;
	height:33px;
	line-height:33px;
	border-top:solid 1px #c5c5c5;
}
#area-summary .titlebar-mid h3 {
	margin-left:10px;
	font-family:Arial, sans-serif;
	color:#414141;
	font-size:16px;
	white-space:nowrap;
	font-weight:bold;
}
#area-summary .stats table {
	margin-top:10px;
	width:224px;
	
}
#area-summary .stats tr.even {
	background-color:#ffffff;
	height:24px;
}
#area-summary .stats td.label {
	height:24px;
	width:124px;
	font-family:Arial, sans-serif;
	color:#414141;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	vertical-align:middle;
	
}
#area-summary .stats td.stat {
	height:24px;
	width:110px;
	font-family:Arial, sans-serif;
	color:#212121;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
	padding-left:10px;
}

/* Listings Bar Info */

#listing-bar {
	position:absolute;
	height:54px;
	width:728px;
	background-image:url(/web/images/fh_listing_base.png);
	background-repeat:repeat-x;
	z-index:500;
}
#listing-bar #map-off {
	position:absolute;
	left:5px;
	top:4px;
	height:39px;
	width:41px;
	cursor:pointer;
}
#listing-bar #map-on {
	position:absolute;
	left:5px;
	top:4px;
	height:39px;
	width:41px;
}
#listing-bar #list-off {
	position:absolute;
	left:50px;
	top:4px;
	height:39px;
	width:41px;
	cursor:pointer;
}
#listing-bar #list-on {
	position:absolute;
	left:50px;
	top:4px;
	height:39px;
	width:41px;
}
#listing-bar .info {
	position:absolute;
	top:15px;
	left:110px;
}
#listing-bar .info h3 {	
	font-family:Arial, sans-serif;
	background-image:url(/web/images/fh_line.gif);
	background-repeat:no-repeat;
	background-position:right;
	color:#212121;
	font-size:18px;
	font-weight:bold;
	display:inline-block;
	padding-right:10px;
}
#listing-bar .info h4 {
	display:inline-block;
}
#listing-bar .info h4 a {
	font-family:Arial, sans-serif;
	padding-left:5px;
	font-size:14px;
	font-weight:bold;
}
#listing-bar .heat-maps {
	position:absolute;
	left:560px;
	top:13px;
}
#listing-bar .listing-info {
	position:absolute;
	left:560px;
	top:13px;
}
#listing-bar .detail-info {
	position:absolute;
	left:5px;
	top:4px;
	width:200px;
}
#listing-bar #go-back {
	height:39px;
	width:41px;
	cursor:pointer;
}
#listing-bar .detail-info h5 {
	position:absolute;
	left:48px;
	top:15px;
	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
}

/* Property Map */

#fh-map {
    width:728px;
	height:600px;
	background-color:#ffffff;
}
#mapPane {
	height:600px;
	width:728px;
	margin:auto;
}

/* Heat Map Density */

#heat_map {
	position: absolute;
	left:620px;
	top:440px;
	font-size:10px;
	color:#313131;
	cursor:pointer;
	width:98px;
	text-align:center;
}
#heat_map .heat-top {
	position:relative;
	left:0px;
	top:0px;
	height:16px;
	width:98px;
	background-image:url(/web/images/map/heat_legend_base_b.png);
	background-repeat:no-repeat;
}
#heat_map .heat-bottom {
	position:relative;
	left:0px;
	top:0px;
	height:16px;
	width:98px;
	background-image:url(/web/images/map/heat_legend_base_t.png);
	background-repeat:no-repeat;
}
#heat_map .heat-main {
	position:relative;
	left:0px;
	top:0px;
	background-image:url(/web/images/map/heat_legend_base.png);
	background-repeat:repeat-y;
	width:95px;
}
#heat_map .main h4 {
	 position:relative;
	 font-family:Arial, sans-serif;
	 font-size:11px;
	 font-weight:bold;
	 color:#212121;
	 line-height:15px;
	 text-align:center;
}
#heat_map .content {
	position:relative;
	left:5px;
	top:5px;
	width:88px;
	margin-bottom:8px;
}
#heat_map .content td {
 	text-align:center;
	border-bottom:solid 1px #ffffff;
	padding-top:1px;
	padding-bottom:1px;
}
 
/* Map Laoding Indicator */ 
 
#loading-map {
 	position:absolute;
 	z-index:999;
 	left:790px;
 	top:485px;
 	background-image:url(../../images/map/progress_base.png);
 	background-repeat:no-repeat;
 	padding:10px;
}

/* Map Zoom In-Out */

#zoom-view {
	 margin-left:20px;
	 margin-top:18px;
	 background-image:url(/web/images/map/zoom_view_base.png);
	 background-repeat:no-repeat;
	 height:153px;
	 width:42px;
}
#zoom-view div {
	 height:10px;
	 width:42px;
	 margin-bottom:2px;
}
#zoom-view .control {
	 height:22px;
	 width:33px;
	 margin-left:4px;
}
#zoom-view .zoomSelected {
	 background-image:url(/web/images/map/zoom_level_base.png);
	 height:10px;
	 width:42px;
}
 
/* Area Info Tooltip */
 
#polygonTooltip {
	background: #FFFFFF none repeat scroll 0 0;
	border:1px solid #414141;
	opacity:0.8;
	padding:2px 5px 2px 5px;
	font-family:Arial, sans-serif;
	color:#414141;
	font-size:11px;
	font-weight:normal;
}
#polygonTooltip td {
	padding:2px;
	text-align:right;
	font-weight:bold;
}
#polygonTooltip a {
	display:none;
}

/* List View */

#listingPane {
	position:absolute;
	display:none;
	height:518px;
	width:688px;
	background-color:#ffffff;
	margin-top:55px;
	padding-top:10px;
	padding-bottom:16px;
	margin-left:40px;
	overflow-y:scroll;
}
#listingPane .paging {
    float:right;
    margin-right:35px;
	font-size:11px;
}
#showlistings {
	position:absolute;
	height:518px;
	width:698px;
	background-color:#ffffff;
	padding-top:12px;
	padding-bottom:16px;
	margin-left:30px;
	overflow-y:scroll;
}
#showlistings .odd {
    background-color:#FFFFFF;
    border:1px solid #C6CDD4;
    height:143px;
    position:relative;
    width:650px;
}
#showlistings .even {
    background-color:#F1F1EB;
    border:1px solid #C6CDD4;
    height:143px;
    position:relative;
    width:650px;
}
.listing.odd {
    background-color:#FFFFFF;
    border:1px solid #C6CDD4;
    height:143px;
    position:relative;
    width:650px;
}
.listing.even {
    background-color:#F1F1EB;
    border:1px solid #C6CDD4;
    height:143px;
    position:relative;
    width:650px;
}
.listing img {
    left:10px;
    position:absolute;
    top:10px;
	border:solid 1px #212121;
}
.listing img.entity-type-overlay {
    float:left;
	margin-top:95px;
	margin-left:5px;
	position:relative;
	display:inline;
	height:19px;
	width:19px;
	border:none;
}
.listing .bar-left {
    background-image:url(/web/images/agent_name_bar_l.gif);
    height:34px;
    width:2px;
}
.listing .main {
    width:452px;
}
.listing .bar-right {
    background-image:url(/web/images/agent_name_bar_r.gif);
    height:34px;
    width:2px;
}
.listing .address-bar {
    background-image:url(/web/images/agent_name_bar_base.gif);
    background-repeat:repeat-x;
    height:34px;
    position:absolute;
    right:10px;
    top:10px;
    width:456px;
}
.listing .address-bar h3 {
    left:10px;
    position:relative;
    top:2px;
}
.listing .address-bar h2 {
	font-family:Arial,sans-serif;
    color:#313131;
    font-size:15px;
    font-weight:bold;
    left:10px;
    position:relative;
    top:2px;
}
.listing .address-bar a:link {
    color:#414141;
    font-family:Arial,sans-serif;
    font-size:15px;
    font-weight:bold;
}
.listing .address-bar a:hover {
    text-decoration:underline;
}
.listing .address-bar strong {
    color:#515151;
    font-family:Arial,sans-serif;
    font-size:11px;
    font-weight:bold;
    left:10px;
    position:relative;
    top:0;
}
.listing .property-info a {
    bottom:10px;
    font-size:9px;
    font-weight:bold;
    position:absolute;
    right:15px;
    text-decoration:underline;
}
.listing .property-info h4 {
    color:#0E77E2;
    font-family:Arial,sans-serif;
    font-size:15px;
    font-weight:bold;
    left:193px;
    margin-bottom:5px;
    position:absolute;
    top:55px;
}
.listing .property-info h5 {
    color:#414141;
    font-family:Arial,sans-serif;
    font-size:12px;
    font-weight:normal;
    left:195px;
    line-height:16px;
    position:absolute;
    top:75px;
}
.listing .property-info p {
    color:#515151;
    font-family:Arial,sans-serif;
    font-size:11px;
    font-weight:normal;
    left:195px;
    line-height:14px;
    position:absolute;
    top:112px;
}

.sale-info {
    margin-top: 20px;
    background-color:#F1F1EB;
    border:1px solid #C6CDD4;
    height:123px;
    position:relative;
    width:650px;
}

/* Detail View */

#detailPane {
    background-color:#FFFFFF;
    display:none;
    height:513px;
	width:688px;
    margin-left:40px;
    margin-top:55px;
    padding-bottom:16px;
    padding-top:16px;
    position:absolute;
}
#detail {
	position:relative;
}
#detail .contact-info {
	background-image:url(/web/images/call_bar_base.gif);
	background-position:right center;
	background-repeat:no-repeat;
	height:35px;
	position:relative;
	width:652px;
}
#detail .contact-info h3 {
	color:#313131;
	font-family:Arial,sans-serif;
	font-size:11px;
	font-weight:bold;
	left:15px;
	position:absolute;
	top:8px;
}
#detail .contact-info strong {
	font-size:17px;
}
#detail .contact-info h4 {
	color:#FFFFFF;
	font-family:Arial,sans-serif;
	font-size:17px;
	font-weight:bold;
	left:395px;
	position:absolute;
	top:7px;
}
#detail .contact-info sup {
	font-size:10px;
}
#detail .community-info table {
	background-color:#FFFFFF;
    border:1px solid #dddddd;
    height:80px;
    position:relative;
    width:140px;
	left:476px;
	top:54px;
	font-size:9px;
	text-align:left;
	font-weight:bold;
}
#detail .community-info td.label {
	text-align:right;
	font-weight:normal;
	padding-right:2px;
}
#detail .home-links table {
	height: 30px;
	position: absolute;
	width: 140px;
	left: 194px;
	top: 85px;
	font-size: 9px;
	text-align: left;
	font-weight: bold;
}

/* Google Maps */

#map-satellite {
    border:1px solid #212121;
    height:305px;
    margin-bottom:15px;
    position:relative;
    width:224px; 
	float:left;
}
#map-satellite div span {
	display:none;
}
#map-street {
    border:1px solid #212121;
    height:305px;
    margin-bottom:15px;
    position:relative;
    width:424px;
    float:left;
}

/* Utility Bar */

#utility-bar {
	position:relative;
	height:57px;
	width:728px;
	background-image:url(/web/images/fh_utility_base.gif);
	background-repeat:repeat-x;
	border-top:solid 1px #ffffff;
}
#utility-bar .tabs {
	position:absolute;
	top:14px;
	left:30px;
}
#utility-bar .tabs a {
	display:inline-block;
	float:left;
	text-align:center;
	font-family:Verdana, sans-serif;
	color:#212121;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	margin-right:5px;
	background-image:url(/web/images/tab_base.gif);
	background-repeat:no-repeat;
	height:30px;
	width:118px;
	padding-top:10px;
}
#utility-bar .tabs a:hover {
	height:30px;
	width:118px;
	background-image:url(/web/images/tab_base_on.gif);
	background-repeat:no-repeat;
	color:#ffffff;
}
#utility-bar img {
	position:absolute;
	left:530px;
	top:10px;
}
#utility-bar .view-comments {
	position:absolute;
	background-image:url(/web/images/action_button_base.gif);
	background-repeat:no-repeat;
	height:30px;
	width:151px;
	left:545px;
	top:12px;
}
#utility-bar .view-comments h5 {
	position:absolute;
	font-family:Arial, sans-serif;
	color:#615c47;
	font-size:11px;
	font-weight:normal;
	left:25px;
	top:9px;
}

/* Browse Homes */

#browse-homes {
	position:relative;
	width:980px;	
}
#browse-homes .titlebar {
	position:relative;
	background-image:url(/web/images/black_titlebar.gif);
	background-repeat:repeat-x;
	height:33px;
	line-height:33px;
}
#browse-homes .titlebar h1 {
	margin-left:10px;
	font-family:Arial, sans-serif;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	white-space:nowrap;
}

/* Drop Downs */

#dropdowns {
	height:54px;
	background-image:url(/web/images/dropdown_base.png);
	background-repeat:repeat-x;
	width:728px;
	z-index:500;
}
#dropdowns ul {
	list-style:none;
	margin-left:28px;
	height:26px;
	top:11px;
	float:left;
	position:relative;
	z-index:300;
}
#dropdowns li {
	height:26px;
	overflow:hidden;
	width:193px;
	background:url(/web/images/dropdown_arrow.gif);
	background-repeat:no-repeat;
}
#dropdowns li a {
	display:block;
	text-decoration:none;
	height:20px;
	width:185px;
	font-family:Arial, sans-serif;
	font-size:14px;
	color:#313131;
	font-weight:bold;
	padding-left:8px;
	padding-top:6px;
}
#dropdowns li.disabled {
	background:url(/web/images/dropdown_arrow_off.gif);
	background-repeat:no-repeat;
}
#dropdowns li.disabled a {
	color:#515151;
}
#dropdowns li.highlight {
	background:url(/web/images/dropdown_arrow_on.gif);
	background-repeat:no-repeat;
}
#dropdowns li.highlight a:first-child {
	color:#2082e7;
}
#dropdowns li span {
	position:absolute;
	display:block;
	top:24px;
	left:1px;
	background:#ffffff;
	width:185px;
}
#dropdowns li span.options {
	position:relative;
	height:0;
	overflow:hidden;
	border:0;
}
#dropdowns li span.optionsshow {
	position:absolute;	
	height:200px;
	overflow:auto;
	border:1px solid #848484;
}
#dropdowns li span a {
	background:#ffffff;
	width:142px;
	overflow:hidden;
}
#dropdowns li span a:hover {
	background:#eee;
}

/* Call To Action */

#detail-modal {
	position:relative;
	height:384px;
	width:704px;
}
#detail-modal .titlebar {
	position:relative;
	background-image:url(/web/images/rto_titlebar.gif);
	background-repeat:repeat-x;
	height:33px;
	line-height:33px;
}
#detail-modal .titlebar h1 {
	margin-left:10px;
	font-family:Arial, sans-serif;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	white-space:nowrap;
}
#detail-modal .titlebar a {
	position:absolute;
	right:10px;
	top:3px;
	height:17px;
	width:20px;
}
#detail-modal .info {
	position:relative;
	height:256px;
	width:704px;
}
#detail-modal .info img {
	position:absolute;
	left:12px;
	top:12px;
	height:225px;
	width:300px;
	border:solid 1px #d1d1d1;
	padding:3px;
}
#detail-modal .contact-info {
	position:absolute;
	left:340px;
	top:22px;
}
#detail-modal .contact-info h3 {
	color:#0e77e2;
	font-family:Arial,sans-serif;
	font-size:38px;
	font-weight:bold;
	margin-top:10px;
}
#detail-modal .contact-info strong {
	color:#515151;
	font-family:Arial,sans-serif;
	font-size:16px;
	font-weight:bold;
}
#detail-modal .property-info {
	position:absolute;
	left:345px;
	top:128px;
}
#detail-modal .property-info h4 {
	font-family:Arial,sans-serif;
    color:#313131;
    font-size:17px;
    font-weight:bold;
	margin-bottom:10px;
}
#detail-modal .property-info h5 {
    color:#414141;
    font-family:Arial,sans-serif;
    font-size:12px;
    font-weight:normal;
    line-height:18px;
	margin-bottom:20px;
}
#detail-modal .property-info p {
	color:#515151;
	font-family:Verdana,sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
}
#detail-modal .community-info {
	position:absolute;
	left:545px;
	top:135px;
	width:140px;
	height:103px;
	background-image:url(/web/images/area_info_titlebar.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:5px;
}
#detail-modal .community-info h6 {
	text-align:center;
	width:140px;
	font-family:Arial,sans-serif;
    color:#414141;
    font-size:13px;
}
#detail-modal .community-info table {
	position:absolute;
	left:0px;
	top:21px;
	background-color:#FFFFFF;
    border:1px solid #dddddd;
    height:80px;
    width:140px;
	font-size:9px;
	text-align:left;
	font-weight:bold;
}
#detail-modal .community-info td.label {
	text-align:right;
	font-weight:normal;
	padding-right:2px;
}
#detail-modal .home-links table {
	height: 30px;
	position: absolute;
	width: 140px;
	left: 370px;
	top: 100px;
	font-size: 9px;
	text-align: left;
	font-weight: bold;
}
#detail-modal .call-action {
	position:relative;
	height:85px;
	width:702px;
	background-color:#f1f1eb;
	border:solid 1px #ffffff;
	text-align:center;
}
#detail-modal .call-action p {
	color:#414141;
	font-family:Verdana,sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	padding:10px;
}
#detail-modal .call-action strong {
	color:#313131;
	font-family:Arial,sans-serif;
	font-size:14px;
	line-height:25px;
}