@charset "UTF-8";

* { margin:0; padding:0; }

body{
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #666666;
	margin: 0 auto;
}
table td {vertical-align: top}

#container {
     width: 1000px;
     height: 100%;	 
     overflow: visible;
     margin-left: auto; /* needed to center page */
     margin-right: auto; /* needed to center page */
     text-align: left;
     clear: both!important;
	 border-right: 1px solid #c0c0c0;
	 border-left: 1px solid #c0c0c0;
	 background-color: white;
     font-size: 14px;
	 padding-bottom: 300px;
}


#header { background: url('../images/background/top_nav_blue.jpg') repeat-x; }

#logo { float: left; margin: 0px 0px 0px 20px;}

#login { float: right; font-size: .8em; color: white; width: 400px; margin-top: 5px;}
#login a {color: white}
#login input { width: 100px; font-size: .85em; }

#primaryNav { display: block; clear: both;}
#primaryTabs ul { list-style: none; padding: 0; margin: 0;}
#primaryTabs li { float: left; margin: 0; list-style-image: none; list-style-type: none;	}
#primaryTabs a {
	color: #FFF;
	font-weight: bold;
	font-family: Arial;
	font-size: 14px;
	background: url('../images/tabs/left_tab.jpg') left top no-repeat;
	text-decoration: none;
	text-transform: capitalize;
}
#primaryTabs a span { background: url('../images/tabs/right_tab.jpg') right top no-repeat; padding: 9px 20px 4px 20px;
}
#primaryTabs a, #primaryTabs a span { display: block; float: left; margin-left: 2px; }

/* Hide from IE5-Mac \*/
#primaryTabs a, #primaryTabs a span { float: none }
/* End hide */

#primaryTabs a:hover { color: yellow; }
#primaryTabs .active { color: #000; background:  url('../images/tabs/left_tab_hover.jpg') left top no-repeat; }
#primaryTabs .active span { background: url('../images/tabs/right_tab_hover.jpg') right top no-repeat; padding: 9px 20px 4px 20px; }

.secondaryTabs{
	border-bottom: solid thin grey;
	background-color: white;
	height: 22px;
}

.secondaryTabs li{
	float:  left;
	list-style-type: none;
	display: block;
	
}
.secondaryTabs li a{
	text-decoration: none;
	color: #585858;
	padding: 0px 12px;
	margin: 4px 0px;
	display: block;
	border-right: thin solid grey;
	font-size: 13px;
	text-transform: capitalize;
}

.secondaryTabs .last{
	border: none;
}


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

.left{ float: left; }
.right{ float: right; }

a { outline: none; }
a {color: #1F80B5;}
a:hover {color: #1F80B5;text-decoration:none;}
a img {border:none;}

#footer {
	clear: both;
	padding: 60px 10px;
	text-align: center;
	font: .85em Arial, Helvetica, sans-serif;
}
#footer ul{
	list-style: none;
	margin-top: 14px;	
}
#footer li{
	display: inline;
	margin-right: 15px;
}

.topRoundedEdge {
	background-image: url('../images/content-box-t.png');
	height: 20px;
}
.bottomRoundedEdge {
    background-image: url('../images/content-box-b.png');
	height: 20px;
}
.containerContent {
    padding: 5px 30px;
    background-image: url('../images/content-box-bg.png');
}

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

label {font-weight: bold}

.label-nobold label {font-weight: normal}

