@import url("/css/search.css");
@import url("/css/agents-offices.css");
@import url("/css/my-preferred.css");
@import url("/css/developments.css");


* { margin: 0px; padding: 0px; }

/* commented backslash hack \*/ 
html, body { height: 100%; } 
/* end hack */
html,body { margin: 0; padding: 0; }

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #000;
	text-align: center;

	}

	
body.popups {
	background-color: white;
	text-align: left;
	}
	
body.popups #popup-container {
	margin: 5px;
	padding: 5px;
	}	
	
body.popups h1 {
	text-align: center;
	}	
	
img { border: 0; }
img.border { border: 1px solid #9fa1a4; }
hr { margin: 15px 0px 15px 0px; 
align:  left;
border: none 0;
border-top: 1px solid #870108;/*the border*/
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }	
	
a, a:link, a:visited { color: #fff; text-decoration: none; }
a:hover {  text-decoration: underline; }

a.arrow { 
	font-weight: bold; 
	background: url(/images/li_arrow3.gif) no-repeat 2px 5px;
	padding-left: 10px; 
	}	
	
	a.on { 
	font-weight: none; 
	background: url(/images/li_square.gif) no-repeat 2px 9px;
	padding-left: 10px; 
	}		
		
	
a.square { 
	font-weight: bold; 
	background: url(/images/li_square.gif) no-repeat 2px 5px;
	padding-left: 10px; 
	}		
	
a.breadcrumbs {
font-family: Arial, tahoma, Helvetica, sans-serif;
font-size: 10px;
}

#breadcrumbs {
font-family: Arial, tahoma, Helvetica, sans-serif;
font-size: 10px;
}

.stat-instructions {font-size: 11px; font-style: italic;}


/* ------------------------------ 
Elements
------------------------------ */

#background {
	}
	 /* gradient bkg sits on top of solid bkg */

* html #background {  }

#container
{
margin: 0 auto;
width: 927px;
text-align: left;
background: white;
}

* html #container { height: 100%; }

#main {
	/* border: 1px solid #000000; */
	}



#header-wrapper {}

#header {}



#header-container {
	background-color: #000;
	padding-top: 31px;
	}	


#content-wrapper {
	background: url(/images/left_col_bkd4.gif) repeat-y;
	width: 927px;
	}
	
#content { 
	width: 669px;
	float: left; 
	}
	
#content a {
	color: #870108;
	text-decoration: underline;
	}	
	
#content a:hover {
	text-decoration: none;
	}

#line {
	/* border: 1px solid #000000; */
	background: url(/images/left_col_bkd2.gif);
	}	
	
#popup-header {
	background: url(/images/contactheader.jpg) no-repeat;
	height: 47px;
	background-color: #231F20;
}	

#popup-footer {
	text-align: center;
	margin-top: 5px;
}	

/* ------------------------------ 
Nav
------------------------------ */	
#left-nav-bar {
	width: 151px; 
	float: left; }
	
#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
	
		list-style: none;
		float : left;
		width : 151px;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 151px;
		height: 21px;
		

	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 151px;
		margin-top : -2.35em;
		border : 1px solid #d6d7d9;
		
		z-index:100;
		
 
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	
	
	#nav li a {
		display : block;
		color : #5a5758;
		text-decoration : none;
		background-color : #FAFAF8;
		border-bottom : 1px solid #d6d7d9;
		padding : 4px 9px;
		z-index:0;
		/* we have to define a width for IE6 accounting for the offsets (padding: 9 + 9 + 133 = 151 total w) so the entire li area is linkable and not just the text - IE7/FF automatically do this - nk 12.6.07 */
		width: 133px;
		
	}
	
	
	#nav li a:hover,  #nav li a.arrow:hover {
		color: #fff !important;
		background-color : #5a5758;
		position: static;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}

	
	#nav li a.arrow { 
	background : url(/images/li_square.gif) no-repeat 2px 5px;
	}
	
	
.nav-blank {
	color: #0270b4;
	padding: 5px;
	text-align: right;
	font: 14px Verdana, tahoma, Arial, Helvetica, sans-serif;
	}		
			
