/* THIS IS SECTION IS FOR VERTICAL MENU/DEVELOPER */
html{
	margin:0px;
	padding:0px;
}
body{
	margin:5px 0 0;
	padding:0px;
	/*width:100%;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align: center;
	color: #000000;
	/*background: url(../images/bgBody.jpg);*/
}
h3 {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}
#mainContent form fieldset legend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #000000;
	font-weight: bold;
}
#container {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	background-color: #BCD181;	/*background-color: #d4f0c9;*/
	border-top: 1px solid #829e32;
	border-right: 1px solid #829e32;
	border-bottom: 1px none #829e32;
	border-left: 1px solid #829e32;
	background-image: url(../images/bgContainer4.gif);
	background-position: -5px;
}
#header{
	background: url(../images/bgHeader3.gif) no-repeat;
	/*background-color: #829e32;*/
	/*background: url(../images/bgHeader4.gif) no-repeat;*/
	padding: 10px 10px 0px 0px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	height: 125px;
	position: relative;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
} 
#header #nav {
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	right: 10px;
	color: #000066;
	top: 115px;
	text-transform: uppercase;
}
#header h1 {
	margin: -5px 0px 0px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 5px 5px 10px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	color: #000066;
	font-size: 48px;
	display: none;
}
#header h2 {
	margin: 0px;
	padding-left: 20px;
	color: #000066;
	top: 20px;
	padding-top: 20px;
	float: right;
	font-size: 14px;
	text-align: right;
}
#header .content{
	padding-bottom:0;
}
#mainContent {
	margin: 0 10px 0 195px; /*  width equals 735px; the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 10px 0px 0px 10px;
	position: relative;
	/*background-color: #ffffff;	*/
	/****************** disable image ***********
	background-image: url(../images/bgImage.jpg);
	background-repeat: repeat;
	********************************************/
}
#mainContent table {
	margin: 0;
}
/*************
#mainContent p {
	padding-right: 20px;
	margin: 0px;
	padding-left: 10px;
	padding-bottom: 10px;
}
******************/
/*****************************************
#container #wrapper #mainContent h3 {
	padding: 5px 0px 0px 10px;
	font-size: 15px;
	text-transform: uppercase;
}
******************************************/
#container #wrapper #mainContent form td {
	line-height: 200%;
}
#mainContent #mainContentHome {
	background-image: url(../images/bgImage.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 530px;
}
#mainContent .resultsTable {
	background-color: #25346f;  /* #b5caf7 */
	border-collapse: collapse;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	width: 730px;
	color: #BCD181;
	font-size: 12px;
}
/**********************
.resultsTable table {	
	text-transform: capitalize;
}
**********************/
#mainContent .resultsTable table img {
	border: 1px solid #FFFFFF;
}
#mainContent .resultsTable table a:link, #mainContent .resultsTable table a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#mainContent .resultsTable table a:hover, #mainContent .resultsTable table a:active {
	text-decoration: underline;
}
#leftcol{
	width:170px;
	float:left;
	position:relative;
	margin-left:-170px;
	margin-right:1px;
	text-align: left;
}
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 175px;
	padding: 0px 0px 15px 20px; /* padding keeps the content of the div away from the edges */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #000066;
	margin-top: 90px;
}
#sidebar1 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin-top: 0px;
}
a:link, a:visited {
	color: #000066;
	/*color: #25346f;*/
	text-decoration: none;
}
a:hover, a:active {
	color: #fff;
	text-decoration: none;
}
#mainContent a:link, #mainContent a:visited {
	color: #000066;
	/*color: #25346f;*/
	text-decoration: none;
}
#mainContent a:hover, #mainContent a:active {
	color: #ffffff;
	text-decoration: none;
}

