/*...........................Reset css......................*/
@import '/css/reset.css';

body {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; padding:0; margin:0}
/**/
.white-area
{min-height:100px;padding:0;background-color:#ffffff}

.content-area
{min-height:100px;padding:0;width:684px;margin-bottom:10px;overflow:hidden;float:left;background-color:#f2fad3}

img.ftrealtor {
	padding: 5px 5px 5px 5px;
    border: 1px solid #2b519a;
    background: #E3E3E3;
    text-align: center;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
}
/*margin:10px;height:85px;min-height:85px;cursor:pointer;width:108px;position:relative;border:solid 1px #cccccc;*/
.ftrealtor-area
{min-height:100px;padding:0;background-color:#ffffff;border:solid 1px #2b519a;}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

/* COMMON ELEMENTS -----------------------------------*/
/*hide birds-eye popup */
#MSVE_obliqueNotification {visibility: hidden;}

.wideButton,
.thinButton,
.tallButton
{background:transparent url(/realestate/img/re-background-sprite.gif) repeat-x scroll}

.wideButton, 
a.wideButton:link, 
a.wideButton:visited,
.thinButton, 
a.thinButton:link,
a.thinButton:visited
{display:-moz-inline-box;display:block;background-position:0 0;border:solid 1px #666;text-align:center;color:#fff;text-decoration:none;font-size:12px;cursor:pointer;line-height:14px;}

.tallButton, 
a.tallButton:link
{display:-moz-inline-box;display:block;background-position:0 0;border:solid 1px #666;text-align:center;color:#fff;text-decoration:none;font-size:14px;cursor:pointer;line-height:18px;}

a.wideButton:hover,
a:hover .wideButton,
a.thinButton:hover,
a:hover .thinButton
a.tallButton:hover,
a:hover .tallButton
{background-position:0 -14px;text-decoration:none;color:#fff;}


/* Green button */

.wideButtonG,
.thinButtonG,
.tallButtonG
{background:transparent url(/realestate/img/re-greenbg-sprite.gif) repeat-x scroll}

.wideButtonG, 
a.wideButtonG:link, 
a.wideButtonG:visited,
.thinButtonG, 
a.thinButtonG:link,
a.thinButtonG:visited
{display:-moz-inline-box;display:block;background-position:0 0;border:solid 1px #666;text-align:center;color:#fff;text-decoration:none;font-size:12px;cursor:pointer;line-height:14px;}

a.wideButtonG:hover,
a:hover .wideButtonG,
a.thinButtonG:hover,
a:hover .thinButtonG
a.tallButtonG:hover,
a:hover .tallButtonG
{background-position:0 -14px;text-decoration:none;color:#fff;}

.wideButton, .wideButtonG
{width:150px;height:20px} /*115*/

.thinButton, .thinButtonG 
{width:60px;height:18px}

.tallButton, .tallButtonG
{height:24px;width:auto}

ul.nobullet{list-style-type:none;}
ul.nobullet li {list-style-type:none;}

/* SEARCH OBJECT -------------------------------------*/

.sc
{clear:both;display:block;width:300px;border: solid 0px #cccccc;overflow:hidden;margin-bottom:15px;
font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; padding:0; margin:0;
}

.sc-bwrap
{margin:5px 12px 10px;display:block;overflow:hidden;width:595px;}

.sc .alert-basic .x-form-text
{padding-top:5px;height:29px !important;height:30px !important;padding-top:3px;line-height:29px;}

.sc .x-form-field-wrap{position:static !important;}

.re-criteria-item .x-combo-list-item{text-align:right}

.sc .thinButton
{float: right;width:124px;height:34px;font-size:20px !important;line-height:28px !important;}

.sc .alert-basic
{height:70px;}

.sc .alert-basic .basic-l
{float:left;width:500px;}

.sc .alert-basic .basic-l .alert-label
{float:left;margin-left:10px;}

.sc .alert-basic .basic-r
{float:left;width:125px;margin-left:8px;}

.sc .alert-basic .basic-lt,
.sc .alert-basic .basic-rt
{height:27px;white-space:nowrap;display:block;}

.sc .search-footer-col .error
{position:absolute;}

.alert-title
{color:#FC6701;font-size:18px;font-weight:bold;display:block; margin:2px 0px 5px 0px;float:left;}

.alert-label
{padding-top:5px;}

.alert-searchtext
{width:450px;height:20px;}

.alert-toggle
{text-align:right;height:20px;}

.alert-toggle a
{color:#0852a1;line-height:18px;}

.sc-collapsed #alert-advanced,
.sc-collapsed #alert-openhouse
{display:none;}

.alert-advanced
{float:left;width:595px;height:40px;margin-top:5px;}

.alert-openhome
{float:left;width:582px;height:23px;margin-top:5px;}

.alert-openhome span
{margin-right:9px;color:#666;display:inline-block;float:left;padding-top:5px;}

.alert-openhome .col-field
{width:170px;display:-moz-inline-box;display:inline-block;}

.alert-openhome select
{color:#666;font-size:11px; font-family:Verdana;}

.search-footer-col
{color:#666;float:left;margin-right:8px;}

.search-footer-col input,.search-footer-col select
{color:#666;font-size:12px; font-family:Verdana;}

.search-price-col input
{width:100px;text-align:right;}

.search-mid-col input,.search-mid-col select
{color:#666;font-size:16px; font-family:Verdana;}

.search-cnty-col input
{width:400px;text-align:right;}

.col-label
{display:block;width:130px;height:14px;margin-bottom:2px;color:#000000;font-weight:bold;font-size:12px;}

.col-field
{display:block;height:21px;position:relative;}

.col-label-screen
{color:#666666;}

.search-price-col,.search-price-col input
{width:90px;}

.search-price-col input
{width:90%;}

.search-bedbath-col
{width:49px;}

.search-cat-col,.search-cat-col select
{width:118px;}

.search-types-col, .search-types-col select
{width:150px;}



/* list of properties on search results */
a img, a.noUnderline {
	border: 0 !important;
	text-transform: capitalize;
}

h3 {
	margin: 0 0 0.4em 0;
	color: #c60;
	font-size: 1.1em;
	font-family:Arial, Helvetica, sans-serif;

}

h3 a {
	color: #c60 !important;
	text-decoration: none;
	border-bottom: 0 !important;
}

h3 a:hover {
	border-bottom: 1px dotted #c60 !important;
}

#contentSub h3 {
	color: #127BA8;
	font-size: 1.1em;
}
#propertyListings, #propertyDetails {
	float: left;
	margin: 3px;
	width: 99%;
}

#propertyListings .propertyListing {
	float: left;
	width: 100% !important;
	border: 1px solid #CADAF4;
	/*overflow: hidden;*/
	margin: 0 0 0.8em 0;
	clear: both;
	background: transparent url(/realestate/img/no-photo.png) no-repeat;
	list-style: none;

}
#propertyDetails .propertyDetail {
	float: none;
	width: 100% !important;
	border: 1px solid #CADAF4;
	/*overflow: hidden;*/
	margin: 0 0 0.8em 0;
	clear: both;
	background: transparent url(/realestate/img/no-photo-big.png) no-repeat;
	list-style: none;

}

	#propertyListings .propertyListing .image {
		float: left;
		width: 145px;
        height: 110px;
		background:#EDF6FE url(/realestate/img/no-photo.png) no-repeat;
		position: relative;
	}

	
	#propertyDetails .propertyDetail .image {
		float: left;
		width: 400px;
        height: 300px;
		background:#EDF6FE url(/realestate/img/no-photo-big.png) no-repeat;
		position: relative;
	}

	

	#propertyListings .propertyListing .image .openhome, #propertyDetails .propertyDetail .image .openhome {
		position: absolute;
		top: 0;
		left: 0;
		width: 59px;
		height: 59px;
	}

	#propertyListings .propertyListing .image .openhome-rt, #propertyDetails .propertyDetail .image .openhome-rt {
		position: absolute;
		top: 0;
		right: 0;
		width: 59px;
		height: 59px;
	}

	#propertyListings .propertyListing .image img {
		width: 145px;
		height: 110px;
		/*display: block;*/
	}
	#propertyDetails .propertyDetail .image img {
		width: 400px;
		height: 300px;
		/*display: block;*/
	}

	#propertyListings .propertyListing .details {
		float: right;
		width: 300px;	
	} 
	#propertyDetails .propertyDetail .details {
		float: left;
		width: 600px;
	}

	#propertyListings .propertyListing h3 {
		border-bottom: 1px solid  #CADAF4;
		border-left: 1px solid #CADAF4;
		background: #f2fad3;
		padding: 0 0 0 0.4em;
		width: 300px;
		float: left;
	}
	#propertyDetails .propertyDetail h3 {
		border-bottom: 1px solid  #CADAF4;
		border-left: 1px solid #CADAF4;
		background: #f2fad3;
		padding: 0 0 0 0.4em;
		width: 6000px;
		float: left;
	}
    #propertyListings .propertyListing h3 a,
    #propertyDetails .propertyDetail h3 a {
    float:left;
    width:460px;
    overflow:hidden;
    text-decoration:none!important;
    }
    #propertyListings .propertyListing h3 a:hover,
    #propertyDetails .propertyDetail h3 a:hover {
    text-decoration:underline!important;
    border:0!important;
    }
    
 	#propertyListings .propertyListing .stats, #propertyDetails .propertyDetail .stats {

		/*border-left:  1px solid  #CADAF4;*/
		width: 100px;
		height: 110px;
		float: left;
		padding: 0.5em;
		font-size: 0.9em;
		margin-top: -5px;
	}

	#propertyDetails .propertyDetail .delete-btn a {
		width:200px;
		float:right;
		padding:0px;
		text-decoration:none;
		border:0px;
		height:24px;
		}

	#propertyDetails .propertyDetail .add-notes a {
		font-style:italic;
		float:left;
		}

	#propertyListings .oh-stats, #saved-propertyListings .oh-stats {font-size: 0.9em;}

		#propertyListings .ohome, #saved-propertyListings .ohome {
		width: 420px;
		float: left;
		padding: 0.5em;
		/*padding-bottom: 99em;
		margin-bottom: -99em;*/
		margin-top: -10px;
	}

	#propertyListings .propertyListing .stats span, #propertyDetails .propertyDetail .stats span { display: block; }

	#propertyListings .propertyListing .description {
		float: left;
		width: 330px;
		padding: 0.5em;
		margin-top: -5px;
		border-left:1px solid #CADAF4;
		border-right:1px solid #CADAF4;
		
	}
	
	 #propertyDetails .propertyDetail .description {
		float: left;
		width: 6000px;
		padding: 0.5em;
		margin-top: -5px;
		border-left:1px solid #CADAF4;
		border-right:1px solid #CADAF4;
		
	}

	#propertyListings .propertyListing .agent, #propertyDetails .propertyDetail .agent {
		float: left;
		width: 100px;
		height: 90px;
		/*background: #fff;*/
		padding: 0.5em;
		font-size: 0.9em;
		margin-top: -5px;
	}
    .savedHomesList #propertyListings .propertyListing .agent { width: 150px; padding: 0.7em 0 0; }

	#propertyListings .propertyListing .agent img, #propertyDetails .propertyDetail .agent img {width: 56px;}


	#propertyListings .description .favourite, #saved-propertyListings .description .favourite {
		padding: 0 0 2px 0;
		float: left;
	}

	#propertyListings .description .added,
	.openhome-link .added, #saved-propertyListings .description .added {color: green;}


