﻿/*******************************/
/*    GLOBAL SETTINGS          */
/*******************************/

html,body {
	margin: 0em auto;
	height:100%;
	padding: 0em;
  	
  	font-family:Verdana, Tahoma, Arial, sans-serif;
	font-size:small;

	background-color:rgb(241,241,241);
}

input.button {
width: 12.6em;
height: 2em;
font-weight: bolder;
font-size: 1.0em;
text-transform: uppercase;
}

input.textbox {
width: 9em;
height: 1em;
}

p {
	font-size:0.7em;
	margin:5px 0px 5px 0px;
	padding:0px;
	color:rgb(100,100,100);
}

a {
	text-decoration:none;
	color:rgb(78,138,190);
	font-size:1.0em;
}

img{
	border:0px;
}

a:hover {
	text-decoration:underline;
	color:rgb(78,138,190);
	font-size:1.0em;
}

#wrap {
	width: 755px;
	background-color:white;
	position:relative;
	margin: 0px auto;
	padding:0px 20px 0px 20px;
	border-left:1px rgb(175,175,175) solid;
	border-right:1px rgb(175,175,175) solid;
	border-bottom:1px rgb(175,175,175) solid;
	z-index:50;
}

p.redTitle {
	font-size:1.1em; color:rgb(236,22,8); text-transform:capitalize; font-weight:bolder;
}

#row {
	clear:both;	width:auto; width:100%; margin:0em auto; padding:0em auto;
}

/**************/
/*   HEADER   */
/**************/

#headerBannerImagesLeft {
	position:relative;
	float: left;
	padding:0em auto;
	margin:0em auto;
	text-align:right;
}

#headerBannerImagesRight {
	position:relative;
	float: right;
	padding:0em auto;
	margin:0em auto;
	text-align:left;
}


#header {
	clear: both;
	margin: 0.2em 0em 0.9em 0em;
	border-top: solid 0.1em rgb(175,175,175);
	border-bottom: solid 0.1em rgb(175,175,175);
	background-color: rgb(235,235,235);	
	text-transform: uppercase;
	line-height: 1.6em;
	height: 1.6em;
	color: rgb(50,50,50);
	overflow:hidden;
}

#header ul {	
	margin: 0em;
	padding: 0em;
	list-style: none;
	font-weight: bolder;
}	

#header li.boxes {
	float: left;
	white-space: nowrap;
	font-size:0.7em;
}

#header li.boxes a {
	display: block;
	padding: 0em 1.0em 0em 1.0em;
	border-right: solid 0.1em rgb(175,175,175);	
	background-color: rgb(235,235,235);	
	color: rgb(50,50,50);
}

#header li.boxes a:hover {
	border-right: solid 0.1em rgb(175,175,175);	
	background-color: rgb(0,55,104);			
	text-transform: uppercase;
	text-decoration: none;
	color: rgb(255,255,255);
}

#header .selected {
	padding: 0em 0.5em 0em 0.5em;
	border-right: solid 0.1em rgb(175,175,175);		
	background-color: rgb(220,220,220);
	color: rgb(50,50,50);
}

.headerLogo { padding:0px auto; margin:0px auto; float:left; width:200px; position:relative; }
.headerLinks { margin:0px auto; padding:0px auto; background-color: rgb(255,255,255); float:right; width:525px; position:relative;}
.headerLinks a { font-weight:bolder; font-size:0.8em; }

.headerRow { clear:both; margin:5px 0px 0px 0px; padding:0px auto; width:100%; }
.headerContainer { width:23%; float:left; overflow:hidden; position:relative; margin:0px auto; padding-left:4px; border-left: 3px solid rgb(220,220,220); }
.headerContainer:hover { border-left: 3px solid rgb(236,22,8); }

#headline {
	clear: both;
	margin: 0.2em 0em 1.1em 0em;
	border-top: solid 0.1em rgb(175,175,175);
	border-bottom: solid 0.1em rgb(175,175,175);
	background-color: rgb(235,235,235);	
	line-height: 1.8em;
	height: 1.8em;
	color: rgb(50,50,50);
}

#headline ul {	
	margin: 0em;
	padding: 0em;
	list-style: none;
}	

#headline li {
	float: left;
	white-space: nowrap;
	padding-left:0.5em;
	padding-right:0.5em;
	font-size: 0.8em;
	text-transform:uppercase;
}