#left-col {
	width: 258px; 
	float: left;
	color: #fff;
	 }

	
/* ------------------------------ 
Sub-Nav
------------------------------ */	
	
#sub-nav, #sub-nav ul {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom: 20px;
	width:258px;
	}
	
	#sub-nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		padding: 0 10px 0 15px;
		width:248px;
		/*height: 21px;*/
	}
	
	#sub-nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 151px;
		margin-top : -2.35em;
		border : 1px solid #d6d7d9;
		z-index:100;
	}
	
	#sub-nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	

#sub-nav li a, #sub-nav li a:visited {
	color: #fff !important;
	display:block;
	padding:4px 9px;
	text-decoration:none;
	width:230px;
	z-index:0;
	}

	#sub-nav li a:hover,  #sub-nav li a.on:hover {
		text-decoration: underline;
	}
	
	#sub-nav li a.on { 
		background:transparent url(/images/li_square1.gif) no-repeat scroll 2px 9px;
	    color: #fff !important;
	    font-weight: normal;
		text-decoration: underline;
	}	
	
	#sub-nav li a:hover,  #sub-nav li a.on:hover {
		background:transparent url(/images/li_square1.gif) no-repeat scroll 2px 9px;
		color: #fff !important;
		position: static;
	}
	
	#sub-nav li a:hover,  #sub-nav li a.arrow:hover {
		background:transparent url(/images/li_square1.gif) no-repeat scroll 2px 9px;
		color: #fff !important;
		position: static;
	}
	
	#sub-nav li:hover ul ul, #sub-nav li:hover ul ul ul, #sub-nav li.sfhover ul ul, #sub-nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#sub-nav li:hover ul, #sub-nav li li:hover ul, #sub-nav li li li:hover ul, #sub-nav li.sfhover ul, #sub-nav li li.sfhover ul, #sub-nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}

	
#sub-nav li a.arrow {
	background:transparent url(/images/li_square1.gif) no-repeat scroll 2px 9px;
	font-weight:normal;
	}


/* ------------------------------ 
Text
------------------------------ */

p { padding: 8px 0; line-height: 20px; }

h1 {
	color:#870108;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:23px;
	line-height: 23px;
	margin-bottom: 10px;  }
	
h1.home {
	display: none;  }	
		
h2 {
	font: 19px Georgia,"Times New Roman",Times,serif;
	color: #870108;
	font-weight: bold;
}

h3 {
	font: 15px Georgia,"Times New Roman",Times,serif;
	color: #353334;
	font-weight: bold;
	margin-bottom: 3px;
	line-height: 1em;
}

h4 {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #353334;
	font-weight: bold;
	margin-bottom: 3px;
	line-height: 1em;
}

h5 {
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #353334;
	font-weight: bold;
	margin-bottom: 3px;
	line-height: 1em;
}

h6 {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #fff !important;
	font-weight: bold;
	margin: 2px;
	line-height: 13px;
}

.callout h6 {
color: #353334 !important;
font-family: Georgia,"Times New Roman",Times,serif;
}

h7 {
	font: 14px Arial, Verdana, Helvetica, sans-serif;
	color: #353334;
	font-weight: bold;
	margin: 4px;
	line-height: 1.5em;
}

h8 {
	font: 14px Arial, Verdana, Helvetica, sans-serif;
	color: #353334;
	font-weight: bold;
	border-bottom: 3px solid;
	line-height: 1.5em;
}

.small {
	font-size:10px;
}

.disclaimer {
	font-size:9px;
	
	font-style: italic;
}

.er, .error {
	color: #ac1818;
	font-weight: bold;
}

.error_white {
	color: #FFFFFF;
	font-weight: bold;
}

.error ul {
padding-left: 15px;
}

.subhead { 
	font-size: 13px;
	font-weight: bold;
	}		
	
.right-align {
margin:0px;

}

fieldset {
	padding: 2px 2px;
	border: 0px solid #333;
	
}

legend {
	font: 15px Georgia,"Times New Roman",Times,serif;
	color: #353334;
	font-weight: bold;
	margin: 0 0 3px 0;
	_margin: 0 0 3px -10px;
	padding: 0;
	line-height: 1em;
}
	
