* html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

.search0 {background-color:#FF9;color:black}
.search1 {background-color:#FCC;color:black}
.search2 {background-color:#F9C;color:black}
.search3 {background-color:#CFC;color:black}
.search4 {background-color:#CF6;color:black}
.search5 {background-color:#6FF;color:black}
.search6 {background-color:#FFD698;color:black}
.search7 {background-color:#9CC;color:black}
.search8 {background-color:#99F;color:black}
.search9 {background-color:#BFCFFF;color:black}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div#page_header_inner {
}

/* Hide the out-of-bounds p tags on the property details pages  */
.property_detail #content_body p {display:none;}
.property_detail #content_body .info p {display: block; }


.property_detail #content_body .propertyDetail_BoxBorder {
	clear: left;
}
.property_detail #content_body .propertyDetail_BoxBorder p {
	display: block;
	padding-top: 50px; 
}

/* -- Google Maps CSS -- */
#map #googlemap img {padding:0;background-color:transparent;}
#map #googlemap {color:Black;}
#googlemap div div {display:none;}
#googlemap div.noprint div {display:block;}

/* -- Password GMLS Gateway -- */
div.register {
 width:42%;
 float:left;
 border:3px solid silver;
 margin:1%;
 padding:10px;
 background-color:#eee;
 position:relative;
 color:Black;
}

div.register h3 {text-align:center;background-color:White;}

div.register input { margin:5px 0;}

div.register label {
 width:75px;
 display:block;
 float:left;
 clear:left;
 margin:5px 0;
}

/*table {clear:both;display:none;}*/

div.register .submit {
 width:90%;
  clear:both;
  margin:0;
}

/* -- Ajax Search Form -- */

.link_button, .link_button:link, .link_button:active, .link_button:visited, .link_button:hover {
	text-decoration: none;
	margin: 1px 2px 1px 2px;
	border: 2px solid green;
	color: black;
	padding: 2px 2px 2px 2px;
	display: block;
	background-color: #D3D3D3;
}

.pressed, .pressed:active, .pressed:visited, .pressed:link  { background-color: #33CC66; color: green; }
.pressed:hover { background-color: #ff0099; color: white; }
.unpressed:hover { background-color: #33CC66; color: black; }
.disabled, .disabled:hover, .disabled:active, .disabled:visited, .disabled:link { background-color: #D3D3D3; color: gray; border: 2px solid #D3D3D3; }

.step_box { border: 1px solid #393939; margin: 10px 0px 10px 0px; padding: 0px;}
div#content_body div.step_box div { width:auto; }
.title_box { background-color: #222222; }
.title_box h2 { font-size: 110%; background-color: #222222; }
.button_on_right a, .button_on_right h2 a:link, .button_on_right h2 a:active, .button_on_right h2 a:visited { font-size: 14px; text-decoration: none; }
.button_on_right a:hover { font-size: 14px; color: #33CC66; text-decoration: none; }
.button_on_right { float: right; height: 0px; }
.form_box { padding: 10px 10px 10px 10px; width: 700px;}
.clear_right { clear: right; display: none; }

#listings-container { text-align: center; border: 0px solid #393939; }
#ajax_status_message { border-spacing: 5px 0px; border: 1px solid #393939; }
#new-element { border: 2px solid blue; }

/* -- Hide Ajax Instructions -- */
.headerfooter #instructions { display:none; }

.pink_debug { margin: 10px; border-spacing: 20px; border: 1px solid #393939; float: left;}
.pink_debug h2 { text-align: center; font-size: smaller; background-color: #222222;}
.pink_debug div { margin: 10px; padding: 1px; }

.hidden { display: none; }
.clear_div { clear: left; height: 0px; }

.step_box_title { background-color: #222222; }

/* -- Ajax Search Results -- */

div.result_outer {width: 180px;float: left;}

div.result_inner {
	margin: 5px;
	position: relative;
	height: 12em;
	background-color: #444;
	border: 1px solid Gray;
	padding-top: 100px;
}

h3.price {
	text-align: center;
	background-color: #ddd;
}

.result_inner h3.price {margin-top: 85px;}

.result_inner .thumbnail {
	position: absolute;
	top: 5px;
	left: 45px;
	width: 75px;
	height: 75px;
	text-align: center;
}

h3.price a {
	text-decoration: none;
	display: block;
	color: Black;
}

div.result_outer h3.address {
	text-align: center;
	margin: 5px 0;
}

h3.address a {text-decoration: none;color: White;}

div.result_outer div.thumbnail {float: left;}

div.result_outer ul li {
	font-size: smaller;
	text-align: center;
}

div.result_inner:hover {background-color: #777;}

h3.price a:hover {background-color: Black;color: Yellow;}

h3.address a:hover {color: Yellow;}

div.result_outer ul.details li {
	color: #ddd;
	font-size: 12px;
}

div.result_outer ul li a
  {color: #ddd;}
div.result_outer ul li a:hover
  {color: Yellow;}
form#sort_form 
  {float: right;}
ul.pages li.total
  {float: left;}

div#listing_group {
  display:block;
  clear:both;
  border:1px solid Gray;
  text-align:left;
  margin: 10px 0;
}

#listing_group img.reciprocity_logo {clear:both;}

/* hide listing address */
.listing a h3,
.info li.address { display: none; }

/* -- For Buyers and Sellers Form Layout -- */

.for_buyers form, .for_sellers form, .contact form, .property form {clear:both;}

#auth_code {
	margin-left:10px;
	padding-bottom:5px;
	display:inline;
	vertical-align:top;
}

#mobile_generate_key input {
	margin-left:15px;
	float:left;
}

#mobile_generate_key label {
	width:142px;
	float:left;
}

#container_outer ul#mobile_generate_key,
#mobile_generate_key li#form_protection {
	padding:0;
}

div#content_inner #content_body form {
  font-size: 11px;
}

.for_sellers label, .for_buyers label, .contact label {
  display:block;float:left;width:200px;clear:left;text-align:right;padding-right:10px;
}
.for_sellers input[type=submit], .for_buyers input[type=submit] {
  display: block;
  width: 150px;
  float: left;
  padding: 0;
}

/* -- Business Card on Property Details page -- */

#business_card {
  overflow:auto;
  border-top: 2px solid Silver;
  clear:both;
  padding:5px;
}

#business_card div{ clear: left; }

#business_card img {
  float:left;
  margin:0 5px;
  border: 1px solid Gray;
  font-size:10px;
}

#business_card ul {
  float:left;
  margin:0 10px;
  font-size:11px;
}

#business_card ul li {margin:0;}

/* -- Temporary fix to hide bottom navigation until templates support it -- #153 -- */
#navigation_bottom {display:none;}

/* -- Icons for three links on property display page -- */

#content_body ul.links li {padding-left: 30px;line-height:25px;}
#content_body ul.links li.feature {background: url(../images/icon-pdf-print.gif) no-repeat;}
#content_body ul.links li.email {background: url(../images/icon-listing-email.gif) no-repeat;}
#content_body ul.links li.schedule {background: url(../images/icon-schedule.gif) no-repeat;}
#content_body ul.links li.calc {background: url(../images/icon-calc.gif) 7px 4px no-repeat;}
/*#content_body ul.links li.textmsg {background: url(../images/icon-cellphone.gif) no-repeat;}*/
#content_body ul.links li.textmsg {display: none;}
/* -- Board disclaimer for listing list -- */

#content_body p.disclaimer {
  clear:both;
  font-size:smaller;
/*  border-top:1px solid Gray; */
  padding-top:1em;
}

/* RSS Styling: http://surf11.com/entry/85/css-xml-rss-button */
.feed {
border:1px solid;border-color:#FC9 #630 #330 #F96;padding:0 3px;font:bold 10px verdana,sans-serif;color:#FFF;background:#F60;text-decoration:none;margin:4px;
}
.atom, .rss {display:none;}

#rss {text-align:center;}

#rss input {
  font-size: 10px;
  width:90%;
  background-color: Silver;
  margin: 3px;
}

#rss .submit { width: 50%; }

/* ===== Default Content Image Styling ===== */

.content img {
	margin: 5px;
}

/* Listing Details
====================*/

/* Keeps floats from "sitting" on one another */
.listing_details .info .info li {
  clear:left;
}

/* Keeps longer field values from wrapping so quickly */
.listing_details .info .info li strong {
  margin-left: -5px;
}

/* Rental Details */

.rental_data {
  padding-top: 10px;
}
.listing_details .rental_data ul.right {
  margin: 0;
}
html div.rental_data ul.left,
html div.rental_data ul.right {
	width: 200px;
}
.rental_data ul.info li {
  padding-right: 5px;
}
div.rental_data ul.info li strong {
  width: 150px;
}

/* Listing Details
	Building Tab
====================
*/

.listing_details #building h2 {
  margin:1em 0 0 1em;
}

.listing_details #building h3 {
  float: none;
}

.listing_details #building ul li {
  margin-left: 2em;
  padding: 0.5em 0;
}

.listing_details #building li.facts {
  list-style: disc;
}

#ubertor .listing_details #building p {
  margin: 0 0 0 10px;
  padding:0;
}

/* Styling for GMLS Photos Tab
 =============================== */
	.listing_details #photos.info ul {
		clear:both;
		list-style:none;
	}

	.listing_details #photos.info li {
		float:left;
	}

	.listing_details #photos.info .click {
		clear:both;
		text-align:center;
	}

/* Default styling for the "agent-brokerage" p tag
====================*/
p#agent-brokerage {
  float: left;
  padding-left: 10px;
  /* color: #FFF; */
}