#headline li a {
	display: block;
	padding: 0em 1.0em 0em 1.0em;
	border-left: solid 0.1em rgb(175,175,175);	
	background-color: rgb(235,235,235);	
	color:rgb(29,88,149);
	font-size: 1.0em;
	text-transform:capitalize;
}

* html #header a {width:1%;}

/*********************************************************************************/
/****     LAYOUT
/*********************************************************************************/

.full_page { clear:both; width:auto; width:100%; margin:0em auto; padding:0em auto; background-color:#FFFFFF; }
.left_50 { width: 49.25%; position:relative; float:left; margin:0; padding:0 }
.right_50 { width: 49.25%; position:relative; float:right; margin:0; padding:0 }
.left_80 { float:left; position:relative; width:79.5%; }
.right_20 { float:right; position:relative; width:19.5%; }
.row { width: 100%; }


/*********************************************************************************/
/****     COMPONENTS
/*********************************************************************************/

.module { width: 100%; }
.module p.title { color:rgb(0,55,104); font-size:1.1em; font-weight:bolder; background-color:rgb(220,220,220); text-indent:2px; padding:1px; margin:0 0 10px 0; }
.module p.miniTitle { color:#CC0000; font-size:0.8em; font-weight:bolder; text-align:center; padding:0 0 2px 0; border-bottom: 1px solid #333333; }
.module p.miniItem { font-size:0.8em; line-height:1.7em; height:1.7em; }
.module p.miniItem a { vertical-align:middle; display:block; line-height:1.7em; height:1.7em; padding:0em 0em 0em 0.5em; margin:0em; }
.module div.left_50 p.summaryItem { font-weight:bolder; color:#000000; font-size:0.8em; }
.module div.right_50 p.summaryItem { color:#000000; font-size:0.8em; }


/*************************/
/***   MIDDLE COLUMN   ***/
/*************************/

/* Sections */
/************/
#middle-column {
	float: left;
	width: 57.5%;
	padding: 0em 0.6em 0em 1.0em;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	line-height: 1.3em;
	font-size: 1.2em;
}

#middle-column-full {
	position:relative;
	float: left;
	width: 78.9%;
	padding: 0em 0em 0em 0.7em;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	font-size: 1.2em;
}

.middle-column-left {
	float: left;
	width: 47.75%;
	position:relative;
	padding:0px;
	margin:0px;
}

.middle-column-right {
	float: right;
	width: 47.75%;
	position:relative;
	padding:0px;
	margin:0px;
}

#middle-column-right-mini {
	float: right;
	width: 19.5%;
	position:relative;
	padding:0em;
	margin:0em;
}

.middle-column-spacer {
	clear:both; width:inherit; width:100%; height:4px; background-color:#E2E2E2; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px;
}

/* Box titlebars */
/*****************/
.middle-column-box-title-grey {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(255,255,255);
	font-weight: bolder;
	color: rgb(236,22,8);
	border-bottom: rgb(0,55,104) 2px solid;
}

.middle-column-box-title-grey span.left {
	color:#000000; padding-left:40px; 
}

/* Box backgrounds -  Full width boxes */
/***************************************/
.middle-column-box-white {
	float: left;
	width: 100%;
	margin: 0em 0em 10px 0em;
	padding: 0em 0em 0em 0em;
}

.middle-column-box-white img { float:left; }
.middle-column-box-white p { padding-left:220px; }


/* Box backgrounds -  Half width boxes */
/**************************************/
.middle-column-box-left-white {
	float: left;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
}

.middle-column-box-right-white {
	float: right;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
}

/* Text headings and paragraphs */
/********************************/
.middle-column-box-white p.heading {
	margin: 1.0em 0em 1.0em 0em;
	font-weight: bolder;
	font-size: 1.2em;
}

.middle-column-box-white p.subheading {
	margin: 1.0em 0em 0.6em 0em;	
	font-weight: bolder;
}

.middle-column-box-white-row {
	width: 100%;
	padding-bottom:0.5em;
}

.middle-column-box-white-result-row {
	width: 100%;
	padding-bottom:0.5em;
}

.middle-column-box-white-result-row:hover {
	font-weight:bolder;
}

.middle-column-box-white-cell-left {
	width: 25%;
	position:relative;
	float:left;
}

.middle-column-box-white-cell-middle {
	width: 50%;
	position:relative;
	float:left;
}

.middle-column-box-white-cell-right {
	width: 25%;
	position:relative;
	float:right;
}

.middle-column-box-white p {
	margin: 0em 0em 0.6em 0em;
}

.middle-column-box-left-white p.heading {
	margin: 1.0em 0em 1.0em 0em;
	font-weight: bolder;
	font-size: 1.2em;
}

.middle-column-box-left-white p.subheading {
	margin: 1.0em 0em 0.6em 0em;
	font-weight: bolder;
}

.middle-column-box-left-white p {
	margin: 0em 0em 0.6em 0em;
}

.middle-column-box-right-white p.heading {
	margin: 1.0em 0em 1.0em 0em;
	font-weight: bolder;
	font-size: 1.2em;
}

.middle-column-box-right-white p.subheading {
	margin: 1.0em 0em 0.6em 0em;
	font-weight: bolder;
}

.middle-column-box-right-white p {
	margin: 0em 0em 0.6em 0em;
}

/************************/
/***   RIGHT COLUMN   ***/
/************************/
#right-column {
	position:relative;
	float: right;
	width: 19.5%;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	padding-bottom:5em;
	right:0px;
}

