/* IDX Agents Master Stylesheet
---------------------------------------------
This is the master stylesheet for the agent 
idx files and it needs to set decent defaults 
that can be overridden and that won't screw 
up agent pages when they get put together
---------------------------------------------
*/

/* Everything goes inside this DIV */

div#idx {
	padding:  0 20px;
	display: block;
	line-height: 130%;
	position: relative;
	height: 1%;
	}	
	
div#idx a {
	}
	
/* Defaults for ALL forms
--------------------------------------------*/

div#idx form {
	position: relative;
	height: 1%;
	}
	
div#idx form fieldset {
	position: relative;
	border: 0;
	border-top: 1px solid #eee;
	padding: 20px;
	}
	
div#idx form fieldset legend {
	font-weight: bold;
	}
	
div#idx form fieldset div {
	margin-bottom: 0.5em;
	}
	
div#idx form fieldset div label {}
div#idx form fieldset div input {}
	
/* Agent Search Form Defaults
-----------------------------------*/

div#idx form#search_form {
	position: relative;
	height: 1%;
	}
	
div#idx form#search_form fieldset {
	border: 0; 
	border-top: 1px solid #eee;
	}
	
div#idx form#search_form fieldset legend {
	font-weight: bold;
	}
	
div#idx form#search_form fieldset div {
	margin-bottom: 0.5em;
	}
	
/* Quick Search Portion on Main Search Form
-----------------------------------------------------*/
	
div#idx form#search_form fieldset#quick_search {
	padding: 20px !important;
	border: 1px solid #eee;
	position: relative;
	height: 1%;
	}
	
/* City Field
-------------------------------------------------*/
	
div#area_field {
	width: 70%;
	float: left;
	margin-right: 10px;
	vertical-align: middle;
	}
	
div#area_field label {
	display: none;
	}
	
div#area_field select {
	width: 100%;
	font-size: 18px;
	font-weight: lighter;
	}
	
/* Type - Radio Buttons 
----------------------------------------------*/
	
div#type_radios {
	width: 75%;
	}
	
div#type_radios label {
	margin-right: 10px;
	font-size: 12px;
	}
	
div#type_radios input {
	margin-right: 3px;
	}
	
/* Quick Button 
-----------------------------------------------*/

div#quick_submit {
	vertical-align: middle;
	}
	
div#quick_submit input {
	font-size: 18px;
	}
	
/* Price Range Section 
-------------------------------------------*/
	
div#idx form#search_form fieldset#prices {
	width: 44%;
	float: left;
	position: relative;
	height: 1%;
	padding: 20px !important;
	}

div#idx form#search_form fieldset#prices div {}
div#idx form#search_form fieldset#prices label{}
div#idx form#search_form fieldset#prices input {}

/* Beds and Baths
--------------------------------------------*/
	
div#idx form#search_form fieldset#beds_baths {
	float: left;
	width: 44%;
	height: 1%;
	padding: 20px !important;
	}

div#idx form#search_form fieldset#beds_baths div {}
div#idx form#search_form fieldset#beds_baths label{}
div#idx form#search_form fieldset#beds_baths input {}
	
/* Main Submit Button
-------------------------------------------*/

div#idx form#search_form fieldset#main_submit {
	padding: 20px !important;
	}
	
div#idx form#search_form fieldset#main_submit div {}
div#idx form#search_form fieldset#main_submit label {}
div#idx form#search_form fieldset#main_submit input {}

/* Quick Searches */

div.quick_searches {
	position: absolute;
	right: 0;
	width: 200px;
	font-size: 90%;
	line-height:140%;
	padding-top: 20px;
	}
	
div.quick_searches h3 {
	margin-bottom: 0;
	font-size: 110%;
	}

div.quick_searches a {
	display: block;
	}
	
/** LIST PAGE - List Display 
----------------------------------- **/

div#idx_list {
	position: relative;
	height: 1%;
	}
	
div#idx div#results {
	position: relative;
	height: 1%;
	}

dl.property {
	border-top: 1px solid #000;
	clear: left;
	font-size: 80%;
	padding-top: 10px;
	min-height: 160px;
	_height: 160%;
	}
	
dl.property dt {
	margin-right: 10px;
	}
	
dl.property dt img {
	width: 200px;
	height: 150px;
	float: left;
	}
	
dl.property dd.city, dl.property dd.links {
	margin-left: 210px;
	}
	
dl.property dd.mls, dl.property dd.price, dl.property dd.beds_baths {
	clear: right;
	float: right;
	}
	
dl.property dd.comments {
	padding-top: 10px;
	margin-left: 210px;
	}
	
