/* ----------- Global Element styles ----------- */

body {
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	}
	
h1, h2, h3, h4 {
	display: inline;
	font-family: trebuchet ms;
	}
	
h1, h2 {
	padding-bottom: 4px;
	text-transform: lowercase;
	font-weight: normal;
	margin: 0;
	}
	
h1 {
	font-size: 26px;
	color:#333;
	}
	
h2 {
	font-size: 20px;
	text-transform: none;
	}
	
h3 {
	font-size: 18px;
	}
	
h4 {
	font-size: 16px;
	}
	
a {
	/*color: #255863;*/
	color: #ccc;
	text-decoration: underline;
	}
	
a:hover {
	/*color: #00B7F1;*/
	color: #fff;
	text-decoration: underline;
	}
	
a.big {
	color: #ebebeb;
	text-decoration: none;
	border-bottom: solid 1px #ccc;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	}
	
a.big:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: solid 2px #ccc;
	}
	
p {
	}
	
th {
	line-height: 30px;
	font-size: 12pt;
	font-weight: bold;
	padding-bottom: 15px;
	}
	
input {
	}
	
select {
	}

textarea {
	}
	
label {
	}
	
	
/* ------ image, input, and textarea styles ------ */

input.smooth, textarea {
	font-size: 11px;
	background: white;
	border: solid 1px #98ACB3;
	}
	
.hover {
	filter: alpha(opacity=90);
	opacity: .9;
	}
	
.hover:hover, {
	filter: alpha(opacity=100);
	opacity: 1;
	}
	
		
/* ----------- Header styles ----------- */
	
#header {
	background-image:url(../images/background/header2.jpg);
	width:860px;
	height:128px;
	vertical-align:bottom;
	text-align:left;
}

#header table {
	border-collapse:collapse;
	}

#logo {
	width:260px;
	height:100px;
	border:none;
	margin-top:20px;
	margin-left:20px;
	}

.top-container {
	position: absolute;
	margin: 15px 0px 0px 515px;
	}
	
.my-account {
	float: left;
	margin-left: 20px;
	}
	
#footer {	
	width: 860px;
	text-align: left;
	padding: 10px;
	}

#footer .logos, #footer .logos img { float: right; }
#footer .logos img { margin-left: 10px; }
#footer .content { clear: both; padding-top:10px;}
#footer .copyright { float: left; }
	
#_flashHome {
	background: #000;
	}
	
	
/* ----------- Web ID Form ----------*/

#webIDSearch {
	float: left;
	}

#webIDSearch input {
	font-size: 11px;
	color: white;
	}
	
#agentsStr {
	font-size: 10px;
	width: 150px;
	margin-right: 10px;
	padding: 2px 5px;
	border: solid 1px #666;
	background: #1fc4e0;
	margin-top: 1px;
	}

#i-details h1 { color: #fff; }

/* ----------- Main Container styles ----------- */
	
#intro {
	width:880px;
	margin-top:-10px;
	}

#intro div#top {
	height:10px;
	background-image:url(../images/background/intro_top.png);
	}

#intro div#bottom {
	height:10px;
	background-image:url(../images/background/intro_bottom.gif);
	}

#intro div#content {
	border-left:#666 solid 1px;
	border-right:#666 solid 1px;
	text-align: left;
	padding:0;
	background: url('../images/background/innerBody.gif') #4D4D4D repeat-x;
	}	

#intro div#content.home {
	border-left:#666 solid 1px;
	border-right:#666 solid 1px;
	height:240px;
	padding:0;
	}	
	
	
/* --- Main Containers >> InnerPage Classes styles --- */
	
#intro div.home {
	height:200px;	
	}
	
	
/* ----------- Popup styles ------------ */

#popupIntro {
	width:550px;
	}

#popupIntro div#top {
	height:10px;
	background-image:url(../images/background/intro_top.gif);
	}

#popupIntro div#bottom {
	height:10px;
	background-image:url(../images/background/intro_bottom.gif);
	}

#popupIntro div#content {
	border-left:#666 solid 1px;
	border-right:#666 solid 1px;
	text-align: left;
	padding: 20px 35px;
	background: url('../images/background/innerBody.gif') #4D4D4D repeat-x;
	}	
	
#popupHeader {
	background-image:url(../images/background/header.jpg);
	border-right: solid 1px #333;
	width:550px;
	height:120px;
	vertical-align:bottom;
	text-align:left;
}

#popupHeader table {
	border-collapse:collapse;
	}

