body { margin: 0px; padding: 0px; text-align: center; font-size: 14px; color: #666; font-family: Arial,Helvetica,sans-serif; background-color: #e9e9e9; }
a { color: #007698; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: none; }
h1 { color: #333; font-size: 19px; margin-top: 0px; }
h1 span { color: #819235; }
h2 { color: #333; font-size: 16px; }
h3 { color: #777; font-size: 11px; }
textarea { font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
/* Main content wrapper */
div.wrapper { width: 950px; margin: 0px auto; padding: 0px 10px; text-align: left; }
/* Header area */
#header, #header div.wrapper { background: #fff url(../images/header_bg.gif) repeat-x left top; }
#header div.wrapper { height: 63px; }
#logo { float: left; display: inline; margin-top: 16px; }
#utility-holder { float: right; width: 500px; }
#utility { float: right; }
#welcome { float: left; width: 200px; text-align:right; margin: 31px 100px 0px 0px; color: #333; }
#nav-personal { float: right; margin: 31px 0px 16px 0px; padding: 0px; list-style: none; white-space: nowrap; font-weight: bold; line-height: 16px; }
#nav-personal li { display: inline; margin: 0px; padding: 0px 5px; list-style: none; border-left: 2px solid #c7c7c7; }
#nav-personal li a { color: #819235; text-decoration: underline; }
#nav-personal li a:hover, #nav-personal li.current a { color: #666; }
#nav-personal li.current a { text-decoration: none; }
#nav-personal li:first-child { border-left: none; }
a.logout { font-size: 10px; }
#navbar { overflow: visible; clear: both; height: 32px; margin-bottom: 11px; font-size: 16px; line-height: 32px; background-color: #007698; }
#navbar div.wrapper { overflow: visible; padding-bottom: 11px; }
#nav-main { overflow: visible; float: left; margin: 0px; padding: 0px; list-style: none; }
#nav-main li { float: left; height: 32px; margin: 0px; padding: 0px 0px 6px 0px; list-style: none; }
#nav-main li a { display: block; padding: 0px 15px; color: #fff; border-right: 1px solid #005f7b; background: url(../images/nav_main_bg.gif) repeat-x; }
#nav-main li:first-child a { border-left: 1px solid #005f7b; }
#nav-main li a:hover, #nav-main li.current a { text-decoration: none; background: url(../images/nav_main_bg_o.gif) repeat-x; }
#nav-main li.current { background: url(../images/nav_arrow.png) no-repeat center bottom; }
#nav-main li.current a { font-weight: bold; }
#printpage { float: right; text-transform: lowercase; font-size: 12px; }
#printpage a { display: block; padding-left: 20px; color: #fff; text-decoration: underline; background: url(../images/icon_print.png) no-repeat left 10px; }
#header-signin { width: 395px; float: right; margin: 14px 0px 0px 0px; padding: 0px; font-size: 12px; }
#header-signin input.text { width: 140px; margin-right: 10px; font-style: italic; color: #666; }
#header-signin input.check { float: left; margin: 0px 4px 0px 0px; padding: 0px; }
#header-signin input.button { float: right; margin: 0px; }
#header-signin div.stay { margin-top: 4px; }
#header-signin div.signup { float: right; }
#header-signin input.filled { font-style: normal; color: #333; }
/* Search area */
#searchbar { margin: -11px 0px 11px 0px; border-bottom: 1px solid #ffcf9e; border-top: 1px solid #ffcf9e; background-color: #fff2e4; }
#searchbar div.wrapper { height: 50px; padding-top: 10px; }
#searchbar div.search-block { float: left; margin-right: 15px; }
#searchbar label { display: block; color: #333; line-height: 16px; font-weight: bold; font-size: 12px; }
#searchbar input.text, #searchbar select { margin: 4px 0px 0px 0px; line-height: 14px; border: 1px solid #bbb; background-color: #fff; font-size: 14px; }
#searchbar input.text { padding: 1px; font-style: italic; color: #666; }
#search-main { width: 286px; }
#search-main label { float: left; padding-left: 20px; font-size: 16px; background: url(../images/home_icon_search.gif) no-repeat left center; }
#search-main a.search-toggle-mls, #search-main a.search-toggle-location { float: right; font-size: 11px; text-decoration: underline; }
#search-main input { clear: both; float: left; width: 286px; }
#search-price input { width: 100px; }
#search-find { padding-top: 16px; }
#searchbar div.search-block input.filled { font-style: normal; color: #333; }
#search-mls { display: none; }
/* Content area */
#content { margin-top: -11px; background-color: #fff; }
#content div.wrapper { padding: 10px 10px; }
ul.plain { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; list-style: none; }
ul.plain li { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; list-style: none; }
div.height-fixer { clear: both; font-size: 1px; line-height: 1px; }
div.column { clear: none; float: left; width: 455px; }
div.column-wide { clear: none; float: left; width: 520px; padding-right: 18px; }
div.column-narrow { clear: none; float: left; width: 412px; }
div.left { margin-right: 25px; }
dl { margin: 0px; padding: 0px; font-size: 12px; }
dt { float: left; clear: left; width: 200px; margin: 0px; padding: 0px 8px 8px 0px; }
dd { display: block; margin: 0px; padding: 0px 8px 8px 0px; font-weight: bold; }
h2.pointer-header { padding-left: 25px; padding-bottom: 12px; font-weight: bold; }
div.pointer { height: 95px; margin-bottom: 8px; }
div.pointer div.outer { padding-left: 25px; background: url(../images/pointer_left.gif) no-repeat left center; }
div.pointer div.inner { width: 320px; height: 93px; border: 1px solid #ccc; border-left: none; }
div.pointer div.options { float: left; width: 80px; margin-top: 30px; text-align: center; color: #333; }
div.pointer div.options div.total { font-size: 20px; font-weight: bold; line-height: 1em; }
div.pointer div.options a.view-all { font-size: 12px; line-height: 1em; color: #333; text-decoration: underline; }
div.pointer ul { float: left; margin: 7px 0px 0px 0px; padding: 0px; list-style: none; }
div.pointer li { margin: 0px; padding: 0px; list-style: none; }
a.plain-link { font-weight: normal; text-decoration: underline; }
/* Message box display */
#messages div { margin-bottom: 5px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; font-size: 16px; color: #333; }
#messages div.error { padding: 5px 5px 5px 26px; border: 1px solid #da9090; background: #ffe7f0 url(../images/icon_exclamation.png) no-repeat 5px 6px; }
#messages div.success { padding: 5px 5px 5px 26px; border: 1px solid #afda90; background: #e1f0d9 url(../images/icon_accept.png) no-repeat 5px 6px; }
#messages div.warning { padding: 5px 5px 5px 26px; border: 1px solid #e6e402; background: #ffffe5 url(../images/icon_warning.png) no-repeat 5px 6px; }
#messages div.neutral { padding: 5px; border: 1px solid #ccc; background-color: #eee; }
/* Pagination navigation */
div.nav-pagination { float: right; border: 1px solid #ccc; line-height: 23px; font-size: 12px; color: #666; background-color: #fff; }
div.nav-pagination img.previous { float: left; padding-right: 5px; }
div.nav-pagination img.next { float: left; padding-left: 5px; }
div.nav-pagination div.pages { float: left; }
div.nav-pagination a { font-weight: bold; }
div.nav-pagination span.current { padding: 0px; color: #333; font-weight: bold; }
/* Standard form display */
form { margin: 0px; padding: 0px; }
fieldset { clear: both; margin: 0px 0px 10px 0px; padding: 0px; border: none; }
legend { display: block; margin: 0px; padding: 0px; color: #666; font-size: 12px; }
fieldset p { clear: both; margin: 5px 0px; }
div.fieldholder { clear: both; margin: 0px; padding: 5px 0px; color: #333; }
div.fieldholder label { float: left; width: 165px; padding: 4px 5px 0px 0px; font-size: 12px; line-height: 16px; }
div.fieldholder input.text, div.fieldholder textarea { float: left; width: 230px; margin: 0px 5px 0px 0px; padding: 1px; font-size: 12px; line-height: 14px; border: 1px solid #bbb; background-color: #fff; font-size: 14px; }
div.fieldholder input.check, div.fieldholder input.radio, div.fieldholder select { float: left; margin-left: 0px; margin-right: 5px; font-size: 12px; }
div.fieldholder input.short { width: 120px; }
div.fieldholder input.wide, div.fieldholder textarea.wide { width: 650px; }
div.fieldholder div.note { float: left; width: 350px; font-size: 12px; line-height: 12px; color: #999; }
div.label-right { margin-left: 185px; }
div.label-right label { width: 200px; }
div.fieldholder label.label-right { width: 380px; }
div.fieldholder input.error, div.fieldholder select.error, div.fieldholder textarea.error { border: 1px solid #c00; background-color: #fee; }
fieldset.column { clear: none; float: left; width: 459px; }
fieldset.column div.note { width: 210px; }
fieldset.left { padding-right: 32px; }
fieldset.column input.wide, fieldset.column textarea.wide { width: 400px; }
div.fieldset-box { margin-bottom: 28px; border: 1px solid #b8c484; }
div.fieldset-box fieldset.column { clear: none; float: left; width: 458px; }
div.fieldset-box h2 { margin: 0px; padding: 6px 7px; font-size: 16px; line-height: 16px; color: #333; font-weight: bold; border-bottom: 1px dotted #b8c484; background-color: #eff2e3; }
div.fieldset-box h2 span { padding-left: 20px; font-size: 16px; }
div.fieldset-box h2 span.info { background: url(../images/icon_clipboard.png) no-repeat left center; }
div.fieldset-box h2 span.profile { background: url(../images/icon_profile.png) no-repeat left center; }
div.fieldset-box h2 span.notes { background: url(../images/icon_note.png) no-repeat left center; }
div.fieldset-box h2 span.folder { background: url(../images/icon_folder.png) no-repeat left center; }
div.fieldset-box h2 span.contact { background: url(../images/icon_contact.png) no-repeat left center; }
div.fieldset-box h2 span.property { background: url(../images/icon_house.png) no-repeat left center; }
div.fieldset-box h2 span.disclaimer { background: url(../images/icon_disclaimer.png) no-repeat left center; }
div.fieldset-box h2 span.newsletter { background: url(../images/icon_newsletter.png) no-repeat left center; }
div.fieldset-box h2 span.feed { background: url(../images/icon_feed.png) no-repeat left center; }
div.fieldset-box h2 span.search { background: url(../images/icon_mag.png) no-repeat left center; }
div.fieldset-box h2 span.money { background: url(../images/icon_dollar.png) no-repeat left center; }
div.fieldset-box h2.cyberhomes { line-height: 25px; }
div.fieldset-box h2.cyberhomes img { float: right; }
div.fieldset-box h2 a.button { float: right; margin-top: -3px; margin-right: 0px; }
div.fieldset-box h3 { margin: -1px 0px 0px 0px; padding: 6px 5px; font-size: 14px; line-height: 14px; color: #819235; font-weight: bold; border-top: 1px solid #ccc; border-bottom: 1px dotted #b8c484; background-color: #eef1e1; }
div.fieldset-box div.inner { padding: 12px 16px; }
div.fieldset-box div.inner h3 { clear: both; margin: 0px; padding: 15px 0px 3px 0px; line-height: auto; color: #333; border: none; background: none; }
div.fieldset-box div.divider { clear: both; padding: 10px 0px; border-top: 1px dotted #ccc; }
div.fieldset-box span.highlight { color: #819235; font-weight: bold; } 
div.fieldset-alt { border: 1px solid #ccc; }
div.fieldset-alt h2 { color: #333; font-size: 14px; border-bottom: 1px dotted #ccc; background: url(../images/fieldset_header_bg.gif) repeat-x left bottom; }
div.fieldset-highlight { border: 1px solid #add8e4; background-color: #ebf4f7; }
div.fieldset-highlight h2 { border-bottom: 1px dotted #add8e4; background-color: #d3e4ea; }
div.fieldset-small { font-size: 12px; }
div.dialog { display: none; text-align: left; }
/* Standard list table */
table.list tr { background-color: #fff; }
table.list tr.odd { background-color: #f7f7f7; }
table.list tr td.selected { background-color: #efe; }
table.list tr.odd td.selected { background-color: #ded; }
table.list th { padding: 3px 8px; background-color: #f6f6f6; text-align: left; font-size: 13px; line-height: 15px; color: #333; border-left: 1px solid #ccc; border-bottom: 1px dotted #ccc; }
table.list th:first-child { border-left: none; }
table.list th.inline { border-top: 1px dotted #ccc; }
table.list td { padding: 6px 8px; font-size: 12px; color: #646464; line-height: 16px; border-bottom: 1px dotted #ccc; }
div.fieldset-box table.list tr:last-child td { border-bottom: none; }
table.list th span.sort { display: block; padding-right: 24px; cursor: pointer; }
table.list th span.default { background: url(../images/icon_sort_default.png) no-repeat right; }
table.list th span.asc { background: url(../images/icon_sort_asc.png) no-repeat right; }
table.list th span.desc { background: url(../images/icon_sort_desc.png) no-repeat right; }
/* Search results display */
div.property-list { border: none; font-size: 12px; }
div.property-list h1 { margin-bottom: 5px; font-size: 14px; line-height: 25px; }
div.property-list h1 span { font-weight: normal; font-size: 11px; color: #333; }
div.pagination-header { height: 25px; margin-top: -30px; }
table.sl-properties { margin: 5px 0px; border-top: 1px dotted #ccc; }
tr.sl-property td { padding: 8px 0px 8px 5px; border-bottom: 1px dotted #ccc; }
tr.sl-property td.list-position { padding-left: 0px; }
tr.sl-property td.list-position div { border: 1px solid #dfe4c6; background-color: #819235; line-height: 28px; text-align: center; font-size: 14px; font-weight: bold; color: #fff; }
tr.sl-property td.sl-photo img { border: 1px solid #ccc; }
tr.sl-property td.sl-photo img.agent-photo { border: none; }
tr.sl-property h2 { margin: 0px; padding: 0px; line-height: 16px; font-size: 14px; border: none; font-weight: normal; }
tr.sl-property h2 a { display: block; padding: 6px 45px 6px 5px; color: #333; background: #dfe4c7 url(../images/header_curve_bg.png) no-repeat 280px top; }
tr.sl-property h2 a.wide-list { padding-right: 520px; background: #dfe4c7 url(../images/header_curve_wide_bg.png) no-repeat 280px top; }
tr.sl-property h2 a:hover, tr.sl-property h2 a.over { color: #007698; background-color: #e5f1f4; }
table.sl-details th { padding: 5px; font-size: 12px; line-height: 12px; color: #333; text-align: left; background-color: #f4f6ec; }
table.sl-details td { padding: 10px 5px; font-size: 14px; line-height: 14px; color: #333; border: none; }
table.sl-details strong.sl-price { color: #819235; }
/* Search details display */
div.property { margin-bottom: 28px; border: none; border-bottom: 1px dotted #ccc; font-size: 12px; }
div.property h1 { margin: 0px; padding: 0px; border: none; font-size: 16px; line-height: 30px; background: #dfe4c7 url(../images/header_curve_bg.png) no-repeat right top; }
div.property h1 span.left { float: left; padding: 0px 0px 0px 7px; font-weight: normal; color: #333; }
div.property h1 span.right { float: right; width: 143px; padding-right: 7px; text-align: right; }
div.property-info-bar { clear: both; padding: 0px 0px 0px 7px; color: #333; line-height: 30px; border-bottom: 1px dotted #ccc; background-color: #f4f6ec; }
div.property-info-bar span.mls { float: right; margin: 0px 7px 0px 0px; }
/* Thumbnail slider display */
div.property-slideshow { padding: 5px 0px 10px 0px; }
div.property-slideshow div.thumb-holder { float: left; }
div.slide-left { float: left; width: 48px; margin-right: 6px; }
div.slide-right { float: right; width: 48px; margin-left: 6px; }
div.slide-left img, div.slide-right img { margin-top: 340px; cursor: pointer; }
div.photos-holder { float: left; width: 400px; padding: 5px; background-color: #e8e8e8; }
div.photos-holder img.photo-current { border: 1px solid #999; }
div.slider { float: left; width: 400px; height: 98px; margin-top: 5px; overflow: hidden; }
div.slider-inner { margin-left: 0px; width: 405px; font-size: 12px; }
div.slider-inner div.thumb-holder { float: left; width: 130px; margin-right: 5px;  }
div.slider-inner img { float: left; border: 1px solid #999; cursor: pointer; }
div.slider-inner img.current { border: 1px solid #819235; }
div.recent-slider { display: none; margin-bottom: 28px; border: 1px solid #ccc; background-color: #f7f7f7; }
div.recent-slider h2 { margin: 0px; padding: 6px 0px; line-height: 16px; font-weight: bold; text-align: center; font-size: 14px; color: #333; border-bottom: 1px solid dotted #ccc; background-color: #eee; }
div.recent-slider h2 img { width: auto; margin-top: -1px; }
div.recent-slider h2 img.slide-left { float: left; width: auto; margin-left: 50px; cursor: pointer; }
div.recent-slider h2 img.slide-right { float: right; width: auto; margin-right: 50px; cursor: pointer; }
div.recent-slider div.slider { height: 150px; margin: 5px; }
div.recent-slider div.thumb-holder a { color: #666; display: block; }
div.recent-slider div.thumb-holder a:hover { text-decoration: none; }
div.recent-slider div.thumb-holder img { margin-bottom: 5px; }
div.recent-slider div.thumb-holder span { font-weight: bold; color: #819235; }
/* Map display */
#map-canvas { width: 410px; height: 330px; margin-bottom: 28px; border: 1px solid #ccc; }
div.map-icon { width: 38px; height: 33px; font-size: 14px; font-weight: bold; background: url(../images/icon_map_bubble.png) no-repeat left top; }
div.map-icon div { width: 34px; height: 22px; text-align: center; line-height: 22px; }
div.map-icon div a, #VELayerListDiv a { color: #fff; }
div.map-icon div a:hover { text-decoration: none; border: none; }
div.map-icon-over { background: url(../images/icon_map_bubble_o.png) no-repeat left top; }
div.button-contact { clear: both; float: left; margin-top: 10px; font-size: 12px; background: url(../images/button_contact_right_bg.gif) no-repeat right top; }
div.button-contact a { display: block; padding: 0px 15px 0px 30px; line-height: 29px; white-space: nowrap; color: #fff; font-weight: bold; background: url(../images/button_contact_left_bg.gif) no-repeat left top; }
#MSVE_obliqueNotification { visibility: hidden; }
/* Agent info display */
div.agent-box div.inner { padding: 5px; font-size: 12px; }
div.agent-box div.inner img.agent-photo { float: left; padding-right: 10px; }
div.agent-box div.inner div.agent-info { float: left; width: 289px; }
div.agent-box div.inner img.agent-logo { float: right; padding: 0px 0px 5px 10px; }
div.agent-box div.inner h3 { clear: none; margin: 0px; padding: 0px; color: #333; font-weight: bold; font-size: 16px; }
a.agent-email { display: block; padding-left: 20px; line-height: 18px; background: url(../images/icon_email.gif) no-repeat left center; }
a.agent-website { display: block; padding-left: 20px; line-height: 18px; background: url(../images/icon_web.gif) no-repeat left center; }
div.agent-phone { display: block; padding-left: 20px; line-height: 18px; background: url(../images/icon_phone.gif) no-repeat left center; }
div.agents-holder { width: 400px; height: 190px; }
div.agent-holder { display: none; }
div.agents-slider { width: 400px; height: 72px; margin-top: 10px; padding-top: 5px; border-top: 1px dotted #add8e4; }
div.agents-slide-left { float: left; width: 30px; margin: 27px 5px 0px 0px; }
div.agents-slide-right { float: left; width: 30px; margin: 27px 0px 0px 5px; }
div.agents-slider-holder { float: left; width: 330px; height: 72px; overflow: hidden; }
div.agents-slider-inner { width: 344px; height: 72px; }
div.agent-thumb-holder { float: left; width: 70px; height: 70px; margin-right: 14px; border: 1px solid #999; overflow: hidden; }
div.agent-box div.inner div.current { border: 1px solid #819235; }
div.agent-thumb-holder img.agent-photo { padding: 0px; }
div.agent-shadow { float: left; margin-bottom: -70px; height: 70px; width: 70px; background-color: #fff; opacity: .50; filter:Alpha(Opacity=50); }
div.agent-badge { position: absolute; z-index: 100; width: 90px; height: 90px; margin-left: 245px; }
div.agent-badge-admin { float: right; width:90px; height:90px; margin-bottom: -90px; }
/* Contacts list display */
div.contacts-holder { clear: both; height: 526px; background-color: #EBF4F7; color: #333; }
div.contacts-header { height: 32px; padding: 0px 1px 0px 21px; line-height: 32px; }
div.contacts-header div { float: left; padding: 0px 8px; }
div.contact-details { display: none; }
table.list td.contact-view { width: 10px; padding-right: 2px; }
table.list td.contact-view a { display: block; width: 10px; }
table.list td.contact-view a:hover { text-decoration: none; }
table.list td.contact-phone { white-space: nowrap; }
table.list td.contact-status { width: 65px; }
table.list td.contact-options { width: 45px; padding-right: 15px; }
table.list tr.new { background-color: #ffd; }
table.list tr.new td { padding-top: 26px; }
table.list tr.new td h2 { margin: -20px 0px 0px 0px; font-weight: bold; color: #333; line-height: 16px; font-size: 14px; }
table.list tr.new div.fieldholder label { width: 60px; }
table.list tr.new td.div.fieldholder label { width: 60px; }
table.list tr.new div.fieldholder input.text, table.list tr.new div.fieldholder textarea { width: 140px; }
a.edit-link { margin: 2px 10px 0px 0px; float: left; }
a.delete-link { float: left; }
a.view-up { background: url(../images/button_arrow_up.gif) no-repeat center center; }
a.view-down { background: url(../images/button_arrow_down.gif) no-repeat center center; }
/* Contacts alphabet navigation */
ul.nav-alpha { display: none; float: left; width: 20px; height: 494px; margin: 0px; padding: 0px; list-style: none; font-size: 12px; line-height: 19px; color: #999; text-align: center; }
ul.nav-alpha li { width: 20px; height: 19px; margin: 0px; padding: 0px; list-style: none; }
ul.nav-alpha a { display: block; width: 20px; height: 19px; text-decoration: underline; font-weight: bold; }
ul.nav-alpha a.current { color: #666; text-decoration: none; border: 1px solid #ccc; border-right: none; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; background-color: #eee; }
div.table-list-holder { float: right; width: 928px; height: 492px; border: 1px solid #ccc; overflow-x: hidden; overflow-y: scroll; }
div.table-list-holder table.list thead { display: none; }
div.dialog div.table-list-holder { float: none; width: 100%; height: 200px; }
/* Button Links */
div.button-holder { height: 22px; margin-bottom: 25px; }
a.button { float: left; margin-right: 8px; padding: 3px 8px; line-height: 14px; font-size: 12px; font-weight: bold; text-align: center; border: 1px solid #919394; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(../images/button_bg.png) repeat-x left center; }
a.button:hover { color: #666; text-decoration: none; }
/* Button Navigation */
ul.nav-buttons { height: 24px; margin: 0px 0px 23px 0px; padding: 0px; list-style: none; line-height: 14px; font-size: 12px; font-weight: bold; text-align: center; }
ul.nav-buttons li { float: left; margin: 0px; padding: 0px; list-style: none; }
ul.nav-buttons a { display: block; margin: 0px 8px 2px 0px; padding: 3px 8px; border: 1px solid #919394; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(../images/button_bg.png) repeat-x left center; }
ul.nav-buttons a:hover { color: #666; text-decoration: none; }
ul.nav-buttons a span.arrow-down { padding-right: 15px; background: url(../images/button_arrow_down.gif) no-repeat right center; }
ul.nav-buttons a:hover span.arrow-down { background-image: url(../images/button_arrow_down_o.gif); }
ul.nav-buttons a span.arrow-up { padding-right: 15px; background: url(../images/button_arrow_up.gif) no-repeat right center; color: #666; text-decoration: none; }
ul.nav-buttons a span.arrow-right { padding-right: 15px; background: url(../images/button_arrow_right.gif) no-repeat right center; }
ul.nav-buttons a:hover span.arrow-right { background-image: url(../images/button_arrow_right_o.gif); }
ul.nav-buttons a span.arrow-left { padding-right: 15px; background: url(../images/button_arrow_left.gif) no-repeat right center; color: #666; text-decoration: none; }
ul.nav-buttons-sub { margin: 0px; padding: 0px; list-style: none; line-height: 16px; font-size: 14px; font-weight: bold; white-space: nowrap; }
ul.nav-buttons-sub li { margin: 0px; padding: 0px; list-style: none; }
ul.nav-buttons-sub li a { display: block; padding: 6px 10px; color: #666; border-top: 1px dashed #94A545; }
ul.nav-buttons-sub li.csv a { padding-left: 30px; background: url(../images/icon_addressbook.png) no-repeat 7px center; }
ul.nav-buttons-sub li.webmail a { padding-left: 30px; background: url(../images/icon_webmail.png) no-repeat 7px center; }
ul.nav-buttons-sub li:first-child a { border-top: none; }
ul.nav-buttons-sub li a:hover { color: #007698; background-color: #F4F6EC; text-decoration: none; }
ul.nav-buttons-sub span { font-weight: normal; }
ul.nav-buttons-sub li a:hover span { color: #666; }
div.total-added { margin-bottom: 5px; }
div.full div.inner { padding: 0px; }
div.shadow-box { position: absolute; margin: 4px 0px 0px 4px; background-color: #000; }
#sub-imports { position: absolute; display: none; width: 200px; margin-top: -23px; }
#newlist { float: right; width: 430px; margin: -75px 113px 0px 0px; }
#contacts-status a { padding-left: 16px; border: 1px solid transparent; }
#status-link-hot { background: url(../images/icon_bullet_red.png) no-repeat left center; }
#status-link-active { background: url(../images/icon_bullet_yellow.png) no-repeat left center; }
#status-link-inactive { background: url(../images/icon_bullet_gray.png) no-repeat left center; }
#contacts-status a.selected { font-weight: bold; }
td.contact-status span.Hot { padding-left: 16px; background: url(../images/icon_bullet_red.png) no-repeat left center; }
td.contact-status span.Active { padding-left: 16px; background: url(../images/icon_bullet_yellow.png) no-repeat left center; }
td.contact-status span.Inactive { padding-left: 16px; background: url(../images/icon_bullet_gray.png) no-repeat left center; }
/* Newsletter stuff */
#nav-steps { float: left; width: 274px; margin-bottom: 10px; }
#nav-steps h2 { float: left; margin: 0px; padding: 0px 4px 0px 0px; line-height: 21px; color: #666; font-size: 16px; font-weight: bold; }
#nav-steps ul { float: left; width: 156px; margin: 0px; padding: 0px; list-style: none; }
#nav-steps li { float: left; margin: 0px 2px; padding: 0px; list-style: none; text-align: center; font-size: 16px; font-weight: bold; line-height: 19px; width: 19px; border: 1px solid #ccc; background-color: #eee; color: #999; }
#nav-steps li a { display: block; color: #008eb8; }
#nav-steps li.current { border: 1px solid #007698; background-color: #008eb8; }
#nav-steps li.current a { color: #fff; }
div.steps-progress { float: right; width: 416px; margin-left: 260px; }
div.steps-progress span { float: left; padding-right: 8px; line-height: 22px; }
div.steps-progress a.later-link { line-height: 22px; font-size: 12px; text-decoration: underline; }
#layouts { clear: both; padding: 10px; border: 1px dashed #ccc; text-align: center; }
#layouts div.current img { border: 1px dashed #c00; }
div.layout { float: left; width: 150px; margin: 15px; }
div.layout h3 { font-size: 14px; }
div.layout img { display: block; clear: both; margin: 10px auto 0px auto; border: 1px solid #999; }
#step-holder { clear: both; padding-top: 10px; }
#step-actions { float: left; width: 266px; padding: 5px 0px 5px 5px; border: 1px solid #ffcf9e; background-color: #fff2e4; }
#step-actions h3 { margin: 0px; padding-right: 5px; font-size: 16px; color: #333; }
#step-actions .ui-slider-range { background-color: #e1d6c9; }
#step-actions div.message { display: none; margin: 5px 5px 0px 0px; padding: 5px; color: #333; font-weight: bold; background-color: #ffddba; }
#step-actions input.search { width: 180px; margin: 2px 0px 5px 0px; color: #999; font-style: italic; }
#step-actions input.filled { color: #333; font-style: normal; }
#step-display { float: left; width: 650px; margin: 0px 0px 20px 10px; padding: 14px 5px; border: 1px dashed #d6d6d6; }
#step-description { float: right; padding-bottom: 6px; }
#step-description a { font-size: 12px; text-decoration: underline; }
div.back-link { float: left; padding: 0px 10px; background: url(../images/button_arrow_left_blue.gif) no-repeat left 6px; }
div.back-link a { line-height: 22px; font-size: 12px; text-decoration: underline; }
#newsletter { clear: both; }
#newsletter input.nl { width: 95%; height: 24px; border: 1px solid #c00; color: #c00; font-style: italic; font-size: 18px; }
#newsletter input.filled { color: #333; font-style: normal; font-size: 18px; }
#newsletter textarea.nl { width: 95%; border: 1px solid #c00; color: #c00; font-style: italic; }
#newsletter textarea.filled { color: #333; font-style: normal; }
div.property-results { height: 720px; margin-top: 7px; overflow-x: hidden; overflow-y: scroll; }
div.property-result { float: left; width: 235px; margin-top: 10px; padding: 5px; font-size: 12px; color: #333; border: 1px solid transparent; }
div.property-result img { float: left; padding: 0px 5px 0px 0px; }
div.property-result span.listing-price { font-weight: bold; color: #690; }
div.property-drag { background-color: #fcf8f8; border: 1px dashed #c00; }
div.property-target { padding: 24px 24px 24px 114px; font-weight: bold; color: #c00; border: 1px dashed #c00; background: #fcf8f8 url(../images/newsletter_drag_arrow.gif) no-repeat 25px center; }
div.listing-delete { display: none; position: absolute; }
a.article-title { font-weight: bold; }
span.article-credit { color: #666; }
.nl-list-thumb img { border: 1px solid #999; }
div.not-sent { color: #c00; }
div.not-sent-pending { color: #cc0; }
div.page-note { font-size: 12px; font-style: italic; }
td.unsubscribe { border-left: 1px solid #ccc; }
/* Footer area */
#footer { clear: both; border-top: 1px solid #d6d6d6; font-size: 12px; color: #666; background: #fff url(../images/footer_bg.gif) repeat-x left bottom; }
#footer div.wrapper { height: 78px; padding: 10px 10px; background: #fff url(../images/footer_bg.gif) repeat-x left bottom; }
#copyright { float: left; padding-left: 118px; }
#nav-util { float: right; margin: 0px; padding: 0px 118px 0px 0px; list-style: none; white-space: nowrap; }
#nav-util li { display: inline; margin: 0px; padding: 0px 5px; list-style: none; border-left: 1px solid #666; }
#nav-util li:first-child { border-left: none; }
#nav-util li.current a { color: #666; }
#agent-footer { margin-bottom: 20px; text-align: center; font-size: 16px; font-weight: bold; }
#agent-footer span { display: inline; }
span.agent-footer-nav { padding-left: 20px; font-weight: normal; color: #666; }
/* Auto complete box display */
.ac_results { z-index: 99999; padding: 0px; overflow: hidden; border: 1px solid black; background-color: white; }
.ac_results ul { width: 100%; margin: 0; padding: 0; list-style-position: outside; list-style: none; }
/* 
	If width is set to 100%, horizontal scrollbar will appear when scroll mode will be used
	Very important: if line-height not set or set in relative units, scroll will be broken in firefox
*/
.ac_results li { display: block; margin: 0px; padding: 2px 5px; cursor: default; font-size: 10px; line-height: 12px; overflow: hidden; }
.ac_loading { background: #fff url(../images/indicator.gif) right center no-repeat; }
.ac_odd { background-color: #eee; }
.ac_over { background-color: #94a545; color: #fff; }
/* Brokerage landing page display */
#home-search { float: right; margin-top: 30px; margin-bottom: 20px; }
#home-search #searchbar { width: 480px; margin: 0px; padding: 10px; border: 1px solid #ffcf9e; }
#home-search #searchbar div.search-block { margin-bottom: 20px; }
#home-search #headline { margin-bottom: 10px; font-weight: bold; color: #333; font-size: 24px; margin-top: 0px; }
#home-photo { float: left; margin-bottom: 20px; }
#featured-listings { float: left; width: 410px; }
#featured-listings.manager { float: none; width: 948px; }
#featured-listings.manager div.slider { width: 940px; margin: 5px 4px; }
#featured-listings.manager div.slider-inner { margin-left: 0px; width: 945px; font-size: 12px; }
#real-estate-news { float: right; width: 500px; }
#real-estate-news div.slider { width: 490px; }
#real-estate-news div.slider-inner div.thumb-holder { float: left; width: 490px; margin-right: 5px;  }
#real-estate-news a.article-title { font-weight: bold; color: #007698; }
#real-estate-news span.article-credit { font-weight: normal; line-height: 24px; }
#real-estate-news span.article-summary { font-weight: normal; color: #666; }
#real-estate-news a.article-more { font-weight: normal; color: #007698; line-height: 24px; }
#disclaimers-holder { font-size: 12px; }
/* Agent page display */
div.agentpage-header { margin: 0px; padding: 10px 0px; border-bottom: 1px dotted #ccc;  }
div.agentpage-header h2 { float: left; width: 428px; margin: 0px; padding: 0px; color: #819235; font-size: 24px; }
div.agentpage-header h3 { float: left; width: 428px; margin: 0px; padding: 0px; font-size: 16px; }
div.agentpage-header img.agent-logo { float: right; padding: 0px 0px 5px 10px; }
div.agentpage-bio { margin: 0px; padding: 10px 0px; border-bottom: 1px dotted #ccc; }
div.agentpage-bio img.agent-photo { float: left; width: 100px; margin: 0px; padding: 0px 10px 0px 0px; }
div.agentpage-bio div.agentpage-bio-text { float: left; width: 392px; margin: 0px; padding: 0px; }
div.agentpage-info { margin: 0px; padding: 10px 0px; border-bottom: 1px dotted #ccc; }
div.agentpage-info div.agentpage-info-company { float: left; width: 241px; padding-right: 10px; }
div.agentpage-info div.agentpage-info-personal { float: left; width: 251px; }
div.agentpage-info a.agent-email { display: block; padding-left: 20px; line-height: 18px; background: url(../images/icon_email.gif) no-repeat left center; }
div.agentpage-info a.agent-website { display: block; padding-left: 20px; line-height: 18px; background: url(../images/icon_web.gif) no-repeat left center; }
div.agentpage-info div.agent-phone { display: block; padding-left: 20px; line-height: 18px; background: url(../images/icon_phone.gif) no-repeat left center; }
h2.agentpage-featureheader { margin: 0px 0px 10px 0px; padding: 10px 0px 5px 0px; border-bottom: 1px dotted #ccc; }
div.agentpage-property h1 span.left { width: 252px; }
/* Agent directory display */
#agent-search { margin-bottom: 5px; }
#agent-search span { float: right; margin-left: 15px; }
#agent-search input { float: right; margin-right: 5px; width: 115px; }
#agent-search select { float: right; margin-right: 5px; width: 115px; }
#agent-search a.button { float: right; margin-right: 0px; }
#agent-list-holder { min-height: 150px; }
#agent-list-holder table.sl-details td { font-size: 12px; line-height: 16px; }
/* Tabs */
div.ui-tabs { border: none; }
ul.ui-tabs-nav { height: 2em; margin: 20px 0px 10px 0px; border-bottom: 1px solid #ccc; }
ul.ui-tabs-nav li.ui-state-default, ul.ui-tabs-nav li.ui-tabs-selected { margin-right: 0px; font-size: 14px; background-color: #819235; border: 1px solid #eee; border-left: none; }
ul.ui-tabs-nav li.ui-state-default a { padding: 0px 12px; color: #fff; font-weight: bold; font-size: 14px; background-color: #819235; line-height: 22px; }
ul.ui-tabs-nav li.ui-tabs-selected a { margin-top: -8px; padding: 0px 12px; color: #fff; font-weight: bold; font-size: 14px; background-color: #007698; line-height: 30px; }
#step-holder ul.ui-tabs-nav { margin: 10px 0px 0px 0px; border-bottom: 1px solid #ffcf9e; }
#step-holder ul.ui-tabs-nav li.ui-state-default, ul.ui-tabs-nav li.ui-tabs-selected { background-color: #c4baaf; }
#step-holder ul.ui-tabs-nav li.ui-state-default a { background-color: #c4baaf; }
#step-holder ul.ui-tabs-nav li.ui-tabs-selected a { background-color: #928b83; }
/* Contacts 2.0 */
div.ui-tabs { border: none; }
ul.ui-tabs-nav { height: 2em; margin: 20px 0px 10px 0px; border-bottom: 1px solid #ccc; }
ul.ui-tabs-nav li.ui-state-default, ul.ui-tabs-nav li.ui-tabs-selected { margin-right: 0px; font-size: 14px; background-color: #819235; border: 1px solid #eee; border-left: none; }
ul.ui-tabs-nav li.ui-state-default a { padding: 0px 12px; color: #fff; font-weight: bold; font-size: 14px; background-color: #819235; line-height: 22px; }
ul.ui-tabs-nav li.ui-tabs-selected a { margin-top: -8px; padding: 0px 12px; color: #fff; font-weight: bold; font-size: 14px; background-color: #007698; line-height: 30px; }
#step-holder ul.ui-tabs-nav { margin: 10px 0px 0px 0px; border-bottom: 1px solid #ffcf9e; }
#step-holder ul.ui-tabs-nav li.ui-state-default, ul.ui-tabs-nav li.ui-tabs-selected { background-color: #c4baaf; }
#step-holder ul.ui-tabs-nav li.ui-state-default a { background-color: #c4baaf; }
#step-holder ul.ui-tabs-nav li.ui-tabs-selected a { background-color: #928b83; }
/* Contacts 2.0 */
ul.nav-buttons li a.add-to-list-link { border: 1px solid #c00; color: #c00; }
ul.nav-buttons li a.add-to-list-link span.arrow-down { padding-right: 24px; background: url(../images/contact_drag_arrow.png) no-repeat right center; }
ul.nav-buttons li a.add-to-list-link span.arrow-up { padding-right: 24px; }
ul.nav-buttons li a.highlight-link { border: 1px solid #c00; color: #c00; }
ul.nav-buttons li a.highlight-link span.arrow-down { padding-right: 24px; background: url(../images/contact_drag_arrow.png) no-repeat right center; }
ul.nav-buttons li a.highlight-link span.arrow-up { padding-right: 24px; }
div.info-box div.inner { position: absolute; padding: 0px; border: 1px solid #94A545; background-color: #fff; }
ul.nav-buttons-sub { font-size: 12px; }
ul.nav-buttons-sub li { float: none; text-align: left; background: none; }
ul.nav-buttons-sub li a { background: none; margin-right: 0px; border: none; border-top: 1px dashed #94A545; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
ul.nav-buttons-sub li.separator a { border-top: 2px solid #94A545; }
table.list tr.ui-draggable:hover td { padding-top: 5px; background-color: #d8e3a6; border: 1px dashed #c00; background-color: #fcf8f8; border-left: none; border-right: none; }
table.list tr.in-list { font-weight: bold; background-color: #EBF4F7; }
table.list tr.in-list-odd { font-weight: bold; background-color: #D3E4EA; }
table.ui-draggable-dragging, table.ui-draggable-dragging:hover { width: 620px; border: 1px dashed #c00; background-color: #fcf8f8; }
#list-holder.drophover div.fieldset-highlight, #recipients-holder.drophover div.fieldset-highlight, #lists-holder tr.drophover td, #group-holder.drophover div.fieldset-highlight, #groups-holder tr.drophover td , #campaign-holder.drophover div.fieldset-highlight, #campaigns-holder tr.drophover td { border-color: #819235; background-color: #d8e3a6; }
#list-holder.drophover div.fieldset-highlight h2, #recipients-holder.drophover div.fieldset-highlight h2, #group-holder.drophover div.fieldset-highlight h2 , #campaign-holder.drophover div.fieldset-highlight h2 { color: #fff; background-color: #8f9b59; }
#sub-options-contacts, #sub-options-agents { margin-left: -274px; }
#sub-add-to-list, #sub-add-to-group { margin-left: 0px; }
#sub-options-list, #sub-options-group { margin-left: -143px; }
