/* CSS Document */
h1, h2, h3, h4, h5, h6, h7 {
	padding: 0 0 0 0;
	margin: 6px 0 6px 0;
}

h1 { font-size: 18pt; }
h2 { font-size: 16pt; }
h3 { font-size: 14pt; }
h4 { font-size: 12pt; }
h5 { font-size: 10pt; }
h6 { font-size: 9pt; }

form {
	margin: 0;
	padding: 0;
	height: 100%;
}

pre {
  white-space: pre-wrap;
}

input[type="text"], input[type="password"], input[type="file"], textarea, select {
	letter-spacing: 1px;
	color: #303030;
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
	font-size: 1em;
	border: 1px solid #808080;
	margin: 0;
	padding: 6px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

.StdSubmitButton {
	padding: 6px;
}

.CurvedBorder8 {
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.CurvedBorder4 {
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.CurvedBorder3 {
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.CellSpacerSmall {
	margin:0;
	padding:0;
	width: 10px;
}

.CellSpacerMed {
	margin:0;
	padding:0;
	width: 20px;
}

.CellSpacerLarge {
	margin:0;
	padding:0;
	width: 30px;
}

div.InputTopLabel {
	color: #555;
	font-weight: bold;
	font-size: 1em;
	padding-top: .8em;
}

#MainContainer {
	width: 960px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}

#FooterContainer {
	margin: 0 auto; /*Center container on page*/
}

#ContentContainer {
	float: left;
	width: 960px;
}

#ProfileColumn {
	float: left;
	width: 180px;
	display: inline;
}

#ContentColumn{
	clear: right;
	float: right;
	width: 780px;
	display: inline;
}

#ContentInnerTube {
	padding-left: 20px;
}

#ContentHeader {
	font-size: 1.2em;
	vertical-align: top;
}

/* Company must be bigger than agent name */
#ProfileCompanyText {
	font-size: 1.3em;
	color: #606060;
}

#MenuContainer {
}

#HomeLinkBox {
	position: absolute;
	left: 20px;
	top: 10px;
	width: 226px;
	height: 40px;
}

#HomeLinkBox a {
	display: block;
	width: 226px;
	height: 40px;
	text-decoration: none;
}

#ContentTabs {
	margin: 10px 0 0 0;
}

/*#ContentTabs a {
	margin-right: 1px;
	background-color: #cbd2df;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #204f76;
	text-decoration: none;
}

#ContentTabs a:hover {
	color: #207cca;
}*/

.TableFullHeight, .TableFullHeight td {
	height: 100%;
	min-height: 100%;
}

.TableFullWidth {
	width: 100%;
}

#TopMenu {
	float: right;
	text-align: right;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1em;
	width: 550px;
	padding: 8px 0 0 0;
	overflow: hidden;
	height: 40px;
}

#TopMenu a {
	color: #FFFFFF;
	text-decoration: none;
}

#TopMenu a:hover {
	color: #C0C0C0;
}

a.TinyButton:link, a.TinyButton:visited, a.TinyButton:active {
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	padding: 3px 5px 3px 5px;
	margin: 3px 3px 3px 0;
	font-size: 9pt;
	background-color: #256193; /*#3ec2ad; /*#3366FF;*/
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
	border-radius: 3px;
}

a.TinyButton:hover {
	background-color: #579ed1;
}

a.SmallButton:link, a.SmallButton:visited, a.SmallButton:active {
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	padding: 5px 8px 5px 8px;
	margin: 3px 3px 3px 0;
	font-size: 11pt;
	background-color: #256193; /*#3ec2ad; /*#3366FF;*/
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
	border-radius: 4px;
}

a.SmallButton:hover {
	background-color: #579ed1;
}

a.MediumButton:link, a.MediumButton:visited, a.MediumButton:active {
	border-width: 1px;
	border-style: solid;
	border-color: #ccc; /*#333333;*/
	/*-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;*/
	padding: 6px 9px 6px 9px;
	font-size: 12pt;
	background-color: #256193; /*#002d92;*/ /*#3366FF;*/
	color: #FFF;
	text-decoration: none;
	border-radius: 4px;
}

a.MediumButton:hover {
	background-color: #579ed1; /*#3399FF;*/
}

a.LargeButton:link, a.LargeButton:visited, a.LargeButton:active {
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	padding: 5px 8px 5px 8px;
	font-size: 14pt;
	font-weight: bold;
	background-color: #256193; /*#3366FF;*/
	color: #FFFFFF;
	text-decoration: none;
	border-radius: 4px;
}

a.LargeButton:hover {
	background-color: #579ed1;
}

a.GlossyButtonLink:link, a.GlossyButtonLink:visited, a.GlossyButtonLink:active {
	color: #FFFFFF;
	text-decoration: none;
}

a.GlossyButtonLink:hover {
	color: #FFFF33;
}