#popupLogo {
	width:260px;
	height:100px;
	border:none;
	margin-top:20px;
	margin-left:20px;
	}
	
	
/* ----------- Search Results styles ----------- */

#searchResults-layout {
	clear: left;
	margin-top: 30px;
	width: 100%;
	}
	
#searchResults-layout .links {
	float: left;
	margin-right: 10px;
	}
	
#searchResults-layout td {
	padding: 15px 30px;
	vertical-align: top;
	}
	
#searchResults-layout td.image {
	padding-right: 25px;
	width: 128px;
	border-bottom: solid 1px black;
	}
	
#searchResults-layout td.description {
	padding-left: 25px;
	padding-top: 5px;
	color: #ccc;
	border-bottom: solid 1px black;
	}
	
#searchResults-layout td.info {
	padding-left: 25px;
	padding-bottom: 5px;
	}
	
.no-border {
	border: none;
	}
	
.border {
	}
	
#searchResults-layout td.info div {
	float: left;
	border-left: solid 1px #ccc;
	padding: 0px 20px;
	width: 100px;
	}
	
#searchResults-layout td.info div.first {
	border-left: none;
	padding-left: 0px;
	width: 150px;	}
	
#searchResults-layout td.info div {
	margin-top: 5px;
	color: #ccc;
	}
	
.srOptions {
	float: right;
	margin-top: 0px;
	font-size: 11pt;
	width: 410px;
	color: #333;
	}
.srOptions a { color: #454545; }
.srOptions a:hover { background: none; color: #000; }
.srOptions .store-search {
	text-align: right;
	color: #d5d5d5;
	}
.srOptions .store-search a {
	text-decoration: none;
	font-size: 10pt;
	color: #d5d5d5;
	}
.srOptions .store-search a:hover { text-decoration: underline; color: #fff; }
#fav_text {
	text-align: right;
	}
#fav_text span {
	font-size: 10px;
	text-align: right;
	}
#sort {
	margin-top: 10px;
	}
#sort div {
	float: left;
	}
#sort .header {
	width: 120px;
	font-size: 11pt;
	font-weight: bold;
	}
#sort .link {
	width: 75px;
	border-right: solid 1px #666;
	text-align: center;
	}
#sort .link a {
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	}
	
#sort .link a:hover {
	text-decoration: underline;
	}
	
#sort .last {
	border: none;
	width: 45px;
	text-align: right;
	}
.r td:hover {
	/*cursor: pointer;*/
	}
.r-norm {
	background: none;
	}
.r-alt {
	background: #666;
	}
	
	
/* ----------- Listing Details styles ----------- */
	
#details-layout {
	width: 100%;
	padding-top: 30px;
	}
	
#details-layout td {
	color: #CCCCCC;
	vertical-align: top;	
	padding: 5px 20px;
	}
	
#details-layout h3 {
	color: white;
	}
	
#details-layout td.main {
	width: 350px;
	padding: 0px;
	}
	
#details-layout td.main div.photo {
	border: solid 1px #ccc;
	padding: 10px;
	margin-bottom: 5px;
	}
	
#details-layout td.main div.photo img {
	border: solid 1px #ccc;
	}
	
#details-layout td.main div.contact {	
	padding-top: 10px;
	}
	
#details-layout td.essentials {
	padding-top: 0px;
	}
	
#details-layout td.amenities {
	width: 225px;
	}
	
#details-layout td.amenities div {
	float: left;
	width: 100px;
	}
	
#details-layout td.tools {
	padding: 10px 15px;
	background: url('../images/background/tools.gif') repeat-x #298094;
	border: solid 1px #ccc;
	}
	
#details-layout td.tools a {
	line-height: 20px;
	color: #ebebeb;
	text-decoration: none;
	border-bottom: solid 1px #ccc;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	}
	
#details-layout td.tools a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: solid 2px #ccc;	
	}
	
#details-layout td.description {  }
	
/* --------- search form --------- */

#searchForm-layout {
	margin-top: 30px;
	}

#searchForm-layout td {
	padding-bottom: 20px;
	vertical-align: top;
	}
	
#searchForm-layout .button {
	padding: 0;
	}

#searchForm-layout .rightCol .sizes div {
	float: left;
	}

/* ------- Property Contact Form ------- */

#propertyContactForm {
	width: 300px;
	/*visibility: hidden;
	display: none;*/
	text-align: left;
	}
	
