/* Oz Combined Generic Styles ----------------------------------------------------------------------------------------*/

html 						{ margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#191919; line-height: 18px;}
body 						{ background-image: url("../images/bg.gif");  margin:-5px 0px 0px 0px; padding:0;}
p							{ line-height: 18px;}

.break 					{ clear:both  }

.wrap  					{ width:760px; margin-right: auto; height: auto; background-color: #FFFFFF; border-right: 1px solid #ACC8E4;  }
.line					{ border-bottom: 1px dotted #CACACA;}
.arrow 					{ background-image: url("../images/icon_smarrow.gif"); background-position: 0 .5em; background-repeat: no-repeat; padding-left: 10px; }

/*------------ header styles ------------*/

#headerContainer 		{ width: 100%; left: 0px; top: 0px;}

#header  				{ margin:0; padding:0; width: 760px; vertical-align: top; }
.headerTop  			{ height:34px; background-color: White; border-bottom: 2px solid #D90000; padding-bottom: 3px; margin-bottom: 3px;}
.headerTop img 		{ position: absolute; left: 620px; top: 50px;}
.headerBottom  		{ border-bottom: 1px solid #FFFFFF; height:53px; background-color: #34609E; border-right: 1px solid #FFFFFF; }  

a img {border:0;}

/*------------ left nav ------------*/

#leftNavContainer		{ width: 175px; text-align: right; margin-left:0px; vertical-align: top; float: left; background-image: url(../images/nav_bg.gif); background-repeat: no-repeat; padding-left: 0px; height: auto;}
.leftNav					{ margin-left: 18px;  width: 154px; height: auto; background-color: #76A6D5; border: 1px solid #A6C4E1; text-align: left; margin-top: 17px; margin-bottom: 19px; margin-right: 0px;}
.quickSearch			{ width: 155px; height: auto; background-color: #76A6D5; border: 1px solid #A6C4E1; text-align: left; padding: 0px; margin-left:19px; vertical-align: text-top; }
.quickSearchMG 		{ padding-left: 10px; margin-top:-10px; padding-top: 10px;}
.emailAlertHome		{ width: 155px; height: 43px; background-color: #76A6D5; border-bottom: 1px solid #A6C4E1; border-left: 1px solid #A6C4E1; text-align: left;  margin-left: 18px;}
.emailAlert				{ width: 155px; height: auto; background-color: #76A6D5; border: 1px solid #A6C4E1; text-align: left;  margin-left: 18px;  margin-top:20px;}

.propLink a:link	{ color: #6E89AE; text-decoration:none; font-size:10px;}
.propLink a:visited	{ color: #6E89AE; text-decoration:none; font-size:10px;}
.propLink a:hover	{ color: #CCCCCC; text-decoration:none; font-size:10px;}

#subNav 				{ border-bottom: 0px solid #A6C4E1; border-right: 1px solid #A6C4E1; border-left: 1px solid #A6C4E1; width: 155px; text-align: left; margin-left: 18px; height: auto; padding-left: 0px; padding-top: 0px; padding-bottom:0px; line-height: 25px; color: #fff; background-color: ;}

*html #subNav 		{ width: 157px; }

#subNav li {
	list-style: none; 	
	padding-left: 15px;
	list-style-type: none;
	list-style-image: none;
	border-bottom: 1px dotted #A6C4E1;
	font-size: 10px;
	background-repeat: no-repeat;
	background-position: 1em 0.8em;
}

*html #subNav li {
	padding-left: 0px;
}

#subNav a:link {color:#fff; text-decoration:none;   }
#subNav a:visited {color:#fff; text-decoration:none; }
#subNav a:hover {color:#34609E; text-decoration:none; }

/*------------ Content Container ------------*/

#bodyTable					{ float: left; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#191919; clear: both; }
#contentContainer			{ border-left: 1px solid #FFFFFF; width:584px; background-color: #FFFFFF; height:auto; vertical-align: top; padding: 0; margin: 0; float: left; color: #6a6a6a; line-height: 110%;}
.contentPadding			{ padding: 10px; height:auto;}
.contentBlock				{ height: 18px; width:100%; background-color: #8EB4D9; border-bottom: 1px solid #FFFFFF; padding: 0; margin: 0; }
.lhs							{ float: left; margin-left: 8px; width: 340px; margin-top: 26px; color: #8AA7C5; font-size: 12px; }
.rhs							{ float: left; margin-left: 5px; width: auto; margin-top: 26px; color: #8AA7C5; font-size: 12px; border-left: 1px dotted #CACACA; height: 250px; }
.rhs span					{ float: left; width: 220px; color: #8AA7C5; font-size: 12px; height: 25px; background-color: #EFF7FF; }
.featureProp				{ height: 110px; width: 220px; margin-left: 10px 2px 3px 10px;}

/*------------ Footer  ----------------------*/

#footer					{ background-color: #A5C3E1; width:100%; height: 28px; clear: both; border-top: 1px solid #FFFFFF; padding-top: 6px; }
#footer span			{ margin-left: 180px; padding-top: 10px;}
.footerBottom			{ background-color: #D2E1F0; height: 2px; width:100%; border-top: 1px solid #FFFFFF;}


/*-- Image --*/

.navBG					{ background-image: url(../images/nav_bg.gif); }
.memberImg 				{ text-align: center; margin-top:20px; margin-bottom: 10px;}
.rhs img					{ margin-top: 4px;}
.line						{ border: 1px dotted #c5d9ee;}

/*-- Form --*/

.fieldselect 			{ font-size: 10px; color: #6185BA; background-color: #D2E2F2; border: 1px solid #A4C3E0; margin-bottom: 7px; width: 118px;}

/* --- Fonts ------ */

.home						{ margin-top: 26px; color: #8AA7C5; font-size: 11px; }
.home a:link			{ margin-top: 26px; color: #8AA7C5; font-size: 11px; text-decoration: none; }
.home a:hover			{ margin-top: 26px; color: #3F6190; font-size: 11px; text-decoration: none; }
.home a:visited		{ margin-top: 26px; color: #8AA7C5; font-size: 11px; text-decoration: none; }

.body						{ margin-top: 26px; color: #8AA7C5; font-size: 11px; text-decoration: none; }
.body a:link			{ margin-top: 26px; color: #8AA7C5; font-size: 11px; text-decoration: none; }
.body a:hover			{ margin-top: 26px; color: #3F6190; font-size: 11px; text-decoration: none; }
.body a:visited		{ margin-top: 26px; color: #8AA7C5; font-size: 11px; text-decoration: none; }
h1							{ margin-top: 10px; margin-bottom: -10px;}
h2							{ font-size: 13px; font-family: arial; font-weight: bold; color: #34609F;}
h2.arrow 				{ background-image: url("../images/icon_smarrow.gif"); background-position: 0 .5em; background-repeat: no-repeat; padding-left: 10px; margin-bottom: 5px;}

/* ---- Form Styles ------------------------------------------------------------------------------------------------------------------------------------------------------ */


.formContainer {
	margin-top:20px;
	width:565px;
	}

.formContainer fieldset {
	padding: 5px 5px 15px 5px;
	border: 1px solid #c9d9ea;
	}

.formContainer fieldset legend {
	color: #4c6992;
	font-size: 12px;
	font-weight: bold;
	}

.formContainer input, .formContainer textarea, .formContainer select {
	color:#666666;
	font-size: 11px;
	}

.formContainer input, .formContainer textarea {
	width: 200px;
	}

.formContainer input.small {
	width: 100px;
	}
	


.break {
	clear: both;
	}

.formContainer div.row {
	clear: both;
	padding-top: 5px;
	}

.formContainer div.row span.label {
	float: left;
	width: 250px;
	b//order:1px solid black;
	text-align: right;
	line-height: 115%;
	padding-top: 2px;
	font-size: 11px;
	color:#000;
	}

.formContainer div.row span.field {
	float: right;
	width: 290px;
	b//order:1px solid black;
	text-align: left;
	font-size: 11px;
	}
	

.formContainer .required {
	color: #CC0000;
	font-style: normal;
	}

.formContainer .buttonRow {
	text-align: right;
	padding: 5px;
	clear: both;
	}

.formContainer input, .formContainer textarea, .formContainer select  {
	border: 1px solid #CCCCCC;
	}

.formContainer .buttonRow input {
	width: auto;
	background-color: #6699cc;
	border: 1px solid #34609e;
	color: white;
	text-transform: lowercase;
	font-weight: bold;
	font-size: 110%;
	}

.formContainer .input2 {
	border: 1px solid #FFFFFF;
	width:20px;
	text-align: left;
	}

.highlight {
font-size:14px;
}

.stampState {float:left;width:50px;padding-right:10px;text-align:right}
.stampHeads {float:left;width:120px;font-size:9px;line-height:12px}
.stampFields {float:left;width:120px}

/* Custom Search Styles ------------------------------------------------------------------------------*/
.fld-xsm{font: 10px arial, helvetica; color:#000000; border : 1px solid #E5E5E5;  width : 20px;}
.fld-sml{font: 10px arial, helvetica; color:#000000; border : 1px solid #E5E5E5;  width : 35px;}
.fld-med{font: 10px arial, helvetica; color:#000000; border : 1px solid #E5E5E5; width : 80px;}
.fld-lge{font: 10px arial, helvetica; color:#000000; border : 1px solid #E5E5E5; }
.fld-xlg{font: 10px arial, helvetica; color:#000000; border : 1px solid #E5E5E5; width:190px;}
.fld-wild{font: 10px arial, helvetica; color:#000000; border : 1px solid #E5E5E5; }

#searchresult {
	margin: 5px 5px 5px 0px;
	padding: 5px;
	background-color: #E6EDF5;
	width: 555px;
}
#searchdetail {
	padding: 5px 0px;
	width: 374px;
}
#searchresulttext {
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px solid #C3CFDD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #727272;
	height: 115px;
}
.csricon {
	padding: 2px 6px 2px 2px;
	height: 8px;
	font-size: 14px;
	line-height: 8px;
	font-weight: bold;
	color: #092F5E;
	text-align: left;
}
#searchdetailtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #727272;
	background-color: #FFFFFF;
	padding: 10px;
	width: 376px;	
}
#searchdetailhd {
	color: #092F5E;
	background-color: #9BAEB5;
	padding: 10px;
	width: 376px;
	margin-bottom: 5px;
}
.searchdetailhd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	}
#searchdetailoverview {
	background-color: #9BAEB5;
	width: 152px;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #3D3935;
}
#searchdetailoffice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3D3935;
	background-color: #F3EFE5;
	padding: 10px;
	width: 532px;
	margin-top: 5px;
}
.csrimg {
	margin: 0px 10px 0px 0px;
	border: 1px solid #666666;
}
.csrdtlimg {
	margin: 0px 2px 2px 0px;
	border: 1px solid #666666;
}
.csrsmlimg {
	border: 1px solid #666666;
}
.csrhd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #294E82;
	font-weight: bold;
	background-image: url("../images/cs_arrow.gif"); 
	background-position: -0 .1em; 
	background-repeat: no-repeat; 
	padding-left:17px;
}
.csrshd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #34609E;
}
.csdshd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3D3935;
}
.brown {
	color: #3D3935;
	font-size: 11px;
}

.btLink a:link	{ font-size: 11px; font-family: arial; font-weight:bold; color: #333333; text-decoration:none; 	background-image: url("../images/arrow_text_blue_left.gif");  background-position: -0 .0em; background-repeat: no-repeat; padding-left:11px; }
.btLink a:visited	{ font-size: 11px; font-family: arial; font-weight:bold; color: #333333; text-decoration:none; background-image: url("../images/arrow_text_blue_left.gif");  background-position: -0 0em; background-repeat: no-repeat; padding-left:11px;  }
.btLink a:hover	{ font-size: 11px; font-family: arial; font-weight:bold; color: #666666; text-decoration:none; background-image: url("../images/arrow_text_blue_left.gif");  background-position: -0 0em; background-repeat: no-repeat; padding-left:11px;  }

.ntLink a:link	{ font-size: 11px; font-family: arial; font-weight:bold; color: #333333; text-decoration:none; 	background-image: url("../images/arrow_text_blue.gif");  background-repeat: no-repeat; padding-right:25px; background-position: 35px 2px;}
.ntLink a:visited	{ font-size: 11px; font-family: arial; font-weight:bold; color: #333333; text-decoration:none; background-image: url("../images/arrow_text_blue.gif");  background-repeat: no-repeat; padding-right:25px; background-position: 35px 2px; }
.ntLink a:hover	{ font-size: 11px; font-family: arial; font-weight:bold; color: #666666; text-decoration:none; background-image: url("../images/arrow_text_blue.gif");   background-repeat: no-repeat; padding-right:25px; background-position: 35px 2px;  }

/* ---- IS Details Page Styles ------------------------------------------------------------------------------------------------------------------------------------------------- */

/*************** custom search detail styles **************/
#detail{
	width: 570px;
	padding-left: 10px;
	margin-bottom: 12px;
	margin-top: 20px;
	height: auto;
	padding-top: 10px;
	
}

#detail #description{
	float:left;
	width: 392px;
	height: auto;
	padding: 0px;
	padding-right: 10px;
	
}
#detail #thumbnail-images{
	width: 152px;
	margin-left: 402px;
	border: 1px solid #333333;
	background-color: #22477B;

}

#detail #thumbnail-images #icons
{border-bottom: 1px solid #FFFFFF; background-color: #22477B; color: #FFFFFF; font-weight: bold; }

#detail #thumbnail-images #icons2
{border-bottom: 1px solid #FFFFFF; background-color: #22477B; height: auto;}

 
#icons2{
	background-color: #FFFFFF; font: bold 12px/18px Arial, Helvetica, sans-serif; color:#FFFFFF; height: auto; vertical-align: bottom; padding-left: -3px;
}
#icons2 a:link {
	color:#FFFFFF; font-size:11px;
}
#icons2 a:visited {
	color:#FFFFFF; font-size:11px;
}

#icons2 a:hover {
	color:#FFFFFF; font-size:11px;}

#images, #floorplans {
width:550px;
padding:10px;
background-color:#8EB4D9;
}

#images .slideshow, #floorplans .slideshow {
position: relative;
width:440px;
height:330px;
display:block;
float:left;
overflow:hidden;
}

#images .controls, #floorplans .controls {
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
  height:49px;
  display: none;
  background: #22477B url(../images/controls-bg.png);
  margin: 0;
  width: 440px;
  margin-left:auto;
  margin-right:auto;
  color:#fff;
  text-align:center;
}

#images .controls a, #floorplans .controls a {
overflow:hidden;
color:#fff;
font-size:14px;
font-weight:bold;
}

#images .controls a div, #floorplans.controls a div {
height:49px;
width:40px;
}

#images .thumbs, #floorplans .thumbs {
display:block;
float:right;
height:330px;
width:100px;
overflow:hidden;
}

#images .thumbs ul, #floorplans .thumbs ul {
list-style:none;
height:240px;
width:100px;
overflow:hidden;
}

#images .thumbs ul li , #floorplans .thumbs ul li {
height:75px;
margin-bottom:5px;
overflow:hidden;
text-align:center;
}

#images .slides div, #floorplans .slides div {
display:block;
float:left;
width:440px;
text-align:center;
}

#images a.prev-thumb, #images a.next-thumb, #floorplans a.prev-thumb, #floorplans a.next-thumb {
width:100px;
margin-bottom:5px;
display:block;
float:right;
background-color:#22477B;
color: #fff;
font-weight:bold;
text-align:center;
border:0;
}

#detail #thumbnail-images .image{
	border-bottom: 1px solid #FFFFFF;
}

.head 								{ font-family: arial; font-size:14px; font-weight:bold;  color: #002651;}
.head2 								{ font-family: arial; font-size:14px; font-weight:bold;  color: #5D8418;}
.head3 								{ font-family: arial; font-size:14px; font-weight:bold;  color: #86B300;}

.coloured 							{color: #BA8511;}

  /* FORM styles */
input {
	border: solid 1px #CCCCCC; font-size:11px
}
.med {
	width: 175px;
}
textarea {
	border: solid 1px #CCCCCC; font-size:11px
}
select {
	border: solid 1px #CCCCCC; font-size:11px
}
.formtext {
	background-color:#CACEBD; padding:4px; border-right:solid 1px #B4B7A3; border-left:solid 1px #B4B7A3; border-bottom:solid 1px #B4B7A3;font-size:11px}
.formfield {
	background-color:#E1E4D6; padding:4px; border-right:solid 1px #B4B7A3; border-bottom:solid 1px #B4B7A3; font-size:11px}
.formhd {
	background-color:#E0E5E9; padding:2px; font-weight: bold; font-size:11px}
.button {
	background-color:#002651; padding:2px; border:solid 1px #002651; font-weight: bold; font-size:11px; color:#FFFFFF;
}

#next 	{ font-family: arial; font-size: 11px; width: 220px; float:right; text-align:right; color: #A4ABB5; margin-right:8 px; margin-left:10 px; margin-top:10px;  }

#numbers 							{ font-family: arial; font-size: 11px; width: 200px; color: #666666; margin-bottom: 1em; z-index:100; text-decoration: none; margin-left: 11px; margin-top:10px; }
#numbers a:link					{ color: #A4ABB5; text-decoration: none;}
#numbers a:visited				{ color: #A4ABB5; text-decoration: none;}
#numbers a:hover					{ color: #A4ABB5; text-decoration: none;}

form { 
	
	padding-top: 2px;
	margin-top:2px;
	
}

#employees img.agent {margin-right:10px; margin-bottom:4px;border:1px;width:115px;height:120px;}

/* TABS */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .property-media .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.outer {
background-color:#D4DED7;
}

.ui-tabs-nav, .ui-tabs-panel {
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    width:400px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li.first {
margin-left:15px;
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 5px;
    font-weight: bold;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0px 16px 0px 16px;
    font-size:14px;
    /*background: url(../images/tabs.png) no-repeat;*/
}
.ui-tabs-nav a {
    padding: 0 12px 2px 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
    background-color:#34609E;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 0px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% -36px;
    background-color:#8EB4D9;
    color:#fff;
}
.ui-tabs-nav a span {
    padding-top: 4px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
#main .ui-tabs-panel {
    background:#FEFEFE url(../images/search-form.png) top left repeat-x;
    padding: 10px;
    margin-bottom:20px;
    border:1px solid #BCD4C3;
}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */