/* #dde5ed LHS background color #ff6800 normal orange (such as in selected item in menu) #f64c0f screaming orange (prices only) #000066 H2 (such as "1743 foreclosure listings...") #000066 level 1 and 2 nav unselected #003366 body text and LHS text #4D7395 text in SRP listing address #333333 text in SRP listing description */ a {color: #000066; text-decoration: underline} a:hover {color: #ff6800; text-decoration: none} .logo {width: 261px; height: 58px; padding-bottom: 16px; float: left; background: url(../images/logo.png) no-repeat 0 0; border: 0;} h1, h2, h3, h4, h5, h6 {color: #1F2145;} h4 {background: url('../images/div_1.png') repeat-x 0 28px transparent; width: 100%; padding: 10px 0 8px 0;} .header {margin-bottom: 20px; margin-top: 10px; height: 134px; position: relative;} a.btn-small-3 { color: #fff; } a.btn-small-3:hover { color: #fff; } /* Menu: User */ #menu-user {color: #ff6800; padding-top: 20px} #menu-user a {color: #ff6800; text-decoration: underline} #menu-user a:hover {text-decoration: none;} /* Menu: Level 1 */ #menu-l1 {position: relative; height: 27px; border-bottom: solid 4px #3D66BA;text-align: center;} #menu-l1 ul {margin: 0 ; list-style: none;padding-left: 0;} #menu-l1.guest ul {margin: 0 auto; list-style: none; padding: 0; width: 346px;} #menu-l1 ul li {padding-left: 0.25em; display: inline-block;} #menu-l1 li a {display: inline-block; text-decoration: none; padding: 8px 1.25em 0.3em 1em; font-family: Arial, sans-serif; font-size: 13px; color:#ff6800; font-weight: bold;} #menu-l1 li a.selected-a {color: #fff} #menu-l1 li a:hover {text-decoration: underline} #menu-l1 ul li a:hover {color:#ff9900;} #menu-l1 .selected-l {background: url('../images/nav_level1tab1_left.png') top left no-repeat #e57a01;} #menu-l1 .selected-a {background: url('../images/nav_level1tab1_right.png') top right no-repeat #e57a01; color: #fff; border-bottom: solid 3px #e57a01;} #menu-l1 .selected-a:hover {color: #fff} /* Menu: Level 2 */ #menu-l1 .menu-l2-area .menu-l2-bg {background: url('../images/menu_l2_bg.png') 0px 5px repeat-x; margin: 0; padding: 0; color: #fff; overflow: hidden;} #menu-l1 ul li .menu-l2-area ul li a.selected-a {background: url('../images/iconbar_vert.png') no-repeat -8px -256px;} #menu-l2 {height: 30px; background: url('../images/nav_bg2.png') 0 0 repeat-x; margin: 0; padding: 0; color: #fff;} #menu-l2 div {margin-top: 0; padding-top: .25em; text-align: center;} #menu-l2 div.submenu {display: none;} #menu-l2 div.active {display: block;} #menu-l2 a {margin: 0; padding: 0 2em; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold; } #menu-l2 a.selected-a {background: url('../images/iconbar_vert.png') no-repeat -8px -256px;} #menu-l2 a:hover {text-decoration: underline} /* Menu: User */ #menu-user .arrow {background: url("../images/iconbar_vert.png") -7px -106px no-repeat;} /* Menu: Level 3 */ #menuL3 ul li, .map-tabs li {background: url('../images/tab_l3_l_off.png') top left no-repeat;} #menuL3 li a, #propDetailsTabCont .map-tabs li a {background: url('../images/tab_l3_r_off.png') top right no-repeat; color: #fff;} #propDetailsTabCont .map-tabs li a { text-decoration: none; } #propDetailsTabCont .map-tabs li a:hover { text-decoration: underline; } #menuL3 ul li a:hover, #propDetailsTabCont .map-tabs li a:hover {color:#fff;} #menuL3 li.selected, .map-tabs li.current {background: url('../images/tab_l3_l_on.png') top left no-repeat;} #menuL3 li.selected a, #propDetailsTabCont .map-tabs li.current a {background: url('../images/tab_l3_r_on.png') top right no-repeat; color: #ff6800;} #menuL3 li.selected a:hover, #propDetailsTabCont .map-tabs li.current a:hover {color: #ff6800; } /* Home */ .landing .blockL h3, .blockR h3, .blockW h3, .blockF h3 {background: url('../images/div_1.png') repeat-x 0 28px transparent;} .landing h1 {color: #000066;} .landing .search-box {background: url('../images/bg_quicksearch.jpg') 0 0 no-repeat;} .landing .search-box .heading h3 {color: #000066;} .landing .search-box .title {color: #000066;} .landing .search-type label {color: #000066;} .landing .search-help {color: #000066;} .landing.landing-b .sale-b .offer .desc .price {color: #F64C0F;} .landing.landing-b #upsellBuyButton {background: url('../images/btn_empty_lrg.png') no-repeat 0 0;} .landing.landing-b .tblOrders .orderIcn {background: url('../images/iconbar_vert.png') no-repeat -8px -162px;} .landing.landing-b .tblOrders .orderDesc {color: #486885;} /* Errors */ .messageArea {min-height: 18px;} .messageArea .error {clear: both; color: #f54b0f; font-family: verdana; text-decoration: bold; font-style: normal; font-size: 13px;} .messageArea .message {clear: both; color: #000; font-family: verdana; text-decoration: bold; font-style: normal; font-size: 13px; font-weight: bold;} .columnLeft h3 {color: #000066;} /* Search Result Page (SRP) */ .srpResult {background: url("../images/bg_resultsframe.png") no-repeat scroll 0 0 transparent; border-bottom: none; padding: 0 7px; margin-bottom: 10px; height: 134px;} .srpResult .descAndTools {width: 390px; margin-top: 5px; color: #5d5d5d;} .srpResult .descAndTools .descText {display: none;} .srpTools {border-bottom: none;} #srpPager a.page-curr, #srpPager a.page-prev, #srpPager a.page-next {color: #ff6800;} .resultCount h1 {color: #1F2145} .resultCount .line4, .resultCount .line4 a {color: #000066;} .resultCount .line4 span.active {/*background:url("../images/iconbar_vert.png") no-repeat scroll -7px -255px transparent; padding-left: 20px */} .resultCountBottom {border: 1px Solid #ececec;} .photo {margin-top: 5px;} .price, .priceDef {color: #000066;} .addressCont a {color: #141B4E} #prop-details .cove-rto-content .button-medium, #prop-details-merged .cove-rto-content .button-medium { padding-top: 0px; padding-bottom: 0px; } /* 2 Column Content */ .content2Cols h2 {padding-bottom: 10px; margin-bottom: 5px; color: #000066; font-size: 14px; background: url('../images/div_1.png') 0 bottom repeat-x;} /* Quick Search */ .qs {background: url('../images/quicksearch_left.png') no-repeat bottom right;} .qs div.rt {background: url('../images/quicksearch_right.png') no-repeat bottom right;} .qs div.ct {background: url('../images/quicksearch_center.png') repeat-x bottom left;} .qsTitle {margin-bottom: 1em; font-size: 22px; font-family: verdana, arial;} #qsSubmit {background: url('../images/btn_empty_104x64.png') no-repeat scroll 0 0 transparent;} /* Quick Search (i.e. foreclosures landing page) */ .qkSearch {background: #f5f9fa url(../images/bg_search_br.gif) no-repeat bottom right; color: #000066;} .qkSearch div.bl {background: url(../images/bg_search_bl.gif) no-repeat bottom left;} .qkSearch div div.tr {background: url(../images/bg_search_tr.gif) no-repeat top right;} .qkSearch div div div.tl {background: url(../images/bg_search_tl.gif) no-repeat top left;} .qkSearchTitle {color: #000066;} .qkSearchTitle a {} .qkSearch .search-box {background: #e7ecf2 url(../images/searchbox_br.gif) no-repeat bottom right;} .qkSearch .search-box div.bl {background: url(../images/searchbox_bl.gif) no-repeat bottom left;} .qkSearch .search-box div div.tr {background: url(../images/searchbox_tr.gif) no-repeat top right;} .qkSearch .search-box div div div.tl {background: url(../images/searchbox_tl.gif) no-repeat top left;} .qkSearch .search-box input[type="text"] {color:#000; } /* Property Page */ .zlCat { background-color: #A6B1F3; border-bottom: 3px solid #ff6800; color: #FFFFFF; font-size: 12px; font-weight: bold; margin-bottom: 15px; min-height: 18px; padding-top: 2px; } .addressCont h1 {color: #000066; } .sumPhotoMore {background-color: #D46900; } /* Buttons */ .buttonUpdate {background: url(../images/btn_update.png) no-repeat 0 0; } .buttonSubmit, .button-submit {background: url(../images/btn_submit.png) no-repeat 0 0; } .buttonSend {background: url(../images/btn_send.png) no-repeat 0 0; height: 35px; width: 130px; } .buttonSend:hover {background-position: 0 -35px; } .mortgage-lead-form .buttonSend{height: 32px;} .mortgage-lead-form .buttonSend:hover {background-position: 0 -32px; } .button-search {background: url(../images/btn_search.png) no-repeat 0 0; } .buttonCalculator {background: url(../images/btn_gotocalc.png) no-repeat 0 0; } .buttonForm {background: url(../images/btn_gotoform.png) no-repeat 0 0; } .buttonCancel {background: url(../images/btn_cancel.png) no-repeat 0 0; } .buttonStart {background: url(../images/btn_start_small.png) no-repeat 0 0; } .buttonSmall {background: url(../images/btn_empty_sml.png) no-repeat 0 0; } .buttonMedium, .button-medium {background: url(../images/btn_empty_104x64.png) no-repeat 0 0; } .buttonLarge {background: url(../images/btn_empty_220x60.png) no-repeat 0 0;} .buttonXXXLarge {background: url('../images/btn_empty_320x60.png') no-repeat 0 0; } .button-calculate-sml {background: url(../images/btn_calculate_sml.png) no-repeat 0 0;} .button-calculate-sml:hover {background-position: 0px -24px;} /* Tooltip */ .tooltipIcn {background: url('../images/iconbar_vert.png') no-repeat -8px -557px;} .expandCollapse {background: url('../images/iconbar_vert.png') no-repeat -8px -255px;} /* Icons */ .icnSave {background: url('../images/iconbar_vert.png') no-repeat -8px -132px;} .icnSaved {background: url('../images/iconbar_vert.png') no-repeat -8px -162px;} .icnArrow {background: url("../images/iconbar_vert.png") no-repeat -8px -249px; } .icnUpArrow {background: url('../images/iconbar_vert.png') no-repeat scroll -5px -703px transparent;} .icnDownTrend {background: url("../images/iconbar_vert.png") no-repeat -8px -489px; } .icnUpTrend {background: url("../images/iconbar_vert.png") no-repeat -8px -521px; } .icnPrint {background: url('../images/iconbar_vert.png') no-repeat -8px -339px; } .icnFB {background: url('../images/iconbar_vert.png') no-repeat -8px -459px; } .icnAlert {background: url('../images/iconbar_vert.png') no-repeat -8px -370px; } .icnHidee {background: url('../images/iconbar_vert.png') no-repeat -8px -429px; } .icnHideen {background: url('../images/iconbar_vert.png') no-repeat -8px -430px; } .icnHomeScore {background: url('../images/iconbar_vert.png') no-repeat -2px -4px; } .icnInvestorScore {float: left; background: url('../images/iconbar_vert.png') no-repeat -2px -42px;} .icnPopout {background: url('../images/iconbar_vert.png') no-repeat -8px -617px;} .icnWizard {background: url('../images/iconbar_vert.png') no-repeat -5px -643px;} .icnContract {background: url('../images/iconbar_vert.png') no-repeat -5px -673px;} .icnScript {background: url('../images/iconbar_vert.png') no-repeat -5px -673px;} #gmapCanvas {height: 219px; } #gmapStreetViewCanvas {height: 419px;} #compsList .hdr {color: #000066;} /* Property-->Finaincing tab */ .tblFinancing h2 {color: #000066; background: url('../images/div_1.png') 0 bottom repeat-x;} .mortgage-lead-form #listingHeading { color: #000066; } .sale .offer h3 {color: #486885;} .sale .priceCont, .sale .priceCont .price {color: #f64c0f;} .sale #upsellBuyButton {width: 104px; height: 32px; line-height: 32px; font-weight: bold; margin: 0 0 0 3px; } .login-offers h1 {color: #486885;} .login-offers h2 {color: #f28133;} .login-offers .offer h3 {color: #486885;} .login-offers .offer .price-cont, .login-offers .offer .price {color: #f64c0f;} .login-offers .offer .tr {width: 465px;} .login-offers .offer .br {width: 465px; height: 235px} .login-offers .offer .bl {height: 235px;} .login-offers .offer .selection-set {background: url("../images/bg_price_cont_3.png") repeat-x scroll 0 0 transparent;} /* Special Offers */ .sale .offer h3 {color: #486885;} .sale .priceCont, .sale .priceCont .price {color: #f64c0f;} .sale #upsellBuyButton {width: 104px; height: 32px; line-height: 32px; font-weight: bold; margin: 0 0 0 3px; } .login-offers h1 {color: #486885;} .login-offers h2 {color: #f28133;} .login-offers .offer h3 {color: #486885;} .login-offers .offer .price-cont, .login-offers .offer .price {color: #f64c0f;} .login-offers .offer .tr {width: 465px;} .login-offers .offer .br {width: 465px; height: 235px} .login-offers .offer .bl {height: 235px;} .login-offers .offer .selection-set {background: url("../images/bg_price_cont_3.png") repeat-x scroll 0 0 transparent;} /* Advanced Search */ .adv-search {background: #f5f9fa url(../images/bg_search_br.gif) no-repeat bottom right;} .adv-search div.bl {background: url(../images/bg_search_bl.gif) no-repeat bottom left;} .adv-search div div.tr {background: url(../images/bg_search_tr.gif) no-repeat top right;} .adv-search div div div.tl {background: url(../images/bg_search_tl.gif) no-repeat top left;} .adv-search .search-box {background: #e7ecf2 url(../images/searchbox_br.gif) no-repeat bottom right; margin: 15px auto 10px 0; width: 495px;} .adv-search .search-box div.bl {padding: 0; background: url(../images/searchbox_bl.gif) no-repeat bottom left;} .adv-search .search-box div div.tr {padding: 0; background: url(../images/searchbox_tr.gif) no-repeat top right;} .adv-search .search-box div div div.tl {background: url(../images/searchbox_tl.gif) no-repeat top left;} .adv-search .groupBox {background: #e7ecf2 url(../images/search_br.gif) no-repeat bottom right; margin: 10px auto 0 auto; width: 495px;} .adv-search .groupBox div.bl {padding: 0; background: url(../images/search_bl.gif) no-repeat bottom left;} .adv-search .groupBox div div.tr {padding: 0; background: url(../images/search_tr.gif) no-repeat top right;} .adv-search .groupBox div div div.tl {padding: 10px 10px 20px 10px; background: url(../images/search_tl.gif) no-repeat top left;} #advanced-search-form .tooltip-container .search-validation-tip .tooltip-spike {background: url(../images/tooltip_spike.png) no-repeat top left;} /* General use boxes */ .boxWHeader {background: #f5f9fa url(../images/box_br.png) no-repeat bottom right;} .boxWHeader div.bl {background: url(../images/box_bl.png) no-repeat bottom left;} .boxWHeader div div.tr {background: url(../images/box_tr.png) no-repeat top right;} .boxWHeader div div div.tl {background: url(../images/box_tl.png) no-repeat top left;} .boxWLargeHeader {background: #f5f9fa url(../images/box_br.png) no-repeat bottom right; } .boxWLargeHeader div.bl {background: url(../images/box_bl.png) no-repeat bottom left;} .boxWLargeHeader div div.tr {background: url(../images/box_tall_tr.png) no-repeat top right;} .boxWLargeHeader div div div.tl {background: url(../images/box_tall_tl.png) no-repeat top left;} .boxWHeader h2 {color: #000066; } .boxNoHeader {} .boxNoHeader .tl {background: url('../images/bg_box_1.png') top left no-repeat transparent;} .boxNoHeader .tr {background: url('../images/bg_box_1.png') top right no-repeat transparent;} .boxNoHeader .bl {background: url('../images/bg_box_1.png') bottom left no-repeat transparent;} .boxNoHeader .br {background: url('../images/bg_box_1.png') bottom right no-repeat transparent;} /* Widget boxes */ .wg {background: #ddd url(../images/lhs_br.gif) no-repeat bottom right;} .wg div.bl {background: url(../images/lhs_bl.gif) no-repeat bottom left;} .wg div div.tr {background: url(../images/lhs_tr.gif) no-repeat top right;} .wg div div div.tl {background: url(../images/lhs_tl.gif) no-repeat top left;} .wgBox {background: #fbfbfb url(../images/loan_calc_box_br.png) no-repeat bottom right; font-size: 12px;} .wgBox div.bl {padding: 0; background: url(../images/loan_calc_box_bl.png) no-repeat bottom left;} .wgBox div div.tr {padding: 0; background: url(../images/loan_calc_box_tr.png) no-repeat top right;} .wgBox div div div.tl {padding: 3px; background: url(../images/loan_calc_box_tl.png) no-repeat top left;} .wg .groupTitle {color: #000066; } .wg .subTitle {color:#333; font-weight:normal;} .wg .title {color: #000066; } /* Widgets */ .wgFeaturedProps a:hover {color: #ff6800; text-decoration: none;} .wgFeaturedProps img {width: 110px;} .compareWidget .close {background: url('../../images/btn_close.png') no-repeat 0 0;} .compareWidget a.compare {background: url('../images/btn_compare.png') no-repeat 0 0;} .wgCalc .buttonCalculate {background: url('../images/btn_calculate.png') no-repeat 0 0;} .wgEO .buttonGetAlerts { background: url('../images/btn_alerts.png') no-repeat 0 0; } .wgAccordion { margin-top: 27px; } .wgAccordion .tl {background: url(../images/bg_accordion.png) no-repeat top left #f0f5fc;} .wgAccordion .tr {background: url(../images/bg_accordion.png) no-repeat top right #f0f5fc;} .wgAccordion .bl {background: url(../images/bg_accordion.png) no-repeat bottom left #f0f5fc;} .wgAccordion .br {background: url(../images/bg_accordion.png) no-repeat bottom right #f0f5fc;} .wgAccordion a {background: url(../images/accordion_arrow.png) no-repeat center left;} .wgAccordion a.selected {background: url(../images/accordion_arrow_selected.png) no-repeat center left #6270C9;} .wgAccordion a.ui-state-active {background: url(../images/accordion_arrow_selected.png) no-repeat center left #6270C9;} .wgAccordion .noRecentHomes {background: url(../images/accordion_recent_home.png) no-repeat top center transparent; width: 198px; height: 66px;} .wgAccordion .noSavedHomes {background: url(../images/accordion_save_home.png) no-repeat top center transparent; width: 198px; height: 117px;} .wgAccordion .noHiddenHomes {background: url(../images/accordion_hide_home.png) no-repeat top center transparent; width: 198px; height: 117px;} .wgAccordion input.btnViewall {background: url('../images/btn_viewall.png') no-repeat; width: 63px; height: 21px; line-height: 21px;} /* Attributions */ .attributions {border-top: 3px Solid #000066; } /* Upsell Lightbox */ .lb-small .upsell a {text-decoration: underline;} .lb-small .upsell .buttonLarge {background: url("../images/btn_empty_lrg.png") no-repeat scroll 0 0 transparent;display: block; height: 40px; width: 130px; font-size: 12px; margin-right: 15px; padding-top: 0; font-weight: bold; text-decoration: none; line-height: 40px;} .lb-small .upsell .buttonLarge:hover {color: #fff; background-position: 0 -40px;} /* Lightboxes */ .lbHeader .logo {position: absolute; top: 10px; left: 10px; width: 96px; height: 21px; padding: 0 float: none; background: url(../images/logo_small.png) no-repeat 0 0; border: 0;} .lbBody {background-color: #5065e8;} .lbNotify {background-color: #fbfbfb;} .lbInsideBox {background: #fff url(../images/lightbox_br.gif) no-repeat bottom right; font-size: 12px;} .lbInsideBox div.bl {padding: 0; background: url(../images/lightbox_bl.gif) no-repeat bottom left;} .lbInsideBox div div.tr {padding: 0; background: url(../images/lightbox_tr.gif) no-repeat top right;} .lbInsideBox div div div.tl {padding: 15px; background: url(../images/lightbox_tl.gif) no-repeat top left;} .lb-small {background: url('../images/main_bg_home_short.jpg') repeat-x scroll center bottom #a9b4f4 !important; font-size: 12px; width: 450px; border: 1px Solid #2571bb} .lb-small .content-box {background-color:#FFFFFF; margin:20px auto 25px auto; width:90%; text-align: center; } .lb-small .form-corner-top {background:url('../images/lb_corner_top.gif') repeat-x scroll 0 0 transparent;} .lb-small .form-corner-bottom {background: url('../images/lb_corner_bottom.gif') repeat-x scroll 0 0 transparent} .lb-small .form-corner-top .left {background:url('../images/lb_corner_tl.gif') no-repeat scroll left top transparent; float:left;} .lb-small .form-corner-top .right {background:url('../images/lb_corner_tr.gif') no-repeat scroll right top transparent; float:right;} .lb-small .form-corner-top .corner, .form-corner-bottom .corner {font-size:1px; height:11px; width:11px;} .lb-small .form-corner-bg {background:none repeat scroll 0 0 #FFFFFF; border-left:2px solid #ff5b00; border-right:2px solid #ff5b00; } .lb-small .form-corner {background-color:#FFFFFF; height:11px; position:relative; width:100%;} .lb-small .form-corner-bottom .left-3 {background:url('../images/lb_corner_bl_3.gif') no-repeat scroll left bottom transparent; float:left;} .lb-small .form-corner-bottom .right-3 {background:url('../images/lb_corner_br_3.gif') no-repeat scroll right bottom transparent; float:right;} .lb-small .close {background: url('../../images/btn_close.png') no-repeat scroll 40px 0 transparent; padding-right: 25px;} .lb-small .divider {border-bottom: 3px Solid #000066;} .lb-small .box-main {padding: 10px 25px;} .lb-small .message {font-weight: bold; color: #000066; padding: 0 12px; font-size: 13px; text-align: center;} .lb-small .buttons {width: 139px; margin: 0 auto;} #sb-body, #sb-player {background-color: #5065e8; /* Force BG for lightboxes to this color */} /* Membership Cancel Verify and FBO */ .membCancelVerify hr {color: #000066;} .membCancelVerify .btnClickHere {background: url('../images/btn_clickhere_130x80.png') no-repeat 0 0;} .membCancelVerify .btnNoThanks {background: url('../images/btn_nothanks_130x80.png') no-repeat 0 0; } .ordersPurchaseHistory .tblOrders .head {background-color: #F1D191; color: #000066; } .csr h3 {color: #ff6800;} .csr hr {color: #000066;} .fbo h3 {color: #ff6800;} .fbo .btnChangeMembership {background: url('../images/btn_empty.png') no-repeat 0 0;} /* Footer */ #footer {text-align: center; font-size: .63em; margin-bottom: 0; padding-bottom: 20px; } #footer a {text-decoration: underline;} .footerLine {background: url(../images/footer_bar.png) repeat-x 0 0; width: 100%; height: 4px; margin-top: 40px; margin-bottom: 40px;} /* Login Page */ body#login {background: #DEDEDE; font: 13px/1.231 arial,helvetica,clean,sans-serif} #login #doc4 { padding: 0.78em 0 1.3em 0; } #login #hd {position: relative;} #login #hd-content {height: 81px;} #login .main-bg {background: #FFFFFF; } #login #bd {background-color: #ffffff; height: auto; position: relative; margin: 0 3px 0 3px;} #login .separator-line {background-color: #f38f43; height: 4px; font-size: 1px; } #login .error-text { color: #f54b0f; font-weight: bold; } #login #hd-top {background: #fff/*url(../images/login/hd-top.jpg) top left no-repeat*/; height: 14px; font-size: 1px; border-left: none; border-right: none; border-top: none; } #login .hd-mid {height: 67px;} #login .hd-mid-bg {background: #fff; border-right: none; /*url(../images/login/hd-mid-4.jpg) bottom repeat-x;*/} #login #hd-mid-1 {background: none; float: left; width: 3px; } #login #hd-mid-2 {background-color: #FFFFFF; float: left; text-align: center; width: 296px; } #login #hd-mid-3 {background: #fff/*url(../images/login/hd-mid-3.jpg) top left no-repeat*/; float: left; width: 59px; } #login #hd-mid-4 {float: left; vertical-align: top; } #login #hd-bottom {background-color: #FFFFFF; margin: 0 3px 0 3px; padding: 15px 12px 15px 12px; } #login #logo {overflow: hidden; background:url("../images/logo.png") no-repeat scroll center top transparent; width: 261px; height: 58px; margin: 0 auto;} #login #brand-logo {vertical-align: top; margin-left: .6em; margin-top: .4em; } #login .member-sign-in-text {padding-left: .3em; color: #ff6800; } #login .member-sign-in-text:hover {color: #FFCC00;} #login #member-sign-in {font-size: 85%; position: absolute; float: right; bottom: 46px; right: 20px; } #login #member-sign-in img {position: relative; top: 5px; margin-right: 5px; } #login #ft {height: auto; position: relative; margin: 0 3px 0 3px; } #login #footer { background-color: #FFFFFF; padding: 1.2em 0 1em 0; } #login #footer-short {background: url(../images/login/footer-short-bg.jpg) top repeat-x #ffffff; padding: 25px 25px 15px 0; } #login #footer-bottom {background-color: #FFFFFF; height: 3px; } #login p {padding:0.75em 0; } #login a {text-decoration: underline; font-size: 100%; color: #093b6f; cursor: pointer; } #login h2, #login h5, #login h6 {padding: .1em 0; font-family: Arial, Helvetica, font-weight: bold; sans-serif; color: #1A1975; font-size: 200%; /* eq 26px */} #login h5 {font-size:108%; } #login h6 {font-size: 124% /* eq 16px */; color: #222; font-weight: bold; padding: 0; } #login .hdr-wrapper-outer {/* contains bottom half of hdr graphic, needs to span entire hrd so make this the outer wrapper */ background:url(../images/login/hdr-bot-cntr.jpg) bottom repeat-x #1e26e3; } #login .hdr-wrapper-left {/* contains top left side of rounded corner of header default bg */ background:url(../images/login/hdr-top-left.jpg) top left no-repeat; } #login .hdr-wrapper-right {/* contains top right side of rounded corner of header */ background:url(../images/login/hdr-top-rght.jpg) top right no-repeat; } #login .hdr-wrapper {/* contains top center graphic of header */ background:url(../images/login/hdr-top-cntr.jpg) top repeat-x; margin: 0 5px; /* width of rounded corner */ padding-bottom: .25em; } #login .hdr-wrapper h5, .hdr-wrapper h6 {color: #ffffff; font-weight: bold; padding: .25em; } #login .form-container {/* usd for fancier forms with graphic headers */ border: 2px solid #1e26e3; border-top: 0px; padding: 1em 2em 1.5em 2em; background-color: #FFFFFF; height: 100%; } #login label.left {float:left; margin-right:1em; position:relative; width:14em;} #login .center {text-align: center;} #login .left {text-align:left; } #login .right {text-align:right; } #login .small {font-size: 9px} #login .sidebar, #login .sidebarSolid, #login .sidebarBlank {background: url(../images/login/side-bar-gradient.jpg) top repeat-x #ffffff; border: #2571bb solid 1px; padding: 1.2em; margin-bottom: 1em; } #login .sidebar td {font-size: 93%; } #login .checkbox-content {width: 20px; vertical-align: top; padding-top: 1px; } #login fieldset fieldset {margin-bottom: -2.5em; border-style: none; background-color: transparent; background-image: none; } #login fieldset fieldset legend {/* acts as a label for embedded sets such as radio buttons */ margin-left: 0; font-weight: normal; border: none; background: none; padding: 0; } #login fieldset fieldset ol {position: relative; top: -1em; /* the margin-left is equal to label.left width + margin-right */ margin: 0 0 0 15em; padding: 0; } #login fieldset fieldset li {padding-bottom: 1em; } #login fieldset fieldset label {float: none; width: auto; position: absolute; left: 1.5em; } #login fieldset {float: left; clear: left; width: 100%; margin: 1em 0 .25em 0; padding: 0 0 1em 0; border: 1px solid #ff6800; *position: relative; } #login fieldset.gradient {background:url("../images/login/grad_wht_lt-gry-blu.jpg") repeat-x scroll center bottom #FFFFFF; } #login fieldset {border:1px solid #ff6800; clear:left; float:left; margin:1em 0 0.25em; padding:0 0 1em; width:100%; } #login fieldset ol {list-style:none outside none;margin:1em 1em 0;} #login fieldset li {clear:left; float:left; list-style-image:none; padding-bottom:1.5em; width:100%; font-size:93%; list-style:none outside none;} #login input {border-color: #777777 #C7C7C7 #C7C7C7 #777777; border-style: solid; border-width: 1px; height: 14px; width: 10em;} #login input, #login select {color:#093B6F; font-size:10px;} #login input[type="radio"], #login input[type="checkbox"] {width: 14px; height: 14px; border: 0; padding: 0; } #login input[type="sumbit"] {width: auto; } #login .sign-in-button {width:10em;} #login input.primary, #login input.secondary {background:url("../images/login/btn-prim-top.gif") repeat-x scroll center top #ff9900; border:2px outset #ff9900; color:#FFFFFF; cursor:pointer; font-size:108%; font-weight:bold; height:27px; padding:0; text-align:center; vertical-align:top; width:11.125em; } #login legend {font-weight:bold; margin-left:1em; padding:0.5em; } #login .width12 {width:12em !important;} #login .save-text {font-size: 11px; padding-right: 1em; } #login fieldset fieldset ol {/* the margin-left is equal to label.left width + margin-right */ margin: -2em 0 0 15em; min-height: 3em; *height: 3em; } #login .sign-in-button {width: 10em; } #login .sign-up-button {width: 10em; margin-top: .5em; } /***********************styles for brandable login page***********************/ .rounded-box-white .top{background: url(../images/rounded_box_tm.png) left top repeat-x;} .rounded-box-white .bottom{background: url(../images/rounded_box_bm.png) left bottom repeat-x;} .rounded-box-white .top .left{background: url(../images/rounded_box_tl.png) left top no-repeat;} .rounded-box-white .top .right{background: url(../images/rounded_box_tr.png) right top no-repeat;} .rounded-box-white .bottom .left{background: url(../images/rounded_box_bl.png) left bottom no-repeat;} .rounded-box-white .bottom .right{background: url(../images/rounded_box_br.png) right bottom no-repeat;} .rounded-box-white .box-content{border-left: 1px solid #C8C8C8; border-right: 1px solid #C8C8C8;} #login #page-wrapper ul.form-selector li a {background: url('../images/bg_form_selector.png') no-repeat scroll left top transparent;} #login #page-wrapper ul.form-selector li a:hover{color: #FFFFFF;} #login #page-wrapper ul.form-selector li.current.first a{background: url('../images/bg_form_selector.png') no-repeat scroll 0 -61px transparent; color: #FFF} #login #page-wrapper ul.form-selector li.current.last a{background: url('../images/bg_form_selector.png') no-repeat scroll right -61px transparent; color: #FFF} #login #page-wrapper ul.form-selector li.current a{background: url('../images/bg_form_selector.png') no-repeat scroll left bottom transparent; color: #FFF} #login #page-wrapper ul.form-selector li.first a {background: url('../images/bg_form_selector.png') no-repeat scroll left top transparent; color: #1A1975;} #login #page-wrapper ul.form-selector li.last a {background: url('../images/bg_form_selector.png') no-repeat scroll right top transparent; color: #1A1975;} #login #page-wrapper ul.form-selector li.current .form-selector-arrow {background: url('../images/bg_form_selector.png') no-repeat scroll -96px -110px transparent;} #login #page-wrapper .membership-forms .membership-form .header{ background: url(../images/bg_login_formtop_3.png) left top no-repeat; } #login #page-wrapper .membership-forms .membership-form .header h3{background: none; color: #FFFFFF;} #login #page-wrapper .membership-forms .membership-form .main h4 { background: none; color: #333333; } #login #page-wrapper .membership-forms .membership-form .main .signup-widget { background: url(../images/bg_login_signupwidget.png) left top no-repeat; } #login #page-wrapper .membership-forms .membership-form .main .signup-widget p.member-question { color: #191975; } #login #page-wrapper .membership-forms .membership-form .main .signup-widget p.member-advice { color: #333333; } #login #page-wrapper .membership-forms .membership-form .main .signup-widget p.signup-link-container .signup-link { line-height: 32px; font-family: verdana, arial; font-size: 12px; color: #FFFFFF; background: url(../images/btn_empty_104x64.png) left top no-repeat; } #login #page-wrapper .membership-forms .membership-form .main .signup-widget p.signup-link-container .signup-link:hover { background-position: 0px -32px; } #login #page-wrapper .membership-forms .membership-form .main fieldset dl dt label { color: #777777; } #login #page-wrapper .membership-forms .membership-form .main fieldset dl dd { background: url(../images/bg_login_formfields.png) left top no-repeat; } #login #page-wrapper .membership-forms .membership-form .main fieldset dl dd input[type="text"] { background: url(../images/bg_login_formfields.png) left -40px no-repeat; } #login #page-wrapper .membership-forms .membership-form .main fieldset dl dd input[type="text"].narrow, #login #page-wrapper .membership-forms .membership-form .main fieldset dl dd input[type="password"] { background: url(../images/bg_login_formfields.png) left -80px no-repeat; } #login #page-wrapper .membership-forms .membership-form .main fieldset dl dd a.hyperlinktext { color: #191975; } #login #page-wrapper .membership-forms .membership-form {background: url(../images/bg_login_formmain.png) left top repeat-y;} #login #page-wrapper .membership-forms .membership-form .top-bg{background: url(../images/member_form_box_top_bg.png) left top no-repeat;} #login #page-wrapper .membership-forms .membership-form .header p{color: #414341;} #login #page-wrapper .membership-forms .membership-form .main{border-top: 1px solid #A59983;} #login #page-wrapper .membership-forms .membership-form .main fieldset ul li label,#login .membership-forms .membership-form .main fieldset ul li .label-placeholder{color: #414141; } #login #page-wrapper .membership-forms .membership-form .main fieldset ul li input[type='text'],#login .membership-forms .membership-form .main fieldset ul li input[type='password']{background: none;} #login #page-wrapper .membership-forms .membership-form .bottom-bg{background: url(../images/bg_login_formbottom.png) left top no-repeat;} #login #page-wrapper .membership-forms .membership-form .main .rounded-button{background: none;} #login #page-wrapper .membership-forms .membership-form .main .rounded-button input[type="button"], #login .membership-forms .membership-form .main .rounded-button input[type="submit"] {border: medium none; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; height: 32px; line-height: 32px; margin: 0; width: 104px; background: url('../images/btn_empty_104x64.png') no-repeat scroll 0 0 transparent; color: #FFFFFF;} #login #page-wrapper .membership-forms .membership-form .main .rounded-button input[type='button']:hover,#login .membership-forms .membership-form .main .rounded-button input[type='submit']:hover,#login #page-wrapper .membership-forms .membership-form .main .rounded-button input[type='button'].hov,#login .membership-forms .membership-form .main .rounded-button input[type='submit'].hov{color: #FFFFFF; background-position: 0 -32px;} #login #page-wrapper .member-promo{background: url('../images/bg_login_promomain.png') left top repeat-y;} #login #page-wrapper .member-promo .header{background: url('../images/bg_login_promotop.png') left top no-repeat;} #login #page-wrapper .member-promo .bottom-bg{background: url('../images/bg_login_promobottom.png') left top no-repeat;} #login #page-wrapper .member-promo .header h3{color: #676767;} #login #page-wrapper .member-promo ul.promo-items li{background: url('../images/bg_login_promodashedline.png') left top no-repeat;} #login #page-wrapper .member-promo ul.promo-items li.first{background: none;} #login #page-wrapper .member-promo ul.promo-items li h4{background: none; color: #1A1975;} .welcome-back .content .promo-text .promo-item.promo-left{background:url(../images/bg_login_monitor.png) 165px 35px no-repeat;} /*BRANDED MONITOR*/ #login #page-wrapper #footer{background: url('../images/bg_login_footertop.png') 0 0 repeat-x scroll #1A1975; color: #FFFFFF;} #login #page-wrapper #footer .top-bg{background: url('../images/bg_login_footertop.png') left top repeat-x;} #login #page-wrapper #footer .bottom-bg{background: url('../images/bg_login_footerbottom.png') left bottom repeat-x;} /*********************styles for brandable login page end*********************/ .yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf { /* this essentially provides the padding for the main content area since the main content area may be broken into several yui grids we simply put the padding on all of the grids, rather than creating ids */ padding: 1em 1.5em 1em 1.5em; } /* 3rd Party Classes (i.e. widgets) */ #sz_cws_anlt_cont {background-color: #fff !important} #sz_cws_anlt_cont h4.cws_header {background-color: #a9b4f4 !important; padding: 4px 0 !important} #sz_cws_anlt_cont h4 strong {font: bold 12px arial !important; padding-left: 8px !important} #sz_cws_anlt_cont h4.cws_header {border-bottom: 1px solid #ff6800 !important; text-align: left !important} #sz_key_bars_container {width: 48% !important} /* Added by Greg for new Login Page ***********************/ #login #page-wrapper {font-family: verdana,arial; margin: 0 auto; padding: 0;} #login #page-wrapper h3 {color: #FF6600; font-family: arial; font-size: 19px; padding: 3px 0 0;} /*********************styles for RTO wizard start*********************/ /* RTO Toolbox */ .rto-toolbox .divider {width: 100%; margin: 0 0 15px 0; border-color: #F28133;} .rto-toolbox-extras .rto-arrow {background: url('../images/arrow_2.png') 0 bottom no-repeat; height: 60px; width: 80px; } .rto-toolbox-extras .rto-sticky {background: url('../images/rto_sticker.png') 0 bottom no-repeat;height: 90px; width: 90px; } /* RTO Wizard */ .wiz .wiz-header .logo {width: 200px; background: url(../images/WF_200x44.png) no-repeat 0 0 #fff;} .wiz .container {background: url(../images/bg_wizard_outer.png) no-repeat 0 0;} .wiz .content {background: url(../images/bg_wizard_inner_shad.png) no-repeat right top;} .wiz .steps li a {display: block; width: 180px; height: 50px;} .wiz .steps .first a {background:url('../images/rto_wiz_tabs.png') -180px 0 no-repeat transparent;} .wiz .steps .first a:hover {background:url('../images/rto_wiz_tabs.png') left 0 no-repeat transparent;} .wiz .steps .first.selected a {background:url('../images/rto_wiz_tabs.png') right 0 no-repeat transparent;} .wiz .steps .first.selected a:hover {background:url('../images/rto_wiz_tabs.png') right 0 no-repeat transparent;} .wiz .steps .second a {background:url('../images/rto_wiz_tabs.png') -180px -50px no-repeat transparent;} .wiz .steps .second a:hover {background:url('../images/rto_wiz_tabs.png') left -50px no-repeat transparent;} .wiz .steps .second.selected a {background:url('../images/rto_wiz_tabs.png') right -50px no-repeat transparent;} .wiz .steps .second.selected a:hover {background:url('../images/rto_wiz_tabs.png') right -50px no-repeat transparent;} .wiz .steps .third a {background:url('../images/rto_wiz_tabs.png') -180px -100px no-repeat transparent;} .wiz .steps .third a:hover {background:url('../images/rto_wiz_tabs.png') left -100px no-repeat transparent;} .wiz .steps .third.selected a {background:url('../images/rto_wiz_tabs.png') right -100px no-repeat transparent;} .wiz .steps .third.selected a:hover {background:url('../images/rto_wiz_tabs.png') right -100px no-repeat transparent;} .wiz .steps .fourth a {background:url('../images/rto_wiz_tabs.png') -180px -150px no-repeat transparent;} .wiz .steps .fourth a:hover {background:url('../images/rto_wiz_tabs.png') left -150px no-repeat transparent;} .wiz .steps .fourth.selected a {background:url('../images/rto_wiz_tabs.png') right -150px no-repeat transparent;} .wiz .steps .fourth.selected a:hover {background:url('../images/rto_wiz_tabs.png') right -150px no-repeat transparent;} .wiz .calc {background:url('../images/box_vert_w_title.png') left bottom no-repeat transparent;} .wiz .calc-title {background:url('../images/box_vert_w_title.png') left top no-repeat #709FCC;} /*********************styles for RTO wizard end*********************/ /*********************styles for OF wizard start*********************/ .rto-toolbox-extras .of-sticky {background: url('../images/of_sticker.png') 0 bottom no-repeat;height: 90px; width: 90px; } .of.wiz .steps .first a {background:url('../images/lhs_wiz_tabs.png') -180px 0 no-repeat transparent;} .of.wiz .steps .first a:hover {background:url('../images/lhs_wiz_tabs.png') left 0 no-repeat transparent;} .of.wiz .steps .first.selected a {background:url('../images/lhs_wiz_tabs.png') right 0 no-repeat transparent;} .of.wiz .steps .first.selected a:hover {background:url('../images/lhs_wiz_tabs.png') right 0 no-repeat transparent;} .of.wiz .steps .second a {background:url('../images/lhs_wiz_tabs.png') -180px -50px no-repeat transparent;} .of.wiz .steps .second a:hover {background:url('../images/lhs_wiz_tabs.png') left -50px no-repeat transparent;} .of.wiz .steps .second.selected a {background:url('../images/lhs_wiz_tabs.png') right -50px no-repeat transparent;} .of.wiz .steps .second.selected a:hover {background:url('../images/lhs_wiz_tabs.png') right -50px no-repeat transparent;} .of.wiz .steps .third a {background:url('../images/lhs_wiz_tabs.png') -180px -100px no-repeat transparent;} .of.wiz .steps .third a:hover {background:url('../images/lhs_wiz_tabs.png') left -100px no-repeat transparent;} .of.wiz .steps .third.selected a {background:url('../images/lhs_wiz_tabs.png') right -100px no-repeat transparent;} .of.wiz .steps .third.selected a:hover {background:url('../images/lhs_wiz_tabs.png') right -100px no-repeat transparent;} .of.wiz .steps .fourth a {background:url('../images/lhs_wiz_tabs.png') -180px -150px no-repeat transparent;} .of.wiz .steps .fourth a:hover {background:url('../images/lhs_wiz_tabs.png') left -150px no-repeat transparent;} .of.wiz .steps .fourth.selected a {background:url('../images/lhs_wiz_tabs.png') right -150px no-repeat transparent;} .of.wiz .steps .fourth.selected a:hover {background:url('../images/lhs_wiz_tabs.png') right -150px no-repeat transparent;} .of.wiz .steps li a { color: #FFFFFF; } .of.wiz .steps li.selected a { color: #113959; } .wiz a.check-your-credit { background: url("../images/icon-sprite.png") no-repeat scroll 0 -165px transparent; } .wiz a.check-your-credit:hover{background:url(../images/icon-sprite.png) -200px -165px no-repeat;} .of.wiz h1.score-title { color: #486885; text-shadow: 0 1px 0 #FFFFFF; } .of.wiz h1.score-title span { color:#f28133; } .of.wiz h1.tips-title { color:#486885; text-shadow:0 1px 0 #fff; } .of.wiz h1.property-address { color: #4D7395; } .of.wiz .option-block { border:1px solid #a6beda; background:#e3ecfb; box-shadow:0 1px 0 #fff; -moz-box-shadow:0 1px 0 #fff; -webkit-box-shadow:0 1px 0 #fff; -o-box-shadow:0 1px 0 #fff; text-shadow:0 1px 0 #fff; } .of.wiz .option-block:hover { background:#fff; border-color:#e35d00; } .of.wiz .option-block.selected { background:#fe9940; border-color:#e35d00; text-shadow:0 1px 0 #fff; } .of.wiz span.low-credit{background:url(../images/icon-sprite.png) -5px 0 no-repeat;} .of.wiz span.mid-credit{background:url(../images/icon-sprite.png) -85px 0 no-repeat;} .of.wiz span.high-credit{background:url(../images/icon-sprite.png) -165px 0 no-repeat;} .of.wiz span.no-down{background:url(../images/icon-sprite.png) -5px -80px no-repeat;} .of.wiz span.small-down{background:url(../images/icon-sprite.png) -85px -80px no-repeat;} .of.wiz span.large-down{background:url(../images/icon-sprite.png) -165px -80px no-repeat;} .of.wiz .option-block h1 { color:#486885; } .of.wiz .selected h1 { color:#333; text-shadow:0 1px 0 #fde6c2; } .of.wiz .option-block p { color:#333; } .of.wiz .selected p { color:#fff; text-shadow:none; } .of.wiz a.continue-btn { color:#fff; background:url(../images/btn_empty.png) 0 0 no-repeat; } .of.wiz a.continue-btn:hover { background-position:0 -40px; } .of.wiz .tip-a { background:url(../images/icon-sprite.png) -5px -250px no-repeat; } .of.wiz .tip-b { background:url(../images/icon-sprite.png) -45px -250px no-repeat; } .of.wiz .tip-c { background:url(../images/icon-sprite.png) -85px -250px no-repeat; } .of.wiz .propsum { color: #4D7395; } .of.wiz .credit-review, .of.wiz .down-review { color:#486885; } .of.wiz .credit-review.risk-type-indicator-low_risk { background:url(../images/icon-sprite.png) -340px -18px no-repeat; } .of.wiz .credit-review.risk-type-indicator-medium_risk { background:url(../images/icon-sprite.png) -300px -18px no-repeat; } .of.wiz .credit-review.risk-type-indicator-high_risk { background:url(../images/icon-sprite.png) -260px -18px no-repeat; } .of.wiz .down-review.down-payment-indicator-no_down { background:url(../images/icon-sprite.png) -260px -98px no-repeat; } .of.wiz .down-review.down-payment-indicator-small_down { background:url(../images/icon-sprite.png) -300px -98px no-repeat; } .of.wiz .down-review.down-payment-indicator-large_down { background:url(../images/icon-sprite.png) -340px -98px no-repeat; } .of.wiz .calc form input { border:1px solid #ccc; color:#999; } .of.wiz .calc input.calculate-btn { background:url(../images/btn_empty_104x64.png) 0 0 no-repeat; color:#fff; } .of.wiz .calc input.calculate-btn:hover { background-position:0 bottom; } /*********************styles for OF wizard end*********************/ /*********************styles for testimonials forms start*********************/ form.testimonial-form .purchase-data {border-color: #000066;} form.testimonial-form .purchase-data h3{color: #000066;} form.testimonial-form .purchase-data h3 span.title-bg{background: #F7F9FB;} form[name='testimonialServiceLevelForm'] h3, .testimonial-survey h3{color: #FF6800; } .testimonial-survey a.inline-button {font-size: 10px; font-weight: normal; text-decoration: none; text-transform: uppercase; color: #FFFFFF; background-color: #000066;} .testimonial-survey input.button-tell-me-more {display: inline; background: url('../images/btn_empty.png') no-repeat scroll 0 0 transparent;} form.testimonial-form input.buttonSend[type="submit"] {background: url('../images/btn_empty_104x64.png') no-repeat scroll 0 0 transparent;} .testimonial-survey p.facebook-post-text{border-color: #000066; color: #000066; background-color: #DDEAFA;} /*********************styles for testimonials forms end*********************/ /* Financial Calculators */ .tcal .cTimeValue #calculator #Panel_Results .Summary {background-color: #ec7d00; color: #fff;} .tcal .cTimeValue #calculator #Panel_Results fieldset {background: #dadef8; border: 1px solid #FF6800;} .tcal .cTimeValue #calculator .Title h2 {color: #ff6600;} /********************* welcome back styles start *********************/ .welcome-back h1 { color: #FFFFFF; background: url(../images/welcome_back_header_bg.png) left top no-repeat; } .welcome-back .content .promo-text .promo-item h2 { color: #000066; } .welcome-back .content .promo-text .promo-item h2 .other-color { color: #333333; } .welcome-back .content .promo-text .promo-item .impact-text { color: #FF0000; } .welcome-back .content .promo-text .promo-item .small { color: #777777; } .welcome-back .content .cc-update-form .top-bg, .welcome-back .content .cc-update-form .bottom-bg { background: url(../images/welcome_back_form_bg.png) left top no-repeat; } .welcome-back .content .cc-update-form .bottom-bg { background-position: 0px -10px; } .welcome-back .content .cc-update-form .form-content { background: #E1DDEB; } .welcome-back .content .cc-update-form input[type="submit"] { width: 220px; height: 60px; background: url('../images/btn_empty_220x60.png') no-repeat 0 0 transparent; color: #FFFFFF; font-size: 18px; font-weight: bold; } .welcome-back .content .cc-update-form input[type="submit"]:hover { background-position: 0 -60px; } /********* welcome back srp lightbox styles start *********/ .lbBody.welcome-back h1 { color: #000066; } .lbBody.welcome-back p.lightbox-message { background: url('../images/srp_state_offer_notice_bg.png') left top no-repeat; } .lbBody.welcome-back form input[type="submit"] { background: url('../images/btn_empty.png') no-repeat 0px 1px transparent; color: #FFFFFF; font-weight: bold; } .lbBody.welcome-back form input[type="submit"]:hover { background-position: 0 -39px; } /********* welcome back srp lightbox styles end *********/ /********************* welcome back styles end *********************/ body#hide-home-notification{background:none;background-color: #ffffff;} /******************************************************************************/ body#member-property-detail-lightbox { background: #FFF; width: 620px; overflow: hidden; } body#member-property-detail-lightbox .MPD-lightbox-title { height: 50px; line-height: 50px; padding: 0 20px; background: #2D2C81; color: #FFF; font-weight: bold; } body#member-property-detail-lightbox .MPD-lightbox-body { padding: 20px; } body#member-property-detail-lightbox .image-wrapper.float-left { float: left; margin-right: 10px; position: relative; width: 200px; height: 150px; text-align: center; overflow: hidden; } body#member-property-detail-lightbox .image-wrapper img { width: 200px; height: 150px; } body#member-property-detail-lightbox .image-wrapper img.for-gmap { height: 0; } body#member-property-detail-lightbox .image-wrapper #gmapCanvas, body#member-property-detail-lightbox .image-wrapper #gallery-replacement { height: 150px; margin: 0; } body#member-property-detail-lightbox .image-wrapper .mapview-wrapper { display: none; } body#member-property-detail-lightbox .property-details-wrapper { margin-left: 210px; } body#member-property-detail-lightbox .priceCont, body#member-property-detail-lightbox .addressCont, body#member-property-detail-lightbox .property-features, body#member-property-detail-lightbox .btn-wrapper { float: none;; } body#member-property-detail-lightbox .priceCont { width: auto; margin-bottom: 20px; } body#member-property-detail-lightbox .addressCont { padding: 0; margin: 0; } body#member-property-detail-lightbox .addressCont .address { color: #404040; font-size: 15px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-transform: uppercase; } body#member-property-detail-lightbox .property-features { font-size: 13px; } body#member-property-detail-lightbox .btn-wrapper { margin-top: 17px; } body#member-property-detail-lightbox .btn-primary { display: inline-block; padding: 10px 30px; text-decoration: none; } body#member-property-detail-lightbox .btn-primary:hover { text-decoration: none; color: #FFF; } body#member-property-detail-lightbox .MPD-lightbox-footer { height: 70px; line-height: 70px; text-align: center; font-weight: bold; background: #EBEBEB; } body#member-property-detail-lightbox .MPD-lightbox-footer a, body#member-property-detail-lightbox .MPD-lightbox-footer a:hover { text-decoration: none; } .eo-lightbox .content-area .form-desc .buttonSmall {line-height: 32px} .propdetails-slideshow .notouch .galleria-thumb-nav-left, .propdetails-slideshow .notouch .galleria-thumb-nav-right, .propdetails-slideshow .notouch .galleria-thumb-nav-left:hover, .propdetails-slideshow .notouch .galleria-thumb-nav-right:hover, .propdetails-slideshow .touch .galleria-thumb-nav-left, .propdetails-slideshow .touch .galleria-thumb-nav-right, .propdetails-slideshow .touch .galleria-thumb-nav-left:hover, .propdetails-slideshow .touch .galleria-thumb-nav-right:hover, .propdetails-slideshow .touch .galleria-thumb-nav-left:active, .propdetails-slideshow .touch .galleria-thumb-nav-right:active { background-color: #CCCCCC; border-color: #BBBBBB; } .btn-primary{ background: #ff5b00; border: 1px solid #af3100; color:#fff; cursor:pointer; text-decoration: none; text-align: center; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; } .btn-primary:hover{ background:#e15101; color:#fff; } .credit-lightbox-wrapper .btn-primary, body#verification .btn-primary, body#call-us .btn-primary, body#pii .btn-primary { background: #ff5c01; text-shadow: 0 2px 0 rgba(0,0,0,.25); border: 1px solid #c84701; color:#fff; cursor:pointer; text-decoration: none; text-align: center; background-image: linear-gradient(to bottom, #dc5207 0%, #ff5c01 100%); background-image: -o-linear-gradient(bottom, #dc5207 0%, #ff5c01 100%); background-image: -webkit-linear-gradient(bottom, #dc5207 0%, #ff5c01 100%); background-image: -ms-linear-gradient(bottom, #dc5207 0%, #ff5c01 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #dc5207), color-stop(1, #ff5c01)); border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; } .credit-lightbox-wrapper .btn-primary:hover, body#verification .btn-primary:hover, body#call-us .btn-primary:hover, body#pii .btn-primary:hover { background: #ff5c01; } /******************************************************************************/ /*** Free Product MHP *********************************************************/ #free .column-content-no-left-col .content-top-wrapper { background: #f0f5fc; border: 1px solid #d8e3f5; } #wizard .ui-tabs-nav li.ui-tabs-active a { background-color: #191377; } #free #ui-tabs-1 .credit-score-step2 .graph-wrapper img { background-color: #191377; } #free #ui-tabs-2 .description ul li:before { background-color: #191377; } #free #ui-tabs-3 #mortgage-financing-company-list .financing-company-item-wrapper .financing-company-display-name { color: #191377; } #free #ui-tabs-3 #mortgage-financing-company-list .financing-company-item-wrapper .financing-company-description ul li:before { background-color: #191377; } #free #lead-progress .progress .filled { background-color:#191377; } #free #need-help .phone { color: #191377; } #free #need-help img {background-color: #191377; } /*** Free Product MHP *********************************************************/ /******************************************************************************/ .lead-gen-wrapper .lead-gen-header { background: url(../images/logo_small.png) 12px center no-repeat; padding-left: 200px; } .all-before-li-brandColorBG li::before,.brandColorBG { background-color: #191377;} .brandColor { color: #191377;} .lead-gen .title { background-color: #191377;} body#srp .lead-gen .title { font-size: 0.85em; } body#srp .lead-gen .question { font-size: 0.8em; } body .lbInsideBoxFlat {border-color: #ff5b00;} /******************************************************************************/ /*** Credit Product *8*********************************************************/ body#pii .header .clr.loader, body#verification .header .clr {height:3px; background-color:#ff6800;} .menu-credit-score-wrapper {top: 98px;} body .credit-lightbox-wrapper .credit-lightbox-title {background-color: #191377;} body#call-us .column-content .callus-wrapper .callus-title {background-color: #191377;} #alert-center-on-re .charts-wrapper .score-wrapper .score { color: #191377;} #alert-center-on-re #menuL3 #alertTabs a.selected-tab, #alert-center-on-re #menuL3 #alertTabs a.selected-tab:hover { background-color: #191377; } #alert-center-on-re table.primary-styled thead tr th { background-color: #191377; } body#srp .monthlyPrice { display: none;} .monthlyPrice .priceDef, .monthlyPrice .price { color: #f64c0f;} .priceCont .showMonthlyPrice {display: inline-block; font-size: 12px;} /*** Credit Product *8*********************************************************/ /******************************************************************************/ .credit-score-link.button a { background-color: #ff5c01; }