a.ButtonLink:link, a.ButtonLink:visited, a.ButtonLink:active {
	font-family: Verdana, Arial;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
	color: #2476aa;
	border: 1px solid #000000;
	/*background-color: #BBCCFF;*/
    background: #F3F3F3 url(../images/bg-fade.jpg) repeat-x bottom left;
	padding: 8px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

a.ButtonLink:hover {
	color: #144564;
}

a.NavButton:link, a.NavButton:visited, a.NavButton:active {
	border-width: 1px;
	border-style: solid;
	border-color: #999;
	padding: 4px;
	font-size: 10pt;
	background-color: #256193;
	color: #FFF;
	text-decoration: none;
	display: inline-block;
	border-radius: 3px;
}

a.NavButton:hover {
	background-color: #579ED1;
}

div#QuickNavLinks {
	text-align: center;
	margin-bottom: 10px;
}

#MainHeader {
	height: 40px;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
}

#MainFooter {
	clear: both;
	margin-top: 10px;
	border-top:	1px solid #A0A0A0;
	padding: 8px 0 0 0;
	font-size: .8em;
}

.FormInputLoginText {
	color: #393939;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 1em;
	border: 1px solid #808080;
	padding: 4px;
    background: #FFFFFF url(../images/bg-fade.jpg) repeat-x bottom left;
}

tr.zebra td { background-color: #E6E6C6; }

.TDLeft { text-align:left; }
.TDRight { text-align: right; }
.TDCMAData { padding: 2px 10px 2px 10px; border-right: 1px solid #909090; }
.TDSubjectData { padding: 2px 10px 2px 10px; border-right: 2px solid #303030; border-left: 2px solid #303030;}
input.AdjustCMAField { text-align: right; width: 50px; padding: 2px; font-size: .8em;}
input.CMA_CCFieldName { width: 120px; padding: 2px; font-size: .8em;}
input.CMA_CCValField, select.CMA_CCValField { width: 140px; padding: 1px; font-size: .8em;}
input.CMA_CCValField2, select.CMA_CCValField2 { width: 72px; padding: 1px; font-size: .8em;}

.TableEvenRow {
	background-color: #F3F3F3;
}

.TableOddRow {
	background-color: #FFFFFF;
}

.DivEvenRow {
	background-color: #E6E6E6;
}

.DivOddRow {
	background-color: #FFFFFF;
}

.CritEvenRow {
	background-color: #F6F6FF;
}

.CritOddRow {
	background-color: #F0F2F4;
}

.CritFirstRow {
	background: #FFFF80 url(http://floridamobilehomesonsale.com/images/sun-box-bg.png) no-repeat top left;
}

table.TableCellPadRight td, table.TableCellPadRight th { padding-right: 4px; }

.PageInfo {
	color: #888888;
	font-weight: bold;
	font-size: .8em;
}

.FieldHelp {
	font-weight: normal;
	font-family: Arial, verdana, sans-serif;
	font-size: .8em;
}

.CurrencyCell {
	font-size: 1em;
	/* font-family: "Courier New", Courier, monospace; */
	font-family: Arial, sans-serif;
	text-align: right;
	white-space: nowrap;
}

#tweets {
	margin-top: 16px;
}

#facebook {
	margin-top: 16px;
}

.FieldLabelPlain {
	text-align: right;
}

td.CFieldLabel, th.CFieldLabel {
	text-align: right;
	font-weight: bold;
	font-family: "Courier New", Courier, mono;
}

td.CFieldLabel2, th.CFieldLabel2 {
	text-align: right;
	font-weight: bold;
	font-size: .8em;
}

.CFieldLabel3 {
	font-weight: bold;
	font-size: 1em;
}

.CFieldLabelMono {
	font-weight: bold;
	font-size: 1em;
	font-family: 'Lucida Console', Monaco, Courier, mono;
}

a.AddCriteria {
	font-weight: bold;
}

div#RequiredCriteriaBox {
	padding: 8px; border: 1px solid #B0B0A0; background: #c4cbcc url(../images/gray-box-big.png) no-repeat top left;
}

div#BasicCriteriaBox {
	padding: 8px; border: 1px solid #B0B0A0; background: #E6E6E0 url(../images/gray-box.png) repeat top left; background-size: contain;
}

div#SortCriteriaBox {
	color: #F3F3F3;
	padding: 8px; border: 1px solid #B0B0A0; background: #E6E6E0 url(../images/gray-sunburst-bg.png) no-repeat top left;
}

div#SearchSideMenu {
	color: #F3F3F3;
	padding: 8px; border: 1px solid #B0B0A0; background: #D5F9BD url(http://floridamobilehomesonsale.com/styles/styles.shared2.css?2354) no-repeat top left;
}

div.SearchSideMenuTitle {
	font-weight: bold; font-size: 1.2em; border-bottom: 1px solid #FFFFFF;
}

