body
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #36455C;
}

h1, h2, h4, h5, h6
{
letter-spacing: -1px;
color: #3C71AA;
margin-bottom: 5px;
font-weight: normal;
}

a, a:visited
{
color: #3C71AA;
text-decoration: underline;
}

#topnav
{
/*background-color: white;*/
float: left;
text-align: right;
width: 100%;
color: #7E7E7E;
}

#topnav a, #topnav a:visited
{
color: #7E7E7E;
text-decoration: none;
}

#header
{
width: 900px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
height: 101px;
}

#header h1
{
margin: 0px;
font-size: 23px;
color: #36455C;
}

.header{
position: absolute;
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
color: #ffffff;
padding: 0px 0px 0px 0px;
width: 100%;
}

#title {
position: absolute;
background-image: url(images/png/serving_wilderness.png);
background-position: right;
background-repeat: no-repeat;
font-size: 20px;
color: #FF0000;
padding: 0px 0px 0px 400px;
margin-left: auto;
margin-right: auto;
width: 481px;
height: 68px;
}

#page_margins
{
width: 900px;
padding: 0px 10px 0px 10px;
margin-left: auto;
margin-right: auto;
display: block;
}

#page
{
float: left;
background-color: #ffffff;
padding: 0px 0px 0px 0px;
}

#main
{
float:left;
background-image: url(images/faux_background.jpg);
background-repeat: repeat-y;
background-color: white;
width: 900px;
padding: 0px 0px 0px 0px;
}

#nav_main
{
width: 900px;
background-image: url(images/nav_main_background.gif);
background-repeat: repeat-x;
height: 30px;
float: left;
font-size: 11px;
font-weight: bold;
}

#nav_main ul, #nav_main ul li
{
margin: 0px;
padding: 0px;
list-style: none;
display: inline;
}

#nav_main a, #nav_main a:visited
{
display: block;
float: right;
padding: 5px 15px 5px 15px;
border-top: 3px solid #F05252;
text-decoration: none;
color: white;
}

#nav_main a:hover
{
background-color: #36455C;
color: white;
border-top: 3px solid #576C8B;
border-bottom: 3px solid #232C39;
}

select, input
{
font-size: 12px;
border: 1px solid #E3E3E3;
}

#col3
{
float: left;
}

#col1
{
width: 200px;
float: left;
border-right: 1px solid #B20000;
}

#col1_box
{
background-color: #B20000;
color: #ffffff;
font-size: 11px;
padding: 5px 10px 5px 10px;
border-bottom: 1px solid #36455C;
}

#col1 ul
{
margin: 0px;
padding: 0px;
padding-left: 20px;
background-color: #D30327;
color: #FFFFFF;
}

#col1 li
{
list-style-image: url(images/nav_arrow.gif);
padding: 5px 0px 5px 10px;
border-top: 3px solid #F05252;
border-bottom: 2px solid #B20000;
background-color: #D30327;
left: -10px;
}

#col1 li:hover
{
list-style-image: url(images/nav_arrow_over.gif);
background-color: #36455C;
border-top: 3px solid #576C8B;
padding: 5px 0px 5px 10px;
border-bottom: 2px solid #232C39;
}

#col1 li a, #col1 li a:visited
{
color: #ffffff;
text-decoration: none;
font-weight: bold;
font-size: 11px;
}

#col2
{
display: block;
float: left;
width: 471px;
position: relative;
padding: 10px;
border-left: 0px;
border-bottom: 0px;
}

#col1 h2
{
display: block;
padding: 5px 0px 5px 10px;
background-color: #D30327;
border-bottom: 1px solid #ffffff;
color: #FFFFFF;
margin: 0px;
font-size: 18px;
}

#col1 h3
{
display: block;
padding: 2px 0px 7px 15px;
color: #FFFFFF;
margin: 0px;
background-color: #B20000;
font-size: 11px;
font-weight: normal;
border-top: 1px solid #36455C;
border-bottom: 1px solid #36455C;
}

#col3
{
width: 208px;
float: left;
padding: 0px;
background-color: #DDE1E7;
}

#col3 input
{
width: 95px;
}

#col2 h3
{
display: block;
padding: 5px 0px 8px 10px;
color: #36455C;
margin: 0px;
font-size: 18px;
}

#col3 h2
{
display: block;
padding: 5px 0px 5px 10px;
background-color: #D30327;
border-bottom: 1px solid #ffffff;
color: #FFFFFF;
margin: 0px;
font-size: 18px;
}

.browselistings
{
display: block;
padding: 5px 0px 8px 10px;
margin: 0px;
font-size: 11px;
}