/* property listing */
.propertyListing .floatLeft {
	float: left;
	width: 530px;
}

.propertyListing .floatRight {
	float: right;
	width: 154px;
}

.floatDetails {
	float: right;
	margin: 2px 5px 2px 0;
}


	.propertyListing .floatRight .imgThumbnails ul {
		margin: 0 !important;
		padding: 0 !important;
		list-style: none;
	}

	.propertyListing .floatRight .imgThumbnails {
		width: 100%;
		overflow: hidden;
	}

	.propertyListing .floatRight .imgThumbnails li {
		float: left;
		margin: 0 5px 5px 0;
	}

	.propertyListing .floatRight .imgThumbnails li img {
		width: 80px;
		float: left;
	}

	.propertyListing .floatRight .ad div {
		width: 100%;
		margin-top: 1em;
	}

.propertyListing .clear {float: left;}

.propertyListing .imgMain, #propertyReportDetails .imgMain {
	clear:both;
	float:left;
	padding-top:15px;
	position:relative;
	width:320px;
}

.propertyListing .imgMain .openhome-rt {
	position: absolute;
	top: 15px;
	right: 0;
}
.propertyListing .imgMainStats {
	width: 250px;
}
.hitStats {
	float: right;
	margin-top: 15px;
	width: 255px;
	height: 160px;
	padding-top: 30px;
}
.hitStats ul {
	list-style: none;
	margin: 0 !important;
	padding: 0;
	font-size: 1.2em;
}
.hitStats li {
	margin: 0;
	padding: 0;
}
.media {
	float: right;
	margin-top: 15px;
	width: 195px;
	background: #e8ecf2;
	height: 240px;
}
#propertyReportDetails .media {width:56%;}
.imgThumbs {
	margin-left: 11px!important;
	margin-top: 10px;
}
.imgThumbs li {
	background: #DEDEDE;
	padding: 2px;
	float: left;
	width: 80px;
	height: 60px;
	margin-bottom: 8px;
	margin-right: 4px;
	list-style: none;
}
#propertyReportDetails li {width:90px; height:68px;}

