@charset "UTF-8";

@import url("/_css/reset.css");

img, div { behavior: url(/_css/resources/iepngfix.htc) }

/* 
------------------------------------------------------------------ 
----------------------- TYPOGRPAHY -------------------------------
------------------------------------------------------------------ 

This is where you set your desired font size. The line-heights 
and vertical margins are automatically calculated from this. 
The percentage is of 16px (0.75 * 16px = 12px). 

*/


body { 
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	color: #666;
	background-color: #e6ddb5;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

.clear { background: none; }

a {	text-decoration: none; color: #CC9933; }

a:focus { outline: none;	}
			
a:hover	{ text-decoration: underline; color: #000; }
		
.highlight { color: #FF0000;	}

h1,h2,h3,h4,h5,h6 { 
	font-weight: bold; 
	padding: 0px;
	margin: 0px; }

h1 { font-size: 24px; }
h2 { font-size: 24px; color: #48759e; letter-spacing: -1px; }
h3 { font-size: 16px; padding: 5px 0px 0px 0px; color: #000000; }
h4 { font-size: 14px; margin: 0px 0px 10px 0px; }
h5 { font-size: 12px; color: #000; font-weight: bold; line-height: 14px; }
h6 { font-size: 12px; color: #48759e; text-transform: uppercase; }

h5 a { color: #000000 }
h5 a:hover { color: #1d4c76; text-decoration: none; }


/* Text elements
-------------------------------------------------------------- */
p	{ 	margin: 10px 0px 10px 0px;
		font-size: 13px;
		line-height: 16px;	}

ul, ol	{ margin:0 1.5em 1.5em 1.5em; font-size: 12px; line-height: 16px; }
	ul	{ list-style-type: square; }
	ol	{ list-style-type: decimal; }


blockquote  { margin: 1.5em; }

.alert {
	font-size: 12px;
	color: #FF0000;
	border: 1px solid #ccc;
	background-color: #e2e2e2;
	padding: 5px; }
	
.success {
	font-size: 12px;
	color: #006600;
	border: 1px solid #ccc;
	background-color: #e2e2e2;
	padding: 5px; }
	
table td {
	vertical-align: top; }
	
.block {
	display: block; }

/* 
------------------------------------------------------------------ 
----------------------- PAGE CONTENT -----------------------------
------------------------------------------------------------------ 
*/

/* STRUCTURE & MAIN */

#wrapper {
	position: relative;
	margin: 0 auto;
	margin-top: 32px;
	padding: 0px 29px 0px 29px;
	width: 975px; }
	
#logo {
	padding: 0px 29px 0px 29px;
	height: 116px;
	background-image: url(/_common/bg_logo.jpg);
	vertical-align: bottom; }

#logo img {
	padding-top: 13px; }
	
#nav {
	padding: 0px 29px 0px 29px;
	height: 37px;
	background-image: url(/_common/bg_nav.jpg); }
	
#innerNav {
	background-color: #6e99bb; }

#loginPanel {
	width: 375px;
	padding: 9px 0px 0px 78px;
	height: 28px;
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(/_common/bg_nav2.jpg); }
	
#loginPanel p {
	font-size: 11px;
	line-height: 15px;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#loginPanel input.text {
	background-color: #FFFFFF;
	width: 75px;
	border: 1px solid  #FFFFFF;
	padding: 0px;
	margin: 0px 7px 0px 0px; }

#loginPanel input.text:focus {
	background-color: #FFFFCC;
	border: 1px solid #CC9900; }
	
.loggedInButton {
	padding: 0px 0px 0px 10px;
	}

#content {
	padding: 13px 29px 13px 29px;
	background-color: #FFFFFF; }
	
#mainSearch {
	margin: 0px 0px 31px 0px; }
	
#mainSearch_Splash {
	float: left;
	width: 506px; }
	
img.splashOverlay {
	position: absolute; }

#mainSearch_Content {
	float: left;
	width: 391px;
	height: 202px;
	padding: 25px 0px 0px 20px;
	background-image: url(/_common/bg_mainSearch.jpg); }
	
#mainSearch_Content p {
	font-family: Arial, Helvetica, sans-serif;
	margin: 2px 0px 8px 0px;
	color: #FFFFFF; }

#selectObjects {
	height: 52px;
	width: 385px; }
	
