/** * Last modification taken from /resources/cs/css/cs-modlet-colors.css - rev 6800 * Merged with & renamed to cs-styles.css - modified with rev 6835 of cs-styles.css * * The Default Colors are as follows: * * borders (boxes, headers, section breaks, etc): * #5E5E5E [B] * * backgrounds (tabs, pagination, etc.): * #EFEFEF [BG] * hover: #FFFFFF [BGH] * active: #FFFFFF [BGA] * * form inputs (inputs, text areas, treeviews, etc.): * border: #CCCCCC [FB] * focus: #5E5E5E [FF] * * * feedback: * feedback background: #FFFFE0 [FBK] * feedback border: #E6DB55 [FBD] * * error background: #f4f450 [FEB] * feedback error text: #D54E21 [FET] * * info window * link color: #0066CC * link hover color: #90D022 */ /** * WARNING and NOTE: 2014-10-28 EZ - This file now get's evaluated and cached on disk for each account if the cache file is not already present on disk. This happens automagically so don't worry. * The cache file is also deleted you update the colors using the back office. If you ever need to change this file's content all of the accounts need to be updated, there is a tool provided for * this: * * NightlyMaintenance clear_cs_styles * * This will delete the cs-styles.css and cs-styles-default.css files from each and every account directory. * * --------------------------------------------------------------------------------------------------------------------------------------------------- */ /** * ---------RESET STYLES--------- * ***MUST BE FIRST*** */ #cs-wrapper .cs-module div,#cs-wrapper .cs-module dl,#cs-wrapper .cs-module dt,#cs-wrapper .cs-module dd,#cs-wrapper .cs-module ul,#cs-wrapper .cs-module ol,#cs-wrapper .cs-module ul li,#cs-wrapper .cs-module h1,#cs-wrapper .cs-module h2,#cs-wrapper .cs-module h3,#cs-wrapper .cs-module h4,#cs-wrapper .cs-module h5,#cs-wrapper .cs-module h6,#cs-wrapper .cs-module pre,#cs-wrapper .cs-module code,#cs-wrapper .cs-module form,#cs-wrapper .cs-module fieldset,#cs-wrapper .cs-module legend,#cs-wrapper .cs-module input,#cs-wrapper .cs-module textarea,#cs-wrapper .cs-module p,#cs-wrapper .cs-module blockquote,#cs-wrapper .cs-module th,#cs-wrapper .cs-module td {margin:0;padding:0;} #cs-wrapper .cs-module table {border-collapse:collapse;border-spacing:0;} #cs-wrapper .cs-module fieldset,#cs-wrapper .cs-module img {border:0;max-width:none;-moz-box-shadow: none;-webkit-box-shadow:none;box-shadow:none;padding:0;margin:0;background-color: transparent;} #cs-wrapper .cs-module address,#cs-wrapper .cs-module caption,#cs-wrapper .cs-module cite,#cs-wrapper .cs-module code,#cs-wrapper .cs-module dfn,#cs-wrapper .cs-module em,#cs-wrapper .cs-module strong,#cs-wrapper .cs-module th,#cs-wrapper .cs-module var {font-style:normal;font-weight:normal;} #cs-wrapper .cs-module ul li {list-style:none; border: none;} #cs-wrapper .cs-module caption,#cs-wrapper .cs-module th {text-align:left;} #cs-wrapper .cs-module h1,#cs-wrapper .cs-module h2,#cs-wrapper .cs-module h3,#cs-wrapper .cs-module h4,#cs-wrapper .cs-module h5,#cs-wrapper .cs-module h6 {font-size:100%;font-weight:normal;} #cs-wrapper .cs-module q:before,#cs-wrapper .cs-module q:after {content:'';} #cs-wrapper .cs-module abbr,#cs-wrapper .cs-module acronym {border:0;font-variant:normal;} #cs-wrapper .cs-module sup {vertical-align:super;line-height:0px;bottom:auto;} #cs-wrapper .cs-module sub {vertical-align:text-bottom;line-height:0px;} #cs-wrapper .cs-module input,#cs-wrapper .cs-module textarea,#cs-wrapper .cs-module select {font-family:inherit;font-size:inherit;font-weight:inherit;} #cs-wrapper .cs-module input,#cs-wrapper .cs-module textarea,#cs-wrapper .cs-module select {*font-size:100%;} #cs-wrapper .cs-module legend {color:#000;} #cs-wrapper .cs-module a,#cs-wrapper .cs-module a:active,#cs-wrapper .cs-module a:hover,#cs-wrapper .cs-module a:visited {outline: none;} /* jquery UI reset styles */ #cs-wrapper .ui-menu .ui-menu-item{ list-style:none; margin:0; padding:0; background-image:none; } /* 2015-07-28 EZ - this is here because the options were going under the range sliders on the mls search page */ #cs-wrapper .ui-menu{ z-index: 2; } /** * ---------END RESET STYLES--------- */ /** * ---------FORM STYLES--------- */ #cs-wrapper div.cs-module{ margin-bottom:10px; clear:both; } #cs-wrapper form.cs-form{ margin-bottom:10px; } #cs-wrapper form.cs-form-wide{ width:100%; } #cs-wrapper div.cs-form-feedback{ margin-top:10px; text-align:center; } #cs-wrapper div.cs-form-feedback .formFeedback img{ margin-right:5px; vertical-align:bottom; } #cs-wrapper div.cs-form-feedback .formFeedback{ line-height: 16px; } #cs-wrapper div.cs-form-section{ margin-bottom:10px; } #cs-wrapper div.cs-form-section-title{ font-size:130%; font-weight:bold; border-bottom: 1px dotted #5E5E5E; margin-bottom: 10px; margin-top: 0; } #cs-wrapper a.cs-form-section-title-link, #cs-wrapper span.cs-form-section-title-link{ margin-left: 4px; padding: 3px 8px; position: relative; } #cs-wrapper form.cs-form label, #cs-wrapper form.cs-form-inline label{ display:block; } #cs-wrapper span.cs-required-field{ color:red; margin-left:3px; } #cs-wrapper form.cs-form input, #cs-wrapper form.cs-form-inline input, #cs-wrapper form.cs-form textarea, #cs-wrapper form.cs-form-inline textarea, #cs-wrapper form.cs-form select, #cs-wrapper form.cs-form-inline select{ background: url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-input.png") repeat-x scroll left top #FFFFFF; border:1px solid #CCCCCC; padding:5px; width: 100%; margin-bottom:3px; resize:none; height:auto; } #colorbox #cs-wrapper form.cs-form input, #colorbox #cs-wrapper form.cs-form-inline input, #colorbox #cs-wrapper form.cs-form textarea, #colorbox #cs-wrapper form.cs-form-inline textarea, #colorbox #cs-wrapper form.cs-form select, #colorbox #cs-wrapper form.cs-form-inline select{ border:1px solid #CCCCCC; text-shadow:none; color:#000; } #cs-wrapper form.cs-form div.cs-adjust-for-box-model, #cs-wrapper form.cs-form-inline div.cs-adjust-for-box-model{ margin-right:12px; /* this value equals the addition of the margin and border of the enclosed input element.*/ } #cs-wrapper form.cs-form div.cs-label-container, #cs-wrapper form.cs-form-inline div.cs-label-container{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ width:100%; vertical-align:top; } /* this class is strictly to support a prefix and suffix for a form field */ #cs-wrapper form.cs-form div.cs-input-container, #cs-wrapper form.cs-form-inline div.cs-input-container{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ width:100%; vertical-align:top; } #cs-wrapper form.cs-form div.cs-input-container-with-prefix-or-suffix{ width:95%; } #cs-wrapper form.cs-form div.cs-input-container-with-prefix-and-suffix{ width:90%; } #cs-wrapper form.cs-form div.cs-input-prefix, #cs-wrapper form.cs-form-inline div.cs-input-prefix{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ width:5%; padding:4px 0px; vertical-align:top; } #cs-wrapper form.cs-form div.cs-input-suffix, #cs-wrapper form.cs-form-inline div.cs-input-suffix{ width:5%; display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ padding:4px 0px; text-align:right; vertical-align:top; } #cs-wrapper form.cs-form input:focus, #cs-wrapper form.cs-form-inline input:focus, #cs-wrapper form.cs-form textarea:focus, #cs-wrapper form.cs-form-inline textarea:focus, #cs-wrapper form.cs-form select:focus, #cs-wrapper form.cs-form-inline select:focus{ border:1px solid #5E5E5E; } #cs-wrapper form.cs-form input.error, #cs-wrapper form.cs-form-inline input.error{ background-color: #F4F450; background-image: none; } #cs-wrapper form.cs-form input.cs-button, #cs-wrapper form.cs-form-inline input.cs-button{ width:100px; margin: 5px; padding: 3px 5px; border:1px outset #CCCCCC; } #cs-wrapper form.cs-form input.cs-button-wide, #cs-wrapper form.cs-form-inline input.cs-button-wide{ width:150px; } #cs-wrapper input.cs-hidden{ display:none; } #cs-wrapper form.cs-form input.cs-button:active, #cs-wrapper form.cs-form-inline input.cs-button:active { border: 1px inset #CCCCCC; } #cs-wrapper form.cs-form input.cs-button:hover, #cs-wrapper form.cs-form-inline input.cs-button:hover { border-top-color: #5E5E5E; border-left-color: #5E5E5E; cursor:pointer; } #cs-wrapper form.cs-form input.cs-button[disabled], #cs-wrapper form.cs-form-inline input.cs-button[disabled], #colorbox #cs-wrapper form.cs-form input.cs-button[disabled], #colorbox #cs-wrapper form.cs-form-inline input.cs-button[disabled] { cursor: default; color: #5E5E5E; } #cs-wrapper form.cs-form input.cs-button[disabled]:hover, #cs-wrapper form.cs-form-inline input.cs-button[disabled]:hover, #colorbox #cs-wrapper form.cs-form input.cs-button[disabled]:hover, #colorbox #cs-wrapper form.cs-form-inline input.cs-button[disabled]:hover { border: 1px outset #CCCCCC; } #cs-wrapper form.cs-form .cs-input-small div.cs-label-container, #cs-wrapper form.cs-form-inline .cs-input-small div.cs-label-container{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ width:40%; } #cs-wrapper form.cs-form .cs-checkbox, #cs-wrapper form.cs-form-inline .cs-checkbox{ width:14px; text-align:left; border:none; padding:none; margin:0px 5px 0px 0px; vertical-align: middle; } #cs-wrapper div.cs-icon-captcha-refresh{ background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-back-on-market.png") top left no-repeat; } #cs-wrapper img.cs-captcha-image{ border: 1px solid #CCCCCC; } #cs-wrapper fieldset{ border-width:0; border-style:none; } #cs-wrapper .cs-fieldset-split{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ width:48%; vertical-align:top; } .cboxIE #cs-wrapper .cs-fieldset-split{ width:47%; } #cs-wrapper .cs-fieldset-split-spacer, .cboxIE #cs-wrapper .cs-fieldset-split-spacer{ width:4%; } #cs-wrapper form.cs-form div.cs-input-small, #cs-wrapper form.cs-form-inline div.cs-input-small{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ width:49%; /* 50%; */ } #cs-wrapper form.cs-form input.cs-checkbox, #cs-wrapper form.cs-form-inline input.cs-checkbox{ margin:6px 0px 8px 0px; } #cs-wrapper form.cs-form input.cs-input-file, #cs-wrapper form.cs-form-inline input.cs-input-file{ width:55%; vertical-align:middle; } #cs-wrapper form.cs-form input.cs-input-file-browse-button, #cs-wrapper form.cs-form-inline input.cs-input-file-browse-button{ margin: 0px 5px; } #cs-wrapper .optionalFieldsHidden { display: none; } /** INLINE FORM STYLES **/ #cs-wrapper form.cs-form-inline label{ padding-left:15px; } #cs-wrapper form.cs-form-inline fieldset{ padding-right:15px; } #cs-wrapper form.cs-form-inline div.cs-label-container{ width:20%; } #cs-wrapper form.cs-form-inline div.cs-input-container{ margin:0 0 15px 0; width:29%; } #cs-wrapper form.cs-form-inline fieldset .cs-fieldset-title{ border-bottom: 1px solid #5E5E5E; } #cs-wrapper form.cs-form-inline label, #cs-wrapper form.cs-form-inline div.cs-input-suffix, #cs-wrapper form.cs-form-inline div.cs-input-prefix{ margin-bottom:18px; } #cs-wrapper form.cs-form-inline div.cs-input-long{ width:80%; } #cs-wrapper form.cs-form-inline div.cs-input-container-with-prefix-or-suffix{ width:28%; } #cs-wrapper form.cs-form-inline div.cs-input-container-with-prefix-and-suffix{ width:26%; } #cs-wrapper form.cs-form-inline div.cs-input-prefix{ width:2%; } #cs-wrapper form.cs-form-inline div.cs-input-suffix{ width:2%; } /** END INLINE FORM STYLES **/ #cs-wrapper div.cs-slider, #cs-wrapper div.cs-dd-range { padding-bottom:10px; float:left; width:33%; vertical-align:bottom; position:relative; /* needed for IE 6,7 */ } /* TODO: DELETE IF NOT USED */ div.idx_quick_search_widget div.cs-slider, div.idx_quick_search_widget div.cs-dd-range { } #cs-wrapper div.cs-slider-toggle-container, div.idx_quick_search_widget div.cs-slider-toggle-container { padding-bottom:10px; float:left; width:33%; vertical-align:bottom; position:relative; } div.idx_quick_search_widget div.cs-slider-toggle-container { width:100%; } #cs-wrapper div.cs-slider-toggle-container div.cs-slider, div.idx_quick_search_widget div.cs-slider-toggle-container div.cs-slider { width:100%; } #cs-wrapper div.cs-slider-toggle-visible, #cs-wrapper div.cs-dd-range-toggle-visible, div.idx_quick_search_widget div.cs-slider-toggle-visible, div.idx_quick_search_widget div.cs-dd-range-toggle-visible { display:block; float:left; } #cs-wrapper div.cs-slider-toggle-hidden, #cs-wrapper div.cs-dd-range-toggle-hidden, div.idx_quick_search_widget div.cs-slider-toggle-hidden, div.idx_quick_search_widget div.cs-dd-range-toggle-hidden { display:none; } #cs-wrapper div.cs-slider-toggle-container, div.idx_quick_search_widget div.cs-slider-toggle-container { display:inline-block; } #cs-wrapper div.cs-slider-toggle, div.idx_quick_search_widget div.cs-slider-toggle { clear:both; } #cs-wrapper div.cs-dd-range-toggle, div.idx_quick_search_widget div.cs-dd-range-toggle { display:inline-block; margin-top:4px; margin-left:10px; } #cs-wrapper div.cs-slider-inner { margin-right:20px; padding-right:10px; } div.idx_quick_search_widget div.cs-slider-inner { text-align:center; } #cs-wrapper p.cs-slider-inner-label, #cs-wrapper p.cs-dd-range-label, div.idx_quick_search_widget p.cs-slider-inner-label, div.idx_quick_search_widget p.cs-dd-range-label{ margin-bottom:5px; } #cs-wrapper span.cs-slider-inner-label-value, #cs-wrapper p.cs-dd-range-label, div.idx_quick_search_widget span.cs-slider-inner-label-value, div.idx_quick_search_widget p.cs-dd-range-label { font-weight:bold; } #cs-wrapper .ui-slider .ui-slider-handle, div.idx_quick_search_widget .ui-slider .ui-slider-handle { z-index:1; } #cs-wrapper ul.cs-treeview, div.idx_quick_search_widget ul.cs-treeview { list-style: none outside none; } #cs-wrapper ul.cs-treeview li, div.idx_quick_search_widget ul.cs-treeview li { display:inline; } #cs-wrapper ul.cs-treeview-boxtree, div.idx_quick_search_widget ul.cs-treeview-boxtree{ margin-left:5px; } #cs-wrapper div.cs-treeview { float:left; width:25%; *width:24%; } #cs-wrapper div.cs-treeview-inner, div.idx_quick_search_widget div.cs-treeview-inner { margin-right:5px; } #cs-wrapper span.cs-treeview-title, div.idx_quick_search_widget span.cs-treeview-title { font-weight:bold; } #cs-wrapper a.cs-treeview-check-all, #cs-wrapper a.cs-treeview-check-none, div.idx_quick_search_widget a.cs-treeview-check-all, div.idx_quick_search_widget a.cs-treeview-check-none { cursor:pointer; } #cs-wrapper div.cs-treeview-boxtree-container, div.idx_quick_search_widget div.cs-treeview-boxtree-container { overflow-y:auto; border: 1px solid #CCCCCC; margin-bottom:10px; } #cs-wrapper div.cs-treeview-boxtree-container { height:120px; } div.idx_quick_search_widget div.cs-treeview-boxtree-container { max-height:120px; } #cs-wrapper ul.cs-treeview-boxtree li, div.idx_quick_search_widget ul.cs-treeview-boxtree li { display:block; } /* Extra Styles for IDX Quick Search Widget Form - Put somewhere... */ div.idx_quick_search_widget input[type='checkbox'], div.idx_quick_search_widget form.widget_config_manager_form input[type='checkbox'] { margin:0 5px; } div.idx_quick_search_widget form.widget_config_manager_form fieldset { padding-left:8px; padding-right:8px; } div.idx_quick_search_widget form.widget_config_manager_form input[type='checkbox'] { padding:0; width:auto; } div.idx_quick_search_widget ul.cs-treeview-boxtree li { text-align:left; } #mlsQuickSearchWidget_configDefaults div.cs-idx-search-vip-options div.cs-idx-search-vip-options-inner{ background-color:transparent; } #mlsQuickSearchWidget_configDefaults div.cs-idx-search-vip-options div.cs-idx-search-vip-options-inner input[type='checkbox']{ float:right; } /** Inline help messages on forms. copied from the admin styles. */ #cs-wrapper div.cs-form-section-inline-help{ border:1px dashed #DFDFDF; font:italic 12px Georgia,"Times New Roman","Bitstream Charter",Times,serif; margin:5px 5px 10px; padding:5px 5px 5px } /** * ---------END FORM STYLES--------- */ /** * ---------INFOBOX STYLES--------- */ #cs-wrapper div.cs-infobox-normal div.cs-module, #cs-wrapper div.cs-infobox-wide div.cs-module, #cs-wrapper div.cs-infobox-extra-wide div.cs-module{ margin-bottom:0px; } #cs-wrapper div.cs-infobox-normal{ width:320px; } #cs-wrapper div.cs-infobox-wide{ width:520px; } #cs-wrapper div.cs-infobox-extra-wide{ width:660px; } #cs-wrapper div.cs-infobox-wide-auto{ width:auto; max-width:957px; } #cs-wrapper div.cs-infobox-title{ font-size:140%; font-weight:bold; border-bottom: 1px solid #5E5E5E; margin-bottom: 10px; margin-top: 0; } #cs-wrapper div.cs-infobox-text{ margin-bottom:10px; } #cs-wrapper div.cs-infobox-normal div.cs-module, #cs-wrapper div.cs-infobox-wide div.cs-module, #cs-wrapper div.cs-infobox-extra-wide div.cs-module, #cs-wrapper div.cs-infobox-content div.cs-module{ margin-bottom:0px; } #cs-wrapper div.cs-infobox-normal form.cs-form, #cs-wrapper div.cs-infobox-wide form.cs-form, #cs-wrapper div.cs-infobox-extra-wide form.cs-form, #cs-wrapper div.cs-infobox-content form.cs-form{ margin-bottom:0px; } /** * ---------END INFOBOX STYLES--------- */ /** * ---------PLOT STYLES--------- */ #cs-wrapper div.cs-plot-bar-wide{ width:600px; height:150px; } #cs-wrapper div.cs-plot-centerer{ text-align:center; } /** * ---------END PLOT STYLES--------- */ /** * ---------TAB STYLES--------- */ #cs-wrapper div.cs-tabs-container{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ vertical-align: top; width:100%; margin-bottom:10px; position:relative; } #cs-wrapper ul.cs-tabs-list{ border-bottom: 1px solid #5E5E5E; } #colorbox #cs-wrapper ul.cs-tabs-list{ border-bottom: 1px solid #5E5E5E; } #cs-wrapper ul.cs-tabs-list li{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ border-style: solid; border-width: 1px 1px 0px 1px; border-color: #5E5E5E; background-color:#EFEFEF; background-image: none; position:relative; top:1px; margin-left:-1px; margin-bottom:1px; } #colorbox #cs-wrapper ul.cs-tabs-list li{ border-color: #5E5E5E; background-color:#EFEFEF; } #cs-wrapper ul.cs-tabs-list li a{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ padding:8px 12px; cursor:pointer; text-decoration:none; } #cs-wrapper ul.cs-tabs-list li.cs-tabs-tab-active a, #cs-wrapper ul.cs-tabs-list li.cs-tabs-tab-active a:hover, #cs-wrapper ul.cs-tabs-list li.cs-tabs-tab-right a, #cs-wrapper ul.cs-tabs-list li.cs-tabs-tab-right a:hover, #colorbox #cs-wrapper ul.cs-tabs-list li.cs-tabs-tab-active a, #colorbox #cs-wrapper ul.cs-tabs-list li.cs-tabs-tab-active a:hover, #colorbox #cs-wrapper ul.cs-tabs-list li.cs-tabs-tab-right a, #colorbox #cs-wrapper ul.cs-tabs-list li.cs-tabs-tab-right a:hover{ background:none; } #cs-wrapper ul.cs-tabs-list li:hover{ background-color:#FFFFFF; } #colorbox #cs-wrapper ul.cs-tabs-list li:hover{ background-color:#FFFFFF; } #cs-wrapper ul.cs-tabs-list li.cs-tabs-tab-active{ border-bottom: 0 none !important; background-color:#FFFFFF; padding-bottom:1px; margin-bottom:0px; } #colorbox #cs-wrapper ul.cs-tabs-list li.cs-tabs-tab-active{ background-color:#FFFFFF; } #cs-wrapper ul.cs-tabs-list li.cs-tabs-tab-left{ float:left; border:none; padding-top:2px; background:none; } #cs-wrapper ul.cs-tabs-list li.cs-tabs-tab-left-spacer{ border:none; padding: 5px 12px 6px; margin-left:1px; float:left; background:none; } #colorbox #cs-wrapper ul.cs-tabs-list li.cs-tabs-tab-left{ background:none; } #cs-wrapper ul.cs-tabs-list li.cs-tabs-tab-right{ float:right; border:none; padding-top:2px; background:none; } #cs-wrapper ul.cs-tabs-list li.cs-tabs-tab-left a{ padding:0px; } #colorbox #cs-wrapper ul.cs-tabs-list li.cs-tabs-tab-right{ background:none; } #cs-wrapper ul.cs-tabs-list li.cs-tabs-tab-right a{ padding:0px; } #cs-wrapper ul.cs-tabs-list li.cs-tabs-tab-right .cs-listing-status-icon-small{ vertical-align:inherit; } #cs-wrapper div.cs-tabs-button{ padding:5px 20px 5px 0px; margin-left:10px; float:left; } #cs-wrapper div.cs-tabs-browse-all-btn{ padding: 2px 0px 0px 0px; } #cs-wrapper ul.cs-tabs-list li.cs-tabs-tab-first-loading{ background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-loading.gif") no-repeat scroll center center transparent; } /** * ---------END TAB STYLES--------- */ /** * --------- PAGINATION STYLES --------- */ #cs-wrapper div.cs-pagination-bar { margin-bottom:10px; } #cs-wrapper div.cs-pagination-bar-sort{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ vertical-align: top; width:50%; } #cs-wrapper div.cs-pagination-bar-displaying{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ vertical-align: top; width:24%; text-align:center; } #cs-wrapper div.cs-pagination-bar-paging{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ vertical-align: top; width:26%; text-align:right; } #cs-wrapper form.cs-form-pagination div.cs-input-container, #cs-wrapper form.cs-form-simple div.cs-input-container{ display:inline; } #cs-wrapper select.cs-pagination-bar-select{ margin-right:4px; } #cs-wrapper div.cs-pagination-bar-paging a, #cs-wrapper div.cs-pagination-bar-paging span{ border:none; background:none; cursor:default; margin-left:3px; padding: 0px 2px; } #cs-wrapper div.cs-pagination-bar-paging a, #cs-wrapper div.cs-pagination-bar-paging span.current{ background-color: #EFEFEF; border: 1px solid #5E5E5E; text-decoration: none; cursor:pointer } #colorbox #cs-wrapper div.cs-pagination-bar-paging a, #colorbox #cs-wrapper div.cs-pagination-bar-paging span.current{ background-color: #EFEFEF; border: 1px solid #5E5E5E; text-decoration: none; cursor:pointer } #cs-wrapper div.cs-pagination-bar-paging span.current{ cursor:default; } #cs-wrapper div.cs-pagination-bar-paging a:hover, #cs-wrapper div.cs-pagination-bar-paging-bs a:hover{ background-color: #FFFFFF; } #colorbox #cs-wrapper div.cs-pagination-bar-paging a:hover{ background-color: #FFFFFF; } #cs-wrapper div.cs-pagination-bar-paging a:link, #cs-wrapper div.cs-pagination-bar-paging a:visited, #cs-wrapper div.cs-pagination-bar-paging a:active{ text-decoration:none; } #cs-wrapper div.cs-pagination-bar-paging span.current{ background-color: #FFFFFF; } #colorbox #cs-wrapper div.cs-pagination-bar-paging span.current{ background-color: #FFFFFF; } #cs-wrapper div.cs-pagination-bar-idx-search{ clear:both; margin-bottom:10px; } #cs-wrapper div.cs-pagination-bar-sort-mls-search{ width:26%; } #cs-wrapper div.cs-pagination-bar-displaying-mls-search{ width:48%; } #cs-wrapper div.cs-pagination-bar-paging-mls-search{ width:26%; } /** * ---------END PAGINATION STYLES --------- */ /** * ---------GENERAL STYLES--------- */ #cs-wrapper div.cs-idx-last-updated{ text-align: right; margin-bottom:10px; vertical-align:text-bottom; display: inline-block; width: 49%; /* EZ - not sure why it bumps it to the next line if this is set to 50. */ *display: inline; /* IE 7 Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ } #cs-wrapper div.cs-idx-last-updated-text{ vertical-align:text-bottom; } #cs-wrapper div.cs-idx-ereb-credit-line{ text-align: left; margin-bottom:10px; vertical-align:text-bottom; display: inline-block; width: 49%; /* EZ - not sure why it bumps it to the next line if this is set to 50. */ *display: inline; /* IE 7 Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ } #cs-wrapper div.cs-idx-disclaimer{ border-top:1px solid #5E5E5E; margin-bottom:10px; padding-top:5px; } #cs-wrapper div.cs-clear{ clear:both; } #cs-wrapper div.cs-dividing-line{ border-top: 1px solid #5E5E5E; margin-bottom: 10px; } #cs-wrapper a.cs-photo-nav-left, #cs-wrapper a.cs-photo-nav-right, #cs-wrapper a.cs-photo-nav-small-left, #cs-wrapper a.cs-photo-nav-small-right{ background: url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-photo-nav.png") no-repeat scroll 0 0 transparent; cursor: pointer; display: block; height: 100%; margin: 0; position: absolute; right: auto; top: 0; width: 31px; z-index: 1; opacity: 0.4; display:none; } #cs-wrapper a.cs-photo-nav-left, #cs-wrapper a.cs-photo-nav-small-left{ left:0; } #cs-wrapper a.cs-photo-nav-right, #cs-wrapper a.cs-photo-nav-small-right{ background: url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-photo-nav.png") no-repeat scroll -37px 0 transparent; right: 0; } #cs-wrapper a.cs-photo-nav-left:hover, #cs-wrapper a.cs-photo-nav-right:hover, #cs-wrapper a.cs-photo-nav-small-left:hover, #cs-wrapper a.cs-photo-nav-small-right:hover{ opacity:1; } #cs-wrapper a.cs-photo-nav-small-left, #cs-wrapper a.cs-photo-nav-small-right{ background-image: url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-photo-nav-small.png"); } #cs-wrapper div.cs-draggable{ cursor:move; } #cs-wrapper div.cs-form-feedback{ background-color: #FFFFE0; border-color: #E6DB55; -moz-border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 1px; margin: 5px 0 0px; padding: 8px 9px; font-weight:bold; text-align:left; } #cs-wrapper div.cs-form-feedback-error{ color:#D54E21; } #cs-wrapper div.cs-form-feedback-subtle{ border-style: solid; border-width: 1px; margin: 5px 0 0px; padding: 2px 9px; font-weight:normal; text-align:left; } #cs-wrapper div.cs-form-feedback-search-by-code { color: #000; } #cs-wrapper div#searchByCodeNotifyMsgHidden ul{ list-style-type: none; } /** * ---------END GENERAL STYLES--------- */ /** * ---------VIP PANEL STYLES--------- */ #cs-wrapper div.cs-forgot-password{ padding-left:20px; } #cs-wrapper div.cs-content-box{ margin-top:10px; } #cs-wrapper div.cs-form-submit-buttons-box{ margin-top:10px; text-align:right; } #cs-wrapper div.cs-vip-panel{ background-color: #EFEFEF; border: 1px solid #ABABAB; text-align:right; position:relative; } #cs-wrapper div.cs-vip-panel-status{ text-align:right; padding:4px 8px; } #cs-wrapper div.cs-vip-panel li{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ margin: 0px; list-style: none; background-image: none; } #cs-wrapper div.cs-vip-panel li a{ padding:8px; border-left:1px solid #ABABAB; display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ } #cs-wrapper div.cs-vip-panel li a{ text-decoration:none; padding:8px; } #cs-wrapper div.cs-vip-panel li a:hover{ background-color:#FFFFFF; } #cs-wrapper div.cs-vip-social-media img { vertical-align:top; } #cs-wrapper img.cs-vip-widget-fb-button, div.cs-vip-widget img.cs-vip-widget-fb-button { width:auto; height:25px; vertical-align:bottom; } /** * ---------END PANEL STYLES--------- */ /** * ---------SAVED SEARCHES--------- */ #cs-wrapper div.cs-saved-searches-container, #cs-wrapper div.cs-market-watch-container{ border-top: 3px double #5E5E5E; padding-top: 5px; } #cs-wrapper div.cs-saved-searches-search, #cs-wrapper div.cs-market-watch-result{ border-bottom: 3px double #5E5E5E; padding-bottom:10px; margin-bottom:10px; } #cs-wrapper h3.cs-saved-search-title, #cs-wrapper h3.cs-market-watch-result-title{ font-size: 115%; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #5E5E5E; margin-top:0px; } #cs-wrapper div.cs-saved-searches-search-section-areas, #cs-wrapper div.cs-saved-searches-search-section-criteria, #cs-wrapper div.cs-saved-searches-search-section-info{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ vertical-align: top; } #cs-wrapper div.cs-saved-searches-search-section-areas{ width:38%; } #cs-wrapper div.cs-saved-searches-search-section-criteria{ width:40%; } #cs-wrapper div.cs-saved-searches-search-section-criteria ul{ list-style: none outside none; margin: 0 0 0 0; padding: 0; } #cs-wrapper div.cs-saved-searches-search-section-info{ width:22%; } #cs-wrapper div.cs-saved-searches-search-section-contents{ margin:0px 5px; height:160px; overflow-y:auto; } #cs-wrapper div.cs-saved-searches-search-section-title{ font-size: 110%; font-weight: bold; margin-bottom: 2px; margin-top: 0; padding-bottom: 0; text-align: center; } #cs-wrapper div.cs-saved-searches-search-expiry{ margin-bottom:5px; } /** * ---------END SAVED SEARCHES--------- */ /** * ---------LISTING RESULTS--------- */ #cs-wrapper div.cs-listing-results-map-view{ position:relative; } #cs-wrapper div.cs-listing-results-map-view-container{ position:relative; height:500px; } #cs-wrapper div.cs-listing-results-map-view-container .map{ width:60%; height:100%; position:absolute; top:0; left:0; } #cs-wrapper div.cs-listing-results-map-view-container .mapSummaries{ width:35%; position:absolute; top:0; right:0; height:100%; overflow-x:auto; } #cs-wrapper div.cs-listing-results-container{ border-top: 3px double #5E5E5E; padding-top: 5px; } #cs-wrapper div.cs-listings-results-result{ border-bottom: 3px double #5E5E5E; padding-bottom:10px; margin-bottom:10px; position:relative; } #cs-wrapper div.cs-listing-results-result-map{ width:400px; height:400px; } #cs-wrapper div.cs-listing-results-result-media{ width:400px; height:400px; } #cs-wrapper div.cs-listings-results-result-left-container{ width:40%; position:relative; text-align:center; } #cs-wrapper div.cs-listings-results-result-right-container{ width:60%; } #cs-wrapper div.cs-listings-results-result-left-container, #cs-wrapper div.cs-listings-results-result-right-container{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ vertical-align: top; } #cs-wrapper div.cs-listings-results-result-left-container a.cs-photo-container{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ border: 1px solid #ABABAB; padding:3px; position:relative; line-height:0px; } #cs-wrapper div.cs-listings-results-result-left-container a.cs-photo-container:hover{ border-color: #5E5E5E; } #cs-wrapper div.cs-listings-results-result-left-container .cs-photo-container-wrap{ width:100%; min-width:100%; opacity: .3; filter: alpha(opacity=30); transition: opacity .2s ease-in; } #cs-wrapper div.cs-listings-results-result-left-container .cs-photo-container-wrap-no-opacity { width:100%; min-width:100%; opacity: 1; filter: none; transition: none; } #cs-wrapper div.cs-listings-results-result-left-container .cs-photo-container-wrap-visible{ opacity: 1; filter: alpha(opacity=100); } #cs-wrapper div.cs-listings-results-result-left-container a, #cs-wrapper div.cs-listings-results-result-left-container img.cs-photo-container-wrap{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } #cs-wrapper div.cs-listings-results-result-right-container-wrap{ margin-left: 10px; } #cs-wrapper div.cs-listings-results-result-right-container-wrap div.cs-address{ } #cs-wrapper div.cs-address h3{ font-size: 115%; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #5E5E5E; margin-top:0px; } #cs-wrapper div.cs-listings-results-result-right-container-wrap div.cs-price{ font-size: 150%; margin-bottom: 10px; font-weight:bold; position:relative; line-height: 100%; } #cs-wrapper div.cs-listing-results-map-view-container div.cs-listings-results-result-right-container-wrap div.cs-price{ margin-top: 5px; } #cs-wrapper div.cs-listings-results-result-right-container-wrap div.cs-price div.cs-idx-icon{ position:absolute; right:0px; top:0px } #cs-wrapper div.cs-listings-results-result-right-container-wrap div.cs-top-credit-line{ margin-bottom: 5px; } #cs-wrapper dl.cs-listings-results-result-tabular-info{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ list-style: none outside none; width:65%; } #cs-wrapper .mapSummaries dl.cs-listings-results-result-tabular-info{ width:100%; } #cs-wrapper dl.cs-listings-results-result-tabular-info dt{ float:left; font-weight: bold; margin: 0; width:41%; clear:left; padding:2px 0px; } #cs-wrapper dl.cs-listings-results-result-tabular-info dd{ margin: 0; border-bottom: 1px solid #EFEFEF; width: 59%; float:left; padding:2px 0px; } #cs-wrapper div.cs-listings-results-result-buttons{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ vertical-align:top; width:35%; } #cs-wrapper .mapSummaries div.cs-listings-results-result-buttons{ width:100%; } #cs-wrapper dl.cs-listings-results-result-buttons-list{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ margin:0; padding:0; width:100%; } #cs-wrapper dl.cs-listings-results-result-buttons-list dt{ float:left; margin:0; padding:none; border:none; width:25%; *width:16% } #cs-wrapper dl.cs-listings-results-result-buttons-list dd{ margin:0; padding:none; border:none; width: 75%; *width:73%; /* IE Hack. I don't like 'em, but what'ya gonna do? */ float:left; } #cs-wrapper dl.cs-listings-results-result-buttons-list dd.cs-listings-results-result-buttons-highlight{ font-size:1.3em; font-weight:bold; } #cs-wrapper a.cs-listings-results-result-buttons-button-link{ padding:5px 0px; display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ padding: 3px 0 3px 10px; border:none; } #cs-wrapper a.cs-listings-results-result-buttons-button-link-with-icon{ padding:5px 0px; display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ padding: 3px 0 3px 19px; margin-left:-10px; border:none; } #cs-wrapper a.cs-listings-results-button-save{background: url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-star-add.png") no-repeat scroll 0px 50% transparent;} #cs-wrapper a.cs-listings-results-button-delete{background: url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-star-delete.png") no-repeat scroll 0px 50% transparent;} #cs-wrapper a.cs-listings-results-button-inquire{background: url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-inquire.png") no-repeat scroll 0px 50% transparent;} /* ------ UNCOMMENT FOR IMAGE ICONS ------ */ /* #cs-wrapper a.cs-listings-results-result-buttons-button-link{padding: 5px 0 5px 30px;} #cs-wrapper a.cs-icon-inquire{background: url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icons-large-mail.png") no-repeat scroll 3px 50% transparent;} #cs-wrapper a.cs-icon-map{background: url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icons-large-maps.png") no-repeat scroll 3px 50% transparent;} #cs-wrapper a.cs-icon-tour{background: url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icons-large-movie.png") no-repeat scroll 3px 50% transparent;} #cs-wrapper a.cs-icon-media{background: url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icons-large-movie.png") no-repeat scroll 3px 50% transparent;} #cs-wrapper a.cs-icon-mortgage{background: url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icons-large-dollar.png") no-repeat scroll 3px 50% transparent;} #cs-wrapper a.cs-icon-save{background: url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icons-large-save.png") no-repeat scroll 3px 50% transparent;} */ #cs-wrapper a.cs-listings-results-result-buttons-button-link:hover{ } #cs-wrapper div.cs-listings-results-result-contact{ text-align: center; margin-top: 10px; } #cs-wrapper div.cs-listing-status-icon-small{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ margin-left:4px; vertical-align: middle; padding: 12px; line-height:0; font-size:0; } #cs-wrapper div.cs-icon-fellthrough{ background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-fell-through.png") top left no-repeat; } #cs-wrapper div.cs-icon-new{ background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-flag-new-red.png") top left no-repeat; } #cs-wrapper div.cs-icon-pricedecrease{ background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-price-decrease.png") top left no-repeat; } #cs-wrapper div.cs-icon-priceincrease{ background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-price-increase.png") top left no-repeat; } #cs-wrapper div.cs-icon-foreclosure{ background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-foreclosure.png") top left no-repeat; } #cs-wrapper div.cs-icon-estatesale{ background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-estate-sale.png") top left no-repeat; } #cs-wrapper div.cs-icon-backonmarket{ background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-back-on-market.png") top left no-repeat; } #cs-wrapper div.cs-icon-openhouse{ background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-open-house.png") top left no-repeat; } #cs-wrapper div.cs-icon-banner{ width:150px; height:150px; position:absolute; top:0px; left:0px; } #cs-wrapper div.cs-icon-banner-pending{ background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-back-on-market.png") top left no-repeat; } #cs-wrapper div.cs-icon-banner-sold{ background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-back-on-market.png") top left no-repeat; } #cs-wrapper div.cs-listing-results-grid-view div.cs-price, #cs-wrapper div.cs-advanced-search-results-grid div.cs-price { font-size:1.3em; } #cs-wrapper div.cs-listing-results-grid-view div.cs-listings-results-result-contact, #cs-wrapper div.cs-advanced-search-results-grid div.cs-listings-results-result-contact { position:absolute; bottom:5px; } #cs-wrapper div.cs-listing-results-grid-view div.cs-listings-results-result-tabular-info-container, #cs-wrapper div.cs-advanced-search-results-grid div.cs-listings-results-result-tabular-info-container { overflow-x:hidden; overflow-y:auto; } #cs-wrapper div.cs-listing-results-grid-view div.cs-listing-results-container, #cs-wrapper div.cs-advanced-search-results-grid div.cs-listing-results-container { display:inline-block; width:100%; } #cs-wrapper div.cs-listing-results-grid-view dl.cs-listings-results-result-tabular-info, #cs-wrapper div.cs-advanced-search-results-grid dl.cs-listings-results-result-tabular-info { width:100%; } #cs-wrapper div.cs-advanced-search-results-map { width:100%; height:200px; margin-bottom:5px; } /** * ---------END LISTING RESULTS--------- */ /** * ---------LISTING DETAILS--------- */ #cs-wrapper div.cs-listing-details-header{ margin-bottom:15px; } #cs-wrapper div.cs-listing-details-header-left-container, #cs-wrapper div.cs-listing-details-header-right-container{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ vertical-align: top; margin:0; padding:0; margin-bottom:5px; } #cs-wrapper div.cs-listing-details-header-left-container{ width:37% } #cs-wrapper div.cs-listing-details-header-right-container{ width:63%; } #cs-wrapper div.cs-listing-details-header-left-container div.cs-price{ font-size: 160%; margin-bottom: 5px; font-weight:bold; position:relative; margin:0; padding:0; line-height:100%; } #cs-wrapper div.cs-listing-details-header-right-container div.cs-address{ text-align:right; position:relative; } #cs-wrapper div.cs-listing-details-header-right-container div.cs-address h2{ font-size: 160%; font-weight:bold; line-height:100%; border:none; } #cs-wrapper div.cs-listing-details-header-right-container span.cs-address-small{ font-size:63%; font-weight:normal; } #cs-wrapper .cs-listing-details-facebook-share { float:right; margin-bottom:3px; padding-right:5px; } #cs-wrapper .cs-listing-details-facebook-share img { height:22px; } #cs-wrapper div.cs-listing-details-addthis { display:inline-block; width:100%; } #cs-wrapper div.cs-listing-summaries-addthis { display:inline-block; width:100%; } /* Note: mapSummaries addThis not implemented */ #cs-wrapper .mapSummaries div.cs-listing-summaries-addthis { text-align:center; } #cs-wrapper .cs-addthis-toolbar { float:right; } #cs-wrapper .mapSummaries .cs-addthis-toolbar { float:none; } /* Chrome Floating Bug Fix */ #cs-wrapper div.cs-addthis-toolbar a{ float:left; } #cs-wrapper div.cs-listing-details-buttons-left, #cs-wrapper div.cs-listing-details-buttons-right, #cs-wrapper div.cs-listing-details-mls-num-left, #cs-wrapper div.cs-listing-details-listing-url-right{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ vertical-align: top; } #cs-wrapper div.cs-listing-details-buttons-left, #cs-wrapper div.cs-listing-details-mls-num-left{ width:37%; } #cs-wrapper div.cs-listing-details-buttons-right, #cs-wrapper div.cs-listing-details-listing-url-right{ text-align:right; width:63%; } #cs-wrapper a.cs-listing-details-button-mortgage, #cs-wrapper a.cs-listing-details-button-prequalify{ padding:3px 0px 3px 19px; margin-right:9px; float:left; } #cs-wrapper a.cs-listing-details-button-print, #cs-wrapper a.cs-listing-details-button-save, #cs-wrapper a.cs-listing-details-button-delete, #cs-wrapper a.cs-listing-details-button-loading, #cs-wrapper a.cs-listing-details-button-inquiry { padding:3px 0px 3px 19px; margin-left:9px; float:right; } #cs-wrapper ul.cs-listing-details-buttons-list{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ margin-bottom:7px; width:100%; } #cs-wrapper ul.cs-listing-details-buttons-list li{ display: inline; } #cs-wrapper a.cs-listing-details-button-mortgage{background: url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-calculator.png") no-repeat scroll 0px 50% transparent;} #cs-wrapper a.cs-listing-details-button-prequalify{background: url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-dollar.png") no-repeat scroll 0px 50% transparent;} #cs-wrapper a.cs-listing-details-button-print{background: url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-printer.png") no-repeat scroll 0px 50% transparent;} #cs-wrapper a.cs-listing-details-button-inquiry{background: url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-inquire.png") no-repeat scroll 0px 50% transparent;} #cs-wrapper a.cs-listing-details-button-save{background: url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-star-add.png") no-repeat scroll 0px 50% transparent;} #cs-wrapper a.cs-listing-details-button-delete{background: url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-star-delete.png") no-repeat scroll 0px 50% transparent;} #cs-wrapper a.cs-listing-details-button-loading{background: url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-loading.gif") no-repeat scroll 0px 50% transparent;} #cs-wrapper a.cs-listing-details-link{ border:1px solid #5E5E5E; padding:1px 3px; margin-left:5px; display: inline-block; float:right; white-space:nowrap; } #cs-wrapper a.cs-listing-details-link:focus { outline: 0; } #cs-wrapper a.cs-listing-details-link:hover{ background-color:#EFEFEF; cursor:default; } #cs-wrapper span.cs-listing-details-mlsnumber{ border:none; padding:2px 3px; } #cs-wrapper div.cs-listing-details-photo-container, #cs-wrapper div.cs-listing-details-gmap-container, #cs-wrapper div.cs-listing-details-tour-container, #cs-wrapper div.cs-listing-details-walkscore-container{ text-align:center; margin:10px; margin-top:0px; } #cs-wrapper div.cs-listing-details-walkscore-container{ height:485px; background-color:#FFFFFF; } #cs-wrapper div.cs-listing-details-photo-container{ position:relative; } #cs-wrapper img.cs-listing-details-photo-main{ margin: 0; max-width: 100%; padding: 0; /* Needed to add the three attributes below or the photo would magically not show on first load */ width:auto; height:auto; display:inline; } #cs-wrapper div.cs-listing-details-photo-desc{ text-align:center; margin: 2px; } #cs-wrapper div.cs-listing-details-photo-banner-pending, #cs-wrapper div.cs-listing-details-photo-banner-sold, #cs-wrapper div.cs-listing-details-photo-banner-rented, #cs-wrapper div.cs-listing-details-photo-banner-leased{ background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-photo-banners.png") no-repeat scroll 0px 0px transparent; position:absolute; left:0px; top:0px; width:86px; height:86px; } #cs-wrapper div.cs-listing-details-photo-banner-sold{ background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-photo-banners.png") no-repeat scroll 0px -120px transparent; } #cs-wrapper div.cs-listing-details-photo-banner-rented{ background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-photo-banners.png") no-repeat scroll 0px -240px transparent; } #cs-wrapper div.cs-listing-details-photo-banner-leased{ background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-photo-banners.png") no-repeat scroll 0px -360px transparent; } #cs-wrapper ul.cs-listing-details-slideshow-thumbnails{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ vertical-align: top; margin: 0; padding: 0; margin-bottom:10px; } #cs-wrapper ul.cs-listing-details-slideshow-thumbnails li{ display:inline; } #cs-wrapper ul.cs-listing-details-slideshow-thumbnails li a{ padding:5px; float:left; margin: 2px 0px 0px 2px; cursor:pointer; } #cs-wrapper ul.cs-listing-details-slideshow-thumbnails li a img{ height:36px; width:48px; float:left; border:none; margin: 0; padding: 0; } #cs-wrapper ul.cs-listing-details-slideshow-thumbnails li a:hover, #cs-wrapper ul.cs-listing-details-slideshow-thumbnails li a.cs-listing-details-slideshow-thumbnail-selected{ /*border:1px solid #5E5E5E; padding:4px;*/ background-color:#EFEFEF; } #cs-wrapper div.cs-listing-details-description{ border-top: 3px double #5E5E5E; padding-top:10px; margin-bottom:10px; } #cs-wrapper div.cs-listing-details-section, #cs-wrapper div.cs-tabular-data-container{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ vertical-align: top; width:100%; margin-bottom:10px; } #cs-wrapper div.cs-listing-details-section-half, #cs-wrapper div.cs-tabular-data-container-half{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ vertical-align: top; width:50%; } #cs-wrapper div.cs-listing-details-section-third, #cs-wrapper div.cs-tabular-data-container-third{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ vertical-align: top; width:32%; } #cs-wrapper div.cs-listing-details-section h3, #cs-wrapper div.cs-tabular-data-container h3, #cs-wrapper form.cs-form h3, #cs-wrapper form.cs-form-inline h3{ font-size: 130%; font-weight: bold; border-bottom: 1px dotted #5E5E5E; margin-bottom:10px; margin-top:0px; } #cs-wrapper div.cs-listing-details-content-block { margin-bottom:10px; } #cs-wrapper dl.cs-tabular-data-onecolumn, #cs-wrapper dl.cs-tabular-data-onecolumn-odd, #cs-wrapper dl.cs-tabular-data-twocolumn, #cs-wrapper dl.cs-tabular-data-twocolumn-odd, #cs-wrapper dl.cs-tabular-data-threecolumn, #cs-wrapper dl.cs-tabular-data-threecolumn-odd, #cs-wrapper dl.cs-tabular-data-fourcolumn, #cs-wrapper dl.cs-tabular-data-fourcolumn-odd{ float:left; width:100%; margin:0px 0px 4px 0px; margin-bottom:4px; } #cs-wrapper dl.cs-tabular-data-twocolumn, #cs-wrapper dl.cs-tabular-data-twocolumn-odd{ width:50%; } #cs-wrapper dl.cs-tabular-data-onecolumn-odd, #cs-wrapper dl.cs-tabular-data-twocolumn-odd, #cs-wrapper dl.cs-tabular-data-threecolumn-odd, #cs-wrapper dl.cs-tabular-data-fourcolumn-odd{ background-color:#EFEFEF; } #colorbox #cs-wrapper dl.cs-tabular-data-onecolumn-odd, #colorbox #cs-wrapper dl.cs-tabular-data-twocolumn-odd, #colorbox #cs-wrapper dl.cs-tabular-data-threecolumn-odd, #colorbox #cs-wrapper dl.cs-tabular-data-fourcolumn-odd{ background-color:#EFEFEF; } #cs-wrapper dl.cs-tabular-data-onecolumn dt, #cs-wrapper dl.cs-tabular-data-onecolumn-odd dt, #cs-wrapper dl.cs-tabular-data-twocolumn dt, #cs-wrapper dl.cs-tabular-data-twocolumn-odd dt, #cs-wrapper dl.cs-tabular-data-threecolumn dt, #cs-wrapper dl.cs-tabular-data-threecolumn-odd dt, #cs-wrapper dl.cs-tabular-data-fourcolumn dt, #cs-wrapper dl.cs-tabular-data-fourcolumn-odd dt{ float:left; width:40%; font-weight:bold; margin:0; } #cs-wrapper dl.cs-tabular-data-onecolumn dd, #cs-wrapper dl.cs-tabular-data-onecolumn-odd dd, #cs-wrapper dl.cs-tabular-data-twocolumn dd, #cs-wrapper dl.cs-tabular-data-twocolumn-odd dd, #cs-wrapper dl.cs-tabular-data-threecolumn dd, #cs-wrapper dl.cs-tabular-data-threecolumn-odd dd, #cs-wrapper dl.cs-tabular-data-fourcolumn dd, #cs-wrapper dl.cs-tabular-data-fourcolumn-odd dd{ float:left; width:60%; margin:0; } #cs-wrapper dl.cs-tabular-data-twocolumn dt, #cs-wrapper dl.cs-tabular-data-twocolumn-odd dt{ width:40%; } #cs-wrapper dl.cs-tabular-data-twocolumn dd, #cs-wrapper dl.cs-tabular-data-twocolumn-odd dd{ width:60%; } #cs-wrapper dl.cs-tabular-data-threecolumn dt, #cs-wrapper dl.cs-tabular-data-threecolumn-odd dt{ width:32%; font-weight:normal; } #cs-wrapper dl.cs-tabular-data-threecolumn dd, #cs-wrapper dl.cs-tabular-data-threecolumn-odd dd{ width:34%; } #cs-wrapper dl.cs-tabular-data-fourcolumn dt, #cs-wrapper dl.cs-tabular-data-fourcolumn-odd dt, #cs-wrapper dl.cs-tabular-data-fourcolumn dd, #cs-wrapper dl.cs-tabular-data-fourcolumn-odd dd{ width:25%; display:inline; } #cs-wrapper dl.cs-tabular-data-threecolumn-title dt, #cs-wrapper dl.cs-tabular-data-threecolumn-title dd, #cs-wrapper dl.cs-tabular-data-fourcolumn-title dt, #cs-wrapper dl.cs-tabular-data-fourcolumn-title dd, #cs-wrapper dl.cs-tabular-data-threecolumn-title-bs dt, #cs-wrapper dl.cs-tabular-data-threecolumn-title-bs dd, #cs-wrapper dl.cs-tabular-data-fourcolumn-title-bs dt, #cs-wrapper dl.cs-tabular-data-fourcolumn-title-bs dd { font-weight: bold; } #cs-wrapper div.cs-listing-details-contact{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ width:100%; border-top:1px solid #5E5E5E; margin-bottom:10px; padding-top:5px; } #cs-wrapper div.cs-listing-details-contact img{ float: left; height: 75px; margin: 0; padding-right: 10px; } #cs-wrapper div.cs-listing-details-contact-details{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ } /** * ---------END LISTING DETAILS--------- */ /** * ---------VIRTUAL TOUR--------- */ #mainTour .panorama-viewport { position: relative; width: 600px; overflow: hidden; margin: 0; padding: 0; text-align: left; } #mainTour .panorama-container { position: relative; width: 100000px; margin: 0; padding: 0; } #mainTour .panorama-control { position: absolute; display: none; padding: 0; margin: 0; bottom: -1px; left: 0; width: 100%; height: 30px; background: black; filter: alpha(opacity=50); opacity: .5; text-align: left; } #mainTour .panorama-control-left, .panorama-control-right, .panorama-control-pause { float: left; padding: 0; margin: 0; color: white; text-decoration: none; font-size: 20px; line-height: 30px; width: 33%; text-align: center; font-family: 'Arial',sans-serif } #mainTour .panorama-control-left:hover, .panorama-control-right:hover, .panorama-control-pause:hover { text-decoration: none; } #mainTour .panorama-control-pause { text-transform: uppercase; } #mainTour .panorama-panel { position: absolute; display: none; top: 0; right: 0; background: #009cff; filter: alpha(opacity=50); opacity: .5; color: white; padding: 4px; } #mainTour .panorama-panel h2 { font-size: 11px; text-transform: uppercase; font-family: Arial, sans-serif; text-align: right; } #mainTour .panorama-panel ul { display: none; } #mainTour .panorama { position: relative; margin: 0; padding: 0; border: none; } #mainTour .panorama-area { border: 2px solid white; filter: alpha(opacity=20); opacity: .2; background: black; font-size: 100%; cursor: pointer; text-decoration: none; color: white; text-align: right; } #mainTour .panorama-area-hover { background: #0080e2; cursor: pointer; } #mainTour .area0-hover { background: #ff7e00; } #mainTour .area1-hover { background: #25bf5b; } #mainTour .panorama-title { position: absolute; right: 0; top: 0; font-size: 16px; font-family: Verdana; background: gray; padding: 3px; filter: alpha(opacity=50); opacity: .5; } #mainTour img#jQ_vtour { max-width : none; max-height : none; } #listingDetailsVirtualTours div#mainTourDesc { display : inline-block; width: 100%; text-align : center; } /** * ---------VIRTUAL TOUR--------- */ /** * ---------IDX SEARCH--------- */ #cs-wrapper div.cs-idx-search-header{ margin-bottom: 10px; } #cs-wrapper div.cs-idx-search-header div.cs-idx-last-updated{ margin-bottom:0px; width:50%; display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ } #cs-wrapper div.cs-idx-search-header-type-select{ margin-bottom:0px; width:50%; display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ } #cs-wrapper div.cs-idx-search-options-tab, #cs-wrapper div.cs-idx-search-options-tab-active, #cs-wrapper div.cs-idx-save-search-tab{ margin-left: 10px; border: none; padding-right: 20px; cursor:pointer; background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-bullet-down.png") no-repeat scroll right center transparent; } #cs-wrapper div.cs-idx-search-options-tab-active{ background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-bullet-up.png") no-repeat scroll right center transparent; } #cs-wrapper div.cs-idx-save-search-tab{ background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-disk.png") no-repeat scroll right center transparent; padding-right:25px; } #cs-wrapper div.cs-quick-search-container{ float:left; margin-left:10px; margin-bottom:10px; width:100%; text-align:center; } #cs-wrapper div.cs-quick-search-container input[type="button"]{ padding:3px; } #cs-wrapper div.cs-quick-search-input { width:80%; display:inline-block; } #cs-wrapper div.cs-quick-search-message { display:none; width:100%; text-align:center; } #cs-wrapper div.cs-quick-search-message-close { width:75px; } #cs-wrapper form.cs-form input.cs-idx-quick-search, #listing_quick_search_form input#search_text { background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icons-magnifying-glass.png") no-repeat scroll 5px center transparent; padding:5px; margin-bottom:0px; text-indent:20px; line-height: 100%; float:left; } .widget #listing_quick_search_form { text-align:center; } .widget #listing_quick_search_form img { margin-bottom:5px; } #cs-wrapper form.cs-form input.cs-idx-quick-search { display:block; width:90%; line-height:initial; } #listing_quick_search_form input#search_text { display:inline; float:none; width: 180px; } #cs-wrapper form.cs-form input.cs-idx-quick-search-loading{ background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-loading.gif") no-repeat scroll 5px center transparent; } #cs-wrapper form.cs-form-simple{ margin:0px; } #cs-wrapper div.cs-search-options-container{ padding-bottom:5px; border:none; /*display:none;*/ } #cs-wrapper div.cs-search-options-panel{ border-bottom: 1px solid #5E5E5E; margin-bottom:10px; padding-left:14px; } #cs-wrapper div.cs-search-options-panel#searchEngineTree{ padding-left:0; } #cs-wrapper div.cs-idx-search-vip-options{ padding-bottom:10px; float:left; width:33%; vertical-align:bottom; } #cs-wrapper div.cs-idx-search-vip-options-inner, div.idx_quick_search_widget div.cs-idx-search-vip-options-inner { vertical-align:bottom; text-align:right; font-weight:bold; background-color: #EFEFEF; border: 1px solid #ABABAB; } #cs-wrapper div.cs-idx-search-vip-options-inner { margin-bottom:5px; padding-right:10px; margin-right: 20px; } div.idx_quick_search_widget div.cs-idx-search-vip-options-inner { width : 100%; } #cs-wrapper input.cs-idx-search-vip-options-checkbox{ vertical-align:middle; margin-left:10px; } #cs-wrapper div.cs-idx-search-map{ height:350px; position:relative; border:1px solid #5E5E5E; margin-bottom:10px; } #cs-wrapper div.cs-idx-search-container{ position:relative; } #cs-wrapper div.cs-idx-search-loading-message-container{ width: 100%; position: absolute; text-align: center; top: 40%; } #cs-wrapper span.cs-idx-search-loading-message{ background-color:#FAF7D4; border:1px solid #000000; color:#000000; font-size:163%; font-weight:bold; padding: 10px; white-space:nowrap; display:none; text-align:center; z-index:1; } #cs-wrapper div.cs-idx-search-hidden-listings{ display:none; position:absolute; padding:5px; border:1px solid #5E5E5E; background-color: #EFEFEF; } #cs-wrapper div.cs-idx-search-hidden-listings-msg-container{ display: inline-block; padding: 15px; border:1px solid #5E5E5E; } #cs-wrapper div.cs-idx-search-hidden-listings-msg{ float:left; font-size:1.5em; vertical-align:middle; text-align:center; width:75%; } #cs-wrapper div.cs-idx-search-hidden-listings-question{ font-weight:bold; text-align:center; float:right; width:25%; height:100%; font-size:5em; vertical-align:middle; } #cs-wrapper div.cs-idx-search-hidden-listings-close{ position: absolute; top: 7px; right: 8px; } #cs-wrapper div.cs-idx-search-hidden-listings-question a { display:inline-block; } #cs-wrapper div.cs-idx-search-hidden-listings-question a, #cs-wrapper div.cs-idx-search-hidden-listings-close a{ text-decoration:none; } /* Tooltip Overlay */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body div.ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #5E5E5E; box-shadow: 0 0 5px #5E5E5E; opacity: 1; filter:Alpha(Opacity=100); background-image: none; background-color: #EFEFEF; } * html .ui-tooltip { background-image: none; } body .ui-tooltip { border-width: 2px; } #cs-wrapper div.cs-idx-search-hidden-listings-small { display: none; position: absolute; opacity: 0.9; filter: Alpha(Opacity=90); font-size: 1em; white-space: nowrap; overflow: hidden; padding: 5px; border-bottom-left-radius: 10px; border:1px solid #5E5E5E; background-color: #EFEFEF; } #cs-wrapper div.cs-idx-stats{ background-color: #EFEFEF; padding:10px; text-align:center; margin-bottom:10px; } #cs-wrapper div#cs-idx-search-results-info-window, #cs-wrapper div#cs-idx-search-result-info-window { position:absolute; z-index:1; background-color: #ffffff; overflow-x: hidden; overflow-y: hidden; width:350px; height:50px; /* padding:5px; */ border:1px solid #5E5E5E; display:none; background: #ffffff none no-repeat scroll center center; border-radius: 8px; -moz-border-radius: 8px; color:#373737; } #cs-wrapper div#cs-idx-search-result-info-window { overflow: auto; height: auto; } #cs-wrapper div#cs-idx-search-results-info-window a, #cs-wrapper div#cs-idx-search-result-info-window a, #cs-wrapper div#cs-idx-search-results-info-window a:link, #cs-wrapper div#cs-idx-search-result-info-window a:link, #cs-wrapper div#cs-idx-search-results-info-window a:visited, #cs-wrapper div#cs-idx-search-result-info-window a:visited{ text-decoration:none; color:#0066CC cursor:pointer; /* !important; */ } #cs-wrapper div#cs-idx-search-results-info-window a:hover, #cs-wrapper div#cs-idx-search-result-info-window a:hover{ color:#90D022 /* !important; */ } #cs-wrapper div#cs-idx-search-results-info-window{ height:325px; overflow-y: scroll; border-radius: 8px; -moz-border-radius: 8px; } #cs-wrapper div.cs-idx-areaid-marker{ padding:10px; background-color: #FFFFFF; border: 1px solid #006699; color: #000000; cursor: pointer; font-size: 100%; font-weight: normal; opacity: 0.8; white-space: nowrap; } /** Messages that indicate that there is an extra restriction on the search. **/ #cs-wrapper div.cs-search-restriction-msg-container{ padding:10px; display:none; border: 1px solid #5E5E5E; cursor: pointer; font-size: 100%; font-weight: bold; opacity: 0.8; border-radius: 8px; -moz-border-radius: 8px; text-align:center; margin-bottom:10px; } /* Flot legend width fix for IDX Market Analyzer */ #cs-idx-search-results-market-analyzer-panel .rpmPlot .legend table{ width:auto; } /** * This is the mls search filters section, it does not get our form based styles as it does not sit inside a form with a cs-form class. * Therefore here we must make this filters section look less like crap. */ #cs-wrapper div.mls-search-filters-section fieldset, #cs-wrapper div.listings-search-filters-section fieldset { padding-right: 15px; } #cs-wrapper div.mls-search-filters-section input, #cs-wrapper div.listings-search-filters-section input { border: 1px solid #6D6D6D; padding: 3px; height: auto; margin-bottom: 3px; resize: none; } #cs-wrapper div.mls-search-filters-section input:not([type='submit']), #cs-wrapper div.listings-search-filters-section input:not([type='submit']) { background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icon-input.png") repeat-x scroll left top #FFFFFF; } #mlsSearch_filters div.cs-label-container, div.listings-search-filters-section div.cs-label-container { width: 20%; display: inline-block; vertical-align: top; } #mlsSearch_filters div.cs-input-container, div.listings-search-filters-section div.cs-input-container { width: 29%; margin: 0 0 15px; display: inline-block; vertical-align: top; } /** END MLS Search Filters */ /** * ---------END IDX SEARCH--------- */ /** * ---------COLORBOX STANDARD STYLES--------- */ #colorbox{ font: 9pt/1.66 Arial,Helvetica,sans-serif; } #colorbox, #colorbox span.graphLegendLabel{ color: #444444; } #colorbox a:visited, #colorbox a:link, #colorbox a{ text-decoration:none; color:#0066CC; cursor:pointer; } #colorbox a:hover{ color:#90D022; } #colorbox h3{ font-size:130%; font-weight:bold; } #colorbox a.cs-listing-details-link:hover{ background-color:#EFEFEF; } /** * ---------END COLORBOX STANDARD STYLES--------- */ /** * ---------IDX LISTINGS INFO WINDOW--------- */ #cs-wrapper div.cs-idx-search-info-window-container{ background: #ffffff; display:none; position:relative; padding: 5px; } #cs-wrapper div.cs-idx-search-info-window-result{ border-bottom:3px double #5E5E5E; padding-bottom:5px; } #cs-wrapper div.cs-idx-search-info-window-result{ margin: none; padding: none; } #cs-wrapper dl.cs-idx-search-info-window-result-tabular-info{ list-style: none outside none; margin-right: 10px; } #cs-wrapper dl.cs-idx-search-info-window-result-tabular-info dt{ float: left; font-weight: bold; margin: 0; width: 50%; clear: left; } #cs-wrapper dl.cs-idx-search-info-window-result-tabular-info dd{ margin: 0; border-bottom: 1px solid #CCCCCC; width: 50%; float:left; } #cs-wrapper dl.cs-idx-search-info-window-result-tabular-info dt, #cs-wrapper dl.cs-idx-search-info-window-result-tabular-info dd{ padding:1px 0px; } #cs-wrapper div.cs-idx-search-info-window-result-left{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ width:60%; vertical-align:top; } #cs-wrapper div.cs-idx-search-info-window-result-right{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ width:40%; vertical-align:top; text-align:center; } #cs-wrapper div.cs-idx-search-info-window-result-right a.cs-photo-container{ padding:3px; border: 1px solid #CCCCCC; display:inline-block; } #cs-wrapper div.cs-idx-search-info-window-result-right a.cs-photo-container:hover{ text-decoration:none; border-color: #5E5E5E; } #cs-wrapper div.cs-idx-search-info-window-result-right img.cs-photo-container-wrap{ width:100%; min-width:100%; } #cs-wrapper div.cs-idx-search-info-window-result-id, #cs-wrapper div.cs-idx-search-info-window-result-price{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ width:50%; border-bottom:1px dotted #5E5E5E; margin-bottom:5px; } #cs-wrapper div.cs-idx-search-info-window-result-price{ font-weight:bold; text-align:right; } #cs-wrapper div.cs-idx-search-info-window-result-agent-top{ margin-bottom:5px; } #cs-wrapper div.cs-idx-search-info-window-result-agent-bottom{ margin-top:5px; } #cs-wrapper div.cs-idx-search-info-window-vow-disabled{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(0,0,0,0.5); } #cs-wrapper div.cs-idx-search-info-window-vow-disabled-message-box{ position: inherit; top: 12px; right: 12px; bottom: 12px; left: 12px; background: white; opacity: 1; } #cs-wrapper div.cs-idx-search-info-window-vow-disabled-message-border{ position: inherit; top: 15px; right: 15px; bottom: 15px; left: 15px; border: 1px solid black; padding: 7px; } #cs-wrapper div.cs-idx-search-info-window-vow-disabled-message{ width: 100%; height: 100%; display: table; } #cs-wrapper div.cs-idx-search-info-window-vow-disabled-message p{ display: table-cell; vertical-align: middle; text-align: center; font-size: 1.5em; } /** * ---------END IDX LISTING RESULTS--------- */ /** * ---------AGENTS PAGE--------- */ #cs-wrapper h2.cs-associates-title{ font-size: 160%; font-weight: bold; margin-bottom: 10px; margin-top: 0; border-bottom: 3px double #5E5E5E; } #cs-wrapper div.cs-associateslist-single{ display:inline-block; vertical-align: top; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ width:50%; margin-bottom:10px; } #cs-wrapper div.cs-associateslist-associate{ margin: 5px; } #cs-wrapper div.cs-associateslist-associate-bs{ margin: 5px; text-align:center; } #cs-wrapper h3.cs-associateslist-associate-title{ border-bottom: 1px dotted #5E5E5E; font-size: 130%; font-weight: bold; margin-bottom: 10px; margin-top: 0; padding-bottom: 5px; } #cs-wrapper div.cs-associateslist-associate-image{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ vertical-align:top; width:40%; } #cs-wrapper div.cs-associateslist-associate-image-bs{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ vertical-align:top; } #cs-wrapper div.cs-associateslist-associate-image img{ min-width: 100%; width: 100%; } #cs-wrapper div.cs-associateslist-associate-info-container{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ vertical-align:top; width:60%; } #cs-wrapper div.cs-associateslist-associate-info-container-bs{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ vertical-align:top; text-align: left; } #cs-wrapper ul.cs-associateslist-associate-info{ margin-left:10px; list-style: none outside none; margin-bottom:10px; } #cs-wrapper ul.cs-associateslist-associate-info li{ border-bottom: 1px solid #CCCCCC; padding:4px; } #cs-wrapper ul.cs-associateslist-associate-info li img{ vertical-align: text-bottom; margin-right:5px; } #cs-wrapper div.cs-associate-description{ margin-left:10px; } #cs-wrapper div.cs-associateslist-filtertool-container, #cs-wrapper div.cs-communities-filtertool-container { margin: 5px; /** Float the container left and make it 100% wide so the cs-associateslist-filtertool-input does not float outside of the container */ float: left; width: 100%; } #cs-wrapper input.cs-associateslist-filtertool-input, #cs-wrapper input.cs-communities-filtertool-input{ background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-icons-magnifying-glass.png") no-repeat scroll 5px center transparent; padding:5px; text-indent:20px; display:block; line-height: 100%; width:220px; float:right; } /** * ---------END AGENTS PAGE--------- */ /** * ---------MORTGAGE CALCULATOR--------- */ #cs-wrapper form.cs-form div.cs-two-inputs-input{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ width:46%; vertical-align: top; } #cs-wrapper form.cs-form div.cs-two-inputs-middle{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ width:8%; text-align: center; vertical-align: top; } #cs-wrapper form.cs-form div.cs-two-inputs-input .cs-input-container-with-prefix-or-suffix{ width:89%; } #cs-wrapper form.cs-form div.cs-two-inputs-input .cs-input-container-with-prefix-and-suffix{ width:78%; } #cs-wrapper form.cs-form div.cs-two-inputs-input .cs-input-prefix, #cs-wrapper form.cs-form div.cs-two-inputs-input .cs-input-suffix{ width:11%; } #cs-wrapper div.cs-tabular-data-container h4{ font-weight: bold; text-align:center; margin:0px; } #cs-wrapper #gLeg1, #cs-wrapper #gLeg2 { left: 60px; opacity: 0.75; position: absolute; top: 30px; z-index: 1; background-color: #9C9C66; } /** * ---------END MORTGAGE CALCULATOR--------- */ /** * ---------COMMUNITIES--------- */ #cs-wrapper .cs-communities-section{ display:inline-block; width:100%; } #cs-wrapper .cs-communities-section dl.cs-tabular-two-column{ width:50%; float:left; text-indent:10px; } #cs-wrapper div.cs-communities-section a:hover{ text-decoration: none; } #cs-wrapper h2.cs-communities-section-header{ font-size: 160%; font-weight: bold; margin-bottom: 0px; margin-top: 10px; padding: 3px 3px 3px 0px; clear:left; } #cs-wrapper h2.cs-communities-section-header .cs-communities-section-header-expand{ font-weight: normal; text-decoration: none; vertical-align: text-bottom; } /** * ---------END COMMUNITIES--------- */ /** * ---------OFFICIAL--------- */ #cs-wrapper div.cs-official-logo-REBGV{ background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/official-images/REBGV-recip.gif") top left no-repeat; padding-left:106px; padding-top:43px; float:left; margin: 0px 5px 5px 0px; } #cs-wrapper div.cs-official-logo-REBGV-small{ background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/official-images/REBGV-recip-small.gif") top left no-repeat; padding-left: 32px; padding-top: 30px; } #cs-wrapper div.cs-official-logo-MRED{ background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/official-images/MRED_recip.jpeg") top left no-repeat; padding-left: 95px; padding-top: 21px; float: left; margin: 5px 5px 0 0; } #cs-wrapper div.cs-official-logo-CARA{ background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/official-images/CARA-recip.gif") top left no-repeat; padding-left:106px; padding-top:52px; float:left; margin: 0px 5px 5px 0px; } #cs-wrapper div.cs-official-logo-CARA-small{ background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/official-images/CARA-recip.gif") top left no-repeat; padding-left:106px; padding-top:52px; width: 180px; } #cs-wrapper div.cs-official-logo-RCIDX{ background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/official-images/RC_IDX_logo_105x50.gif") top left no-repeat; padding-left:106px; padding-top:43px; float:left; margin: 0px 5px 5px 0px; } #cs-wrapper div.cs-official-logo-RCIDX-small{ background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/official-images/RC_IDX_logo_70x34.gif") top left no-repeat; padding-left: 32px; padding-top: 30px; } /** * ---------END OFFICIAL--------- */ /** * ---------FOOTER--------- */ #cs-wrapper div.cs-footer{ margin-bottom:10px; display:inline-block; width:100%; } #cs-wrapper div.cs-footer-logo, div.cs-footer div.cs-footer-logo{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ padding-top:20px; padding-right:99px; background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/cs-logo-footer.png") right no-repeat; } #cs-wrapper div.ubertor-footer-logo, div.cs-footer div.ubertor-footer-logo{ display:inline-block; zoom: 1; *display: inline; /* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ padding-top:24px; padding-right:80px; background:url("https://wp-plugin.clicksold.com/t/resources/cs/images/ubertor-logo-footer.png") center right no-repeat; background-size: contain; } /** * ---------END FOOTER--------- */ /** * --------- RPM WIDGETS --------- */ #leftWidgets div.rpm-widget-addthis, #rightWidgets div.rpm-widget-addthis { display:inline-block; } /** * ---------END RPM WIDGETS --------- */ /** * ---------MISC--------- */ /** EZ 2013-02-28 - Add this cause the default listing not available message had the cs-price class this is a copy of that class. As of now that is the only use of this one. */ #cs-wrapper div.cs-strong-header{ font-size: 150%; margin-bottom: 10px; font-weight:bold; position:relative; line-height: 100%; } /** * On input forms we have a hidden parameter called extra_notes, this is for bots to fill out so that we can tell which forms were filled out by bots and which ones by humans * using the interface. All it is is to not display the input field but is named as if it's supposed to do something. * * Note: This has to be below all of the other styles as sometimes cs-input-container (which our div will have along with cs-input-container-extra-notes) has a display property * which overrides our display: none set here. */ #cs-wrapper form div.cs-input-container-extra-notes, #cs-wrapper form.cs-form div.cs-input-container-extra-notes { display:none; } /** * 2015-08-31 EZ - The new CS Listing Details Page widget has the ability to show street view but some cs themes have a "max-width: 100%" style on the img tag, according to: * http://stackoverflow.com/questions/13728387/streetview-images-fail-to-load-in-firefox this prevents streetview from loading. We get rid of this here. */ #cs-listing-widget-streetview img { max-width: none !important; } /** * ---------END MISC--------- */ /** * --------NEW MAP VIEW-------- **/ #cs-wrapper #cs-view-two div.cs-idx-search-header{ padding-left:15px; } #cs-wrapper #cs-view-two #cs-idx-search-sort-disabled-msg{ font-size:0.7em; padding-top:4px; } #cs-wrapper #cs-view-two .cs-right-col{ float:right; width:50%; } #cs-wrapper #cs-view-two .cs-left-col{ float:left; width:50%; } #cs-wrapper #cs-view-two .cs-pagination-bar-idx-search{ padding-top:4px; padding-bottom:4px; min-height:47px; } #cs-wrapper #cs-view-two div.cs-idx-search-map{ height:675px; margin-bottom:0; } #cs-wrapper #cs-view-two div.cs-idx-search-hidden-listings{ padding: 7px 7px 0 7px; border:none; background-color: #fff; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75); } #cs-wrapper #cs-view-two div.cs-idx-search-hidden-listings-msg-container{ border:none; background-color: #EFEFEF; } #cs-wrapper #cs-view-two .cs-quick-search-container{ width:50%; padding-top:5px; } #cs-wrapper #cs-view-two .cs-input-container input{ width:100%; border-radius:0px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } #cs-wrapper #cs-view-two div.cs-quick-search-input{ display:block; width:80%; margin:0 auto; } #cs-wrapper #cs-view-two div.cs-quick-search-input form{ width:99%; } #cs-wrapper #cs-view-two .cs-button-quick-search{ padding: 6px 4px; border-radius:0px; position: absolute; margin-left: -20px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } #cs-wrapper #cs-view-two form.cs-form input.cs-idx-quick-search{ background-color:#fff; } #cs-wrapper #cs-view-two div.cs-idx-last-updated{ vertical-align:inherit; } /* Listing results */ #cs-wrapper #cs-view-two div.cs-options-results-container{ max-height:600px; overflow-y:scroll; padding:10px; border-top:1px solid #000; /*background-color:#f3f3f3;*/ } #cs-wrapper #cs-view-two div.cs-listing-results-container{ border:none; padding-top:0; } #cs-wrapper #cs-view-two div.cs-listing-results-container:after{ content: ""; display: table; clear: both; } #cs-wrapper #cs-view-two div.cs-listings-results-result{ width:48%; margin-right:15px; margin-bottom:15px; padding-bottom:0; background:#fff; border:none; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75); font-size:0.8em; float:left; /*height:700px;*/ overflow:hidden; } #cs-wrapper #cs-view-two div.cs-listings-results-result.row-1{ margin-right:0; } #cs-wrapper #cs-view-two div.cs-listings-results-result-left-container{ display:block; width:100% } #cs-wrapper #cs-view-two div.cs-listings-results-result-right-container{ width:100%; margin-top:10px; } #cs-wrapper #cs-view-two div.cs-address h3{ border:none; display:inline-block; width:80%; } #cs-wrapper #cs-view-two div.cs-address h3 a, #cs-wrapper #cs-view-two div#cs-idx-search-results-info-window a, #cs-wrapper #cs-view-two div#cs-idx-search-result-info-window a{ color:#848484; text-decoration:none; } #cs-wrapper #cs-view-two div.cs-address h3 a:hover, #cs-wrapper #cs-view-two div#cs-idx-search-results-info-window a:hover, #cs-wrapper #cs-view-two div#cs-idx-search-result-info-window a:hover{ color:#404040; } #cs-wrapper #cs-view-two div.cs-listings-results-result-right-container-wrap{ margin-right:10px; } #cs-wrapper div.cs-listings-results-result-right-container-wrap div.cs-idx-icon{ display:inline-block; width:15%; } #cs-wrapper div.cs-listings-results-result-right-container-wrap div.cs-idx-icon .cs-official-logo-REBGV-small{ background-position:top right; } #cs-wrapper #cs-view-two div.cs-listings-results-result-left-container a.cs-photo-container{ border:none; padding:0; position: relative; width: 100%; height: 200px; overflow: hidden; } #cs-wrapper #cs-view-two div.cs-listings-results-result-left-container a.cs-photo-container img{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); /* IE8+ - must be on one line, unfortunately */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')"; /* * To make the transform-origin be the middle of * the object. Note: These numbers * are approximations. For more accurate results, * use Internet Explorer with this tool. margin-left: -50%; margin-top: -50%; */ } #cs-wrapper #cs-view-two div.cs-listings-results-result-left-container .cs-photo-container-wrap.lazyload{ opacity:.3; } #cs-wrapper #cs-view-two div.cs-listings-results-result-left-container .cs-photo-container-wrap.lazyloaded{ opacity:1; } #cs-wrapper #cs-view-two dl.cs-listings-results-result-tabular-info, #cs-wrapper #cs-view-two div.cs-listings-results-result-buttons{ width:100%; } #cs-wrapper #cs-view-two div.cs-listings-results-result ul.cs-listings-results-result-buttons-list{ list-style:none; margin:0; padding:0; text-align:center; } #cs-wrapper #cs-view-two div.cs-listings-results-result ul.cs-listings-results-result-buttons-list li{ display:inline-block; padding-right: 20px; } #cs-wrapper #cs-view-two div.cs-listings-results-result div.cs-listings-results-result-more-link a{ display:block; padding:10px 0; margin:10px 0; text-align:center; font-size:120%; background:#EFEFEF; font-weight:bold; } /* MAP */ #cs-wrapper #cs-view-two div.cs-idx-search-info-window-result{ border-bottom:1px solid #ccc; } #cs-wrapper #cs-view-two #cs-idx-search-result-info-window div.cs-idx-search-info-window-container{ padding:2px; } #cs-wrapper #cs-view-two #cs-idx-search-result-info-window, #cs-wrapper #cs-view-two #cs-idx-search-results-info-window{ border-radius:0; border:none; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75); font-size:0.8em; width:240px; } #cs-wrapper #cs-view-two div.cs-idx-search-info-window-result-price{ display:block; border:none; text-align: left; font-size:120%; } #cs-wrapper #cs-view-two .cs-idx-search-info-window-container .cs-idx-search-info-window-photo a{ display:block; height:100px; width:100%; overflow:hidden; white-space: nowrap; background:no-repeat center center; background-size:100% auto; } #cs-wrapper #cs-view-two div.cs-idx-search-info-window-result-left{ display:inline-block; width:100%; } #cs-wrapper #cs-view-two dl.cs-idx-search-info-window-result-tabular-info{ display:inline-block; } #cs-wrapper #cs-view-two dl.cs-idx-search-info-window-result-tabular-info dd{ border:none; } #cs-wrapper #cs-view-two .cs-idx-search-info-window-container .cs-idx-search-info-window-inner{ padding:0 10px; } #cs-wrapper #cs-view-two .cs-idx-search-info-window-container a{ color:#848484; } #cs-wrapper #cs-view-two .cs-idx-search-info-window-container h3.cs-address{ margin:5px 0; } #cs-wrapper #cs-view-two .cs-idx-search-info-window-container h3.cs-address a{ display:block; } /* Filters */ #cs-wrapper #cs-view-two .cs-search-options-panel{ padding-bottom:10px; } #cs-wrapper #cs-view-two .cs-search-options-panel .cs-slider-inner-label-value{ color:#2b7eb2; } #cs-wrapper #cs-view-two .cs-search-options-panel .cs-slider-track{ height:.4em; } #cs-wrapper #cs-view-two .cs-search-options-panel .cs-slider-track .ui-slider-handle.ui-corner-all{ border-radius: 50%; top:-.4em; width:1em; height:1em; background:#bebebe; } #cs-wrapper #cs-view-two .cs-search-options-panel .cs-slider-track .ui-slider-range{ background:#2b7eb2; } #cs-wrapper #cs-view-two div.cs-treeview{ background:#f4f4f4; padding: 10px; margin-right: 10px; width:23%; box-sizing: border-box; } #cs-wrapper #cs-view-two div.cs-treeview .cs-treeview-boxtree-container{ border:none; } #cs-wrapper #cs-view-two #mlsSearch_filters_access_link, #cs-wrapper #cs-view-two #mlsSearch_filters_apply{ background:#878787; color:#fff; font-size:90%; display: inline-block; padding: 10px; margin: 0 0 5px 0; border-radius:0; border:none; } #cs-wrapper #cs-view-two #mlsSearch_filters_apply{ background:#2b7cb1; } /* Tabs */ /* #cs-wrapper #cs-view-two .cs-tabs-container .cs-tabs-list{ background:#eaeaea; } #cs-wrapper #cs-view-two ul.cs-tabs-list li{ display: inline-block; zoom: 1; background: none; border:none; border-right:1px solid #000; } */ /* CSS3 Loader */ #cs-wrapper #cs-view-two #listingsPanelLoadingOverlay, #cs-wrapper #cs-view-two .cs-idx-search-loading-message{ display:block; } #cs-wrapper #cs-view-two #listingsPanelLoadingOverlay{ min-height:100px; } #cs-wrapper #cs-view-two .cs-idx-search-loading-message{ /* Reset */ background:none; padding:0; border:none; } #cs-wrapper #cs-view-two .loader:before, #cs-wrapper #cs-view-two .cs-idx-search-loading-message:before, #cs-wrapper #cs-view-two .loader:after, #cs-wrapper #cs-view-two .cs-idx-search-loading-message:after, #cs-wrapper #cs-view-two .loader, #cs-wrapper #cs-view-two .cs-idx-search-loading-message { border-radius: 50%; width: 2em; height: 2em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 1.8s infinite ease-in-out; animation: load7 1.8s infinite ease-in-out; } #cs-wrapper #cs-view-two .loader, #cs-wrapper #cs-view-two .cs-idx-search-loading-message { font-size: 10px; margin: 0 auto; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } #cs-wrapper #cs-view-two .loader:before, #cs-wrapper #cs-view-two .cs-idx-search-loading-message:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } #cs-wrapper #cs-view-two .loader:after, #cs-wrapper #cs-view-two .cs-idx-search-loading-message:after { left: 3.5em; } #cs-wrapper #cs-view-two .loader:before, #cs-wrapper #cs-view-two .cs-idx-search-loading-message:before, #cs-wrapper #cs-view-two .loader:after, #cs-wrapper #cs-view-two .cs-idx-search-loading-message:after { content: ''; position: absolute; top: 0; } @-webkit-keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em #000; } 40% { box-shadow: 0 2.5em 0 0 #000; } } @keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em #000; } 40% { box-shadow: 0 2.5em 0 0 #000; } } #cs-wrapper .cs-search-options-panel.ui-accordion{ padding-bottom:10px; } #cs-wrapper .cs-search-options-panel.ui-accordion h3.ui-accordion-header{ padding:8px; } #cs-wrapper .cs-search-options-panel.ui-accordion div.cs-treeview-inner.ui-accordion-content{ margin-right:0; max-height:150px; } #cs-wrapper .cs-search-options-panel.ui-accordion .ui-accordion-content div.cs-treeview-boxtree-container{ height:inherit; margin-bottom:0; } #cs-wrapper .cs-search-options-panel.ui-accordion .ui-accordion-content div.cs-treeview-boxtree-container ul li:nth-child(even){ background-color:#eee; } #cs-wrapper .cs-search-options-panel.ui-accordion .ui-accordion-content div.cs-treeview-boxtree-container label{ display:block; padding-top:4px; padding-bottom:4px; } /* Responsive per parent container width */ /* width <= 1330 */ #cs-wrapper .w-1330 #cs-view-two div.cs-slider{ width:100%; display:block; margin-bottom:10px; text-align:left; } #cs-wrapper .w-1330 #cs-view-two div.cs-treeview{ margin-right: 10px; margin-bottom: 10px; width: 47%; } /* width <= 1190 */ #cs-wrapper .w-1190 #cs-view-two div.cs-slider{ width:100%; display:block; margin-bottom:10px; text-align:left; } #cs-wrapper .w-1190 #cs-view-two div.cs-treeview{ margin-right: 10px; margin-bottom: 10px; width: 47%; } #cs-wrapper .w-1190 #cs-view-two div.cs-pagination-bar-displaying-mls-search{ display:none; } #cs-wrapper .w-1190 #cs-view-two .cs-left-col .cs-pagination-bar-idx-search{ margin-bottom:0; padding-bottom:0; padding-top:4px; } #cs-wrapper .w-1190 #cs-view-two .cs-left-col .cs-pagination-bar-idx-search .cs-pagination-bar-sort{ width:26%; } #cs-wrapper .w-1190 #cs-view-two .cs-left-col .cs-pagination-bar-idx-search .cs-pagination-bar-paging{ width:74%; } /* width <= 980 */ #cs-wrapper .w-980 #cs-view-two div.cs-slider{ width:100%; display:block; margin-bottom:10px; text-align:left; } #cs-wrapper .w-980 #cs-view-two div.cs-treeview{ margin-right: 10px; margin-bottom: 10px; width: 47%; } #cs-wrapper .w-980 #cs-view-two div.cs-pagination-bar-displaying-mls-search{ display:none; } #cs-wrapper .w-980 #cs-view-two .cs-left-col .cs-pagination-bar-idx-search{ margin-bottom:0; padding-bottom:0; padding-top:4px; } #cs-wrapper .w-980 #cs-view-two .cs-left-col .cs-pagination-bar-idx-search .cs-pagination-bar-sort{ width:26%; } #cs-wrapper .w-980 #cs-view-two .cs-left-col .cs-pagination-bar-idx-search .cs-pagination-bar-paging{ width:74%; } #cs-wrapper .w-980 #cs-view-two div.cs-options-results-container{ max-height:480px; } #cs-wrapper .w-980 #cs-view-two div.cs-idx-search-map{ height:620px; } #cs-wrapper .w-980 #cs-view-two div.cs-listings-results-result{ width:100%; float:none; height:auto; padding-bottom:10px; } #cs-wrapper .w-980 #cs-view-two .cs-idx-search-header .cs-idx-search-header-type-select, #cs-wrapper .w-980 #cs-view-two .cs-idx-search-header .cs-idx-last-updated{ width:100%; display:block; margin-bottom:10px; text-align:center; } /* Responsive */ @media only screen and (max-width: 1330px){ #cs-wrapper #cs-view-two div.cs-slider{ width:100%; display:block; margin-bottom:10px; text-align:left; } #cs-wrapper #cs-view-two div.cs-treeview{ margin-right: 10px; margin-bottom: 10px; width: 47%; } } @media only screen and (max-width: 1190px){ #cs-wrapper #cs-view-two div.cs-pagination-bar-displaying-mls-search{ display:none; } #cs-wrapper #cs-view-two .cs-left-col .cs-pagination-bar-idx-search{ margin-bottom:0; padding-bottom:0; padding-top:4px; } #cs-wrapper #cs-view-two .cs-left-col .cs-pagination-bar-idx-search .cs-pagination-bar-sort{ width:26%; } #cs-wrapper #cs-view-two .cs-left-col .cs-pagination-bar-idx-search .cs-pagination-bar-paging{ width:74%; } } @media only screen and (max-width: 980px) { #cs-wrapper #cs-view-two div.cs-options-results-container{ max-height:480px; } #cs-wrapper #cs-view-two div.cs-idx-search-map{ height:620px; } #cs-wrapper #cs-view-two div.cs-listings-results-result{ width:100%; float:none; height:auto; padding-bottom:10px; } #cs-wrapper #cs-view-two .cs-idx-search-header .cs-idx-search-header-type-select, #cs-wrapper #cs-view-two .cs-idx-search-header .cs-idx-last-updated{ width:100%; display:block; margin-bottom:10px; text-align:center; } } @media only screen and (max-width: 740px) { #cs-wrapper div.cs-treeview{ float:none; width:100%; } } @media only screen and (max-width: 480px) { #cs-wrapper div.cs-vip-panel li{display:block;} #cs-wrapper div.cs-vip-panel li a{ display:block; border-left:none; border-bottom:1px solid #ABABAB; text-align:center; } #cs-wrapper div.cs-vip-panel li:last-child a{border:none;} #cs-wrapper div.cs-vip-panel-status{text-align:center;} #cs-wrapper div.cs-idx-search-header-type-select, #cs-wrapper div.cs-idx-search-header div.cs-idx-last-updated{ display:block; width:100%; text-align:center; } #cs-wrapper div.cs-quick-search-container{ float:none; margin-left:0; } #cs-wrapper div.cs-quick-search-input{width:100%;text-align:center;} #cs-wrapper div.cs-quick-search-container input[type="button"]{width:100% !important; display:block;} #cs-wrapper form.cs-form input.cs-idx-quick-search{width:100%;} /* Tabs */ #cs-wrapper ul.cs-tabs-list .cs-tabs-tab-left-spacer{display:none;} #cs-wrapper ul.cs-tabs-list .cs-tabs-tab-right{display:block;float:none;} #cs-wrapper ul.cs-tabs-list li{display:block;} #cs-wrapper div.cs-slider, #cs-wrapper div.cs-dd-range, #cs-wrapper div.cs-treeview{display:block;width:100%;} }