.imgThumbs li:hover {
	background: #E5BC65;
}

#propertyReportDetails .features {
	width:300px; 
	float:left;
	margin:12px 25px 0 0}

.propertyListing .detail, #propertyReportDetails .detail {
	overflow: hidden;
	margin-bottom: 10px;
	margin-top:15px;
	float:left;
	font-size: 12px;
	clear: both;
	width: 100%;
}

#propertyReportDetails .detail {width:56%;clear:none;}

.propertyListing .detail table, #propertyReportDetails .detail table{
		border-collapse: collapse;
		background: #fff;
		width: 100%;
	}
	.detail .summary, .summaryWrapper {
		width: 320px!important;
		float: left;
		}
	.propertyListing .detail td, .propertyListing .detail th, #propertyReportDetails .detail td, #propertyReportDetails .detail th {
		line-height:1.8em;
		border-bottom: 1px solid #E8ECF2;
	}

	.propertyListing .detail th, #propertyReportDetails .detail th {
		color: #4F6B8D;
		padding-right: 10px;
		width:25%;
		line-height:1.8em;
		padding-left:5px;
	}


	/*.propertyListing .detail .caption, #propertyReportDetails .detail .caption {float: left;}*/

	.propertyListing .detail .caption h3, #propertyReportDetails .detail .caption h3 {
		margin: 0px 0 0 5px;
	}

	.propertyListing .detail .caption.bottom, #propertyReportDetails .detail .caption.bottom {
		background: #c60;
		padding: 3px 0 5px 0;
	}

		.propertyListing .detail .caption.bottom a, #propertyReportDetails .detail .caption.bottom a {
			color: #fff;
			border-color: #fff;
			margin: 0 !important;
		}

		.propertyListing .detail .caption.bottom .floatRight,.propertyListing .detail .caption.bottom .floatLeft, #propertyReportDetails .detail .caption.bottom .floatRight, #propertyReportDetails .detail caption.bottom .floatLeft {
			width: auto;
			white-space: nowrap;
			padding: 0;
		}

		.propertyListing .detail .caption.bottom a.out {background: url(/img/template/icon-out-fff.png) no-repeat right bottom;}

		.propertyListing .detail .caption.bottom a.email {
			padding-left: 20px;
			background: url(/img/template/icon-email1.png) no-repeat left bottom;
		}

	.propertyListing .features {
		margin-top: 20px;
		font-size: 12px;
		line-height:1.7em;
		width: 523px;
		}
	.about-title {margin-bottom:-10px;}

	.propertyListing .feature {
		overflow: hidden;
		border: 1px solid #e1e1e1;
		margin-bottom: 20px;
	}

	.propertyListing .feature table {
		border-collapse: collapse;
		background: #fff;
		width: 100%;
		float: left;
	}

	.propertyListing .feature td {
		padding:3px 0 3px 5px;
		vertical-align:top;
		border-bottom:1px solid #e1e1e1;
		border-right:1px solid #e1e1e1;

	}

	.propertyListing .feature th {
		text-align: right;
		padding: 3px 5px 3px 0;
		vertical-align:top;
		border-bottom:1px solid #e1e1e1;
		border-right:1px solid #e1e1e1;
		border-left:1px solid #e1e1e1;
		width:28%;
	}

	.openhomes {
		float:left;
		width:100%;
		margin-top:20px;
	}

	.openhomes h4 {
		color:#333;
		float:left;
	}

	.openhome {
		overflow: hidden;
		border: 1px solid #e1e1e1;
		float:left;
		width:100%;
	}

	.openhome table {
		border-collapse: collapse;
		background: #fff;
		width: 100%;
		float: left;
	}

	.openhome td {
		padding:3px 0 3px 5px;
		vertical-align:top;
		border-bottom:1px solid #e1e1e1;
	}


	.openhome-date {
		padding: 3px 10px 3px 0;
		vertical-align:top;
		border-bottom:1px solid #e1e1e1;
		border-right:1px solid #e1e1e1;
		width:72%;
	}

	.openhome-note {
		font-style:italic;
		color:#666;
		font-weight:normal;
		}

	.openhome-link {padding: 3px 5px 3px 0px;}

	.openhome-download {
		font-size:x-small;
		float:left;
		margin-top:0px !important;
	}

	.propertyListing .agentGroup {
		float: left;
		width:100%;
		clear:both;
		overflow: hidden;
	 }

	#propertyReportDetails .agentGroup {margin-top:2em;}
	
	#propertyReportDetails .agentGroup .vcard {float:left; width:50%;}
	
	#propertyReportDetails .agentGroup .portrait {margin-left:1em ;}
	
	#propertyReportDetails .agentGroup .vcard a, #propertyReportDetails .agentGroup .top-margin-10 a {display:none;}
	
	#propertyReportDetails .agentGroup .top-margin-10 {
		width:40%; 
		float:left; 
		margin:2.1em 0 0 3em;}
	
	.propertyListing .agent .right {
		float: right;
		width: 105px;
		clear: right;
		font-size:.9em;
		margin-left:5px;
	}

	.propertyListing .agent .fn {font-weight: bold; padding-bottom: 5px;}
	.propertyListing .agent .fn a {background: none!important; padding: 0!important;}

	.propertyListing .agent span, #propertyReportDetails span.tel {display: block;}

	.propertyListing .agent img {width: 70px;}

	.additionalProperties {
		float: left;
		width: 100%;
		margin-top:10px;
	}

	.agent-email {padding-top:10px;}

