/* CSS Reset */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-family:Verdana, Arial, sans-serif; 
}
td{
    padding:5px;
}
table.tight td{
    padding:0px;
}
h1, h2, h3, h4, h5, h6{
    font-family: Georgia;
}
#toolbar h1, #toolbar h2, #toolbar h3, #toolbar h4, #toolbar h5, #toolbar h16{
    font-family: Verdana;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


/* Site wide */

html{padding:0;margin:0;} 
body{
    padding:0;
    margin:0;
    font-family:Verdana, Arial, sans-serif;
    font-size:11px;
    font-weight:normal;
    color:#333;
    background:url(http://static.collabrestate.com/images/bg.jpg) #7791C3 repeat-x;
	background-attachment: fixed;
}
.container {width:100%; min-width:960px;}
h1{
    font-size:1.2em;
    padding:5px 0 5px 0;
}
h1.huge{
    font-size:1.7em;
    color:#009740;
    margin:10px 0 15px 0;
    font-weight:normal;
}
h1.banner{
    font-size:1.2em;
    padding:5px;
    background: #666;
    color:#fff;
    margin-bottom:10px;
}
h1.banner a:link{
    color:#fff;
}
.content h2{
    font-size:1.4em;
    height:1.7em;
    font-family: Georgia;
    color:#333;
    margin:15px 0 10px 0;
    font-weight:normal;
}
.content h3{
    font-size:1.2em;
    height:1.2em;
    font-family: Georgia;
    color:#333;
    margin:10px 0 10px 0;
    font-weight:normal;
}
h2.light{
    color:#aaa;
    border-bottom:1px solid #aaa;
    text-align:left;
    padding:0px;
    height:inherit;
}
p{
    margin:0 0 15px 0;
}
#header{ 
    position:relative;
    height:72px;
    background:url(http://static.collabrestate.com/images/header-bg.png) repeat-x;
}
#header h1{
    margin:6px 0 0 6px;
    padding:0;
    position:absolute;
}
#header #header-right{
    height:72px;
    width:649px;
    float:right;
    background:url(http://static.collabrestate.com/images/header-right.png) no-repeat;
}

#supplemental {
    position:relative;
    padding-right:230px;
    height:100%;
    margin-bottom:30px;
}
#feature {
    float:right;
    height:15.5em;
    width:220px;
    margin:0 0 0 10px;
    border:1px solid #666;
    background:#fff;
    position:absolute;
    bottom:0px;
    right:0px;
    z-index:2;
}
#feature h2{
    color:#999;
    font-family:Georgia;
    font-size:1.45em;
    margin:1px 2px 1px 6px;
    padding:0;
}
#feature #photo{
    width:207px;
    height:13.3em;
    overflow:hidden;
    margin:0 7px 0 6px;
}
#pagewrapper{
    float:left;
    width:100%;
    margin-left:-215px;
}
#page{
   margin-left:225px;
}
#navigation{
    margin-bottom:-1.61em;
}
.content{
    border:1px solid #666;
    border-top:none;
    background-color:#ffffff;
}
.contentwrapper{
    margin:0px 10px 10px 10px;
    padding-top:10px;
}
div.bottom{clear:both;width:100%}
.submenu{
    display:block;
    padding:0px;
    margin-left:10px;
    font-size:85%;
}
.one-third{
    width:33%;
}
.two-thirds{
    width:66%;
}
#wrapper{
    clear:both;
    width:100%;
}
#leftcol{
    width:32%; 
    float:left; 
    position:relative; 
}
#twocols{
    width:68%; 
    float:right; 
    position:relative; 
}
#rightcol{
    width:48%; 
    float:right; 
    position:relative; 
}
#maincol{  
    float: left; 
    display:inline; 
    position: relative; 
    width:52%; 
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix{display: inline-block;} 
.padright{
    padding-right:10px;
}
.shadowbox{
    background:url(http://static.collabrestate.com/images/home-shadowbox.png) no-repeat;
    height:190px;
    width:240px;
    text-align:left;
    padding:9px 0 0 8px;
}
.shadowinner{
    width:225px;
    height:141px;
    overflow:hidden;
    position:relative;
    text-align:left;
}
.shadowbox #agent{background:url(http://static.collabrestate.com/images/agent-detail.png);}
.shadowbox #waterfront{background:url(http://static.collabrestate.com/images/water-detail.png);}
.shadowbox #community{background:url(http://static.collabrestate.com/images/community-detail.png);}
.shadowbox h2{
    position:absolute;
    bottom:0px;
    background:url(http://static.collabrestate.com/images/50-percent-white.png);
    width:100%;
    margin:0;
    padding:5px 5px 10px 5px;
}
.shadowbox select, .shadowbox form{
    width:160px;
    margin:0 auto;
    text-align:center;
}
.shadowbox form{
    margin-top:7px;
}
#footer{
    font-size:75%;
    text-align:center;   
}
#footer ul{
    list-style: none;
    margin:0;
    padding:0;
}
#footer li{
    display:inline;
}