.right-column-box-title-red {
	clear: both;
	display: block;
    margin: 0em 0em 0em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-color: rgb(236,22,8);
	font-weight: bolder;
	color: rgb(255,255,255);
	text-align:center;
}

.right-column-box-footer-white {
	clear: both;
	display: block;
    margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-color: rgb(236,22,8);
	font-weight: bolder;
	color: rgb(255,255,255);
}

.right-column-box-white {
	float: right;
	width: 91%;
	margin: 0em 0em 0.8em 0em;
	padding: 0em 0em 0em 0em;
	border: solid 0.1em rgb(235,235,235);
}	

.right-column-box-white p {
	margin: 0.3em 0em 0.4em 0em;
}

.right-column-img{
	float: right;
	margin: 1.0em 0em 0em 0em;
	border: solid 1px rgb(100,100,100);
}

/*******************/
/***   FOOTER    ***/
/*******************/

#footerSpace {
	clear:both;
	height:2px;
	width:auto;
	width:100%;
	padding-bottom:2em;
}

#footer {
	clear:both;
	width:inherit;	
	width: 100%;
	height: 4.0em;
	border-top: solid 0.1em rgb(150,150,150);
	background-color: rgb(220,220,220);
	text-align: center;
	color: rgb(100,100,100);
	font-size: 0.8em;
	line-height:2.0em;
	vertical-align:middle;
	bottom:0px;
	left:0px;
	padding-bottom:5px;
}

/**************************/
/***   MISCELLANEOUS    ***/
/**************************/

.search_form {
	margin:0px; padding:0px;
}

.contact { margin:0px; padding:0px; width:100%; }
.contact p { margin:0px; padding:0px; }

/**************************/
/***   Staff Pages      ***/
/**************************/

#staff-row { width:100%; }

#staff-left { position: relative; float: left; width: 25%; margin-bottom:8px; }

#staff-left a { color:rgb(0,55,104); text-decoration:none; }
#staff-left a:hover { text-decoration:underline; }

#staff-left p {	margin:0px;	padding:1px; }
#staff-left p:hover { color: rgb(236,22,8); } 

#staff-column-left { float:left; width:30%; position:relative; border-right:1px solid rgb(236,22,8);}
#staff-column-right { float:right; width:68.5%; position:relative; border-top:1px solid rgb(236,22,8);}
#staff-middle-title { width:100%; color:rgb(236,22,8); font-size:18px; font-weight:bold }
#staff-profile-name { width:100%; color:rgb(0,0,0); font-size:14px; font-weight:bolder; margin-top:1em;}
#staff-profile-title { width:100%; color:#666666; font-size:14px; margin-top:0.2em; }
#staff-profile-bio { width:100%; color:rgb(15,15,15); font-size:0.9em; margin-top:1em; }

#staff-profile-info { width:100%; color:#666666; font-size:0.6em; text-align:right; }

#staff-profile {width: 100%;}
#staff-profile p { margin:0px; padding:1px; }
#staff-profile p:hover { color: rgb(236,22,8); }
#staff-profile a { color: rgb(0,55,104); }
#staff-profile a:hover { color: rgb(0,55,104); }

/**************************/
/***   Report Pages   ***/
/**************************/

#report-thumbnail { width:120px; overflow:hidden; position:relative; float:left; }