/* ------------------------------ 
Tables
------------------------------ */

table { border: 0px #d6d4d4 solid; 
	font: 12px Arial, tahoma, Helvetica, sans-serif;
	/* width: auto;*/
	padding: 4px;
	margin: 2px;
}

th {
	font: 10px "Verdana", Verdana, Helvetica, sans-serif;
	color: #333333;
	background: #e8e7d8;
	border-left: 1px solid #cfcfc9;
	border-right: 1px solid #cfcfc9;
	border-bottom: 2px solid #cfcfc9;
	border-top: 1px solid #cfcfc9;
	letter-spacing: 0px;
	text-transform: uppercase;
	text-align: left;
	padding: 5px;
	}

td {
	/*background: #ffffff;*/
	padding: 2px 2px 10px 2px;
	color: #333333;
}

	
 .pru-results {
	/*background: #ffffff;*/
	padding: 2px;
	color: #333333;
	border-bottom: 1px solid #dfded0;
	border-left: 1px solid #dfded0;
	border-right: 1px solid #dfded0;
}




.directory-table {
	font-size:9px;
	font: Verdana, Arial, Helvetica, sans-serif;
	border: 0px solid #ececec;
	background-color:#ececec;	
	padding: 0px;
	}
	
.directory-td {
	background: #e8e7d8;
	border-bottom: 2px solid #cfcfc9;
	padding: 2px;
}	 

.profile-table {
	font-size:10px;
	border: 1px solid #ccdde8;
	background-color:#ccdde8;	
}	 

.profile-table-head {
	background-color:#0270b4;	
	font-weight:bold;
	font-size:11px;
	color: #ffffff;
	padding: 5px;
}	

.profile-table-cells {
	background-color:#ffffff;	
	padding: 5px;
}	

.total-value {
	
	padding: 5px;
	font-weight:bold;
	font-size:11px;
}	

.total-label {
	background-color:#ffffff;	
	padding: 5px;
	font-weight:bold;
	font-size:11px;
	
}	

.help-desk-ticket {
		padding: 6px;
		margin: 5px 0px;
		list-style: none;
		border: 1px solid;
		border-color: #d6d7d9;
		background-color: #fbfbf9;
	    overflow: auto;
}


.quick-links li {
float: left;
background : url(/images/li_square.gif) no-repeat 2px 5px;
padding-left: 10px; 
list-style: none;
list-style-type: none;
margin: 0px 2em;
width: 200px;
clear: both;
font: 11px; 
}

.open-house li {
list-style: inside;
list-style-type: square;
}

img.band-notes-header {
	margin: -25px 0px 0px -20px;
}

/* ------------------------------ 
forms
------------------------------ */
input {
	font: 11px verdana, sans-serif;
	color: #484848;
	padding: 1px; }
	
select {
	font: 11px verdana, sans-serif;
	color: #484848;
	padding: 0; }
	
.log { 
	width: 140px;
	margin: 3px 0 0 0; }
	
.checkbox { 
	width: 14px;
	height: 13px;
	margin: 0; }

.checkboxSuburb { 
	width: 14px;
	height: 13px;
	margin: 0; }
	
.radio {
	width: 14px;
	height: 13px;
	margin: 0 3px 0 0; }
	
.zeroed { margin: 0; padding: 0; }
	 
/* ------------------------------ 
Footer
------------------------------ */

#footer { 
	padding-top: 15px;
	font-size: 9px; 
	color: #aaaaaa; 
	background-color: #000;
	 }
	
#footer a {  }
#footer a:hover { color: #333333; text-decoration: none; }

#footer-text {
	text-align: center; 
	border-top: 1px dotted #fff;
	line-height: 20px;
	margin-top: 10px;
	padding-top: 10px;
}

/* ------------------------------ 
Site Specific
------------------------------ */

#headertop { 
	width: 927px;
	height: 40px;
	}

#mypreferred { 
	height: 20px;
	line-height: 18px;
	text-align: right;
	text-transform:uppercase;
	padding-top: 10px;
	color: #ffffff;
	 }	 
	 