/* Listing pages */
.listing-title-bar{
    background:#859CCA; 
}
div.listing-list-item{
    border:1px solid #859CCA;
}
#listingholder h2{
    font-size:1.4em;
    height:1.4em;
    font-family: Georgia;
    color:#fff;
    margin:2px 0 0 0;
    padding:0;
    font-weight:normal;
}
.listing-blurb-bar{
    font-size:1.4em;
    height:1.4em;
    font-family: Georgia;
    color:#fff;
    margin:2px 0 0 0;
    padding:0;
    font-weight:normal;
}

/* Includes */
.tabs{
    clear:both;
    list-style:none;
    border-top:1px solid #666;
    width:100%;
    position:relative;
    margin:1.52em 0 0 0;
}
.tabs a, .tabs{
    color:#333;
    text-decoration: none;
    font-weight:bold;
}
.tabs li{
    float:left;
    display:inline;
    position:relative;
    bottom:1.52em;
    margin-right:4px;
    padding:0.18em 5px 0.25em 5px;
    padding-top:0.09em;
    background:#efeaeb;
    border-top:1px solid #eee;
    border-bottom:1px solid #666;
    height:1em;
}
.tabs li.active{
    background:#fff;
    border:1px solid #666;
    border-bottom:1px solid #fff;
}
.tabs li.right{
    float:right;
    margin:0 0 0 5px;
}
.tabs{
    clear:both;
    list-style:none;
    border-top:1px solid #666;
    width:100%;
    position:relative;
    margin:1.52em 0 0 0;
}
.tabs a, .tabs{
    color:#333;
    text-decoration: none;
    font-weight:bold;
}
.tabs li{
    float:left;
    display:inline;
    position:relative;
    bottom:1.52em;
    margin-right:4px;
    padding:0.18em 5px 0.25em 5px;
    padding-top:0.09em;
    background:#efeaeb;
    border-top:1px solid #eee;
    border-bottom:1px solid #666;
    height:1em;
}
.tabs li.active{
    background:#fff;
    border:1px solid #666;
    border-bottom:1px solid #fff;
}
.tabs li.right{
    float:right;
    margin:0 0 0 5px;
}
#quicksearch{
    margin-top:0.45em;
}
#quicksearch #submit{
    border:1px solid #333;
    background:#eee;
    color:#666;
    font-size:1.45em;
    float:right;
    padding:0;
    width:18%;
    height:2.5em;
    margin:0;
}         
#quicksearch #submit:hover{
    background:#859CCA;
    color:#fff;
}
#quicksearch #id_q{
    margin:1px 0 0 0;
    width:80%;
    border:1px solid #333;
    float:left;
    padding:0.27em 1px 0.27em 2px;
}
label.overTxtLabel {
	font-weight: bold;
	color: #999;
}
#quicksearch #options{
/*     display:inline; */
    margin-top:-1.1em;
    float:left;
    height:1.90em;