/* ===== Roster Styling ===== */
.agent {
  margin: 5px;
  float: left;
  text-align: center;
  width: 75px;
  height: 150px;
  position:relative;
}

.agent img {
  padding: 5px; 
  border-right: 1px solid Black;
  border-bottom: 1px solid Black;
  margin: 2px auto;
  display: block;
  float:none;
  width: 80%;
}

#content_body .agent h3, .agent strong {
  margin: 0.25em 0pt;
  font-size: 12px;
  border:none;
}

.index #content_body .agent {
	padding-top: 20px;
}

.index #content_body .agent a h3 {
	  margin-top: -25px;
  height: 25px;
  margin-bottom: 0px;
  border: none;
  font-weight: bold;
}

html>body .index #content_body .agent a h3{
  margin:0;
  position: absolute;
  top: 0;
  border: none;
  font-weight: bold;
}

#roster_info label,
#roster_contact label {
  width: 100px;
  display:block;
  float:left;
  clear:both;
  margin: 2px 0;
}

#roster_info label {
  font-weight:bold;
  font-size: 14px;
  width: 225px;
}

#roster_info span,
#roster_contact span,
#roster2_detail img {float:left;}

#roster_info, #roster_contact {float:left;margin: 1em;}

#roster_back {float:right;}

#roster h2 { text-align:center; font-size: 22px; font-style:italic; }
#roster ul.contact, #roster ul.info {
  margin:1em 0; padding:0; float:left;
}
#roster ul li { list-style:none; clear:both; padding: 3px 0; }
#roster strong { width: 75px; float:left; text-transform:uppercase; }
#roster img {float: left;}
#roster .back {float:right;clear:both;}