/* General label widths */
.label-left label {text-align: left}
.label-right label {text-align: right}
.label-20 label {float: left; width: 20px}
.label-20 .data, .label-20 #submitButton {margin-left: 20px}
.label-40 label {float: left; width: 40px}
.label-40 .data, .label-40 #submitButton {margin-left: 40px}
.label-60 label {float: left; width: 60px}
.label-60 .data, .label-60 #submitButton {margin-left: 60px}
.label-70 label {float: left; width: 70px}
.label-70 .data, .label-70 #submitButton {margin-left: 70px}
.label-80 label {float: left; width: 80px}
.label-80 .data, .label-80 #submitButton {margin-left: 80px}
.label-90 label {float: left; width: 90px}
.label-90 .data, .label-90 #submitButton {margin-left: 90px}
.label-100 label {float: left; width: 100px}
.label-100 .data, .label-100 #submitButton {margin-left: 100px}
.label-110 label {float: left; width: 110px}
.label-110 .data, .label-110 #submitButton {margin-left: 110px}
.label-120 label {float: left; width: 120px}
.label-120 .data, .label-120 #submitButton {margin-left: 120px}
.label-140 label {float: left; width: 140px}
.label-140 .data, .label-140 #submitButton {margin-left: 140px}
.label-160 label {float: left; width: 160px;}
.label-160 .data, .label-160 #submitButton {margin-left: 160px}
.label-180 label {float: left; width: 180px;}
.label-180 .data, .label-180 #submitButton {margin-left: 180px}
.label-200 label {float: left; width: 200px;}
.label-200 .data, .label-200 #submitButton {margin-left: 200px}
.label-220 label {float: left; width: 220px;}
.label-220 .data, .label-220 #submitButton {margin-left: 220px}
.label-paddingright-5 label {padding-right: 5px}


input.text, input[type=text], input[type=password], input[type=file] {
	border: 1px solid #999999;
	padding: 3px;
	margin: 3px 0;
}

.input-250 input[type=text], .input-250 input[type=password], .input-250 input[type=file] { width: 250px; }

p {padding-bottom: 15px;}
h1 { font-size: 1.8em; line-height: 1.2em; padding-bottom: 10px; }
h2 { font-size: 1.5em; line-height: 1.2em; padding-bottom: 10px; }
h3 { font-size: 1.1em; line-height: 1.2em; padding-bottom: 5px; }
h4 { font-size: 1em; line-height: 1.2em; padding-bottom: 5px; }