.browselistings a
{
padding: 2px 5px 2px 5px;
background-color:#D30327;
color:#FFFFFF;
text-decoration: none;
font-weight: bold;
}

.browselistings a:hover
{
background-color:#36455C;
color:#FFFFFF;
}

.default_search_button
{
padding: 2px 5px 2px 5px;
background-color:#D30327;
color:#FFFFFF;
text-decoration: none;
font-weight: bold;
}

.default_search_button:hover
{
padding: 2px 5px 2px 5px;
background-color:#FFFFFF;
color:#D30327;
text-decoration: none;
font-weight: bold;
}

.search_instruction
{
font-size: 11px;
padding: 2px 5px 2px 5px;
}

#rss a ,#rss a:visited
{
font-size: 10px;
text-decoration: none;
}

#rss img
{
padding-top: 3px;
padding-right: 3px;
}

.featured_listings
{
text-align: center;
margin-left:auto;
margin-right:auto;
}

.featured_listings img
{
border: 1px solid #D30327;
}

.featured_listings a
{
color: #D30327;
text-decoration: none;
}

.featured_listings a:hover
{
color: #36455C;
text-decoration: underline;
}

#footer
{
float: left;
width: 870px;
height: 150px;
padding: 15px 0px 5px 30px;
border-top: 1px solid #000000;
text-align: left;
font-size: 11px;
margin-top: 1px;
color: #FFFFFF;
background-color: #D30327;
}

#footer a
{
color: #FFFFFF;
text-decoration: underline;
}

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

.search_result_table
{
border-bottom: 1px solid #CCCCCC;
margin-bottom: 10px;
padding: 5px 0px 5px 0px;
}


/* *** This is internal css for Open-Realty */
.field_caption{
	font-weight:bold;
}

#search_container {
border: 1px solid #D30327;
background-color: #DDE0E7;
}

#search_container input {
background-color: #fff;
border: 1px solid #000;
}

.searchpage_field_caption {
float: left;
font-weight:bold;
text-align:left;
margin: 0px 0px 0px 0px;
padding: 2px 5px 2px 5px;
width: 50%;
color: #36455C;
border-bottom: 1px solid #36455C;
}

.searchpage_field_caption_row {
font-weight:bold;
text-align:left;
}

.lat_long_header{font-size:12px;}

.view_image {
	text-align:center;
}

.view_image a {
	color: #36455C;
	margin-top: 20px;
}

.view_image a:visited {
	color: #36455C;
	margin-top: 20px;
}

.view_image a:hover {
	color: #FF0000;
	margin-top: 20px;
}

.view_image img {
	border: 1px solid #FF0000;
	padding: 0px 0px 0px 0px;
	margin-top: 20px;
}

.image_caption {
	font-size:12px;
	font-weight: normal;
	border-bottom: 10px solid #ffffff;
}

.view_user {
 padding-left:5px;
}
.view_user_user_name {
	font-size:14px;
	font-weight:bold;
}
.view_user_user_images {
	float:left;
}
.view_user_user_info {
	float:left;
	padding-left:10px;
}
.view_user_user_hitcount {
	clear:both;
}
.view_user_user_box {

}
.no_results { color:red; margin-top:10px;}
/* *** Generated by www.csscreator.com *** */
/* THIS IS SECTION IS FOR VERTICAL MENU */

/* Search Result Rows */

.search_results
{
	width:100%;
}

.result_row_0	{ 
	background-color: #ffffff; 
	padding: 3px;
	color: #36455C;
	font-size: 11px;
	}
	
.result_row_0 img { 
	border: 1px solid #36455C;
	margin-top: 3px;
	}
	
.result_row_0 th img { 
	border: none
	}
		
.result_row_0 th { 
	background-color: #DDE0E7;
	border-bottom: 1px solid #36455C; 
	padding: 3px;
	color: #36455C;
	font-size: 11px;
	}
	
.result_row_0 th a { 
	color: #36455C;
	text-decoration: none; 
	}

.result_row_0 th a:hover { 
	text-decoration: underline;
	}
		
.result_row_1	{ 
	background-color: #FFFFFF; 
	padding: 3px;
	color: #36455C;
	font-size: 11px;
	}
	
.result_row_1 img { 
	border: 1px solid #36455C;
	margin-top: 3px;
	}
	
.result_row_1 th img { 
	border: none
	} 
		
.result_row_1 th	{ 
	background-color: #DDE0E7; 
	border-bottom: 1px solid #36455C;
	padding: 3px;
	color: #36455C;
	font-size: 11px;
	}
	
