/* Property Results Detailed Widget

   REV 01/JUN/15 a 

   TOC 
	01. GENERAL 
	02. WIDGETS
	03. MEDIA QUERIES (Responsive web design)
*/

/*
=============================================================================================================== 
01. GENERAL 
=============================================================================================================== */

/* Layout
-------------------------------------------------------------- */
.wsbx_widget_wrap {width: auto; max-width: 1038px; margin: 0 auto;}
.wsbx_clearfix:after { content: "."; display: block; clear: both; visibility: hidden;
line-height: 0; height: 0;} 
.wsbx_clearfix { display: inline-block; }
html[xmlns] .wsbx_clearfix { display: block;} 
* html .wsbx_clearfix { height: 1%; overflow: visible; }

/*
=============================================================================================================== 
02. WIDGETS
=============================================================================================================== */
.wsbx_property_results_tabs .wsbx_tabs_framed_content { border: none; padding: 0; }
.wsbx_property_results_tabs .wsbx_property_results_info {border-top: none;}
.wsbx_property_results_tabs .wsbx_tabs_framed_inner { display: block!important; margin: 0 0 5px; }
.wsbx_titled_box_content.wsbx_property_results_info { padding: 0;}

 /* Results - Filter Bye type */
.wsbx_property_filter { float: right; width: 330px !important; margin: 1.9267822736030827% 0 0; padding: 0; list-style: none; } /* width: 415px, top: 20px */
.wsbx_property_filter li {display: inline;}
.wsbx_property_filter li a {float: left; margin-right: 3%;font-size: 12px; height: 16px; padding-left: 16px; color: #666; background: url(../images/property-filter-icons.png) 0 -16px no-repeat; display: inline-block; } /* right: 17px, left: 16px */
.wsbx_property_filter li a:hover {color: #000; background: url(../images/property-filter-icons-hv.png) 0 -16px no-repeat; text-decoration: none; border-bottom: 1px solid #333;}
.wsbx_property_filter li.wsbx_thumbnail a, 
.wsbx_property_filter li.wsbx_thumbnail a:hover {  background-position: -2px -63px; }
.wsbx_property_filter li.wsbx_listing_map a, 
.wsbx_property_filter li.wsbx_listing_map a:hover  { background-position: -2px -48px; }
.wsbx_property_filter li.wsbx_listing a, 
.wsbx_property_filter li.wsbx_listing a:hover { background-position: -2px -32px; }
.wsbx_property_filter li.wsbx_map a, 
.wsbx_property_filter li.wsbx_map a:hover  { background-position: 2px -15px; }
.wsbx_property_filter li.wsbx_photo a, 
.wsbx_property_filter li.wsbx_photo a:hover  { background-position: 0 0; margin-right: 0; }

/* Selected filter */
.wsbx_property_filter li.wsbx_selected a {color: #000; background: url(../images/property-filter-icons-hv.png) 0 -16px no-repeat; border-bottom: 1px solid #333;}
.wsbx_property_filter li.wsbx_thumbnail.wsbx_selected a { background-position: -2px -63px; }
.wsbx_property_filter li.wsbx_listing_map.wsbx_selected a { background-position: -2px -48px; }
.wsbx_property_filter li.wsbx_listing.wsbx_selected a { background-position: -2px -32px; }
.wsbx_property_filter li.wsbx_map.wsbx_selected a { background-position: 2px -15px; }
.wsbx_property_filter li.wsbx_photo.wsbx_selected a { background-position: 0 0; }

/* Property Result Breadcrumb */
.wsbx_property_results_breadcrumb { clear: both; font-size: 1.290em; padding: 1.9267822736030827% 0 0.9633911368015413% 1.4450867052023121%; letter-spacing: -1px;} /* top: 20px, right: 10px, left: 15px */
.wsbx_property_results_breadcrumb p {margin: 0; padding-right: 3%;}

.wsbx_property_button_links { float: right; margin: 0 1.0597302504816955% 1.9267822736030827% 0; width: 100%; text-align: right;} /* right: 11px, bottom: 20px */
*+html .wsbx_property_button_links { width: 80%; }
.wsbx_property_button_links a { padding: 1.30% 3.6608863198458574%; font-size: 1.20em; margin-left: 0.20%; text-transform: capitalize; color: #fff;} /* top-bottom: 10px, left-right: 38px */
.wsbx_property_button_links a b { font-weight: normal; }
.wsbx_property_button_links a span { font-size: .80em; line-height: 1; }

/* Listing Control Buttons */
.wsbx_listing_controls { position: absolute; bottom: 0; right: 11px; padding: 0; overflow: hidden; display: none; }
.wsbx_listing_controls a { float: left; border-right-width: 1px; border-right-style: solid; border-color: #ddd; color: #fff; line-height: 5.3; text-align: center; text-transform: capitalize; font-size: .90em; overflow: hidden}
.wsbx_listing_controls a span { display:block; height: 37px; width: 70px; background: url(../images/listing-control-button-icons.png) 0 4px no-repeat;}
.wsbx_listing_controls a:hover {text-decoration: none; color: #fff;}
.wsbx_listing_controls .wsbx_details span { background-position: 25px 2px;}
.wsbx_listing_controls .wsbx_map span { background-position: -43px 2px;}
.wsbx_listing_controls .wsbx_share span  { background-position: -112px 2px;}
.wsbx_listing_controls .wsbx_save span { background-position: -175px 2px;}
.wsbx_listing_controls .wsbx_notes span { background-position: -243px 2px;}
.wsbx_listing_controls .wsbx_compare span { background-position: -310px 2px;}
.wsbx_listing_controls .wsbx_compare {border-right: none;}


/* Property Result Listing */
.wsbx_property_result_list { width: /*auto*/ 98%; padding: 1%; position: relative; display: block; clear: both; } /* width: 498px 48.299217726396916%, top-right-left: 
10px  */
/*.wsbx_property_result_list:hover .wsbx_listing_controls { display: block; } 
*/.wsbx_property_result_list .wsbx_shadow_frame { float: left; width: 140px;}
.wsbx_property_result_list .wsbx_listing_detail {float: right; width: 83.8150289017341%; }
.wsbx_property_result_list  p { line-height: 1.3; margin: 0 0 5px; }
.wsbx_property_result_list .wsbx_house_desc {border:1px solid #d7d7d7; border-left-width: 0; border-right-width: 0; height: 26px; margin-bottom: 0;}
.wsbx_property_result_list .wsbx_house_desc p {display: inline; float: left; padding: 0.39267822736030828% 2.048747591522158%; background: url(http://www.websitebox.com/tpl/screens/images/house_desc_divider.png) 100% 50% no-repeat; font-size: .840em;}
.wsbx_property_result_list .wsbx_house_desc .wsbx_sqft {background: transparent;}
.wsbx_property_result_list .wsbx_house_desc p span {font-size: 1.6em; font-weight: 700;}
.wsbx_property_result_list .wsbx_for_sale {color: #fff!important; text-transform: uppercase; text-align: center; float: left; height: 26px; width: 100px; position: relative; line-height: 2; z-index: 999; margin: 0 0 0 -10px;} /* width: 100px */
.wsbx_property_result_list .wsbx_price {font-size: 1.70em; text-align: right; margin: 0; }
.wsbx_property_result_list .wsbx_address { float: left; font-size: 1.1em; line-height: 1; clear: left;}
.wsbx_property_result_list .wsbx_listing_courtesy {clear: both; font-size: .85em;}
.wsbx_property_result_list .wsbx_listing_courtesy p {float: left; padding-top: 7px;}
.wsbx_property_result_list .wsbx_listing_courtesy p span {display: block; text-decoration: underline; font-size: .82em;}
.wsbx_property_result_list .wsbx_listing_courtesy .wsbx_courtesy {float: right; width: 85px; text-align: right;}
.wsbx_listing_courtesy .wsbx_courtesy span {display: block;}


/* Pagination
-------------------------------------------------------------- */
.wsbx_pagination { margin: 5px 0 8px; padding: 0;}

/*
===============================================================================================================
03. MEDIA QUERIES (Responsive web design)
=============================================================================================================== */

.rmax103 body { -webkit-text-size-adjust: none;}
.rmax103 img { max-width: 100%; height: auto;}
.rmax103 .wsbx_property_button_links a { padding: 1.4% 2.7%; }
 
.rmax98 .wsbx_property_result_list { float: none; width: /*auto*/ /*95%*/ 98%; clear: both;}
.rmax98 .wsbx_property_result_list .wsbx_listing_detail { width: 82%; }
 
.rmax89 .wsbx_property_result_list {width: 98%;}
.rmax89 .wsbx_property_result_list .wsbx_listing_detail { width: 78%; }
 
.rmax81 .wsbx_property_result_list {width: 98%;}
.rmax81 .wsbx_property_button_links a { padding: 1.4% 2.3%; }
 
.rmax73 .wsbx_property_result_list {width: 98%;}
.rmax73 .wsbx_property_result_list .wsbx_listing_detail { width: 76%; }
.rmax73 .wsbx_property_button_links { padding-right: 1.20%;}
 
.rmax68 .wsbx_property_result_list {width: 98%;}
.rmax68 .wsbx_property_result_list .wsbx_listing_detail { width: 74%; }
.rmax68 .wsbx_property_button_links a {font-size: 1em;}
 
.rmax65 .wsbx_property_result_list {width: 98%;}
.rmax65 .wsbx_property_result_list .wsbx_listing_detail { width: 72%; }
.rmax65 .wsbx_property_result_list {padding: 2% 2%;}
.rmax65 .wsbx_property_results_breadcrumb { padding-left: 3%; }
 
.rmax56 .wsbx_property_result_list {width: 98%;}
.rmax56 .wsbx_property_result_list .wsbx_listing_detail { width: 66%; }
.rmax56 .wsbx_property_results_breadcrumb {font-size: 1em;}
 
.rmax50 .wsbx_property_result_list {width: 97%;}
.rmax50 .wsbx_property_result_list { height: auto; display: block; }
.rmax50 .wsbx_property_result_list .wsbx_listing_detail {float: none; width: auto;}
.rmax50 .wsbx_listing_detail .wsbx_house_desc {position: relative; padding-left: 0; top: 0; clear: both;}
.rmax50 .wsbx_listing_detail .wsbx_price {position: relative; top: -120px; margin-right: 8px;float: right;}
.rmax50 .wsbx_listing_detail .wsbx_listing_courtesy { margin-top: 0; clear: both;}
.rmax50 .wsbx_listing_detail .wsbx_for_sale { float: right; margin: -115px 0 0; }
.rmax50 .wsbx_property_results_breadcrumb { padding-left: 3%; }
.rmax50 .wsbx_property_button_links a { padding: 1.6% 2.3%; letter-spacing: 0; }
 
.rmax47 .wsbx_property_result_list {width: 96%;}
.rmax47 .wsbx_listing_detail .wsbx_price { right: -5px;}
.rmax47 .wsbx_listing_controls { width: 212px; left: 26%;}
.rmax47 .wsbx_listing_controls a {padding-bottom: 4px;}
.rmax47 .wsbx_listing_controls a:nth-child(1),
.rmax47 .wsbx_listing_controls a:nth-child(2),
.rmax47 .wsbx_listing_controls a:nth-child(3) { border-bottom-width: 1px; border-bottom-style: solid;}
.rmax47 .wsbx_listing_controls a:nth-child(3) { border-right: 0;}
.rmax47 .wsbx_property_result_list .wsbx_shadow_frame { width: 29.411764705882354%; }
.rmax47 .wsbx_property_filter li a span,
.rmax47 .wsbx_property_button_links a b {display: none;}
 
.rmax33 .wsbx_property_result_list {width: 95%;}
.rmax33 .wsbx_listing_controls { left: 15%;}
.rmax33 .wsbx_listing_detail .wsbx_price {top: -93px; }
.rmax33 .wsbx_listing_detail .wsbx_for_sale {margin:0px 0 0 !important;}
.rmax33 .wsbx_property_result_list .wsbx_listing_courtesy { position: relative; top: 0;}
.rmax33 .wsbx_property_filter { width: auto !important; float: none; height: 20px; padding: 6px 0 0 15px;}
.rmax33 .wsbx_property_filter li a {margin-right: 16%;}
.rmax33 .wsbx_property_results_breadcrumb { padding-left: 5%; }
.rmax33 .wsbx_property_button_links { padding-left: 3%; width: auto; float: none;}
.rmax33 .wsbx_property_button_links a {font-size: .88em; float: left; margin-right: 3px; padding: 2.7% 4.30%;}
.rmax33 .wsbx_property_result_list { padding-bottom: 0; padding-top: 5%; padding-left: 3%; padding-right: 3%;}
 
.rmax26 .wsbx_property_result_list {width: 95%;}
.rmax26 .wsbx_property_result_list .wsbx_shadow_frame { width: 37.411764705882354%; }
.rmax26 .wsbx_listing_detail .wsbx_price { font-size: 1.40em; }
.rmax26 .wsbx_property_filter li a {margin-right: 14%;}
/* .rmax26 .wsbx_property_result_list .wsbx_listing_courtesy {font-size: .70em; top: -25px;  } */
.rmax26 .wsbx_listing_controls { left: 5%;}
.rmax26 .wsbx_listing_detail .wsbx_price {top: -125px; }
.rmax26 .wsbx_property_button_links { padding-left: 3%; padding-right: 0;}
.rmax26 .wsbx_property_button_links a { padding: 3.4% 3%; font-size: .88em; letter-spacing: -1px; }
.rmax26 .wsbx_property_button_links a:last-child { margin-right: 0; }



/* Leave a Note */
.wsbx_leave_a_note { position: absolute; top: 211px; right: 91px; width: 240px; height: 238px; text-align: left; padding: 6px; z-index: 99999;-webkit-box-shadow:1px 1px 5px #333; -moz-box-shadow:1px 1px 5px #333; box-shadow:1px 1px 5px #333; display: none; }
.wsbx_leave_a_note .wsbx_mysite_form form div label { display: block; padding-bottom: 5px; font-size: 1.080em;}
.wsbx_leave_a_note .wsbx_mysite_form form .wsbx_textarea {height: 160px;}
.wsbx_leave_a_note .wsbx_mysite_form form .wsbx_contact_form_submit { float: right; }