/*============================================================================== I AM UNICRON.JSP, DEVOURER OF .CSS FILES I CONTAIN GLOBAL STYLES ACROSS ALL MODULES ================================================================================*/ body { font-family: "helvetica neue", arial, sans-serif; font-size: 12px; color: #333; background: #fff repeat; } /* CONTAINERS ================================================================================*/ .full #main, .full .container, #container { width: 650px; margin-top: 0; padding: 0; text-align: left; background-color: #fff; border: solid #solid #fff; border-width: 0; border-top-width: 0; } #main {margin: 0 auto; padding: 12px 24px;} #page-content {float: left; width: 77%;} .container {width: 960px; margin: 30px auto 0; text-align: left;} /*-- NO SIDEBAR CONTAINERS (BODY.WIDE) -------------------------------------------*/ body.wide #page-content {float: none; width: auto;} body.wide #sidebar-right, body.wide #navigation {display: none;} /*-- FULLSCREEN-WIDTH CONTAINERS (BODY.FULL) -------------------------------------------*/ body.full #container {width: 100%; background: #fff; border-top: none; border-right: none; border-left: none;} body.full .container {margin: 0 auto; background: transparent; border-width: 0;} body.full #main {margin: 0 auto; padding: 30px 0 80px 0; border-width: 0;} /*-- TABS -------------------------------------------*/ .tabs-hide {display: none !important;} .tabs {border-bottom: 1px solid gray; font-size: 12px; margin-bottom: 0;} .tabs li {display: inline;} .tabs li a {position: relative; float: left; top: 1px; z-index: 1; height: 1.67em; margin: 2px 0.33em 0 0; padding: 0.67em 0.93em 0; font-size: 1.25em; color: #333; text-decoration: none; background: #efefef url(/images/common/tab_gradient.gif) left bottom repeat-x; border: solid gray; border-width: 1px 1px 0;} .tabs li a:hover {background: #ccc url(/images/common/tab_gradient_hover.gif) left bottom repeat-x;} .tabs .active a {height: 1.87em; margin-top: 0; font-weight: bold; color: #000; background: #fcfcfc;} .tabs .active a:hover {color: #000; background: #fcfcfc; cursor: default;} .tabs .tabs-disabled {display: none;} .tabs-container {padding: 15px; background: #fcfcfc; border: #888 solid; border-width: 0 1px 1px;} li.error-tab a {padding: 7px 14px 0; color: #111; background: #fdd4dc url(/images/common/tab_gradient_error.gif) bottom left repeat-x; border-top: 4px solid #ba2226;} li.error-tab a:hover {background: #fdd4dc url(/images/common/tab_gradient_error_hover.gif) bottom left repeat-x;} /* GLOBAL RESET ================================================================================*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0; padding: 0;} table {border-collapse: collapse; border-spacing: 0; width: 100%;} ol, ul, dl {list-style: none;} h1, h2, h3, h4, h5, h6, strong, .strong {font-weight: bold;} fieldset, img, abbr, acronym {border: 0;} address, caption, cite, code, dfn, em, th, var {font-style: normal; font-weight: normal;} /* GLOBAL COMPONENTS ================================================================================*/ /*-- COMMON ELEMENTS -------------------------------------------*/ h1 {margin: 0 0 11px; padding-bottom: 4px; font-size: 24px; font-weight: normal; color: #b50d0d;} h1 span.welcome {margin-left: 3px; font-size: 13px; color: #797979;} h2 {margin: 13px 0 0 0; font-size: 20px; color: #b50d0d;} h3 {margin: 10px 0 0 0; font-size: 15px;} h4 {margin: 7px 0 0 0; font-size: 13px;} #main h1 {margin: 0 -2px 11px; letter-spacing: -0.01em; border-bottom: 1px solid #ccc;} #page-content h2 {margin: 0 0 5px 0;} p {font-size: 13px; margin: 2px 0 15px; text-align: left; line-height: 1.5em;} a {font-size: 13px; color: #666; text-decoration: underline; cursor: pointer;} a:hover {color: #b50d0d; text-decoration: none;} a:active {color: #000; outline: none;} hr {clear: both; display: block; width: auto; height: 1px; color: #ccc; background: #ccc; border-width: 0;} input {width: auto; overflow: hidden;} label {margin-right: 1em;} textarea {font-size: 12px;} /*-- COMMON SELECTORS -------------------------------------------*/ .hidden {display: none !important;} .clear {clear: both !important;} .clearleft {clear: left !important;} .clearright {clear: right !important;} .floatleft {float: left !important;} .floatright {float: right !important;} .floatnone {float: none !important;} .noborder {border-width: 0 !important;} .nopadding {padding: 0 !important;} .nomargin {margin: 0 !important;} .nomargintop {clear: left; margin-top: 0 !important;} .nomarginright {clear: left; margin-right: 0 !important;} .nomarginbottom {clear: left; margin-bottom: 0 !important;} .nomarginleft {clear: left; margin-left: 0 !important;} /* Good for floating stuff */ .big {width: 66%; margin-right: 0; padding: 30px;} .small {font-size: 12px !important;} .even, .even td {background-color: #fbfdfd;} .odd, .odd td {background-color: #edf5f7;} .left {text-align: left !important;} .center {text-align: center !important;} .right {text-align: right !important;} .half-right {float: right; width: 49%;} .half-left {float: left; width: 49%;} .left-38 {float: left; width: 38%;} .right-38 {float: right; width: 38%;} .left-44 {float: left; width: 44%;} .right-44 {float: right; width: 44%;} .left-60 {float: left; width: 60%;} .right-60 {float: right; width: 60%;} .third-left {float: left; width: 31.5%; margin-right: 2%;} .third-right {float: right; width: 31.5%; margin-right: 0;} .two-thirds-left {float: left; width: 65%;} .two-thirds-right {float: right; width: 65%;} .quarter {float: left; width: 22.75%; margin-right: 3%;} .required, .required label {font-weight: bold; color: #BA2226 !important;} .required select {font-weight: normal;} .requirednote {width: 414px; margin-bottom: 12px; padding: 12px 18px; background: #fdd4dc; border-top: 1px solid #ba2226; border-bottom:1px solid #ba2226;} .smallgrey {font-size: 12px; color: #999;} .smallcaps {font-size: 0.94em; color: #777; font-weight: bold; text-transform: uppercase;} .overlabel-apply {position: absolute; z-index: 1; color: #999;} #tooltip {position: absolute; width: 300px; padding: 10px; text-align: left; z-index: 99 !important; background-color: #fdfbf0; border: 3px solid #cac3a5;} .textfield1 {font-size: 11px;} .holder {float: left; margin-right: 16px; margin-bottom: 2%;} .group {margin-top: 20px;} .new {position: relative; left: 4px; bottom: 3px;} .internal-link {text-decoration: none !important; color: #000 !important; cursor: default !important;} #back-link {display: block; margin: 0 0 12px 0; padding: 8px 10px; font-size: 12px; font-weight: normal; background: #f2f2f2; border-left: 8px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;} #imageborder {display: block; padding: 2px; border: 1px solid #7b8d72;} .highlighttext {color: #369;} #remember-me-help {margin: 8px 0; padding-bottom: 4px; border-bottom: 1px solid #ccc;} /* Login Page "Help Link */ .rounded-corners {position: relative; display: block; padding: 16px 22px; background: #fbfbfb url(/images/common/upper-left.gif) left top no-repeat;} .ur {position: absolute; z-index: 3; top: 0; right: 0; display: block; width: 4px; height: 4px; font-size: 1px; background: url(/images/common/upper-right.gif) top left no-repeat;} .lr {position: absolute; z-index: 2; bottom: 0; right: 0; display: block; width: 6px; height: 100%; font-size: 1px; background: url(/images/common/lower-right.gif) bottom right no-repeat; overflow: hidden;} .ll {position: absolute; z-index: 1; bottom: 0; left: 0; display: block; width: 100%; height: 5px; font-size: 1px; background: url(/images/common/lower-left.gif) bottom left no-repeat; overflow: hidden;} /* EXTRA LINK IN ICONGRID */ .see-more {background: none !important;} .see-more span {display: block; margin-top: 24px; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #666;} table.helpdesk p {font-size: 9px;} .testimonial blockquote {border-left: 0;} p.small a {color: #333;} p.small.newlistings a {text-decoration: none;} p.small.newlistings a:hover {text-decoration: underline;} .footnote {margin: 0; padding: 0 0 0 1px; color: #999; font-size: 10px; font-weight: bold; text-transform: uppercase;} .footnote a {font-weight: normal; text-transform: none; text-decoration: none;} .footnote a:hover {text-decoration: underline;} /*-- COMMON ELEMENTS -------------------------------------------*/ ol {list-style: decimal; margin-bottom: 15px;} ol li {margin-bottom: 6px; margin-left: 25px; font-size: 13px;} ul {margin-bottom: 15px;} ul li {margin-bottom: 6px;} ul.arrow {list-style-image: url(/images/common/arrow.gif);} ul.arrow li {margin-bottom: 6px; margin-left: 25px; font-size: 13px;} tr.invalidrow td {background: #f9f7c5; border-bottom: 1px solid #fff;} tr.requiredrow td {background: #fdd4dc; border-bottom: 1px solid #fff;} #back-link {display: block; margin: 0 0 12px 0; padding: 8px 10px; font-size: 12px; font-weight: normal; background: #f2f2f2;} #back-link {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 8px solid #ccc;} tr.invalidrow td {background: #f9f7c5; border-bottom: 1px solid #fff;} #maincolumn .requirednote {width: 414px; margin-bottom: 12px; padding: 12px 18px; background: #fdd4dc; border-top: 1px solid #ba2226; border-bottom: 1px #ba2226 solid;} tr.requiredrow td {background: #fdd4dc; border-bottom: 1px solid #fff;} tr.requiredrow td.help {background: #fdd4dc; border-left: 3px solid #ba2226;} .no-center {display: inline; text-align: left; margin: 0;} .item-center {text-align: center;} .text-link {display: block; margin-top: 0.15em; padding: 0.15em; font-size: 13px; font-weight: bold; color: #3D699D;} .text-link:hover {background: #f2f2f2;} .all-details {display: block; margin: 5px 0; padding: 0.4em 0.8em; text-align: left; font-size: 12px; font-weight: bold; background-color: #fffeef; border: 1px solid #f3f3f3;} .all-details:hover {background-color: #ffc;} /*--- FORM ELEMENTS ------------------------------------------------------------*/ /* TEXT */ input[type="text"] {font-size: 13px; padding: 2px; margin-right:5px; color: #444;} input[type="text"]:focus {color: #000; background-color: #ffc; background-position: center left; background-repeat: no-repeat;} input[type="password"] {font-size: 13px; padding: 3px; margin-right:5px; color: #444;} input[type="password"]:focus {color: #000; background-color: #ffc; background-position: center left; background-repeat: no-repeat;} input[type="checkbox"] {height: 15px; width: 13px; vertical-align: top;} input[type="radio"] {vertical-align: middle; margin-right: 3px;} input[type="submit"] {margin-right: 3px;} input.textinput {top: 10px; padding: 4px; font-size: 16px; background-position: center left; background-repeat: no-repeat; border: 1px solid #aaa;} input.textinput:focus {border-top: 1px solid #666; border-right: 1px solid #eee; border-bottom: 1px solid #eee; border-left: 1px solid #666;} input.glass {padding-left: 28px; background-image: url(/images/search/magnifying-gray.gif);} input.glass:focus {background-image: url(/images/search/magnifying-darkgray.gif);} input.dollar {padding-left: 20px; background-image: url(/images/search/dollar-gray.gif);} input.dollar:focus {background: #ffc url(/images/search/dollar-darkgray.gif);} label {font-size: 13px;} /*-- CRUMBS -------------------------------------------*/ #crumbs {margin: -5px 0 10px 0; color: #999;} #crumbs a {color: #777; text-decoration: none;} #crumbs a:hover {color: #b50d0d;} /*-- ALERT STYLES -------------------------------------------*/ .alert {margin: 10px 0; padding: 14px; font-weight: normal; color: #333; background: #fdd4dc; border: #ba2226 1px solid; border-bottom: 6px #ba2226 solid;} .alert h3 {margin-top: 5px;} .alert p {margin: 0;} p.alert, div.alert {padding: 10px 10px 5px 10px; background: #fdd4dc; border: #ba2226 1px solid; border-bottom: 2px #ba2226 solid; font-size: 14px;} div.alert strong {font-size: 16px;} div.alert p {margin-bottom: 10px;} li.alert {padding: 4px 6px; list-style: none; font-size: 12px; background: #fdd4dc; border: solid #ba2226; border-width: 1px 1px 2px 1px;} .box {padding: 20px; background: #f2f2f2; border: 1px solid #ccc;} .green, div.green, p.green {background: #e2f1d9; border-color: #3c6326;} .yellow, div.yellow, p.yellow {background: #fcfbf0; border-color: #cac3a5;} .grey, div.grey, p.grey {background: #f2f2f2; border-color: #ccc;} .clear, div.clear, p.clear {background: #fff; border-color: #fff;} .yellowbox {font-size: 15px; background: #fcfbf0; border: 1px solid #cac3a5; margin-top: 10px; margin-bottom: 10px; padding: 10px 20px;} .yellowbox strong {font-size: 16px;} .yellowbox a {font-size: 15px;} .yellowbox form, .yellowbox input {margin: 0;} /*--IE 6 & 7 Hack--*/ .highlight {margin-bottom: 30px; padding: 6px 12px; background: #ffc; border: 1px solid #cac3a5;} .highlight p {margin: 0; padding: 0; font-size: 0.95em;} .highlight td {background-color: #fcfbf0 !important;} .highlight td.label {background-color: #ffc !important;} .highlighted-suite td {background-color: #fcfcdc !important;} .highlighted-suite td.label {background-color: #ffc !important;} .unhighlighted-suite td {color: #999;} .juicy {font-size: 16px; font-weight: bold} .friendly-reminder {margin: 12px 6px; padding: 10px 8px; font-size: 13px; background: #fcfbf0; border: 1px solid #cac3a5;} .friendly-reminder h3 {margin: 0; padding: 0 0 4px !important;} .friendly-reminder p {margin: 0; padding: 0; line-height: 1.3em;} pre, .code {font-family: liberation mono, bitstream vera mono, dejavu mono, monospace; color: #666;} /* MESSAGE ALERT STYLES */ #message-alert {font-size: 15px; margin-bottom: 18px; padding: 10px 6px 0 30px; background: #fcfbf0 url(/js/yui/build/container/assets/warn16_1.gif) 8px 15px no-repeat; border: 1px solid #cac3a5;} #message-alert a {font-size: 16px;} #message-alert strong {font-size: 18px;} /* MESSAGE STYLES */ .update h3 {clear: both; display: block; margin: 32px 0 24px; padding: 0 2px 2px; border-bottom: 1px solid #000;} .update h4 {clear: both; display: block; margin: 12px 0 4px; padding: 0 2px 2px; font-size: 14px; border-bottom: 1px solid #d9d9d9;} .update img {clear: right; width: 258px; float: right; margin-top: 4px; margin-left: 4px; padding: 3px; border: 1px solid #e5e5e5} .update ul {margin-top: -6px; padding: 2px 0 2px 20px; list-style: url(/images/common/arrow.gif);} .update li {padding: 2px;} .update p {padding: 0 2px;} .update .date {float: right;} /* SALE-LEASE INDICATOR SPRITE */ .indicator {display: block; width: 92px !important; height: 14px; font-size: 1px; background-image: url(/images/search/indicator_layercake.gif); background-repeat: no-repeat;} .indicator-lease {background-position: 0 0;} .indicator-sale {background-position: 0 -14px;} .indicator-pendlease {background-position: 0 -28px;} .indicator-pendsale {background-position: 0 -42px;} .indicator-leased {background-position: 0 -56px;} .indicator-sold {background-position: 0 -70px;} .indicator-both {background-position: 0 -84px;} .indicator-withdrawn {background-position: 0 -98px;} .indicator-expired {background-position: 0 -112px;} .indicator-offmarket {background-position: 0 -126px;} /*-- ACTIONS BAR -------------------------------------------*/ .actions {display: block; font-weight: bold; color: #fafafa; background: #142C67 url(/images/search/toolbar-gloss.png) left bottom repeat-x;} .actions ul {margin-bottom: 0;} .actions li {display: inline; margin-bottom: 0;} .actions li.header {float: left; height: 22px; padding: 5px 12px 0; font-size: 13px; font-weight: bold; text-shadow: #fafafa 0 1px 0;} .actions li a {float: left; height: 22px; padding: 5px 12px 0; font-size: 13px; font-weight: normal; color: #fff; text-shadow: #777 0 -1px 0; text-decoration: none;} .actions li a:hover {background: #666 url(/images/search/toolbar-gloss.png) center bottom repeat-x;} .actions li a:active {background: #000 url(/images/search/toolbar-gloss.png) center bottom repeat-x;} /*-- UNDER-ACTIONS BAR -------------------------------------------*/ .under-actions {display: block; height: 22px; font-size: 12px; background: url(/images/search/sub-toolbar-gradient.gif) repeat-x scroll left top; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #a8a8a8;} .under-actions label {float: left; height: 20px; padding: 2px 9px 0; font-weight: bold; text-shadow: #fafafa 0 1px 0; cursor: pointer;} .under-actions ul li {float: left; border-right: 1px solid #d5d5d5;} .under-actions ul li.checkbox {width: 28px;} .under-actions ul li.checkbox span {display: block; height: 18px; padding: 4px 5px 0 0; text-align: right; border-right: 1px solid #e8e8e8;} .under-actions ul li.header {height: 19px; padding: 3px 7px 0; font-weight: bold; text-shadow: #fafafa 0 1px 0; border-right: 1px solid #e8e8e8;} .under-actions ul li.header + li {border-left: 1px solid #d5d5d5;} .under-actions ul li a {display: block; height: 18px; padding: 2px 7px 0; text-align: center; color: #181818; text-decoration: none; border-right: 1px solid #e8e8e8;} .under-actions ul li a.sorted, .under-actions ul li a:hover {color: #333; background: #e8e8e8;} .under-actions ul li a:active {padding-top: 2px; color: #e5e5e5; text-decoration: underline; background: #333; border-top: 1px solid #111; border-right-color: #282828; border-left-color: #282828;} #sortlinks {float: right; font-size: 11px; font-weight: normal; color: #333;} /* Keep Catalog titles in the "Save to Catalog" drop-down from taking on the toolbar styles */ #addToCatalog_frame form a {float: none; display: inline; height: auto; padding: 0; color: #666; background: none; border-width: 0;} /*-- COMMON FORMS -------------------------------------------*/ .form-holder-bg {margin: 1em auto; padding: 2em 3em; background: #f2f2f2;} .input-row {display: block; margin: 0.25em; padding: 0.75em; border-bottom: 1px solid #ccc;} label.static-wide {float: left; position: relative; top: 7px; width: 26%; font-weight: bold;} select {overflow: scroll;} input.padded {margin: 1em; padding: 0.15em 1em;} input.big, select.big {padding: 0.25em 0.15em; font-size: 14px;} select.menu {width: 90%; margin: 0.5em;} option.strong {text-transform: uppercase;} /*-- AUTOCOMPLETE (THESE OVERRIDE THE ACTUAL YUI CSS FILES) -------------------------------------------*/ .yui-skin-sam .yui-ac {font-family: "helvetica neue", arial, sans-serif !important;} .yui-skin-sam .yui-ac-content {max-height: 11em !important; overflow: auto !important; overflow-x: hidden !important;} .yui-skin-sam .yui-ac-input{position: relative !important; width: auto} .yui-skin-sam .yui-ac-container {left: 0 !important;} #company_name_autocomplete, #company_name {width: 25em !important;} #agent_lastname_autocomplete, #agent_lastname {width: 15em !important;} /*-- COLOR INSTANCES -------------------------------------------*/ #searchresultsnav a, #help-topics h2 {background: #142C67;} #searchresultsnav a:hover {background: #b50d0d;} /*-- THICKBOX -------------------------------------------*/ #TB_window {position: fixed; display: none; z-index: 102; top: 45px; left: 50%; text-align: left; font-size: 14px; color: #000; background: #fff; border: 1px solid #222;} #TB_secondLine {font-size: 12px; color: #666; padding-top: 7px} #TB_window a:link {color: #666;} #TB_window a:visited {color: #666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666;} #TB_window a:focus{color: #666;} #TB_overlay {position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.75; background-color: #000;} #TB_window img#TB_Image {display: block; margin: 15px 0 0 15px; border: 1px solid #666;} #TB_caption {float: left; padding: 7px 60px 10px 25px;} #TB_closeWindow {float: right;} #TB_closeWindow a {position: absolute; display: block; right: 14px; bottom: 14px; width: 19px; height: 19px; font-size: 2px; background: url(/images/listings/close.gif) top center no-repeat;} #TB_closeWindow a:hover {background-position: center;} #TB_closeWindow a:active {background-position: bottom center;} #TB_next a {position: absolute; bottom: 35px; right: 14px; display: block; width: 19px; height: 19px; font-size: 2px; background: url(/images/listings/next.gif) top center no-repeat;} #TB_next a:hover {background-position: center;} #TB_next a:active {background-position: bottom center;} #TB_prev a {position: absolute; right: 35px; bottom: 35px; display: block; width: 19px; height: 19px; font-size: 2px; background: url(/images/listings/prev.gif) top center no-repeat;} #TB_prev a:hover {background-position: center;} #TB_prev a:active {background-position: bottom center;} #TB_closeAjaxWindow {float: right; margin-bottom: 1px; padding: 5px 10px 7px 0; text-align: right;} #TB_ajaxWindowTitle {float: left; margin-bottom: 1px; padding: 7px 0 5px 10px;} #TB_title {height: 27px; font-size: 12px; background-color: #e8e8e8;} #TB_ajaxContent {clear: both; padding: 2px 15px 15px 15px; text-align: left; line-height: 1.4em; overflow: auto;} #TB_ajaxContent.TB_modal {padding: 15px;} #TB_ajaxContent p {padding: 5px 0;} #TB_load{position: fixed; display: none; z-index: 103; top: 50%; left: 50%; width: 208px; height: 13px; margin: -6px 0 0 -104px;} #TB_HideSelect {position: fixed; z-index: 99; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-color: #fff; border-width: 0;} #TB_iframeContent {clear: both; margin-top: 1px; margin-bottom: -1px; border-width: 0;} /*-- ERRORS -------------------------------------------*/ body.error {background: #f4f0e5; border-top: #888 solid 2px;} body.error #msg {position: relative; width: 450px; padding: 50px 50px 50px 65px; text-align: left; color: #333; background: #fff; border: 6px solid #ece4d9;} body.error h1 {margin: 0 0 0.25em 0; padding: 0 0 0.15em 0; border-bottom: 1px solid #ccc;} body.error p {margin: 0; padding: 0; line-height: 19px;} body.error p#link {display: block; margin-top: 0.75em;} body.error a, body.error a:visited {color: #990003;} body.error #sad-bunny-boy {position: absolute; top: -184px; right: 45px;} body.error #catylist-logo {position: absolute; top: 75px; left: 20px;} body.error #error-wrapper {text-align: center;} body.error #error-logo {width: 534px; margin: 80px auto 12px; text-align: left;} body.error #error-box {width: 420px; margin: 0 auto; padding: 30px; text-align: left; font-size: 12px; line-height: 17px; color: #333; background: #fff; border-right: 4px solid #ccc; border-bottom: 4px solid #ccc;} body.error #error-box a {color: #000;} body.error #error-box a:hover {text-decoration: none;} body.error #error-links, body.error #error-links a {font-size: 10px; color: #333;} /*-- WANTS ------------------------------------------- */ body.wants th strong {font-size: 16px;} body.wants #posted-on {font-weight: normal; text-align: right; padding-right: 6px; font-size: 12px;} body.wants form#wants-results {padding: 4px 0 0; border-width: 0;} body.wants .refinesearch-feedlink {display: none;} body.wants .under-actions {border-top: 1px solid #ddd;} body.wants div.want-tables table {width: 100%; margin: 0; padding: 0; border: 1px solid #bbb;} body.wants div.want-tables table tbody:first-child th {border-top-color: #bbb;} body.wants div.want-tables tbody {margin: auto;} body.wants div.want-tables th {padding: 8px 2px 5px 10px; color: #333; font-size: 15px; font-weight: bold; text-align: left; border-style: solid; border-top-color: #e5e5e5; border-bottom-color: #eee; border-width: 1px 0;} body.wants div.want-tables tr.odd {color: #42525a; background-color: inherit;} body.wants div.want-tables td {padding: 14px 24px; color: #333; background-color: inherit; font-size: 12px; line-height: 18px;} body.wants div.want-tables tr.odd {color: inherit; background-color: #f2f2f2;} body.wants div.want-tables tr.odd td {color: #42525a; background-color: inherit;} body.wants div.want-tables td a {color: #800000; background-color: inherit; text-decoration: none; border-bottom: 1px solid #fee6d8;} body.wants div.want-tables td a:hover {color: #BA2226; background-color: inherit; border-bottom: 1px solid #ccc;} body.wants div.want-tables td.rightborder {border-right: 1px solid #ccc;} body.wants div.want-tables td.heading {text-align: right; font-weight: bold;} body.wants div.want-tables td p {padding: 6px 12px 0;} body.wants div.want-tables ul {margin: 0; padding: 0;} body.wants div.want-tables ul li {margin: 0 0 0 1.5em; padding: 0;} body.wants div.want-tables td.showdet {font-size: 9px; font-family: Verdana, "Lucida Grande", "trebuchet ms", sans-serif; text-align: right;} body.wants div.want-tables td .wants-div {margin-top: 0.5em; padding-top: 0.15em; font-size: 11px; border-top: 1px solid #eee;} /* MAPS ================================================================================*/ #map {height: 520px; background: url(/images/search/loading_graphic.gif) 50% no-repeat; border: 1px solid #ababab;} #map-action-link {display: none;} #details-tab #map-action-link {display: inline;} .radiiClass {position: absolute; z-index: 101; top: 50%; left: 50%; margin-top: -53px; margin-left: -114px; padding: 3px 4px; font-weight: bold; color: #000; border: 1px solid #666; background-color: #f5f5f5} #listingList {position: relative; width: 100%; border: 1px solid #ccc; overflow-x: visible; overflow-y: auto;} .mapInfoWindowText {font-size: 12px; color: #333;} .mapInfoWindowHead {font-size: 14px; font-weight: bold;} .mapInfoWindowSubHead {font-size: 13px; font-weight: normal;} .mapInfoWindowBlock {margin: 0; padding: 0; list-style: none;} .mapShadowbox {position: relative; top: 2px; left: 2px; background: #ccc;} .mapShadowbox div {position: relative; top: -2px; left: -2px; padding: 10px; color: #fff; background: #f2f2f2;} .mapInfoWindowImage {width: 80px; border: 1px solid #666;} td.mapItemInfo {padding-left: 10px; vertical-align: bottom;} td.mapItemTitle {padding-left: 8px; padding-top: 6px;} /*-- NON-LISTING/COMPS/PROPS MAPING -------------------------------------------*/ #mapBox {display: none; position: fixed; z-index: 100; top: 6%; right: 3%; bottom: 6%; left: 3%; background-color: #fff; border: 1px solid #333;} #mapBox #mapCloseLink {position: absolute; bottom: 16px; left: 50%; display: block; width: 134px; height: 36px; margin-left: -54px; text-align: center; background: #666 url(/images/map/close-map-button.png) center top no-repeat;} #mapBox #mapCloseLink:hover {background-position: center;} #mapBox #mapCloseLink:active {background-position: center bottom;} #mapBox #mapCloseLink span {display: none;} #mapBox #results-page {position: absolute; top: 8px; right: 1%; left: 1%; bottom: 68px; background-color: #fff;} #mapBox #results-page #someMap {position: absolute; top: 0; right: 0; width: 100%; height: 100%; border: 1px solid #999;} /*-- OVERVIEW MAPS -------------------------------------------*/ .overview-map {position: relative; display: block; width: 100%; height: 320px; margin-bottom: 8px; overflow: hidden;} #gStreetView embed {width: 100% !important; height: 100% !important;} /* Overrides default 200px width */ #gStreetView object {width: 100% !important; height: 100% !important;} /* Overrides in IE */ /* BIRD'S EYE LINK */ #birdseye {padding: 12px 0 10px; border: solid #ebebeb; border-width: 0 1px 1px;} #birdseye a {display: block; width: 177px; height: 37px; margin: 0 auto; background: url(/images/search/birdseye-link.gif) center top no-repeat;} #birdseye a:hover {background-position: center;} #birdseye a:active {background-position: center bottom;} #birdseye a span {display: none;} /*-- FULLSCREEN MAP STUFF -------------------------------------------*/ .go-fullscreen {position: relative; top: 3px; float: right; font-size: 12px;} .fullscreen {overflow: hidden !important;} .leave-fullscreen {display: none;} .fullscreen .leave-fullscreen {display: block; position: fixed; z-index: 9999; top: 0; right: 0; bottom: 0; left: 0; padding-top: 11px; background: #6c7380 url(/images/search/hollow-gradient.gif) top left repeat-x;} .fullscreen .leave-fullscreen a {display: block; width: 121px; height: 22px; margin: 3px 0 0 10px; background: url(/images/common/back-to-property.gif) top center no-repeat;} .fullscreen .leave-fullscreen a:hover {background-position: center;} .fullscreen .leave-fullscreen a:active {background-position: bottom center;} .fullscreen .leave-fullscreen a span {display: none;} .streetview #gStreetView, .mapview #gMap {position: fixed !important; z-index: 9999; top: 48px; right: 10px; bottom: 10px; left: 10px; width: auto; height: auto; background: #6c7380; border: 1px solid #eee;} #gMapDiv { position: absolute; top: 0px; left: 0px; width: 100%; height: 100% } /* EXPANDING #right AND ITS MINIONS FOR IE7 */ .fullscreen #right, .fullscreen #right #results, .fullscreen #right #details-view {top: 0; right: 0; bottom: 0; left: 0;} /* HIDING ELEMENTS THAT PEAK THROUGH ON SEARCH */ .fullscreen #header-out, .fullscreen #header-out *, .fullscreen h2, .fullscreen #left, .fullscreen #left *, .fullscreen .toggle, .fullscreen #highlight-bar, .fullscreen .tabs, .fullscreen #list-view, .fullscreen #map-view, .fullscreen #email-tab, .fullscreen #reports-tab, .fullscreen #catalog-tab, .fullscreen #export-tab {display: none !important; visibility: hidden !important; background: none !important;} /* BUTTONS ================================================================================*/ #submitDiv {width: 100%; margin-top: 20px; margin-bottom: 5px; padding-top: 5px; text-align: left; border-top: 1px solid #ccc;} #submitDivTop {margin-bottom: 20px; margin-top: 5px; padding-bottom: 5px; text-align: left; border-bottom: 1px solid #ccc;} #submitDivNoline {margin-top: 5px; margin-bottom: 20px; padding-bottom: 5px; text-align: left;} /* BUTTON */ .button {padding: 0.25em 0.7em; font-size: 15px; font-weight: bold; color: #eee; background-color: #666; border: 1px solid #ccc;} .button:hover {color: #fff; background-color: #b50d0d;} .button:active {color: #999; border: 1px solid #666;} /* BUTTON-SMALL */ .button-small {padding: 0.15em 0.2em; font-size: 13px; color: #666; background: #eee; border: 1px solid #ccc;} .button-small:hover {color: #eee; background-color: #666;} .button-small:active {color: #666; border: 1px solid #666;} .email-recipient-actions small {font-size: 10px;} .email-recipient-actions small p {margin: 0; padding: 1px 0 0;} #emailForm td.name {width: 10%} /* FAUXBUTTON */ .fauxbutton {margin: 8px 0; padding: 0; text-align: left;} .fauxbutton a {display: block; width: 80%; margin: 0; padding: 5px 3px; text-align: center; font-size: 14px; font-weight: bold; color: #efefef; text-decoration: none; background: #8f8f8f; border:1px #666 solid;} .fauxbutton a:hover {color: #900; background: white;} .fauxbutton a.short {width: 75%; font-size: 13px;} .alert .fauxbutton a {margin: auto; color: #fff;} /* LINK-BUTTON */ .link-button {position: relative; margin-bottom: 1.75em; border: 3px solid #ffe79f;} .link-button a {display: block; position: relative; padding: .65em 0; text-align: center; font-weight: bold; color: #333; text-decoration: none; background: #fefed7;} .link-button a:hover {background:#f1e56a;} .link-button img {position: relative; margin: 0 6px -2px 0;} /* OTHER GLOBAL PAGES ================================================================================*/ /*-- CATLYIST.COM AND CIEMANAGER.CATYLIST.COM HEADERS/SUB-HEADERS -------------------------------------------*/ #header-common {width: 100%; height: 65px; background: url(/images/common/header-bg.gif) repeat-x; border-top: 2px solid #333; border-bottom: 5px solid #444;} #header-common div.holder {float: none; position: relative; display: block; width: 800px; margin: 0 auto; margin-right: auto; padding: 0;} #header-logo {position: relative; top: 0; left: 0;} #header-logo img {float: left; margin: 0; padding: 0; border: 0;} #header-navigation {display: inline; float: right; font-size: 13px; font-weight: bold;} #header-navigation ul {margin-top: 25px;} #header-navigation li {display: inline; margin-right: 1em; padding-right: 1em; border-right: 1px solid #666;} #header-navigation li.last {margin-right: 0; padding-right: 0; border-right: 0;} #header-navigation li a {color: #ccc; text-decoration: none;} #sub-navigation {width: 100%; padding: 0.65em 0; font-size: 12px; background: url(/images/common/sub-nav-bg.gif) repeat-x #eee;} #sub-navigation .holder {width: 800px; display: block; float: none; margin: 0 auto; margin-right: auto; position: relative; right: 0;} #sub-navigation ul {margin: 0; padding: 0; text-align: right;} #sub-navigation li {display: inline; margin: 0 1em 0 0; padding: 0 1em 0 0; border-right: 1px solid #ccc;} #sub-navigation li.last {margin-right: 0; padding-right: 0; border-right: 0;} #sub-navigation a {color: #333; text-decoration: none;} #sub-navigation a:hover {text-decoration: underline;} /*-- CIE FOOTER -------------------------------------------*/ #footer-container { width: 650px; margin: 0 auto 10px; } #footer { clear: both; padding: 0; font-size: 11px; font-family: "lucida grande", "trebuchet ms", verdana, sans-serif; } #footer #powered-by-catylist {float: right; width: 164px; height: 17px; background-image: url(/images/common/powered-by-catylist-black.png); background-position: center; background-repeat: no-repeat;} #footer #powered-by-catylist span {display: none;} #footer p {margin: 0;} #footer a {} #footer #footer-container {margin: 0 auto; padding-top: 5px; border: solid #000; border-width: 1px 0 0 0;} #footer table {margin-top: 3px;} #footer #nav {float: right;} #footer #nav a {margin: 0 4px;} #footer #footer-notes {float: left; margin-top: 10px; width: 70%;} #footer #footer-notes img {float: left; margin: -10px 5px;} #footer .copyright {color: #999;} /*-- LOGIN PAGE -------------------------------------------*/ #login-form {float: left; width: 338px; border-top: 5px solid #142C67;} #login-form ul {padding: 12px 18px; list-style: none; background-color: #f5f5f5; border: solid #ddd; border-width: 0 1px 1px 1px;} #login-form ul li {display: block; margin: 0 0 9px 0;} #login-form ul li h2 {margin: 0 0 15px 0;} #login-form p {margin: 5px 8px; font-size: 10px; color: #555;} #login-form #login-remember {padding-left: 104px;} #login-form #login-submit {padding: 6px 0 0 104px; text-align: left; border-top: 1px solid #ddd;} #login-form #login-forgot {margin-bottom: 3px; text-align: center; font-size: 12px} #login-form .login-main label {float: left; width: 104px; margin: 3px 0 0 0; font-size: 14px; cursor: default;} #login-form .login-main input {width: 172px; color: #444;} #login-form .login-main input:focus {color: #000;} /*-- POPUP LOGIN + REGISTRATION PAGES -------------------------------------------*/ #login-registration-popup {display: none;} #login-view {text-align: center; background-color: #fff;} #login-view h1 {color: #444;} #login-view #login-form {float: none; margin: 0 auto;} #login-view #login-or {display: block; font-size: 24px; color: #444; margin: 0 0 10px; padding: 0 0 2px;} #login-view .create-account-button {margin-top: 0;} #login-view .login-back-to-search {font-size: 17px;} #register-view {background-color: #fff;} #register-view #registration-form {float: none; margin: 0 auto;} #register-view p {font-size: 12px; color: #aaa;} /*-- REGISTRATION PAGE -------------------------------------------*/ .register .half-right .rounded-corners {margin-bottom: 5px; background-color: #f5f5f5;} .register .half-right .rounded-corners h3 {margin-top: 0;} .register .half-right .rounded-corners h3 span {color: #888;} .register .half-right .rounded-corners p {margin-bottom: 0;} .register .half-left .yellowbox {margin: 0 0 8px;} .register .half-left .yellowbox p {margin: 0 0 15px;} #registration-form {display: block; background-color: #fbfbfb;} #registration-form h2 {margin: 0 0 12px;} #registration-form ol {list-style: none; display: block; padding-bottom: 4px; border-bottom: 1px solid #fff;} #registration-form ol li {clear: none; float: left; width: 48%; height: 48px; margin-left: 0; margin-right: 2%;} #registration-form ol li.username {float: none;} #registration-form ol li label {display: block; padding: 0 2px 2px; font-size: 13px; line-height: 12px; color: #555; /*background: url(/jsp/register/star.gif) right center no-repeat;*/} #registration-form ol li label span {font-size: 11px; color: #888;} #registration-form ol li label .required-star {position: relative; bottom: 3px; left: 2px; opacity: 0.75;} #registration-form ol li label.opt .required-star {display: none;} #registration-form ol li input {font-family: "lucida grande", "trebuchet ms", verdana, sans-serif; font-size: 13px; color: #000;} #registration-form ol li input.full-width {width: 96%;} #registration-form ol li select {max-width: 99%;} #registration-form div {clear: both; width: 97.5%; padding: 10px 0 0; text-align: right; border-top: 1px solid #d5d5d5;} #registration-form div #create-account {float: left; width: 172px; height: 36px; background-color: #666; background-image: url(/images/register/create-account.png); background-position: center top; background-repeat: no-repeat;} #registration-form div #create-account:hover {background-position: center;} #registration-form div #create-account:active {background-position: center bottom;} #registration-form div #create-account span {display: none;} #registration-form + p {clear: left; display: block; margin: 0; padding: 4px 12px; color: #666;} /*-- UPGRADE PITCH -------------------------------------------*/ #login-register {margin-left: 350px; padding: 12px 22px; font-size: 15px; background-color: #fafafa;} #login-register h2 {margin: 5px 0 0;} #login-register p {display: block; margin: 4px 0;} #login-register ul {display: block; margin: 8px 0 12px; list-style: none;} #login-register ul li {float: left; width: 42%; margin: 4px 0; padding: 0 0 0 22px; background: url(/images/common/checked-good.gif) 0px 0px no-repeat;} .create-account-button {display: block; margin-top: 94px; padding: 7px 0;} .create-account-button a {clear: right; display: block; height: 36px; margin: 0 auto; background-color: #666; background-position: center top; background-repeat: no-repeat;} .create-account-button a:hover {background-position: center;} .create-account-button a:active {background-position: center bottom;} .create-account-button a span {display: none;} #create-a-free-account {width: 237px; background-image: url(/images/register/create-a-free-account.png);} #create-an-account {width: 196px; background-image: url(/images/register/create-an-account.png);} /*-- RIGHT SIDEBAR STYLES (THIS IS THE RIGHT AD-SPACE ON CIES AND THE RIGHT TOOLBOX ON MANAGE) -------------------------------------------*/ #navigation {position: relative; z-index: 9; float: right; width: 162px; padding-top: 4px; border-left: 1px solid #e5e5e5;} #navigation #sidebar-right {margin: 0; border-width: 0;} #sidebar-right {float: right; width: 150px; margin: 0 -1% 3% 2%; padding: 0 0 3% 2%; text-align: center; border-left: 1px solid #e5e5e5;} #sidebar-right div {text-align: left;} #sidebar-right div {margin-bottom: 10px;} #sidebar-right #ads {width: 122px; border-width: 0;} #sidebar-right #ads h3 {margin-top: 10px;} #sidebar-right #ads img {margin-bottom: 12px; border: 1px #ccc solid;} #sidebar-right h3, #sidebar-right h3 a {width: 117px; margin: 20px 0 12px 0; padding: 3px 1px; text-align: left; font-size: 14px; color: #333; text-decoration: none; border-bottom: 1px #ccc solid;} #sidebar-right h4, #sidebar-right h5 {font-size: 11px; font-family: "lucida grande", "trebuchet ms", verdana, sans-serif;} #sidebar-right h4 {margin: 0 0 6px 0; padding: 0.4em; color: #fff; background: #b50d0d;} #sidebar-right h5 {margin: 0.8em 0.4em 0.3em 0.4em; border-style: solid; border-color: #b50d0d; border-width: 0 0 1px;} #sidebar-right input {margin: 2px 0;} #sidebar-right a {padding: 4px 0; font-size: 11px; color: #333;} #sidebar-right p {margin: 4px 0; padding: 0;} #sidebar-right ul {margin: 0 0 0.6em 0; padding: 0;} #sidebar-right ul li {padding: 0.05em 0.5em; list-style: none;} #sidebar-right ul li a {text-decoration: none;} #sidebar-right ul li a:hover {text-decoration: underline;} #sidebar-right #searchDiv, #sidebar-right #resourcesDiv, #sidebar-right #searchHeader {display: none;} #sidebar-right a img {max-width: 150px;} .mylistings-page #sidebar-right, .market-page #sidebar-right, .myaccount-page #sidebar-right, .yui-skin-sam #sidebar-right {border-width: 0;} /* These are the "My Console" sidebars */ /*-- TABLE STYLES -------------------------------------------*/ table.wide {width: 100%;} table td.description {text-align: right; font-weight: bold;} table tr.last td {border-bottom: 0;} /* TABULAR */ .tabular {width: 100%; margin-bottom: 10px; border: 0;} .tabular th {padding: 3px; text-align: left; font-weight: normal; color: #666; background: #eee;} .tabular td {padding: 5px 3px; border-bottom: 1px #dedede solid;} th.formgroup {padding: 4px; text-align: left; font-size: 12px; background: #ededed; border: #ccc solid; border-width: 1px 0;} .formtable, .bordertop {border-top: 2px #dedede solid;} #customizetable {border-width: 2px 0 0; border-color: #ccc; border-style: solid;} #customizetable td {padding: 5px 0 5px 5px; border-bottom: 1px #ccc solid;} #customizetable td.last {border-bottom: 0;} #customizetable input {margin-right: 3px; margin-top: 2px;} .hidden tr.tohide {display: none;} /* TABULARDATA */ .tabulardata {border-collapse: collapse; border-spacing: 1px; width: 100%; border: 1px #ccc;} .tabulardata th {padding: 6px 10px; text-align: left; color: #fff; font-size: 12px; background-color: #666;} .tabulardata th a {color: #fff; text-decoration: underline;} .tabulardata td {padding: 6px 10px; border: 1px #ccc;} .tabulardata table {border:0;} .tabulardata caption {margin: 0 0 6px 10px; text-align: left; font-weight: bold; font-size: 16px;} .justmoved table.tabulardata tr td {background-color: #efe;} .tabulardata, .tabulardata td {border: 1px #ccc;} .formgrid {width: 100%; margin-bottom: 20px; border: 1px #ccc;} .formgrid tr.head th {padding: 7px 16px; font-size: 12px; color: #fff; background: #666;} .formgrid tr.sub th {font-size: 12px; color: #333; background: #ccc;} .formgrid th {padding: 2px;} .formgrid td {padding: 6px 10px; font-size: 12px; border: 1px #ccc;} .formtable {width: 100%; border-top: 1px solid #ccc;} .formtable th {padding: 6px; font-size: 12px; color: #fff; background: #9a9a9a; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} .formtable td {padding: 6px 0; border-bottom: 1px solid #ccc;} .formtable td.submit {border: 0;} .formtable td .formnote {font-size: 9px; color: #999;} .tabular {width: 100%; margin-bottom: 10px; border: 0;} .tabular th {padding: 3px; text-align: left; color: #333; font-weight: normal; background: #eee;} .tabular td {padding: 5px 3px; border-bottom: 1px solid #dedede;} td.formLabel {width: 40%; vertical-align: top; font-weight: bold;} td.name {width: 20%; font-size: 13px; padding-top: 9px; padding-left: 6px; text-align: right; vertical-align: top; color: #000;} td.value {width: 65%; padding-right: 6px; padding-left: 26px;} td.last {text-align: right; border-top: 1px #57231A solid; border-bottom: 0;} tr.last td {border-bottom-width: 0;} td.last input {font-size: 13px; color: #fff; background-color: #57231a; border: 1px solid #663;} td.legend {padding: 6px;} /* CATEGORY */ .category {margin-bottom: 1px; padding: 0.8em 0.3em 0.2em; font-size: 16px; font-weight: bold; color: #333; border-bottom: 2px solid #666;} .census {float: right;} table.category {width: 100%; border-collapse: collapse;} th.category {font-weight: bold; color: #fff; background: #666;} /* HISTORY */ .history-description {float:right;} /* DETAILS */ div.details, ul.details {display: block; width: auto; margin-bottom: 8px;} table.details {width: 100%; margin-bottom: 6px; border-collapse: collapse;} .details th {padding: 3px 8px; color: #444; background-color: #ebebeb; border: 1px solid #ddd;} .details td {padding: 2px 8px 3px; line-height: 15px; font-size: 13px; color: #333; border-bottom: 1px solid #ebebeb;} .details .group {padding: 4px 8px; font-size: 13px; color: #000; border-left: 1px solid #eee;} .details .label {width: 38%; text-align: left; color: #777; } .details .label-a {padding: 0;} .details .label-a a {display: block; height: 100%; padding: 3px 8px; text-decoration: none;} .details .label-a a:hover {color: #fff; background-color: #666;} /*-- REPORT/BROCHURE CHOOSE PAGES -------------------------------------------*/ #chooseReport {clear: both; display: block;} #chooseReport #reportTitles {margin-bottom: 12px; padding: 8px 18px 9px; background-color: #eee; border: 1px solid #ddd;} #chooseReport #reportTitles label {display: block; margin-top: 8px;} #chooseReport #reportTitles label span {float: left; width: 120px; margin-top: 3px; font-size: 14px;} #chooseReport #reportTitles label input {width: 300px; font-size: 13px; color: #666;} #chooseReport #reportTitles p {margin: 0 0 0 120px; font-size: 11px;} #chooseReport .reportType {clear: both; margin: 0 0 10px; background-color: #f8f8f8; border: 1px solid #ddd;} #chooseReport .reportType img {float: right; width: 25%; margin: 10px;} #chooseReport .reportType h2 {height: auto; margin: 0 28% 0 10px !important; padding: 9px 0 7px 2px !important; font-size: 18px; letter-spacing: 0; background: transparent; border-bottom: 1px solid #eee;} #chooseReport .reportType p {margin: 0; padding: 7px 0 7px 12px; font-size: 13px; color: #000;} #chooseReport .reportType label {display: block; padding: 12px 0 5px 12px;} #chooseReport .reportType .noSavedReports, #chooseReport .reportType .noSavedReports select {color: #777;} #chooseReport .reportType div {margin: 15px 12px 8px; text-align: left;} /*-- CATALOG PAGE / ADD TO CATALOG PAGE -------------------------------------------*/ table#formTable tr th {font-weight: normal;} table#formTable tr td h2 {padding: 6px 0;} table#formTable tr td h2#borderbottom {padding-top:0; border-bottom: 1px solid #eee;} table#formTable tr td table.tabular tr td, table#formTable tr td table.tabular tr td input {padding-left: 0; cursor: pointer;} table#formTable tr td.last {padding-top: 8px;} table#formTable tr.tohide td {border-bottom: 1px solid #ccc; padding: 8px 4px;} table#formTable tr.noborder td {border-bottom: none;} /* Buttonlocation when 'Create New Catalog' form is hidden */ table.hidden tr td.bottombutton input {margin-top: 12px;} /* Buttonlocation when 'Create New Catalog' form is visible */ table.visible tr td.bottombutton input {position: relative; top: -24px;} /* HOVER */ table#formTable tr td table.tabular tr.tabularhover {background-color: #fafafa;} /* CHECKED */ table#formTable tr td table.tabular tr.tabularchecked td {background-color: #f5f5f5;} /*-- RESORTABLE FORMS -------------------------------------------*/ .sortableitem {height: 1%; list-style-type: none; border-top: 1px solid #e5e5e5; cursor: move;} .justmoved {background-color: #eeffee;} .suite-table-move-cell input {height: 23px; width: 24px; text-align: center; font-size: 1px; border: 0; cursor: pointer;} .suite-table-move-cell input.up {color: #d2d2d2; background: url(/images/common/up_triangle.gif) center center no-repeat;} .suite-table-move-cell input.up_over {color: #8c8c8c; background: url(/images/common/up_triangle_over.gif) center center no-repeat;} .suite-table-move-cell input.up_down {color: #8c8c8c; background: url(/images/common/up_triangle_down.gif) center center no-repeat;} .suite-table-move-cell input.down {color: #d2d2d2; background: url(/images/common/down_triangle.gif) center center no-repeat;} .suite-table-move-cell input.down_over {color: #8c8c8c; background: url(/images/common/down_triangle_over.gif) center center no-repeat;} .suite-table-move-cell input.down_down {color: #8c8c8c; background: url(/images/common/down_triangle_down.gif) center center no-repeat;} /*-- TOP LINK BAR 'SPLIT' FOR EDIT, PROMOTE, TRACK -------------------------------------------*/ #modified-top-links {height: 33px;} #modified-top-links .promote {float: right; width: 230px; margin: 0;} #modified-top-links .edit {float: right; width: 230px; margin: 0;} #modified-top-links .alert {clear: none; margin: 0; padding: 0.5em 1em;} #back-link.half-wide {float: left; width: 520px;} #modified-top-links #back-link.half-wide {float: left; width: 51%;} /*-- TOP "STEP" NAVIGATION FOR EDIT, PROMOTE, TRACK -------------------------------------------*/ #listing-steps {float: right; clear: right; width: 348px; margin-top: 1px;} #listing-steps ul {margin: 0; padding: 0;} #listing-steps li {display: inline; float: left; margin: 0; padding: 0;} #listing-steps li a {display: block; width: 116px; height: 29px; text-align: center; line-height: 29px; font-size: 14px; font-weight: bold; color: #fff; text-decoration: none; background: url('/images/common/listing-steps-inactive.gif') no-repeat;} #listing-steps li.active a, #listing-steps li a:hover {background: url('/images/common/listing-steps-active.gif') no-repeat;} #listing-steps li.inactive a {cursor: default;} #listing-steps li.inactive a:hover {background: url('/images/common/listing-steps-inactive.gif') no-repeat;} /*-- SPACE TAB (SUITE INFORMATION) -------------------------------------------*/ .suites {table-layout: fixed; width: 100%; border-width: 0;} .suites td {margin: 0; padding: 6px 0;} /*--- MARKET BROCHUREWARE PAGES ---------------------*/ .files-list {border: 1px solid #ebebeb; border-top: none;} .files-list li {display: inline;} .files-list li a {display: block; min-height: 15px; padding: 5px 5px 5px 36px; font-size: 12px; text-decoration: none; background-position: 8px 4px; background-repeat: no-repeat; border-bottom: 1px solid #eee;} .files-list li.pdf a {background-image: url('/images/listings/icon_pdf.gif');} .marketing p, .marketing li {font-size: 14px; line-height: 20px;} .marketing h2, .marketing .reason h2 {padding-bottom: 9px; text-align: left; font-family: "lucida grande", "lucida sans unicode", "helvetica neue", arial, sans-serif; font-size: 21px; font-weight: normal; color: #333;} .marketing .group li a {width: 99%;} .marketing .group .item {width: 265px; float: left; display: inline; margin: 0 25px 0 0; padding: 5px 25px 5px 0;} .marketing .group .last {margin-right: 0; padding-right: 0; border-width: 0;} .marketing .group .first {padding-left: 0;} .marketing .group .item h2 {margin: 15px 0 0 0;} .marketing .group .item img {border: 1px solid #111; margin: 0;} .marketing .group ul {margin: 0; padding: 0 0 0 1.5em;} .marketing .group li {list-style-image: url('/images/common/arrow.gif'); margin: 0 0 4px 0; padding: 0;} .marketing .price {padding: 4px 5px; font-size: 16px; color: #000; background-color: #f3f3f3;} .marketing .yellowPrice {padding: 2px 4px; color: #000; background-color: #fcf8d8;} .market-page #contact table {table-layout: fixed; width: 100%;} .market-page #contact td {padding: 5px;} .market-page #contact td.desc {width: 104px; text-align: right; font-weight: bold;} .market-page #contact input, .market-page #contact select {width: 44%;} .market-page #contact textarea {width: 98%;} .marketing .reason {margin: 12px 0 0; padding: 24px 18px;} .marketing .reason h3 {clear: left; padding: 2px 0 5px; text-align: left; font-size: 16px; font-weight: bold; color: #1e1e1e;} .marketing .reason .yui-u h3 {margin-top: 16px; padding-bottom: 2px;} .marketing .reason ul {padding: 4px 0 7px;} .marketing .reason p, .marketing .reason li {margin-left: 0; font-size: 14px; color: #333;} .marketing .reason ul li, .marketing .reason dl * {display: block; padding: 3px 0; font-size: 12px; line-height: 15px; color: #767C79; border-bottom: 1px solid #f3f3f3;} .marketing .reason ul li:first-child {padding-top: 0;} .marketing .reason ul li:last-child {border-bottom-width: 0;} .marketing .noticeable {background-color: #fcf8d8;} .marketing .noticed {background-color: #ecf3f4;} .marketingContact {clear: left; margin: 19px 318px 18px 0;} .marketingContact:after {clear: left !important;} .marketingContact .marketingExplain {margin-bottom: 12px;} .marketingContact .marketingPhoto {float: left; border: 1px solid #ddd; border-right: 2px solid #d3d3d3; border-bottom: 2px solid #d3d3d3;} .marketingContact .marketingPhoto img {border: 8px solid #fff;} .marketingContact .marketingContactBox {margin: 0 0 0 155px; padding: 14px 9px; background-color: #fff; border: 1px solid #ddd; border-right: 2px solid #d3d3d3; border-bottom: 2px solid #d3d3d3;} .marketingContact .marketingContactBox li {display: block; padding-right: 3px; padding-left: 3px;} .marketingContact .marketingContactBox .marketingPerson {padding: 0 3px 5px 2px; font-size: 23px; font-weight: bold;} .marketingContact .marketingContactBox .marketingTitle {padding-bottom: 8px; margin-bottom: 7px; font-size: 16px; border-bottom: 2px solid #ebebeb;} .marketingContact .marketingContactBox .marketingPhone {padding: 2px 3px 3px; font-size: 16px;} .marketingContact .marketingContactBox .marketingPhone strong {padding: 1px 2px; background-color: #fcf8d8;} .marketingContact .marketingContactBox .marketingEmail {margin-top: 5px; font-size: 16px;} .marketing .contactAdjacent {clear: right; float: right; width: 259px; margin: 18px 0;} .marketing .contactAdjacent a {display: block; padding: 0 0 5px; font-size: 14px;} .marketing .contactAdjacent .half-left {padding: 4px 0 0 4px;} .marketing .marketingDownload {clear: right; float: right; width: 303px; margin: 18px 0;} .marketing .marketingDownload a {display: block; padding: 0 0 5px; font-size: 14px;} .marketing .marketingDownload a.marketingButton {height: 108px; padding: 0; text-indent: -9999px; background-position: top center; background-repeat: no-repeat;} .marketing .marketingDownload a.marketingButton:hover {background-position: center;} .marketing .marketingDownload a.marketingButton:active {background-position: bottom center;} /* MARKETING INDEX PAGE */ .marketing .reason .column {float: left; width: 44.5%; margin: 0 5% 30px 1.5%;} .marketing .reason .columnLast {margin-right: 1.5%;} .marketing .reason .columnBottom {margin-bottom: 0;} .marketing .reason .column a {text-decoration: none;} .marketing .reason .column a:hover {text-decoration: underline;} .marketing .reason .column a img {float: left; width: 65px; margin-right: 15px;} .marketing .reason .column h2 {margin: 2px 0 4px 80px !important; padding: 0; text-align: left;} .marketing .reason .column h2 a {font-family: "helvetica neue", arial, sans-serif; font-size: 17px; line-height: 19px; font-weight: normal; color: #000;} .marketing .reason .column p {margin: 0 0 0 80px; font-size: 13px; line-height: 18px; color: #555;} .marketing .otherPitches {margin: 18px auto 10px; height: 151px; background: url(/images/market/pitches.png) center no-repeat;} .marketing .otherPitches div {position: relative; width: 24%; height: 80px;} .marketing .otherPitches h2 {position: absolute; top: 28px; left: 22px; width: 85%; font-size: 20px; font-family: "lucida grande", "lucida sans unicode", "helvetica neue", arial, sans-serif; line-height: 22px; letter-spacing: -.03em; font-weight: normal; color: #000;} .marketing .otherPitches a {position: absolute; top: 91px; left: 22px; display: block; width: 117px; height: 33px; text-indent: -9999px; background-image: url(/images/market/learnMoreButton.gif); background-position: top center; background-repeat: no-repeat;} .marketing .otherPitches a:hover {background-position: center;} .marketing .otherPitches a:active {background-position: bottom center;} .marketing .otherPitches #outsourcingLink {float: left; width: 49.25%;} .marketing .otherPitches #outsourcingLink h2 {width: 49.25%;} .marketing .otherPitches #pricingLink {float: right; margin-right: 1.5%;} .marketing .otherPitches #advertisingLink {float: right;} .marketing #otherPitchesCIE {margin-top: 15px; height: 132px; background: transparent;} .marketing #otherPitchesCIE h2 {top: 26px; left: 20px; width: 85%; font-size: 18px; line-height: 20px;} .marketing #otherPitchesCIE a {top: 77px; left: 20px;} .marketing #otherPitchesCIE div {width: 395px; height: 132px; background-repeat: no-repeat; background-position: center; background-image: url(/images/market/pitchesCIEShortBackground.png);} .marketing #otherPitchesCIE #outsourcingLink {float: left; background-image: url(/images/market/pitchesCIELongBackground.png);} .marketing #otherPitchesCIE #outsourcingLink h2 {width: 49.25%;} .marketing #otherPitchesCIE #pricingLink {float: right; margin-right: 1.5%;} .marketing #otherPitchesCIE #advertisingLink {float: right;} /* MARKETING PAGES TOP: NATIONAL WIDTH */ .marketTop {position: relative; width: 100%; height: 300px; margin: 0 auto; background-position: top center; background-repeat: no-repeat;} .marketTop h2 {position: absolute; width: 50%; top: 38px; left: 30px; font-size: 32px; font-family: "lucida grande", "lucida sans unicode", "helvetica neue", arial, sans-serif; line-height: 33px; letter-spacing: -.03em; font-weight: normal; color: #000;} .marketTop a {position: absolute; bottom: 0; width: 50%; height: 106px; text-indent: -9999px; background-position: top center; background-repeat: no-repeat;} .marketTop a:hover {background-position: center;} .marketTop a:active {background-position: bottom center;} /* MARKETING PAGES TOP: CIE WIDTH */ .CIEWidth {width: 802px; height: 271px;} .CIEWidth h2 {width: 50%; top: 38px; left: 30px; font-size: 29px;} .CIEWidth a {width: 401px; height: 93px;} /* CRM PAGE */ #crmTop {background-image: url(/images/market/crmTop.png);} #crmTop #downloadTestDriveLink {left: 0; background-image: url(/images/market/crmDownloadStates.gif);} #crmTop #learnCRMLink {right: 0; background-image: url(/images/market/crmLearnStates.gif);} #crmTopCIE {background-image: url(/images/market/crmTopCIE.png);} #crmTopCIE #downloadTestDriveLink {left: 0; background-image: url(/images/market/crmDownloadStatesCIE.gif);} #crmTopCIE #learnCRMLink {right: 0; background-image: url(/images/market/crmLearnStatesCIE.gif);} /* CMAIL PAGE */ #cmailTop {background-image: url(/images/market/cmailTop.png);} #cmailTop #broadcastCmailLink {left: 0; background-image: url(/images/market/cmailBroadcastStates.gif);} #cmailTop #learnCmailLink {right: 0; background-image: url(/images/market/cmailLearnStates.gif);} #cmailTopCIE {background-image: url(/images/market/cmailTopCIE.png);} #cmailTopCIE h2 {width: 40%;} #cmailTopCIE #broadcastCmailLink {left: 0; background-image: url(/images/market/cmailBroadcastStatesCIE.gif);} #cmailTopCIE #learnCmailLink {right: 0; background-image: url(/images/market/cmailLearnStatesCIE.gif);} /* PROMOTE PAGE */ #promoteTop {background-image: url(/images/market/promoteTop.png);} #promoteTop #learnDistributionLink {right: 0; background-image: url(/images/market/promoteLearnStates.gif);} #promoteTop #becomeMemberLink {left: 0; background-image: url(/images/market/promoteBecomeStates.gif);} #promoteTopCIE {background-image: url(/images/market/promoteTopCIE.png);} #promoteTopCIE #learnDistributionLink {right: 0; background-image: url(/images/market/promoteLearnStatesCIE.gif);} #promoteTopCIE #becomeMemberLink {left: 0; background-image: url(/images/market/promoteBecomeStatesCIE.gif);} /* DEMOGRAPHICS PAGE */ #demographicsTop {background-image: url(/images/market/demographicsTop.png);} #demographicsTop #subscribeDemographicsLink {left: 0; background-image: url(/images/market/demographicsSubscribeStates.gif);} #demographicsTop #learnDemographicsLink {right: 0; background-image: url(/images/market/demographicsLearnStates.gif);} #demographicsTopCIE {background-image: url(/images/market/demographicsTopCIE.png);} #demographicsTopCIE #subscribeDemographicsLink {left: 0; background-image: url(/images/market/demographicsSubscribeStatesCIE.gif);} #demographicsTopCIE #learnDemographicsLink {right: 0; background-image: url(/images/market/demographicsLearnStatesCIE.gif);} /* OUTSOURCING PAGE */ #outsourcingTop {background-image: url(/images/market/outsourcingTop.png);} #outsourcingTop #requestQuoteLink {left: 0; background-image: url(/images/market/outsourcingRequestStates.gif);} #outsourcingTop #learnProcessLink {right: 0; background-image: url(/images/market/outsourcingLearnStates.gif);} #outsourcingTopCIE {background-image: url(/images/market/outsourcingTopCIE.png);} #outsourcingTopCIE #requestQuoteLink {left: 0; background-image: url(/images/market/outsourcingRequestStatesCIE.gif);} #outsourcingTopCIE #learnProcessLink {right: 0; background-image: url(/images/market/outsourcingLearnStatesCIE.gif);} #outsourcingMaterials {height: 290px; background: url(/images/market/outsourcingMaterial.gif) center center no-repeat;} #outsourcingCrowd {height: 132px; background: url(/images/market/outsourcingCrowd.gif) top right no-repeat;} /* STYLES FOR WEBSITES & SITELINK */ #chooseService {position: relative; width: 100%; height: 280px; margin: 0 auto; font-family: "lucida grande", "lucida sans unicode", "helvetica neue", arial, sans-serif; background: url(/images/market/websitesTop.png) top center no-repeat;} #chooseService h2 {position: absolute; top: 35px; width: 220px; font-size: 28px; line-height: 30px; letter-spacing: -.03em; font-weight: normal; color: #000;} #chooseService a {position: absolute; top: 172px; width: 451px; height: 109px; text-indent: -9999px; background-position: top center; background-repeat: no-repeat;} #chooseService a:hover {background-position: center;} #chooseService a:active {background-position: bottom center;} #chooseServiceCIE {position: relative; width: 100%; height: 242px; font-family: "lucida grande", "lucida sans unicode", "helvetica neue", arial, sans-serif; background: url(/images/market/websitesTopCIE.png) top center no-repeat;} #chooseServiceCIE h2 {position: absolute; top: 30px; width: 200px; font-size: 26px; line-height: 28px; letter-spacing: -.03em; font-weight: normal; color: #000;} #chooseServiceCIE a {position: absolute; top: 149px; width: 395px; height: 96px; text-indent: -9999px; background-position: top center; background-repeat: no-repeat;} #chooseServiceCIE a:hover {background-position: center;} #chooseServiceCIE a:active {background-position: bottom center;} #chooseService #learnAboutCustomWebsites h2 {left: 29px;} #chooseService #learnAboutCustomWebsites a {left: 0; background-image: url(/images/market/websitesWebsitesStates.gif);} #chooseService #learnAboutSiteLink h2 {left: 498px;} #chooseService #learnAboutSiteLink a {right: 0; background-image: url(/images/market/websitesSiteLinkStates.gif);} #chooseServiceCIE #learnAboutCustomWebsites h2 {left: 26px;} #chooseServiceCIE #learnAboutCustomWebsites a {left: 0; background-image: url(/images/market/websitesWebsitesStatesCIE.gif);} #chooseServiceCIE #learnAboutSiteLink h2 {left: 434px;} #chooseServiceCIE #learnAboutSiteLink a {right: 0; background-image: url(/images/market/websitesSiteLinkStatesCIE.gif);} .switchTop #chooseService #learnAboutCustomWebsites h2 {left: 498px;} .switchTop #chooseService #learnAboutCustomWebsites a {right: 0; left: auto;} .switchTop #chooseService #learnAboutSiteLink h2 {left: 29px;} .switchTop #chooseService #learnAboutSiteLink a {right: auto; left: 0;} .switchTop #chooseServiceCIE #learnAboutCustomWebsites h2 {left: 434px;} .switchTop #chooseServiceCIE #learnAboutCustomWebsites a {right: 0; left: auto;} .switchTop #chooseServiceCIE #learnAboutSiteLink h2 {left: 26px;} .switchTop #chooseServiceCIE #learnAboutSiteLink a {right: auto; left: 0;} #customWebsites #customWebsitesScreenshots {float: right; width: 34%;} #customWebsites #customWebsitesScreenshots a {display: block; margin-bottom: 12px; padding: 9px; border: 1px solid #cdcdcd;} #customWebsites #customWebsitesScreenshots a span {display: block; height: 120px; background-color: #fff; background-position: top left; background-repeat: no-repeat;} #customWebsites #customWebsitesScreenshots a:hover {background-color: #f3f3f3; border-color: #b5b5b5;} #customWebsites #customWebsitesScreenshots a:active {background-color: #ebebeb; border-color: #aaa;} #customWebsites .thickbox #screenshotOne {background-image: url(/images/market/website_screenshots/cooper_small.png);} #customWebsites .thickbox #screenshotTwo {background-image: url(/images/market/website_screenshots/callandar_small.png);} #customWebsites .thickbox #screenshotThree {background-image: url(/images/market/website_screenshots/noble_small.png);} #customWebsites .thickbox #screenshotFour {background-image: url(/images/market/website_screenshots/robertclark_small.png);} #customWebsites .first {font-size: 14px;} #customWebsites .left-46 {float: left; width: 48%;} #customWebsites p.price {margin: 8px 0 17px; font-size: 17px; color: #000;} #customWebsites .footnote {margin: 0; text-align: right; font-size: 10px; font-weight: normal; text-transform: none; color: #aaa;} #customWebsites .customWebsitesSelect {display: block; width: 65px; height: 21px; margin-bottom: 6px; text-indent: -9999px; background: url(/images/market/selectButton.gif) top center no-repeat;} #customWebsites .customWebsitesSelect:hover {background-position: center;} #customWebsites .customWebsitesSelect:active {background-position: bottom center;} #customWebsites .packageOptions {clear: left; float: left; width: 61%;} #customWebsites #additionalOptions {display: block; width: 61%; margin-top: 18px;} #customWebsites #additionalOptions h3 {color: #444;} #customWebsites #additionalOptions ul li .price {float: right; width: 40%; padding: 0; font-size: 13px; color: #333; background: transparent;} #customWebsites #additionalOptions ul li .name {width: 58%;} #customWebsites #additionalOptions ul .subli {padding-top: 1px;} #customWebsites #additionalOptions ul .subli .name {width: 52%; padding-left: 6%;} #siteLink .tryit h3 {text-align: center;} /* STYLES FOR CUSTOM DESIGN */ .customDesignTop {position: relative; width: 916px; height: 351px; margin-top: 12px; background: url(/images/market/custom-design-top.png);} .customDesignTop a {position: absolute; bottom: 23px; left: 239px; width: 428px; height: 80px; background: url(/images/market/orderDesignServices.gif) top center no-repeat;} .customDesignTop a:hover {background-position: center center;} .customDesignTop a:active {background-position: bottom center;} .customDesignTop a span {position: absolute; top: -9999px;} #customDesignTopCIE {width: auto; height: 308px; background: url(/images/market/custom-design-topCIE.png);} #customDesignTopCIE a {bottom: 20px; left: 210px; width: 376px; height: 70px; background-image: url(/images/market/orderDesignServicesCIE.gif);} #customDesignServicesMenu {margin: 0 1px 0; padding: 1px 1px 0 0; background-color: #d9d9d9;} #customDesignServicesMenu div.left-50 {float: left; width: 50%;} #customDesignServicesMenu div div {height: 170px; margin: 0 0 1px 1px; padding: 18px 14px; background: url(/images/market/gradientBackground.gif) top left repeat-x;} #customDesignServicesMenu div div h2 {margin-bottom: 5px; font-size: 17px; font-weight: normal; line-height: 19px; color: #000;} #customDesignServicesMenu div div ul {width: 56%;} #customDesignServicesMenu div div ul li {padding: 2px 2px 3px; font-size: 13px; line-height: 15px; color: #888; border-bottom: 1px solid #ebebeb;} #customDesignServicesMenu div div ul li.main {padding-top: 7px; border-bottom-width: 0;} #customDesignServicesMenu .price {font-size: 13px; padding: 1px 2px;} #customDesignServicesMenu .thickbox {float: right; width: 38%; max-height: 90px; padding: 4px; background-color: #fff; border: 1px solid #e5e5e5; overflow: hidden;} #customDesignServicesMenu .thickbox:hover {background-color: #f5f5f5; border-color: #d5d5d5;} #customDesignServicesMenu .thickbox:active {background-color: #eee; border-color: #ccc;} #customDesignServicesMenu .thickbox img {display: block; width: 100%;} /* STYLES FOR ADVERTISING */ #ad-promotion #customWebsitesScreenshots a {display: block; margin-bottom: 12px; padding: 9px; border: 1px solid #cdcdcd;} #ad-promotion #customWebsitesScreenshots a span {display: block; height: 120px; background-color: #fff; background-position: top left; background-repeat: no-repeat;} #ad-promotion #customWebsitesScreenshots a:hover {background-color: #f3f3f3; border-color: #b5b5b5;} #ad-promotion #customWebsitesScreenshots a:active {background-color: #ebebeb; border-color: #aaa;} #ad-promotion .thickbox #screenshotOne {background-image: url(/images/market/websitesScreenshotThumb1.png);} #ad-promotion .thickbox #screenshotTwo {background-image: url(/images/market/websitesScreenshotThumb2.png);} #ad-promotion .thickbox #screenshotThree {background-image: url(/images/market/websitesScreenshotThumb3.png);} #ad-promotion .advertisingItem {width: 43.5%; margin-bottom: 18px;} #ad-promotion .advertisingItem .thickbox {float: right; width: 38%; margin: 0 0 14px 12px; padding: 5px; background-color: #fff; border: 1px solid #cdcdcd;} #ad-promotion .advertisingItem .thickbox:hover {background-color: #f8f8f8; border: 1px solid #bbb;} #ad-promotion .advertisingItem .thickbox img {width: 100%;} #ad-promotion .advertisingItem .button {clear: right; float: right;font-size: 15px; font-weight: bold; text-decoration: none;} #ad-promotion .advertisingItem .arrow li {font-size: 14px; line-height: 17px;} .marketWatch #adTiles img {float: none; padding: 5px 0 5px 15px;} /*-- MEMBER BENEFITS PAGE -------------------------------------------*/ #memberBenefits {} #memberBenefits tr th {padding: 15px 8px 5px; font-size: 18px; font-weight: bold; background-color: #ffc; border-bottom: 1px solid #bbb; border-left: 1px solid #eec;} #memberBenefits tr th:first-child {color: #000; border-left: none;} #memberBenefits tr td {padding: 11px 8px; vertical-align: top; font-size: 14px; border-right: 1px solid #dedede; border-bottom:1px solid #dedede;} #memberBenefits tr td.label {padding-left: 13px; font-weight: bold; background-color: #f5f5f5; border-right: 1px solid #bbb;} #memberBenefits tr td.empty {text-align: center; vertical-align: middle; color: #666;} #memberBenefits tr td.price {text-align: center; vertical-align: middle; background-color:#FFFFCC;} #memberBenefits tr td.price strong {font-size: 32px;} /*-- MEMBER UPGRADE PAGE -------------------------------------------*/ .partners-icongrid {clear: both; margin: 0;} .partners-icongrid h4 {margin: 12px 0 4px 3px; font-size: 14px; font-weight: bold; color: #000;} .partners-icongrid p {font-size: 13px;} .partners-icongrid ul {clear: both; display: block; margin: 0 0 22px 0; padding: 8px 0 0 0;} .partners-icongrid ul li {display: inline;} .partners-icongrid ul li a {position: relative; float: left; width: 100px; height: 63px; text-align: center; margin: 1px; background: url(/images/common/tile.gif) top center no-repeat;} .partners-icongrid ul li a:hover, .partners ul li a:focus {background-position: center center;} .partners-icongrid ul li a:active {background-position: bottom center;} .partners-icongrid ul li a, .partners ul li a:hover, .partners ul li a:focus {outline: 0;} .partners-icongrid ul li a img {margin-top: 5px;} /*-- ONLINE TRAINING PAGE -------------------------------------------*/ .why {float: right;} .why-how {width: 48%;} .why-how h4 {margin: 0; padding: 0 0 3px 0; font-size: 16px; border-bottom: 1px solid #ccc;} .why-how ul {margin: 4px 0 3px 20px; padding: 0; list-style-image: url(/images/common/arrow.gif);} .event {clear: both; margin: 0; border-top: 1px solid #000;} .when {width: 30%; margin-bottom: 6px;} .when h5 {margin: 0.2em 0.1em 0.1em; font-size: 14px;} .when p {margin: 0;} .when span {font-size: 90px; font-weight: bold; color: #eee;} .when img {border: 1px solid #ccc;} .when a {float: left; margin: 4px 0 18px 0; padding: 4px; border: 1px solid #ccc;} .when a img {border: 1px solid #eee;} .when a:hover {background-color: #f5f5f5; border-color: #444;} .when a:hover img {border-color: #ddd;} .what {float: right; width: 69%;} .what h3 {margin: 0; font-size: 20px;} .what h3 a {display: block; font-size: 20px; padding: 1px 0 2px 5px; color: #000; text-decoration: none;} .what h3 a span {float: right; position: relative; right: 28px; text-transform: uppercase; color: #666;} .what h3 a:hover {color: #fff; background: #000 url(/images/common/arrow-dark.gif) 99% 50% no-repeat;} .what p {margin: 0; padding: 0 0 2px 5px; font-size: 14px; color: #666; border-bottom: 1px solid #ccc;} .what img {float: right; width: 160px; margin: 0.5em 0 1.3em 0;} .what ul {margin: 0.5em 0 1.3em 0; padding: 0 0 0 24px;} .what li {padding: 2px 0 0 0; list-style-image: url(/images/common/arrow.gif); font-size: 14px;} .what .spaced li {padding: 8px 0 0 0;} /*-- PAGINATION STYLES -------------------------------------------*/ #pagination {margin: 1em 0; display: block;} #pagination strong {margin-right: 4px; padding: 2px 6px; color: #fff; border: 1px solid #ababab; background: #666;} #pagination a.number-box {margin-right: 4px; padding: 2px 6px; text-decoration: none; border: 1px solid #ababab;} #pagination a.number-box:hover {color: #fff; background: #666;text-decoration: none;} /*-- SEARCH BAR -------------------------------------------*/ #searchResultsButtons, #search-buttons .fauxbutton a {background: #666;} #searchResultsButtons ul li a:hover, #search-buttons .fauxbutton a:hover, .fauxbutton a {color: #fff; background: #142C67;} /*-- STATISTICAL INFORMATION -------------------------------------------*/ .statistics h2 {clear: both; margin-top: 16px; padding: 5px 8px; font-size: 18px; color: #444;} .statistics th {padding: 3px 8px; text-align: right; color: #444; background-color: #ebebeb; border: 1px solid #ddd;} .statistics td {width: 20%; text-align: right; font-weight: normal; color: #444; white-space: normal;} .statistics .label {text-align: left;} .statistics th.label {text-align: right; color: #444; background-color: #ebebeb; border: 1px solid #ddd;} .statistics .label span {float: left; width: 12px; height: 12px; margin-right: 3px;} .statistics .label .female span {background-color: #666;} .statistics .label .male span {background-color: #ccc;} .td-borderless td {padding: 2px 8px; text-align: left; border-width: 0 1px !important;} .td-borderless .label {padding: 2px 8px; border-width: 1px !important;} /* DEMOGRAPHIC PAGE SPECIFIC */ #src-pitch {height: 90px; padding: 10px 20px; font-size: 12px; background: #ffc; border: 1px solid #eee;} #stat-listing {width: 60%;} #stat-listing #overview-address {width: auto;} #demographics-page h3 {margin: 4px 5px 3px;} #demographics-page .statistics table {width: 49%;} #demographics-page .statistics table td {border-top: 1px solid #ebebeb;} #demographics-page .stat-graphs {float: right;} #demographics-page .stat-graphs td {text-align: left;} #demographics-page #map {width: 69%; height: 320px;} #demographics-page #map svg * {cursor: move !important;} #demographics-page form {background-color:#F8F8F8; border:1px solid #EFEFEF; padding: 5px; margin: 10px 0 20px;} #demographics-page #location_selections ul {float: none; width: auto; margin: 0; background-color: #fff;} #demographics-page div .yui-ac-content {top: 10px; width: 99%;} #demographics-page div .yui-ac-content ul {width: 100%; margin: 0;} #demographics-page div .yui-ac-content ul li {border-bottom: 1px solid #eee;} #demographics-page #location_form label {font-size: 16px; padding-right: 10px; margin: 6px 0px 0px 0px; float: left;} #demographics-page #location_form #location_autocomplete { float: left; margin-right: 10px; z-index: 99; font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif; } #demographics-page #location_form input.textinput {top: 0px; font-weight: bold; width: 450px } #demographics-page #location_form #location_submit {margin-top: 1px } #demographics-page #location_select { clear: both; } #demographics-page #location_select div { margin: 20px 10px 10px 0px; background-color: #F8F8F8; border: 1px solid #EFEFEF; padding: 5px; float: left; } #demographics-page #location_select ul { margin: 5px 0px 5px 0px } #demographics-page #location_select li { padding: 3px 0px 0px 0px } #demographics-page #location_select li input { margin-right: 3px } #demographics-page .overlabel {color: #777; font-size: 16px; font-weight: normal;} #demographics-page .overlabel-apply {top: 0px; left: 28px; color: #777; font-size: 16px; font-weight: normal; cursor:text; position: absolute} /*-- DEMOGRAPHICS INFORMATION PAGE -------------------------------------------*/ #stat-download {margin-top: 12px;} #stat-download {float: right; width: 30%; margin-top: 0;} #stat-download a {display: block; width: 37%; padding: 27px 6%; text-align: right; font-size: 16px; font-weight: bold; color: #666; text-decoration: none; background-color: #ebebeb; background-position: 4% 50%; background-repeat: no-repeat; border: 1px solid #d8d8d8;} #stat-download a:hover {color: #f5f5f5; text-decoration: underline;} #stat-download #stat-excel {float: right; background-image: url(/images/research/excel-file.gif); display: block; float: right; width: 85%; margin: 0 0 6px;} #stat-download #stat-excel:hover {background-color: #12be0c; border-color: #339630;} #stat-download #stat-pdf {float: right; background-image: url(/images/research/pdf-file.gif); display: block; float: right; width: 85%;} #stat-download #stat-pdf:hover {background-color: #ff2e32; border-color: #c8262a;} #stat-download .yellowbox {float: right; width: 90%; margin: 8px 0 0; padding: 6px 8px;} #stat-download .yellowbox span {display: block; margin-bottom: 3px;} #stat-download .yellowbox strong a {display: inline; color: #333; text-decoration: underline; background: transparent; border-width: 0; margin: 0; padding: 0;} /*-- MARKET STATISTICS PAGE -------------------------------------------*/ .market-stats body h3 {margin: 16px 0 4px 4px} .market-stats form {width: 66%; padding: 12px; background-color: #f8f8f8; border: 1px solid #efefef;} .market-stats form h4 {margin: 0;} .market-stats form ul {float: left; margin: 0; padding: 0; list-style: none;} .market-stats form ul li {margin: 2px 0;} .market-stats .statistic-type {float: left; width: 49%; margin-left: 2%;} .market-stats .yellowbox {float: left; width: 30%; margin: 0 1.5% 0 0; padding: 0.75% 1% 1%;} .market-stats .yellowbox h4 {margin: 0 0 2px;} .market-stats .overlabel-apply {position: absolute; z-index: 1; color: #777; font-size: 14px; font-weight: normal;} .market-stats #start-label {top: 28px; left: 11px;} .market-stats #end-label {top: 28px; left: 136px;} /*--- QUICK LOOKUP ---------------------*/ #quicklookup {background-color:#eee; border:1px solid #999; margin: 10px 0 20px; padding: 10px;} #quicklookup input.textinput {font-weight:bold; width: 50%; margin-right: 10px;} #quicklookup strong {padding-right: 20px; font-size: 16px;} .search-page #quicklookup p {font-size: 12px; margin:4px 0 0 150px; color: #777;} .search-page #quicklookup strong {color: #555;} .search-page #quicklookup label {font-size: 16px; font-color: #888;} .search-page #quicklookup .overlabel-apply {top: 5px; left: 174px;} .quicklookupmain {margin: 0 0 16px 0;} .quicklookupmain form {position: relative; display: inline;} .quicklookupmain form label {top: 0; left: 6px;} .quicklookupmain form input {width: 30%;} .quicklookupmain form .button-small {width: auto;} .quicklookupresults h3 {margin: 24px 0 0 0; padding: 0 0 0 0; font-size: 20px;} .quicklookupresults h3.first {margin-top: 0} .quicklookupresults tr.columnheadings {font-weight: bold; color: #fff; background-color: #9a9a9a;} /*-- PROPERTY SUMMARY PAGE -------------------------------------------*/ #container h2#summary-address {margin: 0; padding: 0 5px 0; line-height: 31px; letter-spacing: -1px; font-size: 28px; color: #444; } #container h3#summary-location {margin: 1px 0 3px; padding: 2px 5px 12px; font-size: 22px; font-weight: normal; color: #444; border-bottom: 1px solid #ddd;} #property-summary h3 {margin: 17px 5px 3px; color: #333; clear: both;} #property-summary .right-38 h3 {margin: 17px 0 0;} #property-summary .inner-alert {margin: 0.25em 0 0 116px;} #property-summary .caution {margin-bottom: 0.25em; font-size: 14px; font-weight: bold; color: #BA2226;} #property-summary .caution img {position: relative; top: 2px; right: 1px;} #property-summary .inner-alert ul {margin: 0.1em 0 0.6em; padding: 0 0 0 1.6em; list-style: none;} #property-summary .inner-alert li {display: block; padding: 2px 0; font-size: 14px;} /* OVERLABEL */ #property-summary .overlabel {color: #777; font-size: 14px; font-weight: normal;} #property-summary .overlabel-apply {position: absolute; top: 4px; left: 130px; z-index: 1; color: #777; font-size: 16px; font-weight: normal; cursor:text;} #property-summary .overlabel-wrapper {float: none; position: relative; width: auto; margin-right: 3px;} .tabular-search {width: 100%; color: #444;} .tabular-search tr:hover td {color: #000; background: #d8dde5; cursor: pointer;} .tabular-search th {padding: 5px; text-align: left; font-weight: bold; background: #ebebeb; border: solid #ddd; border-width: 1px 0;} .tabular-search td {padding: 5px; border-bottom: 1px solid #ebebeb;} .tabular-search .tdheader td {padding: 0; background: #fff; border-width: 0;} .tabular-search .tdheader:hover td {color: #333; background-color: #fff; cursor: default;} .tabular-search .border-left {border-left: 1px solid #ebebeb;} .tabular-search .border-right {border-right: 1px solid #ebebeb;} .tabular-search th.border-left, .tabular-search th.border-right {border-color: #ddd;} .view-more-stat {padding: 0 !important;} .view-more-stat a {display: block; padding: 11px 40px 10px 8px !important; text-align: right !important; font-size: 14px !important; font-weight: bold !important; text-decoration: underline !important;background: transparent url(/images/research/arrow-circle.gif) 99% 50% no-repeat !important;} .view-more-stat a:hover {color: #f5f5f5 !important; text-decoration: underline !important; background-image: url(/images/research/arrow-circle-over.png) !important; background-color: #666 !important;} #summary-gallery {clear: both;} #summary-gallery a {float: left; width: 18.5%; height: 100px; margin: 0 0.5% 1%; border: 1px solid #ccc; overflow: hidden;} #summary-gallery a:hover {border-color: #666;} #summary-gallery img {width: 100%;} /*-- SEARCH JUMP PAGE -------------------------------------------*/ #searchjump-h2 {margin: 18px 0 22px;} /*-- LISTING DISTIBUTION MARKETING PAGE -------------------------------------------*/ .distribution #intro-text {font-family: "lucida grande", "trebuchet ms", sans-serif;} .distribution h2 {clear: both;} .distribution h3 {margin: 0 0 5px; font-size: 16px; font-weight: bold;} .distribution #intro-text {display: block; margin: 0 0 36px; padding: 0 8px; font-size: 30px; line-height: 40px; color: #000;} .distribution #intro-text img {position: relative; top: 2px; float: right; margin-left: 18px;} .distribution .col-right {clear: right; float: right; width: 47%;} .distribution .col-left {clear: left; float: left; width: 47%; margin: 0 0 12px;} .distribution .image-link {padding: 4px; background-color: #fff; border: 1px solid #eee; cursor: pointer;} .distribution .image-link:hover {background-color: #fafafa; border-color: #ccc;} .distribution .icon-grid {clear: both; margin: 0 auto 18px;} .distribution .icon-grid h4 {margin: 0; padding: 12px 4px 4px; font-size: 15px;} .distribution .icon-grid .distributiongroup {padding-bottom: 30px;} .distribution .icon-grid .distributiongroup ul {clear: both; display: block; margin: 0 auto;} .distribution .icon-grid .distributiongroup ul li {display: inline;} .distribution .icon-grid .distributiongroup ul li h3 {padding: 22px 4px 2px;} .distribution .icon-grid .distributiongroup a {float: left; width: 98px; height: 59px; text-align: center; margin: 1px; background-color: #fff; border: 1px solid #ebebeb;} .distribution .icon-grid .distributiongroup a:hover {background-color: #f8f8f8;} .distribution .icon-grid .distributiongroup a:active {background-color: #f2f2f2;} .distribution .icon-grid .distributiongroup a img {margin-top: 6px;} .distribution #register-search .right-38 h4 {padding-top: 5px; font-family: "helvetica neue", arial, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #444;} .distribution #register-search .right-38 ul {float: left; width: 44%; margin-right: 1%; padding: 1.5% 2%; color: #666; background-color: #fff; border: 1px solid #eee;} .distribution #register-search .right-38 ul li {line-height: 12px; font-size: 10px; font-family: "lucida grande", "trebuchet ms", verdana, sans-serif;} .distribution .ol {list-style: none;} .distribution .image-ol li {clear: left; display: block; margin-left: 0; margin-bottom: 2px;} .distribution .image-ol li img {float: left; width: 26%; margin: 0 12px 6px 0;} .distribution .image-ol li h3 {padding-top: 6px;} .distribution .right-38 img, .distribution .left-38 img {width: 98%;} .distribution .third-right img, .distribution .third-left img {width: 96%; margin-bottom: 8px;} .distribution .third-right p, .distribution .third-left p {margin-bottom: 20px;} .distribution #feature-reports img {float: right; width: 23%; margin-right: 1%;} .distribution #feature-reports div div {clear: both; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #eee;} .distribution #feature-reports div div:last-child {border-bottom-width: 0;} /*-- UPGRADE PAGE -------------------------------------------*/ .why-upgrade {text-align: center; font-family: "lucida grande", "trebuchet ms", verdana, sans-serif;} h2.why-upgrade {font-size: 30px; padding: 8px 0 16px; text-align: left;} h3.why-upgrade {font-size: 22px; margin-top: 34px; padding: 0 16px;} .reason {display: block; clear: both; margin: 0 0 22px; padding: 26px 18px 18px; background: url(/images/register/upgrade-gradient.gif) top left repeat-x; border: 1px solid #eee;} .reason h2 {margin: 0; padding-bottom: 16px; text-align: center; font-family: "lucida grande", "trebuchet ms", verdana, sans-serif; font-size: 30px; color: #555;} .reason h3 {margin: 0; padding: 11px 6px 18px 0; text-align: right; font-family: "lucida grande", "trebuchet ms", verdana, sans-serif; font-size: 22px; font-weight: normal; color: #444;} .reason h4 {margin: 0 0 1px; font-size: 17px; color: #333;} .reason p {margin: 0 0 14px 19px; font-size: 16px; color: #777;} .reason strong {color: #555;} #reason-search h3, #reason-search h4, #reason-search p {margin-right: 368px;} #reason-market h3, #reason-market h4 {margin-left: 368px;} #reason-market p {margin-left: 387px;} .upgrade-button {width: 168px; height: 74px; margin-top: -8px; margin-bottom: 18px; background-image: url(/images/register/upgrade-button.gif); background-repeat: no-repeat; background-position: top center;} .upgrade-button:hover {background-position: center;} .upgrade-button:active {background-position: bottom center;} /*-- REDEMOGRAPHICS PAGE -------------------------------------------*/ .redemographics .yellowbox {clear: right; float: right; width: 306px; margin: 0 0 9px;} .redemographics .yellowbox p {margin: 2px 0 0 !important; color: #333;} .redemographics .subscribe-to {display: block; margin: 0 0 8px; font-size: 16px;} .redemographics .redemographics-screenshot {clear: right; float: right; margin: 0 0 9px; padding: 9px; background-color: #fff; border: 1px solid #ddd;} .redemographics .subscribe-button {background-image: url(/images/register/subscribe-button.gif);} /*-- COMMERCIAL REAL ESTATE NEWS FEED -------------------------------------------*/ #news-feed a {display: block; margin: -1px 0 0; padding: 8px 5px; list-style: none; color: #5e5e5e; text-decoration: none; border: solid #e5e5e5; border-width: 1px 0; cursor: pointer;} #news-feed a:hover {background-color: #f0f0f0;} #news-feed a strong {float: left; width: 90px; margin: 0; color: #666;} #news-feed a strong span {font-size: 0.95em; opacity: 0.8;} #news-feed a .contents {display: block; margin: 0 0 0 95px;} #news-feed a .contents .source {float: right; margin: 2px 0 0 8px; font-size: 10px; line-height: 16px; font-weight: bold; text-transform: uppercase; color: #666;} #news-feed a .contents .header {margin: 0 0 1px; padding: 0;} #news-feed a .contents .header .title {font-size: 14px; line-height: 16px; font-weight: bold; color: #333;} #news-feed a:hover .contents .header .title {color: #000;} #news-feed a .contents .description {display: block; margin: 0; padding: 1px 5px 0 0; font-size: 12px; line-height: 17px;} #news-feed a:hover .contents .description {color: #444;} /*-- HELPDESK -------------------------------------------*/ .help h2 {font-size: 20px; font-weight: normal; margin:5px 0 10px;} #help-options {margin-top: 10px;} #help-options li {padding: 15px; margin-bottom: 10px;} #help-options li strong {font-size: 22px; font-weight: normal;} #help-options li strong label {font-size: 20px; color: #999; margin-right: 10px;} #help-options li strong a {font-size: 22px; font-weight: normal;} #help-options li.manual {padding: 0 0 0 32px; margin:20px 0 20px 10px; background-image: url(/images/file_icons/icon_pdf.gif); background-repeat: no-repeat;} #help-options li.note {font-size: 15px; color: #999; padding: 5px;} /*-- AGENT PROFILE PAGE -------------------------------------------*/ .agent #main #overview-title {margin: 0 0 0 12px; font-size: 28px; letter-spacing: -1px; color: #222; border-width: 0;} .agent .tabs-container {border-collapse: separate; margin-bottom: 10px;} .agent .tabs-container h3 {margin: 0;} .agent #general-info #agentphoto, .agent #general-info #companylogo {display: block; max-width: 90%; margin: 0 0 8px; padding: 5%; background-color: #fff; border: 1px solid #ebebeb;} .agent #general-info p.affiliationflags {text-align: left;} .agent #general-info p.affiliationflags img {margin-bottom: 5px;} .agent #agent-primary-contact strong {font-size: 14px; line-height: 1.35em;} .agent #agent-workingsince {font-size: 15px; margin: 0 -0.2em 0.7em; padding: 0 0.2em 0.2em; border-bottom: 1px solid #e5e5e5;} .agent #agent-biography { /*column-count: 2; column-gap: 2%;*/ -moz-column-count: 2; -webkit-column-count: 2; } .agent .agent-usefullinks li {margin-bottom: 5px;} /* COMP TRANS STYLES */ #comp-block {margin-bottom: 0; padding: 1.5em 0; border-bottom: 3px solid #ccc;} table#comp-grid {width: 100%;} table#comp-grid tr {margin: 0; padding: 0;} table#comp-grid td.desc {padding-right: 4px; text-align: right; font-weight: bold;} table#comp-grid td {padding: 4px 8px; border-bottom: 1px solid #ccc; width: 25%; margin-bottom:0;} #comp-title {padding-bottom: 4px; font-size: 18px; font-weight: bold; border-bottom: 1px solid #ccc;} #comp-title a {font-size: 10px; font-weight: normal; border-bottom: 1px solid #ccc;} p#desc {margin: 0;} #profile-actions {float: right; width: 190px; list-style-type: none; margin: 0 0 0 5px; padding: 0;} #profile-actions li a {display: block; height: 19px; padding-top: 5px; text-decoration: none; background-position: 2% 50%; background-repeat: no-repeat; border-bottom: 1px solid #ddd;} #profile-actions li a:hover {background-color: #eee;} #profile-actions li.profileemail {padding-left: 3px;} #profile-actions li.profileemail a {padding-left: 25px; background-image: url(/images/icons/icon_email.gif);} #profile-actions li.profilepdf a {padding-left: 28px; background-image: url(/images/listings/icon_pdf.gif);} #profile-actions li.profileweb a {padding-left: 28px; background-image: url(/images/icons/web_16.gif);} #profile-actions li.profileblog a {padding-left: 28px; background-image: url(/images/icons/feed_16.png);} #profile-actions li.profiletwitter a {padding-left: 28px; background-image: url(/images/icons/twitter_16.png);} #profile-actions li.profilelinkedin a {padding-left: 28px; background-image: url(/images/icons/linkedin_16.png);} #profile-actions li.profilefacebook a {padding-left: 28px; background-image: url(/images/icons/facebook_16.png);} .tabs-container .category {clear: both; margin: 0 -0.15em 0.3em; padding: 0.8em 0.15em 0.2em;} .tabs-container .category:first-child {padding-top: 0;} /* LISTING/COMP/PROPERTY OVERVIEW PAGE ================================================================================*/ /*-- TOP BAR -------------------------------------------*/ #top-bar {position: static; display: block; clear: both; margin: 8px 0 20px;} #top-bar-container {border-bottom: 1px solid #eee;} #details-highlight {display: none;} #direct-link {display: none; margin-left: 270px; padding-bottom: 5px; text-align: right;} #direct-link input {width: 80%;} /* LISTINGS ONLY */ .listing-overview #direct-link {display: block;} /*-- TOP BAR - SEARCH -------------------------------------------*/ #details-view #direct-link {padding-bottom: 0;} #details-view #top-bar {display: block; position: absolute; top: 0; left: 0; width: 100%; margin: 0; margin-bottom: 0; border-width: 0;} #details-view #top-bar-container {max-width: 946px; margin: 0 auto; padding: 6px 8px; background: #fff; border: solid #eee; border-width: 0 1px 1px;} #details-view #top-bar-container #details-highlight {display: block; padding: 2px 6px; font-size: 14px; font-weight: bold; border: 1px solid #eee;} /* LISTINGS ONLY */ #details-view .listing-overview #top-bar-container #details-highlight {float: left;} #listing-left-column {width: 60%;} #listing-right-column {float: right; width: 39%;} #listing-left-column h3.category {position: relative; right: 1px;} #listing-left-column strong {font-size: 16px; line-height: 20px;} #listing-left-column .contacts .label {color: #666; width: 115px;} #listing-left-column .contacts tr {border-bottom: 1px solid #ddd; padding-bottom: 5px;} #listing-left-column .contacts td {padding-bottom: 5px;} #listing-left-column .contacts strong {font-size: 13px;} /*-- OVERVIEW TITLE -------------------------------------------*/ #main #overview-title {margin: 0; padding: 4px 0 6px 4px; line-height: 1.1em; font-size: 28px; letter-spacing: -1px; color: #b50d0d; border-width: 0;} #overview-title #private-listing {float: right; margin-top: 6px; font-size: 13px; font-weight: normal;} #overview-title #private-listing img {position: relative; top: 2px;} /*-- CONTACT AGENT BUTTON -------------------------------------------*/ #contact-agent {float: right; width: 121px; height: 58px; background: url(/images/listings/contact-agent.gif) top center no-repeat;} #contact-agent:hover {background-position: center;} #contact-agent:active {background-position: bottom center;} /*-- ADDRESS -------------------------------------------*/ #overview-address {min-height: 56px; margin-bottom: 5px; margin-left: -1px; border-collapse: collapse; background: #eee; border: 1px solid #ccc;} .listing-overview #overview-address {margin-right: 124px;} #overview-address .address {float: left; width: 66%; } #overview-address .address h2 {height: auto; margin: 0; padding: 7px 6px 0 !important; font-size: 20px; color: #333;} #overview-address .address h3 {height: auto; margin: 0 !important; padding: 0 6px; font-size: 14px; color: #333; font-weight: normal;} #overview-address .address h3 a {font-size: 0.85em;} #overview-address .overview-other {float: right; height: 56px; width: 34%; font-size: 12px;} #overview-address #overview-source {background-color: #aaa; color: #fff; margin: 0; padding: 5px;} /*-- OVERVIEW ADDRESS TOOL -------------------------------------------*/ #id {float: right; width: 90%; padding: 5px 4px 0;} .public-private {float: right; width: 120px; height: 23px; padding: 1px 4px 0; color: #888;} .public-private img {position: relative; top: 2px;} .public-private span {font-weight: bold;} #public-listing {height: 20px; padding-top: 4px;} /*-- PROPERTY TYPE -------------------------------------------*/ .listing #types {margin: 0;} .listing #overview-type h3, .listing #overview-type h4 {margin: 0; padding: 0; font-family: "helvetica neue", arial, sans-serif; font-size: 13px; font-weight: normal;} /*-- PROPERTY OVERVIEW -------------------------------------------*/ #property-overview {padding: 10px 8px; line-height: 1.45em; font-size: 13px; font-weight: normal; color: #222;} /*-- PICTURE -------------------------------------------*/ .listing #slideshow-header {padding: 0.3em 0.6em 0.25em; color: #fff; background-color: #333; border-bottom-width: 0;} .listing #imagecontainer {margin-bottom: 5px;} .listing #imagecontainer a {display: block;} /*-- ACTIONS, LINKS & ATTACHMENTS -------------------------------------------*/ #listing-right-column ul li {display: inline; list-style: none;} #listing-right-column ul li a {display: block; min-height: 11px; padding-left:42px; font-size: 13px; line-height: 11px; text-decoration: none; background-position: 8px 50%; background-repeat: no-repeat; border-bottom: 1px solid #eee;} #listing-right-column ul li a:hover {text-decoration: underline; background-color: #f5f5f5;} #listing-right-column ul li:last-child a {border-bottom: 1px solid #ccc;} #listing-right-column .details .listing-action a {padding-top: 11px; padding-bottom: 10px; background-position: 1% 50%; background-repeat: no-repeat;} #listing-right-column .details .listing-action #email-action-link {background-image: url(/images/listings/action_email.gif);} #listing-right-column .details .listing-action #catalog-action-link {background-image: url(/images/listings/action_catalog.gif); background-position: 1% 50%;} #listing-right-column .details .listing-action #brochure-action-link {background-image: url(/images/listings/action_brochure.gif);} #listing-right-column .details .listing-action #history-action-link {background-image: url(/images/listings/action_clock.gif);} #listing-right-column .details .listing-action #link-action-link {background-image: url(/images/listings/action_link.gif);} #listing-right-column .details .listing-action #highlight-action-link {background-image: url(/images/listings/action_star.gif);} #listing-right-column .details .listing-action #similar-action-link {background-image: url(/images/listings/action_similar.gif);} #listing-right-column .details .listing-action #tax-action-link {background-image: url(/images/listings/action_tax.gif);} #listing-right-column .details .listing-action #addToCatalog_frame {position: absolute; z-index: 99; top: 0; left: 0; display: none; width: 300px; height: 230px; border: 1px solid gray; border-top-width: 0;} #listing-right-column .details .listing-action #addToCatalog_frame a {display: inline; min-height: 0; padding: 0; font-size: 10px; text-decoration: underline; background: none;} #listing-right-column .details #newcatalogfields td {border-width: 0; } .listing .files-list {border: 1px solid #ebebeb; border-top: none;} .listing .files-list li {display: inline;} .listing .files-list li a {display: block; min-height: 15px; padding: 5px 5px 5px 36px; font-size: 12px; text-decoration: none; background-position: 8px 4px; background-repeat: no-repeat; border-bottom: 1px solid #eee;} .listing .files-list .attachment-caption {float: right; width: 38%; text-align: right; color: #999; white-space: nowrap; overflow: hidden;} .listing #attachments #view-all-attachments {display: block; padding: 4px 6px 0 6px;} .listing #attachments #number-of-attachments {display: block; padding: 2px 6px;} .listing li.link a {background-image: url('/images/common/arrow.gif');} .listing li.findsimilar a {background: #FDFBF0; padding: 4px 0; line-height: 16px;} .listing #attachments li a {background-image: url('/images/listings/icon_blank.gif');} .listing #attachments li.xl a {background-image: url('/images/listings/icon_xl.gif');} .listing #attachments li.word a {background-image: url('/images/listings/icon_word.gif');} .listing #attachments li.pdf a {background-image: url('/images/listings/icon_pdf.gif');} .listing #attachments li.txt a {background-image: url('/images/listings/icon_txt.gif');} .listing #attachments li.jpg a, .listing #attachments li.tif a, .listing #attachments li.png a, .listing #attachments li.gif a, .listing #attachments li.bmp a {background-image: url('/images/listings/icon_jpg.gif');} #private-files form {margin: 4px 6px;} /*-- SUITES -------------------------------------------*/ #expandAllSuites, #hideAllSuites {float: right; margin: 4px 1px 0; font-size: 12px;} tr.basic td.label:hover {background-color: #f0f0f0; cursor: pointer;} tr.basic td.label:hover a {text-decoration: none;} tr.basic td.label:active {background-color: #ddd;} body table.suite-table {margin: 10px 0 0 0; border: 1px solid #ccc;} body table.suite-table tr {cursor: pointer;} body table.suite-table .primary td {padding: 10px 5px; background-color: #eee; font-size: 12px;} body table.suite-table .primary a {font-size: 12px;} body table.suite-table .label {color: #666; padding: 5px;} body table.suite-table tr {border-bottom: #f0f0f0;} .moreSuitesInfo { margin: 6px 0;} /*-- AGENTS -------------------------------------------*/ #listing-left-column #listing-agent td strong {font-size: 14px;} #listing-left-column h4 {color: #333; border-bottom: 1px solid #999; margin: 5px 0 3px 7px; padding-bottom: 3px;} #listing-agent td {font-weight: normal; background-color: #fafafa; padding: 8px;} #listing-agent td h3 {margin: 0 0 6px; padding-top: 2px; font-size: 20px;} #agent-company-name {display: block; margin: 0 0 14px; font-size: 14px;} #agent-logo {float: right; width: 150px; overflow: hidden;} #agent-logo img {width: 100%;} #agent-contact {margin-right: 140px;} #agent-address span {display: block; margin: 0 0 2px; font-size: 13px;} #agent-address span.agent-phone {font-size: 12px;} #agent-photo {float: left; margin-right: 1em;} .listing td#agentinfo {vertical-align: top;} #additional-agents {clear: left; padding-top: 0;} span.additionalagents {margin: 0; padding: 10px 0 0;} /*-- ADS INCLUDE -------------------------------------------*/ #adinclude {clear: both; text-align: center; margin: 20px 0 0 0; padding: 5px 0; border: solid #eee; border-width: 1px 0;} #adinclude span.label {display: block; font-size: 9px; font-weight: bold; color: #999; margin-bottom: 3px;} #adinclude br, #adinclude a.infolink {display: none;} #adinclude img {margin-right: 5px;} /*-- SLIDESHOW -------------------------------------------*/ #listing-right-column h3.nomargin a {color: #ccc; text-decoration: none;} #listing-right-column h3.nomargin a:hover {color: #fff;} #imageholder {position: relative; height: 100%;} #imageholder #enlarge-link {position: absolute; right: 0; bottom: 20px; display: block; width: 66px; padding: 0.35em; font-size: 11px; font-weight: bold; color: #444; text-decoration: none; background: white; cursor: pointer;} #imageholder .singleLightboxImage {border-bottom: 1px solid #ebebeb;} #imageholder .singleLightboxImage a {text-decoration: none; border-bottom: 1px solid #ccc;} #ss_img {width: 100%;} /*-- MAP LINKS -------------------------------------------*/ #directions-links {margin-top: 4px; text-align: center;} /*-- ADDITIONAL CIES -------------------------------------------*/ #additional-cies th {font-weight: normal;} #additional-cies td.label {text-align: center; vertical-align: middle;} /*-- LISTING DISCLAIMER -------------------------------------------*/ #listing-disclaimer td {padding: 8px; font-weight: normal; color: #999;} /* CONSOLE PAGE ================================================================================*/ .marketWatch .hello {margin-bottom: 16px; padding: 9px;} .marketWatch .hello p {margin-bottom: 0; font-size: 18px;} .marketWatch .hello a {font-size: 15px;} .marketWatch #ura {background-color: #ffc; border: solid #eea; border-width: 2px;} .marketWatch #trouble {background-color: #fdd4dc; border: solid #ba2226; border-width: 2px;} .marketWatch h2 {padding: 0 2px;} .marketWatch .left-60 {width: 66%;} .marketWatch .right-38 {width: 32%;} .marketWatch .right-38 h2 {margin: 0; padding: 9px 18px;} .marketWatch .right-38 h3 {margin: 16px 0 0; padding: 0 13px 3px 5px; font-size: 16px;} .marketWatch .right-38 div {background-color: transparent; margin-bottom: 3px; padding: 12px 0; background-color: #f8f8f8;} .marketWatch .right-38 div img {float: right; padding: 5px;} .marketWatch .right-38 div p {padding: 0 18px;} .marketWatch #searchLinks li a {font-weight: bold;} .marketWatch #searchLinks li a span {display: none; font-weight: normal;} .marketWatch .consoleLinks li {display: block; margin-bottom: 2px;} .marketWatch .consoleLinks li a {background-color: #eee; display: block; height: 22px; padding: 7px 13px 0; line-height: 14px; font-size: 13px; color: #666; text-decoration: none; background: #f8f8f8 url(/images/icons/consoleBracket.gif) 97% top no-repeat;} .marketWatch .consoleLinks li a:hover {background-color: #ddd; color: #333; background-color: #ebebeb; background-position: 97% center;} .marketWatch .consoleLinks li a:active {background-color: #e5e5e5; background-position: 97% bottom;} .marketWatch .consoleLinks li a img {float: left; width: 15px; height: 15px; margin-right: 10px;} .marketWatch .consoleLinks li a span {display: block; margin: 3px 20px 0 24px; line-height: 15px; font-size: 12px; color: #888;} .marketWatch .consoleLinks li a:hover span {color: #666;} .marketWatch .consoleLinks #needAttention {color: #fff; background-color: #c30;} .marketWatch .consoleLinks #needAttention:hover {background-color: #933;} .marketWatch .marketConsoleLinks li a {height: auto; padding-bottom: 8px; background-image: none;} .marketWatch #summary-publication h3 {background-color: transparent; border-bottom: 1px solid #ccc; margin: 0 0 0; padding: 5px; text-transform: uppercase; color: #2b2b2b; background-color: #ebebeb} .marketWatch #summary-publication h3 .frequency {float: right; text-transform: none; color: #aaa;} .marketWatch .monitoredActivity {margin-bottom: 21px;} .marketWatch .monitoredActivity li {display: block; padding: 4px 14px 5px; margin-left: 0; font-size: 14px; text-decoration: none; border-bottom: 1px solid #ebebeb;} .marketWatch .monitoredActivity li.header {padding: 8px 7px 5px; font-size: 13px; font-weight: bold; color: #555;} .marketWatch .monitoredActivity li.header .floatright {padding-top: 2px; font-size: 12px; } .marketWatch .monitoredActivity li a {font-size: 14px; margin: 0 -1px; padding: 1px; font-weight: normal; text-decoration: none; background-position: 1px 50%; background-repeat: no-repeat;} .marketWatch .monitoredActivity li a:hover {color: #fff; background-color: #666;} .marketWatch .monitoredActivity li a:first-child {font-weight: bold;} .marketWatch .monitoredActivity li img {float: right; height: 16px; margin-left: 6px;} .marketWatch .monitoredActivity li.monitorRight {float: right; max-width: 22%; height: 16px; margin-top: -1px; margin-left: 6px; text-align: right; font-size: 12px;} .marketWatch .monitoredActivity li.savedSearch {background-image: url(/images/icons/icon_savedSearch_15.gif); background-position: 99% 50%; background-repeat: no-repeat;} .marketWatch .monitoredActivity li.catalog {background-image: url(/images/icons/icon_collection_15.gif); background-position: 99% 50%; background-repeat: no-repeat;} .marketWatch .monitoredActivity li.leads {padding-left: 19px; background-image: url(/images/icons/icon_leads_15.gif);} .marketWatch .monitoredActivity li.added {padding-left: 19px; background-image: url(/images/icons/icon_add_15.gif);} .marketWatch .monitoredActivity li.updated {padding-left: 19px; background-image: url(/images/icons/icon_updated_15.gif);} .marketWatch .monitoredActivity li.expired {padding-left: 19px; background-image: url(/images/icons/icon_expired_15.gif);} .marketWatch .monitoredActivity li.complete {padding-left: 19px; background-image: url(/images/icons/icon_complete_15.gif);} .marketWatch .monitoredActivity li.cmail {padding-left: 19px; background-image: url(/images/icons/icon_emailMarketing_15.gif);} .marketWatch .monitoredActivity li.wants {padding-left: 19px; background-image: url(/images/icons/icon_postWant_15.gif);} .cmaillist {margin-top: 10px; padding: 2px 0 20px 20px; list-style: url(/images/icons/icon_emailMarketing_15.gif);} .cmaillist li {padding-bottom: 6px; } .cmaillist a {font-size: 14px;} .feedlist {width: 90%; background-color: #f8f8f8; padding: 5px 20px 10px;} .feedlist ul {margin-top: 10px; padding: 2px 0 20px 20px; list-style: url(/images/icons/icon_feed_15.gif);} .feedlist li {padding-bottom: 5px; } #catylist-pitches {padding: 0 5px;} .notify {float: right; color: #666;} .notify img {margin-bottom: -3px;} /* NON LISTING/COMP/PROPERTY SEARCH INTERFACES ================================================================================*/ .search-form {display: block; margin: 0; padding: 20px; background-color: #fcfcfc; border: solid gray; border-width: 0 1px 1px 1px;} /*-- LOCATION DRILLDOWN -------------------------------------------*/ #chooseState {float: left; width: 155px; border-right: 1px #ccc solid; margin-right: 5px;} #chooseState select, #chooseState p.footnote {width: 150px;} #chooseFocus {margin-bottom: 150px;} #chooseFocus .column1 {float: left; width: 80px;} #chooseLocation select {width: 250px;} #chooseLocation img {margin: 10px;} #RSIFrame {width: 0; height: 0; border: 0;} /*-- PAGINATION-------------------------------------------*/ #paginationtop, #paginationbottom {font-weight: bold; color: #333;} #paginationtop {margin: 10px 5px;} #paginationbottom {margin: 0 5px 10px 5px; padding-top: 10px;} #paginationtop a:link, #paginationtop a:active, #paginationtop a:visited, #paginationbottom a:link, #paginationbottom a:active, #paginationbottom a:visited {font-weight: normal; text-decoration: underline;} #paginationtop strong, #paginationbottom strong {position: relative; padding: 2px 6px; color: #fff; background: #666; border: 1px solid #ababab;} #paginationtop a.number-box, #paginationbottom a.number-box {padding: 2px 6px; border: 1px solid #ababab; margin-right: 4px; text-decoration: none; position: relative;} #paginationtop a:hover.number-box, #paginationbottom a:hover.number-box {color: #fff; text-decoration: none; background: #666;} .refinesearch-feedlink {float: right; margin: -20px 0 0 0;} #paginationbottom .refinesearch-feedlink {float: right; margin: 5px 0 0 0;} /* SUBMIT BUTTON ON THE AGENT SEARCH PAGE */ .search-submit-button {width: 100%; margin: 14px 0 24px;} .search-submit-button td {padding-top: 10px; border-top: 1px solid #ccc;} /* SEARCH AGENTS FORM */ #our-directory {display: block; margin-bottom: 4px; padding: 3px 1px 4px; font-size: 14px; color: #000; border-bottom: 1px solid #aaa;} #our-directory strong {float: right;} #professional-type {display: block; margin: 0 0 12px; padding: 3px;} #professional-type li {float: left; width: 25%;} #professional-type li:hover {background-color: #ffc; cursor: pointer;} #extra-options-toggle {width: 100%;} #extra-options-toggle .value {padding-bottom: 12px;} #extra-agent-options {width: 100%;} #extra-agent-options td {padding: 7px 3px 0 26px;} #extra-agent-options .first-td {padding: 12px 0 0 3px;} #extra-agent-options label {display: block; padding: 0 0 3px; color: #000;} /* BIZOPP SEARCH RESULTS */ #searchresults-table .bizopp td#checkbox {padding-left: 9px;} /* AGENT SEARCH RESULTS */ #searchresults-agent {border-bottom: 1px solid #e5e5e5;} #searchresults-agent div {clear: both; display: block; padding: 5px 1%; border-top: 1px solid #e5e5e5;} #searchresults-agent div #checkbox {float: left; width: 2%; height: 80px;} #searchresults-agent div #thumbnail {float: left; width: 7%; margin: 0 1.5%; border: 1px solid #e5e5e5;} #searchresults-agent div #thumbnail:hover {border-color: #c8c8c8;} #searchresults-agent div #thumbnail img {display: block; width: 100%; margin: 0 auto;} #searchresults-agent div ul {float: left; width: 26%;} #searchresults-agent div ul li {padding: 1px 0 0; font-size: 12px;} #searchresults-agent div #agent-info {width: 50%;} #searchresults-agent div #agent-info ul {margin-bottom: 0;} #searchresults-agent div #agent-info #agent-name {font-size: 1.35em;} #searchresults-agent div #agent-affiliation {float: left; width: 10%; text-align: center;} #searchresults-agent div #agent-affiliation img {width: 100%;} /* COMPANY SEARCH RESULTS */ #company-results li {display: block; padding-left: 9px; margin: 0;} #company-results li a {position: relative; z-index: 1; display: block !important; margin: -1px 0 0 21px; padding: 7px 4px 6px; text-decoration: none; border: solid #e5e5e5; border-width: 1px 0;} #company-results li a:hover {z-index: 2; background-color: #d8dde5; border-color: #ccc;} #company-results li a:hover span.company-company {text-decoration: underline;} #company-results span {float: left; color: #333;} #company-results .company-checkbox {width: 20px; padding-top: 7px;} #company-results .company-company {width: 40%; font-size: 13px; color: #666;} #company-results .company-address {width: 32%;} #company-results .company-location {width: 25%;} /* AGENT + COMPANY AVAILABLE PROPERTIES RESULTS */ #list-results .property {padding-right: 5px; border-bottom: 1px solid #e5e5e5;} #list-results .property .checkbox {padding-left: 9px;} #list-results .property .summary .expanded-details {margin: 0 0 0 38px;} /*-- SEARCH WANTS UI -------------------------------------------*/ table.search-wants-ui {padding: 4px; background: #f2f2f2; border: 1px solid #ccc;} table.search-wants-ui tr td {padding: 10px; border-bottom: 1px solid #ccc;} table.search-wants-ui tr {border: 1px solid #ccc;} table#agent-results {border-collapse: collapse;} table#agent-results th {padding: 0.5em 0; font-weight: bold; background: #efefef; border-bottom: 1px solid #ccc;} /*-- CLEARFIXES -------------------------------------------*/ .clearfix:after, #container:after, #main:after, #page-content:after, .right-38:after, .left-60:after, .half-left:after, .half-right:after, .tabs:after, .tabs-container:after, .actions:after, .choose:after, .partners-icongrid ul:after, .market-stats form:after, #summary-gallery:after, .reason:after, .feature:after, .image-ol li:after, .feature-page #feature-reports div div:after, #searchresults-agent div:after, #listing-right-column:after, .marketing #page-content div:after, #professional-type:after, #registration-form div:after, #company-results li:after, #company-results li a:after, .rounded-corners:after, p.smaller:after, .property:after, #news-feed a:after, .reportType:after, #chooseReport:after, #customDesignServicesMenu:after, .marketWatch:after {content: " "; display: block; height: 0; clear: both; visibility: hidden;}