body {
font-family: verdana, arial, helvetica, sans-serif;
color: #000066;
}
a {
color: #003399;
}
a.officeLink { color: #003399; font-size: 90%; color: #CC3333; display:inline; }
.disclaimer {font-size: 70%; }
.small {font-size: 85%; }



/* -----------------------  All Header Styles  ----------------------- */
h1 { font-size: 165%; color: #CC3333; padding: 10px 0px 0px 0px; margin: 0; text-align: left; }
.subhead { font-size: 145%; color: #333366; padding: 0px 0px 10px 0px; margin: 0; font-weight: normal; text-align: left; }
h2 { font-size: 135%; color: #333399; padding: 10px 0px 4px 0px; margin: 0; text-align: left; }
h3 { font-size: 120%; }
h4 { font-size: 110%; }
h5 { font-size: 90%; color: #CC3333; }
h6 { font-size: 75%; }


/* -----------------------  Main Body Styles  ----------------------- */

div.maintext {
clear: both;
text-align: left;
}

div.maintext a {
color: #333399;
font-weight: bold;
}

div.maintext a:visited {
color: #000066;
}

div.maintext a:hover {
color: #CC3333;
}


/* -----------------------  Main Body Image Styles  ----------------------- */

div.image-top {
clear:both;
margin: 0px 0px 10px 0px;
padding: 5px;
/*background-color: #CCCCCC;*/
}

div.image-left {
float:left;
margin: 0px 10px 10px 0px;
padding: 5px;
/*background-color: #CCCCCC;*/
}

div.image-right {
float:right;
margin: 0px 0px 10px 10px;
padding: 5px;
/*background-color: #CCCCCC;*/
}

span.imageCaption {
	font-size: 90%;
	font-style : italic;
	position: relative;
	color: #003399;
}

span.module-head {
padding: 10px 0 0 0;
font-size: 80%;
color: #0033cc;
letter-spacing: 12px;
font-weight: bold;
clear:both;
width:100%;
}

/* -----------------------  All Left Navigation Styles  ----------------------- */

	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 186px;
		background-color: #CC3333;
		border-bottom: 1px dotted white;
		border-top: 1px dotted white;
		font-size: 90%;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		width: 186px;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 186px;
		margin-top : -1.85em;
		border-left: 2px white solid;
		z-index: 20000;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 182px;
		display : block;
		color : white;
		background-color: #CC3333;
		font-weight : bold;
		text-decoration : none;
		padding : 2px 2px;
		border-bottom: 1px dotted white;
		border-top: 1px dotted white;
	}
	
	#nav li a:hover {
		color: #FFF56D;
		background-color: #333366;
		border-top: 1px solid #FFF56D;
		border-bottom: 1px solid #FFF56D;
	}
	
	#nav a.daddy {
	background: url('http://www.remaxcondosplus.com/images2/rightarrow.gif') center right no-repeat;
	width: 176px;
	padding-right: 10px;
	margin-right: 2px;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul, #nav li:hover ul ul ul ul ul ul, #nav li:hover ul ul ul ul ul ul ul, 
	
	#nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul, #nav li.sfhover ul ul ul ul ul, #nav li.sfhover ul ul ul ul ul ul, #nav li.sfhover ul ul ul ul ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li li li li:hover ul, #nav li li li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul, #nav li li li li li.sfhover ul, #nav li li li li li li.sfhover ul, #nav li li li li li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
	
	#nav li:hover, #nav li.sfhover {
	background: #333366;
}

/* -----------------------  All Bar (Header, etc) Styles  ----------------------- */

div#topbar {
	clear:both;
	padding: 4px;
	margin: auto 0;
	text-align: center;
	background-color: #CC3333;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #FFFFFF;
}
div#topbar a {
color: #F2EB53;
text-decoration: none;
}
div#topbar a:hover {
color: #FFFF99;
}
div#topbar2 {
	clear:both;
	padding: 0;
	margin: 0;
	text-align: right;
	background-color: #FFFFFF;
	height: 5px;
}
div#navbar1 {
	clear:both;
	padding: 0;
	margin: 0;
	text-align: right;
	background-color: #333366;
	height: 5px;
}
div#navbar2 {
	clear:both;
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #FFFFFF;
	height: 30px;
}
div#navbar3 {
	clear:both;
	padding: 0;
	margin: 0;
	text-align: right;
	background-color: #333366;
	height: 5px;
}

/* -----------------------  All Right Styles  ----------------------- */

div#right {
		width:186px;
		padding: 10px;
    }
	
/* -----------------------  All Footer Styles  ----------------------- */

div#footer {
		clear:both;
		width:100%;
		text-align: center;
		color: #FFFFFF;
		font-size: 75%;
		font-weight: bold;
		background-color: #333366;
		padding-top: 5px;
		padding-bottom: 5px;
		z-index: 2;
    }
	div#footer a {
	color: #F2EB53;
	font-family: arial, helvetica;
	text-decoration: none;
	}
	div#footer a:hover {
	color: #FFFF99;
	}
	

/* -----------------------  All Backoffice Styles  ----------------------- */