/* start featured layout */
#featured-container {
	margin: 5px 0px 10px;
	/*background-color: #FFFFFF;*/
	background-color: #25346f;
	width: 730px;
	float: left;
}
#featured-container h3 {
	padding: 2px 0px 6px;
	font-size: 13px;
	margin: 0px;
}
#featured-container img {
	border: 1px solid #FFFFFF;
}
.fleft, .fmiddle, .fright {
	background-color: #25346f;
	padding: 10px 0px 10px 10px;
	float: left;
	color: #BCD181;	/*width: 228px;*/
	text-align: left;
}
#featured-container .featured_listings td {
	background-color: #25346f;
	padding: 10px 0px 10px 9px;
	text-align: left;
}
#featured-container .featured_listings td.last {
	padding: 10px 10px 10px 0px;
} 
#featured-container .featured_listings .title {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding-right: 10px;
}
#featured-container .featured_listings a:link .title, #featured-container .featured_listings a:visited .title {
	color: #FFFFFF;
	text-decoration: none;
}
#featured-container .featured_listings a:hover .title, #featured-container .featured_listings a:active .title {
	text-decoration: underline;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#footer{
	padding: 0 20px 0 200px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:url(../images/bgFooter.gif) no-repeat left;
	text-align: center;
	font-size: 12px;
	color: #CCCCCC;
	height: 100px;
	position: relative;
}
#footer a:link, #footer a:visited {
	color: #CCCCCC;
}
#footer a:hover, #footer a:active {
	text-decoration: underline;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer #cbLogo {
	position: absolute;
	left: 3px;
	top: 3px;
}
#footer .subFo {
	font-size: 9px;
	text-align: center;
	padding-top: 5px;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
input, select, form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.search, .search td {
	font-size: 11px;
	border-collapse: collapse;
	padding-bottom: 5px;
}
.searchMLS {
	font-size: 13px;
}
.back_next {
	position:relative;
	top: 5px;
	}