#mypreferred a.register { 
	font-size:11px;
	text-transform:uppercase;
	 }	 	 
	 
#hotline { 
	font-size:11px;
	text-transform:uppercase;
	 }	 	 
	 
img.standalonesq { 
	padding: 2px 2px;
	}	 	 	 
	 
#topcapgradient { 
	background : url(/images/topcap_gradient.gif) repeat-x 0px 4px;
	height: 12px;
	 }	 	
	 
.community-links {
	float: left;
	padding: 0;
	margin: 0;
}

.community-links-edit {
	float: right;
	padding: 0;
	margin: 0;
}

#customLinks {
	margin: 0;
	padding: 0 0 10px 0;
	display: block;
	list-style-type: none;
	
}

#customLinks li.sortable { background-color: #FBFBF9; width: 550px; padding: 3px; border: 1px solid #D6D7D9; margin-bottom: 5px; margin-left: 0; }
	 
/* ------------------------------ 
home
------------------------------ */

#homefeatures { 
	margin-top: 4px;
	 }

.finehomes { 
	margin-left: 2px;
	 }	 

#homecalloutsmasthead { 
	background : url(/images/callouts_header.png);
	height: 19px;
	margin-top: 15px;
	margin-left: 4px;
		}		 
	 
#homecalloutscontainer { 
	background : url(/images/home_callout_gradient.jpg);
	height: 143px;	
	margin-left: 4px;
		}	
		
#homecallouts #top50hdr { 
	background : url(/images/callout_hdr_top50.png);
	height: 16px;
	}				 

#homecallouts #newshdr { 
	background : url(/images/callout_hdr_news.png);
	height: 16px;
	}		 
	 
#homecallouts #markethdr { 
	background : url(/images/callout_hdr_market.png);
	height: 16px;
	}		 
	 
#homecallouts { 
	width: 244px;
	height: 143px;
	float: right;
	border-left: 2px solid #ffffff; 
	}	
#homecallouts-news { 
	width: 243px;
	height: 143px;
	float: right;
	
	}	
	
#homecallouts #padding1 { 
	padding: 10px 10px;
	}		
	
#homecallouts #padding2 { 
	padding: 10px 10px;
	}		
	
#homecallouts #padding3 { 
	padding: 10px 10px;
	}		
	

#homecallouts .headline { 
	font-weight: bold;
	font-size: 11px;
	}	
	
#homecallouts a.nextstory { 
	font-weight: bold;
	text-align: right;
	display: block; 
	}	
	
#homecallouts img { 
	float: left;
	margin: 0px 10px 0px 0px;
	}				
	
#homepadding { 
	/* 709 px to work with */
	margin: 25px 15px 25px 15px;
	 }	
		
#homesearcharea { 
	float: right;
	width: 219px;
	 }		
	 
#homesearcharea select { 
	margin: 4px 0px;
	 }		
	 
#homesearcharea #searchinput { 
	text-align: right;
	margin: 5px 28px 5px 0px;
	line-height: 18px;
	 }	
	
#homesearcharea #searchinput a { 
	font-weight: bold;
	 }		 
	 
#homewelcomecontent { 
	float: left;
	width: 440px;
	margin: 0px 50px 0px 0px;
	font-size: 11px;
	line-height: 18px;
	 }			 	
	 
#innerpadding { 
	/* 605 px to work with */
	margin: 25px 114px 20px 20px;
	line-height: 18px;
	 }		

#innerpadding-tabberuse { 
	/* 605 px to work with */
	/* we give the profile its own padding because the uls for the tabber are conflicting with the default padding and indenting */
	margin: 25px 114px 20px 20px;
	line-height: 18px;
	 }		 

#innerpadding-widepage { 
	/* 691 px to work with */
	margin: 25px 0px 0px 20px;
	line-height: 18px;
	 }			
	
#innerpadding-widepage-intrahome { 
	/* 691 px to work with */
	margin: 0px 28px 25px 20px;
	line-height: 18px;
	 }				  
	 
