/********** guidelines ********** - use camel case for element selectors such as class and id e.g. #photoPanel or .warningMessage - use lower case for contextual selectors e.g. ul li - keep curly brackets on a single lines - for multiple classes, put each selector on a new line and the curly bracket on the last line - main sections should be added to the structure list below and then detailed in the css with: E.g. /* ------------------------ $__sectionName starts / ends here ------------------------------ */ /* - sub sections should be labeled with comments as well E.g. /* subSectionHeading */ /* - for css3 ensure you cross browser styles for moz / webkit / ie */ /********* style guide core logic ********* #E23D28 -- orange - eg headings #685745 -- dark grey - eg label text #958377 -- light grey - eg panel backgrounds #a69d97 -- extra light grey - eg small headings /********* style guide rpdata ********* #C90016 -- red - eg headings #585858 -- dark grey - eg label text #C0C0C0 -- medium grey - eg pixel border #F5F5F5 -- light grey - eg panel backgrounds ********** structure ********** $__global global styles - elements common to all sections/pages $__header header styles $__menu global site nav styles $__searchPanel search bar $__summaryPage summary page $__radius radius page $__dashboard dashboard page $__propertyDetailPage propertyDetailPage styles $__propertyDetailPrintPage propertyDetailPrintPage styles $__footer footer styles $__modalPanels modal panel styles $__stateBasedAgreements state based agreement pages $__agentAdvice agent advice styling $__featureTooltip feature tooltip for help/tours etc $__fancyTooltip essentials tooltip / subscribe tooltips / admin user only tooltips $__login login, forgot password etc styling $__reportsCommon report styling - steps, next button, etc $__reportsPreview report preview styling - sidebar navigation and report panels and edit panels $__mediaSpecific media specific styles - eg print styles */ /* ------------------------ $__global starts here ------------------------------ */ //body { background:url('https://rpp.rpdata.com/rpp/images/background_gradient.png?v=26289') repeat-x scroll left top #999999;} body, p, textarea {font-family: Arial, Helvetica, sans-serif; color:#585858; font-size:12px;} ul li {list-style:none;} /*a:link, a:visited, a:active, a:focus { color:#585858;} a:hover {color:#E23D28;}*/ a:active, a:focus {-moz-outline-style: none; outline: none;} h1 { color:#000000; font-size: 18px; font-weight:bold; margin-bottom: 15px;} h2 { color:#E23D28; font-size: 15px; font-weight:bold;} h3 { color:#585858; font-size: 13px; font-weight:bold;} h4 { color:#585858; font-size: 12px; font-weight:bold;} thead th {background: none repeat scroll 0 0 #E7E7E7;} fieldset {border: none;} fieldset select {margin:0;} tfoot {font-style: normal;} table, th, td { vertical-align: top;} th, td, caption {padding: 3px 10px;} .bfc {overflow: hidden;} /*block formatting context*/ .lastVert {padding-bottom:0 !important; margin-bottom: 0 !important;} .lastHoriz {padding-right: 0 !important; margin-right: 0 !important;} .floatRight {float:right;} .floatLeft {float:left;} .superscript {font-size: 9px; position: relative; top: -5px} .outerContainer {padding: 15px; margin: 0 auto; width: 940px; background: white;} .doNotCall {color:#CC0000; font-size: 11px; white-space:nowrap } .clearBoth {clear:both} .textSml {font-size: 11px; } .textExtraSml {font-size: 10px;} .textMd {font-size: 13px; } .dividerTop {border-top: 1px dotted #CCC; padding-top: 10px;} .borderTop {border-top: 1px solid #dedede;} .dividerBottom {border-bottom: 1px dotted #CCC; padding-bottom: 10px;} .checkboxLabel {font-weight: normal; line-height: 12px;} .displayBlock {display: block;} .displayNone {display: none;} .widthLge {width: 200px; min-width: 200px;} .mb-0 {margin-bottom: 0;} .pt-5 {padding-top: 5px;} .pr-5 {padding-right: 5px;} .pb-5 {padding-bottom: 5px;} .pl-5 {padding-left: 5px;} .pt-10 {padding-top: 10px;} .pr-10 {padding-right: 10px;} .pb-10 {padding-bottom: 10px;} .pl-10 {padding-left: 10px;} .pt-15 {padding-top: 15px;} .pr-15 {padding-right: 15px;} .pb-15 {padding-bottom: 15px;} .pl-15 {padding-left: 15px;} .pt-20 {padding-top: 20px;} .pr-20 {padding-right: 20px;} .pb-20 {padding-bottom: 20px;} .pl-20 {padding-left: 20px;} .mt-5 {margin-top: 5px;} .mr-5 {margin-right: 5px;} .mb-5 {margin-bottom: 5px;} .ml-5 {margin-left: 5px;} .mt-10 {margin-top: 10px;} .mr-10 {margin-right: 10px;} .mb-10 {margin-bottom: 10px;} .ml-10 {margin-left: 10px;} .mt-15 {margin-top: 15px;} .mr-15 {margin-right: 15px;} .mb-15 {margin-bottom: 15px;} .ml-15 {margin-left: 15px;} .mt-20 {margin-top: 20px;} .mr-20 {margin-right: 20px;} .mb-20 {margin-bottom: 20px;} .ml-20 {margin-left: 20px;} .outerContainer .container.contentContainer {min-height: 450px;} /* rounded corners start here */ .rounded { border: 1px solid #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px;} .roundedTop { -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px;} .roundedBottom { -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} /* rounded corners end here */ /* BUTTONS */ /* button sizes start here */ .buttonLarge, .buttonSmall, .buttonExtraLarge, .buttonContainer button[type='submit'] {font-size: 11px; text-decoration: none; cursor:pointer; } .modal .buttonLarge, .modal .buttonSmall, .modal .buttonExtraLarge, .modal .buttonContainer button[type='submit'] span {font-size: 12px;} .buttonExtraLarge { padding: 5px 10px;} .buttonLarge { padding: 2px 6px;} .buttonSmall {padding: 0px 6px;} .parent {position: relative;} .child {position: absolute;} .searchPanel a.gradientSiteColor.buttonExtraLarge {font-size: 13px; font-weight: bold; color: #FFF; margin: 9px 10px; float:right; background-color: #C83623; box-shadow: inset 0 -25px 30px -25px #000000; border:1px solid #A02B1C;} .searchPanel a.gradientSiteColor.buttonExtraLarge:hover {background-color: #D63B29; box-shadow: inset 0 -20px 30px -25px #000000; border:1px solid #A02B1C;} .searchPanel.dashboard {margin:0 0 15px 0; position: relative; z-index: 7;} .searchPanel.dashboard a.gradientSiteColor.buttonExtraLarge { margin: 11px 10px;} /* button sizes end here */ /* gradients / box-shadows start here -- box-shadow: ; */ .gradientDark { background: #9f9f9f; color: #FFF; border: 1px solid #909090; box-shadow: inset 0 -15px 30px -25px #000000; } a.gradientDark span {color: #FFF;} .gradientDark:hover { background: #bfbfbf; color: #FFF; border: 1px solid #a0a0a0; box-shadow: inset 0 -15px 30px -25px #000000; } .gradientLight { background: #F2F2F2; color: #585858; border: 1px solid #ccc; box-shadow: inset 0 -15px 30px -25px #b1b1b1; text-decoration: none; } a.gradientLight span {color: #585858;} .gradientLight:hover { background: #F2F2F2; color: #434343; border: 1px solid #9C9A9A; box-shadow: inset 0 -15px 30px -25px #636363; text-decoration:none; } .gradientSiteColor, .modalHeader.gradientSiteColor:hover {background: #E23D28; color: #FFFFFF; border: 1px solid #b1311f; box-shadow: inset 0 -15px 30px -25px #000000;} a.gradientSiteColor span {color: #FFF;} .gradientSiteColor:hover, #exportCSVModal .close.limitCancel:hover {background: #ff533c; color: #FFFFFF; border: 1px solid #b1311f; box-shadow: inset 0 -15px 30px -25px #000000;} .tabs .gradientLight.current, .tabs .gradientLight.current:hover {background: #FFF; box-shadow: 0 0 0 0 #FFF; border: 1px solid #ccc; border-bottom: none; color: #39362E;} .tabs .gradientLight:hover { border-bottom: none; } .tabs > LI .counter {display:none;} .tabs > LI.current .label {float:left;} .tabs > LI.current .counter {display:block; float:right; margin-left: 5px;} .otm-tabs.tabs li.current, .otm-tabs.tabs li.current:hover { background: #E7E7E7; color: #39362E; border: 1px solid #ccc; box-shadow: inset 0 0 0 0 #E7E7E7; text-decoration: none; border-bottom:#E7E7E7 1px solid;} .otm-tabs.tabs li {background: #FFF; box-shadow: inset 0 -15px 30px -25px #b1b1b1; border: 1px solid #ccc; color: #585858; border-bottom: 1px solid #C0C0C0;} .otm-tabs.tabs li:hover {background: #FFF; box-shadow: inset 0 -15px 30px -25px #707070; border: 1px solid #c1c1c1; color: #585858; border-bottom: 1px solid #C0C0C0;} /* gradients / box-shadows end here */ /* ------------------------ $__error message style starts here ------------------------------ */ /* shared page error and info messages start here */ .info { background: url("https://rpp.rpdata.com/rpp/images/msg_icon_info.png?v=26289") no-repeat 3px 3px #DEF9FC; color: #585858; border: 1px solid #83CDEC; box-shadow: inset 0 -15px 30px -25px #4FBCD5; } .error, .errorMessage.errorMessagePage > .error {text-align: left; background: url("https://rpp.rpdata.com/rpp/images/msg_icon_error.png?v=26289") no-repeat 3px 1px #FDF8B4; color: #585858; border: 1px solid #E1C400; box-shadow: inset 0 -15px 30px -25px #F6EB78; font-size: 12px;} .errorMessage.errorMessagePage > .error { float:none; padding: 5px; margin-bottom: 10px; font-weight:normal; font-size: 12px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px;} /* top of modal panel error messages */ .info, .error {margin-top: 10px; padding: 2px ; text-indent:0; } .info.rounded.small {font-size: 11px; padding-top: 5px; line-height: 13px;} /* text indented to allow for icon on main page error/info messages */ #error_panel .info, /* page message below search bar */ #error_panel .error, #app_info, .summaryList > .info, /* top of page error messages */ .errorMessage.errorMessagePage > .error, #subscribe .info, #subscribe .error, #error_panel_territory_builder .info, #error_panel_territory_builder .error, #error_panel_rei_form_modal .error, #error_panel_rei_form_modal .info /* top of modal panel error messages */ {text-indent: 20px; line-height:16px;} #subscribe .info, #subscribe .error, #pprForm .error, #pprForm .info {text-indent: 20px;margin-bottom: 0;} #app_info, .errorMessage.errorMessagePage > .error, #pprForm .error, #pprForm .info { margin-top: 0;} /* page specific error styles */ /* field validation specific styles */ input.error, /* input fields go yellow on error */ input.error:focus, select.error, select.error:focus, textarea.error {background: #FCFACE; border: 1px solid #E1C400 !important; font-size: 12px; color:#585858; margin: 0; } .errorMessage {display:block; clear:both;} /* label underneath field */ .errorMessage > .error {background: none; box-shadow:none; padding: 1px 0px 2px; margin: 0; float:left; text-indent:0; border:none; color: #C90016; line-height: 12px;} .errorMessageStaticFilter {text-align:center; font-size: 11px; display:block; clear:both; width:196px; position:relative; right: -5px; top: -5px;} /* label underneath field */ .errorMessageStaticFilter > .error {background: none; box-shadow:none; padding: 1px 0px 2px; margin: 0; float:left; text-indent:0; border:none; color: #C90016; line-height: 11px;} textarea, textarea.error {resize:none; height: auto; padding: 2px; margin: 0;} /* ------------------------ $__error message style ends here ------------------------------ */ /* tool tips start here */ .toolTip {background:url(https://rpp.rpdata.com/rpp/images/icon_help_small.png?v=26289) no-repeat top left !important; width:14px; height:14px; cursor:default; position:relative; border:none !important; display:block;} form .toolTip {top:1px; left:2px;} .toolTipPanel { z-index: 2; display: none; border: 1px solid #E23D28; padding: 10px; width: 200px; position: absolute; background-color:#FFF; color: #585858; line-height: 15px; font-size: 11px;} .searchPanel .toolTipContainer {position: relative; display:block; float:left;} .searchPanel .toolTipContainer .toolTipPanel {left: 16px;} .toolTipPanel ul { margin: 10px 0;} .toolTipPanel ul li {list-style-type: disc; line-height:13px; margin-bottom: 7px;} .toolTipPanel span {display:block; margin-bottom:10px; line-height:13px; font-weight:normal;} .toolTipPanel h1 { color:#E23D28; font-size: 12px; font-weight:bold; line-height:14px; margin-bottom:10px;} .toolTipPanel.wide {width: 320px;} /* tool tips end here */ /* form elements start here */ form .content.rounded p, .modal form p, .modal form div.groupItem {margin: 0; min-height: 53px;} .date {text-align:left; padding:1px 0; width: auto !important;} #caldays {height: 20px !important;} #calcurrent {background-color:#E23D28;} .iconCalendarPicker { background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) -7px -3516px; width: 16px; height:18px; display:block; margin-left: 2px; cursor: pointer; } .iconTimePicker { background: url("https://rpp.rpdata.com/rpp/images/filter_panel_time_icon.gif?v=26289") no-repeat; width: 16px; height:18px; display:block; margin-left: 2px; } form .textSml {padding: 0 3px;} input[type="date"], input[type="text"], input[type="password"], input.text, input.title, input.date, textarea, select {margin: 0; border: 1px solid #CCCCCC; font-size: 12px; color: #585858; font-family: Arial,Helvetica,sans-serif; padding: 2px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius: 3px;} input {padding: 1px 0; font-size: 12px;} select {font-size: 12px; color:#585858;} input:focus, input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#CCCCCC;} .modal select {padding:2px 2px 0 2px;} /* form elements end here */ /* specific field lengths */ #published_price {width: 273px;} /* form elements end here */ /* button container starts here */ .buttonContainer {padding: 0 15px 15px 15px; } .buttonContainer button[type='submit'] {margin-left: 5px;} .buttonContainer {overflow:hidden; } /*.buttonContainer span {font-size: 10px;}*/ .buttonContainer .close {border:none; background:none; font-size: 10px; text-decoration: underline; color:#585858; cursor: pointer; margin: 3px 8px 0 0; padding: 0;} /* modal cancel button */ .buttonContainer .close:hover {color: #E23D28;} /* modal cancel button hover */ .modal .buttonContainer button.save {margin-left: 0;} /* button container ends here */ /*close icon */ .icon.close { background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -7px -1355px; cursor: pointer; height: 14px; width: 14px; display:block;} .icon.close > span {float:left; line-height: 14px; } .modal .icon.close { position: absolute; right: 5px; top: 5px;} /* header close icon */ /*close icon */ /* header close button */ #btnClose {display:block; overflow: hidden;} #btnClose span {float:left;} /* header close button */ /* drop down menus */ ul.subMenu, #mainMenu .subMenu {position: absolute; background: #FFF; margin-top:0; padding: 0; z-index:25; display: none; border:1px solid #ccc; cursor:pointer;} ul.subMenu li, #mainMenu ul li ul.subMenu li {padding: 2px 5px 0 5px; float:none !important;} ul.subMenu li a, #mainMenu ul li ul.subMenu li a { text-decoration: none; display:block;} ul.subMenu li.last, #mainMenu ul li ul.subMenu li.last {padding-bottom: 2px;} ul.subMenu li:hover, #mainMenu ul li ul.subMenu li:hover { background:#AAA; color:#FFF;} .dropDownMenu { cursor: pointer; } .dropDownMenuHover {color: #E23D28; } .dropDownMenuArrow {height:4px; position:relative; width:7px; border:none; background:url(https://rpp.rpdata.com/rpp/images/showcase/drop_down_arrows.png?v=26289) no-repeat 3px 7px; padding: 7px 0 0 3px; } .dropDownMenu:hover .dropDownMenuArrow {background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -8px -2225px ;} #customerList li {padding: 0 !important;} #customerList li a {padding: 2px 5px 0 5px;} #customerList li a:hover {background: #AAA; color: #FFF;} #customerList .currentSession {font-weight: bold; background:url(https://rpp.rpdata.com/rpp/images/icon_tick.gif?v=26289) 3px 6px no-repeat; color:#579301; padding-left: 13px; } #customerList .currentSession:hover {background:url(https://rpp.rpdata.com/rpp/images/icon_tick.gif?v=26289) 3px -15px no-repeat #aaaaaa; color:#fff;} /* upgrade tooltip fancyTooltip*/ .fancyTooltip, .featureTooltip { background: white; border: 1px solid #5BA7D5; border-radius: 5px 5px 5px 5px; padding: 10px; width: 200px;} /* loading spinner */ #spinner {position: fixed; left:50%; top:50%; z-index: 999; border: 1px solid #ccc; background-color: #ffffff; padding:10px; text-align:center; display: none;} #spinner .label{ text-align:center; font-size: 12px; margin-top: 10px; line-height: 16px;} #spinner .label span { display:block;} /* tabs */ ul.tabs { padding:0; margin:0; list-style:none; height: 31px;} ul.tabs li {float:left;} ul.tabs li a, .otm-tabs li {height: 17px; padding: 6px 10px 4px 10px; margin: 3px 2px 0 0; font-size:11px; display:block; text-align:center; text-decoration:none; cursor: pointer;} ul.tabs li a:active {outline:none;} ul.tabs li a.current, ul.tabs li a.current:hover, ul.tabs li a.current, .otm-tabs li.current {cursor:default;} .panes .pane {display:none;} .panes .imageDisplayContainer {border: 1px solid #CCC;width: 460px; height: 306px;} .galleryImg > img, #pano {width: 100%; height: 100%; } /* attribute icons*/ .attributeIconContainer ul li {float:left; font-size:11px; padding-right:10px;} .attributeIconContainer ul li img {padding-right: 2px;} /* watching list */ .watchingContainer div.content {overflow:hidden; font-size: 11px;} .watchingContainer .watchType {float:left; margin-right:25px;} .watchingContainer .watchType span { margin: 0 5px;} .watchingContainer .alertListed, .watchingContainer .alertSold, .watchingContainer .alertForRent {margin-right: 2px; font-weight: bold; background: url("https://rpp.rpdata.com/rpp/images/showcase/icons_alert_bell.png?v=26289") no-repeat 0 -1px ; padding-left: 22px; height:15px; position:relative; top: 1px; float:left; } .watchingContainer .alertListed {color:#005f96; background-position: 8px 0px ;} .watchingContainer .alertSold { color: #761476; background-position: 8px -31px ;} .watchingContainer .alertForRent {color:#569200; background-position: 8px -63px ;} /* task toolbar */ .taskContainer div.content {overflow:hidden;} .taskContainer ul li { float:left; width:30px; height:30px; margin-right:5px; cursor:pointer;} .taskContainer .taskIconCma { background:url("https://rpp.rpdata.com/rpp/images/task_icon_cma.png?v=26289") no-repeat scroll 0 0 transparent;} .taskContainer .taskIconList { background:url("https://rpp.rpdata.com/rpp/images/task_icon_list_add.png?v=26289") no-repeat scroll 0 0 transparent;} .taskContainer .taskIconSold { background:url("https://rpp.rpdata.com/rpp/images/task_icon_sold_add.png?v=26289") no-repeat scroll 0 0 transparent;} .taskContainer .taskIconRent { background:url("https://rpp.rpdata.com/rpp/images/task_icon_rentals_add.png?v=26289") no-repeat scroll 0 0 transparent;} .taskContainer .taskIconRadius { background:url("https://rpp.rpdata.com/rpp/images/task_icon_radius.png?v=26289") no-repeat scroll 0 0 transparent;} .taskContainer .taskIconRpMap { background:url("https://rpp.rpdata.com/rpp/images/task_icon_map.png?v=26289") no-repeat scroll 0 0 transparent;} .taskContainer .taskIconDataUpdate { background:url("https://rpp.rpdata.com/rpp/images/task_icon_data_update.png?v=26289") no-repeat scroll 0 0 transparent;} .taskContainer .taskIconStatisticsReport { background:url("https://rpp.rpdata.com/rpp/images/task_icon_suburb_stats.png?v=26289") no-repeat scroll 0 0 transparent;} .taskContainer .taskIconTitle { background:url("https://rpp.rpdata.com/rpp/images/task_icon_titles.png?v=26289") no-repeat scroll 0 0 transparent;} .taskContainer .taskIconAvm { background:url("https://rpp.rpdata.com/rpp/images/task_icon_valuation.png?v=26289") no-repeat scroll 0 0 transparent;} .taskContainer .taskIconWatchlist {background:url("https://rpp.rpdata.com/rpp/images/task_icon_watchlist_add.png?v=26289") no-repeat scroll 0 0 transparent; } .taskContainer .taskIconAdl {background:url("https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289") no-repeat scroll 0 -2935px transparent; } .taskContainer .taskIconAdl:hover {background:url("https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289") no-repeat scroll 0 -2968px transparent; } .taskContainer .taskIconCma:hover, .taskContainer .taskIconList:hover, .taskContainer .taskIconSold:hover, .taskContainer .taskIconRent:hover, .taskContainer .taskIconRadius:hover, .taskContainer .taskIconRpMap:hover, .taskContainer .taskIconDataUpdate:hover, .taskContainer .taskIconStatisticsReport:hover, .taskContainer .taskIconTitle:hover, .taskContainer .taskIconAvm:hover, .taskContainer .taskIconWatchlist:hover {background-position:0 -30px;} /* Attributes panel starts here */ .attributePanel {float:right; margin-top: 2px;} .attributePanel > ul > li {float: left; margin: 0 0 0 10px; font-size: 11px; padding-left: 17px; height: 22px;} .attributePanel ul li.attributeEditButton {margin-left: 15px;} .attributePanel ul li.attributeEditButton {text-decoration: none; cursor: pointer; color: #2786c7;} .attributePanel ul li.attributeEditButton:hover { background-position: 0 -13px !important; cursor:pointer; color:#0a5486;} .attributePanel .attribute {background: url(https://rpp.rpdata.com/rpp/images/showcase/icons_attributes.png?v=26289) no-repeat;} .attributePanel .propertyId {display:none;} .attributePanel .propertyType {display:none;} .attributePanel .bedroom {background-position: 0 0;} .attributePanel .bathroom {background-position: 0 -30px;} .attributePanel .carspace {background-position: 0 -60px;} .attributePanel .landArea {background-position: 0 -90px;} .attributePanel .landAreaEst {background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat; background-position: -1px -3426px; padding-left: 25px} .attributePanel .floorArea {background-position: 0 -90px;} .attributePanel .lockupGarage {display:none;} .attributePanel .updateData { background-position:-7px -3458px; cursor:pointer; } .attributePanel .updateData:hover { background-position:-7px -3487px; cursor:pointer; } .attributePanel .updateData span, #otmSaleListingPanel .viewDetailTd, .featureItem { color:#2786C7; cursor: pointer; font-size: 11px;} .attributePanel .updateData:hover span, #otmSaleListingPanel .viewDetailTd:hover, .featureItem:hover { color:#0a5486; font-size: 11px;} .attributePanel li > img { margin-right: 2px;} /* Attributes panel ends here */ /* ------------------------ $__global ends here ------------------------------ */ /* ------------------------ $__login starts here ------------------------------ */ #forgotLoginForm input[type="text"], #changePasswordForm input[type="password"]{width: 300px;} #forgotLoginForm .buttonContainer, #changePasswordForm .buttonContainer {padding: 0;} #forgotLoginForm div.content.rounded {overflow:hidden;} #forgotLoginForm button:active {outline:none;} #forgotLoginForm .or {margin-top: 35px; font-weight: bold; color: #999999;} form span.intro {padding-bottom: 10px; display:block;} /* ------------------------ $__login end here ------------------------------ */ /* ------------------------ $__loading starts here ------------------------------ */ .loadingDiv {text-align: center; padding: 10px; z-index:9000 !important; position:fixed; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; width: 100px; height: 100px; background-color: white; border: 1px solid #C0C0C0 } .loadingDiv img, .loadingDivInline img {margin: 15px 0 10px 0} .loadingDiv span, .loadingDivInline span {display: block} .loadingDivInline {margin-left:auto; margin-right:auto; padding-top:105px; position:relative; text-align:center; width:100px;} /* ------------------------ $__loading ends here ------------------------------ */ /* ------------------------ $__header starts here ------------------------------ */ #headerContainer {padding: 0 15px 0 15px; background-color:white; border-bottom:2px solid #E23D28; font-size:11px; position:relative;} #headerContainer .logo { padding: 15px 0 20px;} #headerContainer .logo a {display:inline-block;} /* main menu */ #mainMenu { bottom: 0; clear: both; float: right; position: absolute; right: 0;} #mainMenu ul { padding:0; margin:0;} #mainMenu ul li.curve, #mainMenu ul li.curve:hover { height:25px; width:40px; border: none; background: url("https://rpp.rpdata.com/rpp/images/showcase/headers.png?v=26289") no-repeat left top transparent; } #mainMenu ul li, #mainMenu ul li.spacer:hover { background: url("https://rpp.rpdata.com/rpp/images/showcase/main_nav_bg_all.gif?v=26289") repeat-x scroll left top transparent; height:25px; font-size:13px; font-weight:bold; float:left;} #mainMenu ul li.current, #mainMenu ul li.current:hover { background-position: left -66px; } #mainMenu ul li a { color:#FFF; text-decoration:none; padding: 3px 8px 2px 8px; display:block; background: url("https://rpp.rpdata.com/rpp/images/showcase/main_nav_bg_all.gif?v=26289") no-repeat right -200px; overflow:hidden;} #mainMenu ul li:hover { background-position: left -33px;} #mainMenu ul li.spacer {width: 15px;} #mainMenu ul li a.last {background:none;} #mainMenu .dropDownMenuArrow { background: url("https://rpp.rpdata.com/rpp/images/panel_options.png?v=26289") no-repeat 2px 5px transparent; float: left; height: 10px; width: 10px;} #mainMenu ul li ul.subMenu li {background: #FFFFFF none; font-weight: normal; font-size: 11px; min-width: 80px; height: auto;} /* supplementary nav (E.g. user name, help, log out, close) */ #supplementaryNavContainer > ul {padding-top: 15px;} #supplementaryNavContainer ul { float:right;} #supplementaryNavContainer > ul > li, #supplementaryNavContainer > ul > li > .dropDownMenu { float:left; padding-right: 10px;} #supplementaryNavContainer .loginLabel { color:#a69d97;} #supplementaryNavContainer .navDividerPipe, .dividerPipe {border-left:1px solid #a69d97; display:block; height:10px; margin-top:3px; width:1px;} #supplementaryNavContainer .subMenu {margin-top: 15px;} #supplementaryNavContainer .customerListContainer {padding-right:0 !important;} /* ------------------------ $__header ends here ------------------------------ */ /* ------------------------ $__widget starts here ------------------------------ */ /* Dropdown Menu */ .dropdown {position:relative;font-size:10px;cursor: pointer;border:1px solid #ccc;} .dropdown:hover {background-color:#add8e6;} .dropdown.label{border:1px solid #ccc;border-radius:3px;width:100px;} .dropdown>UL{border:1px solid #ccc;width:100px;padding:0;margin:0;position:absolute;display:none;background-color:white;z-index:999;} .dropdown>UL>LI{list-style:none;} .dropdown>UL>LI:hover {background:#d3d3d3;} .dropdown>UL>LI.current{background-color:#fafad2;cursor:default;} /* Dropdown2 START */ .dropdown2 {position:relative; float:left; margin-bottom: 2px;} .dropdown2 > .title, .dropdown2.disabled > .title:hover { overflow:hidden; float:left;} /*.dropdown2 > .title:hover {background-color:#f5f5f5;}*/ .dropdown2.disabled > .title:hover {cursor: default;} .dropdown2 > .title > .icon { border: 1px solid #ccc; border-radius:0px 3px 3px 0px; background-color:white; border-left: 1px dotted #CCC; } .dropdown2 > .title > .label { border: 1px solid #ccc; border-radius:3px 0 0 3px; background-color:white; border-right: none; } .dropdown2 > .title > .icon {padding: 3px 2px 1px 1px; display:block; width:14px; height:14px; float:right; background-position:-7px -2825px; margin:0 0 0;cursor:pointer;} .dropdown2 > .title > .label {font-size:11px; line-height:18px; height: 18px;float:left; overflow:hidden; cursor:text; width: 70px;} .operationPanel .dropdown2 > .title > .label, .features.dropdown2 > .title > .label{ width: 59px; cursor:pointer; } .operationPanel .dropdown2 > .title > .icon { border-left: none; width: 15px;} .dropdown2 > .content, .dropdown2 > ul.ui-autocomplete { border:1px solid #ccc; border-top: 1px dotted #CCC; background:white; position: absolute; z-index:999; max-height:200px; overflow-y:auto; margin-top: 18px;} .dropdown2 > ul.ui-autocomplete { top: 0px !important; } .dropdown2.sortBy > .content, .dropdown2.limit > .content { overflow-y:hidden; max-height: none; } .dropdown2 .content ul li.current { background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -7px -1266px; text-indent: 12px; color: #579301;} .dropdown2 .content ul li.current:hover { background: #FFF url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -7px -1266px; cursor: default; color: #579301; } .dropdown2 > .content.unfold {display:none;} .dropdown2 > .content > UL {padding:0 !important; margin: 0 !important;} .dropdown2 > .content > UL > LI, .dropdown2 > ul.ui-autocomplete > li > a {font-size:11px; cursor:pointer; padding: 3px 3px; line-height:12px;} .dropdown2 > .content > UL > LI:hover, .dropdown2 > ul.ui-autocomplete > li:hover, .dropdown2 > ul.ui-autocomplete > li:hover > a {background-color: #aaa; color: #FFF; background-image:none; border: none; margin: 0;} .dropdown2 > ul.ui-autocomplete > li:hover > a { padding: 3px 3px; } /*.dropdown2 > .ui-autocomplete {width:100% !important;}*/ .staticFilters .filter .dropdown2 .title {width: 97px; margin-right: 8px;} .staticFilters .filter .dropdown2 > ul.ui-autocomplete {width: 95px;} .staticFilters .filter .dropdown2 .title .label {width: 69px;} .staticFilters .filter .dropdown2 .title.last {width: 97px; margin-right: 0;} .staticFilters .filter.location .dropdown2 .title {width: 138px;} .staticFilters .filter.location .dropdown2 > ul.ui-autocomplete {width: 136px;} .staticFilters .filter.location .dropdown2 .title .label {width: 110px;} .staticFilters .filter {clear:both;} /* text input auto-complete for combo boxes */ .dropdown2 input.ui-autocomplete-input {font-size:11px !important;} .staticFilters .filter .dropdown2 input.ui-autocomplete-input, .staticFilters .filter.location .dropdown2 input.ui-autocomplete-input, .advancedFilters .dropdown2 input.ui-autocomplete-input, .advancedFilters .dropdown2.min input.ui-autocomplete-input, .advancedFilters .dropdown2.max input.ui-autocomplete-input {padding: 2px 3px 2px 3px ; } .staticFilters .filter .dropdown2 input.ui-autocomplete-input { width: 89px !important; margin-right: 8px;} .staticFilters .filter.location .dropdown2 input.ui-autocomplete-input { width: 130px !important;} .advancedFilters .dropdown2 input.ui-autocomplete-input { width: 179px !important; } .advancedFilters .dropdown2.min input.ui-autocomplete-input, .advancedFilters .dropdown2.max input.ui-autocomplete-input { width: 81px !important;} .advancedFilters .dropdown2 {font-weight: normal;} /* disabled styling for filters while on selected tab starts here */ .staticFilters.disable label, .staticFilters.disable .label, .staticFilters.disable h3, .staticFilters.disable .clearFilter a, .staticFilters.disable input.date, .advancedFilters.disable .trigger, .advancedFilters.disable .label, .advancedFilters.disable label { color: #BEBEBE !important; cursor:default !important;} .advancedFilters.disable .heading {cursor:default !important;} .staticFilters.disable .dropdown2 > .title > .icon, .staticFilters.disable .iconCalendarPicker, .advancedFilters.disable .trigger.collapse, .advancedFilters.disable .trigger.expand, .advancedFilters.disable .iconCalendarPicker, .advancedFilters.disable .dropdown2 > .title > .icon { background:url("https://rpp.rpdata.com/rpp/images/showcase/task_icons_transparent40.png?v=26289") 0 0 no-repeat; cursor: default;} .staticFilters.disable .dropdown2 > .title > .icon, .advancedFilters.disable .dropdown2 > .title > .icon { background-position: -8px -2826px;} .staticFilters.disable .iconCalendarPicker, .advancedFilters.disable .iconCalendarPicker { background-position: -7px -3516px;} .refineSearch .clearFilterLink.disable > a, .refineSearch .clearFilterLink.disable > a:hover {color: #bbbbbb !important; cursor:default !important;} .staticFilters.disable a.trigger.buttonSmall, .staticFilters.disable a.trigger.buttonSmall:hover, .advancedFilters.disable a.trigger.buttonSmall, .advancedFilters.disable a.trigger.buttonSmall:hover {cursor: default; border-color:#d4999d; background-color:#d4999d; color: #CCC; box-shadow:0 -15px 30px -25px #999999 inset; } /* disabled styling for filters while on selected tab ends here */ .staticFilters .trigger.buttonSmall, .filterButton .trigger.buttonSmall { float:right; margin-right: 10px; } .location label {width: 60px; float:left;} .location .title {width: 138px;} /* Dropdown2 END */ /* ------------------------ $__widget ends here ------------------------------ */ /* ------------------------ $__dashboard starts here ------------------------------ */ .addedDate {margin-top: 5px; display:block; color: #9d9d9d; cursor:default;} #dashboardContainer .searchPanel.dashboard .tabs {height: 29px;} #dashboardContainer .moreSearchesContainer {border: 1px solid #cecece; background: #ececec; overflow: hidden; display:block; border-radius: 5px; height: 22px; } #dashboardContainer .moreSearchesContainer li {float:left; line-height: 22px;} #dashboardContainer .moreSearchesContainer li:first-child {margin-left: 5px;} #dashboardContainer #addressSearchTab {margin-right: 5px;} #dashboardContainer #parcelSearchTab, #dashboardContainer #companySearchTab, #dashboardContainer #buildingSearchTab, #dashboardContainer #territorySearchTab, #dashboardContainer #nameSearchTab {border:none; background: none; text-decoration: underline; margin: 0 5px; cursor: pointer; } #dashboardContainer #parcelSearchTab:hover span, #dashboardContainer #companySearchTab:hover span, #dashboardContainer #buildingSearchTab:hover span, #dashboardContainer #territorySearchTab:hover span, #dashboardContainer #nameSearchTab:hover span {background: none !important; color: #E23D28; text-decoration: underline;} #dashboardContainer .divider {border-right: 1px dotted #ccc; height: 13px; margin-top: 5px;} /* marketing panel */ .adZone img {margin-bottom: 15px;} .adZone.adZoneSmall {margin-right: 20px; float:left;} .adZone.adZoneSmall.adZoneLast {margin-right: 0;} /* ------------------------ $__dashboard ends here ------------------------------ */ /* ------------------------ $__propertyDetailPage starts here ------------------------------ */ /*#propertyDetailContainer #overview ul {clear: both;}*/ .detailPanel { margin-bottom:15px;} .detailPanel h2 { padding-bottom: 1px; margin-bottom:0;} .detailPanel .content.rounded { overflow:hidden; border:1px solid #C0C0C0; background: url("https://rpp.rpdata.com/rpp/images/cma_flow_comparativePropertyBg.jpg?v=26289") repeat-x scroll center top #FFFFFF; padding: 10px;} .detailPanel .content ul { padding-left: 0; padding-bottom: 10px; margin:0;} .detailPanel table.content, .detailPanel ul.content { margin-bottom:0;} .detailPanel .overviewDetails {clear:both;} #printPageContainer .detailPanel .overviewDetails {clear:none;} /* property detail history tables - sales history and otm history */ .roundedTableContainer table.content {padding: 0;} .roundedTableContainer table.content td { vertical-align: top;} .roundedTableContainer table.content ul {padding:0;} .roundedTableContainer table.content thead th:first-child {border-top-left-radius: 5px;} .roundedTableContainer table.content thead th.last {border-top-right-radius: 5px;} /* property detail image tabs panel */ #imageTabsPanel { margin-top:21px;} /* property detail external map links panel */ #externalMapLinksPanel ul { padding-left:1px;} #externalMapLinksPanel ul li {float:left;margin-right: 10px;} #externalMapLinksPanel ul li > a {padding-left: 0px; padding-top: 1px; font-size: 11px; height:15px; display:block;} #externalMapLinksPanel ul li > a > b {width: 20px; height: 17px; float: left; padding: 0;} #externalMapLinksPanel ul li > a > span {padding-right: 5px; position:relative; top:-1px;} a.withIcon {padding-left: 0px; padding-top: 1px;} /*a.withIcon span {position:relative; top: 1px;}*/ /* property detail ownership panel */ #ownershipPanel .content {overflow:hidden;} #ownershipPanel .content ul > li {float: left; padding-bottom: 10px; width: 202px; padding-right: 15px;} /* property detail property features */ #propertyFeaturePanel ul li, #suburbScorecardPanel ul li {list-style:none; background:url(https://rpp.rpdata.com/rpp/images/bullet_square_small.gif?v=26289) no-repeat 0 6px; padding:0 0 6px 10px; line-height: 13px;} #propertyFeaturePanel .collapsibleContainer .hiddenFeatures {display:none;} #propertyFeaturePanel .collapsibleContainer > .content.rounded {overflow:visible;} #propertyFeaturePanel .collapsibleContainer > .content.rounded {width:270px; margin-right: 20px; background: #FFF; border: 1px solid #E6E6E6;} #propertyFeaturePanel .collapsibleContainer > .content.rounded.last {margin-right: 0;} #collapsibleContainerToggle {font-size: 12px; text-decoration:underline; cursor: pointer; margin-left: 5px; margin-top: 3px; } /* Property detail Listing description */ #expandCollapseDescription {font-size: 12px; text-decoration:underline; cursor: pointer; margin-left: 5px; margin-top: 3px; } #expandCollapseDescription {margin-left: 10px;} /* property detail overview panel */ #propertyDetailsDataPanel h2 {margin-bottom: 0;} /* property detail development application */ #developmentApplicationData th {width: 10%;} #developmentApplicationData table td {width: 15%;} #developmentApplicationData table.innerTable {border: none} #developmentApplicationData .expandableAll {text-decoration: underline;} #developmentApplicationProvidor {margin-top: 5px;} #developmentApplicationProvidor > span {font-size: 11px;} #developmentApplicationProvidor > a {font-size: 11px; font-weight: bold;} #developmentApplicationPanel span.floatLeft.textSml {margin-right: 15px;} #developmentApplicationPanel {overflow: hidden;} #developmentApplicationPanel .toolTip, #listingDescriptionPanel .toolTip {margin-left: 4px; top: 3px;} /* property detail toolbar eg prev, next, back to search results */ #propertyDetailContainer .toolbar {margin-top: 5px;} #propertyDetailContainer .toolbar ul { margin:0; padding:0;} #propertyDetailContainer .toolbar ul li a { text-decoration:none; font-size:11px; color:#585858; } #propertyDetailContainer .toolbar ul li a:hover {color:#39362E;} #propertyDetailNavBackToResultsIcon {background:url(https://rpp.rpdata.com/rpp/images/showcase/icons_arrows.png?v=26289) no-repeat 0 -177px; padding: 5px 0 5px 20px;} #propertyDetailNavBackToResultsIcon:hover {background-position: 0 -237px;} #propertyDetailPrev {background:url(https://rpp.rpdata.com/rpp/images/showcase/icons_arrows.png?v=26289) no-repeat 7px -266px; padding: 5px 0 5px 20px;} #propertyDetailPrev:hover {background-position: 7px -326px;} #propertyDetailNext {background:url(https://rpp.rpdata.com/rpp/images/showcase/icons_arrows.png?v=26289) no-repeat 36px -356px; padding: 5px 15px 5px 10px;} #propertyDetailNext:hover {background-position: 36px -416px;} /* click to enlarge overlay starts here */ .panes .imageDisplayContainer {position: relative;} #linkDiv {position: absolute; color: white; width: 160px; top: 128px; left:155px; text-align: center; cursor: pointer; } #linkDiv > div {background:url(https://rpp.rpdata.com/rpp/images/showcase/bg-dark-transparent-50.png?v=26289) repeat 0 0; font-size: 15px; font-weight: bold; border-radius: 10px; padding: 10px 0;} #EnlargedPhoto {width:808px;} #EnlargedPhoto .imageDisplayContainer {margin: 20px;} /* click to enlarge overlay ends here */ .attributePanel .iconContainer, .attributePanel .updateDataContainer {float:left;} #propertyDetailContainer .attributePanel {width: 100%;} #propertyDetailContainer .attributePanel .iconContainer { float:left;} #propertyDetailContainer .attributePanel .updateDataContainer {float:right;} /* general table styles, expand and collapse */ table tr.even td {background:#ffffff;} table tr.odd td {background:#efefef;} table.innerTable {border: 1px solid #ccc; margin-top: 6px;border-left: none; border-right: none; border-style:none; margin-bottom: 8px;} table.innerTable th, table.innerTable td {padding: 0 10px; font-size: 11px; background: none;} table.innerTable td {border-top: 1px dotted #ccc; } .summaryList table.innerTable td {border-bottom: 1px dotted #ccc; } table.innerTable .lastCell {text-align: right !important; padding-right: 0;} table.innerTable thead th {background:none;} table.innerTable th {line-height: 13px; padding-bottom: 2px;} table.innerTable td:first-child, table.innerTable th:first-child {text-align:left; padding-left: 0;} #otmSaleHistoryPanel .innerTable, #developmentApplicationTable .innerTable { border:none; margin: 0;} #otmSaleHistoryPanel .innerTable td, #otmSaleHistoryPanel .innerTable th { background: none;} table.summaryListItemContent {width: 547px;} #market_compareSummaryList table.innerTable td {font-size: 12px;} /* larger td font size for summary content */ #market_compareSummaryList table.innerTable td, #market_compareSummaryList table.innerTable th, #report_market_compareSummaryList table.innerTable td, #report_market_compareSummaryList table.innerTable th {min-width: 53px; max-width: 53px; width: 53px; } #market_compareSummaryList table.innerTable td.lastCell, #market_compareSummaryList table.innerTable th.lastCell {min-width: 47px; max-width: 47px; width: 47px;} table.summaryListItemContent {border-collapse: collapse; } th.contactNameType, td.contactNameType {min-width:75px; max-width:75px; width: 75px; } th.contactName, td.contactName {min-width:130px; max-width:130px; width: 130px; } th.contactAddress, td.contactAddress { min-width:200px; max-width:200px; width: 200px;} th.phoneNumber, td.phoneNumber {min-width:80px; max-width:80px; width: 80px; white-space:nowrap;} .expandable, .expandableAll {cursor: pointer;} .expandablePanel.hide {display: none;} .expandablePanel.show {display: table-row;} /*otm Listing Description - For Sale*/ .expandableDetailAll {cursor: pointer; text-decoration: underline;} /* otm market history - for sale */ #otmSaleHistoryPanel .otm-tabs {margin-left: 3px;} #otmSaleHistoryPanel .otm-tabs.tabs {position: absolute; top: 0; left: 0; z-index: 5;} #otmSaleHistoryPanel .tabContainer {position: relative;} #otmSaleHistoryPanel .tabContainer .panes {padding-top: 31px;} #otmSaleHistoryPanel td, #otmSaleHistoryPanel th {width: 15%; line-height: 12px; padding-bottom: 4px; padding-top: 4px;} /* new BSG REA OTM for sale table column widths */ #otmSaleHistoryPanel .colLge {width: 300px !important;} .viewDetailSub > td {padding: 0; } #mainTableSale table th:first-child, #mainTableSale table td:first-child, #mainTableCampaign table th:first-child, #mainTableCampaign table td:first-child {padding-left: 10px;} #otmSaleHistoryPanel .expandablePanel td:first-child {padding-top: 0; padding-bottom: 0;} #otmSaleHistoryPanel .expandablePanel .innerTable {padding: 0;} #otmSaleHistoryPanel .expandableAll {text-decoration: underline;} #otmSaleHistoryPanel .even .innerTable th {background: none;} #otmSaleHistoryPanel .odd .innerTable th {background: none;} #otmSaleHistoryPanel .active > * {border-top: 1px solid #ccc;} /* suburb scorecard styles start here */ #suburbScorecardPanel strong {margin-bottom:10px; display:block;} #suburbScorecardPanel div.textExtraSml div:first-child {margin:0; padding: 0;} /* aerial map tab - for 'launch rp map' button with icon starts here */ #googleMapButtonOverlay {position:absolute; left: 55px; top: 13px;} #googleMapButtonOverlay a.withIcon, #googleMapButtonOverlay a.withIcon:hover {padding: 4px 4px 3px 2px; font-size:11px;} #googleMapButtonOverlay a.withIcon {box-shadow: inset 0 -15px 30px -25px #cccccc; border: 1px solid #CCCCCC; background-color:#FFF;} #googleMapButtonOverlay a.withIcon:hover {box-shadow: inset 0 -15px 30px -25px #444444; border: 1px solid #CCCCCC; } #googleMapButtonOverlay a.withIcon:hover > span > span {color: #363636;} #googleMapButtonOverlay a.withIcon span b.icon { background-position: -6px -4417px; padding: 1px 0px 4px 20px; position:relative; top:-1px;} #googleMapButtonOverlay a.withIcon:hover span b.icon { background-position: -6px -4447px; padding: 1px 0px 4px 20px; position:relative; top:-1px;} #googleMapHomeButtonOverlay {background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -7px -3605px; cursor:pointer; width: 22px; height: 22px; position:absolute; left:7px; top: 175px; } /* aerial map tab - for 'launch rp map' button with icon ends here */ /* features menu */ .features.dropdown2 {position: absolute; right: 10px; top: 10px;} .features.dropdown2 li {clear:both; overflow: hidden; } .features.dropdown2 input, .features.dropdown2 label {} .features.dropdown2 label { } .features.dropdown2 .title {width: 132px} .features.dropdown2 .content {width: 130px; max-height: 285px; } .features.dropdown2 .content ul {padding: 0;} .features.dropdown2 .title .label {width: 104px;float:left; font-weight: normal; line-height: 19px; } .features.dropdown2 > .content > UL > LI {padding: 4px 2px;} .features.dropdown2.checkboxes ul LI {text-indent: 15px; background: url("https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289") no-repeat -7px -4956px transparent; cursor: default;} .features.dropdown2.checkboxes ul LI:hover {background: url("https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289") no-repeat -7px -4956px #AAA;} .features.dropdown2.checkboxes ul LI.current {text-indent: 15px; background: url("https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289") no-repeat -7px -5016px;} .features.dropdown2.checkboxes ul LI.current:hover {text-indent: 15px; background: url("https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289") no-repeat -7px -5016px #AAA; color: white;} .features.dropdown2.checkboxes ul LI.disabled, .features.dropdown2.checkboxes ul LI.disabled:hover { background: url("https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289") no-repeat -7px -4985px;color: #d1d1d1;} .features.dropdown2.checkboxes ul LI.disabled.current, .features.dropdown2.checkboxes ul LI.disabled.current:hover { background: url("https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289") no-repeat -7px -5045px; color: #d1d1d1;} /* footer map text */ .features.dropdown2.checkboxes ul LI.text {background: none !important; text-indent: 0 !important; padding: 5px; border-top: 1px dotted #ccc; color: #999;} .features.dropdown2.checkboxes ul LI.text:hover {color: #999;} .features.dropdown2.checkboxes ul LI.text a {color: #999; text-decoration: underline;} .zoomControl {position: absolute; left: 6px; top: 137px;} .zoomControl .increase, .zoomControl .decrease {background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -6px -4901px; width: 18px; height: 19px; cursor: pointer; } .zoomControl .increase {background-position: -6px -4901px} .zoomControl .decrease {background-position: -6px -4920px} /* toggle between aerial image and pan/zoom - starts here */ #aerialToggleContainer {position:absolute; left: 10px; top: 10px;} #toggleAerialImage, #toggleAerialPanZoom {font-size: 11px; padding: 0; cursor:pointer; color: #777; } #toggleAerialImage {border-top-right-radius: 0px; border-bottom-right-radius: 0px; } #toggleAerialPanZoom {border-top-left-radius: 0px; border-bottom-left-radius: 0px;} #toggleAerialImage.selected, #toggleAerialImage:hover {background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -4px -4264px transparent !important; width: 20px; height: 22px; display:block; float:left; margin-right: 0px; } #toggleAerialPanZoom.selected, #toggleAerialPanZoom:hover {background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -4px -4384px transparent !important; width: 21px; height: 22px; display:block; float:left; margin-right: 0px; } #toggleAerialImage {background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -4px -4204px; width: 20px; height: 22px; display:block; float:left; color: #cccccc; margin-right: 0px; } #toggleAerialPanZoom {background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -4px -4324px; width: 21px; height: 22px; display:block; float:left; color: #cccccc; margin-right: 0px; } /* toggle between aerial image and pan/zoom - ends here */ #phoneRecordsPanel td.doNotCall {font-size: 12px;} #mapTabAnchor {padding-left: 25px; padding-right: 25px;} #mapTabAnchor.current {padding-left: 25px; padding-right: 25px;} /* ------------------------ $__propertyDetailPage ends here ------------------------------ */ /* ------------------------ $__modalPanels starts here ---------------------------------- */ #exposeMask { background-color: #000 !important; opacity: 0.6 !important; filter:alpha(opacity = 60) !important;} .modal {background-color:#FFF; display:none; text-align:left; border:1px solid #333; -moz-box-shadow: 0 0 15px #3b3b3b; -webkit-box-shadow: 0 0 15px #3b3b3b;} .modal form fieldset, /* for when the modal is a form, e.g. add to listing*/ .modal #modalBody {padding: 10px 15px; margin: 0;} /* for when the modal is info only, with no form e.g. derived list price*/ .modal #modalBody p + ul {margin-top: -10px !important;} .modal #modalBody ul {margin:0 0 10px 0 !important; } .modal #modalBody ul > li {list-style:inside disc !important; margin:0 0 10px 20px !important; line-height:16px !important;} .modal p {clear:both;} #onlineSignupModal form ol { list-style-type: decimal; margin: 0 1.5em 1.5em 0; padding-left: 1.5em; } .modal form label, #forgotLoginForm label, #changePasswordForm label {font-size: 11px; display:block;} form label b, .buttonContainer span b, form span b, .requiredField {color: #E23D28; position: relative; top: 2px; } .toolTipHover span b {top: 0 !important;} form label b {padding-left: 3px;} .modalHeader.gradientSiteColor { padding: 3px 3px 3px 10px; font-weight: bold; margin:1px;} .modal form input[type=radio] {padding: 0; margin: 0 8px 0 2px;} .modal .close.floatRight {cursor:pointer; margin-top: 2px;} /* specific widths or heights start here */ #feedbackText { width: 495px;} #feedbackForm fieldset {min-height: 145px; font-size: 12px;} /* specific widths or heights end here */ /* Export CSV modal panel starts */ #exportCSVModal p {min-height:inherit !important; margin-bottom: 5px; overflow:hidden;} #exportCSVModal p > label {margin-top: 2px; min-height:inherit;} /*#exportCSVModal .mailTo {border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 10px;}*/ #exportCSVModal .mailTo .showHeader {margin-right: 50px;} #exportCSVModal .mailTo .addressTo {width: 250px; } #exportCSVModal .mailTo .addressTo label {margin-right: 5px;} #exportCSVModal .mailTo .showHeader label, #exportCSVModal .mailTo .addressTo label { margin-top: 3px;} #exportCSVModal .dailyLimit {font-size: 11px; line-height:13px;margin-bottom: 10px; } #exportCSVModal .contactText {font-size: 11px; line-height:13px; margin-bottom: 10px; } #exportCSVModal tbody tr:nth-child(2n) td, #exportCSVModal tbody tr.even td {background: none repeat scroll 0 0 #EFEFEF;} #exportCSVModal .row1 {background-color:#FFFFFF;} #exportCSVModal .row2 {background-color:#EFEFEF;} #exportCSVModal .close {background: none;} #exportCSVModal .close.limitCancel {text-decoration: none; background: none repeat scroll 0 0 #E23D28; border: 1px solid #93000B; box-shadow: 0 -15px 30px -25px #000000 inset; color: #FFFFFF; padding: 2px 6px; } #exportCSVModal .close.limitCancel span span {font-size: 12px!important;} #exportCSVModal .acknowledge, #exportCSVModal .subscribe {font-size: 11px; line-height: 13px;} #exportCSVModal .subscribe {margin-bottom: 15px; margin-top:15px; padding-top: 0;} #exportCSVModal .subscribe h2 {margin-bottom: 5px} #exportCSVModal .subscribe #subscribeLink {margin-bottom: 10px;margin-top: 10px; padding-top: 3px; padding-bottom: 4px;} #exportCSVModal .subscribe .subscribeContent {background: #EFEFEF; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; margin-bottom: 5px; overflow: hidden; padding: 10px 5px 0 5px;} #exportCSVModal .subscribe .subscribeContent > div:first-child {margin-bottom: 10px;} #exportCSVModal .subscribe #subscribeFailMessage, #exportCSVModal .subscribe #subscribeMessage {margin-bottom: 10px;} #exportCSVModal #marketingPrivacy {font-size:11px;line-height: 13px; margin-bottom: 15px;} #exportCSVModal table.rounded.content {margin-top: 10px;} #exportCSVModal fieldset {padding-bottom: 0;} #exportCSVModal h2 {font-size:15px;color:#E23D28;font-weight: bold;} #exportOptions input {margin: 0 3px 0 0;} #exportOptions label {font-weight: normal;} #exportOptions th, #exportOptions caption {padding: 0;} #exportOptions td {padding: 2px 0 0 3px;} #adlFormModal .buttonContainer button:disabled, #adlFormModal .buttonContainer button:disabled:hover, #exportCSVModal .buttonContainer button:disabled, #exportCSVModal .buttonContainer button:disabled:hover, #directMarketingOnlineSignupModal .buttonContainer button:disabled, #directMarketingOnlineSignupModal .buttonContainer button:disabled:hover, #onlineSignupModal .buttonContainer button:disabled, #onlineSignupModal .buttonContainer button:disabled:hover {background-color: #ccc !important; border: 1px solid #B7B7B7 !important ; box-shadow: none; cursor: default;} /* Export CSV modal panel ends */ /* Direct marketing ttt statement modal panel */ .modal form fieldset, /* for when the modal is a form, e.g. add to listing*/ .modal #directMarketingModalBody {padding: 10px 15px; margin: 0;} /* for when the modal is info only, with no form e.g. derived list price*/ /*.modal #directMarketingModalBody p + ul {margin-top: -10px !important;}*/ .modal #directMarketingModalBody ul {margin:0 0 10px 0 !important; } .modal #directMarketingModalBody ul > li {list-style:inside disc !important; margin:0 0 10px 20px !important; line-height:16px !important;} #directMarketingOnlineSignupModal input[type="checkbox"] {margin-right: 5px;} #directMarketingOnlineSignupModal form, #onlineSignupModal form {height: 500px; overflow-y: scroll;} #directMarketingOnlineSignupModal ol {margin-bottom: 10px;} #directMarketingOnlineSignupModal ol li {padding-bottom: 10px; line-height: 16px;} .modal form .mailTo input[type="radio"] {margin: 0 2px 0 20px;} .mailTo.export {margin-top: 10px;} #pprForm label > span {margin: 1px 0 0 2px; display: block} /* ------------------------ $__modalPanels ends here ----------------------------------- */ /* ------------------------ $__summaryPage starts here ------------------------------ */ /* summary list tabs panel START */ .summaryListTabsPanel {border-bottom: 1px solid #a7a7a7; margin-top: 15px; background:#FFF; box-shadow: inset 0 -12px 30px -25px #636363; position: relative; height: 29px; } .summaryListTabsPanel ul.tabs {margin-bottom:-2px;} .summaryListTabsPanel ul.tabs > li {font-size: 13px; font-weight: bold; float: left; margin-right: 3px; border-bottom:none; padding: 4px 6px; cursor: pointer;} .summaryListTabsPanel ul.tabs > li.current, .summaryListTabsPanel ul.tabs > li:hover.current {background-color:#FFFFFF; cursor:default; border: 1px solid #a7a7a7; border-bottom: 1px solid #FFF; box-shadow: none; color: #333333; } .summaryListTabsPanel ul.tabs > li:first-child {margin-left: 10px;} /* summary list tabs panel END */ /* summary list items START */ table.summaryListItem { background: url("https://rpp.rpdata.com/rpp/images/cma_flow_comparativePropertyBg.jpg?v=26289") repeat-x center top; } .summaryListItem {border-top:1px solid #ccc; padding-top:5px; margin: 0 0 0 0;} .summaryListItem .heading > H2 > A {text-decoration: none;color: #E23D28;} .summaryListItem .content > UL {padding:0; margin:0;} .summaryListItem .content > UL.summaryListItemContent > LI { float: left; color: #585858; width: 270px; line-height: 17px;} .summaryListItem td, .summaryListItem td {padding: 0;} .summaryListItem td input[type="checkbox"] { width: 12px;} .summaryListItem td a.thumbnail { width: 120px; min-height:80px; display: block;padding: 3px 10px 0 3px;} .summaryListItem td a.thumbnail img {width: 120px; border: 1px solid #8E8E8E; } .summaryListItem td.cellData {width: 100%;} .summaryListItem h2 {margin: 1px 0 2px 0; padding-bottom:3px; line-height:16px;} .taskPanel {clear:both;} /*.summaryListItem .heading > .attributePanel {right: 0px; z-index:0;}*/ .summaryListItem .heading > .attributePanel ul {margin: 0; padding: 0;} .summaryListItem .heading > .attributePanel .editButton {opacity:0.5;} .summaryListItem .heading > .attributePanel .editButton.show {opacity:1;} /*.summaryListItem > a > img {min-height: 80px; width: 120px; display:block; border: 1px solid #8E8E8E; margin: 3px 10px 0 3px;}*/ @media (max-width: 540px) { .summaryListItem .contentContainer {width: 100%;} } @media (min-width: 541px) { .summaryListItem .contentContainer {width: 541px;} } /* unverified record */ .unverified .heading > H2 {text-decoration: none;color: #787878;} /* summary list item END */ /* auto-complete START */ .ui-autocomplete {border: 1px solid #ccc; background-color: #ffffff; padding:0 0 5px 0; margin: 0; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} .ui-autocomplete > li > a {display:block; padding: 2px 0 1px 15px; text-decoration: none; color: #585858; cursor: pointer; text-align:left;} /* auto-complete END */ /* Operation Panel START */ .operationPanel {margin:5px 0 0 0;} .operationPanel > div:first-child {float:left;} /*table.operationPanel tr td {background-color: white; padding:0;}*/ /*table.operationPanel tr td.label {font-size:10px; color:#9D9D9D;}*/ /* sort by START */ .selectMenu {position: relative;} .selectMenu > label {border:1px solid #ccc; padding:2px 5px 2px 5px; font-size:10px;} .selectMenu > label:hover {background-color:#a9a9a9; color:white; cursor:pointer;} .selectMenu > label > span {border-left: 1px dotted gray; padding: 0 7px 0 3px; margin-left: 3px; background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -7px -2185px; } .selectMenu > label:hover > span { background-position: -9px -2816px; border-left-color: #FFF;} .selectMenu > ul {padding:0; margin:0; border:1px solid #ccc; position:absolute; background-color:#ffffff; z-index:999; width:105px;} .selectMenu > ul > li {padding:0 5px 0 5px; cursor:pointer; font-size: 11px;} .selectMenu > ul > li:hover {background-color:#aaaaaa; color: #FFF;} .selectMenu > ul > li.current {background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -5px -1256px; text-indent: 10px; color:#579301; font-weight: bold;} .selectMenu > ul > li:hover.current {background-color: #fff; cursor:default; font-weight: bold;} /* sort by END */ .suggestion { font-size:11px;} .suggestion h3 {font-size: 11px; color: #999; padding-top: 3px;} .suggestion ul {padding-bottom: 0; margin-bottom: 0;} .suggestion ul li { cursor:pointer;} .suggestion > ul li.hidden{ display: none;} .suggestion > button.hidden{ display: none;} .suggestion ul li:hover { color:#E23D28; } /* Operation Panel END */ /* advanced search toggle */ .searchInput input.searchInputMd {width: 700px;} .searchArrow {padding-right: 35px !important; width: 775px !important;} #searchAddressAdvanced input, #searchAddressAdvanced label, #searchAddressAdvanced .dropdown2 .label, #searchAddressAdvanced .dropdown2 li, #searchAddressAdvanced select, #searchAddressAdvanced select option, #advancedAddressLink span {font-size: 13px;} #advancedAddressSearchLink, #simpleSearchLink {margin-top: 10px; margin-right: 0px; cursor: pointer; text-decoration: none; font-size: 12px;} #addressSearchOptionLinks #advancedAddressSearchLink, #addressSearchOptionLinks #simpleSearchLink { top: -33px; right:0;} #simpleSearchLink, #advancedAddressSearchLink, #advancedAddressSearchInfoLink { color:#2786C7;} #simpleSearchLink:hover, #advancedAddressSearchLink:hover, #advancedAddressSearchInfoLink:hover { color:#0a5486;} #advancedAddressSearchInfoLink {cursor: pointer;} #searchAddressAdvanced {background-color: #f2f2f2; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-top:-2px;} #searchAddressAdvanced .item > input {width: 300px;} #searchAddressAdvanced label {margin-top: 15px; font-weight: normal;} #advancedAddressLink {margin-left: 110px; display: inline-block; } #searchAddressAdvanced .dropdown2 {margin-left: 10px; margin-top: 10px;} #searchAddressAdvanced .dropdown2 .label {padding-top: 5px; padding-bottom: 5px;} #searchAddressAdvanced .dropdown2 .icon {padding-top: 9px; padding-bottom: 5px; background-position: -7px -2820px} #searchAddressAdvanced .dropdown2 .content {margin-top: 29px} #searchAddressAdvanced .labelLight {color: #999;} .searchAddressAdvancedContent {padding: 10px;} .searchAddressAdvancedContent input { margin: 11px 0 0 10px; padding: 4px 2px 3px; border-radius: 3px; border: 1px solid #9d9d9d;} .searchAddressAdvancedContent .title {width: 100px;} .searchAddressAdvancedContent .title .label {width: 72px;} .searchAddressAdvancedContent .ui-autocomplete-input {margin:0; border: 1px solid #ccc; width: 94px !important; padding: 7px 0px 7px 4px !important;} .searchAddressAdvancedBorder {height: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #e23d28;} /* ------------------------ $__summaryPage ends here ------------------------------ */ .summaryListItem .content>UL.summaryListItemContent>LI>LABEL {font-size: 12px;} .summaryListItem .content>UL.summaryListItemContent>LI.bold, .summaryListItem .content>UL.summaryListItemContent>LI.bold>LABEL {font-size: 14px; font-weight: bold;} /* summary list item END */ .marketCompareSummaryListContent>THEAD>TR>TH {color: #585858;font-size:11px !important;} .marketCompareSummaryListContent>TBODY>TR>TD {color: #585858;font-size:11px;font-weight:normal;} .marketCompareSummaryListContent .doNotCall {color: #CC0000;font-size:11px;white-space:nowrap;} .directMarketingDisclaimer {margin-top: 10px;color: #CC0000;font-size:11px;white-space:nowrap; clear:both;} /* selection START */ .selection > UL {padding:0;margin:0;} .selection > UL > LI {float:left; padding-right:5px; font-size:10px; cursor: pointer;} .selection > UL > LI:hover {color:#E23D28;} .selection > UL > LI.lastItem {border-right: none;padding-right:0;margin-right:0;} /* selection END */ /* view START */ .mode > UL {padding:0; margin:0;} .mode > UL > LI {float:left; border:1px solid #ccc; font-size:10px; padding:0 3px 0 5px; background-color:#F5F5F5; cursor: pointer; } .mode > UL > LI.current {background-color:#E23D28; color:white; cursor:default;} .mode > ul > li {background-image: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289); background-position: -9px -3067px; background-repeat:no-repeat; padding-left: 10px;} .mode > ul > li.viewAll { background-position: -9px -3097px; border-right: none } .mode > ul > li.selected { background-position: -9px -3128px; padding-left: 12px;} .mode > ul > li.current.viewAll { background-position: -9px -3067px;} .mode > ul > li.current.selected { background-position: -9px -3158px; padding-left: 15px;} .mode > ul > li .counter {padding-left: 3px;} /* view END */ /* pagination START */ .pagination > UL {padding:0; margin:0 auto; display: table;} .pagination > UL > LI, .paginationDym button { border: 1px solid #C0C0C0; color:#585858; background-color:#f5f5f5; float: left; text-align: center; margin-right:2px; font-size: 10px; cursor: pointer; padding: 0 2px;} .pagination > UL > LI:hover, .paginationDym button:hover {background-color:#A6A6A6;color:#ffffff;} .pagination > UL > LI.current {background-color: #E23D28;color:#ffffff;cursor: default;} .pagination > UL > LI.disabled, .pagination > UL > LI:hover.disabled, .paginationDym button.disabled, .paginationDym button:hover.disabled { cursor: default; border: 1px solid #dddddd; color: #cccccc; background: white;} .paginationDym > button.hidden{ display: none;} .pagination > ul > li.digital {padding: 0 4px;} .paginationDym {padding: 10px 0 0 90px !important;} .paginationDym button {padding: 3px;} /* pagination END */ /* Operation Panel START */ .operationPanel {margin:10px 0 5px 0; float:right; width: 100%;} .operationPanel label {font-size:10px; color:#BEBEBE; padding: 5px 0 0 6px; font-weight: normal;} .operationPanel .selection label {font-size:10px; color:#BEBEBE; padding: 5px 0 0 0; font-weight: normal;} .operationPanel .vertBufferSelection { max-width: 60px; margin-top: 2px; margin-right: 10px; min-width:60px;} .operationPanel .vertBufferView {margin-top: 2px; } .operationPanel .vertBufferPagination {margin-top: 17px; padding: 0 10px; max-width: 220px; } .operationPanel .vertBufferPagination div { margin: 0 auto;} .operationPanel .vertBufferSort {margin-top: 1px; max-width: 180px;} .operationPanel .vertBufferSort .limit {margin-top: 15px;} .operationPanel .limit .title {width: 87px;} .operationPanel .sortBy .title {width: 87px;} .operationPanel .dropdown2 > .content { margin-top: 18px; width: 85px;} .footerOperationPanel .operationPanel .dropdown2 > .content { margin-top: 21px !important; border:1px solid #ccc; border-bottom: 1px dotted #CCC;} /* Operation Panel END */ /* ------------------------ $__radius starts here ------------------------------ */ .targetPropertyPanel.summaryListItem {background-color: #F5F5F5; margin: 0; padding: 5px; width: 938px; border: 1px solid #C0C0C0;} .targetPropertyPanel.summaryListItem .contentContainer {width: 790px} .targetPropertyPanel.summaryListItem .thumbnail {padding: 0;} .targetPropertyPanel.summaryListItem .content > UL.summaryListItemContent > li {width: 50%} .summaryListItem {padding: 6px 2px 10px 2px; clear:both; overflow:hidden;} .selectThisProperty { cursor: pointer; position: relative; display: block; overflow: hidden; padding: 5px 0px 8px 0px; border: 2px solid #E23D28; } .selectThisProperty .overlay { background: url(https://rpp.rpdata.com/rpp/images/select_this_property.gif?v=26289) no-repeat bottom right; bottom: 0; display: block; height: 17px; right: 0; width: 132px; position: absolute;} .selectThisProperty .cellData { cursor: pointer;} .summaryListItem.selectThisProperty .content > UL.summaryListItemContent > LI > LABEL {cursor: pointer;} /* ------------------------ $__radius ends here ------------------------------ */ /* ------------------------ $__searchPanel starts here ------------------------------ */ .searchPanel .toolTip {margin: 18px 0 0 3px; z-index:1;} .searchPanel > ul.tabs {overflow: hidden;} .searchPanel > ul.tabs > li {height: 20px; line-height: 20px; font-weight: bold; font-size: 13px; border-bottom: none; margin-left:4px; padding: 4px 10px 4px 10px; cursor: pointer; } .searchPanel > ul.tabs > li:first-child {margin-left: 10px;} .searchPanel > ul.tabs > li.current, .searchPanel > ul.tabs > li:hover.current {background-color: #E23D28; color: #ffffff; border: 1px solid #E23D28; border-bottom: none; cursor:default !important;} .searchPanel .requiredText { color: #D0D0D0; margin-left: 4px;} .searchInput, .searchInput:hover {border: none; border-radius: 5px; height: 50px; background-color:#E23D28; margin-top:-2px;position: relative;} .searchInput input {width: 800px; margin:11px 0 0 10px; padding: 4px 2px 3px 2px; border:1px solid #9D9D9D; border-top-color:#C0C0C0; font-size: 16px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .searchInput .searchButton {z-index: 0; text-decoration: none; padding:5px 10px;} .searchInput .searchButton:hover {background-color:#B70D12;} .searchInput > .item {float: left; width: 250px; margin: 5px 0 0 20px;} .searchInput > .item > label {color: white; font-size: 11px;} .searchInput > .item > input {width: 200px; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; } #searchName > .item:first-child {margin-left: 10px;} #searchName > .item { margin-top: 4px;} #searchName > .item input { height: 16px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; } #searchName .toolTip {margin-top: 2px;} .searchPanel input.defaultText { color: #a7a7a7;} /* Building name search */ #buildingNameSearch input {width: 620px;} #buildingNameSearch .footnote {margin-top: 18px;} /* ------------------------ $__searchPanel ends here ------------------------------ */ /* Accordion Panel START */ .accordionPanel {border: none; border-radius:5px; margin-top:20px;} .accordionPanel > UL > .panel > H3 { box-shadow: 0 -15px 30px -25px #444 inset;} .accordionPanel > UL {margin:0;padding:0;} .accordionPanel .panel > H3 {background-color:#9a9b9a; color:white; font-size:11px; font-weight:bold; padding:5px 0 5px 5px; margin:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; cursor:pointer;} .accordionPanel .panel > .content {display:none;background-color:#f5f5f5;} .accordionPanel .panel > .content.current {display:block;} .accordionPanel .panel > .content > UL > LI:hover {background-color:white;cursor:pointer;} .accordionPanel .panel > .content {border-left: 1px solid #CCC; border-right: 1px solid #CCC;} .accordionPanel .panel > h3 {border:none;} .accordionPanel .refineSearch input.date, .accordionPanel .refineSearch .iconCalendarPicker {float:left;} .accordionPanel .refineSearch input[type='checkbox'] {margin: 0 3px 0 0 ; } .accordionPanel .refineSearch .clearFilterLink {float:right; margin-right: 5px;} .accordionPanel .refineSearch .clearFilterLink a {font-weight:normal; font-size: 10px; color: #ededed;} .accordionPanel .refineSearch .clearFilterLink a:hover {color: #FFF;} .accordionPanel .refineSearch.last .content.current {border-bottom-left-radius: 5px; border-bottom-right-radius:5px; border-bottom: 1px solid #CCC;} .accordionPanel .panel > h3 {border-bottom:1px solid #CCC;} .accordionPanel .panel > h3.last {border:none;} .accordionPanel .panel > .last { -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} .accordionPanel .panel > .last.current {border-radius:0;} /* Accordion Panel END */ /* Static Filters START */ .staticFilters {padding:5px 0; float:left;} .staticFilters .filter {padding:0 0 4px 5px;} .staticFilters .filter H3 {font-size: 12px; font-weight: bold; color:#585858; margin:0 0 2px 0;} .staticFilters .filter > UL {padding:0; } .staticFilters .filter LABEL {font-size:11px; color:#585858; font-weight:normal; padding: 0 7px 0 0; position:relative; top: -2px;} .staticFilters .filter INPUT {margin: 0;} .staticFilters .filter SELECT {width:95px;} .staticFilters .refineDivider {border-bottom:1px dotted #ccc; margin:5px;} .staticFilters .filter.radius li label:first-child {width: 94px; display: inline-block; line-height: 12px; padding-right: 0;} .staticFilters .filter.radius .toolTipPanel {width: 450px; } .staticFilters .filter.radius .toolTipPanel p {font-size: 11px;} .staticFilters .filter.radius .dropdown2 .title, .staticFilters .filter.radius .ui-autocomplete-input {margin-right: 3px !important;} .staticFilters .filter.radius .toolTipPanel ul {margin-bottom: 15px;} .staticFilters .filter.radius h3 {margin-bottom: 5px;} .staticFilters .targetSuburbOnly {padding-top: 5px; overflow: hidden; font-size: 11px;} .staticFilters .clearFilter {position: relative;} .staticFilters .clearFilter .button {color:#8a8a8a; font-size:10px; left:140px; position:absolute; width:100px; cursor:pointer; top: -5px;} .staticFilters .filter.propertyType > UL > LI {float:left;width:89px;} .staticFilters .filter.advertisedSaleMethod > UL > LI {float:left;width:89px;} .staticFilters .filter.lastSaleDate > UL > LI, .staticFilters .filter.marketingOptions > UL > LI, .staticFilters .filter.saleDate > UL > LI, .staticFilters .filter.listingDate > UL > LI, .staticFilters .filter.auctionDate > UL > LI, .staticFilters .filter.marketingOptions > UL > LI >, .staticFilters .filter.lastListingDate > UL > LI {margin-bottom:5px;} .staticFilters .filter.lastSaleDate > UL > LI > LABEL, .staticFilters .filter.saleDate > UL > LI > LABEL, .staticFilters .filter.listingDate > UL > LI > LABEL, .staticFilters .filter.lastListingDate > UL > LI > LABEL {width:50px;} .staticFilters .filter.marketingOptions > UL > LI > LABEL {width:90px;} .staticFilters .filter.lastSaleDate > UL > LI > *, .staticFilters .filter.saleDate > UL > LI > *, .staticFilters .filter.listingDate > UL > LI > *, .staticFilters .filter.marketingOptions > UL > LI >*, .staticFilters .filter.lastListingDate > UL > LI > * {float:left;} .staticFilters .filter.location > UL > LI > LABEL {width:60px;} .staticFilters .filter .date {width:90px !important;} .staticFilters .rentalStatus {padding-top: 5px;} .staticFilters .rentalStatus .toolTip {margin: -2px 0 0 2px;} /* Static Filters END */ /* Saved Territories START */ .territory .content > UL { margin-left: 0; padding-left: 0;} .territory .content > UL > LI {padding: 3px 5px 3px 5px; position:relative;} .territory .content > div.newTerritoryBtn {padding: 0 5px 5px 0; overflow:hidden;} .territory .content > div.newTerritoryBtn:hover {background-color:#F5F5F5; cursor: default;} .territory .content > UL > li.noTerritory{cursor:default;} .territory .content > UL > li.noTerritory:hover {cursor:default; background-color:#F5F5F5;} #stopTerritoryDraw {background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -4px -3633px; position:absolute; top: 18px; left: 98px; width: 21px; height: 22px; cursor:pointer; z-index:99999; box-shadow:-2px 2px 2px rgba(0, 0, 0, 0.3); border-radius: 4px 0px 0px 4px;} #stopTerritoryDraw.selected, #stopTerritoryDraw:hover {background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -4px -3813px; } #stopTerritoryDraw.disabled {background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -4px -3723px; cursor: default; } #stopTerritoryDraw.disabled.selected {background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -4px -3903px; cursor: default; } #drawTerritoryPolygon {background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -4px -3663px; position:absolute; top: 18px; left: 118px; width: 21px; height: 22px; cursor:pointer; z-index:99999; box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.3); border-radius: 0 0 4px 4px;} #drawTerritoryPolygon.selected, #drawTerritoryPolygon:hover {background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -4px -3843px; } #drawTerritoryPolygon.disabled {background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -4px -3753px; cursor: default; } #drawTerritoryPolygon.disabled.selected {background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -4px -3933px; cursor: default; } #clearTerritoryPolygon {background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -4px -3693px; position:absolute; top: 18px; left: 143px; width: 21px; height: 22px; cursor:pointer; z-index:99999; box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.3); border-radius: 4px;} #clearTerritoryPolygon.selected, #clearTerritoryPolygon:hover {background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -4px -3873px; } #clearTerritoryPolygon.disabled {background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -4px -3783px; cursor: default;} #clearTerritoryPolygon.disabled.selected {background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -4px -3963px; cursor: default;} #error_panel_territory_builder {margin-left: 15px; margin-right: 15px;} #map_canvas .gmnoprint > div > div[title="Stop drawing"], #map_canvas .gmnoprint > div > div[title="Draw a shape"] {cursor: pointer; display:none;} /* Saved Territories END */ /* saved list error/info messages */ #error_panel_territory_builder .modalTop, /* territory builder */ #savedListCreateModal .modalTop, /* saved list */ #app_info_add_to_modal, #app_info_export_csv_modal {text-indent:20px;} /* add to saved list */ /* Saved Lists START */ .savedLists .content > UL { margin-left: 0; padding-left: 0;} .savedLists .content > UL > LI {padding: 5px 5px 5px 5px; position:relative;} .savedLists .content > UL > LI > A {display:block; width:195px; text-decoration:none; font-size:12px; color: #585858; line-height:15px;} .savedLists .content > ul > li.savedList {line-height: 15px;} .savedLists .content > ul > li.savedList > span {display:block; float:left; width: 195px;} .savedLists .content > UL > LI:hover > A, .savedList:hover .content .label, .savedList:hover .content .count {color: #E23D28;} .savedList.userDefined > .content {width: 190px; line-height:15px;} .savedListDateDisplay {color:#9d9d9d;} .accordionPanel .panel .content > UL > LI > DIV.icon { padding:10px; position:absolute; top: 0px; right: 0; background-position: -5px -2193px;} .accordionPanel .panel .content > UL > LI > DIV.icon:hover {background-position: -5px -2223px;} .accordionPanel .panel .content > UL > LI > DIV .menu { border: 1px solid #ccc !important; border-radius:3px; background:#ffffff; position:absolute; width:150px; top:10px; left:1px; padding: 0; z-index:999;} .accordionPanel .panel .content > UL > LI > DIV .menu > UL {padding:0; margin:0;} .accordionPanel .panel .content > UL > LI > DIV .menu > UL > LI {padding-left:5px; font-size:11px; text-decoration:none; color:#585858;} .accordionPanel .panel .content > UL > LI > DIV .menu > UL > LI:hover {background-color: #9A9B9A; color:#ffffff;} .accordionPanel .panel .content > UL > LI .count {padding-left: 4px;} /* override menu styling for Saved Territory drop down as this html structure differs from the other sidebar menus - it's in a panel with a scroll bar (overflow:none)*/ .accordionPanel .panel.territory .content > UL > LI > DIV .menu {border:none !important; position:absolute; z-index:999;} .accordionPanel .panel.territory .content > UL > LI > DIV .menu > ul {position:fixed;border: 1px solid #ccc !important; border-radius:3px; background:#ffffff; width:150px;} .scrollPanel {height: 245px; overflow-y: auto; overflow-x: hidden; max-height: 245px; height: auto !important; /*this second overriding height:auto is used so that the panel collapses in height when the content is less than 245px */} /* Saved Lists END */ .refineSearch > h3 {border-top-left-radius: 5px; border-top-right-radius:5px; border: 1px solid #CCC; border-bottom:none;} /* Recent History START */ .recentHistory .content > UL {padding: 0;} .recentHistory .content > UL > LI {padding: 3px 5px 3px 5px; position:relative; line-height:15px;} .recentHistory .content > UL > LI > A.label{text-decoration:none; display:block;width:170px;font-size:12px;} .recentHistory .content > UL > LI > A.icon {height:16px; padding:0 7px 0 7px; position:absolute; top:1px; right:0; background-position:-7px -1325px; margin: 2px 5px 0 0;} .recentHistory .content.current {border-bottom-left-radius: 5px; border-bottom-right-radius:5px; border: 1px solid #CCC; border-top:none;} /* Recent History END */ /* Advanced Filters START */ .advancedFilters {font-size: 12px; font-weight: bold; padding-bottom: 5px;} .advancedFilters .line {border-bottom:1px dotted #ccc; position:absolute; top:9px; left:115px; width:90px;} .advancedFilters .trigger.collapse {cursor:pointer; background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -7px -4478px; padding-left: 15px; } .advancedFilters .trigger.expand {display:block; cursor:pointer; background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -7px -4506px; padding-left: 15px; padding-bottom:5px;} .advancedFilters .trigger:hover {color: #E23D28;} .advancedFilters .trigger:hover.collapse { background-position: -7px -4538px; } .advancedFilters .trigger:hover.expand { background-position: -7px -4566px; } /* disabled */ .advancedFilters .trigger.disable.collapse, .advancedFilters .trigger:hover.disable.collapse {cursor:pointer; background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons_transparent40.png?v=26289) no-repeat -7px -4478px; padding-left: 15px; } .advancedFilters.disable .trigger.expand, .advancedFilters.disable .trigger:hover.expand, .advancedFilters.disabled .trigger.expand, .advancedFilters.disabled .trigger:hover.expand {cursor:pointer; background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons_transparent40.png?v=26289) no-repeat -7px -4506px; padding-left: 15px; color: #BEBEBE;} .advancedFilters > ul {padding: 0 10px;} .advancedFilters > ul > li.filterGroup {border-top: 1px dotted #aaa; clear:both; padding: 0;} .advancedFilters > ul > li.filterGroup:first-child.collapse {border-top: 1px solid #F5F5F5;} .advancedFilters > ul > li.filterGroup > div { padding: 5px 0;} .advancedFilters > ul > li.filterGroup > ul {padding: 0;} .advancedFilters > ul > li.filterGroup > ul > li {clear:both; padding: 6px 0 0 5px;} .advancedFilters > ul > li.filterGroup > ul > li input[type='checkbox']{ float:left;} .advancedFilters > ul > li.filterGroup > ul > li input[type='date']{ float:left; clear:both;} .advancedFilters > ul > li.filterGroup > ul > li > label {font-weight: normal; margin-right: 5px; float:left; font-size: 11px;} .advancedFilters > ul > li.filterGroup ul.filters {padding-bottom:10px;} .advancedFilters > ul > li.filterGroup .range {clear:both; padding-bottom: 3px;} .advancedFilters > ul > li.filterGroup .heading {cursor: pointer; font-size: 12px; font-weight: bold; text-indent:10px; } .advancedFilters > ul > li.filterGroup .heading:hover { color: #E23D28;} .advancedFilters > ul > li.filterGroup.collapse .filters {display:none;} .advancedFilters > ul > li.filterGroup.expand .filters {display:block;} .advancedFilters > ul > li.filterGroup.expand .heading {padding-bottom: 0;} .advancedFilters > ul > li.filterGroup.expand > .heading {background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -11px -3242px; box-shadow: inset 0 15px 30px -25px #b1b1b1; } .advancedFilters > ul > li.filterGroup.collapse > .heading {background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -11px -3273px; } .advancedFilters .filterButton a {font-weight: normal;} .advancedFilters .dropdown2 .title {width: 187px; } .advancedFilters .dropdown2 > ul.ui-autocomplete {width: 185px; } .advancedFilters .dropdown2 .title .label {width: 159px; } .advancedFilters .dropdown2.min {margin-right: 10px;} .advancedFilters .dropdown2.min .title, .advancedFilters .dropdown2.max .title {width: 89px; } .advancedFilters .dropdown2.min > ul.ui-autocomplete, .advancedFilters .dropdown2.max > ul.ui-autocomplete {width: 87px; } .advancedFilters .dropdown2.max .title .label {width: 61px; } .advancedFilters .dropdown2.min .title .label {width: 61px; } .advancedFilters .dropdown2.max .title.last {margin-right: 0;} .dropdown2 > .content { width: 100%;} /* Advanced Filters END */ .sortBy, .limit {float: right;} .sortBy {margin-right: 5px;} .title .label {padding: 0 4px;} .sortBy .fold {display:none;} .limit .fold {display:none;} .features .fold {display:none;} .features .title {font-weight:bold;} /* field input widths */ #savedListCreateModal input[type="text"], #savedListEditModal input[type="text"] {width: 300px;} TABLE.innerTable {border: 1px solid #ccc;} .summaryListItem TABLE.innerTable, .summaryListItemUnVerified TABLE.innerTable {border:none;} .summaryListItem tbody tr:nth-child(2n) td, tbody tr.even td { background-color: #FFFFFF;} .expandable, .expandableAll {cursor: pointer;} .expandablePanel.hide {display: none;} .expandablePanel.show {display: table-row;} .active > * {border-top: 1px solid #ccc;} /* task toolbar WITH LABELS*/ .icon {background-image: url("https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289"); background-repeat:no-repeat;} .taskToolbar > UL {padding:0;margin:3px 0 0 0;} .taskToolbar > UL > LI {float: left; cursor: pointer; height:26px; width:100px; margin-bottom: 5px;} .taskToolbar > UL > LI > span {height: 26px; display: block;} .taskToolbar > UL > LI:hover {background-color: #FFFFFF; box-shadow: 0 -18px 15px -10px #e1e1e1 inset;} .taskToolbar > UL > LI label {color: #888;} .taskToolbar > UL > LI:hover label {color: #585858;} .taskToolbar .cma {background-position:-2px -3px;} .taskToolbar .premiumCma {background-position:-3px -4833px;} .taskToolbar .rentalCma {background-position:-2px -3363px;} .taskToolbar .adCampaign {background-position:0 -3004px;} .taskToolbar .listing {background-position: 0 -62px;} .taskToolbar .sold {background-position:0 -122px;} .taskToolbar .rent {background-position:0 -182px;} .taskToolbar .watchlist {background-position:-2px -242px;} .taskToolbar .removeWatch {background-position:-2px -302px;} .taskToolbar .removeAllAlerts {background-position:-2px -302px;} .taskToolbar .radius {background-position:0 -363px;} .taskToolbar .rpMap {background-position:0 -422px;} .taskToolbar .statistics {background-position:-4px -963px;} .taskToolbar .title {background-position:-2px -483px;} .taskToolbar .avm {background-position:-2px -543px;} .taskToolbar .adlFrom {background-position:0 -2943px;} .taskToolbar .calculator {background-position:-3px -3543px;} .taskToolbar .hideShowIcons.collapse {background-position: 19px -4713px;} .taskToolbar .hideShowIcons.collapse:hover {background-position: 19px -4744px;} .taskToolbar .hideShowIcons.expand {background-position: 21px -4652px;} .taskToolbar .hideShowIcons.expand:hover {background-position: 21px -4683px;} .taskToolbar .addedToMySales {background-position:0 -4772px;} .taskToolbar .chineseReport {background-position: -2px -5970px;} .removeAlerts {background-position: -2px -6001px; width: 26px; height: 26px; display: inline-block; cursor: pointer;} .removeAlerts:hover {background-position: -2px -6031px;} .taskToolbar .avmRental {background-position:-1px -6093px;} .taskToolbar .reiForms {background-position:-4px -6183px;} .taskToolbar .realworks {background-position:-4px -6213px;} .taskToolbar .realworks label {padding-top: 9px;} .taskToolbar .reiRealworksForms {background-position:-4px -6244px;} .taskToolbar .propertyServices {background-position:-4px -6274px;} .taskToolbar .propertyReport {background-position:-4px -6303px} .taskToolbar .cmaGRE {background-position:-4px -6333px} .searchRecentHistory:hover div { width: 22px; height: 15px; background: url("https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289") no-repeat 0px -1327px;} .taskToolbar > UL > LI {border-left: 1px dotted #cccccc;} .taskToolbar > UL > LI > span > label {font-weight: normal; font-size: 10px; line-height: 10px; padding-left: 22px; padding-top: 3px; display: block; cursor: pointer;} .taskToolbar .sold label, .taskToolbar .rent label, .taskToolbar .listing label {padding-left: 29px;} .taskToolbar .addedToMySales label {padding-left: 29px;} .taskToolbar .radius label, .taskToolbar .rpMap label, .taskToolbar .adlFrom label, .taskToolbar .watchlist label, .taskToolbar .avm label, .taskToolbar .avmRental label {padding-left: 27px;} .taskToolbar .reiForms label, .taskToolbar .realworks label {padding-left: 20px;} .taskToolbar .cma label, .taskToolbar .rentalCma label, .taskToolbar .premiumCma label, .taskToolbar .propertyServices label {padding-left: 25px;} .taskToolbar .title label {padding-left: 23px;} .taskToolbar .statistics label {padding-left: 21px;} .taskToolbar .removeWatch label {padding-left: 24px; font-size: 9px;} .taskToolbar .removeAllAlerts label {padding-left: 24px; font-size: 9px;} .taskToolbar .last {border-right: 1px dotted #cccccc;} .summaryListItem .taskToolbar > UL { float:left; width: 512px;} .taskToolbar .hideShowIcons {font-size: 10px; line-height: 10px; color:#2786C7; cursor: pointer; padding: 6px 10px 0 2px; } .taskToolbar .hideShowIcons:hover {font-size: 10px; line-height: 10px; color:#0A5486; } .summaryListItem .taskToolbar, .summaryListItem .arrange.modalInput {opacity:0.5} .summaryListItem .taskToolbar.show, .summaryListItem .arrange.modalInput.show {opacity:1;} .summaryList .taskToolbar {float:right;} #propertyDetailContainer .taskToolbar .hideShowIcons {display: none !important;} a.withIcon span b.icon { background-position: -6px -2467px; padding: 1px 0px 3px 20px; position:relative; top:-1px;} a.withIcon:hover span b.icon { background-position: -6px -2497px;} .searchLgeArw {background-position: -4px -6061px; left: 798px; width: 25px; height: 27px; top: 10px; cursor: pointer;} #propertyDetailContainer .taskToolbar ul.content.rounded {overflow: hidden; clear:both;} #propertyDetailContainer .taskToolbar .arrange.modalInput {font-size: 11px; cursor: pointer; margin-top: 5px; color: #2786C7;} /* modal panel - customise arrange task icons */ #restoreDefault {margin-top: 5px;} #taskToolbarmaster .ui-state-default {background: #FFF; border: 1px dashed #888888; width: 83px; height: 24px;} .summaryListItem .arrange.modalInput {font-size: 10px; color:#2786C7; margin-top: 6px; margin-right: 5px; text-align: right; line-height: 10px; cursor: pointer; } .summaryListItem .arrange.modalInput:hover {color:#0A5486; } /* task icons WITH LABELS ends here */ /* task toolbar*/ .watchListStatus {border-top:1px dotted #ccc; margin-top: 5px; padding-top: 5px; margin-left: 130px;} #propertyDetailContainer .watchListStatus {margin-left: 0;} .watchListStatus > UL {padding:0; margin:0;} .watchListStatus > UL > LI {float:left; font-size:11px; margin-right:5px;} .watchListStatus > UL > LI > LABEL {font-weight:bold; float:left;} .watchListStatus > UL > LI > SPAN {margin:0 5px;} #propertyDetailContainer .watchListStatus > UL > LI > SPAN {margin:0 0 0 3px;} .watchListStatus .alerts {margin-left:25px; } .watchListStatus .alerts > SPAN {font-weight:bold; padding:0 0 0 20px; margin: 0 2px; } .watchListStatus .alerts .forSale {color:#005F96; background-position: -2px -2376px; float:left;} .watchListStatus .alerts .justSold {color:#A41476; background-position: -2px -2406px; float:left;} .watchListStatus .alerts .forRent {color:#729200; background-position: -2px -2436px; float:left;} .watchListStatus .alerts .forSaleDate {color:#005F96; padding:0 0 0 7px; float:left;} .watchListStatus .alerts .justSoldDate {color:#A41476; padding:0 0 0 7px; float:left;} .watchListStatus .alerts .forRentDate {color:#729200; padding:0 0 0 7px; float:left;} .detailPanel .watchListStatus ul {float:left; padding-bottom: 0;} .detailPanel .watchListStatus .removeAlerts {float:right;} .detailPanel .watchListStatus .alerts {margin-left: 2px;} /* multi activities panel */ .floatingBar {width: 722px; margin-left:30px; border: none; height: 29px; background: #9f9f9f; color: #FFF; box-shadow: inset 0 -9px 42px -27px #000000; z-index:999;} .floatingBar > * {float:left; margin-right:4px} .floatingBar > .label {width:80px; font-weight:bold; font-size:11px; color:#f5f5f5; margin-left:5px; line-height:12px;} .floatingBar > h1.label {margin-top: 2px;} .floatingBar .navigation {padding:13px 13px; cursor:pointer; height: 10px; } .floatingBar .backward {background-position:0 -2070px;} .floatingBar .backward:hover {background-position:0 -2100px;} .floatingBar .forward {background-position:0 -2130px;} .floatingBar .forward:hover {background-position:0 -2160px;} .floatingBar .inactive {margin:6px 0 0 60px;} .floatingBar .mask {width:560px;overflow:hidden;} .floatingBar UL {border:none; overflow:hidden; width:560px; font-size: 10px;} .floatingBar UL {width:2000px; margin:0 0 0 0; padding:0;} .floatingBar UL > LI {float:left; border-right:1px dotted #ccc; padding:0px 5px 0 5px; margin:0px 0 0 0; color:#ffffff; cursor:pointer;} .floatingBar UL > LI.last {border-right:none;} .floatingBar UL > LI:hover {background-color: #737373; box-shadow: 0 -18px 15px -10px #444444 inset} .floatingBar UL > LI .icon {padding: 4px 3px 5px 0; float:left; height: 20px;} .floatingBar UL > LI > .label > span {display:block; white-space:nowrap; text-indent:27px; line-height:10px;} .floatingBar UL > LI.save .icon {background-position:0 -1109px;} .floatingBar UL > LI.addTo .icon {background-position:-2px -1140px;} .floatingBar UL > LI.propertyReport .icon {background-position:0 -780px;} .floatingBar UL > LI.salesReport .icon {background-position:0 -840px;} .floatingBar UL > LI.otmReport .icon {background-position:0 -900px;} .floatingBar UL > LI.marketCompare .icon {background-position:0 -600px;} .floatingBar UL > LI.rental .icon {background-position:0 -720px;} .floatingBar UL > LI.auction .icon {background-position:0 -660px;} .floatingBar UL > LI.rpMap .icon {background-position:-3px -420px;} .floatingBar UL > LI.csv .icon {background-position:0 -1080px;} .floatingBar UL > LI.addWatch .icon {background-position:-3px -240px;} .floatingBar UL > LI.removeWatch .icon {background-position:-2px -300px;} .floatingBar UL > LI.removeAllAlerts .icon {background-position:-2px -6001px;} /* multi activities panel */ /* sold history / auction results show more buttons */ .hideShowResults a, .hideShowResults a:hover {color: #FFF;} /* ------------------------ $__summaryPage ends here ------------------------------ */ /* ------------------------ $__reportsCommon starts here ------------------------------ */ /* from here ------------------------------------*/ /* step arrows styles start here */ .wizardContainer #containerSteps {float:left; list-style:none; padding:0 0 0 5px; margin:0 0 10px 0; width:100%} .wizardContainer #containerSteps li { margin-left:-7px; color:#585858; line-height:12px; padding-left: 0px; float:left; text-decoration: none; cursor: pointer; display: block; overflow: hidden; } .wizardContainer #containerSteps li:hover {color:#FFF;} .wizardContainer #containerSteps li div, .wizardContainer #containerSteps li div.selected {background:url(https://rpp.rpdata.com/rpp/images/showcase/step_arrows.png?v=26289) no-repeat 0 0; height: 32px; float:left; display:block;} .wizardContainer #containerSteps li .back {background-position: -225px 0px; width: 8px; } .wizardContainer #containerSteps li .mid {background-position: -360px 0px; padding: 3px 20px 0 20px; font-size: 11px; color: #999;} .wizardContainer #containerSteps li .front { background-position: -558px 0px; width: 8px; } .wizardContainer #containerSteps li .back, .wizardContainer #containerSteps li .mid, .wizardContainer #containerSteps li .front {position:relative; display:block;} .wizardContainer #containerSteps li .mid b {clear:both; display:block; font-weight:bold; font-size: 13px; color: #777;} .wizardContainer #containerSteps li:hover .mid, .wizardContainer #containerSteps li:hover .mid b, .wizardContainer #containerSteps li.selected .mid b {color: #FFF; } .wizardContainer #containerSteps li:hover .back {background-position: -225px -45px;} .wizardContainer #containerSteps li:hover .mid {background-position: -360px -45px; } .wizardContainer #containerSteps li:hover .front { background-position: -558px -45px;} .wizardContainer #containerSteps li.selected .back {background-position: -225px -89px; } .wizardContainer #containerSteps li.selected .mid {background-position: -360px -89px; } .wizardContainer #containerSteps li.selected .front { background-position: -558px -89px; } .wizardContainer #containerSteps .searchStep .mid, .wizardContainer #containerSteps .searchStep.selected .mid {padding-left: 5px;} .wizardContainer #containerSteps .searchStep .back {background-position: 0 0; } .wizardContainer #containerSteps .searchStep .mid {background-position: -360px 0; } .wizardContainer #containerSteps .searchStep .front { background-position: -558px 0; } .wizardContainer #containerSteps .searchStep:hover .back {background-position: 0px -45px; } .wizardContainer #containerSteps .searchStep:hover .mid {background-position: -360px -45px; } .wizardContainer #containerSteps .searchStep:hover .front { background-position: -558px -45px; } .wizardContainer #containerSteps .searchStep.selected, .wizardContainer #containerSteps .generateStep.selected, .wizardContainer #containerSteps .confirmation.selected, .wizardContainer #containerSteps .searchStep.selected div, .wizardContainer #containerSteps .generateStep.selected div, .wizardContainer #containerSteps .confirmation.selected div, .wizardContainer #containerSteps .selected div {color: #FFF; font-weight: normal; cursor: default; } .wizardContainer #containerSteps .searchStep.selected .back {background-position: 0px -89px; } .wizardContainer #containerSteps .searchStep.selected .mid {background-position: -360px -89px; } .wizardContainer #containerSteps .searchStep.selected .front { background-position: -558px -89px; } .wizardContainer #containerSteps .confirmation, .wizardContainer #containerSteps .confirmation, .wizardContainer #containerSteps .confirmation.selected {margin-left: 10px; } .wizardContainer #containerSteps .generateStep, .wizardContainer #containerSteps .generateStep, .wizardContainer #containerSteps .generateStep.selected {margin-left: 10px; } .wizardContainer #containerSteps .confirmation .back {background-position: -690px 0px; } .wizardContainer #containerSteps .confirmation .mid {background-position: -705px 0px; } .wizardContainer #containerSteps .confirmation .front { background-position: -853px 0px;} .wizardContainer #containerSteps .generateStep .back {background-position: -690px 0px; } .wizardContainer #containerSteps .generateStep .mid {background-position: -705px 0px; } .wizardContainer #containerSteps .generateStep .front { background-position: -853px 0px;} .wizardContainer #containerSteps .generateStep:hover .back {background-position: -690px -45px; } .wizardContainer #containerSteps .generateStep:hover .mid {background-position: -705px -45px; } .wizardContainer #containerSteps .generateStep:hover .front { background-position: -853px -45px; } .wizardContainer #containerSteps .generateStep .mid, .wizardContainer #containerSteps .generateStep.selected .mid {padding-right: 5px; padding-left:5px;} .wizardContainer #containerSteps .generateStep.selected .back, .wizardContainer #containerSteps .generateStep.selected:hover .back {background-position: -690px -89px;} .wizardContainer #containerSteps .generateStep.selected .mid, .wizardContainer #containerSteps .generateStep.selected:hover .mid {background-position: -705px -89px;} .wizardContainer #containerSteps .generateStep.selected .front, .wizardContainer #containerSteps .generateStep.selected:hover .front { background-position: -853px -89px;} /* confirmation */ .wizardContainer #containerSteps .confirmation:hover .back {background-position: -690px -45px; } .wizardContainer #containerSteps .confirmation:hover .mid {background-position: -705px -45px; } .wizardContainer #containerSteps .confirmation:hover .front { background-position: -853px -45px; } .wizardContainer #containerSteps .confirmation .mid, .wizardContainer #containerSteps .confirmation.selected .mid {padding-right: 5px; padding-left:5px;} .wizardContainer #containerSteps .confirmation.selected .back, .wizardContainer #containerSteps .confirmation.selected:hover .back {background-position: -690px -89px;} .wizardContainer #containerSteps .confirmation.selected .mid, .wizardContainer #containerSteps .confirmation.selected:hover .mid {background-position: -705px -89px;} .wizardContainer #containerSteps .confirmation.selected .front, .wizardContainer #containerSteps .confirmation.selected:hover .front { background-position: -853px -89px;} /* ------------------------ $__reportsCommon ends here ------------------------------ */ /* ------------------------ $__reportsPreview starts here ------------------------------ */ .reportContainer > .container { width: 955px;} /* left hand navigation */ #previewNavigation {width: 210px; margin: 22px 15px 0 0;} #previewNavigation ul {margin: 0; padding: 0;} #previewNavigation ul li.buttonLarge.rounded {margin-bottom: 5px; cursor:move;} #previewNavigation ul li.buttonLarge.rounded a {text-decoration:none; color:#585858;} #previewNavigation ul li.buttonLarge.rounded a:hover {text-decoration:underline; color:#E23D28;} #previewNavigation ul li.buttonLarge.rounded a:hover .hideShowPanel {text-decoration:underline; color:#E23D28;} #previewNavigation ul li.buttonLarge.rounded.noMove, #previewNavigation ul li:hover.buttonLarge.rounded.noMove { background: none repeat scroll 0 0 #F2F2F2; border: 1px solid #CCCCCC; box-shadow: 0 -15px 30px -25px #B1B1B1 inset; color: #585858; text-decoration: none; cursor:default;} #previewNavigation ul li.buttonLarge.rounded.panelHidden {background-color:#FFFFFF; box-shadow:none; border: 1px solid #E0E0E0;} #previewNavigation ul li.buttonLarge.rounded.panelHidden:hover {background-color:#FFFFFF; box-shadow:none; border: 1px solid #cccccc;} #previewNavigation ul li .hideShowPanel {display:none;} #previewNavigation ul li:hover .hideShowPanel {display:block !important; color:#585858;} #previewNavigation ul li .hideShowPanel:hover {cursor:pointer; color:#E23D28; text-decoration:underline;} /* next step button styles start here */ #nextStep, #nextStepBottom {background: transparent url(https://rpp.rpdata.com/rpp/images/showcase/report_flow_next_btn_sml.gif?v=26289) no-repeat 0 0; border:none; float:right; z-index:8; width:100px; height:22px; cursor:pointer; margin-top: 15px;} #nextStep:hover, #nextStepBottom:hover {background: transparent url(https://rpp.rpdata.com/rpp/images/showcase/report_flow_next_btn_sml.gif?v=26289) no-repeat 0 -22px; border:none; cursor:pointer;} /* next step button styles end here */ /* generic panel */ #previewPanels {width: 720px; height: 410px; overflow: auto; padding-right:10px;} #previewPanels .panelContainer {border: 1px solid #DEDEDE; padding: 10px; margin: 0 0 15px; overflow:hidden; position:relative; border-radius: 5px 0 5px 5px; clear:both;} #previewPanels .panelContainer h1 {font-size: 20px; margin-bottom: 10px; color: #585858; font-weight:normal;} #previewPanels .panelContainer h2 {font-size: 15px; margin-bottom: 0; color: #7C7C7C; font-weight:bold; text-align:center;} #previewPanels .panelContainer h2.address {margin-bottom: 5px; color: #E23D28; font-weight:bold; text-align:left; line-height:16px; } /* generic edit button */ #previewPanels .panelEdit {border: 1px solid #DEDEDE; font-size: 11px; border-bottom:none; padding: 2px 3px; background-color:#F1F1F1; cursor:pointer; border-radius: 4px 4px 0 0 } #previewPanels .panelEdit:hover {background-color:#AAA; color: #FFF;} /* header panel */ #previewPanels .header .agencyDetails {float:right; max-width:325px;} #previewPanels .header .logoImage {float: left; max-width:300px; max-height:150px;} #headerSubReport-panel > img {max-height: 70px;} /* report panel */ #previewPanels .preparedDetails {width: 200px;} #previewPanels .preparedDetails span {display:block;font-weight:normal;} #previewPanels .preparedDetails span > label {font-weight:bold;} #previewPanels .agentDetails {margin-top: 10px; float:left;} #previewPanels .agentPhoto {max-width:150px; max-height:200px; float: right; margin: 0 0 10px 10px } #previewPanels .comments {line-height:14px; clear:both; } #previewPanels .modal fieldset.comments label {width: 300px; } /* property records panel (e.g. sold properties, otm properties etc */ #previewPanels .propertyRecord {border-top: 1px solid #C0C0C0; padding: 5px 0; background:url(https://rpp.rpdata.com/rpp/images/cma_flow_comparativePropertyBg.jpg?v=26289) repeat-x top; overflow:hidden;} #previewPanels .propertyRecord > div {width: 545px;} #previewPanels .propertyRecord > div.thumbnail {width: 120px; float:left;} #previewPanels .propertyRecord img {margin-right: 10px; border: 1px solid #8E8E8E} #previewPanels .propertyRecord > div > span {display:block; line-height:15px;} #previewPanels .propertyRecord .attributePanel > ul {margin: 0;} /* Common Preview Property List Styling Unverified*/ #previewPanels .propertyRecord.unverified H2.address {text-decoration: none;color: #787878;} #previewPanels .propertyRecord.unverified > div.thumbnail .thumbnailOverlay {background:url(https://rpp.rpdata.com/rpp/images/thumbnail_overlay_unverified.png?v=26289) no-repeat 2px 2px; padding: 2px 0 0 2px; display:block !important;} /* property records panel with 2 columns of data */ #previewPanels .propertyRecord > div > span {margin-right: 10px; width: 260px; float:left;} #previewPanels .propertyRecord > div > span.thumbnailOverlay {width: 120px;} /* for use in table layout - h:panelGrid - so that labels remain in the correct order, despite content length*/ #previewPanels #propertyListSubReport-panel .propertyRecord table, #previewPanels #propertyListSubReport-panel .propertyRecord table td, #previewPanels #onTheMarketSubReport-panel .propertyRecord table, #previewPanels #onTheMarketSubReport-panel .propertyRecord table td, #previewPanels #marketCompareSubReport-panel .propertyRecord table, #previewPanels #marketCompareSubReport-panel .propertyRecord table td {border: none; line-height:15px; padding: 0 10px 0 0; } #previewPanels #propertyListSubReport-panel .propertyRecord table {width: 100%;} #previewPanels #propertyListSubReport-panel .propertyRecord table td {width: 50%;} /* tables */ #previewPanels .panelContainer table {margin-bottom: 0;} /* for list tables views */ #previewPanels .panelContainer.summaryPanel table {margin-bottom: 20px;} /* for summary tables */ #previewPanels .propertyRecord table td {width: 50%;} /* thead tr1 (white bg with borders) - common styling */ /*#previewPanels .panelContainer table th {border: 1px solid #C0C0C0; border-left:none; color: #7C7C7C; background-color:#FFF;}*/ /* thead tr2 (gray bg with borders) - common styling */ #previewPanels .panelContainer table th {border: 1px solid #C0C0C0; border-left:none; color: #7C7C7C; font-size: 11px; line-height: 13px; } /* thead tr2 > td1Empty (first cell empty) */ #salesSummarySubReportTableSummary tr th:first-child, #salesSummarySubReportTableByAttributes tr th:first-child, #otmSummarySubReportTableSummary tr th:first-child, #otmSummarySubReportTableListingsByActivities tr th:first-child, #otmSummarySubReportTableListingsByListingType tr th:first-child, #otmSummarySubReportTableAverageNumberOfDaysOTM tr th:first-child, #marketCompareSummarySubReportTableSummary tr th:first-child, #marketCompareSummarySubReportTableListingsByActivities tr th:first-child, #marketCompareSummarySubReportTableListingsByListingType tr th:first-child, #marketCompareSummarySubReportTableAverageNumberOfDaysOTM tr th:first-child {background-color:#FFF; border-right:1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; border-top: none;} /* thead tr2 > td1Empty, td2Empty (first and second cell empty) */ #salesSummarySubReportTableByAttributes tr th:first-child, #otmSummarySubReportTableListingsByActivities tr th:first-child, #otmSummarySubReportTableListingsByListingType tr th:first-child, #otmSummarySubReportTableAverageNumberOfDaysOTM tr th:first-child, #marketCompareSummarySubReportTableListingsByActivities tr th:first-child, #marketCompareSummarySubReportTableListingsByListingType tr th:first-child, #marketCompareSummarySubReportTableAverageNumberOfDaysOTM tr th:first-child {border-right: none;} #salesSummarySubReportTableByAttributes tr th:first-child + th, #otmSummarySubReportTableListingsByActivities tr th:first-child + th, #otmSummarySubReportTableListingsByListingType tr th:first-child + th, #otmSummarySubReportTableAverageNumberOfDaysOTM tr th:first-child + th, #marketCompareSummarySubReportTableListingsByActivities tr th:first-child + th, #marketCompareSummarySubReportTableListingsByListingType tr th:first-child + th, #marketCompareSummarySubReportTableAverageNumberOfDaysOTM tr th:first-child + th { background-color:#FFF; border-right:1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; border-top: none; border-left:none !important;} #previewPanels .panelContainer table td {background-color: transparent; padding: 0 5px; border-top: none; border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; border-left: none; } #previewPanels .panelContainer table td:first-child {border-top: none; border-left: 1px solid #C0C0C0; } #otmSummarySubReportTableListingsByActivities .spanned, #otmSummarySubReportTableListingsByListingType .spanned, #otmSummarySubReportTableAverageNumberOfDaysOTM .spanned, #marketCompareSummarySubReportTableListingsByActivities .spanned, #marketCompareSummarySubReportTableListingsByListingType .spanned, #marketCompareSummarySubReportTableAverageNumberOfDaysOTM .spanned {border-right: none !important;} /* modal panel content common for checkbox and label only */ #previewPanels .modal fieldset span {display: block; float: left; overflow: hidden;width: 210px;} #previewPanels .modal fieldset input[type='checkbox'], #previewPanels .modal fieldset label {float:left; font-weight: normal;} #previewPanels .modal fieldset label {width: 175px; line-height:12px; padding-top: 2px;} #previewPanels .modal fieldset label.error {font-weight: bold;} #previewPanels .modal fieldset.comments label.error {width: 300px;} #previewPanels .modal fieldset input[type='checkbox'] {margin-right: 5px; margin-top: 1px;} /* modal panel layout for unique panels */ #marketCompareSubReport-panelModal #chkTableViewHideShow {width: 200px;} #marketCompareSubReport-panelModal #chkTableViewHideShow td {padding: 0;} #marketCompareSubReport-panelModal #chkTableViewHideShow input {float:left; margin-right: 3px;} #marketCompareSubReport-panelModal #chkTableViewHideShow label {width: auto;} /* market compare table view */ #marketCompareSubReportTableSummary tr > th {padding-left: 2px; padding-right: 2px; text-align:center;} #marketCompareSubReportTableSummary tr > th:first-child {border-left: 1px solid #C0C0C0; width: 240px;} #marketCompareSubReportTableSummary tr > td {padding: 5px !important; line-height:15px; } #marketCompareSubReportTableSummary tr.row1 {background-color:#FFFFFF;} #marketCompareSubReportTableSummary tr.row2 {background-color:#EFEFEF;} /* unique layout - cover page modal start */ #coverPageSubReport-panelModal fieldset {padding-bottom: 0;} #coverPageSubReport-panelModal.modal fieldset span {clear:both; } #coverPageSubReport-panelModal fieldset:first-child > span:first-child { margin-bottom: 5px;} #coverPageSubReport-panelModal fieldset:first-child > span {width: 100%;} #coverPageSubReport-panelModal #textTitle {width: 360px;} #coverPageSubReport-panelModal #txtPreparedForText {width: 200px;} #coverPageSubReport-panelModal #textTitleLbl, #coverPageSubReport-panelModal #txtPreparedForTextLbl, #coverPageSubReport-panelModal #chkPreparedOnHideShowLbl {width: auto !important; margin: 4px 5px 0 0 ;} #coverPageSubReport-panelModal #chkPreparedOnHideShow, #coverPageSubReport-panelModal #chkPreparedForText {margin-top: 4px;} #coverPageSubReport-panelModal #textTitleLbl, #coverPageSubReport-panelModal #textTitle, #coverPageSubReport-panelModal #txtPreparedForTextLbl, #coverPageSubReport-panelModal #txtPreparedForText {float:left;} #coverPageSubReport-panelModal fieldset:first-child + fieldset span {width: auto; clear:none;} #coverPageSubReport-panelModal fieldset:first-child + fieldset > div {margin-top: 5px;} #coverPageSubReport-panelModal #txtcoverPageCommentsLbl {width: auto;} #coverPageSubReport-panelModal fieldset.comments span {width:auto; padding-bottom: 10px;} #coverPageSubReport-panelModal fieldset.comments #txtcoverPageComments {width: 423px; height: 70px;} #coverPageSubReport-panelModal fieldset #txtcoverPageCommentsLbl {padding-bottom: 5px;} /* unique layout - cover page modal end */ /* disclaimer */ #previewPanels #disclaimer {border-radius: 5px} #previewPanels #disclaimer p {font-size: 11px; line-height:14px; } /* ------------------------ $__reportsPreview ends here ------------------------------ */ /* ------------------------ $__footer starts here ------------------------------ */ #footerContainer {padding: 15px;} #footerContainer { background-color: #F5F5F5; border-top: 2px solid #E23D28; font-size: 11px; } #footerContainer p { padding:10px 0 0 0; margin:0;} #footerContainer .footerMenu ul { padding:0; margin: 0;} #footerContainer .footerMenu ul li { padding-right:10px; float:left;} #footerContainer .copyright p { font-size:11px;} #footerContainer .version { display:none;} #footerContainer .introduction p {font-size:12px; padding: 10px 0 15px 0;} #footerContainer .disclaimers p {font-size:11px; line-height: 14px;} #footerBackToTop { background:url("https://rpp.rpdata.com/rpp/images/showcase/drop_down_arrows.png?v=26289") no-repeat scroll 59px -26px transparent; padding-right:20px; } #footerBackToTop:hover {background-position: 59px -47px;} /* ------------------------ $__footer ends here ------------------------------ */ /* ------------------------ $__agentAdvice start here ------------------------ */ /*.agentsAdviceText { }*/ .agentsAdviceText ul > li.salePrice label, .agentsAdviceText ul > li.salePrice span, .agentsAdviceText ul > li.saleDate label, .agentsAdviceText ul > li.saleDate span, .agentsAdviceText ul > li.transferType label, .agentsAdviceText ul > li.transferType span, #market_compareSummaryList .agentsAdviceText .percentTotalChange, #market_compareSummaryList .agentsAdviceText .salePrice, #market_compareSummaryList .agentsAdviceText .saleDate, #market_compareSummaryList .agentsAdviceText .percentLastToActualSalePrice, #market_compareSummaryList .agentsAdviceText .percentCapitalToSalePrice, #market_compareSummaryList .agentsAdviceText .percentLastPriceToActualSale, #report_market_compareSummaryList .agentsAdviceText .percentTotalChange, #report_market_compareSummaryList .agentsAdviceText .salePrice, #report_market_compareSummaryList .agentsAdviceText .saleDate, #report_market_compareSummaryList .agentsAdviceText .percentLastToActualSalePrice, #report_market_compareSummaryList .agentsAdviceText .percentCapitalToSalePrice, #report_market_compareSummaryList .agentsAdviceText .percentLastPriceToActualSale, #overview .agentsAdviceText, #saleHistoryPanel .agentsAdviceText, #lastSalePanel li.agentsAdviceText {color: #800080 !important; font-weight: bold;} /* is bolded too */ #previewPanels .propertyRecord.agentsAdviceText .salePrice, #previewPanels .propertyRecord.agentsAdviceText .saleDate, #previewPanels .propertyRecord.agentsAdviceText .lastTransferPrice, #previewPanels .propertyRecord.agentsAdviceText .lastTransferDate, #marketCompareSubReportTableSummary .agentsAdviceText .salePrice, #marketCompareSubReportTableSummary .agentsAdviceText .percentLastPriceToActualSale, #marketCompareSubReportTableSummary .agentsAdviceText .percentTotalChange, tr.agentsAdviceText td {color: #800080 !important;}/* is not bolded */ /* ------------------------ $__agentAdvice end here ------------------------ */ /* ------------------------ $__stateBasedAgreements start here ------------------------ */ .pageHeadingAgreements {color:#000000; display:block; font-size:17px; font-weight:bold; padding-bottom:10px; text-align:center; line-height:19px; } .agreementContent {padding-top:20px;} .agreementContent tbody tr:nth-child(2n) td, .agreementContent tbody tr:nth-child(2n) td {background: #FFFFFF !important;} .agreementOperationPanel { margin-top: 10px; color: #585858; font-family: Arial,Helvetica,sans-serif; font-size: 11px;} .agreementOperationPanel label.agreePermanent { float: left;} .agreementOperationPanel a.buttonLarge span {font-size: 12px;} .agreePermanent input[type="checkbox"] {padding-right: 5px;} .agreementContent {line-height: 15px;} .agreementContent .pageHeading { color: #000000; display: block; font-size: 15px; font-weight: bold; padding-bottom: 10px;} /* ------------------------ $__stateBasedAgreements end here ------------------------ */ /* ------------------------ $__printPage starts here ------------------------ */ #printPageContainer .printPageHeader .ubd { margin: 3px 0 0 10px;} #printPageContainer .printPageHeader a.buttonLarge { padding-left: 0; margin-right: 10px;} #printPageContainer .printPageHeader a.buttonLarge .printPage.icon, #printDepreciationForm.buttonLarge .printPage.icon { background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons.png?v=26289) no-repeat -6px -2527px; padding: 1px 0 3px 20px;top: -1px; } #printPageContainer .printPageHeader a.buttonLarge:hover .printPage.icon, #printDepreciationForm.buttonLarge:hover .printPage.icon { background-position: -6px -2557px;} #printDepreciationForm.buttonLarge .printPage.icon { position:relative;} #printDepreciationForm {padding: 0 3px 0 0; font-size: 11px;} #printPagelink {padding-left: 5px !important; margin-right: 0 !important;} #aerial img, #google img, #cadast img { padding-bottom: 30px; display: block; margin: 0 auto;} #propertyPhoto img { width: 300px; padding-right: 20px;} #mappingPanel table { width:100%; margin: 0 auto;} #mappingPanel td { padding: 0; text-align: center; width: 50%;} #mappingPanel h3 { text-align:center; margin-bottom: 5px;} #mappingPanel #map img {width: 590px; padding-bottom: 20px;} #map .thumbnail {margin: 0;} #printPageContainer #overview .content.rounded ul {float:left; width: 440px; } #printPageContainer #overview .content.rounded .attributePanel ul {width: auto; } #printPageContainer #overview .content.rounded .landUseZoningContainer { clear:both;} #printPageContainer #ownershipPanel .content ul > li {width: 440px;} #printPageContainer #suburbScorecardPanel {width: 940px;} #printPageModal.modal form fieldset span { display:block; } #printPageModal.modal form label { display: inline; font-weight:normal;} /* ------------------------ $__printPage ends here ------------------------ */ /* ------------------------ $__featureTooltip starts here ------------------------ */ /* feature tooltip container */ .qtip.featureTooltip {border-radius: 5px !important; padding: 0 !important; } .qtip.featureTooltip, .qtip.featureTooltip .qtip-wrapper {width: 300px !important;} .qtip.featureTooltip.large, .qtip.featureTooltip.large .qtip-wrapper {width: 380px !important;} .qtip.featureTooltip .qtip-content, .qtip.featureTooltip .qtip-contentWrapper {background: none !important; border: none !important;} .featureTooltip { z-index: 10000 !important; line-height:13px; background: #CFECFE; border: 1px solid #5BA7D5; border-radius: 5px 5px 5px 5px; padding: 0; font-size:11px; -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.5);} .featureTooltip {width: 300px;} .featureTooltip.large {width: 380px;} .featureTooltip .qtip-content {box-shadow:0 -125px 30px -15px #FFFFFF inset; background: #C8EBFF; } .featureTooltip.large .qtip-content {box-shadow: 0 -332px 100px -70px #FFFFFF inset; background: #C8EBFF; } .featureTooltip .video {margin-top: 10px;} .featureTooltip.qtip {max-width: 400px;} .featureTooltip .status {color: #FFF; font-weight: bold; font-size: 10px; text-transform: uppercase; background: #E23D28; border-radius: 5px; padding: 1px 3px; margin-right: 5px;} .featureTooltip .qtip-content {padding: 15px; border-radius: 5px 5px 5px 5px;} .featureTooltip .labelLight {color: #9d9d9d;} /* content container */ .qtip.featureTooltip .qtip-content {padding: 15px !important; } .tooltipContent {color: #585858 !important; font-size: 12px !important; line-height: 16px; } /* close */ .tooltipClose {background:url(https://rpp.rpdata.com/rpp/images/panel_close.png?v=26289) no-repeat scroll 0 0 transparent; display:block; float:left; height:14px; margin:0; outline:medium none; width:14px; cursor: pointer;} /* title */ .featureTooltip .title {color: #E23D28; font-weight: bold; font-size: 15px; line-height: 17px; margin-bottom: 10px; overflow: hidden; width: 210px} .featureTooltip.large .title {width: 285px;} /* remind me later */ a.featureLink {color: #2786C7; cursor: pointer; font-size: 11px; text-decoration: none;} a.featureLink:hover {color: #0a5486 ;} /* dismiss */ .tooltipDismiss {color: #585858; cursor: pointer; font-size: 11px; text-decoration: underline; margin-top:5px;} .tooltipDismiss:hover {color: #e23d28;} #tooltipLearnMoreButton.navDividerPipe {border-right:1px solid #A0A0A0; padding-right: 10px;} .tooltipTipClass{left: -14px !important; top: 9px !important;} .tooltipTipClass{left: -15px !important; top: 9px !important;} .tooltipTipClassleftTop{left: -15px !important; top: 9px !important;} .tooltipTipClassrightTop{right: -14px !important; top: 9px !important;} .tooltipTipClassleftBottom{left: -15px !important; bottom: 6px !important; } .tooltipTipClassrightBottom{right: -13px !important; bottom: 6px !important; } /* ------------------------ $__featureTooltip ends here ------------------------ */ /* ------------------------ $__fancyTooltip starts here ------------------------ */ /* upgrade tooltip - fancyTooltip*/ .fancyTooltip, .upgrade { z-index: 10000; line-height:13px; background: white; border: 1px solid #5BA7D5; border-radius: 5px 5px 5px 5px; padding: 0; width: 140px; box-shadow: 0 50px 40px -15px #C8EBFF inset; font-size:11px; display:block; opacity:1;} .fancyTooltip .upgradePhone {font-size:17px; color:#00aeef; padding-top:3px; display:block;} .upgrade {margin-top: 10px; overflow: hidden; padding: 8px 10px 5px 0; width: auto; } .fancyTooltip h1, .upgrade h1{ background:url(https://rpp.rpdata.com/rpp/images/showcase/headers.png?v=26289) no-repeat -15px -69px; color: #FFFFFF; font-size: 12px; height: 20px; margin-top: 10px; padding: 5px 0 0 10px; text-transform: uppercase; margin-bottom:0;} .upgrade h1 { margin: 1px 0 0 0; padding-left: 5px; width: 130px; height: 16px;} .upgrade .inner {line-height: 12px; width: 445px; height: 25px; } #contactSummaryList .upgrade.fancyTooltip {margin-bottom: 10px;} .valign {display: table-cell; vertical-align: middle;} .upgrade > .subscribe, .upgrade > .subscribe.disable:hover{ background: #01A7E5; border: 1px solid #01AEEE; box-shadow: 0 -15px 30px -25px #000000 inset; color: #FFFFFF; padding-top: 4px; padding-bottom: 4px; font-size: 12px; margin-bottom: 2px;} .upgrade > .subscribe:hover { box-shadow: 0 -20px 30px -25px #000000 inset; } /* arrow */ .fancyTooltip.bottom .fancyTooltipArrowBorder, .fancyTooltip.bottom .fancyTooltipArrow, .fancyTooltipArrowBorder, .fancyTooltipArrow { height: 0; left: 60px; position: absolute; width: 0; border-width: 10px; border-style: solid; } .fancyTooltipTitle a {color: #585858; cursor: pointer;} .fancyTooltipTitle a:hover {color: #E23D28;} /* arrow down */ .fancyTooltip.bottom .fancyTooltipArrowBorder { border-color: transparent transparent #5BA7D5 transparent; top:-21px;} .fancyTooltip.bottom .fancyTooltipArrow { border-color:transparent transparent #CDEAFB transparent; top:-20px;} /* arrow up */ .fancyTooltipArrowBorder { border-color: #5BA7D5 transparent transparent transparent ; bottom:-20px !important; top: auto;} .fancyTooltipArrow { border-color: #FFF transparent transparent transparent; bottom:-19px !important; top: auto;} .fancyTooltipTitle { padding:5px 10px 10px 10px; display:block; clear:both;} .fancyTooltipLink { padding:5px 10px 10px 10px; display:block; clear:both; text-decoration: underline; color: #585858; cursor: pointer;} .fancyTooltipLink:hover { padding:5px 10px 10px 10px; display:block; clear:both; text-decoration: underline;cursor:pointer;} .fancyTooltipLinkContinue {clear:both; text-decoration: underline; color: #585858; cursor: pointer;} .fancyTooltipLinkContinue:hover {clear:both; text-decoration: underline;cursor:pointer;} .fancyTooltipTitle a b {text-decoration: underline;} /* ------------------------ $__fancyTooltip ends here ------------------------ */ /* ------------------------ $__thumbnail overlay starts here ------------------------ */ .thumbnail { position:relative; margin: 0 10px 5px 0; } .thumbnail .thumbnailOverlay {left:0; position:absolute; top:0; margin:0; width:120px; height:80px; border:none;} .thumbnail a {width: 120px; height: 80px; display:block; border:none;} .thumbnail img {border: 1px solid #8E8E8E; width: 120px; height: 80px; font-size:10px; display:block;} .outOfArea h2 { color: #F6962C; font-size: 15px; font-weight: bold; padding-bottom: 2px;} .outOfArea .content { color: #A0A0A0; display: block; font-size: 11px; line-height: 14px; margin-top: 10px;} .outOfArea a {cursor: default !important;} .outOfArea .thumbnail.noPhoto img {opacity:1; border: 1px solid #D2D2D2;} .outOfArea .thumbnail img {opacity:0.4;} .outOfArea .thumbnail .thumbnailOverlay {background:url(https://rpp.rpdata.com/rpp/images/thumbnail_overlay_out_of_area.png?v=26289) no-repeat 2px 2px; padding: 2px 0 0 2px; display:block !important;} .justSold .thumbnailOverlay {background:url(https://rpp.rpdata.com/rpp/images/thumbnail_overlay_agent_advice.png?v=26289) no-repeat 2px 2px; padding: 2px 0 0 2px; display:block !important; } .unverified .thumbnail .thumbnailOverlay {background:url(https://rpp.rpdata.com/rpp/images/thumbnail_overlay_unverified.png?v=26289) no-repeat 2px 2px; padding: 2px 0 0 2px; display:block !important;} /* ------------------------ $__thumbnail overlay ends here ------------------------ */ /* ------------------------ $__mediaSpecific start here ------------------------ */ .printOnly {display: none !important;} @media print { .screenOnly, #supplementaryNavContainer {display:none;} .printOnly {display:block !important; } #printPageContainer .attributePanel li.attribute img {margin-left: 15px;} #printPageContainer .overviewDetails { overflow:hidden;} body {background: none;} #headerContainer, #footerContainer { width: 615px !important;} #printPageContainer #ownershipPanel .content ul > li {width: 260px;} #printPageContainer #mappingPanel .content.rounded {padding-bottom: 30px;} #aerial img, #cadast img { padding-bottom: 0; } #printPageContainer .content.rounded, #printPageContainer #propertyListingsSummaryPanel, .outerContainer { width: 630px !important; background:none;} #printPageContainer #developmentApplicationPanel, #developmentApplicationPanel, #developmentApplicationData {width: 650px !important; margin: 0; padding: 0;} #headerContainer, #footerContainer, #printPageContainer table.content.rounded {width: 650px !important; background:none;} .outerContainer, #footerContainer, #footerContainer div, #propertyFeaturePanel .collapsibleContainer .content.rounded li, #printPageContainer ul > li { padding: 0 !important; margin: 0 !important; background:none !important; } #printPageContainer #propertyFeaturePanel .collapsibleContainer {overflow: visible !important; background:none; margin: 0!important; padding: 0!important; border: none !important ;} #printPageContainer #propertyFeaturePanel .collapsibleContainer > div.content.rounded {width: 630px !important; height: auto !important; margin: 0 0 10px 0 !important; border: 1px solid #C0C0C0; background: none;} #printPageContainer #propertyFeaturePanel .collapsibleContainer > div h3 {margin: 0 0 5px 0 !important; padding: 0 !important;} #printPageContainer table.content.rounded td {border-bottom: none; border-left: 1px solid #ccc; border-right:none; border-top: 1px solid #ccc; background:none; } #printPageContainer table.content.rounded td:first-child {border-left:none;} #printPageContainer table.content.rounded th {background:none; border-bottom: none;} #propertyDimension img {width: 173px;} #aerial img, #google img, #cadast img {display:block; margin: 0 auto;} #aerial.is-expanded img, #google.is-expanded img, #cadast.is-expanded img {width:600px;} #cadast.is-expanded, #photoTable {page-break-before: auto; page-break-after: auto; page-break-inside: avoid;} #propertyPhoto img {padding-right: 20px; float:right;} #printPageContainer .ubd {position: relative; top: 15px;} #headerContainer .span-12.last, #printPageContainer .printPageHeader .floatRight.PrintOnly, #footerContainer .footerMenu, #footerContainer .backToTop {display:none; } #footerContainer {float:left; background: none;} #propertyFeaturePanel ul li, #suburbScorecardbody ul li { list-style: disc inside none;} /* washington brown depreciation calculator print page starts here */ #calculateDepreciationForm div.formFields, #calculateDepreciationForm .toolTip, #calculateDepreciationForm .buttonContainer, #calculateDepreciationForm #printDepreciationForm {display:none;} #calculateDepreciationForm img {width: 110px; height:23px; margin-bottom: 20px;} #calculateDepreciationForm a:link:after, #calculateDepreciationForm a:visited:after {content:"";} #calculateDepreciationForm .footer {font-size: 10px; line-height: 10px;} #calculateDepreciationForm .footer .note {margin-left: 20px; width: 500px; margin-top: 15px;} #calculateDepreciationForm fieldset {padding:0;} #calculateDepreciationForm table {width: 600px;} #degreeOfAccuracy {width: 605px;} #calculateDepreciationForm #modalBody {float:left;} /* washington brown depreciation calculator print page ends here */ #developmentApplicationData .expandablePanel th, #developmentApplicationData .expandablePanel td {text-align: left !important;} #developmentApplicationProvidor a:link:after, #developmentApplicationProvidor a:visited:after { content:""; } #developmentApplicationProvidor a {text-decoration: none; margin-right:0; padding-right: 0;} #developmentApplicationProvidor {margin: 0; padding:0; position:relative; top: 15px;} #insuranceClaimsData td {line-height: 13px;} } /* screen only styles end here */ /* ------------------------ $__mediaSpecific end here ------------------------ */ /* ------------------------ $__RPE disabled styling starts here ------------------------ */ /* TASK ICONS */ /* remove background shadow and text colour change - on hover for disabled items */ .taskToolbar > UL > LI.icon.disabled:hover {box-shadow: none; cursor: default;} .taskToolbar > UL > LI.icon.disabled:hover label {color: #888; cursor: default;} /* 1. on hover the task icon doesn't get larger - shows it's not clickable */ .taskToolbar > UL > LI.watchlist.disabled:hover {background-position:-2px -242px;} .taskToolbar > UL > LI.radius.disabled:hover {background-position:0 -363px;} .taskToolbar > UL > LI.rentalCma.disabled { background-position:-2px -3363px;} .taskToolbar > UL > LI.adCampaign.disabled { background-position:0 -3030px;} .taskToolbar > UL > LI.avm.disabled { background-position:-2px -543px;} /* keep cursor as pointer and background hover for disabled items only in the modal panel because although the icons are disabled, the user can still move them around in this customisation mode */ #arrangeComponentsModal .taskToolbar > UL > LI.icon.disabled, #arrangeComponentsModal .taskToolbar > UL > LI.icon.disabled label, #arrangeComponentsModal .taskToolbar > UL > LI.icon.disabled:hover, #arrangeComponentsModal .taskToolbar > UL > LI.icon.disabled:hover label {cursor: pointer !important;} #arrangeComponentsModal .taskToolbar > UL > LI:hover {box-shadow: 0 -18px 15px -10px #e1e1e1 inset;} /*REA Listing Description modal panel for Sale*/ #listingDescriptionData {max-height: 385px; overflow: auto; margin-top: 10px; padding-left:10px; padding-right:10px; padding-bottom:15px} /* tooltip positioning */ .modalHeader {overflow: auto;} #arrangeComponentsModal .toolTip {margin: 2px 0 0 2px;} /* 2. set opacity for modern browsers */ .taskToolbar > UL > LI.disabled, /*.taskToolbar > UL > LI.disabled,*/ /*.taskToolbar > UL > LI.rentalCma.disabled,*/ /*.taskToolbar > UL > LI.adCampaign.disabled,*/ /*.taskToolbar > UL > LI.avm.disabled,*/ /*.taskToolbar > UL > LI.avm.disabled,*/ .floatingBar UL > LI.disabled > .label, .floatingBar UL > LI.disabled > .icon, #printPageModal span.disabled > input, #printPageModal span.disabled > label, .summaryListTabsPanel li.disabled, .savedLists ul > li.savedList.disabled, .searchPanel > ul > li.disabled, .advancedFilters.disabled .trigger, .advancedFilters.disabled .line, #dashboardContainer #parcelSearchTab.disabled span, #dashboardContainer #companySearchTab.disabled span, #dashboardContainer #nameSearchTab.disabled span, #dashboardContainer #buildingSearchTab.disabled span, .upgrade > .subscribe.disable, .upgrade > .subscribe.disable:hover, .gradientLight.rounded.withIcon.disabled, /*map buttons below imagery panel on the detail page #externalMapLinksPanel */ .features .text .disabled {opacity: 0.4 !important; cursor: default !important;} /* #externalMapLinksPanel - map buttons below imagery panel on the detail page - no hover effect when .disabled is applied */ .gradientLight.disabled:hover { background: #F2F2F2; color: #585858; border: 1px solid #ccc; box-shadow: inset 0 -15px 30px -25px #b1b1b1; text-decoration: none; } a.gradientLight.disabled:hover span {color: #585858;} a.withIcon.disabled:hover span b.icon { background-position: -6px -2467px; padding: 1px 0px 3px 20px; position:relative; top:-1px;} /* launch map button on cadastral map tab */ #googleMapButtonOverlay a.withIcon.disabled:hover {box-shadow: inset 0 -15px 30px -25px #cccccc;} #googleMapButtonOverlay a.withIcon.disabled:hover .rpMap {background-position: -6px -4417px;} /* task bar background colour has no hover effect when disabled */ .taskToolbar > UL > LI.disabled:hover {background-color: transparent;} /* multi activities panel */ .floatingBar UL > LI.disabled:hover {background:none; box-shadow:none; cursor:default;} .floatingBar UL > LI.disabled > .label { color: #FFF !important;} /* dashboard search links */ #dashboardContainer #parcelSearchTab.disabled:hover span, #dashboardContainer #companySearchTab.disabled:hover span, #dashboardContainer #nameSearchTab.disabled:hover span, #dashboardContainer #buildingSearchTab.disabled:hover span {color: #585858;} /* search tabs*/ .summaryListTabsPanel li.disabled:hover, .searchPanel > ul > li.disabled:hover { background: #F2F2F2; color: #585858; border: 1px solid #ccc; box-shadow: inset 0 -15px 30px -25px #b1b1b1; text-decoration: none; } .searchPanel > ul > li.disabled:hover {border-bottom:none;} /* refine panel - saved lists */ /*.accordionPanel .panel > .content > UL > LI:hover*/ .accordionPanel .savedLists > .content > ul > li.savedList.disabled:hover, .accordionPanel .savedLists > .content > ul > li.savedList.disabled:hover a, .accordionPanel .savedLists > .content > ul > li.savedList.disabled:hover a:hover, /*.advancedFilters.disabled:hover .trigger { color:#585858 !important; background-color:transparent !important; cursor: default !important; }*/ /*.accordionPanel .savedLists > .content > ul > li.savedList.disabled .icon:hover { background-position: -5px -2193px !important; }*/ .accordionPanel .savedLists > .content > ul > li.savedList.disabled {overflow: hidden; } .accordionPanel .savedLists > .content > ul > li.savedList.disabled .dropDownMenuArrow {background: url(https://rpp.rpdata.com/rpp/images/showcase/task_icons_transparent50.png?v=26289) no-repeat -10px -2198px;} /* ------------------------ $__disabled styling ends here ------------------------ */ /* washington brown modal panel starts here */ #error_panel_property_depreciation {margin: 0 10px;} #error_panel_property_depreciation .error {text-indent: 20px} #propertyDepreciationModal #modalBody {padding:0;} #propertyDepreciationModal p.short {clear:none; margin-right: 15px;} #propertyDepreciationModal p.short select, #propertyDepreciationModal p.short label.error { width: 80px;} #propertyDepreciationModal .footer {margin: 15px; overflow:hidden;} #propertyDepreciationModal .logoWB {background: url(https://rpp.rpdata.com/rpp/images/showcase/logo_washington_brown.gif?v=26289) 0 0 no-repeat; width: 140px; height:29px; display:block; } #propertyDepreciationModal .poweredByText {color: #AFAFAF; font-size: 10px; text-align:right;} #propertyDepreciationModal .note {width: 500px; font-size: 11px; line-height: 12px; margin:10px 0 0 15px;} #degreeOfAccuracy {font-weight: normal; color: #585858; overflow:hidden;} #degreeOfAccuracy.accuracyHigh {padding: 5px; border: 1px solid #709231; background: #edfcd2; box-shadow: inset 0 -15px 30px -25px #8eb645; } #degreeOfAccuracy.accuracyMedium {padding: 5px; border: 1px solid #e9bf35; background: #fefad0; box-shadow: inset 0 -15px 30px -25px #f9eb5c;} #degreeOfAccuracy.accuracyLow {padding: 5px; border: 1px solid #f05737; background: #ffe8cc; box-shadow: inset 0 -15px 30px -25px #fd9112;} #degreeOfAccuracy.accuracyHigh span {color: #2b6500; font-weight: bold;} #degreeOfAccuracy.accuracyMedium span {color: #a17d00;font-weight: bold;} #degreeOfAccuracy.accuracyLow span {color: #c93f02;font-weight: bold;} #degreeOfAccuracy .toolTipPanel span { color: #585858 !important; font-weight: normal !important; font-size:11px;} /* washington brown modal panel ends here */ /* live chat starts here */ /* horizontal - header */ .liveChatHoriz {background: url(https://rpp.rpdata.com/rpp/images/showcase/live-chat.png?v=26289) 0 0 no-repeat; width: 113px; height: 47px; margin-top: -8px; cursor: pointer; margin-bottom: 8px;} .liveChatHoriz:hover {background-position: 0 -47px; } /* vertical - modal */ .liveChatVert {background: url(https://rpp.rpdata.com/rpp/images/showcase/live-chat.png?v=26289) -17px -97px no-repeat transparent; cursor: pointer; position: absolute; right: -82px; width: 80px; height: 115px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; top: -1px; border: 1px solid black; border-left: none; box-shadow: 33px 0 22px -42px #000000 inset;} .liveChatVert:hover {background-position: -17px -215px;} .liveChatModal, .liveChatModal .modalHeader {border-top-right-radius: 0px !important;} .liveChatHoriz.noNav {margin-bottom: 0; margin-top: 26px;} /* live chat ends here */ .scaleLineTop {position: relative; top: -48px;} /** * This hack targets the Webkit browser engine * which includes Safari and Chrome. */ @media print and (-webkit-min-device-pixel-ratio:0) { /* chrome print hacks */ #wrapper {margin: 0; width: 100%; overflow:hidden;} #printPageContainer .content.rounded, #printPageContainer #propertyListingsSummaryPanel, .outerContainer { width: 630px !important; background:none; } #headerContainer, #footerContainer, #printPageContainer table.content.rounded {width: 650px !important; background:none;} #developmentApplicationData table.innerTable.rounded {width: 100% !important;} } @media screen and (-webkit-min-device-pixel-ratio:0) { /* chrome screen hacks */ .searchPanel > .searchInput {margin-top: -3px;} #googleMapButtonOverlay {top: 14px;} #googleMapButtonOverlay a.withIcon, #googleMapButtonOverlay a.withIcon:hover {padding: 4px 4px 2px 2px;} .advancedFilters .trigger.collapse {background-position: -7px -4477px;} .advancedFilters .trigger:hover.collapse {background-position: -7px -4537px;} } /* OVERWRITE CPS DEFAULT STYLING*/ #cps_PCIDSS_provider_logo {float:right;} #getApproval {font-size: 13px; padding: 2px 5px; float: right; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; background: #E23D28; color: #FFFFFF; border: 1px solid #b1311f; box-shadow: inset 0 -15px 30px -25px #000000; cursor: pointer; } #getApproval:hover {background-color: #D63B29; box-shadow: inset 0 -20px 30px -25px #000000; border:1px solid #A02B1C;} /* Style for "Report a map error" at the bottom of maps, to ensure that it always remains on top */ .gm-style-cc { z-index: 1000001; } .taskToolbar {display: none;} .arrange {display: none;} .updateData {display: none;} .cellCheckbox {display: none;} .twitter-typeahead { width: 60%; min-width: 300px; height:40px; } .typeahead, .tt-query, .tt-hint { border: 2px solid #CCCCCC; border-radius: 8px; font-size: 24px; height: 30px; line-height: 30px; outline: medium none; padding: 8px 12px; } .typeahead { background-color: #FFFFFF; width:100% } .typeahead:focus { border: 2px solid #0097CF; } .tt-query { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; } .tt-hint { color: #999999; width: 100%; } .tt-dropdown-menu { background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 8px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); padding: 8px 0; } .tt-suggestion { font-size: 24px; line-height: 24px; padding: 3px 20px; } .tt-suggestion.tt-is-under-cursor { background-color: #0097CF; color: #FFFFFF; } .tt-suggestion p { margin: 0; } .floatLeft {float:left;} .taskToolbar {display: none;} .arrange {display: none;} .updateData {display: none;} .cellCheckbox {display: none;} .clickable {font-size: 100%;} .propertyLoading {display: none;text-align:center;} .report {display: none; text-align: center;} .propmtWait {display: none;font-size:200%; padding-left:10px} img#reportImage {width: 100%;} #btnBuyReport {display: flex;} .summaryListItem>div>div>input {margin-left: 20px;margin-top: 3px} .right-tip {display: none;} [class="eway-button"], .eway-button.processing, .eway-button.processed { display: none !important; } .realbuy[disabled] {background: grey!important; cursor: not-allowed;} .realbuy[disabled]>span {background: grey!important; cursor: not-allowed;} .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.9); /* Black w/ opacity */ } /* Modal Content (image) */ .modal-content { margin: auto; display: block; width: 80%; max-width: 700px; text-align: center; } /* Caption of Modal Image */ #caption { margin: auto; display: block; width: 80%; max-width: 700px; text-align: center; color: #ccc; padding: 10px 0; height: 150px; } /* Add Animation */ .modal-content, #caption { -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s; } @-webkit-keyframes zoom { from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)} } @keyframes zoom { from {transform:scale(0)} to {transform:scale(1)} } /* The Close Button */ .close { position: absolute; top: 55px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; } .close:hover, .close:focus { color: #bbb; text-decoration: none; cursor: pointer; } /* 100% Image Width on Smaller Screens */ @media only screen and (max-width: 700px){ .modal-content { width: 100%; } } .report-container { display: flex; flex-direction: column; align-items: center; justify-content: center; background-image: url(/themes/zh-cn/images/bg.jpg); background-size: cover; height: 100vh; min-height: 300px; } .section-header { width: 100%; height: 20px; border-bottom: 1px solid black; text-align: center; margin-bottom: 20px; } .section-header span { font-size: 20px; background-color: white; padding: 0 10px; } .payment-info img { width: 100px; height: 100px; } .thumbnail.clickable::after { content: attr(data-price); font-size: 20px; color: rgb(67, 90, 154); }