#selectObjects label {
	display: block; }
	
#selectObjects select.menu {
	background-color: #FFFFFF;
	width: 114px;
	height: 16px;
	font-size: 11px;
	border: 1px solid  #FFFFFF;
	padding: 0px;
	margin: 0px 10px 0px 0px; }
	
.selectCountry { float: left; }

.selectState { float: left; }

.selectMetro { float: left; }

#left {
	width: 206px;
	float: left; }

#right {
	margin: 0px 0px 0px 241px;
	padding: 10px 20px 10px 0px; }

#modifySearch {
	height: 77px;
	margin: 0px 0px 11px 0px;
	background-image: url(/_common/bg_modifySearch.jpg);
	overflow:none;
	background-repeat: no-repeat; }
	
		
#footer {
	padding: 22px 29px 0px 29px;
	height: 40px;
	font-size: 11px;
	color: #fff;
	background-image: url(/_common/bg_bottom.jpg);
	background-repeat: no-repeat;
	background-position: top; }
	
#footer p {
	}
	
#footer a {
	color: #fff;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #b9cfdf;
	text-decoration: underline; }
	
#skyscraperAdWrapper { width: 206px;}

#skyscraperAd {
	background-color: #6e99bb;
	padding: 8px 33px 8px 13px; }
	
#listings {
	margin: 20px 0px 20px 0px;
	list-style-type: none; }
	
#listings td.listingsOne {
	width: 100px; }
	
#listings td.listingsTwo {
	width: 10px; }
	
#listings td.listingsThree {
	width: 500px; }
	
#listings td.listingsDiv {
	background-image: url(/_common/listing_divider.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 30px; }
	
#listings p {
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	}
	
.listed {
	height:130px;
	margin: 0px 0px 10px 0px;	}
	
.listed p {
	font-size: 11px;
	line-height: 14px;
	}
	
	
.listedImg {
	padding: 8px 0px 2px 0px;
	display: block; }

#right h3 a {
	color: #000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px; }
	
#details {
	margin: 20px 0px 20px 0px;
	list-style-type: none; }
	
#details td.detailsOne {
	width: 395px; }
	
#details td.detailsTwo {
	width: 30px; }
	
#details td.detailsThree {
	width: 250; }
	
.featList {
	width: 100%;
	margin: 10px 0px 10px 0px;
	font-size: 12px;
	line-height: 14px;
	}
	
.featList td {
	vertical-align: top;
	width: 190px;
	}
	
img.pointer { 
	vertical-align: bottom; }
	
td.propThumbs {
	background-color: #6e99bb;
	}
	
#leftcol { 
	position: relative;
	float: left;
	width: 275px;
	margin: 0px 0px 0px 0px;
	padding: 0px 18px 0px 7px;
	z-index: 2;
	}
	
#rightcol {
	position:relative;
	float:right;
	width: 275px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 2;
	}
	
#centercol {
	position:relative;
	margin: 0px 0px 0px 320px;
	padding: 0px 20px 0px 0px;
	}

#featProps {
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
	width: 300px; }
	
#featProps .fp1 {
	width: 20px; }
	
#featProps .fp2 { }

#featProps p {
	font-size: 12px;
	line-height: 14px;
	padding: 0px;
	margin: 5px 0px 10px 0px;
	}
	
.indexUL {
	margin-top: -5px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 13px;
	}

.indexUL li {
	margin: 0px 0px 5px 0px; }
	
.indexUL a { color: #000000; }

#headlines { }

#headlines a {
	margin: 0px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	display: block;
	background-color: #48759e;
	padding: 5px 10px 6px 10px;
	line-height: 14px; }
	
#headlines a:hover {
	background-color: #c1281c;
	text-decoration: none;}