/* VOW Login Styling
 ===================== */

.flash {
	font-size:1.2em;
	padding:10px;
	margin:10px;
	border: 1px solid #808080;
	background-color: #BFBFBF;
	color: #000000;
}

.flash.error {
	border: 1px solid #800000;
	background-color: #FFBFBF;
	color: #1A0000;
}

.flash.success {
	border: 1px solid #008000;
	background-color: #bfffbf;
	color: #001a00;
}

#vow_login{
width:350px;
margin:0 auto;
}

#account {
text-align:center;
display:block;
margin:0 auto;
}

#account a {
display:block;
text-align:center;
}

#vow_login fieldset {
	padding:25px;
	font-size:1.2em;
}

#vow_login fieldset legend {
	font-weight:bold;
	font-size:1.2em;
}

#vow_login fieldset ul{
margin:0 auto;
list-style-type:none;
padding:0;
}

#vow_login fieldset li{
clear:both;
margin:5px;
}

#vow_login fieldset label{
float:left;
vertical-align:middle;
width:100px;
height:2em;
text-align:left;
}

#vow_login fieldset input{
float:left;
border:1px solid #999;
}

#vow_login fieldset input:focus{
border:1px solid #000;
}

#vow_login input.submit{
  clear:both;
  margin:5px;
}

/* VOW Registration
 ==================== */

#registration {
	width:500px;
	margin:0 auto;
	padding:10px;
}

#ubertor #content_body #registration ul {
	padding:0;
	margin:0;
}

#registration li {
	display:block;
	clear:both;
	height:auto;
	width:100%;
	list-style:none;
	color: #333;
}

#registration li label {
	text-align:right;
	float:left;
	width:185px;
	margin-right:3px;
	padding:0.5em;
	background-color: #ccc;
	border:1px solid #333;
	vertical-align:middle;
	margin-bottom:1px;
	color: #333;
}

