body,html {
	height: 100%;
}

#outerTable { 
}

/* ------------------ Search page header --------------------------------*/

#headerDiv {
	border: 1px solid navy;
	background: #C6D9F1;
}

.brokerImage {
	/* This height determines the height of the header. If you change it, you'll need to change the variable tableHeaderTopPos in searchPage.js accordingly. */
	height: 96px;
}

.headerMidCell {
    font: normal 14px verdana;
	padding: 2px;
}

.headerRightCell {
    font: normal 20px verdana;
	padding: 2px;
	padding-left: 20px;

}
.headerName {
    font: bold 16px verdana;
}

/* ------------------ result table container --------------------------------*/

#listDiv {
	border:1px solid gray;
	text-align: left;
	margin: 10px 0px 0px 0px;
    min-height:441px;
}

/* ------------------ result count container --------------------------------*/
#resultCount {
    font: normal 12px verdana;
	padding: 2px;
	margin: 2px;
	text-align: right;
}

/* ----------------- user agreement container ----------------------*/

#userTerms {
	text-align: right;
	padding-right: 10px;
	margin: 0px;
}



/* ---------------- popup ---------------- */
#popupDiv {
	position: absolute;
	left: 300px;
	top: 220px;
	width: 500px;
	height: 346px;
	background: #FFFFFF;
	border: 2px solid gray;
	overflow: hidden;

}

#propDetailsDiv {
	padding: 5px;
}

.td1 {
    font: bold 24px verdana;
	padding-top: 5px;
	padding-bottom: 10px;
}

.td2 {
    font: normal 18px verdana;
}

.td3 {
    font: normal 12px verdana;
	padding: 2px;
}

.td4 {
    font: bold 18px verdana;
	padding-top: 5px;
	padding-bottom: 5px;
}

#contactInfoDiv {
	padding: 5px;
}

#fName, #lName, #phone, #email {
	width: 160px;
}

#comments {
	width: 350px;
	height: 60px;
}
#popupActionDiv {
    position: relative;
	top: -175px;
    text-align: center;
	height: 170px;
	background: #ffffff;
	margin: 2px;
}
.actionMsgDiv {
	border: 1px solid navy;
	padding: 1px;
    font: bold 16px verdana;
	background: #ffffff;
	color: navy;
	height: 100px;
	margin: 10px;
}
/* ---------------- loading message ---------------- */

#loadingMessage {
    position: absolute;
    width:  200px;
    text-align: center;
    padding: 10px 0 5px 0;
    border: none;
    background: #000;
	color: #FFF;
	font: bold 20px Arial;
    z-index: 1;
	left:120px;
	top:111px;
	opacity: 0.7;	
}
#loadingMessage span {
	position:relative;
	top:-8px;
}

#demoOverlay {
	border: solid 4px #000;
	position:absolute;
	top:106px;
	height:160px;
	left:70px;
	width:320px;
	color: #000000;
	font: bold 14px Arial;
    z-index: 1;	
    background-attachment:scroll;
	background-color:#EEEEEE;
	background-image:none;
	background-position:0 0;
	background-repeat:repeat;
	opacity:0.9;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}

/* ------------------ result table --------------------------------*/




tr.odd { background-color:#eee }
td.avm {color:green}
td.saleamt {color:#FF0000}
td.type, td.city {color:black}
td.add a {font-weight:normal;color:#245B8F}
td.add a:hover {font-weight:normal;color:#245B8F}
th.sorttable_nosort {text-align:center !important}

.datatable {
    margin:0;
    padding:0;
    width:100%;
    border-collapse: collapse;
    empty-cells: show;
    margin-right:10px;
    background-color: #f7f7f7;
    color:#333333;
	}
    
.datatable th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-color: #EDEDED;
    color: #414141;    
    padding: 3px;
    white-space: normal;
    text-align:left;
    text-decoration:underline;
    cursor:pointer;
	}

table.datatable tbody tr td {
	margin: 0;
    padding: 3px 3px 3px 5px;
    border-top:1px solid #D8DCDE;
    font-size:11px !important;
    font-family: Arial, Helvetica, sans-serif !important;    
	}
    

table.datatable .avm, table.datatable .saleamt { text-align:right }

div.box_952_mid { position:relative }

td.details a { 
   	font-weight:normal;
}
th.details { 
   	cursor:default;
}

th.avm, th.saleamt {width:57px}
th.details {width:40px}

.row-over { background-color:#fdffcc !important}
.listRowSelected { background-color:#DAF6B1 !important}

th.sortDESC {
    background: #EDEDED url('flx-images/sortUp.png') no-repeat;
    background-position: 4px 9px;
    padding-left:15px;
}
th.sortASC {
    background: #EDEDED url('flx-images/sortDown.png') no-repeat;
    background-position: 4px 9px;
    padding-left:15px;
}

th.icon {
    width:16px;
}

td.icon_Bank { background: url('../flx-images/icon_radar_red.png') no-repeat scroll 2px; vertical-align:middle}
td.icon_Auction { background: url('../flx-images/icon_radar_blue.png') no-repeat scroll 2px; vertical-align:middle }
td.icon_Preforeclosure { background: url('../flx-images/icon_radar_green.png') no-repeat scroll 2px; vertical-align:middle }

.search_err { color:red; font-weight:bold }
#page-content { width:900px; margin: 0 auto }

#formDiv {position:relative;float:right;height: 282px;width: 330px;}
div.search-form select { float:left }
div.search-form div.form-row { height:30px }

div.label {float:left; clear:right; margin-top:4px; text-align:right; padding-right:4px}
#Location {width:258px; border: 1px solid #555; padding:2px 3px 2px 4px }
#poweredby-fr {position:relative; top: -2px; left: 219px;cursor:pointer;}
div.ftype {margin-left:50px}
div.type-filter input {position:relative; top:2px} 
div.submit-btn {float:left;text-align:left; padding:10px 10px 0px 57px;}
div.bookmarks {padding:15px 0px 0px 0px}
div.bookmarks img {cursor:pointer;}
#pager {font: bold 16px verdana;text-align:right;margin:10px 10px 0 0;}
#blankSearch {padding:10px;}

#email-friend {
   border: 1px solid #333;
   padding: 10px;
   width:320px;
   height:270px;
   background-color:white;
   position:absolute;
   top:200px;
   left:200px;
}
#email-friend .form-row {margin:4px 0 4px 0}
#ef_email { width: 252px; border: 1px solid #ccc }
#ef_from { width: 252px; border: 1px solid #ccc }
#ef_message {width:252px; border:1px solid #ccc;height:156px }
#ef_actions {text-align:center}
#captcha {position:relative; top:-5px;border:1px solid #ccc; width:80px}