/*
-----------------------------------------------------------------
------------------------ BUTTONS --------------------------------
----------------------------------------------------------------- */

/* my buttons */
ul.myButton {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.myButton li {
 	text-align: left;
	white-space: nowrap;
	float: right;
	margin: .25em 0 .5em 2em;
}

.createButton {
	width: 100px;
	}
.deleteButton {
	width: 100px;
	}
.submitButton {
	width: 115px;
	}
	
/*
http://www.w3schools.com/css/pr_pseudo_first-child.asp
http://www.dynamicsitesolutions.com/css/filters/first-child-plus-html/
*/

*:first-child+html .createButton {
	width: 110px;
	}
*:first-child+html .deleteButton {
	width: 110px;
	}
*:first-child+html .submitButton {
	width: 125px;
	}
*:first-child+html .testButton {
	width: 185px;
	}

ul.myButton li img {
	vertical-align: middle;
	margin: -2px 0 0 0;
}

ul.myButton li a {
	display: block;
	font-size: 90%;
	font-weight: bold;
	color:#FFF;
	text-decoration: none;
	background-color: #000;
	border: solid 1px #333;
	padding: .6em .5em .4em .5em;
}

ul.myButton li#active a {
	color:#FFF;
	background-color: #000;
}

ul.myButton li a:hover, ul.myButton li#active a:hover {
	color: #FFF;
	background-color: #cccccc;
}


ul.myButton li.MoveLeft {
 	text-align: left;
	white-space: nowrap;
	float: none;
	margin: .25em 0 .5em 0;
}

ul.myButton li.MoveUp {
	white-space: nowrap;
	margin: -24px 0 0 0;
}











.btn_go {
	position: absolute;
	margin: 24px 0px 0px 80px; }
	
.btn_seeMore {
	margin: 95px 0px 0px 23px;
	position: absolute; }

#loginForm {
	padding: 45px 0px 0px 90px;	}
	
#loginForm p {
	padding: 0px; margin: 0px; }
	
#loginForm a {
	font-size: 10px;
	color: #FFFFFF; }

#loginForm input.text {
	background-color: #fff;
	height: 12px;
	font-size: 11px;
	color: #666666;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #FFFFFF;
	width: 60px; }

#searchIndex {
	width: 550px;
	position: absolute;
	margin: 265px 0px 0px 0px;
	right: 20px;
	height: 46px;
	line-height: 0px;
	background-image: url(/_common/searchField_bg.png);
	background-repeat: no-repeat;
	background-position: right; }

#searchIndex input.text {
	position: absolute;
	background-color: #fff;
	height: 12px;
	font-size: 11px;
	color: #666666;
	margin: 16px 0px 0px 92px;
	padding: 0px 0px 0px 0px;
	border: none;
	width: 100px; }
	
#searchIndex .btn_go {
	position: absolute;
	margin: 14px 0px 0px 506px; }

/*
------------------------------------------------------------------
------------------------  FORMS ----------------------------------
------------------------------------------------------------------
*/

#myForm {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	}

#myForm td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #666666;
	vertical-align: top;
	}
	
#myForm h2 {
	font-size: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #000000;
	}

#myForm h3 {
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #333333;
	}
 
#myForm h4 {
	font-size: 12px;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 14px;
	font-weight: bold;
	color: #333333;
	}

#myForm .submit {
	background-color: #fff;
	padding: 1.5em 0;
	}

#myForm label {
	color: #666;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	display: block;
	margin: 3px 0 2px 0;
	}

#myForm label img {
	vertical-align: text-bottom;
	}

#myForm input.text {
	background-color: #ccc;
	font-size: 11px;
	margin: 0px 5px 5px 0px;
	padding: 2px 2px 2px 2px;
	border: 1px solid #999999;
	}
	
#myForm input.text:focus {
	border: 1px solid #999999;
	background-color: #bed1e4;
	}
	
#myForm select {
	background-color: #cccccc;
	font-size: 11px;
	margin: 0px 5px 5px 0px;
	padding: 1px 2px 1px 2px;
	border: 1px solid #999999;
	}
	