#propertyListings .propertyListing .details .agent .vcard .agentLogo {
	float: right;
	clear: right;
	width: 70px !important;
	height: 55px !important;
	position:relative;
}
	
#propertyListings .propertyListing .image {
		float: left;
		width: 145px;
		height: 110px;
		background: url(/realestate/img/no-photo.png) no-repeat;
		/*padding-bottom: 99em!important;
		margin-bottom: -99em!important;*/
		position: relative;
	}
#propertyListings .propertyListing .stats, #propertyDetails .propertyDetail .stats, #propertyListings .propertyListing .agent, #propertyDetails .propertyDetail .agent {height: 83px;}
#propertyListings .propertyListing h3 {width: 525px;}
#propertyDetails .propertyDetail h3 {width: 600px;}


.clearer { clear:both; display:block; margin:0; padding:0px; height:0px; line-height:1px; font-size:1px; }
#PropertyCats{
	width:650px;
	float: inherit;
	vertical-align: middle;
	text-align:center;
	padding-top:8px;
	background: url(/realestate/img/re-agent-listings.png) no-repeat;
	/*background: #f2fad3;*/
}

#PropertyCats a { color:#2b519a; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:16px; padding:2px 0px 5px 0px; text-decoration:none; margin-left:10px;}
#PropertyCats a:hover, #PropertyCats a.selected { border-top:solid 3px #a81000; }

