/* CSS Document */

/*listing elements*/
	.previewImage{width: 100%; height:175px; background-position: center; background-size: cover; }

.clear{ width:100%; height:1px; clear:both;}
.property-summary{ clear:both; width:100%; padding:10px 0; font-family: 'Roboto Condensed', sans-serif;}

.property-thumbnail{ width:35%; float:left; padding:0; margin:0;}
.property-thumbnail a{ text-decoration:none; color:#FFF;}

.property-thumbnail .thumb-holder{ width:98%; height:150px; overflow:hidden;border:1px solid #5284B6;background:#e5e5e5;}
.property-thumbnail .thumb-holder img{ width:125%; margin:-30px 0 0 -30px;}


.property-thumbnail .thumb-holder .noimage{ width:100%;  color:#FFF; font-size:16px; padding:60px 0; text-align:center;}
.property-thumbnail .thumb-holder{  position: relative; display:inline-block; overflow: hidden; padding: 5px 5px 0 0;}
.property-thumbnail .thumb-holder p{ display: inline;}

.property-thumbnail .thumb-holder.noresize{ height:auto;padding:0;margin:0;}
.property-thumbnail .thumb-holder.noresize img{ width:100%; margin:0;}

.property-thumbnail .thumb-holder p span { position: absolute; display: inline-block; text-align: center;
    	text-transform: uppercase;color:#FFF; font-size:12px;
    	top: 20px; right: -65px;width: 180px;
   	 	background: #d93131;padding: 8px 10px;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2); 
    	-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg);
	} 
	
.property-thumbnail .thumb-holder p:before {
    	content: "";width: 0; height: 0;position: absolute;top: -17px; right: 69px; z-index: -1; border: 17px solid;border-color: transparent transparent #662121 transparent;
	}
	
.property-thumbnail .thumb-holder p:after {
    	content: ""; width: 0; height: 0; position: absolute; top: 74px; z-index: -1; right: -10px; border: 17px solid;border-color: #662121 transparent transparent transparent;
	}

.mls-disclaimer{ padding:20px 0; font-size:10px; line-height:12px; color: #999;}




.info-bar{ padding-bottom: 10px;}
.info-bar ul{ list-style:none; padding:0; margin:0; text-align:center; width:100%; min-height:40px;background:#5284B6;}
.info-bar ul li{ float:left; display:block; padding:8px 10px; background:#5284B6; color:#FFF; border-right:1px solid #86A9CC;}
.info-bar ul li.info-bar-price{ font-size:18px; width:120px;border:none;}
.info-bar ul li.info-bar-details{ padding:0; border:none; float:right;}
.info-bar ul li.info-bar-details a{ display:block; padding:8px 10px; color:#79531A; text-decoration:none;
		background: #FFD109; 
		background: -moz-linear-gradient(#FFD109, #D49643);
		background: -o-linear-gradient(#FFD109, #D49643);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFD109), to(#D49643)); 
		background: -webkit-linear-gradient(#FFD109, #D49643);
		 
		 }

.light-text{ color:#A8C1DA;}

.closed .info-bar ul{ background: #D1D1D1;}
.closed .info-bar ul li{ background: #D1D1D1; color: #666; border-color:#FFF;}
.closed .light-text{ color: #999999;}
.closed .info-bar ul li.info-bar-details a{color:#FFF; background: #999999; 
		background: -moz-linear-gradient(#999999, #666666);
		background: -o-linear-gradient(#999999, #666666);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999999), to(#666666)); 
		background: -webkit-linear-gradient(#999999, #666666);
		 
		 }
.closed .property-thumbnail .thumb-holder{ border-color:#D1D1D1;}


.info-bar ul li.info-bar-details a:hover{ background:#000; color:#FFF;}

.property-info{ width:65%; float:left; padding:0; margin:0;font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif; }
.property-info .info{ width:auto; padding:10px 0 20px 20px;color:#33567A;}
.property-info .info .info-left{ width:70%; padding:15px 0 0 0; float:left;}
.property-info .info .info-right{ width:28%; padding:15px 0 0 0; float:left; text-align:right;}
.property-info .info .status{ color:#33567A; padding:0 0 5px 0;font-size:11px; text-transform:uppercase;}


.property-info h3{ padding:5px 0; margin:0; font-size:20px; font-weight:bold; }
.property-info h3 .small{ font-size:16px; font-weight:normal; font-style:normal;}
.property-info .info h5{padding:0; margin:0; font-size:1.6em; color:#090;font-style:normal;}


/** paging style **/
.paginate {padding:8px 0;margin:0;font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:right; font-size:14px;}
.paginate a:first-child{ margin-left:0;}
.paginate a { padding:4px 8px; margin:1px; border:0; text-decoration:none; color: #ffffff;background: #5284B6; }
.paginate span.current { margin: 1px;padding:4px 8px;background-color:#142330;color: #FFF; }

.paginate a.next{  padding:4px 16px; background:#A4BAD2; border-left:2px solid #719AC4; color:#142330; -moz-border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;}
.paginate a.back{ padding:4px 16px; background:#A4BAD2; border-right:2px solid #719AC4;  color:#142330;-moz-border-radius:2px 0 0 2px; -webkit-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;}

.paginate span.disabled {padding:2px 8px; margin:1px; color:#ffffff; background:#DDD;}

.paginate span.next.disabled, .paginate span.back.disabled{padding:4px 16px;}

.paginate a:hover, .paginate a:active { color:#D6E0E0; background:#33567A;}


.search-top-bar .left{ float:left;font-family:Arial, Helvetica, sans-serif; padding:4px 0; font-size:14px; color: #999;}
.search-top-bar .left strong{ color:#666;}
.search-top-bar .right{ float:right;}

/**refine search **/

.refinesearch{ margin:0 0 10px 0;}
.explandbt{ padding:5px 10px; width:150px; color:#FFF; text-align:center; background:#33567A; cursor:pointer; text-transform:uppercase;}
.explandbt:hover{ background:#5284B6;} 
.searchbox{}
.searchbox .searchform{-moz-border-radius:0 8px 8px 8px; -webkit-border-radius:0 8px 8px 8px;border-radius:0 8px 8px 8px;}



/** detail page **/


.property-info-bar h2{ font-family:Arial, Helvetica, sans-serif; font-size:26px; line-height:28px; padding:10px 0 15px 0; margin:0;}
.property-info-bar h2 .small{ font-size:18px; font-weight:normal; font-style:normal;}
.property-info-bar h5{font-family:Arial, Helvetica, sans-serif; font-size:26px;padding:10px 0 15px 0; margin:0; font-style:normal;font-weight:normal;}
.property-info-bar h6{font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; padding:0; margin:0; font-weight:normal;}

.property-info-bar .left{ float:left; width:70%;}
.property-info-bar .right{float:left; width:30%; text-align:right;}

.property-action-bar{ padding:10px 10px 5px 10px; background:#D6E0E0;}
.property-action-bar .right{ width:50%;float:left;}
.property-action-bar .left{ width:50%;float:left;text-align:right;}

.property-action-bar .share-text{ float:left; padding:6px 10px 0 0; margin:0; color:#666;}
.property-action-bar .share-icons{ float:left;}
.stButton .stLarge { width:30px !important; height:30px !important;}

.extrabar{ width:auto; padding:10px 0; text-align:right;}
.property-details{clear:both; width:100%; padding:10px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.property-details .property-info{ width:50%; float:left; padding:0; margin:0; }


.property-details .property-info h3{padding:0; margin:15px 0 5px 0;}
.property-details .property-info h5{}


.inforequest-bt{ display:inline; text-transform:uppercase;}
.inforequest-bt a{ display:block; text-align:left; margin:0 2px; padding:5px 15px; float:left; text-decoration:none; 
	-moz-border-radius:4px; -webkit-border-radius:4px;border-radius:4px; line-height:11px; 
		color:#4B3410; 
		background: #FFD109; 
		background: -moz-linear-gradient(#FFD109, #D49643);
		background: -o-linear-gradient(#FFD109, #D49643);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFD109), to(#D49643)); 
		background: -webkit-linear-gradient(#FFD109, #D49643);
	 
	
	}
	
	.inforequest-bt a:hover, .inforequest-bt.inforequest-green a{ background:#000000; color:#ffffff;}
	.inforequest-bt.inforequest-green a{
		color:#ffffff; 
		background: #00B500; 
		background: -moz-linear-gradient(#00B500, #004600);
		background: -o-linear-gradient(#00B500, #004600);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00B500), to(#004600)); 
		background: -webkit-linear-gradient(#00B500, #004600);
	}
	
	
.info-print{display: inline; text-align: right; width:32px; }
.print-bt{display:inline; text-transform:uppercase;}
.print-bt a{ display:block; text-align:left; color:#FFF; padding:8px 15px 8px 40px; text-decoration:none;  background: url(../images/print-icon.png) no-repeat 5px  #999999;
	-moz-border-radius:4px; -webkit-border-radius:4px;border-radius:4px;}



.property-images{width:45%; float:left; padding:0; margin:0; }

	.property-image{ width:100%;}
	.property-image img{ width:100%;}
	
	.property-image-smthum{width:20%; float:left; padding:0; margin:0; }
	.property-image-smthum img{ width:100%;}
	.property-pop-details{ padding:10px; width:70%; float:left;}
	
.property-thumb-list{ width:auto;}
.property-thumb-list ul{ margin:0; padding:0; list-style:none;}
.property-thumb-list ul li{ padding:0; width:32%; height:75px; overflow:hidden;float:left; margin:2px;}
.property-thumb-list ul li img{ width:100%; margin:-2px 0 0 0;}


dl.spec-display{float: left;width:100%;	margin:10px 0;	padding: 0;	border-bottom: 1px solid #ccc; }
.spec-display dt{clear: left;float: left;width: 35%;	margin: 0;	padding:5px 0;	border-top: 1px solid #ccc;	font-weight: bold; text-wrap:none;}
.spec-display dd{float: left;width:65%;margin: 0;padding:5px 0;border-top: 1px solid #ccc;}
.spec-display dd span{ padding:0 10px; display:block;}

.listitems{ padding:0; margin:0; list-style:none;}
.listitems li{ width:50%; float:left;}

/*** print popup **/
.printheader{width:650px;}
.printheader img{ width:100%;}

.property-print{ width:650px; font-size:12px;}

.property-print .property-thumb-list ul li{ width:48%; height:auto;}
.property-print .property-info{ width:50%; float:left; padding:0; margin:0; }




/*** Search Form ****/

.searchform{ width: auto; padding:20px;margin:0 0 8px 0;-moz-border-radius:8px; -webkit-border-radius:8px;border-radius:8px; color:#CCC; 
		background: #33567A; 
		background: -moz-linear-gradient(#33567A, #142330);
		background: -o-linear-gradient(#33567A, #142330);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33567A), to(#142330)); 
		background: -webkit-linear-gradient(#33567A, #142330);


}
.searchform h2{ color:#FFF;}

.searchform input{ padding:4px;-moz-border-radius:4px; -webkit-border-radius:4px;	border-radius:4px; border:1px solid #CED7D7; background:#FAFBFB; }
.searchform select{ padding:4px;-moz-border-radius:4px; -webkit-border-radius:4px;	border-radius:4px; border:1px solid #CED7D7; background:#FAFBFB;}

#selectedcities{ padding:5px; width:250px;  -moz-border-radius:4px; -webkit-border-radius:4px;	border-radius:4px; min-height:100px; font-size:11px; font-family:Arial, Helvetica, sans-serif; overflow:auto;}
#selectedcities ul{ list-style:none; padding:0; margin:0;}
#selectedcities ul li{ float:left; display:block; padding:2px 6px; background-color:#A6B5B5; color:#ffffff; margin:2px 4px 2px 0;
-moz-border-radius:4px; -webkit-border-radius:4px;	border-radius:4px;}

.searchform .searchbt{ padding:10px 20px; margin:10px 0;-moz-border-radius:6px; -webkit-border-radius:6px;border-radius:6px; text-transform:uppercase; color:#FFF; font-weight:bold;  cursor:pointer; 
	border:1px solid #003300;
		background: #003300; /* Show a solid color for older browsers*/
		background: -moz-linear-gradient(#00CC00, #003300);
		background: -o-linear-gradient(#00CC00, #003300);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00CC00), to(#003300)); /* older webkit syntax */
		background: -webkit-linear-gradient(#00CC00, #003300);

}
.searchform .searchbt:hover{ background:#003300; border:1px solid #003300;}


.ui-widget{}
.ui-dropdownchecklist-selector{ padding:4px;border:1px solid #CED7D7; background:#FAFBFB;-moz-border-radius:4px; -webkit-border-radius:4px;	border-radius:4px; font-size:12px; }
.ui-dropdownchecklist-group { padding:4px; font-size:12px;}
.ui-dropdownchecklist-item{ padding:4px; font-size:11px;}


.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }


.multiselect {
    width:20em;
    height:125px;
    border:solid 1px #c0c0c0;
	color: #333;
    overflow:auto; background:#ffffff;-moz-border-radius:4px; -webkit-border-radius:4px;border-radius:4px;
	padding:4px;
}
 .multiselect h2{ font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:5px 10px; margin:5px 0; line-height:16px; color:#666; font-weight:bold; background:#CCC;}
.multiselect label {
    display:block;
}
 
.multiselect-on {
    color:#ffffff;
    background-color: #666;
}