img {
	border: 0px none;
}
.search_results
{
	width:100%;
}
.result_row_0	{ background-color: #D6D3EE; }
.result_row_1	{ background-color: #FFFFFF; }.logo{
	/* background-image: url("{template_url}/images/{company_logo}"); */
	background-repeat: no-repeat;
	height: 100px;
}
.view_users { width:100%; }
.slogan {
	text-align:right;
	font-size: 12px;
	color:#42557b;
	padding-right: 10px;
}
.time_date {
	text-align:right;
	font-size: 11px;
	padding-right: 10px;
	height: 18px;
	color:#FFFFFF;
}
.logo h1{
	font-size: 44px;
	color:blue;
	float: right;
	vertical-align: text-bottom;
}
#outer{
	margin: 0 10px 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 0px;
	/*************
	background-image: url(../images/bgImage.jpg);
	background-repeat: repeat;
	***************/
	background-color:#FFFFFF
}
.alert { 
	color: #AB3D2D;
}
.powered_by {
	color: #FFFFFF;
	margin-top: 5px;
	float:left;
	width: 200px;
	padding-left: 100px;
}
.copyright {
	color: #FFFFFF;
	margin-top: 5px;
	float:right;
	width: 400px;
	padding-right: 75px;
}
#inner{
	margin:0;
	width:100%;
}
#maincol{
	float: left;
	width: 100%;
	position: relative;
	margin: 0px -8px 0px -2px;
}
#outer>#inner{
	border-bottom: 1px solid #FFFFFF;
}
.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: #009900; }
td.row2_0	{ background-color: #CCFFCC; }
td.row3_0	{ background-color: #99CC99; }
.adminListingLeft_0 {
	color: #FFFFFF;
	background-color : transparent;
}
/* LISTING BROWSE PAGE NAVIGATION WIDGET 'next_prev()'display stuff  */
.browse_tool_table {
	/*background-color: #F7F7F4;*/
	width:730px;
	font-size: 11px;
	text-decoration: none;
	color: black;
	/*border: 1px solid #DDD;*/
	padding: 2px;
	margin-bottom: 6px;
	margin-right: auto;
	margin-left: auto;
}
.browse_tool {
	/*background-color: #EBEBEB;*/
	font-size: 11px;
	text-decoration: none;
	color: black;
}
.browse_tool_num {
	color: #AB3D2D;
}
.browse_tool_button A {
	background-color: #EBEBEB;
	font-size: 10px;
	line-height: 10px;
	text-align: center;
	border: 1px dashed red;
	font-weight: bold;
	text-decoration: none;
	color: #00A1DF;
	width: 100px;
	display: block;
	line-height: 16px;
}
.browse_tool_button A:visited {
	color: #00A1DF;
}
.browse_tool_button A:hover {
	color: #555555;
}
.browse_tool_ghost {
	font-size: 10px;
	line-height: 10px;
	color: #aaaaaa;
	text-decoration: none;
}
.browse_tool_curpage {
	border: 1px solid #000066;
	color: #AB3D2D;
	/*font-weight: bold;*/
	padding: 2px 2px 2px 2px;
	display: block;
	text-align: center;
}
.bt_pages {
	font-family: verdana, arial, Helvetica, sans-serif;
	/*BACKGROUND-COLOR: #EBEBEB;*/
	text-decoration:none;
	vertical-align: top;
	color:	#000000;
}
bt_pages_ghost{
	color:	#aaaaaa;
	text-decoration:none;
}
A.bt_pages{
	border: 1px solid #000066;
	color: #ffffff; /* #00A1DF */
	padding: 2px 2px 2px 2px;
	display: block;
	text-align: center;
}
A.bt_pages:visited{
	color: #ffffff;
}
A.bt_pages:hover{
	color:#FFFFFF;
	text-decoration: underline;
	/*background: #CCFF00;*/
}
/* 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; }

.slideshow_img {
float: left;
width: 100%;
text-align:center;
}
.slideshow_links {
float: left;
width: 100%;
text-align:center;
}
.city_distance_header{font-size:12px;}
/* 2.4.2 */
#imagerows{
	width:440px;
	padding:2px;
	/***border:ridge;**/
	text-align:center;
	border: 1px solid #999999;
}
.multiple_options_caption {
margin:0;
padding:0;
font-weight:bold;
width:100%;
}
.multiple_options {
float:left;
width:100%;
}
.multiple_options ul {
margin:0;
padding:0;
list-style-type:none;
}
.multiple_options li {
display:inline;
}
a.tooltip {
	position: relative;
	vertical-align:top;
}

a.tooltip span {
	display: none;
	position: absolute;
	top: 0px;
	left: 20px;
	width: 125px;
	padding: 2px;
	z-index: 100;
	background: #BCCAD1;
	color: #000;
	font-weight:bold;
}

a:hover.tooltip {
	font-size: 99%; /* this is just for IE */
}

a:hover.tooltip span {
	display: block;
}
/* *** This is internal css for Open-Realty */
.field_caption{
	font-weight:bold;
}
.searchpage_field_caption {
font-weight:bold;
text-align:right;
}
.searchpage_field_caption_row {
font-weight:bold;
text-align:right;
}
.lat_long_header{font-size:12px;}
.postalcode_distance_header{font-size:12px;}
.view_image {
	text-align:center;
}
.image_caption {
	font-size:16px;
	font-weight:bold;
}
.view_user {
 padding-left:5px;
}
.view_user_user_name {
	font-size:14px;
	font-weight:bold;
}
.view_user_user_images {
	float:left;
	width: 150px;
}
.view_user_user_info {
	float:right;
	width: 550px;
}
.view_user_user_hitcount {
	clear:both;
}
.view_user_user_box {
}
.no_results { 
	color:red; margin-top:10px;
}

/*** Adding color to Sold and Pending status on listing detail page 2009.11.12 DW ***/
h3 span.Sold {
	color: red;
}
h3 span.Pending {
	color: green;
}