#innerpadding-search { 
	/* 711 px to work with */
	margin: 25px 8px 25px 20px;
	line-height: 18px;
	 }		 
	 
#innerpadding ul {
 	padding: 5px 5px;
	margin: 0px 15px;
}	 

#innerpadding-widepage ul {
 	padding: 0;
	margin: 0;
}	 
	  
#innerpadding li, #innerpadding-widepage li {
	color:#000000;
	line-height:20px;
	margin: 0 30px 0 20px;
	}



#homecareers {
	padding: 15px 0px; 
	text-align: center; 
	clear: left;}	

	
.callout {
width:525px;
font-size:11px;
}



/* property profile links/options */

a.virttour, a.mapproperty, a.saveto, a.emailthis, a.appointment, a.makeoffer, a.viewphoto {
	font-weight: bold; 
	padding-left: 15px;
	line-height: 18px;
	margin-left: 5px;}
	
a.virttour { background : url(/images/li_virtual_tour.png) no-repeat top left;	}
a.mapproperty { background : url(/images/li_map.png) no-repeat top left;	}	
a.saveto {background : url(/images/li_saved_properties.png) no-repeat top left;	}
a.emailthis { 	background : url(/images/li_email.png) no-repeat top left;	}			 
a.appointment { background : url(/images/li_appointment.png) no-repeat top left;	}			 
a.makeoffer { background : url(/images/li_make_an_offer.png) no-repeat top left;	}		
a.viewphoto { background : url(/images/li_photo.png) no-repeat top left;	}	

/* Login form */
#login-form {
    padding: 2px;
	margin: 23px 0 0 20px;
	padding: 1px 5px 0px 5px;
	}

/* NEWS stuff */

#news-subnav {
	border-bottom: 1px solid #d6d7d9;
	margin-bottom: 5px;
	padding: 20px 10px 0px 15px;
	} 
	 	 
 #top-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

 #top-menu li
{
float: left;
margin: 0 0.15em;
}

 #top-menu li a
{
background-color: #ffffff;
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;

}

/*================== TABS ==================*/
table#tabs { 
	color: #375a91; }
	
table#tabs td { 
	font-weight: bold;
	font-size: 12px;
	display: block; }
	
table#tabs td.tab_on { 
	background-color: #375a91;
	color: #FFFFFF;
	text-align: center;
	display: block;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000; }
	
table#tabs td.tab_off { 
	background-color: #707070;
	text-align: center;
	display: block;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000; }
	
table#tabs td.nav_bottom { 
	background-color: #000000;
	padding: 3px; }
	
table#tabs td a { 
	text-decoration: none; 
	color: #ffffff; 
	line-height: 16px;
	display: block; }
	
table#tabs td.tab_off a { 
	text-decoration: none; 
	color: #ffffff; 
	line-height: 16px;
	display: block; }

table#tabs td.tab_off a:hover { 
	text-decoration: none; }

table#tabs td a:hover { 
	text-decoration: none; }
	
	/* ------------------------------ 
Nav-Sub
------------------------------ */	
	
	

#nav-sub, #nav-sub ul { /* all lists */
		padding: 6px;
		margin: 5px 0px;
		list-style: none;
		border: 1px solid;
		border-color: #d6d7d9;
		background-color: #fbfbf9;
		/*float: left;*/
	    overflow: auto;
	    width: 550px
}

 #nav-sub li
{
float: left;
margin: 0px 0.15em;
}

	/* declarations to style the current state */


   #property #property a {
   font-style: italic;}
   #open houses #nav-openhouses a {
   font-style: italic;}
   #rooms #nav-rooms a {
   font-style: italic;}
   #photos #nav-photos {
   font-style: italic;}
   #ad copy #nav-adcopy a {
   font-style: italic; }
   #banners #nav-adbanners a {
   font-style: italic; }
   #virtual tour #nav-virtual-tour a {
   font-style: italic; }
   #co-listers #nav-colisters {
   font-style: italic; }
   #serach for property #nav-searchforproperty a {
   font-style: italic;}
   }
   
   	/* ------------------------------ 
Login Form
------------------------------ */	
#login-form {
padding: 5px;
margin: 1px;
}