ul.SearchSideSubMenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#SearchSideMenu a:link, #SearchSideMenu a:visited, #SearchSideMenu a:active{
	color: #EFEFEF;
	text-decoration: none;
	font-weight: normal;
}

#SearchSideMenu a:hover {
	color: #FFFF33;
}

.TableTaxSearch td{
	display: inline-block;
}

.FullWidth{
	width:100%!important;
}

FontSizeSmall {
	font-size: .8em;
}

.FormFieldLabel {
	font-weight: bold;
	font-family: Arial, verdana, sans-serif;
	font-size: .8em;
}

.FormFieldHelp {
	font-weight: normal;
	font-family: Arial, verdana, sans-serif;
	font-size: .8em;
}

.FormInput {
	padding: 2px;
}

.SearchFormInput {
	padding: 2px;
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
}

.FormBox, .ViewBox {
	border: 1px solid #303030;
}

.ViewBox {
	width: auto; /* 100% */
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.FieldBox {
	max-width: 800px;
	width: 100%;
}

.FormBoxDivider {
	padding: 0;
	margin: 0;
	height: 2px;
	background-color: #303030;
}

.FormTitleBox, .ViewBoxTitle {
	background-color: #2a3f55;
	/*background-image: url(http://floridamobilehomesonsale.com/images/box_title_bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;*/
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}

.FormSubTitleBox {
	background-color: #444444;
	color: #CCCCFF;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}


.FormTitleBoxSmall {
	background-color: #6e95c0;
	background-image: url(http://floridamobilehomesonsale.com/images/box_title_bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	height: 6px;
}

.FormTitleBox, .FormTitleBoxSmall {
	border-bottom: 2px solid #303030;
}

.ViewBoxTitle td {
	padding: 4px;
	/*border-bottom: 2px solid #303030;*/
}

/*.ViewBoxTitle td a:link, .ViewBoxTitle td a:visited, .ViewBoxTitle td a:active {
	color: #FFFFFF;
	border: 1px solid #F6F6F6;
	padding: 2px;
	font-weight: bold;
	margin: 2px;
}*/

/*.ViewBoxTitle td a:hover {
	color: #FFFF88;
}*/

.ViewBoxFooter {
	background-color: #FFFFFF;
}


.ViewBoxFooter td {
	padding: 4px 4px 4px 4px;
	border-top: 2px solid #303030;
}

table.TableSearch th, table.TableSearch td {
	text-align: left;
	font-size: .8em;
	font-weight: normal;
	padding: 0 5px 0 5px;
	margin: 0;
}

table.TableSearch td {
	padding-bottom: 10px;
}

table#ProfileInfoTable {
	border: 0;
	padding: 0;
	margin: 0;
}

table#ProfileInfoTable th {
	max-width: 50%; /*160px;*/
	color: #777;
	font-size: 1em;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
}

table#ProfileInfoTable td {
	width: auto;
	color: #000;
	font-size: 1em;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	padding: 0 0 10px 10px;
}

table#ProfileInfoTable td#ProfileDivider {
	height: 1px;
	background-color: #C6C6C6;
	padding: 0;
	margin: 0;
	/*border-top: 1px solid #C6C6C6;
	padding-bottom: 12px;*/
}

table#ProfileInfoTable td#ProfileDividerPad {
	height: 12px;
}

.ProfileWidthCap {
	max-width: 400px;
}

table#ProfileShortInfo {
	border: 0;
	padding: 0;
	margin: 0;
}

table#ProfileShortInfo th {
	width: auto;
	color: #555;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	padding: 0 25px 10px 0;
}

table#ProfileShortInfo th h4 {
	color: #444;
	font-weight: bold;
	white-space: nowrap;
}

table#ProfileShortInfo td {
	vertical-align: top;
	text-align: left;
}

table#ProfileShortInfo td a {
	font-weight: normal;
	text-decoration: none;
}

table#ProfileShortInfo td a:hover {
	text-decoration: underline;
}

.BoxHeading {
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border-width: 0px;
	background-color: #B0B0B0;
	padding: 3px;
}

.ContentDivider {
	height: 8px;
	padding: 0;
	margin: 0;
}

.StdDivBox {
	padding: 4px;
	margin: 0 0 10px 0;
	border: 1px solid #808080;
	background-color: #F4F4FF;
}

.ListingNote {
	font-size: 13pt; font-weight: bold; font-style: italic; color: #f63232;
}

ul.ListingValuesColumns {
	-webkit-columns: 5 140px;
	-moz-columns: 5 140px;
	columns: 5 140px;
}

ul.ListingValuesList, ul.ListingValuesColumns {
	margin: 10px 0 10px 0;
	padding: 0 0 0 1.2em;
	list-style-type: disc;
	list-style-position: outside;
}

ul.ListingValuesList li, ul.ListingValuesColumns li {
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
    margin-left: .8em;
}

/*ul.ListingValuesList li::before, ul.ListingValuesColumns li::before {
  content: "\25CF";
  margin-right: 6px;
  font-size: 10px;
  color: #BBB;
}*/

