/********************HTML Defaults Override****************************/
header,
footer,
nav,
section,
summary {
  display: block;
}
div,
table,
td,
span,
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,th {
  padding: 0;
}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#OfflineMessage{
	position: relative;
	z-index: 10000000!important;
	padding: 5px;
	text-align: center;
	background: rgba(250,220,220,0.6);
	color: #990000;
	border-bottom: 1px solid #990000;
	font-weight: bold;
}
/************************************************/
body{ font-size: 14px; }
h1{ font-size: 24px; }
h2{ font-size: 20px; }
h3{ font-size: 18px; }
h4{ font-size: 16px; }
.xsf{ font-size: 10px; }
.sf{ font-size: 12px; }
.nf{ font-size: 14px; }
.mf{ font-size: 16px; }
.lf{ font-size: 18px; }
.xlf{ font-size: 24px; }
body,input,textarea,select,form,div,table,td{
	word-spacing: normal;
	font-weight: inherit;
	letter-spacing: 0px;
}
.error{
	color: #c00;
	font-weight: bold;
}
.success{
	color: #070;
	font-weight: bold;
}
.successBlock{
	background: #efe;
	border: 1px solid #090;
	color: #060;
	padding: 5px;
	margin-bottom: 3px;
	margin-top:3px;
	font-weight: bold;
	border-radius: 3px;
	box-shadow: 0px 0px 5px 0px #595;
}
.errorBlock{
	background: #fee;
	border: 1px solid #900;
	color: #900;
	padding: 5px;
	margin-bottom: 3px;
	margin-top:3px;
	font-weight: bold;
	border-radius: 3px;
	box-shadow: 0px 0px 5px 0px #955;
}
.offlineWarning{
	position: fixed;
	bottom: 0px; left: 0px; right: 0px;
	z-index: 100;
	background: rgba(255,200,200,0.75);
	border-bottom: 1px solid #900;
	color: #900;
	padding: 6px;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}
.topNotice{
	margin-bottom: 10px;
}
.topNotice button{ float: right; font-size: 11px; padding: 2px; margin: -2px; }

