/* ONE System Main CSS Boston Logic Technology Partners Inc. */ /* ======================================= Style Index ======================================= A. Global B. Layout C. Navigation D. Advanced Tables E. Login F. Property Search G. Property Details H. Agents I. Leads J. Browser Fixes K. Nested Active Scaffold Overrides L. Chat Button M. Quick Search N. Luxury Buildings O. Chat Scheduler P. My Account Q. Rentals R. Blog S. Map Bubble (luxury) T. Homepage styles */ /* ======================================= A. GLOBAL ======================================= */ /* Body */ body {margin: 0; padding: 0; font-family: Tahoma, arial, verdana, sans-serif; font-size: 9pt; color: #000; background-color: #ffffff}
/* Header & Text */ h1 {margin: 0 0 7px 0; font-size: 24px; line-height: 1.4em; color: #4e3227; font-weight: normal}
h2 {margin: 0 0 7px 0; font-size: 12pt; line-height: 1.2em}
h2 span {float: right; font-size: .7em}
h3, h4, h5, h6 {margin: 0 0 10px 0; font-size: 10pt; line-height: 1em}
p {line-height: 1.4em}
dl {margin: 0; padding: 0; line-height: 1.4em}
dl dt, dl dd {margin: 0; padding: 0}
img {border: 0}
/* Links */ a:link {color: #4e3227}
a:visited {color: #4e3227}
a:hover {color: #b6ca8f}
a:active {color: #b6ca8f}
/* Tables */ table {width: 100%; margin: 0 !important; font-size: 9pt; border-collapse: collapse}
table td {padding: 2px 4px; color: #555; vertical-align: top; border: 1px solid #ddd; border-bottom: solid 1px #ccc}
table td.actions {border-right: 1px solid #ccc}
table th {padding: 2px; color: #fff; text-align: left; vertical-align: top; border-left: 1px solid #fff; background: #4e3227}
table th.public_header {color: #fff; background: #4e3227; border-left: 1px solid #fff}
table th a {display: block; font-size: 9pt; font-weight: 900; color: #fff}
table table td, table table th {border: 0}
table caption {margin: 0; padding: 4px; font-size: 10pt; font-weight: 900; text-align: left; border-top: 1px solid #b6ca8f; border-bottom: 1px solid #ccc; border-left: 0; border-right: 0}
table tr.odd td, table tr.odd th {background-color: #efefef !important}
#content .content table td, #content .content table th {border: 0}
/* Forms */ form {margin: 15px 0 0 0}
form p {margin: 0 0 10px 0}
.form-column {float: left; margin: 0 30px 0 0}
.form-table td {padding: 0 20px 0 5px}
p.submit-row {clear: both}
label {margin: 0 3px 0 0; font-size: 9pt; line-height: 1.5em; color: #725144; font-weight: 900}
input, select, textarea {font-size: 9pt}
select {padding: 1px 0}
input.inputbox-big {width: 200px; padding: 5px; border: 1px solid #BFBDB3; background: none}
input.inputbox-big:focus {border: 1px solid #b6ca8f; background: #fff}
input.checkbox {padding: 0; vertical-align: middle; border: 0; background: none}
input.no_border {border:0px }
/* input.button {font-family: arial, verdana, sans-serif; font-size: 10pt; color: #fff; font-weight: 900; text-transform: uppercase; border: 1px solid #000; background: #de7700; cursor: pointer}
*/ .float_l {float: left; padding-right: 30px}
.zip {width: 50px}
/* Feedback and Errors */ span.red {color: red}
#messages, #errorExplanation {margin: 0 0 5px 0; padding: 10px; color: #f00; border: 1px solid #bfbdb3; background-color: #ecefe0; clear: both}
#home-main-body#messages, #home-main-body#errorExplanation {margin: 5px 0 0px 0; padding: 10px; color: #f00; border: 1px solid #bfbdb3; background-color: #ecefe0; clear: both}
#errorExplanation h2 {color: #f00; font-size: 11pt}
#messages ul, #errorExplanation ul {margin: 0; padding: 0; list-style: none; color:#f00}
.fl_rt {float: right; margin: 0; padding: 0}
.fl_lt {float: left; margin: 0; padding: 0}
.form_wrap {clear: both; margin: 0; padding: 20px 10px 20px 0px}
/* Hide Elements */ .hide {display: none}
/* ======================================= B. LAYOUT ======================================= */ /* Site Wrapper */ #site-wrapper {width: 950px; margin: 5px auto 0 auto; border: 1px #4e3227 solid; padding: 5px}
/* Header */ #header {height: 100px; margin: 0 0 5px 0; background: #b6ca8f; border: 1px #4e3227 solid}
#header #header-gutter {padding: 10px 15px}
#header #logo {padding: 25px 203px 15px 217px}
#header #logo a {display: block; height: 50px; width: 485px; text-decoration: none; /*margin: 25px 0 0 210px;*/ background: url(/images/theme/logo.gif) no-repeat}
#header #logo a span {visibility: hidden}
#header-nav {}
#header-nav table {padding: 0; margin: 0; background: none; width: auto; text-align: right; float: right}
#header-nav table td {border: none; font-size: .8em; font-weight: bold; border-right: 1px solid #4e3227; padding: 2px 6px}
#header-nav table td.last_item {border: none; font-size: .8em; font-weight: bold; border-right: none; padding: 2px 6px}
#header-nav table td a {color: #4e3227; text-decoration: none}
#header-nav table td a:hover {text-decoration: underline}
#logo-print {display: none}
/* Main Body */ /*#main-body {background-color: #ffffff; border: 1px solid #4e3227; color: #4e3227}*/ #main-body {/*background-color: #ffffff; border: 1px solid #4e3227;*/ color: #4e3227}
* #main-body {width: 948px}
* html #main-body {width: auto}
/* Content */ /*#content {padding: 10px}*/ #content {padding: 0px}
#content_admin {padding: 5px 5px 15px 20px; border: 1px solid #4e3227}
/* cms specific */ #content p img {margin: 0 10px; padding: 4px; border: 1px solid #4e3227}
hr {border: none; height: 0px; background: #fff}
.p7TPcontent hr {background: #fff; margin: 0px; padding: 0px}
#cms_content table, #cms_content table td, #cms_content table th {border: none !important}
#cms_content img {border: 1px solid #4e3227; padding: 3px}
/* cms specific end */ /*#left_side {float: left; width: 20%}*/ #left_side {border:1px solid #4E3227; float:left; margin-right:5px; padding:10px 5px; width:20%; min-height: 432px}
*html #left_side {height: 432px}
#left_side p {margin: 10px 0 !important}
#left_side h1 {text-align: center; margin-bottom: 17px}
/*#right_side {position: relative; float: right; width: 78%}*/ #right_side {border:1px solid #4E3227; float:right; min-height:432px; padding:10px 10px 10px 30px; position:relative; width:73.7%}
*html #right_side {height: 432px; width: 73.7%}
/* Right Column */ #right-column {float: right}
#right-column ul {margin: 0; padding: 0; list-style: none}
#right-column ul li {line-height: 18px}
.side-nav {float: right; width: 150px; padding: 0 0 20px 10px; margin: 0 0 0 10px; border-left: 1px dashed}
/* Footer */ #footer {clear: both; margin: 5px auto 0 auto; padding: 0; font-size: 10px; width: 960px; /* border: 1px solid #bfbdb3; background: #fcfcfc; */ }
#footer p {margin: 5px 0; text-align: center}
#footer-nav table tbody tr td a {font-size: 10px; color: #fff}
#footer-nav {clear: both; font-size: 10px; margin: 5px 0 0 0; text-align: center; background: #4e3227; color: #fff; padding: 10px}
#footer-nav table {margin: 0; padding: 0; display: inline-table; list-style: none; background: none; width: auto}
#footer-nav table td {padding: 0px 6px; border: none; border-right: 1px solid #fff; text-align: center}
#footer-nav table td.last_item {padding: 0px 6px; border: none; text-align: center}
#footer-nav table td a {color: #4e3227; text-decoration: none}
#footer-nav table td a:hover {text-decoration: underline}
#seo_town_pages_footer {background: #fff}
#credit {text-align: right}
#credit img {vertical-align: middle; margin-left: 10px}
#credit a {text-decoration: none}
.listing_info {padding: 3px; text-align: center}
#seo-footer, #seo-footer p, #seo-footer h1, #seo-footer h2, #seo-footer h3, #seo-footer h4 #seo-footer h5 #seo-footer dl, #seo-footer ul, #seo-footer ol {margin: 0 0 10px 0 !important; color: #999; font-size: 7.5pt; line-height: 10pt}
#seo-footer a:link, #seo-footer a:visited, #seo-footer a:hover, #seo-footer a:active {color: #999}
#one_version {text-align: center}
#one_version img {margin: 0 auto; display: block}
/* ======================================= C. NAVIGATION ======================================= */ /* Main Tab Navigation */ #navigation-tabs {margin: 0; margin-bottom: 4px; padding: 0; background: url(/images/theme/navigation-bg.gif) repeat-x top left; background: #372118}
#navigation-tabs-gutter {padding: 0 0 20px 0px; position: relative; margin: 0px; /*background: #372118;*/ }
.no_subnav {padding: 0 0 0 0px !important}
#navigation-tabs-gutter.no_subnav table td.current a {border-bottom: none}
#navigation-tabs-gutter.no_subnav table td.current {border-bottom: 1px #fff solid; position: static}
#navigation-tabs table {width: 100%; padding: 0; margin: 0; border-collapse: collapse; border: none; font-size: 1.0em; background: #4e3227}
#navigation-tabs table td {border: none; padding: 0; text-align: center; vertical-align: middle; border-bottom: 1px solid #fff}
#navigation-tabs table td a {display: block; padding: 8px 15px 6px 15px; color: #fff; font-weight: 900; text-decoration: none; white-space: nowrap}
#navigation-tabs td a:hover, #navigation-tabs td a:hover {color: #fff; text-decoration: underline}
#navigation-tabs table td.current {background: #372118; border-bottom: none; position: relative}
#navigation-tabs td.current a {border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; color: #fff; text-decoration: none; border-bottom: 1px solid #372118}
#navigation-tabs td.first_item a{ border-left: none}
#navigation-tabs td.last_item a{ border-right: none}
/* Hide inactive secondary nav */ #navigation-tabs td.inactive table {display: none}
#navigation-tabs table table {position: absolute; padding: 0; width: auto; *left: 0; font-size: 0.9em; background: none; border: none}
#navigation-tabs table table td {text-align: center; padding: 0; padding: 4px 14px 0 14px; background: none !important; border: none}
#navigation-tabs table table td a, #navigation-tabs table td.current table td a {display: inline; white-space: nowrap; padding: 0; padding-top: 5px; /*added*/ color: #fff; font-weight: bold; border: 0; text-decoration: none}
#navigation-tabs table td.current table td a:hover {color: #fff; text-decoration: underline}
#navigation-tabs table td.current table td.current {border: none; padding-top: 4px}
#navigation-tabs table td.current table td.not_current {border: none; padding-top: 2px}
#navigation-tabs table td.current table td.current a {color: #fff; text-decoration: underline}
#navigation-tabs table td.not_current a {color: #fff; text-decoration: none}
#navigation-tabs table td.not_current a:hover {color: #fff}
/* ======================================= D. ADVANCED TABLES ======================================= */ /* Property Detail Info Tables */ table.property-details-info {margin: 0 0 4px 0 !important; border-top: 1px solid #b6ca8f; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd}
table.property-details-info th, table.property-details-info td {padding: 3px; font-size: 9pt !important; color: #000; border: 0; background: none}
table.property-details-info td a {vertical-align: top; margin-bottom: 3px}
table.property-details-info th {white-space: nowrap; width: 25%; border-left: 1px solid #ddd}
table.property-comments p {margin: 0}
table.property-summary th {width: 33%}
table.property-summary td {padding-right: 20px}
/* Agent Info Table */ table.agent-info {width: 100%; margin: 10px 0 15px 0 !important; border:1px solid #4e3227; background:#FFF0DF}
table.agent-info th, table.agent-info td {padding: 3px; color: #000; border: 0; background: none}
table.agent-info th {width: 15%}
table.agent-info p {margin: 0}
/* Lead Management Table */ table.lead_tbl th {width: 20%}
table.lead_tbl th, table.lead_tbl td {color: #000; font-size: 9pt; background: #fff; border: 0}
table.lead_tbl th:hover {background: #fff}
/* Default Data Table */ table.data-table {width: 100%; margin: 10px 0 0 0; border-top: 1px solid #555; border-left: 1px solid #ddd; border-collapse: collapse}
table.data-table td {padding: 4px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd}
table.data-table th {padding: 4px; color: #fff; text-align: left; border-right:1px solid #fff; border-bottom: 0; background: #4e3227}
table#lead-activity {width: 735px}
/* Zebra Striping */ tr.alternate {background-color:#FFF0DF}
tr.alternate td {border-bottom: 1px solid #4e3227; border-left: 1px solid #4e3227}
/* Table Sorting */ th.table-sortable {cursor: pointer; background-image: url("/images/icons/sortable.gif"); background-position: center left; background-repeat: no-repeat; padding-left: 20px}
th.table-sortable:hover {text-decoration: underline; background: #000}
th.table-sorted-asc {background-image: url("/images/icons/sorted_up.gif"); background-position: center left; background-repeat: no-repeat; background: #000}
th.table-sorted-desc {background-image: url("/images/icons/sorted_down.gif"); background-position: center left; background-repeat: no-repeat; background: #000}
th.table-filtered {background-image: url("/images/icons/filter.gif"); background-position: center left; background-repeat: no-repeat}
select.table-autofilter {font-size: smaller}
table.altstripe tr.alternate2 {background-color:#cff}
/* Table Sort Icons */ table.sort01 th.table-sortable {background-image:url("/images/icons/01_unsorted.gif")}
table.sort01 th.table-sorted-asc {background-image:url("/images/icons/01_ascending.gif")}
table.sort01 th.table-sorted-desc {background-image:url("/images/icons/01_descending.gif")}
table.sort02 th.table-sortable {background-image:none; padding-left:16px}
table.sort02 th.table-sorted-asc {background-image:url("/images/icons/02_ascending.gif")}
table.sort02 th.table-sorted-desc {background-image:url("/images/icons/02_descending.gif")}
table.sort03 th.table-sortable {background-image:none}
table.sort03 th.table-sorted-asc {background-image:url("/images/icons/03_ascending.gif")}
table.sort03 th.table-sorted-desc {background-image:url("/images/icons/03_descending.gif")}
table.sort04 th.table-sortable {background-image:none}
table.sort04 th.table-sorted-asc {background-image:url("/images/icons/04_ascending.gif")}
table.sort04 th.table-sorted-desc {background-image:url("/images/icons/04_descending.gif")}
table.sort05 th.table-sortable {background-image:url("/images/icons/05_unsorted.gif"); padding-left:16px;}
table.sort05 th.table-sorted-asc {background-image:url("/images/icons/05_ascending.gif")}
table.sort05 th.table-sorted-desc {background-image:url("/images/icons/05_descending.gif")}
table.sort06 th.table-sortable {background-image:none; padding-left:16px;}
table.sort06 th.table-sorted-asc {background-image:url("/images/icons/06_ascending.gif")}
table.sort06 th.table-sorted-desc {background-image:url("/images/icons/06_descending.gif")}
table.sort07 th.table-sortable {background-image:none}
table.sort07 th.table-sorted-asc {background-image:url("/images/icons/07_ascending.gif")}
table.sort07 th.table-sorted-desc {background-image:url("/images/icons/07_descending.gif")}
table.sort08 th.table-sortable {background-image:none}
table.sort08 th.table-sorted-asc {background-image:url("/images/icons/08_ascending.gif")}
table.sort08 th.table-sorted-desc {background-image:url("/images/icons/08_descending.gif")}
table.sort09 th.table-sortable {background-image:none; padding-left:30px;}
table.sort09 th.table-sorted-asc {background-image:url("/images/icons/09_ascending.gif")}
table.sort09 th.table-sorted-desc {background-image:url("/images/icons/09_descending.gif")}
table.sort10 th.table-sortable {background-image:url("/images/icons/10_unsorted.gif")}
table.sort10 th.table-sorted-asc {background-image:url("/images/icons/10_ascending.gif")}
table.sort10 th.table-sorted-desc {background-image:url("/images/icons/10_descending.gif")}
table.sort11 th.table-sortable {background-image:url("/images/icons/11_unsorted.gif");padding-left:24px}
table.sort11 th.table-sorted-asc {background-image:url("/images/icons/11_ascending.gif")}
table.sort11 th.table-sorted-desc {background-image:url("/images/icons/11_descending.gif")}
table.sort12 th.table-sortable {background-image:none}
table.sort12 th.table-sorted-asc {background-image:url("/images/icons/12_ascending.gif")}
table.sort12 th.table-sorted-desc {background-image:url("/images/icons/12_descending.gif")}
table.sort13 th.table-sortable {background-image:none}
table.sort13 th.table-sorted-asc {background-image:url("/images/icons/13_ascending.gif")}
table.sort13 th.table-sorted-desc {background-image:url("/images/icons/13_descending.gif")}
table.sort14 th.table-sortable {background-image:none}
table.sort14 th.table-sorted-asc {background-image:url("/images/icons/14_ascending.gif")}
table.sort14 th.table-sorted-desc {background-image:url("/images/icons/14_descending.gif")}
table.sort15 th.table-sortable {background-image:none}
table.sort15 th.table-sorted-asc {background-image:url("/images/icons/15_ascending.gif")}
table.sort15 th.table-sorted-desc {background-image:url("/images/icons/15_descending.gif")}
table.sort16 th.table-sortable {background-image:none}
table.sort16 th.table-sorted-asc {background-image:url("/images/icons/16_ascending.gif")}
table.sort16 th.table-sorted-desc {background-image:url("/images/icons/16_descending.gif")}
table.sort17 th.table-sortable {background-image:none}
table.sort17 th.table-sorted-asc {background-image:url("/images/icons/17_ascending.gif")}
table.sort17 th.table-sorted-desc {background-image:url("/images/icons/17_descending.gif")}
table.sort18 th.table-sortable {background-image:url("/images/icons/18_unsorted.gif")}
table.sort18 th.table-sorted-asc {background-image:url("/images/icons/18_ascending.gif")}
table.sort18 th.table-sorted-desc {background-image:url("/images/icons/18_descending.gif")}
table.sort19 th.table-sortable {background-image:url("/images/icons/19_unsorted.gif");padding-left:24px}
table.sort19 th.table-sorted-asc {background-image:url("/images/icons/19_ascending.gif")}
table.sort19 th.table-sorted-desc {background-image:url("/images/icons/19_descending.gif")}
/* ======================================= E. LOGIN ======================================= */ .login-left {float: left; width: 229px; padding: 0 20px 0 0; border-right: 1px solid #e2e2e2}
.login-right {float: right; width: 430px; padding: 0 0 0 20px}
.login-left h2, .login-right h3 {margin: 10px 0 0 0}
table#sign-up {margin: 0 0 15px 0}
table#sign-up td {padding: 0 20px 0 0; border: 0}
#login-ul {list-style-type:disc;}
#login-ul li {margin-left:25px; list-style-type:disc; color:#b6ca8f}
#login-ul li span {color:#000}
/* ======================================= F. PROPERTY SEARCH ======================================= */ /* Property Search */ .search-tool {float: right; margin: 0}
#show_advanced, #hide_advanced {clear: both; float: none; width: 100%; position: relative; margin: 10px 0}
#advanced {clear: both; width: 100%; padding: 10px 0; border-top: 1px solid #BFBDB3}
#advanced table, #advanced table td {border: 0; background: none}
#advanced select {width: 100px}
/* Property Search Results List */ #results_list {margin: 0 0 15px 0}
#results_list table {border-collapse: collapse; border-top: 5px solid #b6ca8f; border-bottom: 5px solid #fff; margin: 0 !important; height: 130px}
#results_list td {width: 25%; border: none; border-left: 1px dashed #ccc; border-right: 1px dashed #ccc}
#results_list td.tools {}
#results_list td.tools a {display: block; padding: 2px 0 3px 25px}
#results_list td.prop_img img {display: block; margin: 0 auto}
#results_list dl dd {margin: 0 0 0 90px}
#results_list dl dd table td {padding: 0 10px; width: 250px; font-size: 8pt !important; vertical-align: top; border-top: 0; border-right: 0; border-bottom: 0; border-left: 1px dashed #ccc}
/* Property Search Map */ #map_div {margin: 25px 0 15px 0; border: 2px solid #b6ca8f; border-bottom-width: 12px; background: url(/images/ajax-loader.gif) no-repeat 50% 50%}
* html #map_div {width: 99% !important}
#map_div span {display: block; text-align: right; line-height: normal; color: #666}
img.signup {display: block; margin: 10px auto}
.tools .showing_link {padding-left: 0px !important; text-decoration: none}
.tools .showing_link span {text-decoration: underline}
.tools .showing_link img {vertical-align: middle; padding-right: 8px}
#property_stats {border-bottom: 1px dashed #ccc; padding-bottom: 10px; margin-bottom: 10px}
#property_stats p {margin-bottom: 0}
#property_stats ul {padding: 10px 20px; margin: 0; background: #fff; border: 1px dotted #ccc}
/* ======================================= G. PROPERTY DETAILS ======================================= */ #property-details {width: 560px; float: right; /*padding-left: 15px;*/ }
#property-details h4 {margin: 10px 0 4px 0 }
#property-details.rentals {width: 700px}
#center_content {width: 350px}
#rental_center {width: 500px}
#tool_wrap {width: 190px; float: right}
ul#property-nav {margin: 0; padding: 0; list-style: none}
ul#property-nav li {padding: 0 0 7px 0}
ul#property-nav a {padding: 2px 0 3px 25px}
ul#property-nav li.back {padding: 0 0 0 0; text-align: left}
ul#property-nav li.fav_link img {float: left}
a.contact {background: url('/images/icons/contact.png') no-repeat left 50%}
a.request {background: url('/images/icons/request.png') no-repeat left 50%}
a.calculator {background: url('/images/icons/calculator.png') no-repeat left 50%}
a.email {background: url('/images/icons/email.png') no-repeat left 50%}
a.fav_add {width: 100px; background: url('/images/icons/fav_add.png') no-repeat left 50%}
a.fav_remove {width: 200px; background: url('/images/icons/fav_remove.png') no-repeat left 50%}
a.print {background: url('/images/icons/print.png') no-repeat left 50%}
a.prop_notes {background: url('/images/icons/notes.png') no-repeat left 50%}
a.map {background: url('/images/icons/map.png') no-repeat left 50%}
a.tour{ background: url('/images/icons/tour.png') no-repeat left 50%}
.back_search_results {margin-bottom: 8px; padding: 2px 0; color: #4e3227 !important; font-weight: bold; text-decoration: none; border-bottom: 3px solid #4e3227; background: url('/images/icons/bsr.png') no-repeat left 50%; display: block}
ul#property-nav #spinner {float: right}
p.property-description {margin: 0 0 15px 0}
#property-photos {width: 340px; margin: 0 0 0 0; padding-right: 0px}
#mainImg {display: block; margin: 0 auto; padding: 0; border: none}
#property-photos-small-table {width: 100%; border-collapse: collapse}
#property-photos-small-table td {padding: 0px; border: none}
#property-photos-small-table td img {padding: 4px; margin: 2px; border: 1px solid #efefef !important}
#disclaimer {clear: both; font-size: 8pt; color: #999; padding-top: 10px; border-top: 1px solid #efefef}
#disclaimer h3, #disclaimer p {margin: 0 0 10px 0!important; padding: 0}
.printpics {}
.printpics img {padding: 3px; border: 1px solid #ccc; margin: 4px}
/* ======================================= H. AGENTS ======================================= */ .agent-pic {width: 240px; margin: 0 0px 0 0; border: 1px solid #4e3227; overflow: hidden; margin-right: -244px}
.agent_wrap {width: 100%}
.info_wrap {width: 440px; margin: 0; padding: 0 10px; float: right}
.bio_wrap {padding: 10px 0; margin-top: 10px; border-top: 1px dashed #4e3227; clear: both}
.bio_wrap p {margin: 0 0 10px 0}
.agent-info {}
.agent-info dl {float: left; padding-bottom: 10px}
dl.agent-address {padding-left: 10px; margin-left: 10px; border-left: 1px dashed #4e3227}
/* ======================================= I. LEADS ======================================= */ /*E-mail Daily Update */ #update-wrap table label {margin: 0; font-weight: 900; font-size: 8pt !important; line-height: 1.5em}
ul.lead-sub-nav, ul.lead-sub-nav li {list-style: none; padding: 0; text-align: right; margin: 0}
ul.lead-sub-nav li {padding: 0 3px; display: inline}
/* ======================================= J. BROWSER FIXES ======================================= */ /* Turns off outline around linked elements in Firefox */ a {outline: none}
.clear {clear: both}
.clearfix:after /* CSS code for Firefox and Safari so floated elements inside this container define the height of the container. */ {content: "."; display: block; height: 0; clear: both; visibility: hidden}
/* CSS code for IE 6+7 so floated elements inside this container define the height of the container. */ .clearfix {height: 1%}
/* ======================================= K. NESTED ACTIVE SCAFFOLD OVERRIDES ======================================= */ /* .nested-view div div {width: 90%; margin-left: 5%; margin-right: 5% }
.nested-view div div table tbody.records tr.record td {background-color: #E6F0F5 !important; border-bottom: 1px solid #b6ca8f !important; border-left: 1px solid #b6ca8f !important}
.nested-view div div table tbody.records tr.record td table td {border: none !important}
.nested-view div div table tbody.records tr.even-record td {background-color: #FFFFFF !important}
*/ .active-scaffold-header h2 {padding: 2px 0px; margin: 0; color: #4e3227; font-size: 160%; font-weight: bold}
.active-scaffold th {padding: 4px; text-align: left; background-color: #4e3227; border-left: 1px solid #fff}
.active-scaffold th.sorted {background-color: #372118}
.active-scaffold tr.record td {padding: 4px; color: #333; font-size: 11px; background-color: #FFF0DF; border-bottom: solid 1px #725144; border-left: solid 1px #725144}
.active-scaffold tr.even-record td {background-color: #fff; border-left: solid 1px #725144}
.active-scaffold tr.record td.sorted {background-color: #FFC68F; border-bottom: solid 1px #725144}
.active-scaffold tr.even-record td.sorted {background-color: #DFE7FF; border-bottom: solid 1px #725144}
.active-scaffold .view {background-color: #F3F2F0; padding: 4px; border: solid 1px #725144}
.blue-theme .active-scaffold .active-scaffold-header h2, .active-scaffold .active-scaffold .active-scaffold-footer {color: #4e3227}
/* ======================================= L. CHAT BUTTON ======================================= */ .chat_button {line-height: normal; text-align: center; width: 174px; display: block; margin: 6px auto; color: #000; font-weight: bold}
.chat_button p {padding: 7px 0; margin: 0; background: #fff url(/images/theme/buttons/chat_agent_off.png) no-repeat}
.chat_button p.chat {color: #5F5F5F}
.chat_button a {display: block !important; width: 100%; padding: 7px 0; margin: 0; background: #fff url(/images/theme/buttons/chat_agent.png) no-repeat; color: #fff !important; text-decoration: none}
.chat_button a:hover {color: #fff}
/* ======================================= M. Quick Search ======================================= */ .panel label {display: block; clear: both; white-space: nowrap}
label.inline {display: inline; vertical-align: bottom}
.panel div {float: left; clear: both}
.panel {border: 1px solid #b6ca8f; padding: 4px; position: relative; text-align: center; background: url(/images/theme/quick_search_bg.gif) repeat-x; margin-top: -17px}
#quick_search_tabs {padding: 0; margin: 0; list-style: none; float: left; width: 100%}
#quick_search_tabs li {display: block; float: left; width: 50%; text-align: center}
#quick_search_tabs a {display: block; padding: 3px 2px; text-decoration: none; color: #725144; background: #e7eed9; border: 1px solid #b6ca8f; border-bottom: none; font-weight: bold}
#quick_search_tabs li.selected a {background: #b6ca8f; border: 1px solid #b6ca8f; color: #4e3227}
#quick_search_tabs li a:hover {border-color: #b6ca8f !important}
input#search_mls_id {width: 170px}
p.fromto select {width: 70px}
.panel .button {display: block; margin: 10px auto}
.group {padding-left: 16px}
.group p {padding-right: 12px; float: left}
#quick_search_tabs li span.sales_search{ display: block; padding: 3px; text-decoration: none; color: #fff; background: #669AD3; border: 1px solid #669AD3; border-bottom: none; margin-bottom: none}
#quick_search_tabs li span {font-size: 8pt; text-align: center}
/* ======================================= N. LUXURY BUILDINGS ======================================= */ .neigh_plus {background: url(/images/icons/add.png) no-repeat right center}
.neigh_minus {background: url(/images/icons/subtract.png) no-repeat right center}
.lux_pic {width: 160px}
.lux_pic a {display: block; width: 160px; margin: 0 auto; overflow: hidden}
#left_side ul {padding: 0 0 0px 0; margin: 0 0 0px 0; list-style: none}
#left_side ul li {line-height: 1.6em}
#left_side ul.neighborhoods {border-bottom: 1px dotted; padding-bottom: 10px; margin-bottom: 10px}
#left_side ul ul {margin: 0; padding: 0 10px}
#neigh_expand {padding: 10px}
.neighs_toggle {text-decoration: none}
.lux_price {}
.lux_price th {background: none; color: #555}
.lux_price tr.top_row {border-top: 1px dotted #555; border-bottom: 1px dotted #555; text-transform: uppercase}
.lux_detail h6 {margin: 6px 2px}
.lux_detail h6 a {text-decoration: none; margin: 0 7px}
.lux_detail td.lux_gallery {padding: 0 !important}
.lux_detail td.lux_gallery table td {padding: 0}
.exclusive_pic {width: 134px}
img.exclusive_prop_pic {display: block; margin: 0; padding: 0}
.exclusive_pic a {display: block; white-space: nowrap; text-indent: 20px; padding: 3px 0}
.exclusive_pic .showing_link {text-indent: 0px; text-decoration: none}
.exclusive_pic .showing_link span {text-decoration: underline}
.exclusive_pic .showing_link img {vertical-align: middle; padding-right: 4px}
.lux_description {padding: 8px}
.lux_description h2 {clear: both; padding-top: 10px}
.lux_description .contact {float: right; padding-left: 15px}
.address {width: 70%}
/* ======================================= O. CHAT SCHEDULER ======================================= */ .schedule_container {position:relative}
.schedule_table {/*width: 100%;*/ width: 780px; border-collapse:collapse}
#table_schedule_header {width: 780px}
.schedule_table th {border: 1px solid #E2E2E2; border-bottom: none; text-align: center; color: #fff; background: #005984}
.schedule_table th.wpercent {width: 12%}
.schedule_table td.scheduled {/* background-color: #005984;*/ }
.schedule_table td.scheduled div {color: #fff}
.schedule_table td.selected div.scheduled {background-color: #A3270B}
.schedule_table td.selected {background-color: #A3270B; color: #fff}
.schedule_table td.selected div{ background-color: #A3270B}
.schedule_table td {text-align: center; border-right: 1px solid #E2E2E2; border-left: 1px solid #E2E2E2; line-height: normal; height: 3em; overflow: auto; padding: 0}
.schedule_table td.wpercent {width: 12%}
.schedule_table td div {width: 100%; height: 100%; padding: 0; margin: 0}
.schedule_full_border td, .schedule_full_border th {border-bottom: 2px solid #E2E2E2}
td.time_d {background: #EFFAFF; font-weight: bold; color: #000; border-top: 1px solid #A4ABAF; border-right: 1px solid #A4ABAF}
td.time_n{ background: #E0EAEF; font-weight: bold; color: #000; border-bottom: 1px solid #A4ABAF; border-right: 1px solid #A4ABAF}
.schedule_dashed_border td {border-bottom: 1px dashed #E2E2E2}
#schedule_container div#spinner {position:absolute; z-index:100; left: 50%; margin-left: -30px; font-weight: bold; color: #fff; background: #534f4e; background: url(../images/screen.png); padding: 6px; border: 1px solid #999; color: #D50505; text-align: center; font-size:110%}
#schedule_wrapper {overflow: auto; height: 450px}
/* ======================================= P. MY ACCOUNT ======================================= */ .favorite-photo {width: 100px}
.favorite-info p {clear: both; font-size: 11px}
.favorite-photo img {padding: 2px; margin-right: 8px; border: 1px solid #ccc}
.favorite-info {width: 100%; border-bottom: 1px dashed #ccc; clear: both; padding-bottom: 0px; margin-bottom: 0px}
.favorite-info .lead_tbl {}
.favorite-info .lead_tbl td.notes {width: 60%; padding-left: 6px}
.favorite-info .lead_tbl p {margin: 0}
.favorite-info .lead_tbl td, .favorite-info .lead_tbl th {line-height: normal !important; padding: 0 3px; margin: 0}
.p7TPwrapper .favorite-info table td {width: 25%}
#fav_wrap {position: absolute; top: 8px; margin-left: 170px; padding: 0 10px; border: 1px dashed #ccc; border-top: none; border-bottom: none}
input#favorite_search_name {width: 150px}
#fav_wrap #spinner {position: absolute; border: none}
#fav_wrap form {margin: 1px 0; padding: 0}
#fav_search_link {padding-top: 2px}
/* ======================================= Q. RENTALS ======================================= */ .rent_pic {width: 100px}
.rental_pic a {display: block; width: 160px; height: 120px; margin: 0 auto; overflow: hidden}
.rental_pic img {margin: 0 auto; display: block}
.search_frame {margin: 0 auto; text-align: center; width: 100%}
.search_frame iframe, .featured_rentals_frame iframe {width: 100%; height: 1250px}
.rental_tools {width: 120px}
.rental_tools img {vertical-align: middle; padding-left: 4px}
.rental_tools a {line-height: 16px}
.pagination {padding: 5px 0}
/* ======================================= R. Blog ======================================= */ .horizontal-menu{ padding-left:0px; margin-top:0px; margin-bottom:0px; margin-left:0px}
.horizontal-menu li{ display:inline; margin-right:10px}
.attribution {font-size: 80%; text-align:right; font-style: italic; margin-top:50px; margin-bottom:0px }
.comments h2 {color:#ffac4c; border-bottom: 1px dotted}
.post {border-top:1px dotted #ffac4c; margin-top:10px; padding-top:25px; color:#555}
.postTitle, .postTitle2 {margin-bottom:25px }
.noBorder {border:0px; margin-left:-10px}
<!--No border around ADD THIS button--> .comments {width:40px}
.commentBox {margin:25px; padding:20px; border:1px dotted #ccc; color:#555}
.blogText {color:#555}
.categories {font-weight:bold; font-size:13px; color:#555}
.catBox {margin-bottom:15px}
.rss-icon {background: url(../images/icons/rss.jpg); background-position:left top; background-repeat:no-repeat; padding-left:20px; float: right; display: block; padding-bottom: 5px; font-size: 9pt; font-weight: normal;}
#blog_content {width: 564px}
#blog_content .rss-icon {float: none; display: inline}
#blog_nav {float: right; width: 124px; padding: 0 11px}
#blog_nav h3 {text-align: center; border-bottom: 1px dotted #ccc; padding: 5px; margin: 10px 0}
.all_posts {}
/* ======================================= S. MAP BUBBLE ======================================= */ .property-info-box {font-size: 12px; border: none; width: 200px; clear: both; height: 95px;}
.property-info-box table {font-size: 11px; border-collapse: collapse; line-height: normal; width: 125px;}
.property-info-box table td {padding: 0;}
.property-info-box th {background: none; color: #666; padding: 0;}
.property-info-box td {border: none;}
.property-info-box .address {font-weight:bold; white-space: nowrap;}
.property-info-box .photo {width: 75px}
.property-info-box .photo img {border: 1px solid #ccc;}
/* ======================================= T. HOMEPAGE ======================================= */ #home-main-body {border: none; padding: 0px; margin: 0px}
#home-main-body #content {padding: 0px}
#home-main-body #content #messages {margin: 5px 0 5px 0; padding: 10px; color: #f00; border: 1px solid #bfbdb3; background-color: #ecefe0; clear: both}
#main-body#content#messages {margin: 0 0 5px 0; padding: 10px; color: #f00; border: 1px solid #bfbdb3; background-color: #ecefe0; clear: both}
#home-right-container {float: right; margin-bottom: 5px}
#home-right-container p {line-height: 0px}
#home-middle {width: 428px; height: 343px; float: left; padding: 5px; border: 1px solid #4e3227; margin-right: 5px}
#home-middle .home-featured {width: 428px; background: #4e3227; font-weight: bold; height: 75px; color: #fff; margin: 0px; padding: 0px}
#home-middle div.home-featured img {width: 428px; display: inline}
#home-middle div.home-featured div {width: 388px; color: #fff; padding: 0px 20px; text-align: center; margin: 5px auto}
#home-middle img {width: 100%; border: 0px; padding: 0px}
#home-right {width: 238px; height: 343px; float: left; padding: 5px; border: 1px solid #4e3227}
#home-right img {width: 100%; border: 0px; padding: 0px}
#home-left {width: 238px; height: 343px; float: left; padding: 5px; border: 1px solid #4e3227; margin-bottom: 5px}
#content_home #home-left img{ width: 100%; border: 0px; padding: 0px; margin: 0px}
#content_home h1 {margin: 0; padding: 0; line-height: 0; display: none}
#home-main-body #cms_content img {border: 0px; padding: 0px}
#home-bottom-row {width: 950px; padding: 0}
.home-bottom-button {float: left; margin: 0 5px 0 0; height: 75px}
.home-bottom-button a {margin: 0; padding: 0}
#featured_rental_picture {width: 428px; height: 267px; overflow: hidden}
/* ONE System Overlay CSS Boston Logic Technology Partners Inc. */ #RB_overlay {position: absolute; z-index: 100; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; min-height: 100%; background-color: #000; opacity: .6; filter: alpha(opacity=60)}
#RB_redbox {width: 100%; position: absolute; top: 0; /* IE Centering and Z-Index */ z-index: 100; left: 0px; /new/ right: 0px; /new/ }
#RB_window {position: fixed; left: 0; top: 50px; width: 100%; z-index: 102; line-height: 0}
/* fixes bug in IE 6+7 where fixed positoning doesn't work */ #RB_window {* position: absolute}
#RB_loading {margin: 0 auto 0 auto; width: 250px; height: 250px; text-align: center; background: #fff url(/images/redbox/spinner.gif) no-repeat center center}
/* ONE System Modal CSS Boston Logic Technology Partners Inc. */ /* ======================================= GLOBAL MODAL STYLES ======================================= */ .modal {width: 500px; padding: 15px; font-family: arial, verdana, sans-serif; background-color:#fff; text-align: left; line-height: normal}
h1 {/*border-bottom: 1px dashed;*/ }
.modal h1, .modal h2 {clear: both; padding: 10px 0; margin: 10px 0; font-size: 12pt; line-height: 1em}
.modal h2 {padding: 0; margin: 0}
.modal h3 {margin: 10px 0; padding-top: 10px; font-size: 11pt; line-height: 1em; border-top: 1px dotted}
.modal h3 span {display: block; font-weight: normal; font-size: .8em}
.modal p {margin: 6px 0}
.modal table {margin: 10px 0 !important}
.modal table td {padding: 2px; text-align: left; vertical-align: top; border: none}
.modal th {color: #000}
.modal table td input, .modal table td select {vertical-align: middle}
.modal table th {border: none; padding: 2px; text-align: left; vertical-align: top; background: none}
/* ======================================= MODAL FORMS ======================================= */ .modal form {margin: 0}
.modal input, .modal select, .modal textarea {font-family: arial, verdana, sans-serif}
.modal textarea {width: 98%}
/* .modal .button {font-family: arial, verdana, sans-serif; font-size: 14px; color: #fff; font-weight: 900; text-transform: uppercase; border: 1px solid #000; background: #de7700}
*/ .modal .back {text-align: right; font-size: 11px}
/* ======================================= MODAL ERRORS & ALERTS ======================================= */ #errorExplanation {margin-top: 10px}
#modal_login_form_errors {clear: both}
.modal .required {font-size: 11px; color: red}
.modal .accepted {color: green}
.modal .alert {color: #FF0000}
.modal .errorExplanation h2 {margin: 0 0 10px 0; font-size: 10pt !important}
.modal .errorExplanation ul li {line-height: normal}
/* ======================================= MODAL PRINT ======================================= */ .modal #logo-print {display: none}
.modal #logo-print img {border: none}
/* ======================================= CALENDAR FIX ======================================= */ div.calendar_date_select {position: fixed !important; *position: absolute !important}
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0}
#lightbox a img{ border: none}
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto}
#imageContainer{ padding: 10px}
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0}
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(/images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(/images/lightbox/prevlabel.gif) left 15% no-repeat}
#nextLink:hover, #nextLink:visited:hover {background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat}
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% }
#imageData{ padding:0 10px; color: #666}
#imageData #imageDetails{ width: 70%; float: left; text-align: left}
#imageData #caption{ font-weight: bold}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em}
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000}
.calendar_date_select {color:white; border:#777 1px solid; display:block; width:195px; z-index: 1000}
/* this is a fun ie6 hack to get drop downs to stay behind the popup window. This should always be just underneath .calendar_date_select */ iframe.ie6_blocker {position: absolute; z-index: 999}
.calendar_date_select thead th {font-weight:bold; background-color: #aaa; border-top:1px solid #777; border-bottom:1px solid #777; color: white !important}
.calendar_date_select .cds_buttons {text-align:center; padding:5px 0px; background-color: #555}
.calendar_date_select .cds_footer {background-color: black; padding:3px; font-size:12px; text-align:center}
.calendar_date_select table {margin: 0px; padding: 0px}
.calendar_date_select .cds_header {background-color: #ccc; border-bottom: 2px solid #aaa; text-align:center}
.calendar_date_select .cds_header span {font-size:15px; color: black; font-weight: bold}
.calendar_date_select select {font-size:11px;}
.calendar_date_select .cds_header a:hover {color: white}
.calendar_date_select .cds_header a {width:22px; height:20px; text-decoration: none; font-size:14px; color:black !important}
.calendar_date_select .cds_header a.prev {float:left}
.calendar_date_select .cds_header a.next {float:right}
.calendar_date_select .cds_header a.close {float:right; display:none}
.calendar_date_select .cds_header select.month {width:90px}
.calendar_date_select .cds_header select.year {width:61px}
.calendar_date_select .cds_buttons a {color: white; font-size: 9px}
.calendar_date_select td {font-size:12px; width: 24px; height: 21px; text-align:center; vertical-align: middle; background-color: #fff}
.calendar_date_select td.weekend {background-color: #eee; border-left:1px solid #ddd; border-right:1px solid #ddd}
.calendar_date_select td div {color: #000}
.calendar_date_select td div.other {color: #ccc}
.calendar_date_select td.selected div {color:white}
.calendar_date_select tbody td {border-bottom: 1px solid #ddd}
.calendar_date_select td.selected {background-color:#777}
.calendar_date_select td:hover {background-color:#ccc}
.calendar_date_select td.today {border: 1px dashed #999}
.calendar_date_select td.disabled div {color: #e6e6e6}
.fieldWithErrors .calendar_date_select {border: 2px solid red}
/* ONE System Tab Panel CSS Boston Logic Technology Partners Inc. ------------------------------------------------------ TabPanel Magic Style Sheet by Project Seven Development www.projectseven.com Style Theme: 04 - Oceanic - No Box Style ------------------------------------------------------ */ .p7TPpanel {}
.p7TPwrapper {padding: 0}
.p7TPheader {padding: 0}
.p7TP_tabs {padding: 0; font-size: 9pt}
#p7TP1 .p7TP_tabs a, #p7TP2 .p7TP_tabs a, #p7TP3 .p7TP_tabs a, #p7TP4 .p7TP_tabs a, #p7TP5 .p7TP_tabs a {display: block; float: left; padding: 5px 6px; color: #4e3227; text-decoration: none; border: 1px solid #b6ca8f; border-bottom: 0; background-color:#e7eed9}
#p7TP1 .p7TP_tabs a:focus, #p7TP2 .p7TP_tabs a:focus, #p7TP3 .p7TP_tabs a:focus, #p7TP4 .p7TP_tabs a:focus, #p7TP5 .p7TP_tabs a:focus {outline: 1px dotted; outline-color: #CCCCCC}
#p7TP1 .p7TP_tabs a:hover, #p7TP2 .p7TP_tabs a:hover, #p7TP3 .p7TP_tabs a:hover, #p7TP4 .p7TP_tabs a:hover, #p7TP5 .p7TP_tabs a:hover, #p7TP1 .p7TP_tabs a:active, #p7TP2 .p7TP_tabs a:active, #p7TP3 .p7TP_tabs a:active, #p7TP4 .p7TP_tabs a:active, #p7TP5 .p7TP_tabs a:active {text-decoration:underline}
.p7TP_tabs div {display: block; float: left; margin: 0 -1px 0 0}
.p7TPclear {clear: both; height: 0; font-size: 0; line-height: 0}
.p7TPcontent {position: relative; z-index: 1; top: -1px; left: 0; padding: 10px; font-size: 0.95em; line-height: 1.5em; color: #333333; border: 1px solid #b6ca8f; background-color: #FFFFFF}
.p7TPcontent h2, .p7TPcontent h3, .p7TPcontent h4 {margin: 10px 0 5px 0; font-size: 1.1em; color: #4e3227; line-height: normal}
.p7TPcontent p {margin: 6px 0 12px 0}
#p7TP1 .p7TP_tabs div.down, #p7TP2 .p7TP_tabs div.down, #p7TP3 .p7TP_tabs div.down, #p7TP4 .p7TP_tabs div.down, #p7TP5 .p7TP_tabs div.down {position: relative; z-index: 2; padding: 0}
#p7TP1 .p7TP_tabs div.down a, #p7TP2 .p7TP_tabs div.down a, #p7TP3 .p7TP_tabs div.down a, #p7TP4 .p7TP_tabs div.down a, #p7TP5 .p7TP_tabs div.down a {color: #4e3227 !important; cursor: default; outline: none; background-color:#fff}
#p7tpc1_1 th {text-align:left}
/* Hides the tabs */ .p7TP_tabs {/*display: none;*/ }