div#TopVitalStats {
	-webkit-columns: 4 150px;
	-moz-columns: 4 150px;
	columns: 4 150px;
}
div#TopVitalStats1 {
	-webkit-columns: 4 150px;
	-moz-columns: 4 150px;
	columns: 4 150px;
}

div.ListingVitalLinks {
	float: right;
	display: inline-block;
	padding: 4px;
	margin-left: 2px;
	background-color: #28A7AD;
}

div.ListingVitalLinks a {
	color: #FFF;
	text-decoration: none;
}

div.ListingVitalLinks a:hover {
	background-color: #38B7BD;
}

.MonoChar {
	font-family: "Courier New", Courier, mono;
}

.Bold {
	font-weight: bold;
}

a.LightUpImage img {
	border: 1px solid #CCCCCC;
}

a.LightUpImage:hover img {
	border: 1px solid #225d94;
}

img.ListingGridImage {
	width: 200px;
	border: 1px solid #808080;
	padding: 4px;
	background-color: #EFEFEF;
}

a.LightUpGridImage:hover img {
	background-color: #225d94;
}

a.ThumbnailListingPhotoLink {
	text-decoration: none;
}

a.LinkXSmall:link, a.LinkXSmall:visited, a.LinkXSmall:active {
	font-size: .8em;
	font-weight: normal;
	text-decoration: none;
}

a.LinkXSmall:hover {
	text-decoration: underline;
}

.MemberPoints {
	color: #5487c0; font-family: 'Times New Roman', Times, serif; font-size: 1.4em;
}

div#MessageCenterBox {
	border: 1px solid #808080;
	background-color: #F6F6F6;
	padding: 4px;
	margin: 4px 0 12px 0;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

table.TopLabelTable tr th {
	margin: 0;
	padding: 0 15px 0 0;
	vertical-align: bottom;
}

table.TopLabelTable tr td {
	margin: 0;
	padding: 0 15px 0 0;
	vertical-align: top;
}

/* BEGIN LISTING LAYOUT STYLES */
.ListingVitalLabel {
	color: #505050;
	font-weight: bold;
	font-size: 1em;
}

.ListingVitalValue {
	font-size: 1em;
}

.ListingSectionHeaderOld {
	position: relative; text-align: center; font-size: 1em; font-weight: bold; background-color: #b8cee6; border: 1px solid #333333;
}

.ListingSectionHeader {
	position: relative; text-align: left; background-color: #E0E0E0; border: 0; padding: 2px;
}

.ListingSectionHeaderTitle {
	font-size: 1.2em; font-weight: bold; color: #707070; letter-spacing: 3px;
}
	
.ListingSectionData {
	text-align: left;
	padding: 8px 0 8px 0;
}

.ListingFieldLabel {
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	padding-right: 3px;
}

.PhotoCaption {
	font-family:"Times New Roman", Times, serif;
	font-size: 1.3em;
	font-style: italic;
	text-align: center;
}
#ListingImageCaption {
	font-family:"Times New Roman", Times, serif;
	font-size: 1.1em;
	font-style: italic;
	text-align: center;
}

#AdjustCMATable tr.TRHL:hover td, #AdjustCMATable tr.TRHL:hover th { background-color: #C4F1FF; }

/* END LISTING LAYOUT STYLES */

/* OVERVIEW TAB MENU */
.OverviewLinkItem {
	float: left;
}

table.ListingOverviewMenu td {
	background-color: #28A7AD;
}

.FirstMenuItem, .MiddleMenuItem {
	border-right: 1px solid #DDD;
}
/* END OVERVIEW TAB MENU */

