/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #FfFFFF;
	color: #000;
}
td { font-size: 12px; }
a {
	color: #003399;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}
a:hover { color: #FFCC33; }

img { margin: 0; padding: 0; border: none; }	
form { margin: 0; padding: 0; }
form label { font-weight: bold; white-space: nowrap; }
form .req { color: #c00; }
form h2 { margin: 0; padding: 5px 0; color: #e4b24f; background: transparent; font-size: 18px; }
input, select, textarea { font-size: 12px; }

/* General Headers */
h1 { color: #000; background: transparent; }
h2 { margin: 0; padding: 5px 10px; color: #e4b24f; background: transparent; font-size: 18px; }
h6 { color: #777; background: transparent; }

p { margin: 0; padding: 5px 10px; }
.p { margin: 0; padding: 5px 10px; }
.p h4 { font-size: 14px; font-weight: bold; color: #000; }
.hide { display: none; }
#or { padding: 20px; font-size: 16px; font-weight: bold; color: #7B9DC0; text-align: center; }

/*  General Forms */
.spacer { clear: both; }
.row { clear: both; padding: 3px 0;}
.l1 { color: #e4b24f; font-weight: bold; text-align: right; }
.l2 { color: #b1b0b0; font-weight: bold; text-align: right; }
.lt { padding-left: 3%; text-align: left; } 
div.row span.left { float: left; text-align: left; width: 75%; }
div.row span.right { float: right; text-align: right; width: 20%; }
td .label { width: 34%; text-align: right; }
td .field { width: 63%; padding-left: 2%; text-align: left; }

/*  Structure  */
#container { border: 1px solid #777; background: #fff; color: #000; }
#content { padding: 0; margin: 10px 5px; }
#sidebar { padding: 0; margin: 10px 7px; }
#footer,#commentbox,#history { clear: both; margin: 5px auto; padding: 0; width: 780px; border: 1px solid #777; background: #fff; color: #000; font-size: 11px; }
#header { position: relative; background: #fff; color: #000; border-top: 5px solid #ca003b; border-bottom: 1px solid #000; }
.searchitem { margin: 0 35px 20px 35px; padding: 0; }
.searchitem h4 { color: #000; background: transparent; font-size: 14px; padding: 2px 2px 5px 2px; }

/* Search box */
#search { position: absolute; top: 7px; right: 3px; margin: 0; padding: 0; border: none; vertical-align: bottom; width: 155px; }
#search input { font-size: 10px; }
#search small { font-size: 10px; font-weight: bold; color: #646464; background: transparent; }

/* History links */
#hlinks { margin: 2px 2px 10px 2px; padding: 0; text-align: right; }

/* Sub Nav */
#subnav { margin: 0; background: #D7E9A1; color: #000; line-height: 18px; }
#subnav ul { display: inline; margin: 0; padding: 0; border: none; } 
#subnav li { display: inline; margin: 0; padding: 0; border: none; }
#subnav a { margin: 0; padding: 0 10px; border-right: 1px solid #777; color: #000; text-decoration: none; font-size: 11px; }
#subnav a:hover, #subnav a:active { color: #fff; background: #339900; }
#subnav br, #topnav br { clear: both; }

/* General */
#options { margin: 0; padding: 0 0 0 20px; border-bottom: 1px solid #000; background: #feffe4; color: #000; line-height: 21px; }
#searchbar { margin: 0; padding: 5px 10px; border-bottom: 1px solid #000; background: #f1f0f0; color: #000; text-align: center; }
#address strong { font-size: 14px; font-weight: bold; }
#tools, .tools { background: #f1f0f0; color: #777; border-bottom: 1px solid #777; margin: 0; padding: 4px; font-size: 12px; text-align: left; }
#tools span, #tools img, .tools span, .tools img { padding: 0 5px; }
.features {
	margin: 0;
	padding: 3px 0 3px 3px;
	border-top: 1px solid #777;
	background: #ffffff;
	color: #777;
	
}
.list ul { list-style: inside; margin: 0; padding: 0; }
.list li  { margin: 5px 0; padding: 0 5px }
#p-container, .s-container {
	border: 2px solid #777;
	margin: 0;
	padding: 0;
	text-align: left;
	border-color: #003399;
}
#print { padding: 0 0 7px 0; }

/* Sidebars */
#local, #manage, #feat-props, #reg-info, #quick-facts, #feat-agent  { color: #000; margin: 0; padding: 0; width: 165px; border: solid 1px #777 }
#quick-facts h3 span { display: none; }
#quick-facts h3  { margin: 0; padding: 0; width: 165px; height: 45px }
#quick-facts p { margin: 0; padding: 5px; }
#local small, #manage small, #feat-props small { color: #808080; font-weight: bold; }
#local strong { color: #7B9DC0; font-size: 12px; font-weight: bold; }
#local .row { margin: 5px 5px 10px 5px; padding: 2px 5px; border-bottom: 1px solid #777; }
.feat-prop { margin-bottom: 10px; padding: 3px 5px; text-align: center; }
.feat-prop img { text-align: center; }
.feat-prop .price { font-size: 14px; color: #e4a324; }
#benefits ul { margin: 5px; padding: 0; list-style: outside; }
#benefits li  { font-size: 12px; font-weight: bold; margin: 0 0 0 10px; padding: 0 0 7px }
.alink {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.alink:hover { color: #FFCC00; }
/* Property View section */
#propview, #searchfrm, #about { margin: 0; padding: 0; }
#rosterfrm { margin: 0 0 0 30px; padding: 0; }
#column1 { margin: 12px 10px 0 0; }
#column2 { width: 230px; margin: 5px; padding: 5px; }
#propdetails { border-left: 1px solid #fff; padding: 10px; margin: 0; }
#propdetails .row { clear: both; width: 100%; border-bottom: 1px solid #ccc; padding-top: 3px; }
#propdetails .row .label { float: left; text-align: left; width: 49%; }
#propdetails .row .field { float: right; text-align: right; width: 49%; font-weight: bold; }
.price { font-weight: bold; font-size: 12px; color: #006600; }
#captionbox { text-align: center; font-weight: bold; }
#propdesc h3, #propfeatures h3, #infofrm h3, .frmsection h3, #p-container h3, .s-container h3 { margin: 0; padding: 2px 0 2px 15px; border-top: 1px solid #777; border-bottom: 1px solid #777; background: #feffe4; color: #777; font-size: 14px; font-weight: bold; }
#propdesc p, #propfeatures p, .frmsection p { margin: 0; padding: 20px 0; }
html>body #propdesc p, html>body #propfeatures p, html>body .frmsection p { margin: 0; padding: 20px 15px; }
#infofrm .row { width: 99%; padding: 3px 0; }
#infofrm .label { width: 27%; padding: 2px 1%; text-align: right; font-weight: bold; white-space: nowrap; }
#infofrm .field { width: 70%; padding: 2px 0; text-align: left; }
#infofrm .btn { padding: 3px; text-align: center; }
#disclaimer p { font-size: 10px; text-align: justify; }

/* Section Headers */
#h-search, #h-about { margin: 0; padding: 0 0 0 7px; background: #e4b24f; color: #fff; text-align: left; }
#h-roster, #h-register, #h-login, #h-buyer, #h-seller, #h-cityindex { margin: 0; padding: 0 0 0 7px; border-bottom: 1px solid #777; background: #e4b24f; color: #fff; text-align: left; }

/* Search results list */
.searchitem .row { margin-bottom: 5px; }
.searchitem .label { float: left; text-align: right; width: 29%; font-size: 11px; font-weight: bold; color: #456990; }
.searchitem .field { float: right; text-align: left; width: 69%; font-size: 11px; }
#newview td { border-bottom: 1px solid #eee; }
#newview table tr td { border: none; }

/* News Section */
#news dt { font-size: 11px; font-weight: bold; }
#news dd { margin-bottom: 30px; font-size: 10px; color: #777; background: transparent; }
#news dd a { font-size: 13px; }
#news h4 { font-size: 16px; font-weight: bold; color: #000; background: transparent; }
#news .date { font-size: 11px; color: #777; background: transparent; }

/* Managers */
#man-col1 { width: 140px; margin: 5px 10px; text-align: center; }
#man-col2 { padding: 10px; margin: 5px 0; }
#man-col2 h4 { font-size: 18px; font-weight: bold; color: #000; background: transparent; border-bottom: 1px solid #e4b24f; }

/* Agent Section */
.acontainer { border: 1px solid #777; border-top: 4px solid #777; margin: 0 35px 20px 35px; padding: 3px; text-align: left; }
#feat-agent strong { font-weight: bold; font-size: 13px; }
#feat-agent small { color: #808080; font-weight: bold; }
#feat-agent cite, .quote cite { display: block; color: #333; font-size: 11px; margin: 7px 0; padding: 5px; }
.agent { border: 1px solid #777; margin: 0; padding: 0; background: #f6f6f6; color: #000; }
.agent h3 { margin: 0; padding: 2px 5px; border-bottom: 1px solid #777; background: #e4b24f; color: #fff; font-size: 11px; font-weight: bold; }
.agent .p { padding-bottom: 5px; }
.agent strong { font-weight: bold; font-size: 13px; }
.agent small { color: #808080; font-weight: bold; }

#alphalist { margin: 0; padding: 2px; border-bottom: 1px solid #777; background: #feffe4; color: #777; }
#alphalist h4 { display: inline; margin: 0; padding: 0 5px 0 0; color: #049; font-size: 11px; }
#alphalist td { padding: 0 3px; font-size: 11px; }

#agentbio { margin: 0; padding: 7px; border: none; text-align: justify; }
#agentbio h3 { margin: 0; padding: 3px 0; border: none; font-size: 18px; font-weight: bold; color: #e4b24f; background: transparent; }
#agent { margin: 0 30px; }

/* Table formatting */
.listings-tbl { border: 1px solid #000; }
.listings-tbl small { color: #777; }
.listings-tbl th { padding: 3px; text-align: center; border-bottom: 1px solid #000; background: #e4a324; color: #fff; font-size: 13px; }
.listings-tbl td { padding: 3px; text-align: left; border-bottom: 1px solid #ccc; }
.listings-tbl td.w { padding: 3px; text-align: center; border-bottom: 1px solid #ccc; color: #000; }
.listings-tbl td.c { padding: 3px; text-align: center; border-bottom: 1px solid #ccc; background: #f9f9f9; color: #000; }
.listings-tbl td.cr { padding: 3px; text-align: right; border-bottom: 1px solid #ccc; background: #f9f9f9; color: #000; }
.listings-tbl td.cl { padding: 3px; text-align: left; border-bottom: 1px solid #ccc; background: #f9f9f9; color: #000; }
.listings-tbl td.listprice { padding: 3px; text-align: right; border-bottom: 1px solid #ccc; color: #e4a324; font-weight: bold; }

/* Simple table formatting */
.tbl th { padding: 1px 2px; border-bottom: 1px solid #000; font-size: 13px; font-weight: bold; text-align: center; color: #049; }
.tbl td { padding: 3px; border-bottom: 1px solid #ccc; font-size: 11px; text-align: center; }

/* Additional Photos */
#photos { border: 1px solid #ccc; background: #fff; }
#photos-nav { clear: both; padding: 2px; font-size: 14px; font-weight: bold; text-align: right; background: #e4b24f; }
#photos-nav a { color: #fff; }
.pics { float: left; padding: 4px; margin: 6px; border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #666; border-bottom: 1px solid #666; background: #eee; text-align: center; font-size: 12px; font-weight: bold; }
#pic { background: #eee; border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #666; border-bottom: 1px solid #666; float: left; padding: 4px; margin: 6px; text-align: center; font-size: 12px; font-weight: bold; }

/* My  Section */
#ad { margin: 7px 0; padding: 0; text-align: center; }
#buyers, #sellers, #loginbox, #login, #cityindex, #registerfrm { margin: 5px; padding: 0; border: 1px solid #777; text-align: left; }
#buyers .label, #sellers .label, #loginbox .label { font-size: 11px; font-weight: bold; }
#buyers .p, #sellers .p, #loginbox .p, #login .p, #registerfrm .p { margin: 0; padding: 10px; }
#myewm-searches { margin: 5px; padding: 2%; }
#myewm-searches h2 { margin: 0; padding: 0 10px 0 0; font-weight: normal; }
.searches-tbl th { margin: 0; padding: 7px 5px 1px 5px; border-bottom: 1px solid #777; background: #f2e0be; font-size: 14px; font-weight: normal; text-align: left; }
.searches-tbl td { margin: 0; padding: 10px 5px; border-left: 1px solid #777; color: #777; }
.scearches-tbl td.first { margin: 0; padding: 10px 5px; border: none; color: #049; font-weight: bold; }

/* City Info */
#cityinfo { margin: 15px; padding: 0; }
#cityinfo h3 { font-size: 26px; border-bottom: 1px solid #000; }
#cityinfo p { font-size: 12px; line-height: 1.5em; text-indent: 30px; }
#cityinfo img { float: right; margin: 5px; padding: 2px; }
#findprops ul, #findprops li { display: inline; padding: 5px; }
#h-Post .title, #hlinks a { padding: 0 3px; background: transparent; color: #000; text-decoration: none; text-transform: uppercase; font-size: 10px; }
#h-Post { background: #feffe4; color: #000; }
.historyitem {
	float: left;
	border: 1px solid #ccc;
	width: 100px;
	background: #f1f0f0;
	color: #000;
	text-align: left;
	white-space: nowrap;
}
.selector { float: right; margin: 0; padding: 0; }
#friend label { width: 120px; font-weight: bold; }
#dadecitylist, #browardcitylist, #othercitylist { float: left; padding: 0 10px; }
#dadecitylist h3, #browardcitylist h3, #othercitylist h3 { font-size: 14px; color: #000; background: transparent; }
#dadecitylist ul, #browardcitylist ul, #othercitylist ul { list-style: none; margin: 0 5px; padding: 0; }
#dadecitylist li, #browardcitylist li, #othercitylist li { line-height: 20px; }

#tipbox { padding: 0; width: 153px; border: 1px solid #e4b24f; background: #feffe4; }
#tipbox h3 { margin: 0; padding: 2px; color: #fff; background: #e4b24f; font-size: 10px; text-align: left; white-space: nowrap; }
#tipbox p { margin: 0; padding: 4px; }
#tipbox label { font-weight: bold; }

/* Relo */
#relowelcome  { margin: 0; padding: 15px 25px 10px 270px }
#relowelcome p { margin: 0; padding: 5px; }
#relosherrie, #relodiane, #relokate { margin: 5px; padding: 15px; }
#relosherrie p, #relodiane p, #relokate p { margin: 5px 30px 0 150px; padding: 5px; }
#relosherrie img, #relodiane img, #relokate img { float: left; }

/* Mortgage section */
#mhelp { border-left: 1px dotted #ddd; padding: 7px; }

/* Dev page */
.dev { width: 325px; padding: 5px; margin: 15px; float: left; }
.dev em { color: #666; }

/* Agent Header */
#ahead { position: relative; padding: 3px 0; border-top: 3px solid #CA003B; }
#aheader h1 { margin: 0; padding: 0; font-size: 22px; font-weight: bold; }
#aheader h2 { margin: 0; padding: 12px 0 0 0; font-size: 16px; font-weight: bold; font-style: italic; color: #000; }

/* menu */
#atabs { margin: 0 0 0 170px; padding: 10px 0 3px 5px; font-size: 12px; font-weight: bold; z-index: 1;}
#atabs ul { list-style: none; margin: 0; padding: 0; }
#atabs ul li { display: inline; margin: 0; list-style: none; }
#atabs ul li a { padding: 3px 10px;  text-decoration: none; color: #fff; background: #e4b24f; border: 1px solid #000;}
#atabs ul li a:hover { color: #fff; background: #c00; }
#atabs ul li.here a { color: #000; background: #f2e0be; border-bottom: 1px solid #f2e0be; }

/* Sub Nav */
#asubnav { margin: 0; padding: 0 0 0 135px; background: #f2e0be; color: #000; line-height: 18px; border-top: 1px solid #000; border-bottom: 1px solid #000; z-index: 2; }
#asubnav ul { display: inline; margin: 0; padding: 0; border: none; } 
#asubnav li { display: inline; margin: 0; padding: 0; border: none; }
#asubnav a { margin: 0; padding: 0 10px; border-right: 1px solid #777; color: #000; text-decoration: none; font-size: 11px; }
#asubnav a:hover, #asubnav a:active { color: #fff; background: #00C23E; }
#asubnav br, #topnav br { clear: both; }
#ainfo { margin-left: 170px; padding: 0 0 16px 0; }
#aphoto { position: absolute; top: 3px; left: 0; }

#dadecitylistbt ul, #browardcitylistbt ul, #othercitylistbt ul { margin: 0; padding: 0; display: inline; text-align: center; font-size: 11px; }
#dadecitylistbt li, #browardcitylistbt li, #othercitylistbt li { margin: 0; padding: 0 3px; display: inline; text-align: left; border-right: 1px solid #ccc; }

.feat-True  { color: #777; margin: 0; padding: 3px 15px }
.feat-False { margin: 0; padding: 3px 0 3px 15px; color: #777; }