/*     top:2.5em; */
}
#quicksearch #options ul.tabs{
    position:absolute;
    top:1.90em;
    z-index:10; 
    list-style: none;
    margin:0 0 5px 0;
    padding:0;
    position:relative;
    bottom:0px;
    padding:0 0 -0.09em 0;
}
#quicksearch #options li{
    display:inline;
}
#quicksearch .tabs{
}
#quicksearch .tabs li{
    overflow:hidden;
    background:#eee;
    border-bottom:1px solid #333;
    border-top:1px solid #eee;
}
#quicksearch .tabs li input{
    visibility:hidden;
    margin-left:-1.8em;
    height:1px;
    vertical-align: sub;
}
#quicksearch .tabs li.active{
    background:#eee;
    border-bottom:1px solid #eee;
    border-top:1px solid #333;
}

#quicksearch #table-holder{
    border:1px solid #eee;
}
#quicksearch #option-choices{
    clear:both;
    border: 1px solid #333;
    background:#eee;
}
#quicksearch #option-choices table td{
    text-align: right;
    font-size:10px;
}
#quicksearch #option-choices table select{
    margin-left:2px;
}  

/* Search overrides */
#quicksearch{
    margin-top:0.45em;
}
#quicksearch #submit{
    border:2px solid #009740;
    background:#fff;
    color:#666;
    font-size:1.45em;
    float:right;
    padding:0;
    width:18%;
    height:2.5em;
    margin:0;
}         
#quicksearch #id_q{
    margin:1px 0 0 0;
    width:80%;
    border:2px solid #009740;
    float:left;
    padding:0.27em 1px 0.27em 2px;
}
#quicksearch #options{
    margin-top:-1.1em;
    float:left;
    height:1.90em;
}
#quicksearch #options ul.tabs{
    position:absolute;
    top:1.90em;
    z-index:10; 
    list-style: none;
    margin:0 0 5px 0;
    padding:0;
    position:relative;
    bottom:0px;
    padding:0 0 -0.09em 0;
}
#quicksearch #options li{
    display:inline;
}
#quicksearch .tabs{
}
#quicksearch .tabs li{
    overflow:hidden;
    background:#fff;
    border:1px solid #009740;
}
#quicksearch .tabs li input{
    visibility:hidden;
    margin-left:-1.8em;
    height:1px;
    vertical-align: sub;
}
#quicksearch .tabs li.active{
    background:#fff;
    border:2px solid #009740;
    border-bottom:1px solid #fff;
}

#quicksearch #table-holder{
    border:1px solid #fff;
}
#quicksearch #option-choices{
    clear:both;
    border: 2px solid #009740;
    background:#fff;
}
#quicksearch #option-choices table td{
    text-align: right;
    font-size:10px;
}
#quicksearch #option-choices table select{
    margin-left:2px;
}         

/* AutoComplete */
img.autocompleter-loading{
    vertical-align: top;
}
ul.autocompleter-choices{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #7c7c7c;
	border-left-color:		#c3c3c3;
	border-right-color:		#c3c3c3;
	border-bottom-color:	#ddd;
	background-color:		#fff;
	text-align:				left;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:				50;
	background-color:		#fff;
}

ul.autocompleter-choices li
{
	position:				relative;
	margin:					-2px 0 0 0;
	padding:				0.2em 1.5em 0.2em 1em;
	display:				block;
	float:					none !important; 
	cursor:					pointer;
	font-weight:			normal;
	white-space:			nowrap;
	font-size:				1em;
	line-height:			1.5em;
}

ul.autocompleter-choices li.autocompleter-selected
{
	background-color:		#444;
	color:					#fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
	display:				inline;
	float:					none;
	font-weight:			bold;
	margin:					0;
	padding:				0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
	color:					#9FCFFF;
}

/* Accounts */
#edit_webpage *{text-align:left;}

/* Toolbar */
#toolbar-track{
    float: right;
    width: 200px; 
    background:#B9CAFF;
    position:relative;
}
#toolbar{
    margin-right:8px;
}

/* Advertisements */
ul.ad-navigation{
    float:right;
    display:block;
    border:1px solid #ccc;
    margin:10px 0 10px 10px;
    font-size:13px;
}
ul.ad-navigation li{
    border-bottom:1px solid #ccc;
    
}
ul.ad-navigation li.last{
    border-bottom:none;
}
ul.ad-navigation a{
    text-decoration:none;
    color:#666;
    display:block;
    padding:5px;
    background:#eee;
}
ul.ad-navigation a:hover{
    color:#000;
    background:#999;
}