html, body {height: 100%; margin:0}
img {border-style:none;}
a, span.pager_link, a.a {
	color: #64ACC5;
	text-decoration: none;
	cursor: pointer;
}
span.pager_link:hover { text-decoration: underline }
pre {font-family: monospace, sans-serif; }
#spinner {height:50px; display:none; background: #fff url(images/ajax-loader.gif) no-repeat center}
#end_results {display:none;text-align: center; color: #999}
.watermark {color: #AAA; }

.flash_message {position: fixed; top: 39px; right: 10px; opacity: 0.8}

#ad{
	text-align:center;
	margin-bottom: 30px;
}

div.banner h1 {
	text-align: center;
	font-size: 36px;
	margin: 0;
	padding: 0;
	text-shadow: 1px 1px 0px #FFF;
}

div.banner h2 {
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-shadow: 1px 1px 0px #FFF;
}
#wrap {min-height: 100%;}

.gray_box {background-color: #f9f9f9; border: 1px solid #ccc}


#page, #page-wide {clear: left; max-width: 930px; margin: 20px auto 50px auto; position: relative}
#page-wide { max-width: 80% }
#full_page {position: relative}


#save_search {position: relative; float:right }



.box 
{
  background: #fff;
  border: 1px solid #ccc;
}


.bx-wrapper .bx-viewport {
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
border: solid #ccc 1px!important;
}
.bx-wrapper .bx-prev {left: -40px !important;}
.bx-wrapper .bx-next {right: -32px !important;}


fieldset {padding:0px; margin:0px; border: 1px solid #5A79A5;}
fieldset > div, fieldset > p {margin:10px 10px; }


.editor-field {margin:5px 0; }
.editor-label {color:#666666;}
.field-validation-error {
	font-weight: bold;
	color: Red;
	margin: 5px 0;
}   
.validation-summary-errors ul {display: none;}

.info, .success, .warning, .info-text, .error, .validation, .validation-summary-errors {
	border: 1px solid;
	border-radius: .25rem;
	padding: .75rem 1.25rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.info, .info-text {
	color: #004085;
	background-color: #cce5ff;
	border-color: #b8daff;
}
.info h1 {color: #5A79A5 !important; }
.success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}
.warning {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
}
.error, .validation-summary-errors {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}
.field-validation-error {
	color: #721c24;
	background-color: #f8d7da;
	padding:5px;
	border-radius:6px;
	font-weight:normal;
}

#admin_panel {
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid red;
}
.clearfix { clear: both; }
.note {display: block; font-size: 10px; text-align: center; }
.center { text-align: center; }
.left { float:left;}
.right { float:right;}
input[type=text]{font-size:14px;}
input[type=text].numeric { width: 50px}
input[type=text].wide { width: 300px}
.required { color: Red;}
div.links { float: right; }
div.links a {margin: 0 5px;}
.editor-field label, .property_type label {width: 125px;}
span.checkbox {margin-right: 8px;}

.basic_information {float: left; width: 620px }
.legacy-section {margin: 20px 0; border: 1px solid #ccc; }
.section_content { padding: 10px; background-color: #fff}
.column { float:left;display:inline-block; width:350px; margin: 0 10px; }
.details_column { float: left; width: 240px; height: 525px;}
.details_column label { display: inline-block; width: 90px;}
.details_column select { width: 130px; }
.details_column h3 { margin: 0; font-size: 16px; color: #333}
.legacy-section label {
	display: inline-block;
}
.legacy-section textarea {
	width: 900px;
	height: 100px;
}
.hint {
	color: #aeaeae;
	font-size: .8em;
	margin: 0;
	padding-top: 0;
}
.button-bar{
	display: flex;
	flex-direction: row;
}
.block_errors span.field-validation-error {display: block; border: 1px solid }
.photo_box{float:left;width: 280px; margin-right: 20px;height:212px;text-align:center;}
.photo_box .image_box {height: 176px;}
.photo_box .image_box img {max-height:100%; max-width:100%;}
.photo_box a {margin:0 10px}

div.details label { width: 120px; font-weight: bold; color: #666;}
p.indented { margin: 0 50px 0 105px;}
select:disabled {background-color: #EBEBE4;border: 1px solid #F5F8FA;}
#ListPricePanel{margin-right:40px;}

.ie-warning {width:100%; padding:50px; background-color:#333; color: #fff; text-align:center;font-weight:bold;font-size:18px}
.ie-warning a {color:#9CAAC6;text-decoration:underline}

table.search_results{margin: 20px auto;text-align: left;width: 760px;border-collapse: collapse;border: 1px solid #ccc;}
table.search_results thead tr {background-color: #f9f9f9;border-bottom: 1px solid #ccc;}
table.search_results td, table.search_results th {padding: 5px}

.price_arrow{padding:0; margin:0;display: inline-block; 
        border-left: 75px solid transparent;
        border-right: 75px solid transparent;
        border-top: 75px solid #006;}

table.join thead th{width: 200px; background-color: #006; color: White;font-weight: normal; text-transform:uppercase}
table.join td{text-align: center;}
table.join tbody th{font-weight: normal;}
table.join tbody tr.even th{background-color:#E6E6E6;}
table.join tbody tr.even td{background-color:#9CAAC6;}
table.join tbody tr td{height: 30px; background-color:#F5F8FA}

table.data {margin: 10px 0 30px 0; border-collapse: collapse }
table.data th, table.data td { text-align: left; white-space:nowrap;  margin:0; padding:2px 15px}
table.data.th {padding-bottom: 5px}
table.data > tr > td:first-child, table.data > tr > th:first-child {padding-left: 0}
table.data th.leftborder, table.data td.leftborder {border-left: 1px solid #333;} 
table.data td.numeric, table.data th.numeric{text-align: right; }

input[type="submit"]:disabled {background-color: #F5F8FA; }                         
.price {font-size: 28px;font-weight: bold}
.price_term{ font-size: 11px; text-transform:none}
.charge {font-weight: bold; color: #333; margin: 10px 0;}

#search_form {margin-bottom:10px;}
.search_result, .search_result_even{ padding: 5px 10px;}
.search_result_even {margin: 15px 0;}

input.large, select.large
{
  font-size: 24px;
  padding: 3px;
  margin-top: 2px;
  margin-right: 6px;
  border: 1px solid #E5E5E5;
  background: #FBFBFB;
  color: #333;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
select.large { font-size: 16px;
}
.ui-autocomplete {
  max-height: 300px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}

.blue_button, a.blue_button {
	cursor:pointer;
	height:30px;
	border:none;
	padding: 5px;
	display: inline-block;
	background-color: #64ACC5;
	border-radius: 3px;
	color: #fff;
	text-align: center;
	min-width: auto;
	margin: 0px 5px 0 5px;
}

.mat-button {
	box-sizing: border-box;
	cursor: pointer;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-stretch: 100%;
	font-style: normal;
	font-variant-caps: normal;
	font-variant-east-asian: normal;
	font-variant-ligatures: normal;
	font-variant-numeric: normal;
	font-weight: 500;
	height: auto;
	letter-spacing: normal;
	line-height: 36px;
	text-align: center;
	text-indent: 0px;
	text-rendering: auto;
	text-shadow: none;
	text-transform: none;
	user-select: none;
	white-space: nowrap;
	width: auto;
	word-spacing: 0px;
	writing-mode: horizontal-tb;
	-webkit-box-direction: normal;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.gray_button, a.gray_button
{
  padding:5px;
  display:inline-block;
  background-color: #eee;
  border: 1px solid #999;
  border-bottom: 1px solid #838383;
  border-radius: 3px;
  color: #666;
  font: 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  text-align: center;
  text-shadow: 0 -1px 0 #f2f2f2;
  min-width: auto;
  margin: 0px 5px 0 5px;
}

.gray_button:hover {
  background-color: #e6e6e6;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #c6c6c6));
  background-image: -webkit-linear-gradient(top, #e6e6e6, #c6c6c6);
  background-image: -moz-linear-gradient(top, #e6e6e6, #c6c6c6);
  background-image: -ms-linear-gradient(top, #e6e6e6, #c6c6c6);
  background-image: -o-linear-gradient(top, #e6e6e6, #c6c6c6);
  background-image: linear-gradient(top, #e6e6e6, #c6c6c6);
  -webkit-box-shadow: inset 0 1px 0 0 #c1c1c1;
  box-shadow: inset 0 1px 0 0 #c1c1c1;
  cursor: pointer; 
  text-decoration: none
  }

.green_button, a.green_button, .pager_first, .pager_last, .pager_previous, .pager_next 
{
  padding:5px;
  display:inline-block;
  background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 1px solid #63a62f;
  border-bottom: 1px solid #5b992b;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
  box-shadow: inset 0 1px 0 0 #96ca6d;
  color: #fff;
  font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
  min-width: auto;
  margin: 0px 5px 0 5px;
}

.green_button:hover, .pager_first:hover, .pager_last:hover, .pager_previous:hover, .pager_next:hover {
  background-color: #76b347;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
  background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
  background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
  background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
  background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
  background-image: linear-gradient(top, #76b347, #5e9e2e);
  -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
  box-shadow: inset 0 1px 0 0 #8dbf67;
  cursor: pointer; 
  text-decoration: none
  }
  

#search-left
{
  clear: both;
  float:left; 
  margin-right:15px;
}
#search-filters 
{
  border: 1px solid #ccc;
  border-radius: 5px; 
  
  padding-bottom: 15px;
}

#map_view_button {float:left; margin:0}
#search-filters, .search-filter select, #results_header select {font-size: 11px;} 
.search-filter select.wide {width: 210px}
.search-filter select.narrow {width: 100px}
.search-filter { clear: both; margin: 10px;}
.filter-column { float: left; min-width: 110px}
.search-filter label {font-size: 12px; font-weight: bold;}


#results_header { color: #333; font-size: 14px; font-weight: bold; text-align: right; margin-bottom: 3px; padding-right: 5px;}

input[type=submit].go_tiny { margin-left: 10px; float: left; min-width: 50px; width: 50px;font-size: 12px; padding: 0; line-height: 22px; height: 22px; min-width: 0; width: 25px;}

 

ul.tabs { list-style: none; padding: 0; margin: 0; }
ul.tabs li {float: left; border: 1px solid #ccc; border-bottom-width: 0; margin: 0;}
ul.tabs a {text-decoration: none; display: block; background: #f9f9f9; padding: 0.24em 1em; width: 8em; text-align: center;}
ul.tabs a:hover {background: #F5F8FA;}
ul.tabs li.active a:hover{color: #333}
ul.tabs li.active a {position: relative;top: 1px;background: white;}
.tabbottom {border-top: 1px solid #ccc;clear: both;padding: 0 1em;}

.portfolios_panel { position: absolute; top : 3px; right: 0; display:inline}
.portfolio_checkboxes { padding: 5px; border: 1px solid #ccc; background-color: #f9f9f9; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
box-shadow: inset 0 1px 0 0 #ddd;
-moz-box-shadow: inset 0 1px 0 0 #ddd;
-webkit-box-shadow: inset 0 1px 0 0 #ddd;
display: none;
position: absolute;
top : 23px;
left:5px;
min-width: 220px;
z-index:100; 
}
.portfolio_checkboxes p {margin: 0}
.portfolio_checkboxes input {width: 13px;
    height: 13px;
    padding: 0;
    margin:0 5px 0 0 ;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;}
div.portfolio_checkbox label {font-weight: normal; cursor: pointer; }
div.portfolio_checkbox {cursor: pointer; padding: 2px 1px}
div.portfolio_checkbox:hover {background-color: #eee}
.portfolio_listing_price { font-style:italic; font-size: 16px; font-weight: bold; color:#444; margin-bottom: 5px}
/*div.portfolio_listing {margin: 5px 5px}*/
div.portfolio_listing ul.sliders {/*position:absolute; top: 280px;*/ width: 280px; font-size: 14px}
.ui-slider-horizontal {margin: 3px 0;}

div.portfolio_listing .green_button {float: right;/*position: absolute*/ bottom:0; right: 0; margin-top:5}

/*div.portfolio_listing div {margin: 5px 5px}*/
#portfolio_data_view { margin-bottom:40px}

#portfolio_data_edit {margin-bottom:40px}

#portfolio_data_view a.blue_button {margin-top: 15px}
#subject.sliders {width:210px;float:right;margin-right:200px}
#portfolio_map{margin:0 auto; width:500px;height: 400px; border-bottom: 1px solid #fff; display: block;  border-bottom-style: none;margin-bottom: 10px;}

.listing_marker {
	position: relative;
	padding: 0 2px;
	font-weight: bold;
	font-family: Arial;
	font-size: 10px;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 1px 1px 1px #8a8c81;
	-webkit-box-shadow: 0px 1px 1px 1px #8a8c81;
	box-shadow: 0px 1px 1px 1px #8a8c81;
	background-color: #006;
	filter: progid:DXImageTransform.Microsoft.Shadow(strength = 1, direction = 180, color = '#8a8c81');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 180, Color = '#8a8c81')";
}

	.listing_marker.hover {
		background-color: #F5F8FA;
		color: #666;
		cursor: pointer
	}

	.listing_marker .notch {
		position: absolute;
		top: 11px;
		left: 30%;
		margin: 0;
		border-bottom: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid #006;
		padding: 0;
		width: 0;
		height: 0;
	}

.marker_color_Sold {
	background-color: #FFF;
	color: #000;
}

	.marker_color_Sold .notch {
		border-top: 5px solid #FFF;
	}

.listing_marker.hover .notch {
	border-top-color: #F5F8FA
}

.border_listing_marker {
	border: 1px solid #333;
}

	.border_listing_marker .border_notch {
		border-top-color: #333;
		top: 13px;
	}

.listing_marker.hover .border_notch {
	border-top-color: #333
}

.marker_color_Sold .border_notch {
	border-top-color: #4F8A10;
}

.border_listing_marker.marker_color_Sold {
	border-color: #4F8A10
}


div.txls_portfolio_listing_summary, div.txls_portfolio_listing_editable_summary {
    margin:5px 15px 30px 15px; 
    width: 280px; 
    height: 450px; 
    float:left; 
    position:relative;}
div.txls_portfolio_listing_editable_summary {/*height: 400px;*/}
div.txls_portfolio_listing_summary:hover, div.txls_portfolio_listing_summary.hover, div.txls_portfolio_listing_editable_summary:hover, div.txls_portfolio_listing_editable_summary.hover {background-color: #F5F8FA;}
ul.sliders {margin: 0; padding: 0; list-style-type: none;}
ul.sliders li {
    margin-top: 5px;
}
.ui-slider {
    margin-top: 10px;
}
a.ui-slider-handle {
    cursor: pointer !important;
}

.sliders a.ui-slider-handle {
    background-image:none;
background: #000062;
  background-image: -webkit-linear-gradient(top, #000062, #0d75b5);
  background-image: -moz-linear-gradient(top, #000062, #0d75b5);
  background-image: -ms-linear-gradient(top, #000062, #0d75b5);
  background-image: -o-linear-gradient(top, #000062, #0d75b5);
  background-image: linear-gradient(to bottom, #000062, #0d75b5);
  color: #000062;

}



.ui-slider-tick-mark{
    display:inline-block;
    width:2px;
    background:black;
    height:16px;
    position:absolute;
    top:-4px;
}  
                       
div.pdf_holder{float:left; width: 200px; border: 1px solid #ccc;  margin:20px}
div.pdf_image{text-align:center}
div.pdf_image img {display: block; margin:0 auto;}
div.pdf_image a { display:inline-block;margin: 5px 5px 0 5px}
div.pdf_section {float:left; margin-right:20px ; width: 204px}
div.pdf_holder div.placeholder {width:200px; height:192px}

div.featured_listing_summary {background-color: cornsilk; }
div.featured_listing_summary:hover {background-color: cornsilk; box-shadow:0 0 5px #999; }

div.txls_pagination {text-align:center; padding: 5px; border: 1px solid #ccc; background-color: #f9f9f9; border-radius: 5px}
.pager_showing { float: left; font-size: 11px; height: 20px; line-height: 24px;}
.pager_links { display: block; text-align: right}
.pager_current{ padding: 1px 2px; background-color: White; border: 1px solid #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
box-shadow: inset 0 1px 0 0 #ddd;
-moz-box-shadow: inset 0 1px 0 0 #ddd;
-webkit-box-shadow: inset 0 1px 0 0 #ddd;}

.pager_current,  .pager_link {margin: 0 6px}

#full_page #search_form {margin:0}
#full_page h1 { display: none}
#full_map_container {height: 100%;position:relative}
#map_buttons {padding: 3px;border-bottom: 1px solid #ccc; background-color: #e9e9e9}
#map_buttons span, #map_buttons input, #map_buttons label {float: left}
#map_buttons input { margin-left: 10px}
#map_buttons input, #map_buttons label {font-weight: bold; height: 23px; line-height: 23px}
#map_buttons, div#map_search_sort select {font-size:12px}

#full_map {position: absolute; left:0; right:0; top:0; bottom: 0;}

div.ui-layout-west div.box, div.ui-layout-west #search-filters {margin:0; border-style: none}
div.ui-layout-west #search-filters h2 {text-align: center; font-size: 12px; padding: 3px 0;}
div#map_search_sort {font-weight:bold; text-align:center; font-size: 12px;padding: 5px 0;border-bottom: 1px solid #ccc; background-color: #e9e9e9}

div.ui-layout-east #results {width:250px;}
.ui-layout-content{overflow-y: scroll;
overflow-x: hidden !important; }

div.map_pagination {text-align: center;padding: 5px 0;background-color: #f9f9f9;border-bottom: 1px solid #ccc;}
div.map_pagination .pager_showing{ position: absolute;left: 90px;}
div.map_pagination .pager_showing span, div.map_pagination .pager_current, div.map_pagination .pager_link, div.map_pagination .pager_ellide, div.map_pagination .pager_last, div.map_pagination .pager_first {display:none}
div.map_pagination .pager_previous { float:left}
div.map_pagination .pager_next { float:right}

div.map_listings {width:250px; }
div.map_listings div.txls_listing_summary {width: auto; height: auto}
div.map_listings div.txls_listing_summary_price, div.map_listings div.txls_listing_summary_address, div.map_listings div.txls_listing_summary_info {font-size: 11px; margin: 0}
div.map_listings div.txls_listing_summary_address {display: block}


/* DETAIL */
div.gallery_container{
    position: relative;
    width: 300px;
    height: 310px;
    display: inline-block;
    float: left
}
#gallery_print_photo{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;

}
#gallery_print_photo img {
    width: 300px;
    height: 260px;
    margin-bottom: 20px;
    padding-bottom: 15px
}
#gallery {position:relative;width: 300px; height: 275px; margin-bottom: 20px; padding-bottom:15px; float: left; display:inline-block; border: 1px solid #ccc}
#gallery_tools 
{
  font-size:11px; 
  position: absolute;
  z-index:4;
  top: 270px;left: 70px;
  color: #999;
}
#view_gallery, #fscr {cursor:pointer; display: inline-block; margin: 0 5px}
#view_gallery:hover, #fscr:hover {color:#666}
#fullscreen_tools { display:none}
#close_fscr { cursor:pointer; }

div.galleria-container.fullscreen {background-color:#000}
div.galleria-container.fullscreen #fullscreen_tools
{
  display: block;
  padding: 2px 0;
  border-bottom: 1px solid #333;
  background-color: #111;
  top: 0;
  right: 0;
  left: 0;
  position: absolute;
}
div.galleria-container.fullscreen #fullscreen_summary 
{
  color: #fff;
  margin-top:5px;
  font-size: 12px;
  margin-left: 10px;
  float:left;
}

div.galleria-container.fullscreen #close_fscr 
{
  margin-right: 10px;
  float:right;
}
div.galleria-container.fullscreen div.galleria-stage { top: 30px}
#print_gallery {display:none;}
.print_block {display: none;}
#map_canvas{ width:300px;margin: 0 auto; margin-bottom: 20px; height: 275px; display: inline-block; border: 1px solid #ccc}
#map_button{margin: 0 auto;width: 100px;display: block;}

div.txls_listingdetail {position:relative}
div.txls_listingdetail h1 {margin: 15px 0; font-size: 18px; font-weight: normal;}
div.txls_listingdetail h1 span {color: #5a524d; margin-right: 15px; font-weight: bold;}

.legacy-section h2, div.box h2, #search-filters h2 {
	margin: 0;
	font-size: 14px;
	padding: 5px 0 5px 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-weight: bold;
	background-color: #f9f9f9;
	color: #333;
	border-bottom: 1px solid #ccc;
}
#search-filters h2 { padding-top: 6px; padding-bottom: 6px; line-height: 20px}

div.box {border: 1px solid #ccc; clear: both; margin-bottom: 20px;}

div.txls_listingdetail_generalinfo{float: left; margin-left: 20px; height: 277px; display: inline-block;  width: 320px; font-weight: bold;}
div.txls_listingdetail_generalinfo label{font-weight: normal;}
div.txls_listingdetail_generalinfo div {margin: 5px 0;}

div.txls_listedby, div.txls_listingdetail_actions{text-align: center; display: inline-block; padding: 5px 0px;width: 235px; background-color: #f9f9f9;
  margin-bottom: 15px;
  clear: none;
  float:right;
  
}
div.txls_listedby p, div.txls_listingdetail_actions p {
  margin: 0;
}
div.txls_listedby_office {font-weight: bold; text-align: center; display: block;}
div.txls_listedby h2 {font-size: 14px; text-align: center; padding: 0; border: 0}

div.txls_listingdetail_closing, div.txls_listingdetail_closingcomments {display: inline-block; color: #4F8A10;background-color: #DFF2BF; padding: 10px; border: 1px solid;  -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
div.txls_listingdetail_closingcomments {display:block}
div.txls_listingdetail_history{display:none}
div.txls_listingdetail_buildinginfo div{ float: left; width: 270px;}
div.txls_listingdetail_bed, div.txls_listingdetail_bath, #txls_listingdetail_otherfeatures{clear:left;}
#txls_listingdetail_otherfeatures{float: none; width: auto; margin-top: 50px}
div.txls_listingdetail_buildinginfo div {margin:7px 15px;}

div.txls_listingdetail_landinfo{ clear: none !important; height: 275px;}
div.txls_listingdetail_acreage { width: 300px}
div.txls_listingdetail_acreage, div.txls_listingdetail_maintfees { float: left;}
div.txls_listingdetail_minerals { clear:both;}

.txls_listingdetail div.box { margin-bottom: 20px;}
.txls_listingdetail div.box div {margin:10px;}

.agent_summary {margin: 8px 0;}
.agent_summary label {display: inline-block; width: 200px;}

body.popup {background-color: White; margin: 10px;}
body.popup label {display:inline-block; width: 130px;}
body.popup h4 {margin: 20px 0 0 0}
body.popup textarea {display: block; width: 100%; height: 100px; margin: 10px 0}

.control a {padding: 0 5px}

#overlay
{
  border-radius: 5px;
  display:none;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color: #fff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
  filter: alpha(opacity=45);
  opacity: 0.450;
  width:100%;
  height:100%;  
  z-index: 10;
}

/*
*	TOGGLER-BUTTONS
*/.ui-layout-resizer	{ /* all 'resizer-bars' */
	background:		#DDD;
	border:			1px solid #BBB;
	border-width:	0;
	}
.ui-layout-toggler 
{
	color: #666;
	border: 1px solid #BBB; /* match pane-border */
	background-color: #999;
	}
	.ui-layout-resizer:hover .ui-layout-toggler {
		filter:		alpha(opacity=60);
		opacity:	.60;
	}
	.ui-layout-resizer:hover .ui-layout-toggler:hover { /* specificity */
		background-color: #fd902d;
		filter:		alpha(opacity=100);
		opacity:	1;
	}
	.ui-layout-toggler-north ,
	.ui-layout-toggler-south {
		border-width: 0 1px;
	}
	.ui-layout-toggler-west ,
	.ui-layout-toggler-east {
		border-width: 1px 0;
    background-repeat: no-repeat;
    background-position:center;
	}
	.ui-layout-toggler-west-closed, .ui-layout-toggler-east-open
	{
    background-image: url(images/arrows_r.png);
	}
	.ui-layout-toggler-west-open, .ui-layout-toggler-east-closed
	{
    background-image: url(images/arrows_l.png);
	}
	/* hide the toggler-button when the pane is 'slid open' */
	.ui-layout-resizer-sliding .ui-layout-toggler {
		display: none;
	}
	/*
	*	style the text we put INSIDE the east/west togglers
	*/
	.ui-layout-toggler .content {
		font-size:		12px;
		font-weight:	bold;
		color:			#666;
		padding-bottom: 0.35ex; /* to 'vertically center' text inside text-span */
	}

.expired {color: #999; text-decoration:line-through}
.bigtext{font-size: 2rem;font-weight: 400;color:#333}
.bigblue{font-size:3rem; font-weight:900; background-color:#364982; border-radius: 25px; padding:0 10px;color:#FFF; box-shadow: inset 0 1px 0 0 #6775A1;text-shadow: 0 -1px 0 #293870}

.featured_listing {margin:0px 3px;display:inline-block; float:left; position:relative}
#featured_listings{ text-align:center; padding:0; margin:10px 0;overflow:auto}
#featured_listings>:first-child {margin-left:0}
#featured_listings>:last-child {margin-right:0}
#featured_listings img {

}
.featured_listing_price, .featured_listing_info{
  position: absolute;
  padding: 2px 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,.2);
  color: white;
}
.featured_listing_price{top: 0;font-weight: bold;}
.featured_listing_info{bottom: 2px; font-weight: normal}
.rating > span.solid_star:before {
   content: "\2605";
   color:gold;  
}
.rating > span.hollow_star:before {
   content: "\2605";
   color: #777;
}

#simplemodal-overlay {background-color:#000}
#simplemodal-container {
  background-color: #FFF;
  border: 1px solid #888888;
  box-shadow: 0 0 8px #888;
  border-radius: 6px;
  padding: 10px;
}

#simplemodal-container, #simplemodal-data, .simplemodal-wrap, iframe {
	box-sizing: content-box;
}

.contact_button {margin-top: 10px !important;  }

.chart {width: 100%; height: 300px; border: 1px solid #ccc; margin-bottom:10px}

.tooltipster-green {color: #63a62f;}
.tooltipster-red {color: red}

.tooltipster-green, .tooltipster-red {
	border-radius: 5px; 
	border: 1px solid #ccc;
	background: #fcfcfc;
	box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
}
.tooltipster-green .tooltipster-content,
.tooltipster-red .tooltipster-content {
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
}

.clickable {
	cursor: pointer;
}
.tac {text-align:center}

/* Tooltip container */
.chip {
	position: relative;
	display: inline-block;
	margin: 4px;
	background-color: #e0e0e0;
	color: rgba(0,0,0,.87);
	transition: box-shadow 280ms cubic-bezier(.4,0,.2,1);
	display: inline-flex;
	padding: 07px 12px;
	border-radius: 16px;
	align-items: center;
	cursor: pointer;
	min-height: 20px;
	height: 1px;
	font-size: 14px;
	font-weight: 500;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}

/* Tooltip text */
.chip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #555;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	/* Position the tooltip text */
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
	/* Fade in tooltip */
	opacity: 0;
	transition: opacity 0.3s;
}

/* Tooltip arrow */
.chip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.chip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}

.strong {
	font-weight: bold;
}