#propertyContactForm div {
	float: left;
	padding: 5px 10px 0;
	}
	
#propertyContactForm .no-padding {
	padding-left: 0px;
	}
	
#propertyContactForm input {
	width: 120px;
	}
	
#propertyContactForm textarea {
	width: 150px;
	height: 50px;
	float: left;
	}
	
#propertyContactForm .button {
	width: 100px;
	margin-left: 20px;
	}
	

/* ------- Print Page ------- */

#print-layout {
	margin-top: 30px;
	font-family: Arial, Helvetica, sans-serif;
	}

#print-layout td {
	padding: 5px 0px;
	vertical-align: top;
	text-align: left;
	}

#print-layout .info div {
	float: left;
	}
	
#print-layout .amenities div {
	width: 120px;
	}
	
#print-layout .amenities {
	width: 360px;
	margin-left: 50px;
	}
	
	
/* ------- Agents Listing page -------- */

#agentsListing-layout td {
	padding: 0px 20px;
	width: 150px;
	}
	
#agentsListing-layout .name {
	padding: 0px;
	}
	
	
/* -------- Finance guide -------- */

#finance-layout {
	margin-bottom: 40px;
	margin-top: 30px;
	}

#finance-layout input, #finance-layout select {
	margin-left: 20px;
	}

#finance-layout .right-col .mRates {
	padding: 5px;
	font-weight: bold;
	border: solid 1px #eeeeee;
	background: silver;
	color: black;
	}

#finance-layout .right-col .links {
	border: none;
	}
	
	
/* ---------- Resources Links page ---------- */

#links-layout td {
	padding: 5px 0px;
	}
	
#links-layout td .image {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	}
	
#links-layout td .image img {
	border: double 3px gray;
	}
	
#links-layout td .info {
	padding-right: 20px;
	}
	

/* ----------- Misc. ---------- */

span.contactTitle {
	font-size: 16px;
	}
	

/* ------ my account ------ */

#login-layout {
	margin-top: 30px;
	}
	
.account-fav-text {
	display: none;
	visibility: hidden;
	}
	

/* ------- Message Box styles & positions --------- */

#MSG_default, #MSG_propertyContactForm, #MSG_webID, #MSG_listForm, #MSG_alerts, #MSG_ContactForm1 {
	position: absolute;
	visibility: hidden;
	width: 200px;
	padding: 10px;
	font-size: 10px;
	font-family: verdana, helvetica, arial;
	background: #ebebeb;
	border: solid 1px silver;
	z-index: 1000;
	padding-right: 20px;
	text-align: left;
	color: black;
	}
	
img.MSG_information {
	float: left;
	padding-right: 10px;
	padding-bottom: 20px;
	}
	
	
/* ---------- Tool Tips ---------- */

.tip_header{
	padding: 8px 15px 8px 5px;
	width: 155px;
    background: #ebebeb;
	font-weight: bold;
	font-size: 11px;
	color: #333;
	border-top: 1px solid darkgray;
	border-right: 1px solid gray;
	border-bottom: 1px solid darkgray;
	border-left: 1px solid darkgray;
}  
.tip_body {
	padding: 8px 5px;
	width: 165px;
	font-size: 90%;
	color: #444;
	background: silver;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	border-left: 1px solid darkgray;
}

div.descriptionText { margin: 10px 0; }


#contact-layout {
	margin-top: 20px;
	}
	
.openhouse {
	border:solid 1px #eee; padding:5px; color:white;
	margin-bottom:4px;
}

.sub_cat_group { margin: 5px 10px; /*display: none; visibility: hidden;*/ float:none; clear:both; width:130px; }


.title a.openHouse { font-weight: normal; color: #D57106; font-size: 13px; }	
.dspOpenHouse_box_heading { background:#D26326; color:#FFFFFF; font-weight:bold; border-bottom:1px solid #444; padding:5px;}
.dspOpenHouse_box_body { padding:5px; }
.yui-tt { color: #000; border: 1px solid #444; background-color: #fff; font-size:110%; padding:0; }
.dspOpenHouse_box { padding:5px; border:1px solid black; width:110px; margin-top:5px;}
.dspOpenHouse_heading { font-weight:bold }
#sResults_layout { width: 100%; clear: left; margin: 0 auto; }


.careerBox {
	padding:5px;
	text-transform:capitalize;
	border:1px solid white;
	width:200px;
	font-size:14px;
	cursor:pointer;
}
.careerBox:hover { border:1px solid #01B8F2; }