body 			{ margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; background-color: #FFFFFF; background-image: url('/images/header_bg.gif'); background-repeat: repeat-x; }
p 				{ font-size: 10pt; padding-left: 10px; }
li 				{ font-size: 10pt; }
h1 				{ font-size: small;	padding: 10px; }
h3				{ font-size: small;	padding: 10px; }
table.hdr		{ background-image: url('/images/header_bg.gif'); background-repeat: repeat-x; }
table.body 		{ background-color: #FFFFFF; }
td.topBar 		{ font-size: 10pt; background-color: #FFFFFF; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; }
td.logo_left 	{ padding: 10px; }

table.container	{  }

td.topLeft		{ font-size: 1px; background-image: url('/images/default/top_left.gif'); width: 14px; height: 15px; }
td.topMid		{ font-size: 1px; background-image: url('/images/default/top.gif'); width: 14px; height: 15px; }
td.topRight		{ font-size: 1px; background-image: url('/images/default/top_right.gif'); width: 14px; height: 15px; }

td.midLeft		{ font-size: 1px; background-image: url('/images/border_left.gif'); width: 54px; background-repeat: repeat-y; }
td.middle		{ background-color: #FFFFFF; }
td.midRight		{ font-size: 1px; background-image: url('/images/border_right.gif'); background-repeat: repeat-y; width: 55px; }

td.btmLeft		{ font-size: 1px; background-image: url('/images/default/bottom_left.gif'); width: 14px; height: 15px; }
td.btmMid		{ font-size: 1px; background-image: url('/images/default/bottom.gif'); width: 14px; height: 15px; }
td.btmRight		{ font-size: 1px; background-image: url('/images/default/bottom_right.gif'); width: 14px; height: 15px; }

table.topNavContainer	{ background-color: #F1F1F1; border-bottom: #5189FB 1px solid; }

td.footer 		{ background-color: #FFFFFF; text-align: center; color: #909090; font-size: 10pt; }

/* 
	top navigation classes. 
	navigation display uses <ul>, <li> and <a>
	class names can be modified from admin navigation settings. these are defaults
	separators can be specified (optional). they are displayed as <li class="#separator_class#">#separator#</li>
*/
ul.top_nav {
	display: inline;
	margin: 0px;
	list-style-type: none;
}
li.top_nav {
	display: inline;
	margin: 0px;
	padding-right: 10px;
	list-style-type: none;
}
li.top_nav_separator {
	display: inline;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	list-style-type: none;
}
a.top_nav {
	font-size: 11pt;
	color: #5189FB;
	text-decoration: none;
	font-weight: bold;
}
a.top_nav:hover {
	color: #FF0000;
}
/* end top navigation classes */

/* start page navigation classes */
ul.page_nav {
	list-style-top: none;
	margin-left: 0px;
}
li.page_nav {
	font-size: 10pt;
	margin-bottom: 1px;
}
li.page_nav a {
	background-color: #FFFFFF;
	color: #5189FB;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 20px;
	padding: 4px;
	border-bottom: #F1F1F1 1px solid;
}

li.page_nav a:hover {
	background-color: #5186FB;
	color: #FFFFFF;
}
ul.page_nav_sub {
	list-style-top: none;
	margin-left: 0px;
}
li.page_nav_sub {
	font-size: 10pt;
	margin-bottom: 1px;
	margin-top: 1px;
}
li.page_nav_sub a {
	background-color: #99CCFF;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
}

li.page_nav_sub a:hover {
	background-color: #003366;
	color: #FFFFFF;
}
/* end page navigation classes */

li.nav_header_hide {
	display: none;
}

td.content {
	font-size: 10pt;
	padding: 5px;
}

td.left_nav {
	border-right: #5189FB 1px solid;
}

/* admin classes */
table.login {
	border: #909090 1px solid;
	margin: 10px;
}
th.login {
	background-color: #EFEFEF;
	border-bottom: #FFFFFF 1px solid;
	font-size: 10pt;
	padding: 5px;
}
td.login_hdr {
	background-color: #EFEFEF;
	border-bottom: #FFFFFF 1px solid;
	font-size: 10pt;
	padding: 5px;
	font-weight: bold;
}
td.login {
	background-color: #EFEFEF;
	border-bottom: #FFFFFF 1px solid;
	font-size: 10pt;
	padding: 5px;
}
input.login {
	font-size: 10pt;
	border: #909090 1px solid;
}
input.login:focus {
	background-color: #FFFFCC;
	font-size: 10pt;
	border: #909090 1px solid;
}

/* list table classes */
table.listTable {
	border-collapse: collapse;
	border: #C0C0C0 1px solid;
}
th.listHdr {
	font-size: 10pt;
	background-color: #C0C0C0;
	color: #FFFFFF;
	font-size: bold;
}
td.listCol1 {
	font-size: 10pt;
	background-color: #EFEFEF;
	border: #C0C0C0 1px solid;
}
td.listCol2 {
	font-size: 10pt;
	border: #C0C0C0 1px solid;
}
td.catListCol1 {
	font-size: 10pt;
	background-color: #EFEFEF;
}
td.catListCol2 {
	font-size: 10pt;
}
td.listColSub1 {
	font-size: 10pt;
	border: #003366 1px solid;
	background-color: #99FFCC;
	/*display: none;*/
}
td.listColSub2 {
	font-size: 10pt;
	border: #003366 1px solid;
	background-color: #99FFCC;
	/*display: none;*/
}
td.listSep {
	font-size: 10pt;
	background-color: #909090;
	font-weight: bold;
	color: #FFFFFF;
}
a.expand {
	width: 20px;
	height: 20px;
	background-color: #C0C0C0;
	text-decoration: none;
	color: #000000;
	font-size: small;
	border: #A0A0A0 2px solid;
}

table.searchForm {
	border-collapse: collapse;
	border: #909090 1px solid;
}

th.searchForm {
	text-align: left;
	background-color: #909090;
	color: #FFF;
	font-size: 10pt;
}

td.searchFormLabel {
	font-size: 10pt;
}

td.searchFormField {
	font-size: 10pt;
}

/* new record table classes */
table.newRecord {
	border-collapse: collapse;
	border: #F1F1F1 1px solid;
}
th.newRecord
{
	background-color: #F1F1F1;
	color: #000000;
	font-size: 10pt;
	text-align: right;
	padding: 4px;
	border: #FFFFFF 1px solid;
	vertical-align: middle;
}
td.newRecord {
	border: #F1F1F1 1px solid;
	font-size: 10pt;
	padding: 4px;
}
td.newRecordButtons {
	padding: 4px;
}

span.required {
	font-size: medium;
	font-weight: bold;
	color: #FF0000;
	font-size: 10pt;
}

td.newRecord td {
	font-size: 10pt;
}

td.newRecordSep {
	background-color: #5186FB;
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
	padding: 3px;
}

table.searchResults {
	border: #006699 1px solid;
	border-collapse: collapse;
}

th.searchResultsHdr {
	background-color: #006699;
	color: #FFFFFF;
	font-size: 10pt;
	text-align: left;
}

th.searchResults {
	background-color: #E5E5E5;
	color: #006699;
	font-size: 10pt;
	border-bottom: #006699 1px solid;
}

td.searchResults1 {
	background-color: #FFFFEE;
	color: #000000;
	font-size: 10pt;
	border-bottom: #006699 1px solid;
}

td.searchResults2 {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 10pt;
	border-bottom: #006699 1px solid;
}

div.listing_section {
	border-bottom: #006699 1px solid;
	font-size: 10pt;
}

div.listing_header {
	background-color: #006699;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
	width: 150px;
	margin-bottom: 0px;
}

ul.listing_features {
	list-style-image: url("images/check_bullet.gif");
}

li.listing_features {
	list-style-image: url("images/check_bullet.gif");
	font-size: 10pt;
}

td.property_info table {
	border: #606060 1px solid;
	background-color: #E5E5E5;
}

td.property_info td {
	font-size: 10pt;
	padding: 2px;
}

.listed {
	color: #006600;
	font-weight: bold;
}

.not_available {
	color: #FF0000;
	font-weight: bold;
}

td.property_options table {
	border: #000000 1px solid;
	background-color: #E5E5E5;
}

td.property_options td {
	font-size: 10pt;
	padding: 2px;
}

div.mortgage_calc {
	border: #0099CC 1px solid;
	padding: 0px;
	background-color: #FFFFCC;
	font-size: 10pt;
}

div#calc_expand {
	float: right;
	display: inline;
}
div#calc_expand a {
	color: #FFFFFF;
	text-decoration: none;
}

div#calc_hdr_text {
	float: left;
	display: inline;
}

div.calc_header {
	width: 100%;
	margin: 0px;
	padding: 5px;
	font-weight: bold;
	background-color: #0099CC;
	color: #FFFFFF;
}

div.calc_body {
	width: 100%;
	background-color: #99FFCC;
	display: none;
}

div.calc_body td {
	font-size: 10pt;
}

.est_payment {
	border-left: #0099CC 1px solid;
	padding: 5px;
	text-align: center;
}

div#slideshow {
	font-size: 10pt;
	text-align: center;
	padding: 10px;
	border: #C0C0C0 1px solid;
	background-color: #EFEFEF;
}

div.contact_agent {
	padding: 10px;
}

div.page_options {
	color: #00000;
	font-weight: bold;
	font-size: 10pt;
	margin-top: 4px;
	padding: 5px;
	text-align: left;
	width: 98%;
	background-color: #C0C0C0;
}

div.page_options a {
	font-weight: normal;
	text-decoration: none;
}

div.page_options a:hover {
	font-weight: normal;
	text-decoration: none;
	color: #990000;
}

.mlsFieldGroup		{ width: 660px; padding: 10px; background-color: #FDFDFD; border-left: #C5C5C5 1px solid; clear: both; border-right: #C5C5C5 1px solid; clear: both; border-bottom: #C5C5C5 1px solid; clear: both; }
.mlsFieldHdr		{ font-size: 12pt; font-weight: bold; border-bottom: #C5C5C5 1px solid; clear: both; }
.mlsHorizField		{ float: left; margin: 5px; }
.mlsHorizFieldBlock	{ margin: 5px; }
div.mlsDataTabs		{ background-color: #E5E5E5; width: 660px; }
div.mlsDataTab		{ border-left: #C5C5C5 1px solid; border-right: #C5C5C5 1px solid; border-bottom: #C5C5C5 1px solid; width: 165px; text-align: center; font-size: 11pt; float: left; padding: 5px; }
div.mlsDataTabSel	{ border-left: #C5C5C5 1px solid; border-right: #C5C5C5 1px solid; width: 165px; text-align: center; font-size: 11pt; float: left; background-color: #FDFDFD; padding: 5px; }
div.mlsDataOptions	{ text-align: right; border-left: #C5C5C5 1px solid; border-bottom: #C5C5C5 1px solid; border-top: #C5C5C5 1px solid; border-right: #C5C5C5 1px solid; padding: 5px; }
input.mlsDataTab	{ background-color: transparent; border-width: 0px; width: 150px; cursor: pointer; }

div#mlsDataPhotos	{ display: none; }
div#mlsDataMap		{ display: none; text-align: center; }
div#mlsDataShowing	{ display: none; }
div#mlsGmap			{ width: 500px; height: 500px; }
div#mlsGmap			{ text-align: left; }