tr.even, td.even, div.even {
	background-color: White;
} 
tr.odd, td.odd, div.odd {
	background-color: #FFF56D;
} 

/* -----------------------  All Backoffice Navigation Styles  ----------------------- */

ol.tiers {
color: #FFFFFF;
font-size: 75%;
}

ul.tiers {
	width: 100%;
	color: #FFFFFF;
	/*border-bottom: 2px white solid;
	border-top: 2px solid #F1CE66;*/
	padding: 0;
	margin: 0;
	/*background-color: #F1CE66;*/
	border-top: 2px white solid;
}

ul.tiers li.nav {
	color: #FFFFFF;
	border-bottom: 2px white dotted;
	padding:0px;
	font-weight: normal;
}

ul.tiers li.nav-active {
	color: #FFFFFF;
	font-weight: bold;
	padding:0px;
	border-bottom: 2px white dotted;
}

ul.tiers li.cat {
	color: #ffffFF;
	border-bottom: 2px white solid;
	font-weight: bold;
	padding-top:5px;
	padding-right:0px;
}

ul.tiers li.nav a,
ul.tiers li.cat a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 4px;
	font-size: 90%;
}

ul.tiers li.nav-active a.active,
ul.tiers li.cat-active a.active {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 4px;
}

ul.tiers li.nav a:hover,
ul.tiers li.cat a:hover {
	color: #FFF56D;
	background-color: #333366;
}

span.half {
float: left;
width: 45%;
}



/* -----------------------  All Header Navigation Styles  ----------------------- */
    div#header {
		clear:left;
		float:left;
		width:100%;
		overflow:hidden;
		text-align: center;
		color: #99ccff;
		position: relative;
    }
	div#header p,
	div#header h1,
	div#header h2 {
		clear:left;
		float:left;
		width:96%;
		margin:0;
		padding:.4em 2% .1em 2%;
	}
	div#header a.inactive {
	color: #003399;
	font-weight: bold;
	font-size: 75%;
	font-family: tahoma, arial, helvetica;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	height: 30px;
	position: relative;
	}
	div#header a.active {
	font-weight: bold;
	font-size: 75%;
	font-family: tahoma, arial, helvetica;
	text-decoration: none;
	background: #F5D37E;
	color: #003399;
	padding: 5px 10px 5px 10px;
	height: 30px;
	position: relative;
	border-top: #DBB55D 2px solid;
	}
	div#header a:hover {
	color: #6699CC;
	}
	div#header a.active:hover {
	color: #003399;
	}
	div#header ul {
	margin: 8px 0 0 0;
	padding: 0;
	position: relative;
	width: 100%;
	height: 30px;
	}
	div#header li {
	 display: inline;
	 position: relative;
	}
	
	
/* -----------------------  All Form Formatting Styles  ----------------------- */	
	
	div.row {
  clear: both;
  padding-top: 10px;
  width: 95%;
  text-align: center;
  }
  
  div.row span.leftHalf {
  float: left;
  width: 45%;
  text-align: right;
  }
  div.row span.rightHalf {
  float: right;
  width: 45%;
  text-align: left;
  } 

div.row span.label {
  float: left;
  width: 30%;
  text-align: right;
  
  }
  div.row span.label-required {
  float: left;
  width: 25%;
  text-align: right;
  color: #FF0000;
  }
  
div.row span.left {
  float: left;
  width: 45%;
  text-align: center;
  }

div.row span.formw {
  float: right;
  width: 65%;
  text-align: left;
  } 
  div.row span.form80 {
  float: right;
  width: 80%;
  text-align: left;
  } 
  div.row span.form45 {
  float: left;
  width: 45%;
  text-align: left;
  } 
  div.row span.form15 {
  float: left;
  width: 15%;
  text-align: left;
  } 
  div.row span.form20 {
  float: left;
  width: 20%;
  text-align: left;
  } 
div.row span.right {
  float: right;
  width: 45%;
  text-align: center;
  }
  
  div.categories {
  clear: both;
  padding-top: 2px;
  width: 100%;
  text-align: center;
  } 
  div.categories span.half {
  float: left;
  width: 45%;
  text-align: left;
  padding: 0;
  margin: 0;
  }
  
   div.categories div.half {
  float: left;
  width: 45%;
  text-align: left;
  padding: 0;
  margin: 0;
  }
  