/**************************/
/***   Property Pages   ***/
/**************************/

#listingControl { width: 100%; padding:0em 0em 0.9em 0em; margin:0em; }
#pcontrol { width:14%; margin:0em; padding:0em; position:relative; float:left; font-weight:bolder; }

.PropertySearchResult { width:100%; margin:0px 0px 6px 0px; font-size:0.9em; background-color:rgb(150,192,230); padding:0.2em 0em 0.2em 0em; border-bottom:1px black solid; border-top:1px black solid; }

.property-row { width:100%; padding:0px auto; margin:0px auto; }
.property-row p { color:rgb(0,0,0); margin:0px auto; padding:1px; font-size:0.7em; }
.property-row p.title { color:rgb(0,55,104); font-size:0.9em; font-weight:bolder; background-color:rgb(220,220,220); text-indent:2px; padding:1px; }
.property-row p.bold { color:rgb(0,0,0); margin:0px; padding:1px; font-weight:bolder; }


.propertylist { width:100%; margin:0px; padding:0px; float:left; position:relative; }
.propertyfilters { width:100%; margin-bottom:10px; background-color:rgb(178,170,126); color:#FFFFFF; text-align:center; padding-top:2px; padding-bottom:2px; }

.property-row a { color: rgb(0,55,104); background-color:rgb(255,255,255);}

.property-view-right { float:right; color:#000000; }

.property-row-space { clear:both; width:auto; width:100%; margin:0px auto; padding:0px; height:8px; }

.property-row-left { width: 320px; padding: 0px; margin:0px auto; position:relative; float:left; }
.property-row-right { width: 270px; padding: 0px; margin:0px auto; position:relative; float:right; }

.property-row-left a { background-color:rgb(255,255,255);}

.property-row-left-50 { width: 49.5%; padding: 0px; margin: 0px; position:relative; float:left; }
.property-row-right-50 { width: 49.5%; padding: 0px; margin:0px; position:relative; float:right; }

.property-row-left-50 a { color:rgb(0,55,104); }
.property-row-left-50 a:hover { color:rgb(0,55,104); }

.property-row-title { border-bottom: 2px rgb(0,55,104) solid; }
.property-row-title p { color:rgb(236,22,8); margin:0px; font-weight:bold; font-size:16px; padding-bottom:4px; }

#property-row-list { clear:both; width:auto; width:100%; min-height:24px; height:auto; margin:0px auto; color:#000000; background-color:#EEEEEE; border-bottom:1px solid rgb(220,220,220); padding-bottom:4px; padding-top:4px; }
#property-row-list:hover { background-color:rgb(78,138,190); cursor:pointer; }

#property-row-list a:hover { text-decoration:none; }

#property-row-list-title { width:inherit; width:100%; min-height:24px; height:auto; margin:0px auto; background-color:rgb(220,220,220); color:rgb(0,55,104); font-weight:bold; padding-top:4px; padding-bottom:4px; }

#property-row-list-left { float:left; position:relative; width:19%; padding:0px; margin-right:1px; font-size:0.8em; text-indent:2px; }
#property-row-list-mleft { float:left; position:relative; width:39%; padding:0px; margin-right:1px; font-size:0.8em; text-indent:2px; }
#property-row-list-mright { float:left; position:relative; width:19%; padding:0px; margin-right:1px; font-size:0.8em; text-indent:2px; }
#property-row-list-right { float:right;	position:relative; width:19%; padding:0px; font-size:0.8em; text-align:left; }

.ClientRow { width:100%; padding:0px; margin:0px; }
.Clients { display:none; padding:0px; margin:0px; }
.ClientSpot { padding:0px; margin:0px; float:left; width:24%; }
.client-sh-show {display:inline;position:relative;float:left;font-size:10px;margin:0px; padding:0px;}
.client-sh-show a {color:rgb(0,55,104);font-weight:bolder;}
.client-sh-show a:hover {color:rgb(0,55,104);}
.client-sh-hide {display:none;position:relative;float:left;font-size:10px;margin:0px; padding:0px;}
.client-sh-hide a {color:rgb(0,55,104);font-weight:bolder;}
.client-sh-hide a:hover {color:rgb(0,55,104);}
#DivClients {
	display:inline;
	position:relative;
	float:left;
	width:35%;
	font-weight:bold;
	margin:0px; padding:0px;
}
