/* CSS Document */ /* Office Locator / Tax Pro Finder */ /* GLOBAL */ .clear { clear:both;} .no-uc { text-transform:none;} .nobr { white-space:nowrap;} .btn:focus { background-color:#62a61f;} h4, h5, h6 { text-rendering:auto;} /* Safari bug - web font doesn't render w/optimizelegibility article h4 { font-size:2.0em;} blockquote:before, blockquote:after { display:none;} /* the bootstrap style makes odd space in Chrome*/ .hero-ol-tpf { background:url(../images/tax-offices-local/marquee-bg-office-d.jpg) no-repeat 0 0; box-sizing:border-box; height:170px; padding:30px 20px 0 157px; overflow:hidden; position:relative;} .hero-ol-tpf h1 { font-size:3.6em; margin:0; padding:0 0 7px; color:#fff;} .hero-ol-tpf h2 { font-size:2.0em; margin:0; padding:0 0 12px; color:#fff; text-transform:none;} .hero-ol-tpf img.hero-icon { position:absolute; top:35px; left:50px;} .hero-ol-tpf input[type="text"] { background-color:#eee; width:555px; margin:0 3px 0 0; padding:7px 10px; vertical-align:top;} /* This formats input placeholder text to match layout, but it's different than the global style. Should we update global styles, or not use this? */ .get-started ::-webkit-input-placeholder { font-size:12px; color:#666 !important;} .get-started :-moz-placeholder { font-size:12px; color:#666 !important;} .get-started ::-moz-placeholder { font-size:12px; color:#666 !important;} .get-started :-ms-input-placeholder { font-size:12px; color:#666 !important;} .hero-ol-tpf .btn { padding:8px 10px; min-width:120px;} .office-address-capitalize{text-transform: capitalize;} .tpf-learn-more-pad, .tpf-learn-more-pad article { padding:0 20px;} .tpf-learn-more-wrap {} .tpf-learn-more-link { cursor:pointer;} .tpf-learn-more-content { display:none;} .tpf-learn-more-content .col-1 { width:47%; float:left; margin-right:6%;} .tpf-learn-more-content .col-2 { width:47%; float:left;} .tpf-learn-more-content h4 { line-height:1.2em;} .tpf-learn-more-content h5 { font:normal 1.6em/1.3em "Roboto",Helvetica,sans-serif !important;} .tpf-learn-more-content p {font-size:14px} .tpf-learn-more-content blockquote { border:none; font-size:1.4em;} .tpf-learn-more-content .indent { padding-left:60px; position:relative;} .tpf-learn-more-content .indent .icon { display:block; position:absolute; top:7px; left:0;} .tpf-learn-more-content .indent .icon.guarantee { background:url(../images/tax-offices-local/tpf-icons-35px.png) no-repeat 0 0; width:35px; height:35px;} .tpf-learn-more-content .indent .icon.refund { background:url(../images/tax-offices-local/tpf-icons-35px.png) no-repeat -35px 0; width:35px; height:35px;} .tpf-learn-more-content .indent .icon.satisfaction { background:url(../images/tax-offices-local/tpf-icons-35px.png) no-repeat -70px 0; width:35px; height:35px;} .tpf-learn-more-content .indent .icon.our-offices { background:url(../images/tax-offices-local/tpf-icons-35px.png) no-repeat 0 -140px; width:42px; height:35px; top:-8px;} .tpf-learn-more-content .indent .icon.our-tax-pros { background:url(../images/tax-offices-local/tpf-icons-35px.png) no-repeat 0 -70px; width:42px; height:35px; top:-8px;} .tpf-learn-more-content .indent .icon.premium { background:url(../images/tax-offices-local/tpf-icons-20px.png) no-repeat 0 0; width:20px; height:20px; top:0; left:20px;} .tpf-learn-more-content .indent .icon.business-tax { background:url(../images/tax-offices-local/tpf-icons-20px.png) no-repeat -20px 0; width:20px; height:20px; top:0; left:20px;} .tpf-learn-more-content .indent .icon.ea { background:url(../images/tax-offices-local/tpf-icons-20px.png) no-repeat 0 -20px; width:20px; height:20px; top:0; left:20px;} .tpf-learn-more-content .indent .icon.es { background:url(../images/tax-offices-local/tpf-icons-20px.png) no-repeat -20px -20px; width:20px; height:20px; top:0; left:20px;} .tpf-learn-more-content hr { border:0; width:93%; height:1px; margin:10px auto 30px; background-color:#464646;} .tpf-learn-more-content a.certification-link { font-size:14px; font-weight:bold;} .tpf-learn-more-content .certification-content { display:none;} .footnote { font-size:1.2em; font-style:italic;} /* ----- APPOINTMENT FLOW - GET STARTED - STEP 0 PAGES ----- */ /* this needs to go in each Get Started page: .content > .container { box-sizing:border-box; height:520px; padding:90px 20px 0 160px; background:url(../images/tax-offices-local/get-started_find-an-office.jpg) no-repeat 20px #fff; position:relative;} */ .hero-pod.get-started { box-sizing:border-box; height:480px; padding:70px 20px 0 160px; background:url(../images/tax-offices-local/get-started_find-an-office-d.jpg) no-repeat top center #fff;} /* the following backgrounds are also used for heros in the later steps */ .hero-pod.tax_office { background-image:url(../images/tax-offices-local/get-started_find-an-office-d.jpg);} .hero-pod.choose_pro { background-image:url(../images/tax-offices-local/get-started_choose-pro-d.jpg);} .hero-pod.previous_pro { background-image:url(../images/tax-offices-local/get-started_previous-pro-d.jpg);} .hero-pod.pro_by_name { background-image:url(../images/tax-offices-local/get-started_pro-by-name-d.jpg);} .hero-pod.appointment { background-image:url(../images/tax-offices-local/get-started_appointment-d.jpg);} .hero-pod.get-started.appointment { background-size:cover; background-position:0 0; margin-right:0;} .get-started img.header_icon { float:left; margin:0 20px 22px 0;} .hero .hero-pod.get-started h1 { font-size:3.6em; color:#fff; margin:0; padding:10px 0;} .hero .hero-pod.get-started h1 .green { color:#7cc144;} .hero .hero-pod.get-started h2 { font-size:2.0em; text-transform:none; color:#fff; margin:0; padding:0;} .hero .hero-pod.get-started .blurb { font-size:1.6em; font-weight:bold; color:#fff; max-width:700px;} .get-started form { margin-bottom:0;} .get-started input { width:515px; margin:0 8px 85px 0; padding:7px 10px; vertical-align:top; background-color:#eee;} .get-started input.long { margin:0 8px 6px 0; width:325px;} .get-started input.short { margin:0 8px 40px 0; width:251px;} .get-started.appointment input { width:190px; margin:0;} .get-started .form-item { display:inline-block; vertical-align:top; width:210px; margin:0 10px 6px 0;} .get-started .form-item.bottom { width:246px; margin:0 10px 20px 0;} .get-started .form-item.bottom input { width:226px; margin:0;} .get-started .form-item label.error { color:#fff; font-size:1.1em; line-height:1.2em; margin:3px 0 0;} .get-started.previous_pro input { width:275px; margin:0;} .get-started.previous_pro .form-item { display:inline-block; vertical-align:top; width:300px; margin:0 10px 6px 0;} .get-started.previous_pro .form-item.bottom { width:246px; margin:0 10px 0 0;} .get-started.previous_pro .form-item.bottom input { width:226px; margin:0;} .get-started.previous_pro .form-item label.error { color:#fff; font-size:1.1em; line-height:1.2em; margin:3px 0 0;} .get-started select { width:251px; height:36px; margin:0 8px 85px 0; padding:7px 10px; vertical-align:top; background-color:#eee;} .get-started.pro_by_name select { margin-bottom:55px;} .get-started select option.default { color:#cc0000;} .get-started .btn { min-width:120px; padding:8px 10px;} .get-started a.es { font:14px/18px "NotoSans-Bold", Helvetica, sans-serif; color:#fff; text-decoration:none; position:absolute; top:30px; right:50px;} .get-started a.es:hover { color:#7cc144;} /*.get-started .options { position:absolute; top:315px; left:160px;}*/ .get-started .options { position:absolute; top:340px; left:160px;} .get-started.appointment .options { } .hero .hero-pod.get-started .options h2 { max-width:700px;} .get-started .option { box-sizing:border-box; float:left; width:168px; min-height:45px; margin:25px 0 0; padding:2px 8px 0 56px; font:16px/20px "NotoSans-Bold", Helvetica, sans-serif !important; color:#fff; background-position:0 0; background-repeat:no-repeat;} .option.help_me_choose { background-image:url(../images/tax-offices-local/get-started_icon_help-me-choose.png);} .option.help_me_choose:hover { background-image:url(../images/tax-offices-local/get-started_icon_help-me-choose_hover.png);} .option.previous_pro { background-image:url(../images/tax-offices-local/get-started_icon_previous-pro.png);} .option.previous_pro:hover { background-image:url(../images/tax-offices-local/get-started_icon_previous-pro_hover.png);} .option.tax_pro_by_name { background-image:url(../images/tax-offices-local/get-started_icon_pro-by-name.png);} .option.tax_pro_by_name:hover { background-image:url(../images/tax-offices-local/get-started_icon_pro-by-name_hover.png);} .option.reschedule { background-image:url(../images/tax-offices-local/get-started_icon_reschedule.png);} .option.reschedule:hover { background-image:url(../images/tax-offices-local/get-started_icon_reschedule_hover.png);} .option.tax_office { background-image:url(../images/tax-offices-local/get-started_icon_find-office.png);} .option.tax_office:hover { background-image:url(../images/tax-offices-local/get-started_icon_find-office_hover.png);} /* ----- APPOINTMENT FLOW - STEP PAGES ----- */ .hero-pod.tpf-step { box-sizing:border-box; height:180px; padding:20px 20px 0 30px; background-repeat:no-repeat; background-position:0 0; background-color:#fff; border-bottom:45px solid #363636; overflow:visible;} .tpf-step img.header_icon { float:left; margin:0 20px 22px 0;} .hero .hero-pod.tpf-step h1 { font-size:2.6em; line-height:1.3em; text-transform:none; color:#fff; margin:0; padding:25px 0;} .hero .hero-pod.tpf-step h1.one-line { padding-top:20px;} .hero .hero-pod.tpf-step h1 .green { color:#7cc144;} .hero-pod.tpf-step .progress-indicator { height:45px; font-size:1.6em; line-height:45px; font-weight:bold; font-style:italic; color:#707070; position:absolute;left:20px; bottom:-45px;} .progress-icon { background:url(../images/tax-offices-local/tpf-steps-icon-off.png) no-repeat right center; width:19px; height:45px; display:inline-block; vertical-align:bottom;} .progress-icon.current { background:url(../images/tax-offices-local/tpf-steps-icon-current.png) no-repeat left center; color:#fff; padding:0 3px 0 30px; width:auto;} .progress-icon.completed { background:url(../images/tax-offices-local/tpf-steps-icon-completed.png) no-repeat left center;} /*Fix for UI- Progress Indicator broken*/ .hero-pod.tpf-step .progress-indicator {width:100%} .tpf-body { background-color:#d2d2d2; box-sizing:border-box; padding:0 0 10px; position:relative;} .tpf-body .main-col { box-sizing:border-box; width:695px; padding-right:20px; float:left;} .tpf-body .intro { padding-right:30px; overflow:hidden;} .tpf-body .tax-pro { background-color:#fff; width:325px; height:290px; margin:0 20px 20px 0; padding:15px;} .tpf-body .tax-pro .btn-green { position:absolute; left:15px; bottom:15px;} .tpf-body .tp-experience p { font-size:1.3em;} .tpf-body .tp-experience p span.two-lines { display:inline-block; vertical-align:top; line-height:1em; width:95px;} .tpf-body .tp-experience a { color:inherit;} .tpf-body .tp-photo { margin:12px 10px 0 0;} .tpf-body .tax-pro .tp-experience { margin:0 0 12px;} .expertise-wrap { position:relative;} .expertise-link { display:block; width:auto; height:30px; margin:0 0 12px; padding:0 35px 0 12px; font-size:1.3em; line-height:30px; font-weight:bold; background:url(../images/tax-offices-local/arrow-down-green-tpf.png) no-repeat right center #ececec; cursor:pointer;} ul.expertise-list { box-sizing:border-box; width:100%; margin:0; padding:0 0 8px; background-color:#fff; border:1px solid #ececec; border-top:none; list-style:none; position:absolute; top:30px; left:0; z-index:100; display:none;} ul.expertise-list li { margin:0; padding:0 12px;} .open .expertise-link { background-image:url(../images/tax-offices-local/arrow-up-green-tpf.png);} .right-col { width:204px; margin-bottom:20px; float:left;} .right-col-section { background-color:#fff; padding:10px 15px 1px; margin-bottom:1px;} .right-col-section.pad-bottom { padding-bottom:10px;} .right-col-section.top { padding:15px 15px 10px;} .right-col-section.bottom { background-color:#ececec; padding:10px 15px 15px;} .right-col h5 { font:1.8em/1em "Roboto", Helvetica, sans-serif !important; margin:0; padding:0 0 8px;} .right-col h6 { font-size:1.3em; font-weight:bold; font-style:italic; margin:0; padding:0 0 5px;} .right-col p, .right-col ul { font-size:1.3em;} .right-col .icon-checkmark:before { content: "\f00c"; color:#62a61f; padding:0 10px 0 0;} .right-col-section.bottom p { margin:0; padding:0;} .right-col-section.bottom ul { margin:0; padding:0 0 8px; list-style-position:inside;} .right-col-section.bottom ul li { margin:0;} .right-col-section.bottom .bottom-content { margin-bottom:20px;} .right-col-section.bottom .btn { display:block; margin-top:20px; background-color:#787878;} .right-col-section.bottom .btn:hover { background-color:#898989;} .right-col-section.top input.btn { width:100%; margin-bottom:5px;} .tpf-body .pagination { color:#363636; text-align:right;} .tpf-body .pagination.bottom { top:0; right:25px;} .tpf-body .pagination a { background-color:#fff; border-color:#b9b9b9; color:#363636;} .tpf-body .pagination a.current { color:#fff;} .tpf-body .pagination a.next { color:#4f823b;} .back-btn { background-color:#898989;} .back-btn:hover { background-color:#666;} /* help me choose - step 1 questions */ .questions { font-family:"Roboto", Helvetica, sans-serif; font-size:20px; margin:0 30px; padding:0;} .questions li { margin:0 0 30px; max-width:550px;} .questions li p { font-size:1em; line-height:1.1em !important; margin-bottom:10px;} .questions li p.small { font-size:14px; font-family:"Noto Sans", Helvetica, sans-serif; font-weight:normal; font-style:italic;} .questions input[type="checkbox"], .questions input[type="radio"] { position:absolute; left:-9999px;} .questions label { font-family:"Noto Sans", Helvetica, sans-serif; width:auto; min-height:25px; display:block; padding-left:43px; margin-bottom:10px; position:relative;} .questions #question2 label { width:180px; display:inline-block; vertical-align:baseline; padding-left:30px;} .questions label:nth-of-type(1) { margin-top:15px;} .questions input[type="checkbox"]:checked + span, .questions input[type="radio"]:checked + span { font-weight:bold;} .questions input[type="checkbox"] + span:before { content:''; position:absolute; left:0; top:-2px; width:25px; height:25px; background:#fff;} .questions input[type="checkbox"] + span:after { content: '\f00c'; font-family:"FontAwesome"; position:absolute; top:1px; left:4px; font-size:17px; color:#fff;} .questions input[type="checkbox"]:checked + span:before, .questions input[type="radio"]:checked + span:before { background:#5a789e; -webkit-box-shadow:inset 0 0 4px 0 rgba(0,0,0,.3); box-shadow:inset 0 0 4px 0 rgba(0,0,0,.3);} .questions input[type="radio"] + span:before { content:''; position:absolute; left:0; top:0; width:20px; height:20px; background:#fff; border-radius:10px;} .questions input[type="radio"] + span:after { content:''; position:absolute; left:7px; top:7px; width:6px; height:6px; background:#fff; border-radius:3px;} .questions input[type="checkbox"]:not(:checked) + span:after, .questions input[type="radio"]:not(:checked) + span:after { opacity:0;} .questions input[type="checkbox"]:checked + span:after, .questions input[type="radio"]:checked + span:after { opacity:1;} /* spanish */ .best-match-1-es h2 { color:inherit; text-transform:none; font-size:2.4em; padding:0;} /* help me choose - step 2 select office */ .select-office-wrap { clear:both; overflow:hidden;} .select-office { box-sizing:border-box; width:325px; height:auto; float:left; padding:15px 20px 60px; margin:0 20px 20px 0; background-color:#fff; position:relative;} .distance { font-size:1.3em; line-height:1.3em; font-weight:bold; text-transform: none} .distance .marker { background:url(../images/tax-offices-local/tpf-icon-map-pointer-blank.png) no-repeat 0 0; width:20px; height:28px; margin:0 10px 5px 0; padding-top:2px; display:inline-block; color:#fff; text-align:center;} .select-office p { font-size:1.3em; line-height:1.3em !important; margin:0 0 8px;} .select-office .reviews { line-height:1.5em; display:inline-block; margin-right:30px;} .select-office .premium-office { display:inline-block; vertical-align:top;} .select-office .premium-office .icon { background:url(../images/tax-offices-local/tpf-icons-20px.png) no-repeat 0 0; display:inline-block; width:20px; height:20px; margin-right:8px; vertical-align:middle;} .select-office .premium-office a { font-weight:normal; color:inherit; outline:none; text-decoration:none;} .select-office .ba-office { display:inline-block; vertical-align:top;} .select-office .ba-office .icon { background:url(../images/tax-offices-local/tpf-icons-20px.png) no-repeat 0 0; display:inline-block; width:20px; height:20px; margin-right:8px; vertical-align:middle; background-position: -40px 0;} .select-office .ba-office a { font-weight:normal; color:inherit; outline:none; text-decoration:none;} .select-office .btn { display:block; width:265px; position:absolute; left:20px; bottom:20px;} .map-link { font-size:1.3em; line-height:45px; color:#fff; height:45px; position:absolute; right:20px; bottom:-45px; cursor:pointer;} .map-link:hover { color:#7cc144;} .map-icon { background:url(../images/tax-offices-local/tpf-icon-map.png) no-repeat 0 0; width:30px; height:30px; margin-left:10px; display:inline-block; vertical-align:middle;} .map-link:hover .map-icon { background-position:0 -30px;} .map-dropdown { background-color:#fff; border:2px solid #363636; border-top:none; position:relative; z-index:1000; display:none; overflow:hidden;} .map-office { box-sizing:border-box; width:280px; padding:30px 30px 80px; -webkit-box-shadow: 7px 0 9px 0 rgba(054,054,054,.20); box-shadow: 7px 0 9px 0 rgba(054,054,054,.20); background-color:#fff; position:relative; float:left; z-index:900;} .map-office .btn { width:160px; padding:8px 10px; position:absolute; left:30px; bottom:30px;} .map-office p { font-size:1.3em; line-height:1.3em !important; margin:0 0 8px;} .map-office .reviews { line-height:1.5em; display:inline-block; margin-right:30px;} .map-office .reviews img { position:relative; top:-2px;} .map-office .reviews a { font-weight:normal;} .map { position:absolute; top:0; bottom:0; left:0; right:0;} /*.map-open .map-link { color:#7cc144;}*/ /*.map-open .map-link .map-icon { background-position:0 -30px;}*/ .container .row.best-match-2-es { margin-bottom:20px;} .hero .hero-pod.tpf-step.best-match-2-es h1 { padding:0;} /* help me choose - step 4 calendar */ .calendar-wrap { width:670px; background-color:#363636;} .calendar-left { box-sizing:border-box; min-height: 0; padding:15px 20px 20px; color:#fff; text-align:center; position:relative; display:block;} .calendar-right { box-sizing:border-box; background-color:#fff; padding: 15px 20px 20px;} .calendar-right .time-slots h3 { font: bold 1.6em/1.0em "Noto Sans", Helvetica, sans-serif; text-align: left; color: inherit; text-transform: none; background: none; margin: 0 0 15px;} .calendar-right .time-slots h3 ~ div { margin-bottom: 20px;} .calendar-right .time-slots p { font-size: 1.3em;} .calendar-right .time-slots .btn { width:90px; height:30px; font-size: 1.3em; line-height: 30px; display: inline-block; padding: 0; margin: 0 20px 10px 0;} .calendar-left .intro { line-height:1.2em !important; width:auto; margin:0; padding:0 0 12px;} .calendar-date { font: bold 2.4em/1.0em "Noto Sans", Helvetica, sans-serif !important; text-transform: uppercase; color: #7cc144; display: inline-block; margin: 0 15px; } .calendar-btn { height:15px; line-height: 15px; font-size: 1.2em; color: #fffefe; margin:10px auto 0; color: #fffefe; display: block;} .calendar-btn:focus { color: #fffefe;} .calendar-btn:hover { color: #7cc144;} .show-calendar .calendar-btn, .show-calendar .calendar-btn:focus { color: #7cc144;} .calendar-btn .icn { background: url("/images/tax-offices-local/tpf-icon-calendar.png") no-repeat 0 -15px; background-size: 15px 30px; width: 15px; height: 15px; display: inline-block; margin: 0 8px 0 0; vertical-align: top; } .calendar-btn:hover .icn { background-position: 0 0; } .show-calendar .calendar-btn .icn, .show-calendar .calendar-btn:focus .icn { background-position: 0 0;} .calendar-left .icon-prev, .calendar-left .icon-next { color:#fff; font-size:2.0em; background:none; border:none; display:inline-block; position: relative; top:-2px;} .calendar-left .icon-prev:before { content: "\f104";} .calendar-left .icon-next:before { content: "\f105";} .calendar-left .icon-prev:hover, .calendar-left .icon-next:hover, .calendar-left .icon-prev:focus, .calendar-left .icon-next:focus { color:#7cc144;} .calendar-right .filters { font-size:1.4em; padding:0 20px 15px;} .calendar-right .filters .color-key { display:inline-block; width:15px; height:15px; margin:0 8px 0 0; position:relative; top:1px;} .calendar-right .filters .filter { width:50%; float:left; text-align:center;} .calendar-right .filters .filter.primary { font-weight:bold;} .calendar-right .filters .filter.secondary { color:#898989;} .calendar-right .filters .primary .color-key { background-color:#468522; width:11px; height:11px;} /*.calendar-right .filters .secondary .color-key { background-color:#5a6a88; width:11px; height:11px;}*/ .calendar-right .filters .secondary .color-key { border-color:transparent transparent #5a6a88; border-style:solid; border-left-width:7px; border-right-width:7px; border-bottom-width:10px; width:0; height:0; top:0;} .time-slots .btn { display:block; min-width:0; margin-bottom:10px; border-radius:2px; position:relative;} .time-slots .btn:before { content:""; border-color:transparent transparent #d2d2d2; border-style:solid; border-left-width:4px; border-right-width:4px; border-bottom-width:6px; width:0; height:0; position:absolute; right:7px; bottom:7px;} .time-slots .btn.btn-green:before { content:""; width:6px; height:6px; background-color:#d2d2d2; position:absolute; right:7px; bottom:7px; border:none;} /* calendar styles */ #calendar { background-color:#fff; width:auto; min-height:280px; display:none;} .calendar-right .page-header { border-bottom:none; margin:0; padding:0; position:relative; display:none;} .show-calendar #calendar, .show-calendar .page-header { display:block;} .show-calendar .time-slots { display:none;} .calendar-right h3 { background-color:#363636; font:17px/36px "Noto Sans",Helvetica,sans-serif; text-align:center; margin:0; padding:0; color:#fff; text-transform:uppercase;} .calendar-right button { border:none; background-color:transparent; font-size:1.8em; position:absolute; top:10px;} .calendar-right .icon-prev { left:15px;} .calendar-right .icon-next { right:15px;} .calendar-right .icon-prev:before { content: "\f104"; color:#fff; cursor:pointer;} .calendar-right .icon-next:before { content: "\f105"; color:#fff; cursor:pointer;} .calendar-right .icon-prev:hover:before, .calendar-right .icon-next:hover:before { color:#7cc144;} .cal-row-fluid, .cal-row-fluid:hover, .cal-day-today { background-color:#fff;} .cal-row-fluid.cal-row-head, .cal-row-fluid.cal-row-head:hover { background-color:#ececec; font-size:1.3em; text-transform:uppercase;} .cal-year-box [class*="span"], .cal-month-box [class*="cal-cell"], .cal-year-box .row-fluid, .cal-month-box .cal-row-fluid { border-color:#d2d2d2;} .cal-month-day { height:auto;} .cal-year-box [class*="span"] { min-height:62px; cursor:default;} .cal-month-box [class*="cal-cell"] { min-height:62px; cursor:pointer;} .cal-month-box .cal-day-outmonth { cursor:default} .cal-row-head [class*="cal-cell"]:first-child, .cal-row-head [class*="cal-cell"] { cursor:default;} .cal-cell-current { background-color:#ececec;} [class*="cal-cell"]:hover { background:inherit;} span[data-cal-date] { color:#898989; font-size:1.3em; font-weight:bold; margin-top:3px; margin-right:10px; opacity:1; cursor:default;} span[data-cal-date]:hover { } .cal-month-box .cal-day-today span[data-cal-date] { font-size:1.3em; color:#363636;} .cal-day-holiday span[data-cal-date], .cal-day-weekend span[data-cal-date] { color:#898989;} .cal-cell-clickable:hover { background:#ececec; cursor:pointer;} .cal-cell-clickable span[data-cal-date] { color:#363636;} .cal-cell-clickable span[data-cal-date]:hover { cursor:pointer;} /* help me choose - step 5 book appointment */ form.book-appointment {} form.book-appointment .form-item { display:inline-block; margin:0 10px 10px 0; vertical-align:top;} form.book-appointment input[type=text],form.book-appointment input[type=password]{ box-sizing:border-box; height:30px; padding:7px 10px; margin:0; border:1px solid #666;} .appointment-time input[type=checkbox], form.book-appointment input[type=checkbox] { position:absolute; left:-9999px;} .appointment-time label, form.book-appointment label { display:inline-block;} .appointment-time input[type=checkbox] + label, form.book-appointment input[type=checkbox] + label { position:relative; padding-left:45px;} .appointment-time input[type=checkbox] + label:before, form.book-appointment input[type=checkbox] + label:before { content:''; position:absolute; left:0; top:-2px; width:25px; height:25px; background:#fff;} .appointment-time input[type=checkbox]:checked + label { font-weight:bold;} .appointment-time input[type=checkbox]:checked + label:before, form.book-appointment input[type=checkbox]:checked + label:before { background:#5a789e; -webkit-box-shadow:inset 0 0 4px 0 rgba(0,0,0,.3); box-shadow:inset 0 0 4px 0 rgba(0,0,0,.3);} .appointment-time input[type=checkbox] + label:after, form.book-appointment input[type=checkbox] + label:after { content: '\f00c'; font-family:"FontAwesome"; position:absolute; top:1px; left:4px; font-size:17px; color:#fff;} .appointment-time input[type=checkbox]:not(:checked) + label:after, form.book-appointment input[type=checkbox]:not(:checked) + label:after { opacity:0;} .appointment-time input[type=checkbox]:checked + label:after, form.book-appointment input[type=checkbox]:checked + label:after { opacity:1;} .width-600 { width:600px;} form.book-appointment .error { display:block; font-size:1.1em; color:#aa0000; width:206px; margin:0;} form.book-appointment .form-item.long input[type=text], form.book-appointment .form-item.long .error { width:425px;} /* help me choose - final step */ /* three-column-wrap styles also used in manage appointment pages */ .three-column-wrap { background-color:#fff; padding:25px 0 20px 20px; margin-bottom:20px;} .three-column-wrap:last-child { margin-bottom:0;} .three-column { width:250px; float:left; border-right:1px solid #636363;} .three-column:nth-of-type(1) { padding-right:20px;} .three-column:nth-of-type(2) { padding:0 20px;} .three-column:nth-of-type(3) { padding-left:20px;} .three-column:last-of-type, .three-column.last { border:none;} /*.divider { background-color:#636363; width:1px; height:140px; margin:0 30px; float:left;}*/ .three-column-wrap h5 { font:2.0em/1.2em "Roboto", Helvetica, sans-serif !important; margin:0; padding:0 0 15px 45px; text-transform:uppercase; position:relative;} .three-column a { font-weight:bold;} .three-column .indent { padding-left:45px; margin:0; position:relative;} .three-column-wrap .icon { display:block; position:absolute; top:-5px; left:0; width:30px; height:30px;} .three-column-wrap .icon.address { background:url(../images/tax-offices-local/tpf-icons-30px.png) no-repeat 0 -120px;} .three-column-wrap .icon.tax-pro-icon { background:url(../images/tax-offices-local/tpf-icons-30px.png) no-repeat -60px -90px;} .three-column-wrap .icon.appointment { background:url(../images/tax-offices-local/tpf-icons-30px.png) no-repeat -30px -90px;} /* .emerald-card { background-color:#fff; padding:20px 120px 25px 460px; margin:10px 0 20px; position:relative;} .emerald-card .image { background:url(../images/tax-offices-local/emerald_card-d.png) no-repeat 0 0; width:220px; height:136px; position:absolute; top:38px; left:160px; } .emerald-card h3 { font-size:2.0em; margin:0; padding:0 0 10px; text-transform:uppercase;} .emerald-card p { font-size:1.3em; margin:0; padding:0 0 30px;} */ .myblock { background:url(../images/tax-offices-local/myBlock-d.jpg) no-repeat 0 0 #fff; width:100%; height:240px; box-sizing:border-box; padding:25px 10px 20px 440px; margin:0 0 20px;} .sendafriend {background:url(../images/tax-offices-local/send-a-friend-d.jpg) no-repeat 0 0 #fff; width:100%; height:240px; box-sizing:border-box; padding:25px 10px 20px 440px; margin:0 0 20px;} .myblock h3 { font-size:2.0em; margin:0; padding:0 0 10px; text-transform:uppercase;} .sendafriend h3 { font-size:2.0em; margin:0; padding:0 0 10px; text-transform:uppercase;} ul.checkmark { list-style:none; margin:0; padding:0 0 10px 30px;} ul.checkmark li { font-size:18px; line-height:18px; padding:0;} ul.checkmark li:before { font-family:'FontAwesome'; content: '\f00c'; margin:0 5px 0 -30px; color: #62a61f;} ul.checkmark li span { font-size:13px; display:inline-block; vertical-align:top; padding-left:6px;} /* additional appointment alert */ .addl-appointments { margin-bottom:20px;} .addl-appointments-header { background-color:#fff;} .addl-appointments .header-left { font-size:2.0em; color:#599c04; text-transform:uppercase; display:inline-block; width:20%; margin:0; vertical-align:middle; text-align:center;} .addl-appointments .header-right { font-size:1.4em; color:#363636; font-weight:bold; display:inline-block; width:79%; vertical-align:middle; box-sizing:border-box; padding:0 30px; margin:10px 0; border-left:2px solid #959595; position:relative;} .addl-appointments .header-right .arrow { display:block; border-color:transparent transparent transparent #959595; border-style:solid; border-width:4px; width:0; height:0; position:absolute; top:calc(50% - 4px); left:0;} .addl-appointments .appointment { background-color:#f0f0f0; border-bottom:2px solid #dcdcdc; position:relative;} .addl-appointments .appointment:last-of-type { background-color:#e3e3e3; border:none;} .addl-appointments .appointment p { font-size:1.3em; box-sizing:border-box; width:25%; padding:0 5px 0 20px; margin:20px 0; display:inline-block; vertical-align:middle; border-left: 2px solid #fff; } .addl-appointments .appointment p:first-of-type { border:none;} .addl-appointments .appointment .tablet-col { display:inline;} .addl-appointments .appointment .tablet-col p:first-of-type { border-left: 2px solid #fff;} .new-appointment { position:absolute; top:5px; left:20px; font-size:1.3em; font-weight:bold; font-style:italic; color:#599c04;} .addl-appointments .appointment:last-of-type p { margin:25px 0 15px;} .addl-appointments .appointment:last-of-type a.btn { margin-top:5px;} /* manage appointment - cancel/reschedule */ .hero-pod.hero-pod-sub.appointment { background-position:0 -190px;} .button-wrap { clear:both; margin:0; padding-top:20px;} .button-wrap .btn-green { font-size:1em;} .button-wrap .btn-gray { font-size:1em; background-color:#999; float:right; margin-right:20px;} .button-wrap .btn-gray:hover { background-color:#898989;} /* manage appointment - cancel step 2 */ .main-col .three-column-wrap { margin-right:25px; padding-bottom:0;} .main-col .three-column { width:180px;} /* find a tax office - step 1 */ .hero .hero-pod.tax_office div.header_icon { background:url(../images/tax-offices-local/get-started_icon_find-an-office_lg.png) no-repeat 0 0; width:85px; height:85px; float:left; margin:0 20px 22px 0;} .hero .hero-pod.tax_office h1 { font-size:1.8em; width: 49%; float: left;} .hero .hero-pod.tax_office h1 .green { font-size:2.5em; line-height:normal; display:block; width:95%; margin-top:-10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .hero .office-types-link { font-size:1.3em; color:#fff; font-weight:bold; position:absolute; right:15px; bottom:5px;} .hero .office-types-link:hover { color:#7cc144;} .hero-pod.tax_office #search { box-sizing:border-box; width:250px; height:30px; position:absolute; top:30px; right:20px;} .hero-pod.tax_office #search input[type="text"] { box-sizing:border-box; width:220px; height:30px; padding:4px 12px; border:none; border-radius:3px 0 0 3px; opacity:0.9;} .hero-pod.tax_office #search input[type="button"] { background:url(../images/tax-offices-local/icon-search.png) no-repeat center #7183a0; width:30px; height:30px; border:none; border-radius:0 3px 3px 0; position:absolute; top:0; right:0;} .map-office.wide { padding:15px 20px 80px 30px; height:auto;} .office-menu { list-style:none; margin:0; padding:0; position:absolute; left:0; bottom:-45px;} .office-menu > li { width:auto; height:45px; font-size:1.4em; line-height:45px; color:#ccc; padding:0 0 0 20px; float:left; border-right:1px solid #e2e2e2; position:relative;} .office-menu select { height:45px; line-height:45px;} .hero-pod.tax_office ::-webkit-input-placeholder { font-size:12px; color:#949494 !important;} .hero-pod.tax_office :-moz-placeholder { font-size:12px; color:#949494 !important;} .hero-pod.tax_office ::-moz-placeholder { font-size:12px; color:#949494 !important;} .hero-pod.tax_office :-ms-input-placeholder { font-size:12px; color:#949494 !important;} .office-box-wrap { width:960px; margin-right:-20px; padding:20px 0; overflow:hidden; clear:both;} .office-box { box-sizing:border-box; width:50%; float:left; border-right:20px solid #fff; margin-bottom:20px; position:relative; background: url(../images/tax-offices-local/office-box-arrow.png) no-repeat 239px 11px, url(../images/tax-offices-local/office-box-bg.png) repeat-y 0 0; } .office-box .address-section { box-sizing:border-box; width:250px; padding:12px 10px 20px 20px; float:left;} .office-box .appt-section { box-sizing:border-box; width:210px; padding:12px 20px 110px; float:left;} .office-box .appt-section.link {padding:12px 20px 20px;} .appt-section .cta-wrap { position:absolute; bottom:50px; right:20px; width:170px;} .appt-section.link .cta-wrap{position:static;font-size:13px !important;} .appt-section .cta-wrap a {font-size:13px;} .office-box .distance .marker { vertical-align:top; position:relative; top:-4px; padding-top:3px; margin-bottom:0;} .office-box a { font-weight:bold;} .office-box .appt-slot { display:block; padding-bottom:5px;} .office-box .appt-time-slots .btn {margin-bottom:5px; font-size:1.0em; min-width:100px; width:100px;} .office-box .featured-pro { display:block; padding-top:2px;} .office-box .featured-pro .icon { width:50px; height:40px; background:url(../images/tax-offices-local/highly-rated-pro-icon.png) no-repeat 0 0; float:left; margin-right:10px;} /* temporary - need this icon */ .office-box .reviews { color:#2f6702;} .office-box .reviews img { margin-right:5px; vertical-align:top;} .office-box .reviews a { font-weight:normal; font-size:1.1em;} .service-wrap { margin:10px 0 0;} .service-wrap p { font-size:1.1em; line-height:1.4;} .service-wrap .service { display:inline-block; min-width:100px; height:20px; margin-bottom:5px; font-size:1.1em; color:inherit; float:left;} .service-wrap .service.ea { width:120px;} .service-wrap .service .icon { background:url(../images/tax-offices-local/tpf-icons-20px.png) no-repeat 0 0; display:inline-block; width:20px; height:20px; margin-right:2px; vertical-align:middle;} .service-wrap .service .icon-itin { background:url(../images/tax-offices-local/tpf-icons-20px.png) no-repeat 0 0; display:inline-block; width:20px; height:20px; margin-right:2px; vertical-align:middle;} .service-wrap .service.itin .icon-itin { background-position:-40px -20px;} .service-wrap .service.premium .icon { background-position:0 0;} .service-wrap .service.business-tax .icon { background-position:-20px 0;} .service-wrap .service.es .icon { background-position:-20px -20px;} .service-wrap .service.ea .icon { background-position:0 -20px;} .service-wrap .service.ba .icon {background-position: -40px 0;} .service-wrap .service.bookkeeping .icon {background-position: 0 -40px;} .service-wrap .service.payroll .icon {background-position: -20px -40px;} .quotation-disclaimer { font-size:1.1em; font-style:italic; padding:0 20px 10px; text-align:right; clear:both;} /* Block Advisors box */ .office-box.ba { background: url(../images/tax-offices-local/office-box-ba-arrow.png) no-repeat 239px 11px, url(../images/tax-offices-local/office-box-ba-bg-d.png) repeat-y 0 0; } .ba-link { clear:both; padding:10px 0 0;} .office-box.ba .appt-section h5 { font:bold 1.3em/normal "Noto Sans", Helvetica, sans-serif !important; text-transform:uppercase; margin:0;} .office-box.ba .appt-section em { color:#ccc;} .office-box.ba .appt-section ul { list-style:none; margin:0; padding:0;} .office-box.ba .appt-section ul li { background:url(../images/tax-offices-local/office-box-ba-bullet.png) no-repeat 0 4px; padding:0 0 5px 30px; color:#fff; font-size:1.3em;} /* spanish styles */ .address-section .cta-wrap { position:static; width:220px;} .address-section .cta-wrap .btn { margin-top:5px;} .office-box .appt-section .service-wrap .service, .office-box .appt-section .service-wrap .service.ea { width:auto;} .office-box .appt-section .service-wrap .service.business-tax{ text-indent:-28px; margin-left:28px; line-height:1em;} /* fancy select box */ .ui-select { width:160px !important; height:45px; float:none; display:inline-block; position:absolute; top:0; right:0; z-index:0;} .fancySelectLabel { float:left; margin-top:5px; padding:5px;} .holder { margin:10px 0 20px;} .ui-select .select-box { background:url(../images/tax-offices-local/arrow-down-white.png) no-repeat right center; width:150px; height:19px; font-weight:bold; color:#fff; line-height:22px; position:absolute; top:12px; cursor:pointer; outline:none;} .ui-select .select-box:hover, .ui-select .select-box.expanded {} .ui-select .select-box .border-wrap { padding:0 0 0 8px;} .ui-select .select-box img { margin:0 8px 0 0; vertical-align:top;} .ui-select .drop-down { list-style:none; padding:0; margin:0; background-color:#3d3d3d; position:absolute; top:100%; left:0; right:0; z-index:1000; display:none;} .ui-select li { height:35px; padding:0; float:none; cursor:pointer; position:relative; font-size:1em; border-right:none;} .ui-select li:hover { background-color:#252525;} .ui-select .hover { } .ui-select li img { margin:8px 8px 0 0; vertical-align:top;} .ui-select li span.text { height:19px; padding:0; line-height:19px; position:relative; top:8px;} .ui-select li span.border-wrap { display:block; height:35px; margin:0 10px; border-bottom:1px dashed #898989;} .ui-select li:last-child span.border-wrap { border:none;} .ui-select li .border { display:block; width:170px; height:1px; border-bottom:1px dashed #898989; position:absolute; top:0; left:8px;} /*office type dropdown */ .office-type-dropdown { background:url(../images/tax-offices-local/arrow-down-white.png) no-repeat right center; border-right:10px solid transparent; display:inline-block; width:180px; position:absolute; top:0; right:0;} .office-type-dropdown dd, .office-type dt { margin:0px; padding:0px;} .office-type-dropdown ul { margin:0;} .office-type-dropdown dd { position:absolute; top:45px; left:0; right:0;} .office-type-dropdown a, .office-type-dropdown a:visited { color:#fff;} .office-type-dropdown dt a { display:block; width:auto; padding:0 20px 0 10px; line-height:45px; overflow:hidden;} /*.office-type-dropdown dt a span,*/ .multiSel span { cursor:pointer; display:inline-block; margin-right:5px;} .multiSel span::after { content:",";} .multiSel span:last-of-type::after { content:"";} .office-type-dropdown dd ul { list-style:none; padding:0; position:absolute; top:0; left:0; right:-10px; z-index:999; background-color:#3d3d3d; display:none;} .office-type-dropdown span.value { display:none;} .office-type-dropdown dd ul li { height:35px; padding:0 10px; float:none; border:none;} .office-type-dropdown dd ul li a { padding:5px; display:block;} .office-type-dropdown dd ul li:hover { background-color:#252525;} .office-type-dropdown dd ul li label { height:35px; line-height:35px; margin:0; border-bottom:1px dashed #898989;} .office-type-dropdown dd ul li:last-child label { border:none;} .multiSel { width:150px; margin:0; font-size:1em; line-height:45px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .office-type-dropdown dd ul li input[type=checkbox] { margin:0 8px 0 0;} /* previous tax pro */ .your-tax-pro { box-sizing:border-box; padding:18px 20px 20px; background-color:#fff; width:670px; margin-bottom:20px;} .your-tax-pro h2 { font-size:2.6em;} .your-tax-pro h3 { font:normal 1.8em/1em "Noto Sans", Helvetica, sans-serif !important; margin:2px 0 5px;} .your-tax-pro h4 { margin:20px 0 10px; clear:both;} .your-tax-pro .tp-photo { margin:12px 10px 20px 0;} .right-col .premium-office { display:inline-block; vertical-align:top;} .right-col .premium-office .icon { background:url(../images/tax-offices-local/tpf-icons-20px.png) no-repeat 0 0; display:inline-block; width:20px; height:20px; margin-right:8px; vertical-align:middle;} .right-col .premium-office a { font-weight:normal; font-size:.9em; color:inherit; outline:none; text-decoration:none; display:block; padding:8px 0 0;} /* ----- OFFICE LOCATOR PAGES ----- */ /* All States page */ .ol-states { clear:both; padding-bottom:35px;} .ol-states a { display:block; width:210px; min-height:1px; float:left; margin:0 0 5px 20px; font-size:1.4em; font-weight:bold;} /* State-level page */ .cities-list { clear:both;} .cities-list a { display:block; width:165px; min-height:1px; float:left; margin:0 0 5px 20px; font-size:1.4em; font-weight:bold; text-transform: capitalize;} .cities-list p { margin-bottom:5px;} /* City-level page */ article .span3 { width:215px;} .office-group { clear:both; padding:10px 0 20px; overflow:hidden;} .office { padding-bottom:80px; position:relative;} .office p { font-size:1.3em; margin:0 0 8px;} .office address {text-transform: capitalize;} .office .btn { position:absolute; bottom:20px; left:0;} a.office-info { font-size:1.3em; position:absolute; bottom:60px; left:0;} a.tpf-filter { font-size:1.4em; display:inline-block; padding:0 25px 0 20px; float:left; white-space:nowrap;} /* tax office profile */ .hero .hero-pod.hero-office { background:url(../images/tax-offices-local/office-profile-marquee-d.jpg) no-repeat right top; box-sizing:border-box; margin:-20px -20px 0; padding:58px 65px 45px;; height:auto; min-height:240px;} .hero .hero-pod.hero-office.ba { background:url(../images/tax-offices-local/ba-office-profile-hero-d.jpg) no-repeat right bottom #f8f8f8; box-sizing:border-box; margin:-20px -20px 0; padding:30px 45px; height:auto; min-height:280px;} .hero-office h1 { font-size:3.6em; margin:0; padding:0 0 10px; color:#fff;} .hero-office.ba h1 { color:#545454;} .hero-office .office-wrap { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; padding:0 0 20px; color: #fff; font-size: 1.25em; line-height: 16.25px; font-weight: normal;} .hero-office .office-wrap > div { -ms-flex: 0 0 content; flex: 0 0 content } .hero-office .office-wrap > div:nth-of-type(1) { padding: 0 35px 0 0; border-right: 2px solid #aaa; } .hero-office .office-wrap > div:nth-of-type(2) { padding: 0 0 0 35px; } /* .hero-office .office-wrap { display:table-row; display:block; padding:0 0 20px; color: #fff; font-size: 1.25em; line-height: 16.25px; font-weight: normal;} */ /* .hero-office .office-wrap > p { display:table-cell;} .hero-office .office-wrap > p:nth-of-type(1) { padding:0 35px 0 0; border-right:2px solid #aaa;} .hero-office .office-wrap > p:nth-of-type(2) { padding:0 0 0 35px;} */ .hero-office p, .hero-office .office-wrap p, .hero-office .office-wrap a { color:#fff; font-weight:normal;} .hero-office .office-wrap a.btn { font-size:1em; font-weight:bold;} .hero-office a.directions { display:block; padding:10px 0 0;} .hero-office .location-hours { display:block; padding:0 0 5px;} .hero-office .bv-cleanslate .bv-core-container-95 .bv-inline-rating-container .bv-text-link, .hero-office .bv-cleanslate .bv-core-container-95 .bv-inline-rating-container .bv-text-link:visited, .hero-office .bv-cleanslate .bv-core-container-100 .bv-inline-rating-container .bv-text-link, .hero-office .bv-cleanslate .bv-core-container-100 .bv-inline-rating-container .bv-text-link:visited, .hero-office .bv-cv2-cleanslate .bv-core-container-106 .bv-inline-rating-container .bv-text-link, .hero-office .bv-cv2-cleanslate .bv-core-container-106 .bv-inline-rating-container .bv-text-link:visited { color:#fff !important; font-size:1.4em;} .hero-office .bv-cleanslate .bv-core-container-95 .bv-inline-rating-container .bv-rating-stars-off { color:transparent !important;} .hero-office .btn { min-width:120px; display:inline-block; padding:8px 10px;} .office-column-1 { width:415px; padding:0 70px 0 0; float:left;} .office-column-2 { width:415px; float:left;} .office-column-2 hr { border-top-color:#ccc; border-bottom-color:#ececec;} .office-type { margin:0 0 10px; padding:0;} .office-type > div { display:block; width:auto; float:left; height:25px; font-size:1.3em; line-height:25px; margin:0 0 10px; padding:0 20px 0 0;} .office-type > div.last { margin:0; padding-right:0;} .office-type span.icon { background:url(../images/tax-offices-local/tpf-ol-icons-25px.png) no-repeat 0 0; display:inline-block; width:25px; height:25px; margin:0 5px 0 0; vertical-align:middle;} .office-type span.icon.premium-office { background-position:-25px -25px;} .office-type span.icon.business-tax { background-position:-50px 0;} .office-type span.icon.spanish { background-position:-100px -25px;} .office-type span.icon.ba { background-position: -75px -100px;} .office-hours { background-color:#ececec; box-sizing:border-box; padding:15px 15px 10px;} .office-hours .appt-slot-wrap { margin: 10px -15px 5px 0;} .office-hours .appt-slot { font-size:1.3em; font-weight:bold; min-width: 0; width:30%; float:left; margin:0 12px 12px 0; padding: 5px; box-sizing: border-box;} .office-hours h4 { margin:0; padding:0 0 15px;} .office-hours h5 { font-size:1.3em; font-weight:bold; margin:0; padding:0;} .office-hours .more-appt { font-size:1.3em; font-weight:bold; display:block; padding:0; clear:both;} .office-hours .cal-days { height:30px; margin-top:5px; background-color:#b0b0b0;} .office-hours .cal-days span { background-color:#b0b0b0; color:#363636; display:block; width:55px; height:30px; line-height:30px; font-size:1.2em; font-weight:bold; text-align:center; text-transform:uppercase; float:left;} .office-hours .cal-hours { float:left; margin:0 0 10px;} .office-hours .cal-hours a { display:block; box-sizing:border-box; background-color:#fff; width:55px; height:53px; padding:9px 2px 0; font-size:1.2em; line-height:1.2em; font-weight:normal; text-align:center; color:#4d4d4d; float:left; box-shadow: 0 1px 0 0 #b0b0b0 inset; position:relative; cursor: default;} .office-hours .cal-hours a:hover, .office-hours .cal-hours a:focus { text-decoration:none;} .office-hours .cal-hours a.past { color:#898989; cursor:default;} .office-hours .cal-hours a.current { background-color: #62a61f; color: #fff;} /*.office-hours .cal-hours a.current:after { content: "\f111"; font-family:FontAwesome; color:#7cc144; font-size:.9em; position:absolute; left:50%; bottom:4px; margin-left:-4px;}*/ .office-hours .cal-hours a.selected { border-bottom:5px solid #7cc144;} .office-hours .cal-hours a .date { font-weight:bold; display:block;} .office-hours .small { font-size:1.1em; margin:0; padding:0 0 5px; text-align: right;} .office-hours .legend-selected { display:inline-block; width:30px; height:5px; margin:0 7px 0 0; border-bottom:5px solid #7cc144;} .office-hours .legend-current { display:inline-block; width:15px; height:15px; margin:0 5px 0 30px; text-align:right;} .office-hours .legend-current:before { content: "\f04d"; font-family:FontAwesome; color:#7cc144; font-size:.7em; position: relative; top: -1px;} .office-hours .no-appointments { font-style:italic; margin:0 0 5px; width:300px;} /* cover default select arrows and replace with CSS arrow */ .office-hours .select-arrow { display: inline-block; position: relative;} .office-hours .select-arrow:before { content: ""; position:absolute; pointer-events:none; width: 25px; height:36px; top: 0; right: 0; background-color: #fff;} .office-hours .select-arrow:after { content: ""; position:absolute; top: 15px; right: 10px; pointer-events:none; border-color:#5b9b1c transparent transparent; border-style:solid; border-width:6px; width:0; height:0;} .office-hours select { /*width: auto;*/ width:260px; height:36px; vertical-align: baseline; margin: 0 0 10px 5px; padding-right: 5px; border: none; border-radius: 2px; color: #5b9b1c; font-weight: bold; -webkit-appearance: none;} .office-hours select::-ms-expand { display: none;} /* hide IE select arrow */ .services { clear:both; overflow:hidden; padding:10px 0 0;} .services h4 { margin:0; padding:0 0 25px; font-size:2.0em;} .services span { box-sizing:border-box; display:block; float:left; width:225px; height:25px; margin:0 0 10px; padding:5px 0 0; font-size:1.4em;} .services span.icon { background:url(../images/tax-offices-local/tpf-ol-icons-25px.png) no-repeat 0 0; display:inline-block; width:25px; height:25px; margin:0 15px 0 0; padding:0; vertical-align:middle; float:none;} .services span.icon.taxpayer-id { background-position:-125px -25px;} .services span.icon.notary { background-position:-25px -50px;} .services span.icon.tax-audit { background-position:0 0;} .services span.icon.year-round { background-position:-75px -25px;} .services span.icon.health-care { background-position:-100px 0;} .services span.icon.business-tax { background-position:-50px 0;} .services span.icon.business-services { background-position:-25px 0;} .services span.icon.i9 { background-position:-125px 0;} .services span.icon.emerald-card { background-position:-75px 0;} .services span.icon.premium-office { background-position:-25px -25px;} .services span.icon.business-tax { background-position:-50px 0;} .services span.icon.spanish { background-position:-100px -25px;} .services span.icon.bookkeeping { background-position:-25px -100px;} .services span.icon.payroll { background-position:-50px -100px;} .services span.icon.ba { background-position: -75px -100px;} .pod-reviews { background:url(../images/tax-offices-local/office-pod-stars-d.png) no-repeat 0 0 #ececec; box-sizing:border-box; height:240px; margin:0 40px; padding:35px 60px 20px 505px; float:none; clear:both;} .pod-reviews img { position:absolute; top:0; left:0;} .pod-reviews h4 { font-size:2.0em;} .pod-reviews p { font-size:1.4em; margin:0; padding:0 0 10px;} .pod-reviews a.read-more { font-size:13px; font-weight:bold;} .pod-pros { background:url(/images/tax-offices-local/office-pod-tax-pro.jpg) no-repeat right top #ececec; box-sizing:border-box; min-height:240px; margin:0 20px; padding:15px 460px 20px 28px; position:relative;} .pod-pros.ba { background:url(/images/tax-offices-local/office-pod-our-tax-advisors-d.jpg) no-repeat right top #ececec; box-sizing:border-box; min-height:240px; margin:0 20px; padding:15px 460px 20px 28px; position:relative;} .pod-pros-image { display:none;} .pod-pros-image.ba { display:none;} .pod-pros h4 { font-size:2.0em;} .pod-pros p { font-size:1.4em; margin:0; padding:0 0 10px;} .tax-pros-wrap { margin:0 20px;} .tax-pro { box-sizing:border-box; width:50%; height:280px; margin:0 0 20px; padding:20px 25px; float:left; background-color:#ececec; position:relative; border-right:20px solid #fff;} .main-col .tax-pro { border:none;} .tax-pro:nth-child(even) { border:none;} .tax-pro h5 { font-family:"Roboto", Helvetica, sans-serif !important; font-size:2.0em; line-height:1em; margin:0; text-transform:uppercase;} .tax-pro h6 { font-size:1.4em; font-weight:normal; margin:0; padding:0;} .title-link { cursor:pointer;} /* these are .tax-pro h6 links to Learn More section */ .tax-pro .tp-experience { margin:0 0 15px; padding-top:12px; min-height:100px;} .tax-pro .profile-link { font-size:1.4em; font-weight:bold; display:block; padding:8px 0 0;} .tax-pro .not-available { font-size:1.3em; font-style:italic; width:170px; position:absolute; top:200px; left:240px;} .tax-pro .seasonal{width:300px;font-style:italic;font-size:1.2em;margin-bottom:4px !important;} .pagination { font-size:1.4em; font-weight:bold; color:#949494; text-align:center; margin:0 0 10px; clear:both;} .pagination.bottom { position:relative; top:-8px;} .pagination a { display:inline-block; box-sizing:border-box; width:31px; height:31px; text-align:center; line-height:28px; border:2px solid #ccc;margin:2px;} /*.pagination a.current { background-color:#62a61f; color:#fff; border-color:#62a61f;} .pagination a.next { line-height:24px; position:relative; top:-2px;}*/ /*added new*/ .selected-class-name { background-color:#62a61f; color:#ffffff; } .selected-class-name:hover{ color:#ffffff; } #map_canvas { width:500px; height:400px; background-color:#ccc;} /* ----- TAX PRO FINDER PAGES ----- */ /* Tax Pro Bio page */ .tp-bio-hero { box-sizing:border-box; padding:25px 45px; margin:-20px -20px 0;} .tp-bio-hero.ba { background:url(../images/tax-offices-local/ba-advisor-profile-hero-d.jpg) no-repeat right bottom #f8f8f8; box-sizing:border-box; padding:23px 45px; margin:-20px -20px 0;height:auto; min-height:240px;} .tp-bio-hero h1 { font-size:2.6em; margin:0; padding:0 0 5px;} .tp-bio-hero h2 { font-family:"Nano Sans", Helvetica, sans-serif !important; font-size:1.8em; font-weight:normal; text-transform:none;} .icon-info-sign.pop { font-size:14px; position:relative; vertical-align:top;} .tp-photo { border:1px solid #ccc; float:left; margin:12px 15px 0 0;} .tp-experience { padding:14px 0 0;} .tp-experience p { margin:0; padding:0 0 3px;} .tp-experience p .icon { background:url(../images/tax-offices-local/tpf-icons-30px.png) no-repeat 0 0; display:inline-block; width:30px; height:30px; margin-right:7px; vertical-align:middle;} .tp-experience p .icon.enrolled-agent { background-position:0 0;} .tp-experience p .icon.certified { background-position:0 -90px;} /* less than five years experience */ .tp-experience p .icon.icon-5-years { background-position:0 -30px;} .tp-experience p .icon.icon-10-years { background-position:-30px -30px;} .tp-experience p .icon.icon-15-years { background-position:-60px -30px;} .tp-experience p .icon.icon-20-years { background-position:0 -60px;} .tp-experience p .icon.icon-25-years { background-position:-30px -60px;} .tp-experience p .icon.icon-30-years { background-position:-60px -60px;} .tp-experience p .icon.certificates { background-position:-30px 0;} .tp-experience p .icon.language { background-position:-60px 0;} .tp-experience p .icon.irs { background:url(../images/tax-offices-local/tpf-icon-irs-certified.png) no-repeat 0 0; width:30px; height:24px;} .tp-experience p img { margin:0 7px 0 0;} .tp-quote { width:400px; position:absolute; top:77px; right:70px;} .tp-quote p { color:#707070; font-size:14px; font-style:normal;} .tp-quote p:first-child { text-indent:-4px;} .quote-head {font-weight: bold;color:#707070; font-size:14px; font-style:normal; display:block;} .tp-bio-body { box-sizing:border-box; width:640px; float:left;} .tp-bio-body .intro { width:520px;} ul.experience { list-style:none; margin:0;} ul.experience > li { margin:0; padding:0 0 5px;} ul.two-column { list-style:none; margin:0; width:470px;} ul.two-column > li { margin:0; padding:0 0 5px; width:50%; float:left;} ul.expertise { list-style:none; margin:0;} ul.expertise > li { box-sizing:border-box; margin:0; padding:0 0 15px 40px; width:33%; float:left; position:relative;} ul.expertise > li .icon { background:url(../images/tax-offices-local/tpf-ol-icons-25px.png) no-repeat 0 0; display:inline-block; width:25px; height:25px; margin:-3px 0 0 0; position:absolute; top:0; left:0;} /* CHARITABLE GIVING 6 - charitable giving 20 - not-for-profit organizations */ ul.expertise > li .icon.icon-6, ul.expertise > li .icon.icon-20 { background-position:0 -50px;} /* CLERGY */ ul.expertise > li .icon.icon-15 { background-position:-50px -50px;} /* CORPORATIONS */ ul.expertise > li .icon.icon-19 { background-position:0 -75px;} /* FARMING 13 - farming operations */ ul.expertise > li .icon.icon-13 { background-position:-50px -25px;} /* FOREIGN INCOME 10 - income earned outside the US */ ul.expertise > li .icon.icon-10 { background-position:-75px -75px;} /* IRS/STATE NOTICES/AUDITS */ ul.expertise > li .icon.icon-21 { background-position:-75px -50px;} /* ITIN 9 - ITIN application 8 - non-US citizen living in US */ ul.expertise > li .icon.icon-9, ul.expertise > li .icon.icon-8 { background-position:-125px -25px;} /* INVESTMENTS 1 - investments/stock options */ ul.expertise > li .icon.icon-1 { background-position:-100px -50px;} /* MILITARY */ ul.expertise > li .icon.icon-14 { background-position:-125px -75px;} /* MULTI-STATE INCOME 12 - income from multiple states */ ul.expertise > li .icon.icon-12 { background-position:0 -100px;} /* PARTNERSHIPS */ ul.expertise > li .icon.icon-18 { background-position:-100px -75px;} /* REAL ESTATE 2 - home ownership, purchase, or sale 3 - home foreclosure 4 - real estate rentals or vacation homes*/ ul.expertise > li .icon.icon-2, ul.expertise > li .icon.icon-3, ul.expertise > li .icon.icon-4 { background-position:-25px -75px;} /* RETIREMENT 11 - retirement income */ ul.expertise > li .icon.icon-11 { background-position:0 -25px;} /* SMALL BUSINESS 16 - small business, sole proprietor, or self-employed */ ul.expertise > li .icon.icon-16 { background-position:-50px -75px;} /* TAX PLANNING 17 - trusts and estates 22 - tax planning */ ul.expertise > li .icon.icon-17, ul.expertise > li .icon.icon-22 { background-position:-125px -50px;} .sidebar { width:240px; margin-left:20px; padding:15px 20px 22px; box-sizing:border-box; background-color:#ececec; float:left;} .sidebar h3 { text-transform:none;} .sidebar .section h4 { font-size:1.6em;} .sidebar .office { height:auto; padding:0 0 20px; margin:0 0 15px; border-bottom:2px solid #bcbcbc;} .sidebar .office p { margin:0 0 20px;} .sidebar .office .btn { position:static;} @media (max-width: 979px) { /* ----- GLOBAL ----- */ .hero-ol-tpf input[type="text"] { width:65%;} /* ----- GET STARTED - STEP 1 PAGES ----- */ .hero-pod.get-started { padding-left:50px; margin-right:0;} .get-started input { width:455px;} .get-started input.long { width:305px;} .get-started input.short { width:231px;} .get-started.appointment input { width:180px;} .get-started.appointment .btn { min-width:122px;} .get-started .form-item { width:200px; } .get-started .form-item.bottom { width:230px;} .get-started .form-item.bottom input { width:210px;} .get-started .options { left:50px;} .hero .hero-pod.get-started .options h2 { max-width:650px;} .tpf-body .main-col { width:480px;} .tpf-body .intro { } .tpf-body .tax-pro { width:220px;} .tax-pro .seasonal { width:auto;} .expertise-wrap { margin:0 -5px;} .expertise-link { margin:0 0 12px;} .tpf-body .tax-pro .btn { margin:0 -5px; display:block;} .tpf-body .pagination.bottom { right:20px;} .hero .hero-pod.tpf-step h1.long { padding:0;} /* help me choose - step 1 */ .container .row.best-match-1-en, .container .row.best-match-1-es { margin-bottom:10px;} .hero .hero-pod.tpf-step.best-match-1-en h1, .hero .hero-pod.tpf-step.best-match-1-es h1 { padding:0;} /* help me choose - step 2 select office */ .select-office { width:220px;} .select-office .reviews { line-height:1.5em; display:inline-block; margin-right:30px;} .select-office .premium-office { line-height:1.3em;} .select-office .premium-office .icon { background:url(../images/tax-offices-local/tpf-icons-20px.png) no-repeat 0 0; display:block; width:20px; height:20px; margin:0 auto;} .select-office .btn { width:160px;} .best-match-2-es .select-office .btn { width:auto; padding:8px;} .map-office { width:238px;} .map { left:240px;} /* help me choose - step 4 calendar */ .calendar-wrap { width:460px;} .calendar-left { width:auto; min-height:0 !important; float:none;} .calendar-right { width:auto; min-height:0 !important; float:none; overflow:hidden;} .calendar-left .month { font-size:4.0em; display:inline-block; padding:0 0 4px;} .calendar-left .date { font-size:4.0em; display:inline-block; padding:0 10px 4px;} .calendar-left .day-year { font-size:2.6em; padding:0 0 20px;} .calendar-left .btn-label { display:inline;} .time-slots .btn { margin: 0 10px 10px 0;} /* help me choose - step 5 book appointment */ .width-600 { width:auto;} /* help me choose - final step */ /* three-column-wrap styles also used in manage appointment pages */ .three-column-wrap { padding-top:20px;} .three-column { width:190px;} .three-column h5 { padding:0;} .three-column .icon { display:none;} /*.divider { margin:0 20px;}*/ .three-column .indent { padding-left:0;} /* .emerald-card { padding:20px 40px 25px 355px;} .emerald-card .image { top:40px; left:40px; } */ .myblock { background-image:url(../images/tax-offices-local/myBlock-t.jpg); padding-left:270px;} .sendafriend { background-image:url(../images/tax-offices-local/send-a-friend-t.jpg); padding-left:270px;} /* additional appointment alert */ .addl-appointments .header-left { width:23%;} .addl-appointments .header-right { width: 75%; padding:0 30px;} .addl-appointments .appointment { position:relative;} .addl-appointments .appointment p { width:35%; vertical-align:top;} .addl-appointments .appointment .tablet-col { display:inline-block; vertical-align:top; width:35%; border-left: 2px solid #fff; margin:20px 0;} .addl-appointments .appointment .tablet-col p { display:block; width:100%; border:none !important; margin:0 0 8px;} .addl-appointments .appointment .tablet-col p:last-of-type { margin:0;} .addl-appointments .appointment .btn { position:absolute; top:50%; right:20px; transform:translateY(-50%);} .addl-appointments .appointment:last-of-type a.btn { margin-top:0;} /* manage appointment - cancel/reschedule */ .three-column-wrap.manage-appt .three-column h5 { line-height:1em !important; height:45px;} /* manage appointment - cancel step 2 */ .main-col .three-column-wrap { margin-right:0;} .main-col .three-column { width:auto; float:none; padding:0 !important; border:none;} /* find a tax office results */ .office-box-wrap { width:auto; margin-right:-20px; padding:20px 0; overflow:hidden; clear:both;} .office-box { width:245px; border-right:12px solid #fff; background:#e0e0e0;} .office-box .address-section { width:auto; float:none; background:url(../images/tax-offices-local/office-box-arrow-up.png) no-repeat 180px bottom #f0f0f0;} .office-box .appt-section { width:auto; float:none; background-color:#e0e0e0;} .office-box .featured-pro .appt-slot { display:inline; padding-left:5px;} .appt-section .cta-wrap { right:auto; left:20px;} .service-wrap { overflow:hidden;} .service-wrap p { font-size:1.1em; line-height:1.4;} .service-wrap .service, .service-wrap .service.ea { width:40px; min-width:0; height:22px; margin-bottom:0;} .service-wrap .service .icon { height:20px;} .hero-pod.tpf-step.tax_office { margin:-20px -20px 0;} /* Block Advisors box */ .office-box.ba .address-section { background: url(../images/tax-offices-local/office-box-ba-arrow-up.png) no-repeat 180px bottom, url(../images/tax-offices-local/office-box-ba-bg-t.png) repeat 0 -20px; } .office-box.ba .appt-section { background-color:#363636;} /* spanish version */ .office-box.es .appt-section { padding:12px 20px 20px;} /* previous tax pro */ .your-tax-pro { width:460px;} /* ----- OFFICE LOCATOR PAGES ----- */ /* All States page */ .ol-states a, .cities-list a { width:20%;} /* City-level page */ a.tpf-filter { padding-right:70px;} /* Tax Office Profile */ .hero .hero-pod.hero-office { background-image:url(../images/tax-offices-local/office-profile-marquee-t.jpg); padding:58px 40px 45px;} .hero .hero-pod.hero-office.ba { background-position:200px bottom;} .office-column-1 { width:295px; padding:0 25px 0 0;} .office-column-2 { width: 380px; margin:0 -20px 0 0;} .pod-reviews { background-image:url(../images/tax-offices-local/office-pod-stars-t.png); padding:25px 35px 20px 350px;} .pod-pros { padding:20px 270px 20px 28px;} .pod-pros.ba{ padding:20px 270px 20px 28px;} .pod-pros-image { width:238px;} .pod-pros-image.ba { width:238px;} .tax-pro .not-available { width:auto; font-size:1.0em; left:210px;} .services { padding:0 20px 0 20px;} .office-hours .cal-hours a { font-size: 1.0em;} .office-hours .cal-hours a .date { font-size: 1.1em;} .office-hours .cal-days span { width: 48px;} .office-hours select { margin: 5px 0 20px;} .office-hours .select-arrow:before { top: 5px;} .office-hours .select-arrow:after { top: 20px;} .office-hours .appt-slot-wrap { margin-right: -28px;} .office-hours .appt-slot { width:43%; margin-right: 24px; padding: 8px;} .office-hours .cal-hours a { width: 50px;} .office-hours .small { text-align: left;} .office-hours .legend-current { width: auto; margin:0 5px 0 0;} .office-hours .select-arrow, .office-hours select { width: 100%;} /* ----- TAX PRO FINDER PAGES ----- */ /* Tax Pro Bio page */ .tp-quote { width:240px; top:64px; right:40px;} .tp-bio-body { width:406px;} .tp-bio-body .intro { width:auto;} ul.expertise > li { width:50%;} .tp-bio-body ul.two-column { width:auto;} .tp-bio-body ul.two-column > li { float:none; width:auto;} .sidebar { margin-left:38px;} .myblock h3 {margin: -5px;} } @media (max-width: 767px) { /* Global - Office Locator pages */ .hero-ol-tpf { background-image:url(../images/tax-offices-local/marquee-bg-office-m.jpg); height:300px; padding:25px 20px 0;} .hero-ol-tpf h1 { font-size:3.0em;} .hero-ol-tpf h2 { font-size:1.6em; padding:0 0 20px;} .hero-ol-tpf input[type="text"] { width:100%; box-sizing:border-box; height:36px; margin:0 0 10px; padding:7px 15px;} .hero-ol-tpf .btn { width:auto; display:block;} .hero-ol-tpf .or { color:#fff; text-align:center; font-size:1.4em; font-weight:bold; margin:0; padding:13px 0 11px;} .tpf-learn-more-pad article { padding:0;} .tpf-learn-more-wrap { padding:10px 0 20px; margin-top:20px;} .tpf-learn-more-content .col-1, .tpf-learn-more-content .col-2 { width:auto; float:none; margin-right:0;} .tpf-learn-more-content .col-1 h4, .tpf-learn-more-content .col-2 h4 { margin-top:50px !important;} /* ----- GET STARTED - STEP 1 PAGES ----- */ .hero-pod.tpf-step { background-position:center top; background-color:#525654; /*padding:20px 20px 0;*/ padding:0; height:auto;} .hero-pod.get-started { height:auto; padding:27px 20px 0; margin:0; background:url(../images/tax-offices-local/get-started_find-an-office-m.jpg) no-repeat center top #fff; background-size:cover; -webkit-background-size:cover;} .hero-pod.tax_office { background-image:url(../images/tax-offices-local/get-started_find-an-office-m.jpg);} /*.hero-pod.choose_pro { background-image:url(../images/tax-offices-local/get-started_choose-pro-m.jpg);}*/ .hero-pod.previous_pro { background-image:url(../images/tax-offices-local/get-started_previous-pro-m.jpg);} /*.hero-pod.pro_by_name { background-image:url(../images/tax-offices-local/get-started_pro-by-name-m.jpg);}*/ .hero-pod.appointment { background-image:url(../images/tax-offices-local/get-started_appointment-m.jpg); background-position:-15px 0;} .hero .hero-pod.get-started h1 { font-size:30px; color:#fff; margin:0; padding:0 0 5px;} .hero .hero-pod.get-started h2 { font-size:16px; text-transform:none; color:#fff; padding-bottom:35px;} .hero .hero-pod.previous_pro h2, .hero .hero-pod.pro_by_name h2, .hero .hero-pod.appointment h2 { padding-bottom:20px;} .hero .hero-pod.tax-office h2, .hero .hero-pod.choose-pro h2 { padding-bottom:34px;} .hero .hero-pod.get-started h3 { font-size:18px; text-transform:none; color:#62a61f; box-sizing:border-box; height:60px; line-height:60px; margin:0; padding:0 0 0 20px; border-bottom:2px solid #bcbcbc;} .get-started input, .get-started input.long, .get-started input.short, .get-started select, .get-started.pro_by_name select { box-sizing:border-box; height:36px; width:100%; margin:0 8px 10px 0; padding:7px 15px; vertical-align:top; background-color:#eee;} .get-started.appointment input, .get-started.appointment input.short, .get-started .form-item.bottom input, .get-started.previous_pro input, .get-started.previous_pro .form-item.bottom input { width:100%; margin:0;} .get-started .form-item, .get-started.previous_pro .form-item, .get-started.previous_pro .form-item.bottom, .get-started .form-item.bottom { width:100%; margin:0 0 10px;} .get-started .btn { box-sizing:border-box; width:100%;} .or { color:#fff; text-align:center; font-size:14px; font-weight:bold; margin:0; padding:10px 0;} .top-section { min-height:318px; padding-bottom:20px;} .get-started.appointment .top-section { height:auto;} .get-started .options { overflow:hidden; margin:0 -20px; background-color:#fff; position:static;} .hero .hero-pod.get-started h3 { font-size:18px; text-transform:none; color:#62a61f; box-sizing:border-box; height:60px; line-height:60px; margin:0; padding:0 0 0 20px; border-bottom:2px solid #bcbcbc;} .hero .hero-pod.get-started .options h2 { font-size:18px; color:#4d4d4d; text-transform:none; box-sizing:border-box; height:auto; margin:0; padding:20px 0 20px 20px; border-bottom:2px solid #bcbcbc; max-width:none;} .get-started .option { /*display:block;*/ display:table; width:100%; height:60px; margin:0; padding:0 20px 0 90px; font:16px/60px "NotoSans-Bold", Helvetica, sans-serif !important; color:#2f6702; background-position:20px 7px; background-repeat:no-repeat; border-bottom:2px solid #bcbcbc; float:none;} .get-started .option .vert-center { display:table-cell; vertical-align:middle; line-height:1.2em;} .options .icon-caret-right { display:inline-block !important; margin-left:5px;} .hero .hero-pod.get-started .blurb { font-size:1.3em;} /* ----- APPOINTMENT FLOW - STEP PAGES ----- */ .tpf-body { background-color:#fff; padding:0;} .tpf-body article { padding:20px;} .tpf-body .main-col { width:auto; padding-right:0; float:none;} .hero .hero-pod.tpf-step h1 { font-size:2.0em; padding:0; display:none !important;} .hero .hero-pod.tpf-step h1.one-line { padding:0;} .tpf-body .intro { width:auto; margin:0; padding:0 0 5px;} .tpf-body .tax-pro { width:auto; height:auto; margin:0 0 20px; padding:0 10px 20px; float:none; background-color:#fff; border-bottom:2px solid #ccc;} .tpf-body .tax-pro h5 { font-size:2.0em;} .tpf-body .tax-pro .tp-experience { margin:0 0 5px; padding:0; min-height:0;} .tpf-body .tp-experience p span.two-lines { display:inline; line-height:inherit; width:auto; vertical-align:baseline;} .expertise-wrap { margin:0 -10px;} .expertise-link { margin:0 0 12px;} ul.expertise-list { width:auto; position:static; margin:0 0 12px; border:none;} .tpf-body .tax-pro .btn { margin:0 -10px; position:static;} .right-col { width:auto; float:none; margin:0 -20px;} .right-col-section { display:none;} .right-col-section.top.submit { display:block; padding-top:0;} .right-col-section.top.submit .btn { display:block;} .right-col-section.bottom { display:block;} .progress-icon.current { padding:0; width:19px;} .right-col-section.bottom .bottom-content { margin-bottom:0;} /* help me choose - step 1 questions */ .questions { } .questions li { margin:0;} .questions input[type="checkbox"], .questions input[type="radio"] { } .questions input[type="checkbox"] + span, .questions input[type="radio"] + span { display:block; padding:0 30px;} .questions input[type="checkbox"] + span:before { left:auto; right:0; top:50%; margin-top:-13px; -webkit-box-shadow:inset 0 0 4px 0 rgba(0,0,0,.3); box-shadow:inset 0 0 4px 0 rgba(0,0,0,.3);} .questions input[type="checkbox"] + span:after { left:auto; right:4px; top:50%; margin-top:-10px;} .questions input[type="radio"] + span:before { left:auto; right:0; top:50%; margin-top:-10px; -webkit-box-shadow:inset 0 0 4px 0 rgba(0,0,0,.3); box-shadow:inset 0 0 4px 0 rgba(0,0,0,.3);} .questions input[type="radio"] + span:after { left:auto; right:7px; top:50%; margin-top:-3px;} .questions label, .questions #question2 label { width:auto; display:block; border-bottom:2px solid #ccc; margin:0 -30px; padding:14px 10px; text-indent:0;} .questions label:first-of-type, .questions #question2 label:first-of-type { border-top:2px solid #ccc; margin-top:20px;} .questions label:last-of-type { margin-bottom:30px;} .questions .btn { display:block !important; font-size:.65em; margin:30px -30px 6px;} .questions #q2, .questions #q3 { display:none;} /* help me choose - step 2 select office */ .select-office { width:auto; float:none; margin:0 0 20px; padding:0 10px 20px; border-bottom:2px solid #ccc;} .select-office:first-of-type { padding-top:20px; border-top:2px solid #ccc;} .select-office .btn { display:block; width:auto; position:static;} .select-office .reviews { margin-bottom:8px;} .select-office .phone { display:inline-block !important;} .map-link, .map-dropdown, .select-office .distance { display:none;} .container .row.best-match-2-es { margin-bottom:0;} .container .row.best-match-2-es .tpf-body article { padding-bottom:0;} /* help me choose - step 4 calendar */ .calendar-wrap { width:auto; margin:0 -20px;} .calendar-left { padding-top: 20px; } .calendar-left .intro { border:none; margin:0; padding:0 0 8px;} .calendar-left .month, .calendar-left .date { font-size:3.0em;} .calendar-left .day-year { font-size:2.0em; padding:0 0 20px;} .calendar-left .btn-label { display:inline;} .calendar-left .icon-prev { position:absolute; top:50%; left:15px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);} .calendar-left .icon-next { position:absolute; top:50%; right:15px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);} .calendar-right { padding:15px 10px 20px 20px;} .calendar-right .filters .filter { line-height: 1em; } .calendar-right .time-slots h3 { margin: 0 0 8px; } .calendar { margin:0 -10px 0 -20px;} .time-slots { padding-top:10px;} .calendar-right .time-slots .btn { margin: 0 8px 10px 0;} /* help me choose - step 5 book appointment */ form.book-appointment { margin-right:20px;} form.book-appointment .form-item { display:inline-block; width:auto;} form.book-appointment input[type=text] , form.book-appointment input[type=password] { box-sizing:border-box; border-color:#bcbcbc; width:100%; height:30px; padding:7px 10px;} form.book-appointment label { width:95%; padding-bottom: 15px;} form.book-appointment .error { width:auto;} .appointment-time input[type=checkbox] + label:before, form.book-appointment input[type=checkbox] + label:before { -webkit-box-shadow:inset 0 0 4px 0 rgba(0,0,0,.3); box-shadow:inset 0 0 4px 0 rgba(0,0,0,.3);} form.book-appointment .form-item.long { width:auto;} form.book-appointment .form-item.long input[type=text] { width:100%;} form.book-appointment .form-item.long .error { width:auto;} /* help me choose - final step */ /* three-column-wrap styles also used in manage appointment pages */ .three-column-wrap { background-color:#ececec; margin:0 -20px 20px; padding:20px 20px 0;} .three-column { width:auto; float:none; border:none !important; margin:0 0 20px; padding:0 !important;} .three-column h5 { padding:0 0 10px 40px;} .divider { display:none;} .three-column .indent { padding-left:40px; position:relative;} .three-column .icon { display:block; position:absolute; left:0; width:30px; height:30px;} .three-column .icon.address { background:url(../images/tax-offices-local/tpf-icons-30px.png) no-repeat 0 -120px;} .three-column .icon.tax-pro-icon { background:url(../images/tax-offices-local/tpf-icons-30px.png) no-repeat -60px -90px;} .three-column .icon.appointment { background:url(../images/tax-offices-local/tpf-icons-30px.png) no-repeat -30px -90px;} /* .emerald-card { background-color:#ececec; padding:10px 20px 15px; margin:20px -20px 0;} .emerald-card .image { background-image:url(../images/tax-offices-local/emerald_card-m.png); width:91px; height:57px; margin:20px 0 40px 20px; position:static; float:right; } .emerald-card h3 { font-size:1.6em; padding:0 0 5px;} .emerald-card p { line-height:1.2em !important;} */ .myblock { background-image:none; height:auto; padding:0 0 25px; border-bottom:2px solid #bcbcbc;} .sendafriend { background-image:none; height:auto; padding:0 0 25px; border-bottom:2px solid #bcbcbc;} /* additional appointment alert */ .addl-appointments { margin:-20px -20px 20px; padding:15px 20px 0; border-top:7px solid #606060; border-bottom:7px solid #606060;} .addl-appointments .header-left { display:block; width:auto; text-align:left; padding-bottom:5px;} .addl-appointments .header-right { display:block; width:auto; border:none; margin:0; padding:0 0 8px; font-weight:normal;} .addl-appointments .header-right .arrow { display:none;} .addl-appointments .appointment .tablet-col { border:none; width:calc(100% - 180px); margin:0; padding:0 0 8px; display:block;} .addl-appointments .appointment .tablet-col p { width:auto;} .addl-appointments .appointment { background:#fff; border-width:1px; margin-bottom:15px;} .addl-appointments .appointment:last-of-type { margin:-15px -20px 0; padding:0 20px;} .addl-appointments .appointment:last-of-type p:first-of-type { margin:25px 0 0;} .addl-appointments .appointment:last-of-type .tablet-col p:first-of-type { margin:0;} .addl-appointments .appointment:last-of-type .btn { right:40px;} .addl-appointments .appointment p { border:none; margin:0; padding:0 0 8px;} .addl-appointments .appointment:nth-last-child(2) { border:none;} /* manage appointment - cancel/reschedule */ .hero-pod.hero-pod-sub.appointment { background:url(../images/tax-offices-local/appointment-m.jpg) no-repeat -15px 0 #535353;} .three-column-wrap.manage-appt h5 { line-height:1em !important; height:auto; padding-left:40px;} .three-column-wrap.manage-appt h5.one-line { padding-top:8px;} .three-column-wrap.manage-appt h5 .icon.appointment { top:4px;} .three-column-wrap.manage-appt .three-column h5 { height:auto;} .three-column-wrap.manage-appt .three-column h5 .icon.appointment { top:-5px;} .three-column-wrap.manage-appt .three-column .indent.no-icon { padding-left:0;} .button-wrap { text-align:center; padding:0 0 15px;} .button-wrap .btn-green { display:block; margin-bottom:3px;} .button-wrap .btn-gray { float:none; margin:20px 0 10px; display:block;} /* manage appointment - cancel step 2 */ .main-col .three-column-wrap { margin-right:-20px;} .right-col input[type="submit"] { width:100%;} .right-col-section.top.gray-phone { display:block; background-color:#ececec; padding:0 20px 20px; margin-bottom:20px;} /* find a tax office - step 1 */ .hero .hero-pod.tax_office h1 { font-size:1.5em; width: 80%} .hero .hero-pod.tax_office h1 .green { font-size:2.0em; margin-top:-5px; width:auto;} .office-box-wrap { width:auto; margin-right:0; padding:20px 20px 0;} .office-box { width:auto; float:none; border-right:none; background-color:#f0f0f0;} .office-box .address-section { background:none; padding:20px 20px 0;} .office-box .distance .marker { top:0;} .address-section p { margin:-14px 0 10px 30px;} .address-section .phone { display:inline-block !important; color:#7183a0; position:relative;} .address-section .phone img { position:absolute; top:-3px; left:-30px;} .office-box .appt-section { background:none; padding-top:5px; padding-bottom:20px;} .appt-section .cta-wrap { position:static; display:block; width:auto;} .appt-section .cta-wrap .btn { display:block; width:auto;} .service-wrap { display:none;} /* Block Advisors box */ .office-box.ba .address-section { background: url(../images/tax-offices-local/office-box-ba-arrow-up.png) no-repeat right 20px bottom 0, url(../images/tax-offices-local/office-box-ba-bg-t.png) repeat 0 -20px;} .office-box.ba .address-section { padding-bottom:8px;} .office-box.ba .appt-section { background-color:#363636; padding-top:15px;} .office-box.ba .appt-section ul { padding:0 0 15px;} /* spanish styles */ .office-box .address-section .cta-wrap { padding-bottom:20px;} .address-section .cta-wrap p { margin:0;} .hero .hero-pod.tax_office div.header_icon { background-image:url(../images/tax-offices-local/get-started_icon_find-office_hover.png); width:45px; height:45px; margin:5px 15px 0 0;} .hero-pod.tpf-step.tax_office { padding-bottom:28px; margin:0;} .hero-pod.tax_office #search { position:relative; right:auto; top:12px;} .hero-pod.tpf-step .current-location-link { font-size:1.3em; color:#fff; padding-top:15px;} .office-menu li { border:none;} .quotation-disclaimer { padding:0; text-align:left;} /* previous tax pro */ .your-tax-pro { padding:0; width:auto; margin-bottom:0;} .your-tax-pro h2 { font-size:2.0em;} .your-tax-pro h3 { font-size:1.4em !important; margin:2px 0 10px;} .your-tax-pro h4 { margin:15px 0 10px;} .your-tax-pro .list-group h4 { font-size:1.3em !important; padding:6px 10px 8px;} /* ----- OFFICE LOCATOR PAGES ----- */ /* All States page */ .ol-states { padding-bottom:0;} .ol-states a { width:50%; margin:0 0 5px;} /* State-level page */ .cities-link { background:url(../images/tax-offices-local/accordion-arrow-down-898989.png) no-repeat right center #ececec; border-right:10px solid transparent; color:#636363; font-weight:bold; font-size:1.5em; box-sizing:border-box; margin:0 0 5px; padding:8px 10px 9px; cursor:pointer; position:relative;} .ol-cities-group.open .cities-link { background-image:url(../images/tax-offices-local/accordion-arrow-up.png); color:#7cc144;} .cities-list { padding-bottom:20px; display:none;} .cities-list a { width:48%; margin:0 2% 5px 0; line-height:1.2em;} /* City-level page */ article .span3 { width:100%;} .office-group { padding:0 0 30px;} .office { height:auto; padding:0 0 15px; margin:0 0 10px; border-bottom:2px solid #bcbcbc;} .office p { margin:0;} .office .btn { position:static;} a.office-info { position:static; display:block; padding-bottom:8px;} a.tpf-filter { display:block; float:none; padding:0;} .hero-ol-tpf.location .nearest-office { font-size:1.6em; font-weight:bold; margin:0; padding:0; color:#fff; text-transform:none;} .hero-ol-tpf.location h1 { font-size:3.0em; margin:0; padding:0; color:#7cc144; text-transform:none;} .hero-ol-tpf.location img.hero-icon { float:left; position:static; margin:5px 15px 0 0;} .your-location { background-color:#ececec; padding:15px 20px 10px; margin:24px 0;} .your-location .location-address { padding:0 0 0 32px; font-size:1.3em; line-height:1.3em; position:relative;} .your-location .location-address img { position:absolute; top:3px; left:0;} .your-location .location-hours { padding:0 0 0 32px; font-size:1.3em; line-height:1.3em;} .your-location .location-phone { padding:0 0 12px 32px; font-size:1.3em; line-height:1.3em; position:relative;} .your-location .location-phone img { position:absolute; top:0; left:0;} .your-location .location-phone .phone, .your-location .location-phone .phone a { color:#7183a0;} .your-location .find-location { font-size:1.4em; display:block; padding:10px 0 0; text-align:right;} /* Tax Office Profile */ .hero .hero-pod.hero-office { background-image:url(../images/tax-offices-local/office-profile-marquee-m.jpg); box-sizing:border-box; max-height:390px; margin:0; padding:30px 30px 20px; } .hero .hero-pod.hero-office.ba { background-image:none; margin:0; padding:35px 30px 20px; min-height:0;} .hero-office h1 { font-size:2.8em; padding-bottom:15px;} .hero-office .location-phone, .hero-office .location-phone a { color:#fff; font-weight:bold;} .hero .hero-pod.hero-office.ba .location-phone, .hero .hero-pod.hero-office.ba .location-phone a { color:#7183a0;} .office-column-1 { float:none; width:auto; padding:0;} .office-column-1 h3 { font-size:2.0em; margin:0; padding:0 0 10px;} .office-column-2 { width:auto; margin:0; float:none;} .office-type { margin:0 0 15px;} .office-hours { margin:0 -20px; padding: 15px 20px 10px;} .office-hours .appt-slot-wrap { margin: 0 -10px 5px; text-align: center;} .office-hours .appt-slot { margin: 0 6px 12px; float: none;} .office-hours .cal-hours { float:none; overflow: hidden;} .office-hours .cal-days span, .office-hours .cal-hours a { width:14.2%;} .services { padding:0; margin:10px 20px 0;} .pod-reviews { background:none; height:auto; margin:0 20px; padding:0;} .accordion-wrap { margin-top:10px;} .accordion-wrap h4 { background:url(../images/tax-offices-local/accordion-arrow-down-898989.png) no-repeat right center #ececec; border-right:10px solid transparent; font:700 15px/15px "Noto Sans", Helvetica, sans-serif !important; color:#636363; font-weight:bold; font-size:1.5em; box-sizing:border-box; margin:0; padding:12px 10px 13px; cursor:pointer; position:relative;} .accordion-wrap.open h4 { background-image:url(../images/tax-offices-local/accordion-arrow-up.png); color:#7cc144; margin:0 0 15px;} .accordion-wrap .accordion-content { display:none;} .tax-pro { width:auto; height:auto; margin:0 0 20px; padding:0 10px 10px; float:none; background-color:#fff; border-bottom:2px solid #ccc !important;} .tax-pro.last { border:none;} .tax-pro h5 { font-size:1.6em;} .tax-pro h6 { padding:0 0 10px;} .tax-pro .not-available { font-size:1.3em; position:static;} .tax-pro .tp-experience { min-height:0;} .tax-pro .seasonal { width:auto;} /* ----- TAX PRO FINDER PAGES ----- */ /* Tax Pro Bio page */ .tp-bio-hero { margin:0;} .tp-bio-hero.ba { margin:0;} .hero-pod.tp-bio { box-sizing:border-box; padding:30px 30px 20px;} .hero-pod.tp-bio h1 { font-size:2.8em;} .tp-experience { padding:3px 0 0;} .tp-experience p { margin:0 0 3px;} .tp-bio-body { width:auto; margin:0; float:none;} .tp-bio-body ul.two-column { width:auto;} .tp-bio-body ul.two-column > li, ul.expertise > li { width:auto; float:none;} .icon-info-sign.pop { display:none;} .list-group { margin-top:10px;} .list-group h4 { background:url(../images/tax-offices-local/accordion-arrow-down-898989.png) no-repeat right center #ececec; border-right:10px solid transparent; font:700 15px/15px "Noto Sans", Helvetica, sans-serif !important; color:#636363; font-weight:bold; font-size:1.5em; box-sizing:border-box; margin:0 0 5px; padding:12px 10px 13px; cursor:pointer; position:relative;} .list-group.open h4 { background-image:url(../images/tax-offices-local/accordion-arrow-up.png); color:#7cc144; margin:0 0 15px;} .list-group ul { display:none;} .sidebar { width:auto; padding:10px 0; margin:0; background-color:#fff; float:none;} .sidebar .office { height:auto; padding:0 0 20px; margin:0 0 15px; border-bottom:2px solid #bcbcbc;} .sidebar .office p { margin:0 0 10px;} .sidebar .office .btn { position:static;} .sidebar .office .location-address { display:inline-block; padding:0 0 0 32px; position:relative;} .sidebar .office .location-address img { position:absolute; top:3px; left:0;} .sidebar .office .location-hours { padding:0 0 0 32px;} .sidebar .office .location-phone { display:inline-block; padding:0 0 12px 32px; position:relative;} .sidebar .office .location-phone img { position:absolute; top:0; left:0;} .sidebar .office .location-phone, .sidebar .office .location-phone a { color:#7183a0; font-weight:bold;} } @media (max-width: 479px) { /* .hero-office .office-wrap, */ /* .hero-office .office-wrap > p { display:block;} .hero-office .office-wrap > p:nth-of-type(1), .hero-office .office-wrap > p:nth-of-type(2) { padding:0; border-right:none;} */ .hero-office .office-wrap { display: block; } .hero-office .office-wrap > div { -ms-flex: none; flex: none } .hero-office .office-wrap > div:nth-of-type(1), .hero-office .office-wrap > div:nth-of-type(2) { padding: 0; border-right: none; } .hero-office .office-wrap .mobile-address { display:inline-block !important; border-bottom:2px solid #aaa; padding:0 0 10px;} .hero-office .location-phone { display:inline-block; padding:10px 0 0;} .hero-office .location-phone a { color:#fff;} /* additional appointment alert */ .hidden-small { display:none;} .addl-appointments .appointment .btn { min-width:0; right:0;} .addl-appointments .appointment:last-of-type .btn { right:20px;} .addl-appointments .appointment p, .addl-appointments .appointment .tablet-col { width:calc(100% - 80px);} .addl-appointments .appointment .tablet-col p:nth-of-type(1) { font-weight:bold;} } @media (max-width: 320px) { .hero-pod.choose_pro { background-image:url(../images/tax-offices-local/get-started_choose-pro-m.jpg);} .hero-pod.pro_by_name { background-image:url(../images/tax-offices-local/get-started_pro-by-name-m.jpg);} } /** Angular - Animate **/ /* when hiding the thing */ .ng-hide-add { -webkit-animation:0.5s lightSpeedOut ease; animation:0.5s lightSpeedOut ease; } /* when showing the thing */ .ng-hide-remove { -webkit-animation:0.5s lightSpeedIn ease; animation:0.5s lightSpeedIn ease; } /* light speed out */ @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; opacity: 0; } } /* light speed in */ @-webkit-keyframes lightSpeedIn { 0% { opacity: 0; } 100% { transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; opacity: 1; } } @keyframes lightSpeedIn { 0% { opacity: 0; } 100% { transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; opacity: 1; } } #blocker{ border: 1px solid ccc; position: absolute; float: left; z-index: 999999; opacity:0.25; background-color: #ccc; } /** Border removed - invalid on focus **/ input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #70B5EB; -webkit-box-shadow: 0 0 6px #70B5EB; -moz-box-shadow: 0 0 6px #70B5EB; box-shadow: 0 0 6px #70B5EB; } input.error, textarea.error, select.error { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } .error-border{ border-color: #e9322d!important; -webkit-box-shadow: 0 0 6px #f8b9b7!important; -moz-box-shadow: 0 0 6px #f8b9b7!important; box-shadow: 0 0 6px #f8b9b7!important; } /*BA Styles*/ .hero-pod.get-started.ba {background-image:url(../images/tax-offices-local/get-started_find-a-block-advisor-office-d.jpg);} /* the following backgrounds are also used for heros in the later steps */ .hero-pod.tax_office.ba{ background-image:url(../images/tax-offices-local/get-started_find-a-block-advisor-office-d.jpg);} .hero-pod.choose_pro.ba { background-image:url(../images/tax-offices-local/get-started_find-a-block-advisor-office-d.jpg);} .hero-pod.previous_pro.ba { background-image:url(../images/tax-offices-local/get-started_find-a-block-advisor-office-d.jpg);} .hero-pod.pro_by_name.ba { background-image:url(../images/tax-offices-local/get-started_find-a-block-advisor-office-d.jpg);} .hero-pod.appointment.ba { background-image:url(../images/tax-offices-local/get-started_find-a-block-advisor-office-d.jpg);} .hero-pod.get-started.appointment.ba {background-image:url(../images/tax-offices-local/get-started_find-a-block-advisor-office-d.jpg);} /*hero-pod.get-started.appointment.ba { background-size:cover; background-position:0 0; margin-right:0;}*/ /* option.help_me_choose.ba { background-image:url(../images/tax-offices-local/get-started_icon_help-me-choose_ba.png);} option.help_me_choose.ba:hover { background-image:url(../images/tax-offices-local/get-started_icon_help-me-choose_ba-hover.png);} option.previous_pro.ba { background-image:url(../images/tax-offices-local/get-started_icon_previous-pro_ba.png);} option.previous_pro.ba:hover { background-image:url(../images/tax-offices-local/get-started_icon_previous-pro_ba-hover.png);} option.tax_pro_by_name.ba { background-image:url(../images/tax-offices-local/get-started_icon_pro-by-name_ba.png);} option.tax_pro_by_name.ba:hover { background-image:url(../images/tax-offices-local/get-started_icon_pro-by-name_ba-hover.png);} option.reschedule.ba { background-image:url(../images/tax-offices-local/get-started_icon_mng-appt_ba.png);} option.reschedule.ba:hover { background-image:url(../images/tax-offices-local/get-started_icon_mng-appt_ba-hover.png);} option.tax_office.ba { background-image:url(../images/tax-offices-local/get-started_icon_find-an-office_ba.png);} option.tax_office.ba:hover { background-image:url(../images/tax-offices-local/get-started_icon_find-an-office_ba-hover.png);} get-started .option.ba { min-height:55px;padding:2px 8px 0 65px;} @media (max-width: 767px){ get-started .option.ba{ padding: 0 20px 0 90px;height: 65px;background-color:#eee} } */ /*Angular Flickering In IPad Fix*/ div ,form{ -webkit-tap-highlight-color: rgba(0,0,0,0); } /* FY19 */ .tpf-learn-more-content h2 { text-transform:none; margin: 2.5rem 0 1rem; font-size:1.4rem; } .tpf-learn-more-content h3 { margin: 2rem 0 1rem; font-size:1.2rem; }