#myForm select:focus { 
	border: 1px solid #999999;
	background-color: #bed1e4;
	}
	
#myForm .checkbox {
	margin: 5px 0px 5px 15px;
	padding: 0px 0px 0px 0px;
	}
	
#myForm .button {
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	}
	
/* Textareas */
#myForm textarea            { margin:0.125em 0; }
#myForm textarea            { border:1px solid #999; background:#ccc; padding: .125em; }
#myForm textarea:focus      { border:1px solid #999; background:#bed1e4; }











#detailsForm {
	margin: 0px;
	padding: 15px 20px 20px 20px;
	font-size: 11px;
	background-color: #f8f8f8;
	border-bottom: 1px solid #CCCCCC;
	}
	
#detailsForm h3 { text-transform: uppercase; }

#detailsForm td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #666666;
	vertical-align: top;
	}
	
#detailsForm h2 {
	font-size: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #000000;
	}

#detailsForm h3 {
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #333333;
	}
 
#detailsForm h4 {
	font-size: 12px;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 14px;
	font-weight: bold;
	color: #333333;
	}

#detailsForm .submit {
	background-color: #fff;
	padding: 1.5em 0;
	}

#detailsForm label {
	color: #666;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	display: block;
	margin: 3px 0 2px 0;
	}

#detailsForm label img {
	vertical-align: text-bottom;
	}

#detailsForm input.text {
	background-color: #ccc;
	font-size: 11px;
	margin: 0px 5px 5px 0px;
	padding: 2px 2px 2px 2px;
	border: 1px solid #999999;
	}
	
#detailsForm input.text:focus {
	border: 1px solid #999999;
	background-color: #bed1e4;
	}
	
#detailsForm select.menu {
	background-color: #cccccc;
	font-size: 11px;
	margin: 0px 5px 5px 0px;
	padding: 1px 2px 1px 2px;
	border: 1px solid #999999;
	}
	
#detailsForm select.menu:focus { 
	border: 1px solid #999999;
	background-color: #bed1e4;
	}
	
#detailsForm .checkbox {
	margin: 5px 0px 5px 15px;
	padding: 0px 0px 0px 0px;
	}
	
#detailsForm .button {
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	}
	
/* Textareas */
#detailsForm textarea            { margin:0.125em 0; }
#detailsForm textarea            { border:1px solid #999; background:#ccc; padding: .125em; }
#detailsForm textarea:focus      { border:1px solid #999; background:#bed1e4; }









	
/* 
------------------------------------------------------------------ 
----------------------- MORE USEFUL STUFF ------------------------
------------------------------------------------------------------ 
*/

.hiddenDiv { display: none;	}

.visibleDiv { display: block; }

.hide { display: none; }

.clear-both {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden; }
	
.center {
	text-align: center; }

.nowrap {
	white-space: nowrap; }
	
.warning {
	color: #FF6600; }
	
.asterix {
	color: red;
	font-size: 10px;
	position: absolute;
	margin: 0px 0px 0px 3px; }
	
/* some default widths */
.width25 {
	width: 25px;	}
	
.width50 {
	width: 50px;	}

.width75 {
	width: 75px;	}
	
.width100 {
	width: 100px;	}

.width125 { 
	width: 125px; 	}
	
.width150 {
	width: 150px;	}
	
.width175 {
	width: 175px;	}
	
.width200 {
	width: 200px;	}
	
.width225 {
	width: 225px;	}
	
.width275 {
	width: 275px;	}
	
.width250 {
	width: 250px;	}

.width300 {
	width: 300px;	}

.width325 {
	width: 325px;	}

.width350 {
	width: 350px;	}
	
.wdith400 {
	width: 400px;	}
	
.up10	{	
	margin: -10px 0px 0px 0px;
	}

.up20	{	
	margin: -20px 0px 0px 0px;
	}

.up30	{	
	margin: -30px 0px 0px 0px;
	}

.up40	{	
	margin: -40px 0px 0px 0px;
	}