.fontRed { color:#FF0000;}
.fontGreen { color:green;}

.navHolder {
	border: 1px solid #ececec;
	padding: 10px 5px 10px 5px;
}

.mainContent { padding: 20px 20px 0px 20px;}

.layout1 .mainContent {float: left;width: 600px}
.layout1 .subContent {padding-top: 20px;padding-right: 10px;float: right;width: 350px}

.layout1b .mainContent {float: left;width: 680px}
.layout1b .subContent {padding-top: 20px;padding-right: 10px;float: right;width: 270px}

.layout2 {width: 100%};
.layout2 .mainContent {width: 90%; vertical-align: top;}
.layout2 .subContent {padding-left: 20px;width:250px; vertical-align: top;}

.layout3 {width: 100%};
.layout3 .subContent {width:250px; vertical-align: top;}
.layout3 .mainContent {padding-left: 20px; width: 90%; vertical-align: top;}

.pager { width:  100%; text-align: center; margin-top: 10px; font-size: .9em }
.pager ul { margin: 0px; padding: 0px; }
.pager  li { display: inline; background: none; padding-right:.4em; border-right: 1px solid #ddd; margin-right:.4em;}
.pager li:last-child,  .pager li.last { border: none; }


ul, ol { margin-left: 30px;padding-bottom: 10px;}

.greyMessageBox { padding: 20px 30px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background-color:#EEE; margin-bottom: 20px; }

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.error ul { padding-top: 10px; padding-left: 30px; }
.error ul li { margin-left: 20px; }

.halfLeft { float: left; width: 48%; margin: 0px; padding: 0px; }
.halfRight{ float: right; width: 48%; margin: 0px; padding: 0px; }

.udCleanTable
{
	background: #fff;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
.udCleanTable .odd
{
	background: #f5f5f5; 
}
.udCleanTable th
{
	font-size: 13px;
	font-weight: normal;
	color: #4b4b4b;
	padding: 10px 8px;
	border-bottom: 1px solid #333;
}
.udCleanTable td
{

	padding: 3px 4px;
	border: none;
}

.more {
	background-image: url('../images/icon/liArrow.png');
    background-repeat: no-repeat;
    padding-left: 12px;
}
.addLink {
	background-image: url('../images/icon/add.png');
    background-repeat: no-repeat;
    padding-left: 20px;
}
.userCardSmall {
    width: 100px;
    text-align: center;
}
input.actionButton-l, button.actionButton-l, input[type=submit].actionButton-l, input[type=button].actionButton-l, input[type="file"]>input[type="button"].actionButton-l {
	font: 1.2em Arial, Helvetica, sans-serif;
	color:#FFF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color:#FD6305;
	border:1px solid #666;
	padding:5px 10px;
	vertical-align:top;
	cursor:pointer;
	width:auto; /* needed to fix IE input width problem*/
   	overflow:visible; /* needed to fix IE input width problem*/
}
input.actionButton-l:hover, button.actionButton-l:hover, input[type=submit].actionButton-l:hover, input[type="file"]>input[type="button"].actionButton-l:hover {
	background:#FD6305;
}
input.actionButton-m, button.actionButton-m, input[type=submit].actionButton-m, input[type=button].actionButton-m, input[type="file"]>input[type="button"].actionButton-m {
	font: 1em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#FFF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color:#FD6305;
	border:1px solid #666;
	padding:8px 20px;
	vertical-align:top;
	cursor:pointer;
	width:auto; /* needed to fix IE input width problem*/
   	overflow:visible; /* needed to fix IE input width problem*/
}
input.actionButton-m:hover, button.actionButton-m:hover, input[type=submit].actionButton-m:hover, input[type="file"]>input[type="button"].actionButton-m:hover {
	background:#FD6305;
}

input.actionButton-s, button.actionButton-s, input[type=submit].actionButton-s, input[type=button].actionButton-s, input[type="file"]>input[type="button"].actionButton-s {
	font: 12px Arial, Helvetica, sans-serif;
	color:#FFF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color:#FD6305;
	border:1px solid #666;
	padding:4px 15px 4px 15px;
	vertical-align:top;
	cursor:pointer;
	width:auto; /* needed to fix IE input width problem*/
   	overflow:visible; /* needed to fix IE input width problem*/
}
input.actionButton-s:hover, button.actionButton-s:hover, input[type=submit].actionButton-s:hover, input[type="file"]>input[type="button"].actionButton-s:hover {
	background:#FD6305;
}

/* small grey button*/
input.grey, button.grey, input[type=submit].grey, input[type=button].grey, input[type="file"]>input[type="button"].grey {
	font: 12px Arial, Helvetica, sans-serif;
	color:#000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color:#DDD;
	border:1px solid #CCC;
	padding:3px 15px;
	vertical-align:top;
	cursor:pointer;
	margin: 3px 0;
	width:auto; /* needed to fix IE input width problem*/
   	overflow:visible; /* needed to fix IE input width problem*/
}
input.grey:hover, button.grey:hover, input[type=submit].grey:hover, input[type="file"]>input[type="button"].grey:hover {
	background:#999;
}

/* sing in button */
input.grey-s, button.grey-s, input[type=submit].grey-s, input[type=button].grey-s, input[type="file"]>input[type="button"].grey-s {
	font: 11px Arial, Helvetica, sans-serif;
	color:#000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color:#DDD;
	border:1px solid #CCC;
	padding:3px 15px;
	vertical-align:top;
	cursor:pointer;
	margin: 3px 0;
	width:auto; /* needed to fix IE input width problem*/
   	overflow:visible; /* needed to fix IE input width problem*/
}


input.grey-s:hover, button.grey-s:hover, input[type=submit].grey-s:hover, input[type="file"]>input[type="button"].grey-s:hover {
	background:#999;
}

.orangeTitle{
	color: #FF6600;
	font-size: 16px;
	font-family: Geneva, sans-serif;
}

.orangeTitleLarge{
	color: #FF6600;
	font-size: 19px;
	font-family: Geneva, sans-serif;
}

.note {
	color: gray;
	font-size: .85em;
	margin-top: 4px;
	font-weight: normal;
	padding: 5px;
}
.roundBorder {
	padding: 8px;
    margin-bottom: 10px;
	border: thin solid lightgrey;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.contentHeading { padding: 5px 5px 0 5px;background-color: #4C88BE;color: #fff}
.highlightedContent { background-color:#FFE7C4; border-top: 4px solid #FF6600; border-bottom: 4px solid #FF6600; padding:20px; margin-bottom: 20px}


.breadCrumbs {
	margin: 0;
	padding-left: 10px;
}
.breadCrumbs li {
	font-size: .85em;
	font-weight: normal;
	color: #8A8A8A;
	float:left;
	display: inline;
	listing-style: none;
}
.breadCrumbs li a {
	font-weight: normal;
	font-decoration: underline;
	color: #8A8A8A;
	background:url(../images/icon/breadcrumb_arrow.gif) top right no-repeat;
	padding-right: 20px;
	margin-right: 10px;
}
.breadCrumbs li:last-child a {
	background: none;
}


.leftCol{ width: 180px; float: left; padding-right: 20px; }
.leftCol ul { font-size: .8em; color: #666; }
.leftCol ul a { color: #666; text-decoration: none}
.midCol{ width: 460px; float: left; }
.rightCol{
	width: 300px;
	float: right;
}

.singleEntry {
    background-color: white;
	border-bottom: #c7c7c7 thin solid;
	width: 100%;
}
.singleEntry img {
	padding: 4px;
}

.singleEntry .title{
	background-color: #ededed;
	border-bottom: #c7c7c7 thin solid;
	padding: 5px;
}

.singleEntry .address {
	padding: 0px;
	margin: 0px;
	font-size: 18px;
	font-family: Tahoma;
	font-weight: normal;
	letter-spacing: 1px;
	color: #303030;
}

.singleEntry .distance {
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	font-family: Tahoma;
	font-weight: normal;
	letter-spacing: .5px;
	color: #303030;
}
.singleEntry .price {
	padding: 0px;
	margin: 0px;
	font-size: 17px;
	font-family: Tahoma;
	font-weight: bold;
	letter-spacing: 1px;
	color: #338144;
}

.singleEntry .propertyType {
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	font-family: Tahoma;
	font-weight: normal;
	letter-spacing: .5px;
}

.singleEntry .description{
	color: #404040;
	padding: 5px;
	font-size: 13px;
}


.singleEntry .heading{
	padding-bottom: 2px;
	font-weight: bold;
}
.singleEntry .heading a{
	color: #404040;
}

.filterBox{
	border-top: 1px solid #b9b9b9;
	border-bottom: 1px solid #b9b9b9;
	border-right: 1px solid #b9b9b9;
	border-left: 1px solid #b9b9b9;
	margin-bottom: 10px;
}
.filterBox ul {
	margin: 0px;
	padding: 3px 0px 0px 5px;
}
.filterBox li {
    list-style: none;
	margin: 0px;
	padding: 0px 0px 3px 0px;
}
.filterBox h4 {
	background-image: url(../images/background/headerTitleGray.jpg);
	height: 21px;
	margin: 0px;
	padding: 2px 0px 0px 5px;
	font-size: 1em;
    font-style: italic;
    color: #333;
}


.leftColListing {
	width: 700px;
	float: left;
}

.rightColListing {
	width: 240px;
	float: right;
}

.entryDate {
	color: gray;
	float: right;
	font-size: .8em;
	margin-top: 4px;
}


.rightCol ul {
	font-size: .9em;
    list-style: none; padding: 0; margin: 0;
}
.rightCol ul a {
	color: #666;
}
.remarks, .remarks p {
    color: #FFFFFE;
	text-decoration: none;
	height:0.01px;
	line-height:1px;
	width: 1px;
	display:block;
	overflow:hidden;
}