#registration fieldset {
	margin:5px;
	border:1px solid #333;
}

#registration li input {
}

#registration li input:active, #registration li input:focus {
	background-color: #eee;
}

#registration fieldset legend {
	margin:5px;
	background-color: #ccc;
	border:1px solid #333;
	padding:5px;
}

#registration .submit {
	margin:10px;
}
/* Property Map Styling
 ========================== */

#map #page {
  height:500px;
}

#street_view #page {
  height:500px;
}

#properties {
	clear:both;
	position:relative;
	margin:0 auto;
	color:#000;
}

#properties_map {
	margin:0 auto;
	width:100%;
}

#properties #properties_map .property {
	font-size:0.95em;
	zoom:1;
}

#properties #properties_map .property .thumbnail {
	float:left;
	margin-right:10px;
}

#properties #properties_map .property .details {
	border-bottom: 1px solid #000;
	text-transform: uppercase;
	margin-bottom:5px;
}

#properties #properties_map .property p {
	margin:0;
	padding:0;
}

#properties #properties_map .property ul {
	clear:both;
	padding:0;
	list-style:none;
	text-align:center;
}

#properties #properties_map .property li {
	display:inline;
	white-space:nowrap;
}

#properties #properties_map .property label {
	font-weight:bold;
}

#properties #properties_map_overview {
	position:absolute;
	left:0;
	bottom:0;
}

#properties_table {
	width:100%;
	zoom:1;
	text-align:center;
	vertical-align:middle;
}

#properties_table tr {
	font-size:1.2em;
}

#properties .property_link {
	position:absolute;
	right:0;
	bottom:0;
}

#properties .property_link:hover {
	color:#333;
}

/* Property Forms
 ================== */

#overview .property {
  clear:both;
  padding:10px;
}

#overview .property form {
	padding:15px;
}

#overview .property form li {
	list-style:none;
	clear:both;
	margin: 2px 0;
}

#overview .property form li label {
	padding-left:10px;
	width: 190px;
	float:left;
}

#overview .property form input[type=textfield],
#overview .property form textarea {
	float:left;
}

#overview .property form input[type=submit] {
	margin-left:50px;
}

#overview .property form p {
	clear:both;
	font-size:1.2em;
	margin:0 20px;
}

/* Property Details Floorplan Tab
 ================= */

.property_detail #floorplan ul li {
	list-style:none;
}

/* Property Forms
 ================== */

#overview .property {
  clear:both;
  padding:10px;
}

#overview .property form {
	padding:15px;
}

#overview .property ul {
	list-style:none;	
}

#overview .property form li {
	clear:both;
	margin: 2px 0;
}

#overview .property form li label {
	padding-left:10px;
	width: 190px;
	float:left;
}

#overview .property form input[type=textfield],
#overview .property form textarea {
	float:left;
}

#overview .property form input[type=submit] {
	margin-left:50px;
}

#overview .property form p {
	clear:both;
	font-size:1.2em;
	margin:0 20px;
}

/* LivePerson Widget
 ===================== */
.lp_button #lp_widget_button {
	border: 2px solid #000;
	margin: 0 auto;
	padding:0;
}

.inset.lp_button {
	text-align: center;
	background:none;
	border:none;
}

/* GMLS VOW Subscription
 ========================= */
a.vow_subscribe_link {
	display: block;
	float: right;
}

/* Meetup Widget
 ================= */
.inset a#meetup_link { zoom:1; }
.inset a#meetup_link img {
	display:block;
	border:none;
	padding:0;
	margin: 25px auto 5px auto;
	height: 70px;
	width: 100px;
	background: url("../images/meetup/logo.png") 0 0 no-repeat;
}

* html .inset a#meetup_link img {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://shared.ubertor.net/images/meetup/logo.png', sizingMethod='scale');
}

.inset a#meetup_link span {
	display:block;
	margin: 5px;
	text-align:center;
}

/* Twitter Widget */

.inset #twitter_div ul,
.inset #twitter_div ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.inset #twitter_div ul li {
  margin: 0.75em 0.5em;
  float: none;
  width: auto;
  text-align: left;
  word-wrap: break-word;
}
.inset #twitter-link {
  display: block;
  text-align: right;
}

/** --- Links Page --- **/

#links ul {
	list-style: none;
}

/** make the listing slideshow placeholder image fit in its box **/

#SOmonoSlideshow img {
  max-width: 100%;
  max-height: 100%;
}