body { margin: 0px; padding: 0px; top: 0px; left: 0px; }

header { background-color: #aca187; border-bottom: 4px solid #383838; height: 83px; position: relative; }

header .top_left_logo { position: absolute; left: 0px; top: 0px; }

header .top_left_image { position: absolute; top: 0px; left: 54px; }

header .propertyweek_logo { position: absolute; top: -1px; left: 54px; }

header .top_right_text { position: absolute; top: 15px; right: 20px; }

.main_content_body { position: relative; margin: 10px 0; min-width: 1040px; padding: 0 10px; }

.topnav { padding: 0px 0px 0px 12px; }

.topnav ul { list-style: none; margin: 0px; padding: 0px; border: none; }

.topnav li { display: block; float: left; margin: 0px; padding: 0px; width: auto; }

.topnav a { display: block; text-decoration: none; margin: 0px; padding: 9px 15px 7px; width: auto; }

.topnav .hidden-br { clear: both; visibility: hidden; }

.new_devel { background: #ffbe5c; }

.content_area { padding: 0px; margin-bottom: 10px; }

.topthemedsection { border-bottom: 3px solid #615d51; margin: 0; padding: 0 10px; }

.topthemedsection h3 { font-size: 14px; margin: 0; padding: 10px 0 0 0; }

.topthemedsection_home { border-bottom: 3px solid #615d51; margin-left: 0px; margin-right: 0px; padding: 0px 10px 0px 10px; background-color: #e4d3a7; }

.topthemedsection_home p, .topthemedsection p { padding: 0px 20px 0px 20px; }

.topthemedsection_home a { color: #000000; }

.topthemedsection_other { border-bottom: 3px solid #615d51; margin-left: 0px; margin-right: 0px; padding: 0px 10px 0px 10px; background-color: #e4d3a7; }

.topthemedsection_other p { padding: 0px 20px 20px 20px; }

.topthemedsection_other a { color: #000000; }

.content { margin: 0; padding: 6px 10px 10px 10px; border-bottom: 3px solid #615d51; background-color: #f1e9d1; }

.content H4 { margin: 0; padding: 10px 0; }

.content ul { margin-left: 20px; }

.content p, .content li { font-size: 12px; margin-bottom: 10px; }

.thesubnav { margin: 3px 0px 10px 54px; }

.thesubnav a { padding: 3px 16px 3px 16px; margin-right: 0px; }

.innerformtable { border-top: 1px solid #beb295; margin-top: 8px; padding: 5px 0px 0px 0px; }

.innerformtable-bottom { padding-bottom: 5px; }

.innerformtable td { padding-top: 3px; padding-bottom: 0px; }

.outerformtable { padding-top: 10px; }

.advanced_table td { margin: 0; padding: 3px 0 0 0; }

.footer { margin-left: 64px; margin-right: 20px; padding-bottom: 15px; }

.rightarea { padding-right: 5px; width: 240px; float: right; }

.rightarea_home { padding-right: 5px; width: 240px; float: right; }

.statisticsarea { margin-top: 10px; }

.newsarea { padding-bottom: 10px; margin-top: 10px; }

.newsarea p { padding: 0px; }

.index_toppart { margin-right: 260px; margin-top: 10px; margin-left: 10px; float: left; }

.index_bottompart { margin-right: 260px; text-align: left; padding-top: 10px; margin-left: 10px; }

.index_bottompart_fullwidth { margin: 0 10px; padding: 0; }

hr { clear: both; visibility: hidden; padding: 0px; margin: 0px; }

.horizontal_cats { padding: 10px 5px 0px 5px; text-align: center; }

#news_header { margin: 0; padding: 0; text-align: center; }

#news_header A IMG { border: 0; }

.news_top { margin: 0; padding: 0; }

.news_preview { border: 1px solid #beb295; padding-top: 5px; }

.news_previewstory { margin-bottom: 0px; }

.news_date { margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; }

/* .news_story { border: 1px solid #BEB295; background-color:#ffffff; margin-top: 0px; padding: 15px; } .news_meta { align-items: center; display: flex; flex-flow: row nowrap; font-size: 10px; justify-content: space-between; margin-bottom: 10px; } .news_print { display: flex; align-items: center; } .news_title { background-color: #FFFFCC; font-size: 22px; padding: 20px 5px 5px 10px; } .news_image { float: right; max-width: 400px; width: 100%; } .news_story p { font-size: 13px; } .newsEditLink { font-size: 12px; margin-bottom: 10px; margin-top: 20px; } */
.news_story { background-color: #ffffff; border: 1px solid #beb295; margin-top: 0px; padding: 15px; }

.news_story p { font-size: 13px; }

.news_content { margin-left: 10px; }

.news_image { margin-bottom: 30px; margin-left: 30px; margin-top: 30px; }

.news_title { font-size: 22px; margin-left: 10px; background-color: #ffffcc; padding: 5px 5px 5px 10px; }

.results_top { font-weight: bold; font-family: Arial, Helvetica, Sans-Serif, Verdana, Georgia, "Times New Roman", Times, serif; font-size: 11px; }

.results_top th { background-color: #827b6b; border-left: 1px dashed #ffffff; color: #ffffff; font-size: 11px; min-width: 70px; position: relative; padding: 5px; padding-top: 10px; text-align: left; vertical-align: bottom; }

.results_top th:first-of-type { border-left: 0; }

.results_top a { color: #ffffff; text-decoration: none; }

.results_top a.removeColumn { color: #f1e9d1; position: absolute; right: 8px; top: 4px; }

.results_top a.removeColumn:hover { color: #fff; }

.ruler tr { background-color: #ffffff; }

tr.ruled { background: #f0f0f0; }

.ruler td { border-left: 1px dashed #ffffff; border-bottom: 1px solid #ffffff; font-family: Arial, Helvetica, verdana, sans-serif, "Times New Roman", Times, serif; font-size: 12px; padding: 3px; }

.ruler td:first-of-type { border-left: 0; }

.ruler.ppr-listings .results_top a { padding-left: 7px; }

.ruler.ppr-listings td { padding: 8px 12px; font-size: 14px; }

.zebra-stripes tr:nth-child(even) { background-color: #f0f0f0; }

.zebra-stripes tr:nth-child(odd) { background-color: #ffffff; }

.log_success { background-color: #dfefde; }

.log_failed { background-color: #ffe8e8; }

.log_table td { padding: 10px; border-left: 1px dashed #333333; border-bottom: 1px solid #333333; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; }

.page_numbers { margin-top: 20px; text-align: center; padding: 5px 10px 0px 10px; height: 25px; }

.page_news { margin: 0; padding: 0; }

.areacard p { font-size: 11px; visibility: hidden; height: 1px; min-width: 60px; overflow: auto; width: auto; }

.areacard_over p { font-size: 11px; background-color: #ffffcc; margin: 5px 2px 2px 2px; min-width: 60px; padding: 5px; visibility: visible; }

.contactcard p { font-size: 11px; visibility: hidden; height: 1px; min-width: 110px; overflow: auto; width: auto; }

.contactcard_over p { font-size: 11px; background-color: #ffffcc; margin: 5px 2px 2px 2px; min-width: 110px; padding: 5px; visibility: visible; }

.listing_demo { font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; font-weight: bold; text-align: center; padding: 15px; }

.popupbox { background-color: #e4d3a7; font-family: Georgia, "Times New Roman", Times, serif; height: 295px; left: 64px; margin-right: 10px; position: absolute; padding: 10px; top: 10px; width: 435px; }

.popupbox h2 { font-size: 18px; margin: 0px; padding: 0px; }

.popupbox p { font-size: 14px; }

.popupbox_footer { bottom: 30px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 75%; padding-top: 15px; position: absolute; right: 37px; text-align: justify; width: 455px; }

.leftsave { float: left; margin-right: 30px; }

.rightsave { float: left; }

#topbar_1 { background-color: #aca187; }

#topbar_2 { background-color: #383838; }

a { color: #000000; }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.newhomeunits td, .newhomeunits th { background-color: #f3edde; border: 0px; }

.found_properties { font-weight: bold; margin-right: 20px; }

.results_spacing { padding-top: 10px; }

.deletethis { color: #ff0000; font-size: 12px; font-weight: bold; }

.top_right_text { color: #eeeeee; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

.top_right_text a:link, .top_right_text a:visited, .top_right_text a:active { border-bottom: 1px dashed #eeeeee; color: #eeeeee; text-decoration: none; }

.top_right_text a:hover { border-bottom: 1px dashed #ffffff; color: #ffffff; text-decoration: none; }

.topnav a { background: #f1e9d1 url("../../image_files/tab_corner_back.gif") no-repeat; border-right: 1px solid #777777; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 0.9px; }

.topnav a.pagetheme1:link, .topnav a.pagetheme1:visited, .topnav a.pagetheme2:link, .topnav a.pagetheme2:visited, .topnav a.pagetheme3:link, .topnav a.pagetheme3:visited, .topnav a.pagetheme4:link, .topnav a.pagetheme4:visited, .topnav a.pagetheme5:link, .topnav a.pagetheme5:visited, .topnav a.pagetheme6:link, .topnav a.pagetheme6:visited, .topnav a.pagetheme7:link, .topnav a.pagetheme7:visited, .topnav a.pagetheme8:link, .topnav a.pagetheme8:visited, .topnav a.pagetheme9:link, .topnav a.pagetheme9:visited { background-color: #e4d3a7; color: #000000; }

.topnav a.ppr_menu { color: #7db711; }

.topnav a:hover { background-color: #cbbf9f; }

.topnav a:hover, .topnav a:active { color: #333333; }

.new_devel { color: #ff0000; }

.new_recruit { color: #0227c8; }

.new_commercial { color: #00b800; }

.thesubnav { color: #746e60; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }

.thesubnav a:link, .thesubnav a:visited, .thesubnav a:active { background-color: #f1e9d1; background-image: url("../../image_files/tab_corner_back_reverse.gif"); background-repeat: no-repeat; background-position: right; border-left: 1px solid #777777; color: #333333; text-decoration: none; }

.thesubnav a:hover { background-color: #cec1a1; color: #333333; }

.findoutmore_box { background-color: #ffffff; padding: 20px; font-size: 13px; border: 1px solid #beb295; }

.findoutmore_tagline { width: 70%; }

.topthemedsection { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #e4d3a7; background-position: left; }

.formobject { font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin: 0px; }

.bigaddress { font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding-left: 2px; }

#saved-search-box p { font-size: 13px; margin-left: 0; padding: 0; text-align: left; }

#saved-search-box ul { list-style-type: none; margin: 0; padding: 0; }

#saved-search-box li { font-size: 13px; line-height: 20px; }

#saved-search-box li.aggregateSearch { padding-bottom: 8px; }

#saved-search-box .secondary { color: #777777; text-decoration: none; }

#saved-search-box .secondary:hover { color: #000000; text-decoration: underline; }

.topthemedsection_home { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-image: url("../../image_files/pw-invert-2.gif"); background-position: left; }

.topthemedsection_other { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-image: url("../../image_files/pw-invert-2.gif"); background-position: left; }

.topthemedsection_home h1, .topthemedsection h1 { font-weight: bold; font-size: 13px; margin-top: 0px; margin-left: 270px; margin-bottom: 0px; padding: 20px 3px 0px 20px; }

.topthemedsection_home p, .topthemedsection p { line-height: 18px; margin-left: 270px; font-size: 12px; }

.topthemedsection_other h1 { font-weight: bold; font-size: 13px; margin-top: 0px; margin-left: 20px; margin-bottom: 0px; padding: 20px 3px 0px 20px; }

.topthemedsection_other p { line-height: 18px; margin-left: 20px; font-size: 11px; }

.tipoff { font-size: 10px; }

.tipoff a:link, .tipoff a:visited { color: #000000; }

.noresults, .noresults p { padding-left: 30px; font-family: Arial, Helvetica, sans-serif; }

.sectioninstructions { font-family: Arial, Helvetica, sans-serif; }

.sectioninstructions ol { font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 25px; }

.sectioninstructions p { font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 25px; padding-left: 25px; }

.sectioninstructions h3 { font-size: 15px; color: #000000; }

.sectioninstructions h2 { color: #333333; font-size: 20px; margin-top: 0px; padding-top: 10px; }

.sectioninstructions td { padding-right: 40px; }

.nb { font-size: 10px; }

.footer { padding-top: 5px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

.quicksearchtitle { padding: 5px 3px 6px 6px; color: #000000; font-weight: bold; font-size: 16px; }

.demo_link { color: #ff0000; font-weight: bold; }

.statisticsarea { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-left: 10px; background-color: #eee3c6; }

.newsarea { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-left: 10px; background-color: #eee3c6; background-image: url("../../image_files/blueprint_news.jpg"); background-repeat: no-repeat; }

.newsarea ul { padding-left: 20px; }

.newsarea li { padding-bottom: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

.newsarea a { color: #000000; }

.newsarea li a { text-decoration: none; }

.newsarea li a:hover { text-decoration: underline; }

.newsarea p { background-color: #e6d9b7; margin-right: 10px; }

.quickiehead { font-size: 14px; font-weight: bold; }

.paleText { color: #c0c0c0; }

.index_toppart { font-family: Arial, Helvetica, sans-serif; color: #000000; }

.index_toppart h1 { font-weight: bold; font-size: 15px; margin-top: 0px; margin-bottom: 0px; padding: 13px 3px 3px 30px; }

.dottedtop { padding: 5px 10px 5px 10px; margin: 10px; font-size: 11px; text-align: center; font-weight: bold; background-color: #eee3c6; }

.index_toppart p { font-size: 13px; padding: 0px 10px 5px 10px; text-align: justify; line-height: 25px; }

.index_toppart ul { font-size: 11px; margin: 10px 10px 20px 50px; line-height: 25px; }

.index_bottompart { font-family: Arial, Helvetica, sans-serif; color: #000000; }

.index_bottompart h1 { font-weight: bold; font-size: 15px; margin-top: 0px; margin-bottom: 0px; padding: 3px 3px 3px 30px; }

.index_bottompart h2 { font-weight: bold; font-size: 15px; margin-top: 0px; margin-bottom: 0px; padding: 3px 3px 3px 0px; }

.index_bottompart ul { font-size: 11px; margin: 10px 10px 20px 50px; line-height: 25px; }

.index_bottompart p { line-height: 25px; margin: 10px 10px 30px 10px; }

.index_bottompart a { color: #000000; }

.index_home_bottompart { font-family: Arial, Helvetica, sans-serif; color: #000000; }

.index_home_bottompart h1 { font-weight: bold; font-size: 12px; margin-top: 0px; margin-bottom: 0px; padding: 3px 3px 3px 30px; }

.index_home_bottompart h2 { font-weight: bold; font-size: 12px; margin-top: 0px; margin-bottom: 0px; padding: 3px 3px 3px 0px; }

.index_home_bottompart ul { font-size: 11px; margin: 10px 10px 20px 50px; line-height: 25px; }

.index_home_bottompart p { line-height: 18px; font-size: 11px; margin: 10px 10px 30px 10px; }

.index_home_bottompart a { color: #000000; }

.advert_preview { background-color: #e6d9b7; border: 1px solid #beb295; font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin: 5px 5px; padding: 5px 10px 5px 5px; }

.advert_preview h2 { font-size: 15px; margin: 0px; padding: 0px 4px 4px 0px; font-family: Arial, Helvetica, sans-serif; }

.news_preview { background-color: #ffffff; border: 1px solid #beb295; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 5px 5px; padding: 5px 10px 5px 5px; }

.news_preview h2 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; margin: 0px; padding: 0px 4px 4px 0px; }

.news_preview_dash { background-color: #ffffff; border-bottom: 1px dashed #333333; padding: 15px; }

.news_preview_dash h2 { font-size: 12px; margin: 0px; }

.news_date { font-size: 10px; text-align: right; }

.page_numbers { background-color: #e6d9b7; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

.pagenum_firstlast { font-size: 10px; padding: 0px 10px 0px 10px; }

.pagenum_prevnext { font-size: 12px; padding: 0px 5px 0px 5px; }

.pagenum_itsme { font-size: 20px; font-weight: bold; }

.results_row { background-color: #ffffff; }

.results_row:nth-child(even) { background-color: #e4d8b7; }

.results_row:nth-child(even) { background-color: #f0f0f0; }

.results_row.aggregate { background-color: #efe8d6; }

.resultskey_print { display: none; }

.toolbar_top { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 5px 0px 0px 0px; }

.toolbar_top a { text-decoration: none; margin-right: 20px; padding: 5px 15px 7px 2px; color: #666666; /*  background-color:#E6D9B7; border:1px solid #BEB295; */ }

.toolbar_top a:hover { /*  background-color:#E4D3A7; */ color: #000000; }

.toolbar_top img { border: none; padding-right: 10px; padding-left: 10px; }

.toolbar_instructions { font-size: 11px; padding: 20px 2px 2px 2px; }

.news_top { background-color: #827b6b; color: #ffffff; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px 5px; padding: 5px; }

.tosaveasearch { font-size: 11px; line-height: 25px; margin-left: 10px; padding: 10px; background-color: #eee3c6; margin-bottom: 20px; margin-top: 20px; }

.nounderline { text-decoration: none; }

.content { font-family: Arial, Helvetica, sans-serif; }

#inputTab { border: 0; text-align: left; width: 600px; }

#inputTab .title { font-size: 12px; font-weight: bold; padding: 10px 0 0 0; }

#inputTab .note { font-size: 10px; font-weight: normal; width: 100px; }

#inputTab .required { color: #ff0000; font-size: 10px; font-weight: normal; }

#inputTab .notice { font-size: 9px; font-weight: normal; }

#inputTab .button { margin-top: 10px; margin-bottom: 10px; }

#error li { color: #ff0000; display: list-item; font-size: 12px; font-weight: bold; list-style-type: disc; list-style-image: none; }

/* ------------------------------------------- */
.leftAndMain { display: grid; grid-column-gap: 20px; grid-template-columns: 200px 1fr; }

.dashboard h3 { border-bottom: 1px solid #615d51; font-size: 18px; }

/* ------------------------------------------- */
/*  .newsItems { align-items: flex-start; display: flex; flex-flow: row wrap; } .newsItem { align-items: flex-start; background-color: #FFFFFF; border: 1px solid #BEB295; box-sizing: border-box; display: flex; flex: 0 calc(50% - 5px); flex-flow: row wrap; font-family: Arial, Helvetica, sans-serif; font-size: 11px; justify-content: space-between; margin: 5px 0 12px; position: relative; width: 100%; } .newsItem--advert { background-color: #E6D9B7; } .newsItem--footer { padding-bottom: 20px; } .newsItem:nth-of-type(odd) { margin-right: 5px; } .newsItem:nth-of-type(even) { margin-left: 5px; } .newsItem .newsContent { box-sizing: border-box; display: flex; flex-flow: row wrap; padding: 10px; text-decoration: none; transition: all .25s ease-in-out; } .newsItem .newsContent:hover { background-color: rgba(240,240,240,0.3); box-shadow: inset 0px 0px 5px 3px rgb(240,240,240,0.75); } .newsItem .newsContent div { box-sizing: border-box; width: 100%; } .newsItem .newsContent div:nth-of-type(odd) { flex: 0 80%; } .newsItem .newsContent div:nth-of-type(even) { flex: 0 20%; } .newsItem .newsSource { padding: 10px 0 4px 10px; } .newsItem .newsDate { padding: 10px 10px 4px 0; text-align: right; } .newsItem .newsImage { padding-top: 10px; text-align: center; } .newsItem .newsAbstract { padding: 0 10px 10px 10px; } .newsItem h2 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; margin: 0px; padding: 0px 4px 14px 0px; } .newsItem em { font-style: normal; text-decoration: underline; } .footerBar { background-color: #F1E9D1; bottom: 0; box-sizing: border-box; display: flex; flex-flow: row nowrap; height: 24px; left: 0; justify-content: space-between; padding: 4px 20px; padding-top: 6px; position: absolute; width: 100%; } */
/* Alert Banner  --- */
.alertBanner { border-bottom: 1px solid #fff; font-size: 12px; font-weight: normal; line-height: 14px; padding: 4px; }

.alertBanner--notice { background-color: #aca187; color: #fff; }

.alertBanner--error { background-color: #db1111; color: #fff; }

.pprUploadBanner { margin-bottom: 20px; }

.pprUploadBanner p, .pprUploadBanner form { display: inline-block; font-size: 15px; }

.pprUploadBanner select, .pprUploadBanner input { font-size: 14px; margin-right: 10px; }

.formClient { padding: 20px 10px 10px; }

.formClient.formClient--residential { min-width: 1225px; }

.formClient.formClient--residential .formTriplet .input.checkbox-size { margin-left: -4px; }

.formClient.formClient--residential .input.checkbox-size .formCheckbox label { color: #777777; padding-bottom: 10px; padding-left: 30px; padding-top: 8px; }

.formClient .formColumn { float: left; margin-right: 40px; width: 450px; }

.formClient .formColumn:nth-of-type(3) { width: inherit; }

.formClient .formRow { margin-bottom: 16px; }

.formClient .formRow:before, .formClient .formRow:after { content: ""; display: table; }

.formClient .formRow:after { clear: both; }

.formClient .formLabel { color: #777777; float: left; font-size: 12px; padding-top: 10px; width: 80px; }

.formClient .formField { float: left; position: relative; width: 370px; }

.formClient input { border: 1px solid #cecece; box-sizing: border-box; border-radius: 3px; font-size: 14px; padding: 8px 16px; width: 100%; }

.formClient .formPair, .formClient .formTriplet { float: left; width: 370px; }

.formClient .formField-date, .formClient .formField-price, .formClient .formField-size { display: inline-block; }

.formClient .formField-date input { margin-right: 0; padding: 8px 11px; width: 42px; }

.formClient .formField-date input:nth-of-type(3) { width: 87px; }

.formClient .formField-date, .formClient .formField-price { float: left; width: 49%; }

.formClient .formField-date:nth-of-type(2), .formClient .formField-price:nth-of-type(2) { float: right; text-align: right; }

.formClient .formTriplet .input { margin-left: 0; float: left; width: 10%; }

.formClient .formTriplet input { float: right; margin-left: 8px; width: 40%; }

.formClient .resetLink { font-size: 13px; margin-left: 70px; padding-top: 7px; text-align: center; }

.formClient .formField--stack input { margin-bottom: 6px; }

.formClient .formInputPair { float: left; width: 370px; }

.formClient .formInputPair .input { float: left; width: 140px; }

.formClient .formInputPair .input:nth-of-type(2) { float: right; }

.formClient .formInputPair .formLabel { text-align: right; }

.formClient .formInline { display: flex; flex-flow: row nowrap; width: 370px; }

.formClient .formInline .input { width: 140px; }

.formClient .formInline .formLabel { text-align: right; }

.formClient .formCheckbox { position: relative; }

.formClient .formCheckbox.formCheckbox--inline { margin-left: 16px; margin-top: 2px; }

.formClient .formCheckbox input[type="checkbox"] { left: -9999px; opacity: 0; position: absolute; }

.formClient .formCheckbox label { display: inline-block; padding: 6px 0 0; position: relative; width: auto; z-index: 2; }

.formClient .formCheckbox label .notVisible { display: inline-block; height: 20px; visibility: hidden; width: 20px; }

.formClient .formCheckbox .checkboxUi { background: #fff; border: 1px solid #cecece; border-radius: 3px; display: inline-block; height: 16px; left: 0; top: 7px; width: 16px; position: absolute; }

.formClient .formCheckbox .checkboxUi--size { left: 4px; }

.formClient .formCheckbox .checkboxUi::after { border-left: 2px solid; border-bottom: 2px solid; content: ""; display: inline-block; height: 5px; left: 3px; position: absolute; top: 3px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); width: 9px; }

.formClient .formCheckbox input[type="checkbox"] + .checkboxUi::after { content: none; }

.formClient .formCheckbox input[type="checkbox"]:checked + .checkboxUi::after { content: ""; }

.formClient .formCheckbox input[type="checkbox"]:focus + .checkboxUi { outline: #3b99fc auto 5px; }

.formClient select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #ffffff; border: 1px solid #cecece; box-sizing: border-box; border-radius: 3px; font-size: 14px; padding: 8px 16px; width: 140px; }

.formClient select::after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid black; content: ""; display: inline-block; opacity: 0.5; right: 4px; top: 10px; }

.formClient .select-wrapper { display: inline; position: relative; }

.formClient .select-wrapper:after { content: ""; height: 0; position: absolute; pointer-events: none; width: 0; }

.formClient .select-wrapper:after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid black; opacity: 0.5; right: 10px; top: 2px; }

.formClient select::-ms-expand { display: none; }

.formClient .formSlider label { padding-top: 0; }

.formClient .formSlider input[readonly] { background: none; border: none; font-size: 12px; padding-bottom: 0; padding-left: 0; }

.formClient .formSlider .rangeSlider { height: 16px; width: 100%; }

.formClient .formSlider .ui-slider .ui-slider-handle { height: 2em; }

.formClient .formSlider .ui-widget-content .ui-state-active { background-color: #f1e9d1; border-color: #aca187; }

.formClient .formSubmit { border: 1px solid #999; font-size: 13px; padding: 7px 20px; transition: all 0.2s ease-in-out; width: 200px; }

.formClient .formSubmit:hover { background-color: #f1e9d1; border-color: #cecece; }

.formClient .formSubmit--label-sml { margin-left: 74px; }

.formClient .formColumn--SavedSearch h3 { color: #777777; font-size: 12px; font-weight: normal; padding: 0 0 10px; }

.formClient .formColumn--SavedSearch p { font-size: 13px; margin-left: 0; padding: 0; text-align: left; }

.formClient .formColumn--SavedSearch ul { list-style-type: none; margin: 0; padding: 0; }

.formClient .formColumn--SavedSearch li { font-size: 13px; line-height: 20px; }

.formClient .formColumn--SavedSearch li.aggregateSearch { padding-bottom: 8px; }

.formClient .formColumn--SavedSearch .secondary { color: #777777; text-decoration: none; }

.formClient .formColumn--SavedSearch .secondary:hover { color: #000000; text-decoration: underline; }

/* Form: User Facing  --- */
.loginForm { margin-bottom: 35px; }

.loginForm .formField { margin-bottom: 16px; }

.loginForm label { color: #777777; display: inline-block; font-size: 12px; width: 70px; }

.loginForm input { border: 1px solid #cecece; border-radius: 3px; font-size: 14px; padding: 8px 16px; width: 180px; }

.loginForm-checkbox { margin-left: 74px; }

.loginForm-checkbox input[type="checkbox"] { left: -9999px; opacity: 0; position: absolute; }

.loginForm-checkbox label { display: inline-block; padding: 6px 30px 0; position: relative; width: auto; }

.loginForm-checkbox label::before, .loginForm-checkbox label::after { content: ""; display: inline-block; position: absolute; }

.loginForm-checkbox label::before { background: #fff; border: 1px solid #cecece; border-radius: 3px; height: 16px; left: 0px; top: 3px; width: 16px; }

.loginForm-checkbox label::after { border-left: 2px solid; border-bottom: 2px solid; height: 5px; left: 4px; top: 7px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); width: 9px; }

.loginForm-checkbox input[type="checkbox"] + label::after { content: none; }

.loginForm-checkbox input[type="checkbox"]:checked + label::after { content: ""; }

.loginForm-checkbox input[type="checkbox"]:focus + label::before { outline: #3b99fc auto 5px; }

.loginForm .formSubmit { border: 1px solid #999; font-size: 13px; padding: 7px 20px; transition: all .2s ease-in-out; }

.loginForm .formSubmit:hover { background-color: #F1E9D1; border-color: #cecece; }

.loginForm .formSubmit--label-sml { margin-left: 74px; }

.loginLayout { display: block; padding: 20px 0; }

.loginLayout__contentCol { float: none; width: auto; }

.loginLayout__contentCol h1, .loginLayout__contentCol p { margin-left: 0; padding-top: 0; }

.loginLayout__contentCol p { line-height: 18px; }

.loginLayout__loginCol { float: left; margin-right: 20px; min-width: 320px; width: 30%; }

.loginArea { background-color: #E6D9B7; border: 1px solid #BEB295; color: #000000; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin-left: 2px; max-width: 290px; padding: 10px; }

.loginArea h2 { font-size: 16px; }

.loginArea p { font-size: 13px; font-weight: normal; margin: 0; padding: 0 0 16px; }

.loginArea p.notice { background-color: #F0F0F0; color: black; padding: 8px; padding-bottom: 18px; }

.loginArea.loginArea--error { background-color: #db1111; color: #ffffff; }

.loginArea.loginArea--error a { color: #ffffff; }

.loginArea.loginArea--error p.notice a { color: #000; }

.loginArea.loginArea--error .loginForm label { color: #ffffff; }

.loginArea.loginArea--error .loginForm input, .loginArea.loginArea--error .loginForm-checkbox label::before { border: 1px solid #333333; }

.modalPanel { display: none; height: 100%; left: 0; opacity: 0; pointer-events: auto; position: fixed; top: 0; transition: ease all 0.3s; width: 100%; z-index: -1; }

.modalPanel--show { display: block; opacity: 1; z-index: 99; }

.modalPanel__overlay { background-color: #fff; height: 100%; opacity: 0.75; position: fixed; width: 100%; z-index: -1; }

.modalPanel__box { background: white; box-shadow: 10px 10px 5px -6px #aca187; font-size: 13px; height: 80vh; left: calc(50% - 300px); overflow: hidden; padding: 20px 0; position: absolute; top: calc(50% - 45vh); width: 600px; }

.modalPanel__close { color: #666; font-size: 18px; font-weight: bold; position: absolute; right: 10px; text-decoration: none; top: 5px; }

.modalPanel__close:hover { color: #333; }

.modalPanel__content { font-family: sans-serif; font-size: 13px; bottom: 20px; left: 20px; overflow-y: scroll; position: absolute; right: 20px; top: 40px; }

.modalPanel__content pre { font-family: sans-serif; font-size: 13px; line-height: 20px; margin: 0; padding: 0; white-space: pre-wrap; }

.pagination { font-size: 14px; text-align: center; padding: 16px 16px 0; }

.pagination ul { list-style-type: none; }

.pagination li { display: inline-block; }

.pagination a { padding: 8px 16px; }

.pagination a:hover { background-color: #fff; }

.pagination .current { font-weight: bold; padding: 8px 16px; }

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/balloons.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
#balloon ul { padding: 0; margin: 0; border: 0; list-style-type: none; }

#balloon ul li { float: left; margin: 5px; }

#balloon ul li a, #balloon ul li a:visited { display: block; text-decoration: none; color: #000; }

#balloon ul li a img, #balloon ul li a:visited img { border: img; text-decoration: none; }

#balloon ul li dl { visibility: hidden; position: absolute; }

#balloon table { margin: 0; border: 0; padding: 0; border-collapse: collapse; }

#balloon dl { width: 125px; padding: 0 0 20px 0; height: auto; }

#balloon dt { margin: 0; padding: 20px 0 0 0; font-weight: bold; color: #000; border-bottom: 1px solid #000; text-align: center; }

#balloon dd { margin: 0; padding: 2px 5px; color: #000; border: 1px solid #000; border-width: 0 1px; border-bottom: 1px solid #000; background: #fff url(../images/info.gif) no-repeat bottom right; }

#balloon dd p { padding: 0; margin: 3px 0; font-size: 0.8em; line-height: 1.5em; }

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
#balloon ul li:hover, #balloon ul li a:hover { color: #000; position: relative; cursor: pointer; cursor: hand; }

#balloon ul li:hover dl, #balloon ul li a:hover dl { visibility: visible; color: #000; top: -60px; left: 40px; cursor: default; }

#balloon ul li:hover dl em, #balloon ul li a:hover dl em { display: block; position: absolute; left: -35px; top: 40px; width: 36px; height: 36px; background: transparent url(../images/pointer.gif); }

#balloon ul li:hover dl a, #balloon ul li a:hover dl a { height: 0.8em; color: #606; background: transparent; display: inline; }

#balloon ul li:hover dl a:hover, #balloon ul li a:hover dl a:hover { text-decoration: none; background: transparent; }

/* ----------------------------------------------------------------------- */
/* common styling */
#sBalloon ul { padding: 0; margin: 0; border: 0; list-style-type: none; }

#sBalloon ul li { float: left; margin: 5px; }

#sBalloon ul li a, #sBalloon ul li a:visited { display: block; text-decoration: none; color: #000; }

#sBalloon ul li a img, #sBalloon ul li a:visited img { border: 0; }

#sBalloon ul li dl { visibility: hidden; position: absolute; }

#sBalloon table { margin: 0; border: 0; padding: 0; border-collapse: collapse; }

#sBalloon dl { width: 65px; padding: 0 0 20px 0; /* background: transparent url(../images/bottom2.gif) no-repeat bottom left; */ height: auto; }

#sBalloon dt { margin: 0; padding: 20px 0 0 0; font-weight: bold; color: #000; border-bottom: 1px solid #000; /* background:transparent url(../images/top2.gif) no-repeat top left; */ text-align: center; }

#sBalloon dd { margin: 0; padding: 2px 5px; color: #000; border: 1px solid #000; border-width: 0 1px; border-bottom: 1px solid #000; background: #fff url(../images/info.gif) no-repeat bottom right; }

#sBalloon dd p { padding: 0 0 0 5px; margin: 3px 0; font-size: 0.8em; line-height: 1.5em; }

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
#sBalloon ul li:hover, #sBalloon ul li a:hover { color: #000; position: relative; cursor: pointer; cursor: hand; }

#sBalloon ul li:hover dl, #sBalloon ul li a:hover dl { visibility: visible; color: #000; top: -60px; left: 75px; cursor: default; }

#sBalloon ul li:hover dl em, #sBalloon ul li a:hover dl em { display: block; position: absolute; left: -35px; top: 23px; width: 36px; height: 36px; background: transparent url(../images/pointer.gif); }

#sBalloon ul li:hover dl a, #sBalloon ul li a:hover dl a { height: 0.8em; color: #606; background: transparent; display: inline; }

#sBalloon ul li:hover dl a:hover, #sBalloon ul li a:hover dl a:hover { text-decoration: none; background: transparent; }

#pBalloon { display: none; }

/* Auto-Complete theme customisation */
.ui-autocomplete { font-size: 12px; max-height: 300px; overflow-x: hidden; overflow-y: scroll; }

.ui-menu-item-wrapper.ui-state-active { background-color: #F1E9D1; border: 1px solid #F1E9D1; color: #000000; }

/* Listings info popup */
.popupLink { position: relative; }

.popupLink span { border-bottom: 1px dotted #000000; }

.popupBox { background-color: #ffffff; border: 1px solid #827B6B; color: #000; display: none; margin: 0; padding: 8px 8px 5px; position: absolute; left: 30px; top: 0; width: 150px; z-index: 1; }

.popupLink:hover .popupBox { display: block; }

.popupBox span { border-bottom: 0; display: inline-block; width: 50px; }

.popupBox p { font-size: 13px; margin: 0 0 3px; }

.extd-listing-modal-details { border-bottom: 1px solid #615d51; margin-bottom: 14px; }

.extd-listing-modal-details p { font-size: 14px; }