/* BEGIN TAB NAVIGATION STYLES */
/* Tab Navigation for use with jQuery (animation) */
ul.tabNav { float: left; list-style: none; width: 100%; margin: 0; padding:0;}
ul.tabNav li { float: left; margin: 0 4px 0 0; padding: 6px 0 0; font-weight: bold;}
ul.tabNav li.current { padding-top: 0; }
ul.tabNav a { background: #ececec; border: 1px solid #DDD; border-width: 1px 1px 0; color: #333; display: block; padding: 4px 4px 5px 4px; text-decoration: none; font-size: 1em; 	-moz-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}
ul.tabNav a.SearchTabLink { font-size: 1.4em; background: #EEE; color: #555; }
ul.tabNav a:hover {color: #666;}
ul.tabNav a.SearchTabLink:hover {color: #888; }
ul.tabNav li.current a { background: #dedede; border: 1px solid #DDD; border-width: 1px 1px 0; padding: 8px;}
ul.tabNav li.current a.SearchTabLink { background: #EEE; color: #333; border: 1px solid #DDD; border-width: 1px 1px 0; padding: 8px;}
div.tabContainer { clear: both; float: left; width: 100%; }
div.tabContainer div.tab { border: 1px solid #DDD; color: #000; display: none; padding: 10px; }
div.tabContainer div.current { display: block; }
div.tab p:last-child { margin-bottom: 0; }

/* Tab Navigation for use without jQuery (no animation) */
ul.tabNavPlain { float: left; list-style: none; width: 100%; margin: 0; padding:0;}
ul.tabNavPlain li { float: left; margin: 0 1px 0 0; padding: 6px 0 0; font-weight: bold;}
ul.tabNavPlain li.current { padding-top: 0; }
ul.tabNavPlain a { background: #ececec; border: 1px solid #DDD; border-width: 1px 1px 0; color: #333; display: block; padding: 4px 4px 5px 4px; text-decoration: none; font-size: 1em; 	-moz-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}
ul.tabNavPlain a:hover {color: #666;}
ul.tabNavPlain li.current a { background: #dedede; border: 1px solid #DDD; border-width: 1px 1px 0; padding: 8px;}
div.tabContainerPlain { clear: both; float: left; width: 100%; }
div.tabContainerPlain div.tabPlain { border: 1px solid #DDD; color: #000; display: none; padding: 10px; }
div.tabContainerPlain div.current { display: block; }
div.tabPlain p:last-child { margin-bottom: 0; }

#allTabsContent {
	background: #90c158 /*#daed91*/ url(http://floridamobilehomesonsale.com/styles/styles.shared2.css?2354) top left no-repeat;
}
/* END TAB NAVIGATION STYLES */

/* BEGIN DRAGSORT STYLES */
ul.DSListPhotos { max-width: 740px; list-style-type: none; margin:0px; padding:0px; }
ul.DSListPhotos li { float:left; padding:5px; width:170px; }
ul.DSListPhotos li div.DragListPhoto { width: 150px; text-align:left; padding-bottom: 20px;}
.DSPlaceHolder div { background-color:#303030!important; border:dashed 1px #C0C0C0 !important; }
div.PhotoThumbContainer { position: relative; width:120px; height: 80px; border: 5px solid #cccccc; background-color: #333; overflow: hidden; }
input.PhotoCaptionInput { width: 130px; font-style: italic; color: #666666; font-size: 11pt; border-radius: 0; }
.PhotoOrderNum { position: absolute; top: 0; left: 0; padding: 5px; background-color: #333; color: #fff; font-weight: bold; }
.CartRemoveListing, .BucketRemoveListing { position: absolute; top: 0; right: 0; }
.CartCheckListing { position: absolute; bottom: 0; left: 0; background-color: rgba(50,50,50,.8); padding: 2px;}

/*.drop-placeholder {height: 100px; background-color: #EEE; border: 1px sold #DDD; box-shadow: 0 5px 5px #AAA;}*/

/*ul.ds_test { width:700px; list-style-type: none; margin:0px; padding:0px; }
ul.ds_test li { float:left; padding:5px; width:100px; height:100px; }
ul.ds_test li div { width:90px; height:50px; border:solid 1px black; background-color:#E0E0E0; text-align:center; padding-top:40px; }*/

.drag-handle {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

 /* (Optional) Apply a "closed-hand" cursor during drag operation. */
.drag-handle:active { 
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.DragDropHover:hover {
	background-color: #EEE;
}
/* END DRAGSORT STYLES */

/* BEGIN JQUERY DATATABLE STYLES */
table.jQDataTable {
	width: auto;
	border: 1px solid #808080;
}

table.jQDataTable thead tr {
	color: #FFFFFF;
	background-color: #2A3F55;
}
table.jQDataTable thead th {
	padding: 8px 18px 8px 4px;
	border-bottom: 1px solid #333;
	font-weight: bold;
	cursor: pointer;
}
table.jQDataTable tbody td {
	padding: 8px 10px;
	border-bottom: 1px solid #DDD;
}
table.jQDataTable tr.odd {
	background-color: #F1F1F1;
}
table.jQDataTable tr.even {
	background-color: #FFFFFF;
}

table.ZebraStripeTable tr:nth-of-type(even) { 
  background: #F1F1F1; 
}

div.DTSearch {
	color: #666666;
	float: right;
}

div.DTInfo {
	color: #666666;
	float: left;
}

div.DTPageNav {
	color: #666666;
	float: right;
}

div.DTClear {
	clear: both;
}

div.DTTopBlock, div.DTBottomBlock {
	margin: 0 auto;
	display: table;
}

.paginate_button, .paginate_active {
	border: 1px solid #C0C0C0;
	background-color: #EFEFEF;
	font-weight: bold;
	color: #333333;
	padding: 3px;
	margin: 2px 2px 0 2px;
	cursor: pointer;
	/* cursor: hand; */
}

.paginate_active {
	background-color: #AADDFF;
}

/* DataTables sorting */
div table.dataTable thead .sorting_asc {
	background: url('datatables/sort_asc_white.png') no-repeat top left;
	background-position: 0px 9px;
	padding-left: 16px;
}
div table.dataTable thead .sorting_desc {
	background: url('datatables/sort_desc_white.png') no-repeat top left;
	background-position: 0px 9px;
	padding-left: 16px;
}
div table.dataTable thead .sorting {
	background: url('datatables/sort_both.png') no-repeat top left;
	background-position: 0px 9px;
	padding-left: 16px;
}

div table.dataTable thead .sorting {
	background: url('datatables/sort_both.png') no-repeat top left;
	background-position: 0px 9px;
	padding-left: 16px;
}
div table.dataTable thead .sorting_asc_disabled {
	background: url('datatables/sort_asc_disabled.png') no-repeat top left;
	background-position: 0px 9px;
	padding-left: 16px;
}
div table.dataTable thead .sorting_desc_disabled {
	background: url('datatables/sort_desc_disabled.png') no-repeat top left;
	background-position: 0px 9px;
	padding-left: 16px;
}

table.jQDataTable thead th.no_sorting, th.no_sorting {
	cursor: default;
}

.dataTables_length {
	padding-top: .5em; /* number per page is on bottom of table and too close without this */
}
/* END JQUERY DATATABLE STYLES */

.SmallFormInput { font-size: 9pt; padding: 2px;}
.SmallFormInputButton { font-size: 10pt; font-weight: bold; color: #333333; }

.ListingMessagesTable th { background-color: #FFFFFF; }
.ListingMessagesTable th, .ListingMessagesTable td { text-align: left; vertical-align: top; }
.ListingMessagesAlt { background-color: #EFEFEF; }
/* .SmallInputTextarea, .SmallInputText {} */

/* BEGIN PAYMENT STYLES */
div.OuterReviewBox {
	border-width: 4px;
	border-style: solid;
	border-color: #28A7AD;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 0;
	padding: 0;
}

div.InnerReviewBox {
	border-width: 2px;
	border-style: solid;
	border-color: #CCC;
	margin: 0;
	padding: 10px;
}
/* END PAYMENT STYLES */

/* BEGIN BUSINESS DIRECTORY STYLES */
.GoldBizDir {
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
	background-color: #FCFEA0;
	font-size: 1em;
	padding: 8px;
	margin-bottom: 8px;
}

.SilverBizDir {
	border-width: 0px;
	font-size: .8em;
	margin-bottom: 4px;
}

.BronzeBizDir {
	border-width: 0px;
	font-size: .8em;
	margin-bottom: 4px;
}
/* END BUSINES DIRECTORY STYLES */

/* MAPS AND SEARCH RESULTS */
#MapResultsWrapper, #ListPreviewResultsWrapper {
	height: 100%;
	min-height: 400px;
	min-width: 800px;
	overflow: hidden;
	position: relative;
}

#ListingsList {
	width: 300px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	overflow: auto;
	margin: 0 0 0 20px;
}

#MapCanvasSR {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%; /* For browswers that don't understand calc() */
	width: -webkit-calc(100% - 300px);
	width: calc(100% - 300px);
	position: absolute;
	top: 0;
	left: 0;
}


#MapCanvasLST {
	margin: 0;
	padding: 0;
	height: 400px;
	min-width: 360px;
	max-width: 660px;
}

#MapCanvasSRPrint {
	margin: 0;
	padding: 0;
	height: 600px;
	width: 660px;
}

#ListingCanvasSR {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%; /* For browswers that don't understand calc() */
	width: -webkit-calc(100% - 300px);
	width: calc(100% - 300px);
	position: absolute;
	top: 0;
	left: 0;
	overflow: auto;
}

#ListingLayoutSR {
	padding: 0 0 0 40px;
}

.ListingMapLink {
	font-size: .8em;
}

.dataTables_wrapper .dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 40px;
	margin-left: -50%;
	margin-top: -25px;
	padding-top: 20px;
	text-align: center;
	font-size: 1.2em;
	background-color: white!important;
	background: none!important;

}

.MapLabelActive, .MapLabelSold, .MapLabelPending, .MapLabelOffMkt {
	font-family: "Lucida Grande", "Arial", sans-serif;
	font-size: 11px;
	font-weight: 500;
	text-align: center;
	width: 40px;
	height: 16px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-right: 1px solid #555;
	border-bottom: 0;
	white-space: nowrap;
	padding: 1px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.MapLabelActive {
	color: #FFF;
	background-color: #38a54f;
}

.MapLabelSold {
	color: #FFF;
	background-color: #3aafdc;
}

.MapLabelPending {
	color: #FFF;
	background-color: #be52ce;
}

.MapLabelOffMkt {
	color: #FFF;
	background-color: #f33e3e;
}

#LoadMapWrapper {

	padding-top: 48px;
	background: transparent url(../images/map_preloader.gif) no-repeat center center;
	height: 100%;
	width: 100%;
}

/* END MAPS */

/* SEARCH */
.SearchPopupColumns, .CheckboxGroupColumn {
	font-size: 11pt;
	-webkit-columns: 3 280px;
	-moz-columns: 3 280px;
	columns: 3 280px;
}

.SearchHamletAreaTable {
	-webkit-column-break-inside: avoid;
	break-inside: avoid-column;
}

/* MAGNIFIC POPUP STYLES */
.mfp-hide {
	display: none;
}

.PopupStylePlain {
	position: relative;
	margin: 0 auto;
	padding: 30px;
	border: 4px solid #111;
	background-color: #FFF;
	max-width: 600px;
	/*-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;*/
}

.PopupStyle {
	position: relative;
	margin: 0 auto;
	padding: 0;
	border: 2px solid #222;
	background-color: #F8F8F8;
	max-width: 800px;
	/*-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;*/
	/*background-image: url(../images/gray-box.png?3);*/
	/*background-size: cover;*/
}

.PopupStyleWide {
	max-width: 1000px;
}

.PopupStyleThin {
	max-width: 600px;
}

.PopupStyleTitle {
	padding: 15px 30px 15px 30px;
	border-bottom: 1px solid #666;
	background-color: #28A7AD; /*#3dbbfa;*/
	color: #FFF;
	font-weight: bold;
	font-size: 16pt;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	box-shadow: 0 3px 6px #555;
}

.PopupStyleContent {
	padding: 15px 30px 30px 30px;
}

.PopupStyleStatus {
	color: #002d92;
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 15px;
	display: none;
}

/* YouTube Video Styles */
.VideoWrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.VideoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* LISTINGS SEARCH */
div#SearchBoxWrapper {
}

div#GeocodeResults {
	display: none;
	padding: 8px;
	background-color: #DDD;
	border: 1px solid #999;
	border-radius: 4px;
	text-align: left;
}

div#SearchBar {
	padding: 4px 0 4px 0;
	background-color: #EEE;
	color: #222;
	font-weight: bold;
	font-size: 10pt;
	text-transform: uppercase;
}

div#SearchBarPublic {
	/*padding: 4px 0 0 0;*/
	background-color: #ffffff;
	max-width: 1200px;
	width: 100%;
	position: fixed;
	color: #222;
	top: 110px;
	font-weight: bold;
	font-size: 10pt;
	text-transform: uppercase;
	z-index: 1;
}




div#SearchMenu {
	max-width: 700px;
	margin: 0 auto;
	text-align: center;
}

div#SearchMenu a {
	color: #F6F6F6;
	padding: 4px 8px 4px 8px;
	text-decoration: none;
}

div#SearchMenu a:hover {
	background-color: #666;
}

.SearchFilterBox {
	background-color: rgba(85,85,85,0.6);
	color: #fff;
	padding: 8px;
}

.FilterTitle {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.SearchRespDiv {
	float: left;
	padding-right: 10px;
}

.HelpText {
	max-width: 800px;
}

/* LOADING CSS */
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.ModalLoading {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
	color:      #333;
	text-align: center;
    background: rgba(255, 255, 255, .8) 
                url('../images/square-loading.gif')
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.ShowLoading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.ShowLoading .ModalLoading {
    display: block;
}

table#WallQuickIcons td {
	vertical-align: middle;
	text-align: left;
}

#WallQuickIcons img {
	width: 24px;
}

#WallQuickIcons a {
	color: #eee;
	font-weight: bold;
	font-size: 11pt;
	letter-spacing: 1px;
	text-decoration: none;
}

#WallQuickIcons a:hover {
	color: #fff;
}

#WallColumn2Wrapper {
	margin: 20px 0 0 20px;
	float: left;
	max-width: 600px;
}

#WallQuickSearchWrapper {
	background-color: #444;
	padding: 10px;
}