div.form { 
width: 90%; 
/*background-color: #cc9; 
border: 1px dotted #333; */ 
padding: 5px; 
margin: 0px auto;
}
div.form table { table-layout: fixed; }
input, textarea, select { width: 100%; }
input.submit { width: 50%; background-color: #333366; color: #FFFFFF; font-weight: bold; }
input.multi_submit { width: 90%; background-color: #333366; color: #FFFFFF; font-weight: bold; }
input.full_submit { width: 100%; background-color: #333366; color: #FFFFFF; font-weight: bold; }
input.checkbox, input.radio { width:20px; height: 20px; }
input.arrow { width: 10px; height: 10px; }
div.majorcondos { overflow: scroll; width:100%; height:500px; }


/* -----------------------  All Major Condos Formatting Styles  ----------------------- */	

ul.gallery li {
        display: inline;
        list-style: none;
        width: 70px;
        height: 70px;
        float: left;
        margin: 2px;
        text-align: center;
		border: 1px black solid;
	}
	
ul.print-gallery li {
        display: inline;
        list-style: none;
        width: 125px;
        float: left;
        margin-bottom: 4px;
        text-align: center;
		border: 1px black solid;
	}
	
a.condoLink {
background-color: #333366;
color: #FFFFFF;
font-size: 85%;
display: block;
font-weight: bold;
text-decoration: none;
padding: 5px;
margin: 3px 0;
width: 160px;
}

a.condoArea, span.condoArea {
font-size: 75%;
letter-spacing: 9px;
color: #FFFFFF;
text-decoration: none;
}

a.condoArea2, span.condoArea2 {
font-size: 75%;
letter-spacing: 9px;
color: #333366;
text-decoration: none;
}

    div.survey dl { 
        margin: 0; 
        padding: 0;                     
    }
    div.survey dt { 
        position: relative; /* IE is dumb */
        clear: both;
        display: block; 
        text-align: left;
		width: 160px; 
		padding: 5px 0 2px 0;
		margin: 0;
    }
    div.survey dd { 
        position: relative; /* IE is dumb */
        display: block;                 
        float: left;     
        width: 160px; 
        height: 20px; 
        margin: 0; 
        background-color: #FFFFFF; 
		background: url("http://www.remaxcondosplus.com/images/g_colorbar.jpg"); 
     }
     * html dd { float: none; } 
    /* IE is dumb; Quick IE hack, apply favorite filter methods for 
    wider browser compatibility */

     div.survey dd div { 
        position: relative; 
        background-color: #333366;
		background: url("http://www.remaxcondosplus.com/images/g_colorbar2.jpg"); 
		float: left;  
        height: 20px; 
        text-align:right; 
     }
     div.survey dd div strong { 
        position: absolute; 
        right: -5px; 
        top: -2px; 
        display: block; 
        background: url("http://www.remaxcondosplus.com/images/g_marker.gif"); 
        height: 24px; 
        width: 9px; 
        text-align: left;
        text-indent: -9999px; 
        overflow: hidden;
     }
	 
	 div.survey {
	 /*background: #CFEBEF;*/
	 }
	 
/* -----------------------  All Property Formatting Styles  ----------------------- */

div.propertyList {
display: block;
clear:both;
border-top: 1px solid #333366;
padding: 2px;
}

div.propertyList span.VTlink {
width: 24px;
padding: 2px;
height: 100%;
text-align: center;
float: left;
}
div.propertyList span.MPlink {
width: 24px;
padding: 2px;
height: 100%;
text-align: center;
float: left;
}
div.propertyList span.price {
height: 100%;
width: 125px;
padding: 2px;
float: left;
text-align: right;
}
div.propertyList span.location {
padding: 2px 2px 2px 15px;
height: 100%;
float: left;
}

.propStatus {
font-size: 75%;
letter-spacing: 2px;
color: #CC3333;
text-decoration: none;
}

.agentInfo {
padding-top: 4px;
width: 160px;
text-align: center;
font-size: 85%;
}

.agentInfoPrint {
text-align: left;
font-size: 80%;
color: #FFFFFF;
}

.homeImage {
position: absolute; left: 186px; top: 0; width: 100%; height: 286px; z-index: 800; background: #333366;
}


div.surveyLineWrap {
position: relative;
display: block;
overflow: visible;
height: 40px;
}
	
div.surveyRank {
		width: 450px;
		display: block;
		padding-right: 15px;
	}

    div.surveyRank div.surveyLabel { 
        position: relative; /* IE is dumb */
        clear: left;
        display: block; 
		padding: 4px 15px 2px 0;
		margin: 0;
		text-align: right;
		float: left;
		min-height: 30px;
		width: 275px;

    }
    div.surveyRank div.surveyResult { 
        position: relative; /* IE is dumb */
        display: block;                 
        float: right;     
        width: 160px; 
        height: 20px; 
        margin: 5px 0px 5px 0px; 
        background-color: #FFFFFF; 
		background: url("http://www.remaxcondosplus.com/images/g_colorbar.jpg");

     }

     div.surveyRank div.surveyResult div { 
        position: relative; 
        background-color: #333366;
		background: url("http://www.remaxcondosplus.com/images/g_colorbar2.jpg"); 
		float: left;  
        height: 20px; 
        text-align:right; 
     }
     div.surveyRank div.surveyResult div strong { 
        position: absolute; 
        right: -5px; 
        top: -2px; 
        display: block; 
        background: url("http://www.remaxcondosplus.com/images/g_marker.gif"); 
        height: 24px; 
        width: 9px; 
        text-align: left;
        text-indent: -9999px; 
        overflow: hidden;
     }
	 
	 div.surveyRank {
	 /*background: #CFEBEF;*/
	 }
div.buildingPopUp {
	display:none; position:absolute; border-style: solid; background-color: white; padding: 10px; width: 400px; z-index: 500000;
	top: 25px; left: 0px; overflow: visible;
}


.style6 {font-size: 11px; }
.style7 {color: #FF0000}