.rental{
	color: #928d00;
	font-weight: bold;
}
table{
	empty-cells: show;
}
form{
	margin: 0px;
	padding: 0px;
}
p{
	margin-top: 0px;
	margin-bottom: 8px;
}
h1{
	margin-bottom: 10px;
}
h2{
	margin-bottom: 5px;
}
h3{
	margin-bottom: 3px;
}
.tableList{
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px;
}
.tableList tr.selected{
	background: #DFFFE3;
}
.tableList tr.selected2{
	background: #C2EFC7;
}
.tableList th{
	font-weight: bold;
	text-align: left;
	padding: 2px 3px;
	background-color: #d5d5cb;
	border: 1px solid #999;
	border-bottom: 2px solid #999;
	white-space: nowrap;
}
.tableList td{
	padding: 2px 4px;
	border: 1px solid #ccc;
	vertical-align: top;
}
.tableList td a{
	text-decoration: none;
}
.tableList td img{
	border: 0px;
}
.tableList input{
	margin: 0px;
}
.formTable{ border-spacing: 0px; }
.formTable td{ padding: 3px; }
.formTable .formLabel{ font-weight: bold; }
.even{}
.odd{ background: #eee; }
/**************ICONS********************/
.mapIcon:before{ 
	content: '\f279';
	font-family: 'FontAwesome';
	cursor: pointer;
	margin: 0px 2px;
}
.magnifyIcon:before{
	content: '\f002';
	font-family: 'FontAwesome';
	cursor: pointer;
	margin: 0px 2px;
}
.tourIcon:before{
	content: '\f21d';
	font-family: 'FontAwesome';
	cursor: pointer;
	margin: 0px 2px;
}
.printIcon:before{ 
	content: '\f02f';
	font-family: 'FontAwesome';
	cursor: pointer;
	margin: 0px 2px;
}
.favoriteAddIcon:before{ 
	content: '\f08a';
	font-family: 'FontAwesome';
	cursor: pointer;
	margin: 0px 2px;
}
.favoriteRemoveIcon:before{ 
	content: '\f004';
	font-family: 'FontAwesome';
	cursor: pointer;
	margin: 0px 2px;
	color: #f00;
}
.deleteIcon:before{
	content: '\f057';
	font-family: 'FontAwesome';
	cursor: pointer;
	margin: 0px 2px;
}
.editIcon:before{
	content: '\f040';
	font-family: 'FontAwesome';
	cursor: pointer;
	margin: 0px 2px;
}
.icon{
	border: 0px;
	cursor: pointer;
	margin: 0px 2px;
	vertical-align: middle;
}
#header #extraHead1{
	display: none;
}
.headline{
	font-weight: bold;
	text-align: center;
	margin-bottom: 8px;
}
.gadgetWrapper{
}
.contactTop{
	margin-bottom: 5px;
}
/*******************FORMS*****************************/
.form-group{ margin-bottom: 5px; }
.form-group .title{ font-weight: bold; }
.form-group .form-field{ margin-left: 10px; }
.form-group .form-control { width: 100%; margin-top: 3px; box-sizing: border-box; }
.form-group input.form-control,.form-group select.form-control { max-width: 350px; }
.contactGroupSmall label{ display: inline-block; width: 130px; vertical-align: middle; }
.contactGroupSmall .form-field{ display: inline-block; vertical-align: middle; }
.contactGroupSmall .form-field .form-control{ max-width: 100px; }
.form-buttons{ border-top: 1px solid #ccc; padding-top: 10px; margin-top: 10px; }

/*******************FORM FIELDS*******************/
.security-code{ margin-top: 10px; }
.documentsWrapper .description{ font-size: 12px; margin-bottom: 5px; }
.fieldInput{
	border: 1px solid #555;
	border-bottom: 1px solid #777;
	border-right: 1px solid #777;
	padding: 3px 2px;
	background: #eee;
	border-radius: 4px;
}
select.fieldInput{ padding: 2px 2px; }
.fieldInput:focus {
	border: 1px solid #2578bf;
	border-bottom: 1px solid #5bb1fa;
	border-right: 1px solid #5bb1fa;
	background: #f7f7d7;
	border-radius: 4px;
}
.fieldInput:disabled {
	color: #777;
}
.fieldError{
	border: 1px solid #f00;
	border-bottom: 1px solid #900;
	border-right: 1px solid #900;
	background: #fee;
	border-radius: 4px;
}

.formCheckboxError{
	background: #fee;
}
.button{
	display: inline-block;
	box-sizing: border-box;
	cursor: pointer;
}
.required{
	border: 1px solid #c00;
	border-top: 1px solid #7e0000;
	border-left: 1px solid #7e0000;
	border-radius: 4px;
}
select.required{
	border: 1px solid #7e0000;
	border-top: 1px solid #c00;
	border-left: 1px solid #c00;
}

.instructions{
	margin-top: 3px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: 1px solid #ccc;
}
.default{ font-weight: bold; }
.statusBanner{
	display: block;
	box-sizing: border-box;
	background: #555;
	text-align: center;
	padding: 2px 0px;
	color: #fff;
	width: 120px;
	position: absolute; 
	top: 20px;
	left: -30px;
	white-space: nowrap;
	font-weight: normal;
	z-index: 2;
	box-shadow: 0px 0px 5px 0px #222;
	font-size: 12px;
	transform: rotate(-45deg);
}
.statusBanner-pending{ background: #c22; }
.statusBanner-sold{ background: #2c2; font-size: 14px; }
#dimmer{
	z-index: 1000; 
	position: fixed; 
	top: 0px; 
	left: 0px; 
	width: 100%;
	height: 100%;
	opacity: 0.75;
	filter: alpha (opacity=65); 
	background: #000;
	text-align: center;
}

/************************SECTIONS***************************************/

.sectionWrapper{
	width: 100%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
	.sectionWrapper .column{
		display: block;
		float: left;
		padding: 0px;
		margin: 0px;
		min-height: 1px;
		min-width: 1px;
		vertical-align: top;
	}
	.sectionWrapper .sectionEnd{
		clear: both;
	}
.slideShowWrapper{
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}
	.slideShowWrapper .slideshowImage{
		text-align: center;
		position: relative;
		overflow: hidden;
		box-sizing: border-box;
		width: 100%;
	}
	.slideShowWrapper .slideshowImage .scene{
		position: absolute;
		z-index: 1;
		display: none;
	}
	.slideShowWrapper .slideshowImage .scene img{
		width: 100%;
		height: 100%;
		border: 0px;
	}
	.slideShowWrapper .slideTitle{
		display: block;
		position: absolute;
		background: rgba(0,0,0,0.4);
		text-shadow: 1px 1px 0px #000;
		color: #fff;
		font-size: 15px;
		font-weight: bold;
		padding: 5px 8px;
	}
	.slideShowWrapper .slideImage{
		display: none;
	}

/***********************POPBOX*******************/
.popBox{
	display: none;
	box-sizing: border-box;
	position: absolute;
	overflow: visible;
	box-shadow: 0px 0px 8px 0px #000;
	background: #fff;
	position: fixed;
	border: 1px solid #555;
	z-index: 1001; 
	top: 0px; 
	left: 0px;
}
.popBoxCenter{
	top: 50%;
	right: auto;
	bottom: auto;
	left: 50%;
	transform: translate(-50%,-50%);
}
.popBoxTopLeft{ top: 10px; right: auto; bottom: auto; left: 10px; }
.popBoxTopRight{ top: 10px; right: 10px; bottom: auto; left: auto; }
.popBoxBottomLeft{ top: auto; right: auto; bottom: 10px; left: 10px; }
.popBoxBottomRight{ top: auto; right: 10px; bottom: 10px; left: auto; }

	.popBox .close{
		position: absolute;
		top: -12px;
		right: -10px;
		cursor: pointer;
		color: #f00;
		text-shadow: 0px 0px 3px #000;
		font-size: 20px;
		line-height: 20px;
		z-index: 2;
	}
	.popBoxTopRight .close,.popBoxBottomRight .close{ right: auto; left: -10px; }
	
	.popBox .holder{
		box-sizing: border-box;
		padding: 10px;
		overflow: auto;
		color: #333;
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		z-index: 1;
	}
		.popBox h1{
			margin-top: 0px;
			color: #555;
		}
		.popBox h2{
			margin-top: 20px;
			color: #555;
		}
		.popBox a{
			color: #337ab7;
			text-decoration: none;
		}
		.popBox a:hover{
			color: #23527c;
			text-decoration: underline;
		}
		.popBttnPanel{ padding: 10px 0px 10px 10px; margin-top: 8px; text-align: center; border-top: 1px solid #ccc; }
		.popBttn{ 
			display: inline-block;
			vertical-align: middle;
			margin-right: 10px;
			font-size: 16px;
		}
		.popBttn a{ 
			text-decoration: none;
			transition-duration: 1s; 
			display: block;
			padding: 6px 10px;
			background: #dfdfdf;
			background: linear-gradient(to bottom, #ececec 0%,#cfcfcf 100%);
			color: #555;
			border-radius: 5px;
			box-shadow: 0px 0px 3px 0px #999;
		}
		.popBttn a:hover{ 
			text-decoration: none;
			color: #fff;
			background: #555;
		}
		.popFormHolder{ border-top: 1px solid #ccc; padding-top: 5px; margin-top:5px; }
/**********REGISTRATION & LOGIN****************************************/
.popBoxRegistration,.popBoxLogin{
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.popBoxRegistration .help,.popBoxLogin .help{
	margin-top: 5px;
}
.popBoxRegistration .comments,.popBoxLogin .comments{
	margin-top: 2px;
	text-align: center;
	font-size: 12px;
	font-style: italic;
}
/***********************SEARCH FORM******************************/
.searchType{
	margin-bottom: 5px; 
}
	.searchType .title{
		display: block;
		float: left;
		font-weight: bold;
	}
	.searchType a{
		display: block;
		float: left;
		border-right: 1px solid #999;
		padding: 0px 5px;
	}
	.searchType a.active{
		text-decoration: none;
		font-weight: normal;
		color: #000;
	}
	.searchType a:last-of-type{
		border-right: 0px;
	}
.fieldRow{ margin: 4px 0px; float: left; }
.fieldRow .label{ display: inline-block; width: 105px; vertical-align: top; padding: 4px 0px; font-weight: 600;}
.mode_MLS .fieldRow .label{ width: auto; }
.fieldRow .field{ display: inline-block; vertical-align: top; margin-left: 5px; width: 250px; }
.fieldRow .checkboxWrapper{ margin-bottom: 5px; margin-left: 10px; }
.fieldRow .checkboxEntry{ float: left; }
.fieldRow .checkboxItem{ float: left; margin-right: 10px; padding: 3px 0px; }
.field_LD_Property_Type,.field_LD_Features,.field_LD_Listing_Status{ float: none; width: auto; clear: both;}
.field_LD_Property_Type .field,.field_LD_Features .field,.field_LD_Listing_Status .field{ width: auto; }

.searchPropTypes{ max-width: 700px; }
.searchPropTypes .checkboxItem{ white-space: nowrap; }

.listButton{
	position: relative;
	cursor: pointer;
	vertical-align: middle;
	display: inline-block;
}
	.listButton span.trigger{
		display: block;
		font-size: 20px;
		margin-left: 2px;
	}
	
#multiListWrapper{
	position: absolute;
	top: 100%;
	right: 0px;
	background: #fff;
	color: #555;
	border: 1px solid #ccc;
	padding: 0px;
	box-shadow: 0px 0px 6px 0px #999;
	border-radius: 5px;
}
#multiListWrapper .list{
	max-width: 250px;
	min-width: 140px;
	max-height: 160px;
	overflow: auto;
	overflow-x: hidden;
}
#multiListWrapper .closeBox{
	cursor: pointer;
	background: #eee;
	padding: 4px;
	text-align: center;
	font-weight: bold;
	border-top: 1px solid #ccc;
}
#multiListWrapper a{
	display: block;
	padding: 5px;
	padding-right: 30px;
	color: #555!important;
	white-space: nowrap;
}
#multiListWrapper a:hover{
	color: #003348!important;
	background: #ffe;
}
/******************QUICK SEARCH FORM*****************************/
.formEnd,.fieldsEnd{ clear: both; }
.quickSearchWrapper input, .quickSearchWrapper select{ box-sizing: border-box; width: 100%; }
.quickSearchWrapper .fieldRow{  float: none; display: block; margin-bottom: 2px; }
.quickSearchWrapper .fieldRow .col:nth-child(1){ padding-right: 2px; }
.quickSearchWrapper .fieldRow .col:nth-child(2){ padding-left: 2px; }
.quickSearchWrapper .buttonBar{ text-align: center; margin-top: 6px; }
.quickSearchWrapper .buttonBar .button{ margin: 0px; }
.quickSearchWrapper .buttonBar .reset{ display: none; }

/******************SIMPLE SEARCH FORM*****************************/
.simpleSearchWrapper {
	margin: auto;
	width: auto;
	max-width: 1000px;
	box-sizing: border-box;
	border-radius: 5px;
}
.simpleSearchWrapper .listType { display: flex; justify-content: center; margin-bottom: 10px; }
.simpleSearchWrapper .listType .listTypeOpt label { 
	display: block;
	padding: 10px 50px;
	font-size: 110%;
	border: 1px solid #555;
	cursor: pointer;
	background: rgba(0,0,0,0.6);
	color: #fff;
	white-space: nowrap;
}
.simpleSearchWrapper .listType .listTypeOpt.activeOpt label { background: #0080FF; }
.simpleSearchWrapper .simpleSearchFields { border-radius: 5px; padding: 15px; border: 1px solid #999; }
.simpleSearchWrapper .simpleSearchFields .smartSearch { display: flex; flex-wrap: wrap; justify-content: right; gap: 10px; }
.simpleSearchWrapper .simpleSearchFields .smartSearch .fieldGroup { display: flex; flex-wrap: nowrap; flex-grow: 1; }
.simpleSearchWrapper .simpleSearchFields .smartSearch .fieldInput {border: 1px solid #ccc;  padding: 0px 10px; height: auto; box-sizing: border-box; display: block; height: 46px; line-height: 46px; margin: 0px; font-size: 18px; }
.simpleSearchWrapper .simpleSearchFields .smartSearch .fieldInput:active { border: 1px solid #0080FF; }
.simpleSearchWrapper .simpleSearchFields .smartSearch .button { min-width: 100px; background: #0080FF; color: #fff; font-weight: normal; border: 1px solid #555; border-radius: 5px; padding: 0px 10px; height: auto; box-sizing: border-box; display: block; height: 46px; line-height: 46px; margin: 0px; font-size: 18px; }
.simpleSearchWrapper .simpleSearchFields .smartSearch .field.smartInput{ flex-grow: 1; min-width: 150px; position: relative; z-index: 10; }
.simpleSearchWrapper .simpleSearchFields .smartSearch .field.smartInput input{ width: 100%; box-sizing: border-box;  border-bottom-right-radius: 5px; border-top-right-radius: 5px; }
.simpleSearchWrapper .simpleSearchFields .smartSearch .field.propClass select{ border-right: 0px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; }
.simpleSearchWrapper .simpleSearchFields .smartSearch .searchSuggestions{ display: none; position: absolute; left: 0px; right: 0px; border: 1px solid #ccc;  background: #fff; max-height: 300px; overflow: auto; overflow-x: hidden; scrollbar-width: none; -moz-scrollbar-width: none; }
.simpleSearchWrapper .simpleSearchFields .smartSearch .searchSuggestions::-webkit-scrollbar { display: none; }
.simpleSearchWrapper .simpleSearchFields .smartSearch .searchSuggestions .suggestion-item{ display: block; padding: 10px 10px; color: #007bff; cursor: pointer; white-space: nowrap; border-bottom: 1px solid #ccc; }
.simpleSearchWrapper .simpleSearchFields .smartSearch .searchSuggestions .suggestion-item:hover{ background: #007bff; color: #fff; }
.simpleSearchWrapper .simpleSearchFields .smartSearch .searchSuggestions .suggestion-item:last-of-type{ border-bottom: 0px; }

.simpleSearchWrapper .advancedFields .toggle { cursor: pointer; padding-top: 10px; user-select: none; }
.simpleSearchWrapper .advancedFields .toggle .close { display: none; }
.simpleSearchWrapper .advancedFields.advancedFieldsActive .toggle .close { display: block; }
.simpleSearchWrapper .advancedFields.advancedFieldsActive .toggle .open { display: none; }
.simpleSearchWrapper .advancedFields .fields { display: none; padding-top: 10px; }
.simpleSearchWrapper .advancedFields.advancedFieldsActive .fields { display: block; border-top: 1px solid #999; margin-top: 10px; }
.simpleSearchWrapper .advancedFields .fields .field { display: flex; flex-direction: column; gap: 5px; padding: 4px 0px; }
.simpleSearchWrapper .advancedFields .fields .field > div { flex-grow: 1; flex-shrink: 1; margin-left: 15px; }
.simpleSearchWrapper .advancedFields .fields .field > div.title { flex-grow: 1; flex-shrink: 1; margin-left: 0px; }
.simpleSearchWrapper .advancedFields .fields .field .fieldInput { width: 100%; display: block; box-sizing: border-box; padding: 5px 8px; border-radius: 5px; border: 1px solid #ccc; }
.simpleSearchWrapper .advancedFields .fields .field .title { flex-grow: 0; flex-shrink: 0; }
.simpleSearchWrapper .checkboxWrapper { display: flex; flex-wrap: wrap; gap: 8px; }
.simpleSearchWrapper .checkboxWrapper .checkboxItem{ white-space: nowrap; border: 1px solid #ccc; border-radius: 4px; padding: 2px 5px; line-height: 26px; }

.mySvg {
	-webkit-filter: drop-shadow( 3px 3px 2px rgba(255, 0, 0, .7));
  filter: drop-shadow( 3px 3px 12px rgba(255, 0, 0, .7))
}

/******************MAP SEARCH*******************************/
.mode_Map .formWrapper{ margin-bottom: 10px; }
.mode_Map .fieldRow{ margin: 2px 5px 2px 0px; }
.mode_Map .fieldRow .label{ width: auto; white-space: nowrap; }
.mode_Map .fieldRow .field{ display: inline-block; float: none; width: auto; }
.mode_Map .field_LD_Property_Type,.mode_Map .field_LD_Listing_Status{ float: left; }
.mode_Map .end{ clear: both; }
.mode_Map .mapWrapper{ position: relative; }
.mapWrapper #GmapHolder{ height: 550px; width: 75%; box-sizing: border-box; float: left; border: 1px solid #999; overflow: hidden; }
.mapWrapper #MapResults{ height: 550px; width: 25%; box-sizing: border-box; float: right; border: 1px solid #999; border-left: 0px; overflow: auto; overflow-x: hidden; padding: 5px; }
.mode_Map .mapWrapper .end{ clear: both; }

.mapOptions .mapTotals{ display: block; margin-bottom: 4px; font-weight: bold; }
.mapOptions .mapOverage{ display: block; background: #fee; font-size: 11px; padding: 4px; margin-bottom: 5px; }
.mapOptions .mapSort{ display: block; }

.mapResults .listing{ width: 100%; box-sizing: border-box; position: relative; margin-top: 6px; cursor: pointer;  user-select: none; overflow: hidden; }
.mapResults .listing .photo{ width: 100%; box-sizing: border-box; padding-top: 60%; position: relative; overflow: hidden; }
.mapResults .listing .photo img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; min-height: 100%; object-fit: cover; display: block; }
.mapResults .listing .shadow{ position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 1; box-shadow: inset 0px 0px 50px 5px rgba(0,0,0,0.5); }
.mapResults .listing .info{ position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: 2; padding: 4px; }
.mapResults .listing .info .price{ color: #fff; text-shadow: 0px 0px 4px #000; font-size: 28px; }
.mapResults .listing .info .details{ color: #fff; text-shadow: 0px 0px 2px #000; font-size: 17px; }
.mapResults .pages{ margin: 5px 0px; text-align: center; }

.GmapInfoWindow{ font-size: 12px; width: 200px; box-sizing: border-box; background: #fff; border: 1px solid #333; padding: 6px; box-sizing: border-box; }
.GmapInfoWindow .photo{ float: left; box-sizing: border-box; width: 40%; overflow: hidden; }
.GmapInfoWindow .photo img{ width: 100%; }
.GmapInfoWindow .headline{
	box-sizing: border-box; 
	width: 100%; 
	overflow: hidden;
	white-space: nowrap; 
	font-weight: bold;
	color: #600;
	font-size: 13px;
	text-align: left;
	margin-bottom: 4px;
}
.GmapInfoWindow .price{ color: #090; }
.GmapInfoWindow .info{ float: left; box-sizing: border-box; width: 60%; padding-left: 5px; }
.GmapInfoWindow .info .address{ display: none; }

.GmapInfoWindow .pending{ color: #900; font-weight: bold; }
.GmapInfoWindow .end{ clear: both; }

/*******************MAP RESULTS NEW **********************************************/
.NewGmapInfoWindow {
	position: relative;
	z-index: 2;
	background: #fff;
	width: 230px;
	overflow: hidden;
	font-size: 12px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}
.NewGmapInfoWindow a { display: block; text-decoration: none; color: #000!important; }
.NewGmapInfoWindow a:hover { color: #000; }
.NewGmapInfoWindow a .photo { height: 120px; overflow: hidden; margin: 0px; }
.NewGmapInfoWindow a .photo img { display: block; object-fit: cover; min-height: 100%; width: 100%; }
.NewGmapInfoWindow a .info { padding: 4px; }
.NewGmapInfoWindow a .info .status { display: flex; justify-content: space-between; align-items: center; gap: 5px; white-space: nowrap; flex-wrap: wrap; }
.NewGmapInfoWindow a .info .status.status-active .name:before{ content: "\f111"; margin-right: 3px; color: #009900; font-family: 'FontAwesome'; font-size: 10px;  }
.NewGmapInfoWindow a .info .status.status-pending .name:before{ content: "\f111"; margin-right: 3px; color: #b1901d; font-family: 'FontAwesome'; font-size: 10px;  }
.NewGmapInfoWindow a .info .status.status-sold .name:before{ content: "\f111"; margin-right: 3px; color: #ab2b2b; font-family: 'FontAwesome'; font-size: 10px;  }
.NewGmapInfoWindow a .info .status.status-off_market .name:before{ content: "\f111"; margin-right: 3px; color: #777777; font-family: 'FontAwesome'; font-size: 10px;  }
.NewGmapInfoWindow a .info .price { font-weight: 500; font-size: 120%; display: flex; justify-content: space-between; }
.NewGmapInfoWindow a .info .price.price-active { color: #090; }
.NewGmapInfoWindow a .info .price.price-sold { color: #900; }
.NewGmapInfoWindow a .info .price.price-pending { color: #b1901d; }
.NewGmapInfoWindow a .info .price .status { font-weight: 500; background: #900; color: #fff; padding: 2px 4px; border-radius: 4px; font-size: 12px; }
.NewGmapInfoWindow a .info .details { padding: 3px 0px; }
.NewGmapInfoWindow a .info .attribution { font-size: 85%; text-align: left; padding-top: 2px; text-overflow: ellipsis; }
.NewGmapInfoWindow a .info .detailLink { position: absolute; bottom: 2px; right: 2px; }

.mapNewInfoBox { position: relative; }
.mapNewInfoBox:after {
	content: '\f0d8';
	position: absolute;
	font-family: 'FontAwesome';
	font-size: 36px;
	display: block;
	line-height: 10px;
	padding: 0px;
	height: auto;
	width: auto;
	top: -11px; 
	left: 30px;
	color: #fff;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.75);
	z-index: 1;
}
.mapNewInfoBox > img { position: absolute!important; z-index: 3; right: -4px!important; top: -4px!important; display: block!important; float: none!important; margin: 0px!important; height: 14px; width: 14px; }

.mapNewWrapper { display: flex; flex-direction: column; position: relative; z-index: 1; }

.mapNewWrapper .mapNewMobileInterface{ display: none; }

.mapNewWrapper .mapNewFilters { position: relative; z-index: 2; border: 1px solid #ccc; border-bottom: 0px; display: flex; gap: 0px; align-items: center; padding: 10px; }
.mapNewWrapper .mapNewFilters .fieldInput{ border-radius: 4px; padding: 0px 5px; height: 36px; line-height: 36px; box-sizing: border-box; border: 1px solid #ccc; font-size: 15px; color: #333; }
.mapNewWrapper .mapNewFilters select.fieldInput.propClass{ border-bottom-right-radius: 0px; border-top-right-radius: 0px; }
.mapNewWrapper .mapNewFilters .fieldInput.Smart_Field{ width: 250px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; border-left: 0px; }
.mapNewWrapper .mapNewFilters .primary { display: flex; gap: 5px; flex-wrap: wrap; white-space: nowrap; align-items: center; }
.mapNewWrapper .mapNewFilters .primary .fieldGroup {display: flex; }
.mapNewWrapper .mapNewFilters .primary .price { width: 85px; }
.mapNewWrapper .mapNewFilters .advanced { position: relative; }
.mapNewWrapper .mapNewFilters .advanced .hide{ display: none; }
.mapNewWrapper .mapNewFilters .advanced.active .hide{ display: inline; }
.mapNewWrapper .mapNewFilters .advanced.active .show{ display: none; }
.mapNewWrapper .mapNewFilters .advanced .dropDown { display: none; position: absolute; top: 100%; left: 0px; background: #fff; border: 1px solid #ccc; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); }
.mapNewWrapper .mapNewFilters .advanced.active .dropDown { display: block; }
.mapNewWrapper .mapNewFilters .advanced .dropDown .clearSearch { display: block; width: 100%; padding: 5px; text-decoration: none; box-sizing: border-box; background: #efefef; margin: 0px; border: 0px; text-align: center; border-bottom: 1px solid #ccc; margin-bottom: 5px; color: #0090ff;  }
.mapNewWrapper .mapNewFilters .advanced .dropDown .clearSearch:hover { background: #e9e9e9; }
.mapNewWrapper .mapNewFilters .advanced .dropDown .fields { max-height: 350px; min-height: 200px; overflow: auto; overflow-x: hidden; scrollbar-width: none; scrollbar-color: transparent transparent; }
.mapNewWrapper .mapNewFilters .advanced .dropDown .fields::-webkit-scrollbar { width: 0; background-color: transparent; }
.mapNewWrapper .mapNewFilters .advanced .dropDown .fields .field { padding: 3px 10px; }
.mapNewWrapper .mapNewFilters .advanced .dropDown .fields .field label{ display: block; font-weight: 500; margin-bottom: 4px; }
.mapNewWrapper .mapNewFilters .advanced .dropDown .fields .field .input{ white-space: nowrap; margin-bottom: 10px; margin-left: 8px; }
.mapNewWrapper .mapNewFilters .advanced .dropDown .fields .field .input .minMax{ width: 100px; }
.mapNewWrapper .mapNewFilters .advanced .dropDown .fields .field .checkboxWrapper .checkboxItem{ padding: 2px 0px; }
.mapNewWrapper .mapNewFilters .advanced .dropDown .fields .field .checkboxWrapper .checkboxItem label{ display: inline; font-weight: normal; }
.mapNewWrapper .mapNewFilters .advanced .dropDown .buttonBar { display: flex; justify-content: center; align-items: center; gap: 10px; border-top: 1px solid #ccc; padding: 5px; background: #efefef; }
.mapNewWrapper .mapNewFilters .advanced .dropDown .buttonBar .button { background: #0080FF; color: #fff; border: 0px; border-radius: 5px; font-weight: 400; }
.mapNewWrapper .mapNewFilters .advanced .dropDown .buttonBar .button:hover { background: #0e70cc; }

.mapNewWrapper .mapNewElements { height: 560px; display: flex; flex-direction: row; border: 1px solid #ccc; align-items: stretch; position: relative; z-index: 1; }
.mapNewWrapper .mapNewElements .map{ flex-grow: 1; flex-shrink: 1; }
.mapNewWrapper .mapNewElements .results{ width: 460px; flex-grow: 0; flex-shrink: 1; overflow: auto; box-sizing: border-box; }
.mapNewWrapper .mapNewElements .results .mapNewOptions{ padding: 10px; border-bottom: 1px solid #ccc; }
.mapNewWrapper .mapNewElements .results .mapNewOptions .mapNewTitle { margin-bottom: 10px; }
.mapNewWrapper .mapNewElements .results .mapNewOptions .mapNewTotals { display: flex; white-space: nowrap; align-items: center; gap: 10px; justify-content: space-between; }
.mapNewWrapper .mapNewElements .results .mapNewOptions .mapNewTotals .total { font-weight: 500; }
.mapNewWrapper .mapNewElements .results .mapNewResults .listings { padding: 10px; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px; box-sizing: border-box; }
.mapNewWrapper .mapNewElements .results .mapNewResults .listings .listing { position: relative; width: calc(50% - 5px); border: 1px solid #ccc; box-sizing: border-box; cursor: pointer; }
.mapNewWrapper .mapNewElements .results .mapNewResults .listings .listing:hover { box-shadow: 0px 0px 8px rgba(0,0,0,0.5); border: 1px solid #0493e5; }
.mapNewWrapper .mapNewElements .results .mapNewResults .listings .listing .photo { position: relative; padding-top: 60%; overflow: hidden; }
.mapNewWrapper .mapNewElements .results .mapNewResults .listings .listing .photo img{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); object-fit: cover; width: 100%; min-height: 100%; }
.mapNewWrapper .mapNewElements .results .mapNewResults .listings .listing .info { padding: 5px; white-space: nowrap; }
.mapNewWrapper .mapNewElements .results .mapNewResults .listings .listing .info .price { display: flex; justify-content: space-between; align-items: center; }
.mapNewWrapper .mapNewElements .results .mapNewResults .listings .listing .info .price .price { font-size: 110%; font-weight: 500; }
.mapNewWrapper .mapNewElements .results .mapNewResults .listings .listing .info .price .mlsid { font-size: 75%; }
.mapNewWrapper .mapNewElements .results .mapNewResults .listings .listing .attribution { padding: 5px; padding-top: 0px; white-space: nowrap; font-size: 75%; overflow: hidden; text-overflow: ellipsis; }
.mapNewWrapper .mapNewElements .results .mapNewResults .listings .listing .detailLink { position: absolute; bottom: 0px; right: 0px; background: #fff; }
.mapNewWrapper .mapNewElements .results .mapNewResults .listings .listing .detailLink span { padding: 4px; }
.mapNewWrapper .mapNewElements .results .mapNewResults .pages { padding: 5px; border-top: 1px solid #ccc; text-align: center; }
.mapNewWrapper .mapNewElements .results .mapNewResults .pages a { font-weight: 500; }
.mapNewWrapper .mapNewElements .results .mapNewOverage, .mapNewWrapper .mapNewElements .results .noResults { display: block; background: #fee; padding: 4px; margin-bottom: 5px; }

.mapNewWrapper .mapNewElements .listingOverlay{ display: none; z-index: 3; position: absolute; bottom: 5px; left: 5px; right: 5px; background: transparent; }
.mapNewWrapper .mapNewElements .listingOverlay .NewGmapInfoWindow { width: auto; max-width: 400px; margin: auto; }
.mapNewWrapper .mapNewElements .listingOverlay .NewGmapInfoWindow > a{ display: flex; align-items: stretch; }
.mapNewWrapper .mapNewElements .listingOverlay .NewGmapInfoWindow > a .photo { width: 150px; flex-grow: 0; flex-shrink: 0; }
.mapNewWrapper .mapNewElements .listingOverlay .NewGmapInfoWindow > a .info { flex-grow: 1; flex-shrink: 1; }

/*****************SEARCH RESULTS*********************************/
.searchError{ margin-bottom: 5px; }
.searchNavTop{ margin-bottom: 8px; }
	.searchNavTop .button{ margin-top: 0px; margin-bottom: 0px; }
	.searchNavTop .searchNav{ float: left; }
	.searchNavTop .searchNav span{ display: inline-block; white-space: nowrap; }
	.searchNavTop .searchOpts{ float: right; }
	.searchNavTop .end{ clear: both; }
.searchNavBottom{ text-align: center; margin-top: 5px;}
.searchResultsEnd{ clear: both; }

.searchResultsWrapperWithSideBar .searchResults{ box-sizing: border-box; float: right; width: 79%; }
	
/***side search***/
.searchResultsFilter{ box-sizing: border-box; overflow: hidden; }
	.searchResultsFilter .head{ padding: 8px 5px; background: #555; color: #fff; font-weight: bold; }
	.searchResultsFilter .body{ padding: 2px; background: #eee; border: 1px solid #ccc; }
		.searchResultsFilter .body .refineFieldTitle{ color: #555; font-weight: bold; padding: 5px; border-bottom: 1px solid #ccc; cursor: pointer; background: url(images/list_closed.png) no-repeat 0px 6px; }
		.searchResultsFilter .body .refineFieldTitle:before{ content: '\f0da'; font-family: 'FontAwesome'; color: #555; margin-right: 2px; }
		.searchResultsFilter .body .refineFieldActive .refineFieldTitle:before{ content: '\f0d7'; font-family: 'FontAwesome'; color: #555; margin-right: 2px; }
		.searchResultsFilter .body .refineFieldBody{ display: none; padding: 5px; text-align: center; border-bottom: 1px solid #ccc; }
		.searchResultsFilter .body .refineFieldActive .refineFieldBody{ display: block; }
	.searchResultsFilter .fieldInput{ background: #fff; width: 90%; color: #000; border-radius: 3px; font-size: 90%; }
	.searchResultsFilter .minMax{width: 35%; }
	.searchResultsFilter .buttonBar{ text-align: center; }
	.searchResultsFilter .buttonBar .button{ text-align: center; margin-top: 6px; width: 80%; }
	.searchResultsFilter .buttonBar .close{ display: none; }

.searchSidebarHtml .head{ padding: 8px 5px; background: #555; color: #fff; font-weight: bold; }
	.searchSidebarHtml .body{ padding: 5px; }
	.searchSidebarHtml .buttonBar { margin: 5px; }
	.searchSidebarHtml .buttonBar .button{ display: block; width: 100%; box-sizing: border-box; margin: 0px; }
	
/**list**/
.searchResultsList{
	width: 100%;
	box-sizing: border-box;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px;
}
.searchResultsList tr.selected{
	background: #DFFFE3;
}
.searchResultsList tr.selected2{
	background: #C2EFC7;
}
.searchResultsList th{
	font-weight: bold;
	text-align: left;
	padding: 2px;
	background-color: #d5d5cb;
	border: 1px solid #ccc;
	border-bottom: 2px solid #999;
	white-space: nowrap;
}
.searchResultsList td{
	padding: 2px;
	border: 1px solid #ccc;
	white-space: nowrap;
	vertical-align: top;
}
.searchResultsList td a{
	text-decoration: none;
}
/**thumb rows**/
.searchResultsThumb{ padding: 6px; }
	.searchResultsThumb .photo{ float: left; width: 146px; height: 108px; overflow: hidden; position: relative; }
	.searchResultsThumb .photo img{ display: block; width: 100%; vertical-align: middle; }
	.photoCount{
		background: #555;
		padding: 2px;
		width: 30px;
		height: auto;
		position: absolute;
		bottom: 0px; 
		left: 0px;
		color: #fff;
		font-weight: bold;
		text-align: center;
	}

	.searchResultsThumb .detail{ margin-left: 156px; } 
	.searchResultsThumb .title{ font-weight: bold; margin-bottom: 3px; } 
	.searchResultsThumb .info{ margin-bottom: 3px; } 
	.searchResultsThumb .remarks{ font-size: 85%; }
	.searchResultsThumb .resultLinks{ text-align: right; font-size: 80%; }
	.searchResultsThumb .end{ clear: both; }
	
/**tiles**/
.searchResultsTileWrapper{ 
	margin: 0px -5px;
}
.searchResultsTileHolder{
	box-sizing: border-box;
	float: left;
	padding: 5px;
}
.searchResultsTile{
	box-sizing: border-box;
	padding: 10px;
	padding-bottom: 25px;
	border: 1px solid #ccc;
	position: relative;
	width: 236px;
	height: 390px;
	overflow: hidden;
}
	.searchResultsTile .photo{
		overflow: hidden;
		height: 150px;
		position: relative;
		text-align: center;
		margin: 3px 0px;
	}
	.searchResultsTile .photo img{
		display: block; width: 100%; vertical-align: middle;
	}
	.searchResultsTile .title{
		font-weight: bold;
		text-align: center;
		white-space: nowrap;
	}
	.searchResultsTile .title2{
		text-align: center;
		white-space: nowrap;
	}
	.searchResultsTile .details{
		margin: 3px 0px;
	}
	.searchResultsTile .details span{
		white-space: nowrap;
	}
	.searchResultsTile .remarks{ font-size: 85%; }
	.searchResultsTile .detailLink{
		position: absolute;
		bottom: 0px; right: 0px;
		background: #fff;
		padding: 3px;
		font-size: 85%;
		white-space: nowrap;
		max-width: 100%;
		box-sizing: border-box;
	}
/*****gallery*****/
.searchResultsGalleryWrapper{ margin: -10px; margin-top: 0px; box-sizing: border-box; }
.searchResultsGallery{
	box-sizing: border-box;
	float: left;
	width: 270px;
	overflow: hidden;
	padding: 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin: 10px;
	position: relative;
	background: transparent;
}
	.searchResultsGallery .photo{ position: relative; text-align: right; margin: 0px; overflow: hidden; box-sizing: border-box; width: 100%; padding-top: 70%; }
	.searchResultsGallery .photo img{ display: block; width: 100%; min-height: 100%; object-fit: cover; vertical-align: middle; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; }
	.searchResultsGallery .photo .photoCount{ position: absolute; bottom: 0px; right: 0px; left: auto; z-index: 20; background: rgba(0,0,0,0.5); }
	
	.searchResultsGallery .navBar{ border-top: 1px solid #fff; box-sizing: border-box; }
	.searchResultsGallery .navBar .navItem{ display: block; box-sizing: border-box; float: left; width: 20%; }
	.searchResultsGallery .navBar .detail{ width: 60%; box-sizing: border-box; }
	.searchResultsGallery .navBar .detail a{ float: left; display: block; margin: 0px; box-sizing: border-box; }
	/* one link */
	.searchResultsGallery .navBar .detail a:nth-child(1):nth-last-child(1) {
		width: 100%;
	}
	/* two links */
	.searchResultsGallery .navBar .detail a:nth-child(1):nth-last-child(2),
	.searchResultsGallery .navBar .detail a:nth-child(2):nth-last-child(1) {
		width:50%;
	}
	
	.searchResultsGallery .navBar .navItem a{ display: block; color: #fff; white-space: nowrap; overflow: hidden; background: #777; border-right: 1px solid #fff; text-align: center; text-decoration: none; }
	.searchResultsGallery .navBar .navItem a *{ line-height: 30px; }
	.searchResultsGallery .navBar .navItem:nth-child(3) a{ margin-right: 0px; }
	.searchResultsGallery .navBar .detail a{ color: #333; background: #ddd; }
	.searchResultsGallery .navBar .end{ clear: both; }
	
	.searchResultsGallery .details{ text-align: center; padding: 10px; height: 100px; }
	.searchResultsGallery .title{ font-weight: bold; white-space: nowrap; font-size: 120%; }
	.searchResultsGallery .price{ font-weight: bold; color: #292; }
	.searchResultsGallery .subTitle{ margin-bottom: 10px; margin-top: 2px; }

	
/************LISTING DETAILS***************************************/
.listingDetailWrapper{ position: relative; display: flex; gap: 10px; }
.listingDetailWrapper .openHouse { border: 1px solid #008cea; margin: 5px 0px; font-weight: bold; padding: 0px; }
.listingDetailWrapper .openHouse .label{ background: #008cea; padding: 5px; color: #fff; white-space: normal; }
.listingDetailWrapper .openHouse .data{ padding: 6px; }

.listingDetailWrapper .listingDetailNav { display: flex; justify-content: space-between; align-items: center; }
.listingDetailWrapper .listingDetailNav .listingNav{ display: flex; align-items: center; white-space: nowrap; gap: 10px; }
.listingDetailWrapper .detailRight{ box-sizing: border-box; flex-basis: 24%; flex-grow: 0; flex-shrink: 0; overflow: hidden; }
.listingDetailWrapper .detailRight .section{ margin-bottom: 10px; }
.listingDetailWrapper .detailRight .section:last-of-type{ margin-bottom: 0px; }
.listingDetailWrapper .detailRight  .head{ padding: 8px 5px; background: #555; color: #fff; font-weight: bold; }
.listingDetailWrapper .detailRight  .body{ padding: 2px;}
.listingDetailWrapper .detailRight .contact .photo{ text-align: center; }
.listingDetailWrapper .detailRight .contact .photo img{ width: 165px; display: block; vertical-align: middle; }
.listingDetailWrapper .detailRight .contact .text1{ font-weight: bold; margin: 4px 0px; }
.listingDetailWrapper .detailRight .contact .button{ text-align: center; margin-top: 5px; }
.listingDetailWrapper .detailRight .contact .generalContact{ display: none; }
.listingDetailWrapper .detailRight .contact .listing-agent { display: flex; flex-direction: row; padding: 5px; gap: 10px; align-items: center; }
.listingDetailWrapper .detailRight .contact .listing-agent .listing-agent-photo{ flex-grow: 0; flex-shrink: 0; width: 80px; height: 80px; overflow: hidden; position: relative; border-radius: 50%; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); border: 4px solid #fff; }
.listingDetailWrapper .detailRight .contact .listing-agent .listing-agent-photo img{ flex-grow: 1; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; min-height: 100%; object-fit: cover; }
.listingDetailWrapper .detailRight .contact .listing-agent .listing-agent-detail{ flex-grow: 1; flex-shrink: 1; }
.listingDetailWrapper .detailRight .contact .listing-agent .listing-agent-detail .name{ font-weight: bold; }
.listingDetailWrapper .detailRight .contact .listing-agent .listing-agent-detail .office{ font-size: 90%; color: #888; }
.listingDetailWrapper .detailRight .contact .listing-agent-contact{ text-align: center; }
.listingDetailWrapper .detailRight .contact .listing-agent-contact .button{ text-align: center; }
.listingDetailWrapper .detailRight .contact .listing-office { text-align: center; margin-top: 10px; border-top: 1px solid #ccc; padding-top: 10px; }
.listingDetailWrapper .detailRight .contact .listing-office .name{ font-weight: bold; }
.listingDetailWrapper .longDetail .infoRow{ border-top: 1px solid #ddd; padding-top: 5px; margin-top: 5px;  }
.listingDetailWrapper .longDetail .infoRow .label{ font-weight: 600; }
.listingDetailWrapper .longDetail .infoRow .data{ margin-left: 10px; }
.listingDetailWrapper .featureWrapper{ margin-left: 10px; display: flex; flex-wrap: wrap; gap: 10px; }	
.listingDetailWrapper .featureWrapper .features{ box-sizing: border-box; width: 200px; flex-grow: 0; flex-shrink: 0; }
.listingDetailWrapper .featureWrapper .features:before{ 
	content: '\f0da';
	font-family: 'FontAwesome';
	cursor: pointer;
	margin-right: 2px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}
.listingDetailWrapper #listingMap{ height: 300px; border: 1px solid #ddd; position: relative; background: #eee url('images/map_bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; }
.listingDetailWrapper #listingMap .loadTrigger{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); color: #369; background: #eee; border: 1px solid #999; }
.listingDetailWrapper #listingMap .loadTrigger:hover{ background: #999; color: #fff; }


/*****CLASSIC******/
.listingDetailClassic .listingDetailWithSide{ border-right: 1px solid #ccc; padding-right: 10px; }
.listingDetailClassic .listingDetailNav a{ text-decoration: none; }
.listingDetailClassic .listingDetailNav a:after{ content: '|'; margin: 0px 3px; }
.listingDetailClassic .listingDetailNav a:last-of-type:after{ content: ''; margin: 0px; }
.listingDetailClassic .section-1 { display: flex; gap: 10px; margin-top: 5px; }
.listingDetailClassic .photoWrapper{ flex-grow: 1; flex-shrink: 1; position: relative; overflow: hidden; }
.listingDetailClassic .photoWrapper .photoWrapperInner{ position: relative; }
.listingDetailClassic .photoWrapper .photoWrapperInner #disPhoto{ position: relative; }
.listingDetailClassic .photoWrapper .photoWrapperInner #disPhoto img{ width: 100%; display: block; }
.listingDetailClassic .photoWrapper .photoNavi{ position: absolute; top: 10px; right: 0px; background: rgba(50,50,50,.7); color: #fff; padding: 4px; }
.listingDetailClassic .photoWrapper .photoNaviBttns{ position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; }
.listingDetailClassic .photoWrapper .photoNaviBttns span{ display: block; position: absolute; top: 50%; transform: translate(0,-50%); text-align: center; cursor: pointer; }
.listingDetailClassic .photoWrapper .photoNaviBttns .left{ left: 0px; width: 40px; background: rgba(50,50,50,.75); color: #ccc; padding: 5px 0px; }
.listingDetailClassic .photoWrapper .photoNaviBttns .left:hover{ rgba(50,50,50,.75); color: #fff; }
.listingDetailClassic .photoWrapper .photoNaviBttns .center{ left: 40px; right: 40px; top: 0px; bottom: 0px; transform: translate(0,0); }
.listingDetailClassic .photoWrapper .photoNaviBttns .right{ right: 0px; width: 40px; background: rgba(50,50,50,.75); color: #ccc; padding: 5px 0px; }
.listingDetailClassic .photoWrapper .photoNaviBttns .right:hover{ background: rgba(50,50,50,.75); color: #fff; }
.listingDetailClassic .photoWrapper .thumbs{ display: none; }
.listingDetailClassic .photoWrapper .docLinks{ margin-bottom: 5px; position: relative; z-index: 10; }
.listingDetailClassic .photoWrapper .docLinks .linkTitle{ display: block; font-weight: 600; margin-top: 5px; }
.listingDetailClassic .photoWrapper .docLinks a{ display: block; margin-left: 20px; }
.listingDetailClassic .photoWrapper .docLinks a.virtualTour{ font-weight: bold;}
.listingDetailClassic .shortDetail{ flex-basis: 40%; flex-grow: 0; flex-shrink: 0; }
.listingDetailClassic .shortDetail .infoRow{ display: flex; padding: 3px 4px; gap: 5px; }
.listingDetailClassic .shortDetail .infoRow:nth-child(even){ background: #eee; }
.listingDetailClassic .shortDetail .infoRow .label{ font-weight: 600; flex-grow: 0; flex-shrink: 0; flex-basis: 90px; }
.listingDetailClassic .shortDetail .infoRow .data{ flex-grow: 1; flex-shrink: 1; }


/*****PHOTO SLIDER******/
.listingDetailPhotoSlider .photoWrapper{ position: relative; overflow: hidden; margin-bottom: 10px; }
.listingDetailPhotoSlider .photoWrapper .photoWrapperInner{ position: relative; width: 100%; box-sizing: border-box; padding-top: 35%; transition-duration: 0.5s; }
.listingDetailPhotoSlider .photoWrapper .photoWrapperInner .row{ position: absolute; left: 50%; width: 50%; height: 50%; padding-left: 2px; box-sizing: border-box; white-space: nowrap; }
.listingDetailPhotoSlider .photoWrapper .photoWrapperInner .top{ top: -1px; }
.listingDetailPhotoSlider .photoWrapper .photoWrapperInner .bottom{ top: auto; bottom: -1px; }
.listingDetailPhotoSlider .photoWrapper .photoWrapperInner .photo{ display: inline-block; position: relative; overflow: hidden; width: 50%; height: 100%; box-sizing: border-box; margin-right: 2px; cursor: pointer; }
.listingDetailPhotoSlider .photoWrapper .photoWrapperInner .photo img{ display: block; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%;  object-fit: cover; transform: translate(-50%,-50%); }
.listingDetailPhotoSlider .photoWrapper .photoWrapperInner .primary{ position: absolute; top: 0px; left: 0px; width: 50%; height: 100%; box-sizing: border-box; }
.listingDetailPhotoSlider .photoWrapper .photoNav{ 
	display: block; 
	position: absolute; top: 50%; 
	transform: translate(0,-50%); 
	background: rgba(0,0,0,0.75); 
	color: rgba(255,255,255,0.5); 
	padding: 6px; 
	cursor: pointer; 
	transition-duration: 0.5s;
}
.listingDetailPhotoSlider .photoWrapper .photoNav:hover{ color: rgba(255,255,255,0.9); }
.listingDetailPhotoSlider .photoWrapper .photoNavLeft{ left: 0px; }
.listingDetailPhotoSlider .photoWrapper .photoNavRight{ right: 0px; }
.listingDetailPhotoSlider .bodyDetail { display: flex; gap: 20px; }
.listingDetailPhotoSlider.listingDetailWithSide .bodyDetail .details{ border-right: 1px solid #ccc; padding-right: 10px; margin-right: 10px; }
.listingDetailPhotoSlider .shortDetail .specs{ display: flex; flex-wrap: wrap; align-items: center; gap: 15px; }
.listingDetailPhotoSlider .shortDetail .specs .infoRow{ display: flex; gap: 3px; }
.listingDetailPhotoSlider .shortDetail .specs .infoRow .label { font-weight: 600; }
.listingDetailPhotoSlider .shortDetail .specs .infoRow .price { font-weight: 300; font-size: 30px; margin-right: 30px; }
.listingDetailPhotoSlider .shortDetail .info { display: flex; flex-wrap: wrap; }
.listingDetailPhotoSlider .shortDetail .info .infoRow { display: flex; box-sizing: border-box; flex-basis: 50%; padding: 4px 0px; }
.listingDetailPhotoSlider .shortDetail .info .infoRow .label{ font-weight: 600; margin-right: 5px; flex-basis: 100px; flex-shrink: 0; flex-grow: 0; }
.listingDetailPhotoSlider .shortDetail .info .infoRow .data{ padding-right: 5px; flex-shrink: 1; flex-grow: 1; }
.listingDetailPhotoSlider .longDetail .infoRow .data{ margin-left: 0px; }
.listingDetailPhotoSlider .docLinks .linkTitle{ display: inline; }
.listingDetailPhotoSlider .docLinks a{ display: inline; margin-left: 10px; }


/*****MODERN******/
.listingDetailModern .listingSpecs{ display: flex; justify-content: space-between; border-top: 1px solid #ccc; padding-top: 5px; margin-top: 5px; font-size: 120%; margin-bottom: 10px; }
.listingDetailModern .listingSpecs .other{ display: flex; align-items: stretch; gap: 15px; }
.listingDetailModern .listingSpecs .other .specs { display: flex; align-items: stretch; }
.listingDetailModern .listingSpecs .other .specs .spec{ border-right: 1px solid #ccc; padding-right: 5px; margin-right: 5px; text-align: center; }
.listingDetailModern .listingSpecs .other .specs .spec:last-of-type{ border-right: 0px; margin-right: 0px; }
.listingDetailModern .listingSpecs .other .specs .spec .data{ font-weight: 600; }
.listingDetailModern .listingSpecs .other .specs .spec .label{ font-size: 90%; }
.listingDetailModern .listingSpecs .other .specs .spec.price{ font-size: 175%; font-weight: normal; line-height: 48px; }
.listingDetailModern .listingSpecs .other .options { display: flex; align-items: stretch; gap: 4px; }
.listingDetailModern .listingSpecs .other .options a{ display: block; text-align: center; background: #efefef; border: 1px solid #ccc; border-top-right-radius: 5px; border-top-left-radius: 5px; text-decoration: none; padding: 5px 15px; font-size: 90%; }
.listingDetailModern .listingSpecs .other .options a:hover{  background: #E1F4FD; color: #0080FF; }
.listingDetailModern .listingSpecs .other .options a .icon{ display: block; text-align: center; font-size: 17px; }
.listingDetailModern .listingSpecs .address { display: flex; align-items: center; gap: 5px; }
.listingDetailModern .listingSpecs .address .line1{ font-weight: 600; }
.listingDetailModern .listingSpecs .address .line2{ font-size: 90%; }

.listingDetailModern .bodyDetail { display: flex; flex-grow: 0; flex-shrink: 0; gap: 20px; }
.listingDetailModern .detailRight{ flex-basis: 25%; overflow: visible; }
.listingDetailModern .detailRight .section { box-shadow: 0px 0px 3px rgba(0,0,0,0.5); margin: 2px 3px 30px 3px; border-radius: 2px; padding: 10px; }
.listingDetailModern .detailRight .section .head{ padding: 0px; margin-bottom: 15px; background: transparent; color: #222; font-weight: bold; font-size: 120%; }

.listingDetailModern .photos-container{ position: relative; overflow: visible; margin-bottom: 90px; }
.listingDetailModern .photos-container #closeFullScreen{ display: none; position: absolute; top: 10px; left: 0px; background: rgba(50,50,50,.7); color: #fff; padding: 10px; cursor: pointer; z-index: 10; }
.listingDetailModern .photos-container .photos { position: relative; width: 100%; padding-top: 65%; }
.listingDetailModern .photos-container .photos .photo { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow: hidden; }
.listingDetailModern .photos-container .photos .photo img.slider-image{ display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); object-fit: cover; width: 100%; min-height: 100%; }
.listingDetailModern .photos-container .photos .photo img.slider-image.active{ display: block; }
.listingDetailModern .photos-container .thumbnails-container{ position: absolute; top: 100%; left: 0px; right: 0px; width: 100%; overflow: hidden; padding-top: 10px; }
.listingDetailModern .photos-container .thumbnails-container .thumbnails{ display: flex; white-space: nowrap; gap: 10px; }
.listingDetailModern .photos-container .thumbnails-container .thumbnails .thumbnail{ flex-basis: 10%; flex-shrink: 0; flex-grow: 0; height: 60px; overflow: hidden; position: relative; cursor: pointer; }
.listingDetailModern .photos-container .thumbnails-container .thumbnails .thumbnail.active{ border: 1px solid #000; }
.listingDetailModern .photos-container .thumbnails-container .thumbnails .thumbnail img{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 100%; min-width: 100%; object-fit: cover; opacity: 0.5; transition: opacity 0.3s ease-in-out; }
.listingDetailModern .photos-container .thumbnails-container .thumbnails .thumbnail.active img{ opacity: 1; }
.listingDetailModern .photos-container .thumbnails-container .thumbnails .thumbnail:after{ content: ' '; clear: both; }
.listingDetailModern .photos-container .photo-count{ position: absolute; top: 10px; right: 0px; background: rgba(50,50,50,.7); color: #fff; padding: 10px; z-index: 10; }
.listingDetailModern .photos-container .photoNaviBttns{ position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 4; }
.listingDetailModern .photos-container .photoNaviBttns span{ display: block; position: absolute; top: 50%; transform: translate(0,-50%); text-align: center; cursor: pointer; }
.listingDetailModern .photos-container .photoNaviBttns .left{ left: 0px; width: 40px; background: rgba(50,50,50,.75); color: #ccc; padding: 5px 0px; }
.listingDetailModern .photos-container .photoNaviBttns .left:hover{ rgba(50,50,50,.75); color: #fff; }
.listingDetailModern .photos-container .photoNaviBttns .center{ left: 40px; right: 40px; top: 0px; bottom: 0px; transform: translate(0,0); }
.listingDetailModern .photos-container .photoNaviBttns .right{ right: 0px; width: 40px; background: rgba(50,50,50,.75); color: #ccc; padding: 5px 0px; }
.listingDetailModern .photos-container .photoNaviBttns .right:hover{ background: rgba(50,50,50,.75); color: #fff; }

.listingDetailModern .shortDetail .specs{ display: flex; flex-wrap: wrap; align-items: center; gap: 15px; }
.listingDetailModern .shortDetail .specs .infoRow{ display: flex; gap: 3px; }
.listingDetailModern .shortDetail .specs .infoRow .label { font-weight: 600; }
.listingDetailModern .shortDetail .featured { display: flex; flex-wrap: wrap; margin-bottom: 20px; }
.listingDetailModern .shortDetail .featured .infoRow{ display: flex; flex-basis: 33%; flex-shrink: 0; flex-grow: 0; gap: 10px; align-items: center; box-sizing: border-box; padding: 5px; }
.listingDetailModern .shortDetail .featured .infoRow .icon{ font-size: 24px; flex-shrink: 0; flex-grow: 0; width: 28px; overflow: hidden; text-align: center; }
.listingDetailModern .shortDetail .featured .infoRow .info{ display: block; flex-shrink: 1; flex-grow: 1; }
.listingDetailModern .shortDetail .featured .infoRow .info .label{ display: block; font-weight: 600;  }
.listingDetailModern .shortDetail .featured .infoRow .info .data{  }

.listingDetailModern .shortDetail .info { display: flex; flex-wrap: wrap; }
.listingDetailModern .shortDetail .info .infoRow { display: flex; box-sizing: border-box; flex-basis: 50%; padding: 4px 0px; }
.listingDetailModern .shortDetail .info .infoRow .label{ font-weight: 600; margin-right: 5px; flex-basis: 100px; flex-shrink: 0; flex-grow: 0; }
.listingDetailModern .shortDetail .info .infoRow .data{ padding-right: 5px; flex-shrink: 1; flex-grow: 1; }
.listingDetailModern .longDetail .infoRow .data{ margin-left: 0px; }
.listingDetailModern .docLinks .linkTitle{ display: inline; }
.listingDetailModern .docLinks a{ display: inline; margin-left: 10px; }

.listingDetailModern .photos-container.photos-container-full { position: fixed; z-index: 10000; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: 0px; background: rgba(0,0,0,0.95); }
.listingDetailModern .photos-container.photos-container-full .photos{ position: absolute; top: 5%; left: 0px; height: 80%; width: 100%; box-sizing: border-box; z-index: 1; padding: 0px!important;  }
.listingDetailModern .photos-container.photos-container-full .thumbnails-container{ position: absolute; top: 90%; height: 10%; z-index: 10; }
.listingDetailModern .photos-container.photos-container-full .photos .photo img.slider-image{ object-fit: contain; width: auto; min-width: none; height: auto; min-height: none; max-height: 100%; max-width: 100%; }
.listingDetailModern .photos-container.photos-container-full .statusBanner{ display: none; }
.listingDetailModern .photos-container.photos-container-full #openFullScreen{ display: none; }
.listingDetailModern .photos-container.photos-container-full #closeFullScreen{ display: block; }
.listingDetailModern .listingSpecs .favorite { color: #f00; }
/*****************************************************************************/
		
.simpleCalculator label{ width: 95px; display: inline-block; vertical-align: middle; white-space: nowrap; }
.simpleCalculator .form-field{ display: inline-block; margin-left: 6px; vertical-align: middle; }
.simpleCalculator .form-field .fieldInput{ width: 42px; text-align: center; }
.simpleCalculator .form-field #lprice{ width: 70px; text-align: center; }

#DetailSlideshow{ position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background: rgba(0,0,0,.9); z-index: 2000; } 
#DetailSlideshow .header{ padding: 5px; text-align: right; color: #fff; box-sizing: border-box; height: 42px; }
#DetailSlideshow .header .info{ display: block; float: left; border-radius: 5px; background: #555; padding: 5px; }
#DetailSlideshow .header .close{ display: block; float: right; border-radius: 5px; background: #555; padding: 5px; cursor: pointer; }
#DetailSlideshow .holder{ position: absolute; text-align: center; top: 45px; bottom: 0px; left: 0px; right: 0px; z-index: 1; }
#DetailSlideshow .helper{  display: inline-block; height: 100%; vertical-align: middle; }
#DetailSlideshow .holder img{ text-align: center; max-width: 100%; max-height: 100%; vertical-align: middle; }
#DetailSlideshow .left{ position: absolute; text-align: center; top: 45px; bottom: 0px; left: 0px; width: 50px; cursor: pointer; color: #ccc; z-index: 2; }
#DetailSlideshow .right{ position: absolute; text-align: center; top: 45px; bottom: 0px; right: 0px; width: 50px; cursor: pointer; color: #ccc; z-index: 2;  }



/****************FEATURED LISTINGS***********************************/
.featuredListingWrapper .photo{ position: relative; }
.featuredListingWrapper img{ border: 0px; }
.featureEnd{ clear: both; }
	
.featuredGalleryBlockWrapper{ margin: -10px; box-sizing: border-box; }
.featuredGalleryBlock{
	box-sizing: border-box;
	float: left;
	width: 305px;
	overflow: hidden;
	padding: 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin: 10px;
	position: relative;
	background: transparent;
}
.featuredCarousel .featuredGalleryBlock{ border-bottom: 0px; }
.featuredGalleryBlock .photo{ position: relative; text-align: right; margin: 0px; overflow: hidden; box-sizing: border-box; width: 100%; padding-top: 70%; }
.featuredGalleryBlock .photo img{ display: block; width: 100%; min-height: 100%; object-fit: cover; vertical-align: middle; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; }
.featuredGalleryBlock .navBar{ border-top: 1px solid #fff; box-sizing: border-box; }
.featuredGalleryBlock .navBar .navItem{ display: block; box-sizing: border-box; float: left; width: 20%; }
.featuredGalleryBlock .navBar .detail{ width: 60%; box-sizing: border-box; }
.featuredGalleryBlock .navBar .detail a{ float: left; display: block; margin: 0px; box-sizing: border-box; }
.featuredGalleryBlock .navBar .detail a:nth-child(1):nth-last-child(1) { width: 100%; } /* one link */
.featuredGalleryBlock .navBar .detail a:nth-child(1):nth-last-child(2), 
.featuredGalleryBlock .navBar .detail a:nth-child(2):nth-last-child(1) { width:50%; } /* two links */
.featuredGalleryBlock .navBar .navItem a{ display: block; color: #fff; verflow: hidden; background: #777; border-right: 1px solid #fff; text-align: center; text-decoration: none; }
.featuredGalleryBlock .navBar .navItem a *{ line-height: 30px; }
.featuredGalleryBlock .navBar .navItem:nth-child(3) a{ border-right: 0px; }
.featuredGalleryBlock .navBar .detail a{ color: #333; background: #ddd; }
.featuredGalleryBlock .navBar .end{ clear: both; }
.featuredGalleryBlock .details{ text-align: center; padding: 10px; height: 100px; }
.featuredGalleryBlock .title{ font-weight: bold; white-space: nowrap; font-size: 120%; }
.featuredGalleryBlock .price{ font-weight: bold; color: #292; }
.featuredGalleryBlock .subTitle{ margin-bottom: 10px; margin-top: 2px; }
.featuredGalleryBlock .openHouseDate{ font-weight: bold;  text-align: center; }

	
.featuredMediumBlockWrapper{ margin: -5px; }
.featuredMediumBlock{
	box-sizing: border-box;
	float: left;
	width: 234px;
	height: 410px;
	overflow: hidden;
	padding: 10px;
	border: 1px solid #ccc;
	margin: 5px;
	position: relative;
}
	.featuredMediumBlock .title{ font-weight: bold; text-align: center; white-space: nowrap; }
	.featuredMediumBlock .photo{ text-align: right; margin: 3px 0px; overflow: hidden; height: 158px; }
	.featuredMediumBlock .photo img{ display: block; width: 100%; vertical-align: middle; }
	.featuredMediumBlock .address{ font-weight: bold; text-align: center; white-space: nowrap; }
	.featuredMediumBlock .details { margin: 3px 0px; }
	.featuredMediumBlock .details span{ white-space: nowrap; }
	.featuredMediumBlock  .remarks{ font-size: 85%; }
	.featuredMediumBlock .openHouseDate{ text-align: center; font-weight: 600; }
	.featuredMediumBlock .detailLink{ position: absolute; bottom: 0px; right: 0px; padding: 3px; font-size: 85%; white-space: nowrap; max-width: 100%; box-sizing: border-box; }
.featuredSmallBlockSidebarWrapper{ margin: -5px; }
.featuredSmallBlockSidebar{
	box-sizing: border-box;
	width: 180px;
	float: left;
	overflow: hidden;
	text-align: left;
	margin: 5px;
}
	.featuredSmallBlockSidebar .title, .featuredSmallBlockSidebar .mlsNum{ font-weight: bold; text-align: center; white-space: nowrap; }
	.featuredSmallBlockSidebar .photo{ text-align: center; overflow: hidden; height: 132px; }
	.featuredSmallBlockSidebar .photo img{ display: block; width: 100%; vertical-align: middle; }

.featuredLargeSpotlightWrapper{ margin: -15px; }
.featuredLargeSpotlight{
	box-sizing: border-box;
	float: left;
	margin: 15px;
	padding: 15px;
	width: 420px;
	height: 380px;
	overflow: hidden;
	border-radius: 12px; 
	border: 1px solid #ccc;
	box-shadow: 2px 2px 6px 0px #ccc;
	background: #eee;
	position: relative;
}
	.featuredLargeSpotlight .photo{
		position: relative;
		height: 290px;
		margin-bottom: 0px;
		overflow: hidden;
		background: #000;
		border-radius: 6px; 
	}
	.featuredLargeSpotlight .photo img{
		display: block; 
		width: 100%;
		vertical-align: middle;
	}
	.featuredLargeSpotlight .title{
		color: #fff;
		text-align: left;
		position: absolute;
		right: 0px;
		top: 20px;
		max-width: 90%;
		padding: 5px;
		padding-left: 8px;
		background: rgba(0,0,0,0.5);
		z-index: 3;
		font-weight: bold;
		overflow: hidden;
		border-radius: 6px 0px 0px 6px; 
		-moz-border-radius: 6px 0px 0px 6px; 
	}
	.featuredLargeSpotlight .address{ font-weight: bold; }
	.featuredLargeSpotlight .info{
		margin-top: 5px;
	}
	.featuredLargeSpotlight .detailLink{ position: absolute; padding: 3px; bottom: 0px; right: 0px; font-size: 85%; white-space: nowrap; max-width: 100%; box-sizing: border-box; }
.featuredSmallBlockWrapper{ margin: -5px; }
.featuredSmallBlock{
	box-sizing: border-box;
	position: relative;
	width: 210px;
	height: 280px;
	padding: 10px;
	border: 1px solid #ccc;
	float: left;
	overflow: hidden;
	text-align: center;
	margin: 5px;
}
	.featuredSmallBlock .address{ font-weight: bold; text-align: center; white-space: nowrap; margin-bottom: 3px; }
	.featuredSmallBlock .info{ }
	.featuredSmallBlock .photo { height: 140px; overflow: hidden; text-align: center; margin: 3px 0px; }
	.featuredSmallBlock .photo img{ display: block; width: 100%; vertical-align: middle; }
	.featuredSmallBlock .details span{ white-space: nowrap; }
	.featuredSmallBlock .info .link{ position: absolute; bottom: 5px; right: 5px; }
	.featuredSmallBlock .openHouseDate{ font-weight: 600; }
	.featuredSmallBlock .openHouseTime{ font-weight: 600; }
	
.featuredMiniBlockWrapper{ margin: -5px; }
.featuredMiniBlock{
	box-sizing: border-box;
	float: left;
	padding: 6px;
	border: 1px solid #ccc;
	overflow: hidden;
	text-align: center;
	margin: 5px;
	cursor: pointer;
	width: 150px;
}
	.featuredMiniBlock .title{ font-weight: bold; text-align: center; white-space: nowrap; }
	.featuredMiniBlock .info{ white-space: nowrap; }
	.featuredMiniBlock .photo { overflow: hidden; height: 100px; margin: 3px 0px; }
	.featuredMiniBlock .photo img{ display: block; width: 100%; vertical-align: middle; }
	.featuredMiniBlock .price{ display: block; }

.featuredMiniList{ padding: 5px; }
	.featuredMiniList .photo{ float: left; position: relative; width: 75px; height: 56px; overflow: hidden; }
	.featuredMiniList .photo img{ display: block; width: 100%; vertical-align: middle; }
	.featuredMiniList .details{ margin-left: 80px; position: relative; padding: 0px; }
	.featuredMiniList .info span{ white-space: nowrap; }
	.featuredMiniList .address{ float: left; }
	.featuredMiniList .link{ float: right; font-size: 85%; } 
	.featuredMiniList .end{ clear: both; }
	

.featuredWideList{ padding: 6px; }
.featuredWideList{ padding: 6px; }
	.featuredWideList .photo{ float: left; width: 136px; height: 100px; overflow: hidden; position: relative; }
	.featuredWideList .photo img{ display: block; width: 100%; vertical-align: middle; }
	.featuredWideList .detail{ margin-left: 142px; } 
	.featuredWideList .title{ font-weight: bold; margin-bottom: 3px; } 
	.featuredWideList .info{ margin-bottom: 3px; } 
	.featuredWideList .remarks{ font-size: 85%; }
	.featuredWideList .end{ clear: both; }
	
.featuredRowsList{ width: 100%; }
	.featuredRowsList td a{
		color: transparent;
		display: block;
		width: 16px;
		height: 16px;
		padding: 1px;
		overflow: hidden;
	}
/*featured carrosel***/
.featuredCarousel{
	position: relative; 
	margin: 0px auto; 
	overflow: hidden; 
	padding: 0px; 
	border: 0px solid #f00;
	box-sizing: border-box;
}
.fcNav{ display: table; width: auto; margin: auto; text-align: center; }
.fcLeft,.fcRight{
	margin: 5px;
	margin-bottom: 0px;
	display: inline-block;
	cursor: pointer;
	width: 20px;
	height: 20px;
	background-position: center center; 
	background-repeat: no-repeat;
	opacity:0.8;
	filter:alpha(opacity=80); 
}
.fcLeft:hover,.fcRight:hover{
	opacity: 1;
	filter:alpha(opacity=100); 
}
.fcLeft:before{ content: '\f0a8'; font-family: 'FontAwesome'; font-size: 24px; opacity: 80%; }
.fcRight:before{ content: '\f0a9'; font-family: 'FontAwesome'; font-size: 24px; opacity: 80%; }

	
/*********FEATURED AGENT***************/
.featuredAgentWrapper .end{ clear: both; }
.featuredAgentMiniBlock{
	box-sizing: border-box;
	padding: 4px 6px;
	width: 124px;
	height: 175px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	cursor: pointer;
	text-align: center;
	border: 1px solid #ccc;
	overflow: hidden;
}
	.featuredAgentMiniBlock .name{
		font-weight: bold;
		text-align: center;
		white-space: nowrap;
	}
	.featuredAgentMiniBlock .phone{
		text-align: center;
		white-space: nowrap;
	}
	.featuredAgentMiniBlock .photo{ height: 120px; margin: 3px 0px; overflow: hidden; }
	.featuredAgentMiniBlock .photo img{ display: block; width: 100%; vertical-align: middle; }
	
.featuredAgentSmallBlock{
	box-sizing: border-box;
	border: 1px solid #ccc;
	padding: 6px; 
	margin-bottom: 10px;
	float: left;
	width: 300px;
	height: 150px;
	overflow: hidden;
	margin: 5px;
}
	.featuredAgentSmallBlock .photo{
		display: block;
		float: left;
		width: 110px;
		height: 126px;
		overflow: hidden;
		height: 100%; 
		text-align: center;
	}
		.featuredAgentSmallBlock .photo img{
			width: 100%;
			border: 0px;
			vertical-align: middle;
		}
	.featuredAgentSmallBlock .info{
		margin-left: 118px;
		white-space: normal;
		margin-right: 5px;
		margin-bottom: 5px;
	}	
	.featuredAgentSmallBlock .name{
		font-weight: bold;
		font-size: 15px;
	}
	.featuredAgentSmallBlock .email,.featuredAgentSmallBlock .website{
		white-space: nowrap;
	}
	.featuredAgentSmallBlock .license{
		font-size: 12px;
	}
.featuredAgentMediumBlock{
	box-sizing: border-box;
	border: 1px solid #ccc;
	padding: 5px 10px; 
	margin: 5px;
	float: left;
	width: 220px;
	height: 340px;
	overflow: hidden;
}
	.featuredAgentMediumBlock .name{
		font-weight: bold;
		text-align: center;
	}
	.featuredAgentMediumBlock .photo{
		margin: 5px auto;
		width: 150px;
		height: 185px;
		overflow: hidden;
	}
	.featuredAgentMediumBlock .photo img{ display: block; width: 100%; vertical-align: middle; }
	.featuredAgentMediumBlock .info{
		text-align: center;
		overflow: hidden;
		white-space: normal;
		margin-right: 5px;
		margin-bottom: 5px;
	}
	.featuredAgentMediumBlock .links{
		font-size: 13px;
	}
	.featuredAgentMediumBlock .email,.featuredAgentMediumBlock .website{
		font-weight: bold;
		white-space: nowrap;
	}
	.featuredAgentMediumBlock .license{
		font-size: 12px;
	}
	
.featuredAgentLargeDetail{
	box-sizing: border-box;
	border: 1px solid #ccc;
	padding: 5px 10px; 
	margin: 0px;
	margin-bottom: 20px;
	overflow: hidden;
}
	.featuredAgentLargeDetail .photo{
		float: left;
		margin: 5px auto;
		width: 200px;
		height: 250px;
		overflow: hidden;
	}
	.featuredAgentLargeDetail .photo img{ display: block; width: 100%; vertical-align: middle; }
	.featuredAgentLargeDetail .name{
		margin:0px;
		margin-left: 210px;
		display: block;
		font-weight: bold;
	}
	.featuredAgentLargeDetail .info{
		margin-left: 210px;
		white-space: normal;
		margin-right: 5px;
		margin-bottom: 5px;
	}
	.featuredAgentLargeDetail .email,.featuredAgentLargeDetail .website{
		font-weight: bold;
		white-space: nowrap;
	}
	.featuredAgentLargeDetail .comments{
		margin-left: 210px;
		white-space: normal;
		border-top: 1px solid #ccc;
		margin-top: 3px;
		padding-top: 3px;
	}

/******************AGENT PROFILES******************************************/
.agentProfilesWrapper .agentTotals{ margin-bottom: 10px; }

.agentsWrapper { margin-bottom: 10px; }

.agentsGridStandard { display: flex; flex-wrap: wrap; gap: 10px; }
	.agentsGridStandard .AgentProfile{
		box-sizing: border-box;
		border: 1px solid #ccc;
		border-radius: 4px;
		width: 320px;
		overflow: hidden;
		position: relative;
		display: flex;
		padding: 10px;
		gap: 10px;
	}
		.agentsGridStandard .AgentProfile .photo{
			position: relative;
			display: inline-block;
			vertical-align: top;
			width: 110px;
			height: 150px;
			overflow: hidden;
			text-align: center;
			border: 1px solid #ccc;
			flex-grow: 0;
			flex-shrink: 0;
		}
			.agentsGridStandard .AgentProfile .photo img{
				display: block;
				position: absolute;
				top: 50%; left: 50%;
				border: 0px;
				width: 100%;
				min-height: 100%;
				transform: translate(-50%,-50%);
				object-fit: cover;
			}
		.agentsGridStandard .AgentProfile .info{
			flex-grow: 1;
			flex-shrink: 1;
		}
		.agentsGridStandard .AgentProfile .name{
			font-weight: bold;
		}
		.agentsGridStandard .AgentProfile .brokerage{
			white-space: nowrap;
			overflow: hidden;
			width: 175px;
			text-overflow: ellipsis;
		}
	
.agentsGridCompact {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
	.agentsGridCompact .AgentProfileCompact{
		text-align: center;
		padding: 5px; 
		width: 120px;
		overflow: hidden;
		white-space: nowrap;
		text-align: center;
	}
	.agentProfilesWrapper .AgentProfileCompact .photo { position: relative; width: 120px; height: 120px; overflow: hidden; border-radius: 50%; margin-bottom: 5px; }
	.agentProfilesWrapper .AgentProfileCompact .photo img{ position: absolute; width: 100%; min-height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); object-fit: cover; }


.agentProfilesWrapper .AgentProfileOffice .office { font-weight: bold; font-size: 120%; cursor: pointer; line-height: 150%; }
.agentProfilesWrapper .AgentProfileOffice .agents { display: none;  margin-left: 20px; line-height: 150%; }
.agentProfilesWrapper .AgentProfileOffice.active .agents { display: block; }

.AgentProfileFull{ box-sizing: border-box; display: flex; align-items: flex-start; }
	.AgentProfileFull .info{ box-sizing: border-box; padding: 10px; flex-grow: 0; flex-shrink: 0; }
	.AgentProfileFull .photo{ box-sizing: border-box; height: 250px; width: 180px; overflow: hidden; margin-bottom: 5px; flex-grow: 0; flex-shrink: 0; }
	.AgentProfileFull .photo img{ display: block; margin: 0px; height: 100%; display: block; object-fit: contain; }
	.AgentProfileFull .message{ box-sizing: border-box; padding: 10px; flex-grow: 1; flex-shrink: 1; }	
	.AgentProfileFull .name{ font-weight: bold; }


/*******************GALLERY*********************/
.galleryWrapper{
	position: relative;
	padding: 0px;
	width: 100%;
	box-sizing: border-box;
}
	.galleryWrapper .galleryControl{
		position: absolute;
		top: 5px;
		right: 0px;
		left: 0px;
		z-index: 10;
	}
	.galleryWrapper .galleryControl .controlContainer{
		padding: 5px;
		padding-right: 0px;
		width: 110px;
		background: rgba(50,50,50,.5);
		margin: auto;
	}
		.galleryWrapper .galleryControl .bttn{
			float: left;
			margin-right: 5px;
			background: #555;
			background-position: center center;
			background-repeat: no-repeat;
			width: 20px;
			height: 20px;
			cursor: pointer;
			border: 1px solid #ccc;
		}
		.galleryWrapper .galleryControl .prev:before{
			content: '\f04a';
			font-family: 'FontAwesome';
			cursor: pointer;
			color: #fff;
			font-size: 18px;
			text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
		}
		.galleryWrapper .galleryControl .play:before{
			content: '\f04b';
			font-family: 'FontAwesome';
			cursor: pointer;
			color: #fff;
			font-size: 18px;
			text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
		}
		.galleryWrapper .galleryControl .pause:before{
			content: '\f04c';
			font-family: 'FontAwesome';
			cursor: pointer;
			color: #fff;
			font-size: 18px;
			text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
		}
		.galleryWrapper .galleryControl .next:before{
			content: '\f04e';
			font-family: 'FontAwesome';
			cursor: pointer;
			color: #fff;
			font-size: 18px;
			text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
		}
		.galleryWrapper .galleryControl .close:before{
			content: '\f00d';
			font-family: 'FontAwesome';
			cursor: pointer;
			color: #fff;
			font-size: 18px;
			text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
		}
		
	.galleryWrapper .galleryPreview{
		height: 400px;
		text-align: center;
		margin: auto;
		position: relative;
		overflow: hidden;
		z-index: 1;
	}
	.galleryWrapper .galleryPreview .galleryImage{
		position: absolute;
		top: 0px;
		left: 0px;
		max-width: 100%;
	}
	.galleryWrapper .galleryTitle{
		position: absolute;
		left: 0px;
		bottom: 0px;
		width: 100%;
		padding: 3px 0px;
		background: rgba(100,100,100,.5);
		z-index: 11;
		font-weight: bold;
		color: #fff;
		text-shadow: 1px 1px 1px #000;
	}
	.galleryWrapper .galleryLoading{
		text-align: center;
		position: absolute;
		top: 45%;
		left: 0px;
		right: 0px;
		z-index: 12;
	}
		.galleryWrapper .galleryLoading span{
			display: block;
			margin: auto;
			width: 30px;
			height: 30px;
			background: url('images/loader-30x30.gif') no-repeat center center;
		}
.galleryWrapper .thumbWrapper{
	box-sizing: border-box;
}
	.galleryWrapper  .thumbWrapper .thumb{
		float: left;
	}
	.galleryWrapper  .thumbWrapper .thumb a{
		display: block;
		padding: 4px;
		margin: 4px;
		background: #999;
	}
	.galleryWrapper .thumbWrapper .thumbActive a{ background: #ffc; }
	.galleryWrapper  .thumbWrapper .thumb a:hover{
		background: #555;
	}
	.galleryWrapper  .thumbWrapper .thumb a img{
		display: block;
		width: 120px;
		height: 96px;
	}
.galleryWrapperSlide .thumbWrapper{
	position: absolute;
	bottom: 0px;
	left: 0px; 
	right: 0px;
	overflow: auto;
	overflow-y: hidden;
	background: #000;
}
	.galleryWrapperSlide .thumbWrapper .thumbContainer{ display: table; margin: auto; }
	.galleryWrapperSlide .thumbWrapper .thumb{ float: none; display: table-cell; }
	.galleryWrapperSlide  .thumbWrapper .thumb a img{ width: 75px; height: 60px; max-width: none!important; }
/***************************WEATHER*******************************/
.forecastTitle, .currentTitle{
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 16px;
}

/**SMALL VERTICAL WEATHER**/
.weatherSmallVertical .currentConditions{

}
.weatherSmallVertical .currentConditions .currentTitle{
	font-size: 12px;
	margin: 0px;
	margin-bottom: 4px;
	padding: 3px;
}
.weatherSmallVertical .currentConditions .image{
	float: left;
	margin-top: 5px;
	margin-left: 5px;
}
	.weatherSmallVertical .currentConditions .image img{
		width: 35px;
		height: 35px;
	}
.weatherSmallVertical .currentConditions .temp{
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	font-size: 16px;
}
	.weatherSmallVertical .currentConditions .real{
		font-weight: bold;
	}
	.weatherSmallVertical .currentConditions .feel{
		font-size: 12px;
	}
.weatherSmallVertical .currentConditions .extra{
	margin-top: 5px;
	font-size: 12px;
	margin-left: 15px;
}
.weatherSmallVertical .currentConditions .conditions{
	font-size: 12px;
	margin-left: 15px;
}
.weatherSmallVertical .currentConditions .updated{
	font-size: 11px;
	text-align: center;
	padding-bottom: 2px;
}
.weatherSmallVertical .forecastWrapper{

}
.weatherSmallVertical .forecastTitle{
	font-size: 12px;
	margin: 0px;
	margin-top: 3px;
	padding: 3px;
}
.weatherSmallVertical .forecastDay{
	position: relative;
	padding: 5px;
	font-family: tahoma;
}
.weatherSmallVertical .forecastDay .image{
	float: left;
}
	.weatherSmallVertical .forecastDay .image img{
		width: 20px;
		height: 20px;
	}
.weatherSmallVertical .forecastDay .title{
	float: left;
	margin-left: 10px;
}
.weatherSmallVertical .forecastDay .temp{
	float: left;
	margin-left: 10px;
}
	.weatherSmallVertical .forecastDay .high{
		font-weight: bold;
		color: #922;
	}
	.weatherSmallVertical .forecastDay .low{
		color: #229;
	}
	
/**SMALL HORIZONTAL WEATHER**/
.weatherSmallHorizontal{
}
.weatherSmallHorizontal .forecastDay, .weatherSmallHorizontal .currentConditions{
	float: left;
	width: 140px;
	height: 55px;
	border: 1px solid #ccc;
	position: relative;
	padding: 5px;
	background: #fff;
	font-family: tahoma;
}
 .weatherSmallHorizontal .currentConditions{
	height: 122px;
 }
.weatherSmallHorizontal  .title{
	font-weight: bold;
	margin-bottom: 3px;
}
.weatherSmallHorizontal  .image{
	float: left;
}
	.weatherSmallHorizontal  .image img{
		width: 35px;
		height: 35px;
	}
.weatherSmallHorizontal  .temp{
	float: left;
	margin-left: 10px;
}
	.weatherSmallHorizontal  .real,.weatherSmallHorizontal  .high{
		font-weight: bold;
		font-size: 15px;
	}
	.weatherSmallHorizontal  .high{
		color: #922;
	}
	.weatherSmallHorizontal  .feel,.weatherSmallHorizontal  .low{
		font-size: 12px;
	}
	.weatherSmallHorizontal  .low{
		color: #229;
		margin-left: 10px;
	}
.weatherSmallHorizontal  .extra{
	margin-top: 5px;
	font-size: 12px;
	margin-left: 10px;
}
.weatherSmallHorizontal  .conditions{
	font-size: 12px;
	margin-left: 10px;
}
.weatherSmallHorizontal  .updated{
	font-size: 11px;
	text-align: center;
}

/**MEDIUM WEATHER**/
.weatherMedium .forecastDay .title, .weatherMedium .currentConditions .title{
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 3px;
}
.weatherMedium .forecastDay, .weatherMedium .currentConditions{
	border: 1px solid #ccc;
	position: relative;
	width: 330px;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 5px;
	font-family: tahoma;
}
.weatherMedium .currentConditions{
	float: none;
}
.weatherMedium  .image{
	float: left;
}
	.weatherMedium  .image img{
		width: 50px;
		height: 50px;
	}
.weatherMedium  .temp{
	margin-left: 20px;
	margin-top: 5px;
	float: left;
}
	.weatherMedium .high{
		font-weight: bold;
		color: #922;
		font-size: 18px;
	}
	.weatherMedium .low{
		color: #229;
		font-size: 15px;
		margin-left: 10px;
	}
	.weatherMedium .real{
		font-weight: bold;
		font-size: 16px;
	}
	.weatherMedium .feel{
		margin-left: 10px;
	}
.weatherMedium  .extra{
	float: right;
	margin-top: 5px;
}
.weatherMedium  .conditions,.weatherMedium .precipitation{
	margin-top: 2px;
	text-align: center;
	font-size: 90%;
}

/**LARGE WEATHER**/
.weatherLarge .forecastDay .title, .weatherLarge .currentConditions .title{
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 3px;
}

.weatherLarge .currentConditions{
	position: relative;
	padding: 10px;
	font-family: tahoma;
	background: #f3f8fc; 
	margin-bottom: 10px;
	border: 1px solid #ccc;
}
	.weatherLarge .currentConditions  .image{
		float: left;
	}
		.weatherLarge .currentConditions  .image img{
			width: 70px;
			height: 70px;
		}
	.weatherLarge .currentConditions .temp{
		float: left;
		margin-left: 10px;
		margin-top: 5px;
	}
		.weatherLarge .currentConditions .real{
			font-size: 16px;
			font-weight: bold;
		}
		.weatherLarge .currentConditions .feel{
			font-size: 14px;
			margin-left: 10px;
		}
	.weatherLarge .currentConditions .extra{
		float: left;
		margin-left: 20px;
		margin-top: 5px;
	}
	.weatherLarge .currentConditions .conditions{
		margin-top: -10px;
		margin-left: 70px;
	}

.weatherLarge .forecastWrapper{
	border-top: 1px solid #ccc;
}
.weatherLarge .forecastDay{
	border: 1px solid #ccc;
	border-top: 0px;
	position: relative;
	margin: 0px;
	padding: 10px;
	font-family: tahoma;
	background: #f3f8fc; 
}
	.weatherLarge .forecastDay  .image{
		float: left;
	}
		.weatherLarge .forecastDay  .image img{
			width: 70px;
			height: 70px;
		}
	.weatherLarge .forecastDay .temp{
		float: left;
		margin-top: 10px;
		margin-left: 20px;
	}
		.weatherLarge .forecastDay .high{
			font-weight: bold;
			color: #922;
			font-size: 20px;
		}
		.weatherLarge .forecastDay .low{
			color: #229;
			font-size: 18px;
			margin-left: 10px;
		}
	.weatherLarge .forecastDay .conditions{
		float: left;
		font-weight: bold;
		font-size: 20px;
		margin-top: 20px;
		margin-left: 20px;
	}

	.weatherLarge .forecastDay .extra{
		float: right;
		margin-top: 10px;
	}
		.weatherLarge .forecastDay .wind{

		}
		.weatherLarge .forecastDay .humidity{

		}
.weatherLarge .forecastDay .details{
	clear: both;
	padding-top: 3px;
	text-align: left;
	font-size: 14px;
}
/************************BLOG*****************************/
.blogPostWrapper{
	margin-bottom: 10px;
	border: 1px solid #ccc;
}
	.blogPostInfo{
		background: #ddd;
		padding: 4px;
		margin-bottom: 5px;
		border-bottom: 1px solid #ccc;
		color: #000;
	}
	.blogPostTitle{
		font-weight: bold;
		font-size: 20px;
		padding-left: 6px;
	}
	.blogPost{
		padding: 6px 20px;
		border-bottom: 1px dotted #ccc;
	}
	.blogPostCommentsWrapper{
		padding: 4px;
	}
	.blogPostComments{
		display: none;
		margin: 0px 10px;
		padding:
	}
	.commentForm{
		margin: 0px 5px;
		margin-top: 6px;
		display: none;
		max-width: 650px;
	}
	.commentFormTitle{
		font-weight: bold;
		font-size: 16px;
	}
	.blogPostComment{
		margin-left: 10px;
		font-size: 12px;
	}
	.blogPostNav{
		padding: 3px;
		text-align: right;
	}
	.blogPostCommentsWrapperActive .blogPostComments{
		display: block;
	}
	.blogPostWrapper .seperator{
		border-top: 1px solid #ccc;
		margin-top: 3px;
		margin-bottom: 3px;
	}
/*****************TABS****************************/
.tabsHorizontal{ 
	border-bottom-style:solid; 
	border-bottom-width: 1px; 
	border-bottom-color: #555555;  
	margin-bottom: 5px;
	padding: 0px 0px 0px 5px;
	white-space: nowrap;
	overflow: auto;
}
.tabsVertical{ 
	border: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
}
.tabsHorizontal .tabBtn{ 
	display: inline-block; 
	margin-right: 4px; 
}
.tabsVertical .tabBtn{ 
	float: none; 
	margin-bottom: 4px; 
}
.gadgetTabWrapper .tabBtn a{ 
	display: block;
	text-decoration: none; 
	font-weight: bold; 
	background: #eeeeee; 
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); 
	border-width: 1px; 
	border-color: #999999; 
	color: #444444;  
	border-style: solid; 
	padding: 5px 10px; 
}
.tabsHorizontal .tabBtn a{ 
	border-bottom: 0px; 
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px; 
	text-align: center;
}
.tabsVertical .tabBtn a{
	border-radius: 5px;
}

.gadgetTabWrapper .tabBtn a:hover, .gadgetTabWrapper .tabActive a, .gadgetTabWrapper .tabActive a:hover{ 
	background: #cccccc; 
	background: linear-gradient(to bottom,  #cccccc 0%,#999999 100%); 
	border-color: #555555; 
	color: #000000;  
}

.tabsVertical .tabBtn a:hover, .tabsVertical .tabActive a, .tabsVertical .tabActive a:hover{ 
	border-radius: 5px;
}
/****************IFRAME GADGET********************************/
.iframeEmbedWrapper{
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
}
.iframeEmbedWrapper iframe{ 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%; 
}
/****************PLACES MAP GADGET********************************/
.placesMapHolder{ position: relative; }
.placesMapHolder .placeMap{ box-sizing: border-box; padding-top: 10px; }
.placesMapHolder .placeMap > div{ top: 0px; left: 0px; z-index: 1; }
.placesMapHolder .placeMap.loading{ position: absolute; top: 0px; left: 0px; text-align: center; }
.placesMapHolder .placeMap .loading span{ display: inline-block; padding: 5px 10px; margin: auto; border: 1px solid #ccc; color: #fff; text-align: center; background: rgba(180,180,180,.5); text-shadow: 0px 0px 3px #555; }

.placesMapHolder .placeList{ box-sizing: border-box; }
.placesMapHolder .placeList .item{ padding: 3px; }
.placesMapHolder .placeList .item:nth-child(odd){ background: #eee; }
.placesMapHolder .placeList .item .details{ margin-left: 20px; }
.placesMapHolder .placeList .item .details .name{ display: none; }

.placesMapHolder .end{ clear: both; }
.placesMapHolder .disclaimer{ font-size: 11px; margin-top: 3px; }

.placesMapTopBottom .placeMap{ margin-bottom: 10px; }

.placesMapLeftRight .placeMap{ width: 50%; float: left;  }
.placesMapLeftRight .placeList{ width: 50%; float: left; padding-left: 10px; }

/****************HTML SLIDER GADGET********************************/
.htmlSliderWrapper{ position: relative; width: 100%; box-sizing: border-box; overflow: hidden; }
.htmlSliderWrapper .slideHolder{ box-sizing: border-box; }
.htmlSliderWrapper .slideHolder .hasNav{ padding-bottom: 20px; }

/****************MOBILE QUESTION********************************/
#MobileCheck{
	font-family: arial;
	position: fixed; 
	z-index: 1000; 
	top: 10px; 
	left: 10px; 
	right: 10px; 
	bottom: 10px; 
	background: #fff; 
	color: #555; 
	padding: 10px;
}
#MobileCheck h1{
	margin: 0px 0px 10px 0px; 
	color: #999; 
	font-size: 24px;
}
#MobileCheck .instruct{ margin-bottom: 10px; }
#MobileCheck .note{ margin-bottom: 10px; }
#MobileCheck a{
	font-weight: bold;
	display: block; 
	background: #ccc; 
	color: #fff; 
	font-size: 20px; 
	text-align: center; 
	padding: 12px; 
	margin-bottom: 10px; 
	border-radius: 6px; 
	text-decoration: none;
}
/***********************ACCORDION***********************/
.accordion .title{ 
	font-weight: normal; 
	background: #eeeeee; 
	background: url(/gimages/list-down.png), linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%); 
	color: #555; 
	padding: 8px; 
	border: 1px solid #ccc;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: right center;
} 
.accordion .title *{ font-size: 18px; font-weight: normal; margin: 0px; } 
.accordion .article{ display: none; padding: 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.accordion .title:hover{ 
	color: #558293; 
	background: #C6E1EC;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(/gimages/list-down.png); 
}
.accordion .itemActive .title, .accordion .itemActive .title:hover{ 
	background: #C6E1EC;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(/gimages/list-up.png); 
}

#outOfDate{ position: fixed; z-index: 1000; top: 100px; left: 0px; right: 0px; }
#outOfDate .inner{ background: #fff; color: #000; width: 90%; max-width: 600px; padding: 15px; box-sizing: border-box; margin: auto; border: 1px solid #000; }
#outOfDate .inner a{ color: #555; }
#outOfDate h1{ font-size: 24px; color: #f00; }

/**********************LAYOUTS****************************************************/
#layoutWrapper{ }
#layoutTop{ box-sizing: border-box; }
#layoutLeft{ box-sizing: border-box; float: left; }
#layoutPage{ box-sizing: border-box; float: left; }
#layoutRight{ box-sizing: border-box; float: right; }
#layoutBottom{ box-sizing: border-box; }
#layoutClear{ clear: both; }

.auth .spacer{ margin: 0px 4px; }
.auth .separator{ margin: 0px 4px; }

/**********************ANIMATIONS****************************************************/
 /* fade In and Out animation */
.fadeInOut {
	animation-name: fadeInOut;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
@keyframes fadeInOut {
	0% { opacity: 1; }
	50% { opacity: 0.5; }
	100% { opacity: 1; }
}

/* Pulse animation */
.pulse {
	animation-name: pulse;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
	animation-delay: 5s;
}
@keyframes pulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.1); }
	100% { transform: scale(1); }
}