#simProListngs{
	font-size: 10px; 
	color: #7e7e7e; 
	font-family: Trebuchet MS, Helvetica, Arial, Sans-Serif;
}

#simProListngs a{	font-weight: bold; font-size: 10px; color: #7e7e7e; font-family: Trebuchet MS, Helvetica, Arial, Sans-Serif; text-decoration:none;}
#simProListngs a:hover{	font-weight: bold; font-size: 10px; color: #d97901; font-family: Trebuchet MS, Helvetica, Arial, Sans-Serif; text-decoration:none;}


		
		/* Pagination */
		#pageListings {
			width: 99%;
			vertical-align: middle;
			margin:0 auto;
         	line-height:1.4em;
         	font-size:1em;
			
		}
		
		.pagination {
			float:right;
			background:#ffffff;
			padding:0 0 0 10px;
		}

		.pagination li {
			float:left;
			margin:0 4px 0 0;
		}

		.pagination a {
			display:block;
			border:1px solid #eaeaea;
			background:#f8fafb;
			padding:2px 8px;
			float:left;
			text-decoration:none;
		}

		.pagination a:hover {
			background:#d2d6df;
			text-decoration:none;
			float:left;
		}

		.pagination a.youAreHere {
			border:1px solid #8f8f8f;
			background:#1e5b7e;
			padding:2px 8px;
			font-weight:bold;
			color:#ffffff;
		}
		
		.pagination{
			margin:0px;
		}	
		
		.pagination .pagInactive{
			display:none;
		}
		/* End Pagination */