/* ** DETAIL PAGE **
----------------------------------*/

/* Large Address up top
----------------------------------*/

div#idx div#address {
	margin: 0;
	}

div#idx div#address h1 {
	margin-bottom: 0.25em;
	font-weight: bold;
	line-height: 100% !important;
	font-size: 180%;
	}
	
div#idx div#address h1 span.city {
	font-weight: lighter;
	}

/* Action Links below address
-----------------------------------*/

div#idx div#actions ul {
	list-style: none;
	margin: 0;
	margin-bottom: 0.5em;
	padding: 0;
	}

div#idx div#actions ul li {
	display: inline;
	font-size: 90%;
	}
	
div#idx div#actions ul li img {
	vertical-align: middle;
	padding-right: 0.25em;
	}
	
div#idx div#actions ul li a {
	text-decoration: none;
	}
	
/* Photos on detail page 
-----------------------------------*/

table.detail_photos {
	position: relative;
	max-width: 100%;
	width: 100%;
	height: 1%;
	}

div#idx div#main_photo, div#idx div#additional_photos {
	margin: 0;
	padding: 0;
	position: relative;
	}
	
div#idx div#main_photo img {
	width: 480px;
	}
	
div#idx div#additional_photos img {
	width: 50px;
	height: 37px;
	}

/*  In this instance, the photos are in two
		table cells */

td.main_photo {
	padding-right: 5px;
	}
	
td.additional_photos {
	vertical-align: top;
	}
	
/* Bullet Points on the listing 
-------------------------------------*/
	
div#facts ul {
	list-style-position: inside;
	}
	
/* Realtor's Remarks
-----------------------------------*/
	
div#idx div#remarks {
	}
	
/* Listing Features
----------------------------------*/
	
div#idx div#features {
	font-size: 90%;
	}
	
/* If we're using the complex layout */

div#idx div#features dl {
	width: 22%;
	float: left;
	border: 1px solid #ccc;
	min-height: 100px;
	}
	
div#idx div#features dl dt {
	font-weight: bold;
	}

	
/* Listing Agent
-----------------------------------*/
	
div#idx div#listing_agent {
	font-size: 90%;
	}
	
/* Reciprocity Legalese
-------------------------------------*/
	
div#idx div#reciprocity {
	font-size: 75%;
	line-height: 140%;
	}
	
div#idx div.disclaimer img {
	float: left;
	margin-right: 10px;
	}
	
/* Software credits
-----------------------------------*/
	
div#idx div#credits {
	font-style: italic;
	font-size: 80%;
	}
	
/* Borders on images - very unsightly
-----------------------------------------*/

div#idx a img {
	border: 0;
	}
	
/* An old friend in CSS layouts
-------------------------------------*/

div.clear {
	clear: both;
	height: 0px;
	margin: 0 !important;
	}
	
/* Flash Messages
----------------------------------*/

div.flash_message {
	background-color: #fff59b;
	width: 100%;
	height: 1.5em;
	padding: 10px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 300;
	display: none;
	text-align: center;
	color: #000;
	}
	
.hidden {
	visibility: hidden;
	}
	
/* Request Info Form
----------------------------------*/

div#idx form#request_info label {
	font-size: 11px;
	display: block;
	}
	
div#idx form#request_info input, div#idx form#email_to_friend textarea {
	margin-bottom: 0.5em;
	}
	
div#idx form#request_info div#first_name_field {
	float: left;
	margin-right: 20px;
	}
	
div#idx form#request_info div#email_field {
	clear: left;
	}
	
/* Send to Friend email form
----------------------------------*/

div#idx form#email_to_friend label {
	font-size: 11px;
	display: block;
	}
	
div#idx form#email_to_friend input, div#idx form#email_to_friend textarea {
	margin-bottom: 0.5em;
	}
	
div#idx form#email_to_friend div#to_field {
	float: left;
	margin-right: 20px;
	}
	
div#idx form#email_to_friend div#comments_field {
	clear: left;
	}
	
/* Mini Dashboard
------------------------------*/

div#mini_dashboard {
	position: fixed;
	width: 100%;
	bottom: 0;
	right: 0;
	color: #555;
	background: url(../images/mini-dashboard-bg.gif) repeat-x #ddd;
	font-size: 11px;
	font-family: Verdana, sans-serif;
	vertical-align: middle;
	}
	
div#mini_dashboard span, div#mini_dashboard img {
	vertical-align: middle;
	}

/* Some Form Stuff
----------------------------------------*/
div.form_errors { background-color: #fff; border: 1px solid red; padding: 10px; margin-bottom: 10px; }