.QuickSearchTitle {
	color: #fff;
	letter-spacing: 1px;
	font-size: 12pt;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
}

#WallQuickSearchWrapper input {
	border-radius: 0;
}

/* Our theme specific table format */
table.DataTable {
	width: auto;
	border: 1px solid #808080;
}
table.DataTable thead tr {
	color: #FFFFFF;
	background-color: #505050;
}
table.DataTable thead th {
	padding: 5px 18px 5px 5px;
	border-bottom: 1px solid black;
	font-weight: bold;
}
table.DataTable tbody td {
	padding: 5px;
	border-bottom: 1px solid #C0C0C0;
}
/* Use jQuery to alternate row colors */
table.DataTable tr.odd {
	background-color: #F1F1F1;
}
table.DataTable tr.even {
	background-color: #FFFFFF;
}

table.DataTable td.CompactCellMedium {
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

table.DataTable td.FullCell {
	max-width: 200px;
	overflow: auto;
	white-space: normal;
}

.deletePolygon{
    background-color: rgb(255, 255, 255);
}
div.deletePolygon:hover{
    background-color: rgb(240, 240, 240);
}

.radiusSearch{
    background-color: rgb(255, 255, 255);
}
div.radiusSearch:hover{
    background-color: rgb(240, 240, 240);
}
.radiusSearch {
    background-color: rgb(255, 255, 255);
}

a.PrintListingViewTypeButton {
	width: 80px;
	max-height: 80px;
	font-size: 14px;
}

a.BoxButton {
	display: inline-block;
	padding: 10px;
	margin: 10px;
	border: 2px solid #333;
	border-radius: 3px;
	background-color: #fff;
	color: #333;
	text-align: center;
	text-decoration: none;
}

a.BoxButton:hover {
	background-color: #F6F6F6;
	color: #000;
}

input.ListingCheckbox {
	display: none;
}

label.ListingCheckboxLabel {
	cursor: pointer;
}

input.ListingCheckbox:not(:checked) + label:after
/*input.ListingCheckbox:checked + label:before*/ {
  content: url(../images/icons/cart-add-icon-6.png);
  width: 42px;
  height: 26px;
}

/*input.ListingCheckbox:not(:checked) + label:after,*/
input.ListingCheckbox:checked + label:after {
  content: url(../images/icons/cart-check-icon-6.png);
  width: 42px;
  height: 26px;
}

/* SEARCH MENU */
.SearchMenuContent {
	/*z-index: 75;*/
}

a.BuyRentLink {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	width: 120px;
	text-align: center;
	padding: 10px 0 10px 0;
	background-color: rgba(40, 167, 173, 0.8);
	border-radius: 4px 0 0 4px;
	letter-spacing: 1px;
	box-sizing: border-box;
}

a.BuyRentLinkOn {
	background-color: rgba(40, 167, 173, 1);
	border-bottom: 4px solid #fff;
}

a.BuyRentLinkOff {
	background-color: rgba(40, 167, 173, 0.8);
	border-bottom: 4px solid transparent;
}

/* SEARCH FILTERS */
.SearchFilterInput {
	width: 150px;
	margin: 3px;
	display: inline-block;
	float: left;
	overflow: hidden;
}

/* The Modal (background) */
.modal {
	display: none;
	position: fixed;
	z-index: 99999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: 10% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 50%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
	color: #aaa;
	float: right;
	font-size: 15px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

a.PageHistoryLink {
	color: #FFF;
	text-decoration: none;
}

a.PageHistoryLink:hover {
	color: #EEE;
}

td.ListingPhotosCell {
	width: auto;
}

td.VitalStatsSidebar {
	display: none;
	width: 0;
}

.VitalStatsBottom {
	display: block;
}

/* jQuery UI styles */
.ui-dialog-titlebar, .ui-dialog-titlebar.ui-widget-header {
	background: #28A7AD;
	background-color: #28A7AD;
	color: #FFF;
	font-weight: bold;
}

.ui-dialog-title {
	color: #FFF;
	font-weight: bold;
}

.ui-dialog-content {
	font-size: 1em;
}

.DialogContentDivListItem {
	padding-top: 6px;
	font-size: 11pt;
}


.favorite-listing-link{
	font-size: 28px;
	text-decoration: none;
	float: right;
}

.favorite-listing-link .fa-heart{
	color:#f63232;
}

.favorite-listing-link .fa-heart-o{
	color:#808080;
}

.favorite-listing-link .fa-heart-o:hover{
	color:#f63232;
}

/**
 * Checkbox Five
 */
.checkboxFive {
	position: relative;
}


.checkboxFive{
	font:normal 14px/27px 'latomedium', arial, sans-serif;
}

.nice-select .list{
	max-height: 320px;
	overflow-y: auto;
}

#MoreFiltersWrapper .nice-select{
	padding-right: 17px!important;
}
.cssplay_sub12 .nice-select{
	padding-right: 10px!important;
}

/**
 * Create the box for the checkbox
 */
.checkboxFive label {
	cursor: pointer;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
	left: 0;
	background: #ffffff;
	border:1px solid #ddd;
}

/**
 * Display the tick inside the checkbox
 */
.checkboxFive label:after {
	opacity: 0.2;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 6px;
	left: 7px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	transform: rotate(-45deg);
}

/**
 * Create the hover event of the tick
 */
.checkboxFive label:hover::after {
	opacity: 0.5;
}

/**
 * Create the checkbox state for the tick
 */
.checkboxFive input[type=checkbox]:checked + label:after {
	opacity: 1;
}

.RequestInfoButton{
	font-family: 'Titillium Web', sans-serif;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	padding: 5px 8px 5px 8px;
	margin: 3px 3px 3px 0;
	font-size: 11pt;
	background-color: #256193;
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
	border-radius: 4px;
}

.RequestInfoButton:hover{
	background-color: #579ed1;
}

.input-group-addon{
	padding: 6px 12px 5px 12px;
	font-size: 14px;
	background-color: #eee;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}