.result_row_1 th a { 
	color: #36455C;
	text-decoration: none; 
	}
	
.result_row_1 th a:hover { 
	text-decoration: underline;
	}
	
.view_users { width:100%; }

.logo h1{
	font-size: 30px;
	color:#333333;
	vertical-align: text-bottom;
	margin: 0px;
	margin-top: 10px;
	font-weight: normal;
}

.clr{
	clear:both;
}

.content{
	position:relative;
}


 /*printer styles*/
@media print{
	/*hide the left column when printing*/
	#leftcol{display:none;}
	#outer{border-left:0;}
}



/* THIS CONTROLS THE TABLES DISPLAYED BY PAGES GENERATED BY THE PAGE EDITOR */
table.page_display
{
	border: 3px;
}
td.page_display
{
	width: 100%;
	vertical-align: top;
}
/* THIS CONTROLS THE TABLES DISPLAYED IN THE ADMIN */
table.admin_main
{
	border: 3px;
	width: 100%;
}
td.admin_main
{
	width: 100%;
	vertical-align: top;
}
/* THIS CONTROLS THE ROW COLORS */
td.row1_0	{ background-color: #FFFFFF; }
td.row2_0	{ background-color: #C2C2C2; }
td.row3_0	{ background-color: #FFFFFF; }
.adminListingLeft_0 {
	color: #FFFFFF;
	background-color : transparent;
}
/* LISTING BROWSE PAGE NAVIGATION WIDGET 'next_prev()'display stuff  */

.browse_tool_table {
	background-color: #FFFFFF;
	width:100%;
	font-size: 11px;
	text-decoration: none;
	color: black;
}
.browse_tool {
	background-color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	color: black;
}
.browse_tool_num {
	color: #336699;
}

.browse_tool_button A {
	background-color: #D30327;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	width: 82px;
	height: 18px;
	display: block;
	padding: 3px;
}

.browse_tool_button A:visited {
	color: #ffffff;
}

.browse_tool_button A:hover {
	color: #D30327;
	background-color: #ffffff;
	width: 82px;
	height: 18px;
}

/*This entry is Next 10, Previous 10*/
.browse_tool_ghost {
	font-size: 10px;
	width: 18px;
	height: 18px;
	color: #D30327;
	text-decoration: underline;
	background-color: #ffffff;
}


.browse_tool_curpage {
	background-color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	color: #D30327;
	width: 18px;
	height: 18px;
	text-align: center;
}

.bt_pages {
	font-family: verdana, arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #ffffff;
	text-decoration:none;
	font-size: 10px;
	vertical-align: middle;
	color:	#000000;
	padding: 5px;
}

bt_pages_ghost{
	color:	#000000;
	text-decoration:none;
}

A.bt_pages{
	background-color: #ffffff;
	color: #D30327;
	width: 18px;
	height: 18px;
	text-align: center;
}

A.bt_pages:visited{
	color: #000000;
}

A.bt_pages:hover{
	color:#FFFFFF;
	background: #D30327;
}
/* LISTING PAGE DETAILS 'listing_next_prev'  */
.next_prev_listing { margin: 2em 0 2em 3em;  border: 1px solid #a9a9a9; width: 40em; text-align: center; }
.next_prev_listing ul { margin: 1.5em auto; }
.next_prev_listing li { display: inline; padding: .5em 1em; list-style-type: none; }
.count, .listing_xy { width: 100%; background-color: #dcdcdc; clear: both; padding: .5em 0; }
/* css for tabbed pages */
.dynamic-tab-pane-control.tab-pane {
	position:	relative;
	width:		100%;		/* width needed weird IE bug */
	margin-right:	-2px;	/* to make room for the shadow */
}
.dynamic-tab-pane-control .tab-row .tab {
	width:				70px;
	height:				16px;
	background-image:	url( "{template_url}/images/tab.png" );
	position:		relative;
	top:			0;
	display:		inline;
	float:			left;
	overflow:		hidden;
	cursor:			Default;
	margin:			1px -1px 1px 2px;
	padding:		2px 0px 0px 0px;
	border:			0;
	z-index:		1;
	font:			11px Tahoma;
	white-space:	nowrap;
	text-align:		center;
}
.dynamic-tab-pane-control .tab-row .tab.selected {
	width:				74px !important;
	height:				18px !important;
	background-image:	url( "{template_url}/images/tab.active.png" ) !important;
	background-repeat:	no-repeat;
	border-bottom-width:	0;
	z-index:		3;
	padding:		2px 0 0px 0;
	margin:			1px -3px -3px 0px;
	top:			-2px;
	font:				11px Tahoma;
}
.dynamic-tab-pane-control .tab-row .tab a {
	font:				11px Tahoma;
	color:				Black;
	text-decoration:	none;
	cursor:				default;
}
.dynamic-tab-pane-control .tab-row .tab.hover {
	font:				11px Tahoma;
	width:				70px;
	height:				16px;
	background-image:	url( "{template_url}/images/tab.hover.png" );
	background-repeat:	no-repeat;
}
.dynamic-tab-pane-control .tab-page {
	clear:			both;
	border:			1px solid rgb( 145, 155, 156 );
	background:		#ffffff;
	z-index:		2;
	position:		relative;
	top:			-2px;
	font:				11px Tahoma;
	color:				Black;
	padding:		10px;
}
.dynamic-tab-pane-control .tab-row {
	z-index:		1;
	white-space:	nowrap;
}


/* ----- CSSSEARCH ADDON FORMATTING ~ start ----- */

/* case 'ptext' AKA Partial Text Match */
fieldset.full_desc { width: 40%; float: left; }
fieldset.full_desc legend { }
fieldset.full_desc div { }
fieldset.full_desc input { margin-left: 1em; background-color: #BEC8C9; width: 10em; }
fieldset.full_desc label {  }

/* case 'pulldown' AKA Pull down menu, 1 selection only */
fieldset.city { width: 50%; float: left; margin-bottom: 2em; }
fieldset.city legend { }
fieldset.city div { }
fieldset.city select { margin-left: 1em; width: 10em; }
fieldset.city label { font-weight: bold; }

/* case 'null_checkbox' AKA Search For Empty(NULL) Values */
fieldset.community_features { width: 50%; border: 1px dashed; clear: both; }
fieldset.community_features legend { display: none; }
fieldset.community_features div { margin: 2em; }
fieldset.community_features input { background-color: transparent; cursor: pointer; }
fieldset.community_features label { padding-left: .5em; cursor: pointer; }

/* case 'notnull_checkbox' AKA Search For Non Empty Values */
fieldset.baths { width: 50%; border: 1px dashed; }
fieldset.baths legend { display: none; }
fieldset.baths div { margin: 2em; }
fieldset.baths input { background-color: transparent; cursor: pointer; }
fieldset.baths label { padding-left: .5em; cursor: pointer; }

fieldset.beds { float: left; padding: 0px 0px 0px 0px; width: 470px; background: #ffffff; border-top: 18px solid #DDE0E7; border-bottom: 10px solid #ffffff; border-left: none; border-right: none;}
fieldset.beds legend { background-color: #DDE0E7; color: #36455C; font-weight: bold; padding: 1px 50px 2px 10px; }
fieldset.beds div { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 30px; width: 30%; float: left; }
fieldset.beds input { background-color: transparent; cursor: pointer; }
fieldset.beds label { padding-left: .5em; cursor: pointer; }

/* case 'select' AKA Distinct list - allow multiple */
fieldset.country { margin: 2em 0 0 0; background: transparent; width: 20%; }
fieldset.country legend { font-weight: bold; padding: 0em .5em; font-family: Arial, sans-serif; font-size: 1em; }
fieldset.country select { width: 100%; height: 5em; }

/* case 'checkbox' AKA Checkbox list of distinct values */
fieldset.zip { padding: .5em; width: 40em; }
fieldset.zip legend {  }
fieldset.zip div { width: 20%; float: left; }
fieldset.zip input { background-color: transparent; cursor: pointer; }
fieldset.zip label { padding-left: .5em; color: #3A3A3A; cursor: pointer; }

/* case 'option' AKA Radio button list of distinct values */
fieldset.lot_size { margin: 2em 1em; padding: 1.5em 0 .5em 0; clear: both; }
fieldset.lot_size legend { }
fieldset.lot_size div { margin: 0 0 .5em 0; border: 0px #52666F solid; width: 50%; float: left; }
fieldset.lot_size input { background-color: transparent; cursor: pointer; }
fieldset.lot_size label { padding-left: .5em; color: #3A3A3A; cursor: pointer; }

/* case 'optionlist' AKA Option list of individual values */
fieldset.garage_size { width: 25%; margin: 2em; }
fieldset.garage_size legend { font-weight: bold; font-family: Arial, sans-serif; font-size: 1em; }
fieldset.garage_size div { }
fieldset.garage_size select { width: 8em; height: 6em; font-family: Georgia, serif; font-size: 1em; }

/* case 'fcheckbox' AKA CheckBox list of individual values */
fieldset.home_features { float: left; padding: 0px 0px 10px 0px; width: 470px; background: #ffffff; border-top: 18px solid #DDE0E7; border-bottom: none; border-left: none; border-right: none;}
fieldset.home_features legend { background-color: #DDE0E7; color: #36455C; font-weight: bold; padding: 1px 50px 2px 10px; }
fieldset.home_features div { margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 30%; float: left; }
fieldset.home_features input { background-color: #fff; cursor: pointer; }
fieldset.home_features label { padding-left: .5em; color: #3A3A3A; cursor: pointer; }

/* case 'fpulldown' AKA Pull down list of individual values */
fieldset.state { float: left; }
fieldset.state legend { font-weight: bold; }
fieldset.state div { }
fieldset.state select { margin: 0 0 0 2.5em; width: 12em; height: 1.5em; }

/* case 'fpulldown' AKA Pull down list of individual values */
fieldset.locality { float: left; padding: 0px 0px 0px 0px; width: 470px; background: #ffffff; border-top: 18px solid #DDE0E7; border-bottom: 10px solid #ffffff; border-left: none; border-right: none;}
fieldset.locality legend { background-color: #DDE0E7; color: #36455C; font-weight: bold; padding: 1px 50px 2px 8px; }
fieldset.locality div { margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 30%; float: left; }
fieldset.locality select { margin: 0 0 0 2.5em; width: 12em; height: 1.5em; }

/* case 'minmax' AKA Two pull downs for min/max ++ */
fieldset.price { float: left; padding: 0px 0px 0px 0px; width: 470px; background: #ffffff; border-top: 18px solid #DDE0E7; border-bottom: 10px solid #ffffff; border-left: none; border-right: none;}
fieldset.price legend { background-color: #DDE0E7; color: #36455C; font-weight: bold; padding: 1px 50px 2px 8px; }
fieldset.price div.min select { margin: 5px 0 0 10px; background-color: #ffffff; width: 8em; height: 1.5em; }
fieldset.price div.min label { font-style: normal; padding: 0 0 0 2em; }
fieldset.price div.max { padding-top: 1em; }
fieldset.price div.max select { margin: 0 0 0 25px; background-color: #ffffff; width: 8em; height: 1.5em; }
fieldset.price div.max label { font-weight: normal; padding-left: 2em; }

/* case 'daterange' AKA Date range; two text fields */
fieldset.date_free { float: left; background: transparent; }
fieldset.date_free legend { color: #000099; font-weight: bold; }
fieldset.date_free div.mindate input { margin: 0 0 0 2em; background-color: #BEC8C9; width: 6em; height: 1.5em; }
fieldset.date_free div.mindate label { font-weight: bold; }
fieldset.date_free div.maxdate input { margin: 0 0 0 3.3em; background-color: #BEC8C9; width: 6em; height: 1.5em; }
fieldset.date_free div.maxdate label { font-style: italic; }

/* case 'singledate' AKA Single/Exact Date Search */
fieldset.year_built { clear: both; background: transparent; width: 94%; margin-top: 1.5em; }
fieldset.year_built legend { color: #000099; font-weight: bold; margin-left: 12em; }
fieldset.year_built input { width: 6em; height: 1.5em; }
fieldset.year_built label { display: none; }

/* search_class_default.html styles */
.search_class { float: left; padding: 0px 0px 10px 0px; width: 470px; background: #ffffff; border: none;}
.search_class legend { display: block; padding: 5px 0px 8px 10px; color: #36455C; margin: 0px; font-size: 18px; }
.search_class div { margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 30%; float: left; }
.search_class input { background-color: #D30327; padding: 2px 5px 2px 5px; color:#FFFFFF; cursor: pointer; text-decoration: none; font-weight: bold;}
.search_class label { padding-left: .5em; color: #3A3A3A; cursor: pointer; }

/* ----- CSSSEARCH ADDON FORMATTING ~ end ----- */

#popup {
	background-color: #ffffff;
	}
	
/* These entries set the styles for the Property Slideshow- see listing_detail_slideshow.html */

.slide_image img {
	border-top: 2px solid #3F381B;
}

/* line-height here separates image border from slideshow controls */

.slide_image a {
	color: #FFFFFF;	
	margin-bottom: 10px;
	padding: 3px 3px 3px 3px;
	font-size: 11px;
	font-weight: bold;
	background-color: #D30327;
	line-height: 30px;
	text-decoration: none;
	}
	
.slide_image a:hover {
	color: #36455C;	
	background-color: #DDE1E7;
	}