html, body { height: 100% } body { background: #202020; color: #000; font: normal 16px "open sans", sans-serif;} /* Typography ==================================================================== */ /* headings */ h2, h3, h4, h5, h6 { line-height: 1.2em; margin: 1.5em 0 0.5em; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child { margin-top: 0; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { margin-bottom: 0; } h1 { font-size: 36px; } h1 a, h1 a:hover { color: #fff; } h2 { color: #000; font-size: 32px; margin-bottom: -10px; text-align: center; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 16px; } h6 { font-size: 14px; font-weight: bold; } h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { display: block; font-size: smaller; margin-top: 0.4em; } h1 span { font-size: 22px; font-weight: normal; margin: 0; } h2 span { color: #666; font-size: 18px; line-height: 1.4em; } h4 span { color: #a0a0a0; font-size: 13px; margin-top: 0; } h5 span { color: #999; } h5 img, #compare-features th img { margin-right: 5px; vertical-align: middle; } /* paragraphs */ p { color: #444; font-size: 14px; line-height: 1.5em; margin-top: 1em; } p:first-child { margin: 0; } p.lead, .product p.lead { color: #555; font-size: 16px; } /* anchors */ a { color: #0C6FC5; text-decoration: none; } a:hover { color: #000; } a:focus { outline: none; } /* lists */ ul { margin-top: 1em; } li { color: #555; font-size: 14px; line-height: 1.7em; margin-top: 0.5em; } .split-list li { display: inline-block; width: 49%; } .bullets { list-style-position: outside; margin-left: 1.5em; } ul.bullets { list-style-type: disc; } ol.bullets { list-style-type: decimal; } ol.bullets ol li { list-style: lower-alpha; } .multi-col { overflow: auto; } .multi-col li { float: left; } .multi-col.two-cols li { width: 50%; } .multi-col.three-cols li { width: 33%; } /* table */ table { width: 100%; } th, td { border-bottom: 1px solid #ddd; padding: 12px; text-align: left; vertical-align: top; } .data-table { font-size: 13px; margin-top: 2em; } .data-table th { background: #eee; font-weight: bold; } .data-table p, .data-table ul, .data-table li { color: inherit; font-size: inherit; } /* misc */ strong { font-weight: bold; } em { font-style: italic; } .centered { text-align: center; } .lefty { text-align: left; } .left { float: left; } .right { float: right; } .the-price { font-weight: bold; font-size: larger; color: #009E33; } .hidden { display: none; } small { font-size: smaller; } .success { background: #edfded; color: #54b154; padding: 20px; } .strike { background: url(../media/fe/strike.png) center center; display: inline-block; padding: 0 10px; } /* Buttons ==================================================================== */ .btn, .ui-dialog-buttonset .btn.ui-button, .ui-dialog-buttonset .btn.ui-button.ui-state-active { background: #e9e9e9; background-image: linear-gradient(top, #f9f9f9, #e9e9e9); background-image: -ms-linear-gradient(top, #f9f9f9, #e9e9e9); background-image: -moz-linear-gradient(top, #f9f9f9, #e9e9e9); background-image: -o-linear-gradient(top, #f9f9f9, #e9e9e9); background-image: -webkit-linear-gradient(top, #f9f9f9, #e9e9e9); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0 ); border: 1px solid #c7c7c7; border-bottom-color: #999; border-radius: 3px; box-shadow: inset 0px 1px 1px rgba(255,255,255,0.5); color: #111; cursor: pointer; font-family: "open sans", sans-serif; font-size: 14px; padding: 8px 14px; position: relative; top: -1px; text-align: center; text-shadow: 0 -1px 1px #fff; } .btn:active, .ui-dialog-buttonset .btn.ui-button.ui-state-active { border-bottom-color: #c7c7c7; box-shadow: none; top: 0; } .btn:hover { background: #e9e9e9; } .btn::selection, .btn *::selection { background: transparent; } .btn-small, .ui-dialog-buttonset .btn-small.ui-button, .ui-dialog-buttonset .btn-small.ui-button.ui-state-active { font-size: 12px; padding: 4px 8px; } .btn-large { border-radius: 4px; font-size: 24px; font-weight: bold;} .btn-round { border-radius: 30px; font-size: 12px; padding: 4px 16px; } .btn-green, .ui-dialog-buttonset .btn-green.ui-button, .ui-dialog-buttonset .btn-green.ui-button.ui-state-active { background: #009d3a; background-image: linear-gradient(top, #21BD5A, #009d3a); background-image: -ms-linear-gradient(top, #21BD5A, #009d3a); background-image: -moz-linear-gradient(top, #21BD5A, #009d3a); background-image: -o-linear-gradient(top, #21BD5A, #009d3a); background-image: -webkit-linear-gradient(top, #21BD5A, #009d3a); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21BD5A', endColorstr='#009d3a',GradientType=0 ); border-color: #17743A; border-bottom-color: #0D3F1F; color: #fff; text-shadow: 0 -1px 1px rgba(0,0,0,0.4); } .btn-green:active, .ui-dialog-buttonset .btn-green.ui-button.ui-state-active { border-bottom-color: #17743A; } .btn-green:hover { background: #009d3a; color: #fff; } .btn-blue, .ui-dialog-buttonset .btn-blue.ui-button, .ui-dialog-buttonset .btn-blue.ui-button.ui-state-active { background: #006b9d; background-image: linear-gradient(top, #0E73AC, #006B9D); background-image: -ms-linear-gradient(top, #0E73AC, #006B9D); background-image: -moz-linear-gradient(top, #0E73AC, #006B9D); background-image: -o-linear-gradient(top, #0E73AC, #006B9D); background-image: -webkit-linear-gradient(top, #0E73AC, #006B9D); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0E73AC', endColorstr='#006B9D',GradientType=0 ); border-color: #0C4666; border-bottom-color: #061D2B; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.4) } .btn-blue:active, .ui-dialog-buttonset .btn-blue.ui-button.ui-state-active { border-bottom-color: #175374; } .btn-blue:hover { background: #006492; color: #fff; } .btn-red, .ui-dialog-buttonset .btn-red.ui-button, .ui-dialog-buttonset .btn-red.ui-button.ui-state-active { background: #D52B2B; background-image: linear-gradient(top, #E74848, #D52B2B); background-image: -ms-linear-gradient(top, #E74848, #D52B2B); background-image: -moz-linear-gradient(top, #E74848, #D52B2B); background-image: -o-linear-gradient(top, #E74848, #D52B2B); background-image: -webkit-linear-gradient(top, #E74848, #D52B2B); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E74848', endColorstr='#D52B2B',GradientType=0 ); border-color: #8B2424; border-bottom-color: #2B0606; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.4) } .btn-red:active, .ui-dialog-buttonset .btn-red.ui-button.ui-state-active { border-bottom-color: #2B0606; } .btn-red:hover { background: #D52B2B; color: #fff; } .btn-set { margin: 2em 0; } .btn-set:last-child { margin-bottom: 0; } .btn-set .btn { margin: 0 0.5em; } .btn-set .btn:first-child { margin-left: 0; } .btn-set .btn:last-child { margin-right: 0; } .btn-desc { display: block; font-size: 11px; font-weight: normal; opacity: 0.8; } .btn-neighbor { font-size: 13px; margin-left: 1em; vertical-align: middle; } /* Forms ==================================================================== */ label { display: block; font: bold 12px arial, sans-serif; width: 268px; } input[type="checkbox"] + label { display: inline-block; margin: 0 0.5em; width: 240px; } input[type="checkbox"] + label[for] { cursor: pointer; } label.error { color: red; font-weight: normal; font-size: 11px; text-transform: uppercase; margin: 0 0 0.5em; } .label-help { float: right; font-size: 11px; } a.label-help:hover { text-decoration: underline; } input, select { border: 1px solid #bbb; font: normal 12px "open sans", sans-serif; margin: 0.5em 0; padding: 6px; width: 255px; } select { width: 268px; } input[type="checkbox"] { width: auto; } input[type="button"] { width: auto; } input[type="password"] { font-family: arial, sans-serif; } input.error, select.error { background: #FFEDED; border-color: #f00; color: #f00; } input.error:focus, select.error:focus { border-color: #f00; outline: 4px auto #f00; } input:focus, select:focus { border-color: #0083ff; outline: 4px auto #1a63a8; } .help-block { font-size: 11px; margin: 0; } .help-block input { margin: 0 5px 0 1px; } .help-block input[type="checkbox"] + label { display: inline; font: normal 11px "open sans"; margin: 0; } .form-wrap.wrap { margin: 1em auto; } .form-wrap h1 { color: #333; text-shadow: none; border-bottom: 1px solid #ccc; font-size: 28px; margin-bottom: 1em; padding-bottom: 0.5em; } .form-wrap h1 .btn { margin-top: 7px; } .form-wrap form { background: #fff; border: 1px solid #ddd; box-shadow: 0 0px -25px 30px #F2F2F2; margin-top: 5px; padding: 20px; } #form-copy { padding: 20px 20px 0 0; width: 280px; } .form-row { overflow: auto; margin: 1.5em 0em; } p.form-row { margin: 0.5em 0 2em; } .form-row:last-child { margin-bottom: 0; } .form-row.submit-row { border-top: 1px solid #CCC; padding-top: 20px; margin: 20px 0 0; overflow: visible; } .form-col { float: left; margin-right: 2em; } .form-col:last-child { margin-right: 0 ; } /* jQuery UI ==================================================================== */ /* dialog */ .dialog { display: none; } .ui-widget-overlay { filter: alpha(opacity = 60); background: #000; opacity: 0.6; position: absolute; top: 0; z-index: 100; } .ui-widget-overlay.blackout { background: #1a63a8; opacity: 0.9; } .ui-dialog { box-shadow: 0 30px 100px -10px rgba(0, 0, 0, 0.8); overflow: auto; } .ui-dialog-titlebar { display: none; } .ui-dialog-content { background: #fff; max-height: 400px; overflow-y: auto; padding: 20px; } .ui-dialog-buttonpane { background: #f9f9f9; text-align: right; padding: 10px 10px 10px 0; border-top: 1px solid #ddd; } .ui-dialog-buttonpane button { margin: 0 0 0 1em; } .ui-dialog .wrap { padding: 0 20px; } .ui-dialog .row { padding: 10px 0; } /* tabs */ .ui-tabs-nav { border-bottom: 1px solid #ddd; } .ui-tabs-nav li { display: inline; } .ui-tabs-nav li a { color: #000; display: inline-block; font-weight: bold; opacity: 0.5; padding: 10px 20px; } .ui-tabs-nav li a:hover { opacity: 1; } .ui-tabs-nav li img { vertical-align: middle; margin-right: 0.4em; width: 23px; } .ui-tabs-nav .ui-tabs-selected a { border: 1px solid #ddd; border-bottom-color: white; margin-bottom: -1px; opacity: 1; } .ui-tabs-hide { display: none; } .ui-tabs-panel { padding: 1em 1em 0; } /* button */ .ui-helper-hidden-accessible { display: none; } .ui-button { border-color: #ccc; top: 0; width: auto !important; } .ui-button-text-icon-primary .ui-icon-wrap { float: left; border-radius: 2px 0 0 2px; padding: 4px; position: absolute; top: 0; left: 0; } .ui-buttonset { margin: 0.5em 0; overflow: auto; } .ui-buttonset .btn { float: left; } .ui-buttonset .btn:first-of-type { border-radius: 4px 0 0 4px; border-right: 0; } .ui-buttonset .btn:last-of-type { border-radius: 0 4px 4px 0; border-left: 1px solid #999 !important; } .ui-buttonset [type="radio"] + label { width: 117px !important; } .btn.ui-button-text-icon-primary.ui-state-active, .btn.ui-button.ui-state-active { background: #ddd; border-color: #aaa; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1); color: #333; text-shadow: none; } .ui-button-text-icon-primary .ui-button-text { padding-left: 18px; } .ui-button-text-icon-primary .ui-button-icon-primary { margin: 0; } .ui-state-default .ui-icon { } .ui-icon { background-image: url(../styles/custom-theme/images/ui-icons_222222_256x240.png); display: inline-block; margin: 0 4px; width: 16px; height: 16px; } .btn .ui-icon { float: left; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-plusthick { background-position: -32px -128px; } /* Grid ==================================================================== */ .row { padding: 30px 0; overflow: auto; } .col { float: left; margin: 0 10px; } .col:first-child { margin-left: 0; } .col:last-child { margin-right: 0; } .col.one { width: 60px; } .col.two { width: 140px; } .col.three { width: 220px; } .col.four { width: 300px; } .col.five, .wrap.five { width: 380px; } .col.six, .wrap.six { width: 460px; } .col.seven { width: 540px; } .col.eight, .wrap.eight { width: 620px; } .col.nine { width: 700px; } .col.ten { width: 780px; } .col.eleven { width: 890px; } .col.twelve { width: 940px; } .col.pre-one { margin-left: 80px; } .col.pre-two { margin-left: 170px; } .col.pre-four { margin-left: 380px; } .col.push-right { float: right; } .wrap { margin: 0 auto; overflow: auto; padding: 30px 20px; width: 940px; } .no-distractions .wrap { overflow: visible; } .row .wrap { padding: 0; } /* Layout ==================================================================== */ #masthead { background: #3278AF; background-image: linear-gradient(top, transparent, rgba(0, 0, 0, 0.2)); background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2)); background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2)); background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2)); background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#50000000',GradientType=0 ); min-height: 47px; top: 0; left: 0; right: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.6); } #masthead .wrap { padding: 0; } #logo { float: left; position: relative; top: -1px; } #logo:active { top: 0; } #logo img { padding-top: 8px; width: 110px; } nav { float: right; min-width: 619px; } nav ul { margin: 0; } nav ul ul { border-radius: 4px; display: none; position: absolute; z-index: 9999999; } nav ul ul li a, nav ul ul li a:hover { background: #132f45; box-shadow: none; color: #fff; display: block; font-size: 13px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); width: 200px; padding: 1em; } nav ul ul li:last-child a { border-radius: 0 0 4px 4px; } nav .has-subnav > a[href="#"] { cursor: default; } nav li { margin-top: 0; } nav > ul > li { display: inline-block; float: left; } nav > ul > li > a { display: inline-block; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8); font-weight: bold; color: #e0e2e3; color: rgba(255, 255, 255, 0.9); font-size: 13px; padding: 12px 24px; box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.2); border-left: 1px solid rgba(0, 0, 0, 0.2); float: left; } nav > ul > li:last-child a { border-right: 1px solid rgba(0,0,0,0.2); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.2), 1px 0 0 rgba(255,255,255,0.2); margin-right: 1px; } nav > ul > li a:hover, nav > ul > li a.hover, body.products #nav-products, body.contact-us #nav-contact-us, body.kc #nav-kc { background: rgba(0,0,0,0.1); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2); color: #fff; } nav li:last-child a:hover { box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2); } #blurb { background: #3278AF; border-top: 1px solid rgba(255, 255, 255, 0.3); position: relative; } #blurb .wrap { padding: 20px 0; } #blurb h1, #blurb h2 { color: #fff; text-shadow: 1px 2px 0px #1D5C8D; } #blurb h1 { font-size: 20px; } #blurb span { color: #b5cbdd; } #area-nav { background: #F2F7FA; border-bottom: 1px solid #DFF2FF; } #area-nav .wrap, #area-nav .row { padding: 0; } #area-nav ul { margin: 1em 0; } #area-nav li { display: inline-block; } #area-nav li:first-child a { background: #3278AF; color: white; border-radius: 4px; } #area-nav a { display: block; font-size: 13px; padding: 0.5em 1em; } #main { background: #fff; } #main section + section { border-top: 1px solid #ededed; } #main section + section.light-blue, #main section.light-blue + section { border-top-color: #DFF2FF; } section.blue { background: #165E97; } section.green { background: #10964a; } section.light-blue { background: #F2F7FA; } section.blue h2, section.blue h3, section.blue h5, section.green h2, section.green h3, section.green h5 { color: #fff; } section.blue p { color: #C5DAEB; } section.blue h2 span { color: #8DB1CE } section.gray { background: #F6F6F6; } section.cta { padding: 20px 0 0; position: relative; text-align: center; } section.cta .row { padding: 20px 0; } section.cta p { font-size: 18px;} section.cta a { display: inline-block; margin-top: 20px; } section.cta img { position: absolute; top: -40px; left: 47%; } #foot { background: #202020; clear: both; } #foot h6 { color: #fff } #foot p { color: #999; } #foot li { line-height: 1.5em; } #foot a { color: #bbb; } #foot a:hover { color: #fff; } /* no distractions */ body.no-distractions { background: #fff; margin: 0; } body.no-distractions #masthead { margin: 0 0 -2em; text-align: center; padding: 10px 0 10px; position: static; } body.no-distractions #logo img { padding: 0; } body.no-distractions nav, body.no-distractions #foot { display: none; } body.no-distractions.show-foot #foot { display: block; } body.no-distractions #blurb, body.no-distractions #area-nav { border: 0; } body.no-distractions.thankyou #masthead .wrap { height: 47px; padding: 0 0 20px; } /* landing pages */ body.landing-page #masthead nav, body.landing-page #blurb, body.landing-page #area-nav, body.landing-page #foot { display: none; } body.cch-landing #masthead { display: block; } body.cch-landing #masthead nav li { display: none !important; } body.cch-landing #masthead nav li#nav-signin { display: block !important; float: right; } /* cch */ #big_numbers { list-style: none; } #big_numbers li { overflow: auto; } #big_numbers li + li { border-top: 1px solid #ccc; margin-top: 20px; padding-top: 20px; } #big_numbers .big_number { color: #d33d2a; float: left; font-size: 40px; text-align: center; } #big_numbers .big_number span { display: block; font-size: 12px; } #big_numbers p { float: right; font-size: 16px; margin: 0; width: 80%; } /* content pages */ /* Areas ==================================================================== */ /* home */ body.home #blurb { background: url(../media/fe/blurb-office.jpg) 0 -600px no-repeat; } body.home #blurb h1 { font-size: 36px; font-weight: bold; text-shadow: 1px 1px 1px #000; } #big-picture { text-shadow: 1px 1px 1px #000; } #big-picture .wrap { padding: 60px 0; } #big-picture .row { padding: 0; } #big-picture p { color: #fff; font-size: 16px; } #big-picture a { vertical-align: middle; } #blurb-cta { margin-top: 40px; } #blurb-cta .btn { border: 1px solid #444; border-bottom-color: black; padding: 12px 48px; } #blurb #secondary-cta { display: inline-block; margin-left: 10px; } #subway-map .pct { color: #fff; font-family: verdana, "open sans", sans-serif; font-size: 10px; border-radius: 4px; padding: 6px 8px; display: inline-block; margin-right: 2px; } #subway-map #liens .pct { background: #165E97; } #subway-map #underreporter .pct { background: #179638; } #subway-map #mail-audits .pct { background: #662d91; } #subway-map #appeals .pct { background: #c1272d; } #subway-map #face-audits .pct { background: #f15a24; } #subway-map #penalties .pct { background: #becdd5; } #subway-data { font-size: 13px; width: 100%; } #subway-data thead th { background: #ECF3FC; border-color: #A9C7E4; color: #648FB1; } #subway-data thead th:first-child { border-radius: 4px 0 0 0; } #subway-data thead th:last-child { border-radius: 0 4px 0 0; } #subway-data tbody th, #subway-data tbody td { border-right: 1px solid #DEEBF5; } #subway-data tbody td:last-child { border-right: 0; } #subway-data tbody td { color: #999; } #subway-data th, #subway-data td { border-bottom: 1px solid #BBD3E2; padding: 8px; text-align: left; } #compare-features-alt { width: 100%; } #compare-features-alt th, #compare-features-alt td { border-bottom: 1px solid #195C91; padding: 15px 20px; text-align: center; vertical-align: middle; background: #3278AF; color: white; } #compare-features-alt th { font-size: 14px; padding: 15px 10px; } #compare-features-alt th span { display: block; font-size: 12px; opacity: 0.8; margin-top: 0.5em; } #compare-features-alt td { background: #428BC4; } #compare-features-alt tr:first-child td:first-child { border-top-left-radius: 10px; } #compare-features-alt tr:first-child td:last-child { border-top-right-radius: 10px; } #compare-features-link { width: 100%; display: block; border-radius: 0 0 4px 4px; border-left: 0; text-align: center; padding: 10px 0; text-transform: uppercase; font-weight: bold; font-size: 14px; border-right: 0; } #awards .col { text-align: center; } /* products index */ .products-header { padding-bottom: 60px; } .product-box { background: #f9f9f9; border: 1px solid #EEE; border-bottom: 3px solid #ECECEC; border-radius: 4px; box-shadow: inset 0 0 1px 1px white; padding: 80px 30px 30px; position: relative; } .product-box img { position: absolute; } .product-box.pbox-vertical { width: 238px; } .product-box.pbox-horizontal { padding: 30px 30px 30px 80px; width: 668px; } .product-box.pbox-vertical img { top: -40px; left: 96px; } .product-box.pbox-horizontal img { left: -40px; top: 27px; } .product-box.pbox-vertical h4 { text-align: center; } .starting-at { margin-bottom: 2em; text-align: center; } .product-box.pbox-horizontal .starting-at { margin-bottom: 0; } .starting-at .the-price { font-size: larger; } .product { position: relative; } .product .product-img { position: absolute; top: -50px; left: 47%; } .product h2 span { margin-bottom: 1em; } .product p, .product li { color: #888; } .product-well { border: 1px solid #DDD; padding: 40px; width: 940px; border-radius: 6px; box-shadow: 0 3px 1px -1px #EEE, inset 0 0px 0px 1px #FFF; background: #F9F9F9; margin-left: -40px; } .product-well .row { padding: 30px 0 0; } #compare-features thead th { padding: 20px 0; } #compare-features tbody th, #compare-features td { border: 1px solid #e7e7e7; padding: 15px; text-align: left; } #compare-features tbody th { background: #fafafa; color: #3c3c3c; font-size: 14px; width: 420px; } #compare-features tr th:first-child { width: 1060px; } #compare-features tbody .compare-category th { background: #eee; font-weight: bold; } #compare-features td { background: #fff; text-align: center; vertical-align: middle; width: 180px; } #compare-features .checked { background: white url(../media/fe/green-check.png) center center no-repeat; } /* product detail */ #product-head .wrap { overflow: hidden; } #product-head .btn-set { text-align: center; width: 298px; border-left: 1px solid #ddd; margin-top: 0; padding-top: 10px; } #big-mac { cursor: pointer; margin-bottom: -540px; position: relative; } #big-mac.expanded { cursor: default; margin-bottom: -140px; } #big-mac .mask { cursor: pointer; display: none; position: absolute; top: 0; left: 0; right: 0; height: 211px; border-radius: 21px 21px 0 0; background: rgba(0, 0, 0, 0.6); padding-top: 70px; text-align: center; z-index: 2; } #big-mac .mask a { color: #fff; opacity: 1; } #big-mac-container { background: #fff url(../media/images/loading_large.gif) center center no-repeat; position: absolute; top: 38px; left: 38px; right: 38px; z-index: 1; } #big-mac-container img { display: none; float: left; } #big-mac-container img:first-child { display: block; } #big-mac-prev, #big-mac-next { display: none; position: absolute; top: 39%; z-index: 3; } #big-mac-prev { left: 40px; } #big-mac-next { right: 40px; } #big-mac-prev img, #big-mac-next img { background: #000; background: rgba(0, 0, 0, 0.6); border-radius: 10px; padding: 15px 20px; } #big-mac-prev:hover img, #big-mac-next:hover img { background: #000; background: rgba(0,0,0,0.8); } .feature-grid { overflow: visible; } .feature-grid #feature-nav li { border-bottom: 1px solid #ddd; display: block; float: left; opacity: 0.6; padding: 1em 0; width: 100%; } .feature-grid #feature-nav li.hover { border-color: #bbb; opacity: 1; } .feature-grid #feature-nav.ui-tabs-nav .ui-tabs-selected a, .feature-grid #feature-nav.ui-tabs-nav li a { border: 0; color: inherit; display: inherit; font-weight: normal; margin: 0; opacity: 1; padding: 0; } .feature-grid #feature-nav.ui-tabs-nav .ui-tabs-selected { opacity: 1; } .feature-grid #feature-nav img { float: left; margin-right: 10px; width: 100px; } .feature-grid #feature-nav h5 { font-weight: normal; color: #000; margin-top: 0; } .feature-grid #feature-nav p { font-size: 13px; margin: 0; } .feature-grid h3 + p { font-size: 110%; margin-bottom: 1.5em; } section#toolkit { padding-bottom: 40px; } /* feature */ .feature-desc h2 { text-align: left; } .feature-desc p { margin: 2em 0; } .framed-shot { background: #fff; padding: 20px; } .framed-shot.six { width: 418px; } .light-blue .framed-shot { border: 1px solid #dff2ff; } .feat-icon { padding-top: 10px; } /* configure */ #configuration-cart { overflow: auto; } .shoppingcart table { background: #f5fbff; border: 1px solid #C3D7E7; color: #3F7BA8; text-shadow: 0 1px 1px white; } .shoppingcart th, .shoppingcart td { border: 1px solid #C3D7E7; box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); border-left: 0; border-right: 0; font-size: 13px; padding: 12px 12px; } .shoppingcart th { background: #E1EFFA; font-size: 14px; font-weight: bold; text-align: left; } .shoppingcart thead th { background: #fff; text-align: center; } .shoppingcart tfoot td { background: #fff; font-size: 14px; font-weight: bold; } .cart-features { margin-top: 0.5em; } .cart-features li { font-size: smaller; } #compare-link { padding: 11px 0 0; color: #388DD8; opacity: 1; font-size: 12px; text-align: right; float: right; } #compare-link:hover { color: #000; } #signup-tabs .submit-row { overflow: auto; } .add-on p { width: 255px; margin: 0.5em 0 1em; line-height: 1.6em; font-size: 12px; } .add-on .learn-more { border-bottom: 1px solid; font-weight: bold; margin-top: 10px; } input[type="checkbox"] + label[for="add-editable-docs"], input[type="checkbox"] + label[for="add-client-gateway"] { margin: 0; } #signup-aside { position: relative; } #signup-aside p, #signup-aside li { color: #777; font-size: 80%; line-height: 1.5em; } #cart-working { position: absolute; top: 0; left: 0; right: 0; background: white; height: 460px; padding-top: 20px; text-align: center; display: none; } #signup-badges { margin-top: -20px; padding: 0; } #signup-badges > div { float: left; } #guarantee, #no-card { background: #EE3C3C; color: white; padding: 20px; margin-top: 20px; } #no-card { background: #464646; } #guarantee h4, #no-card h4 { font-size: 17px; } #guarantee p, #no-card p { color: #fff; font-size: 13px; opacity: 0.8; } #guarantee a, #no-card a { color: #fff; border-bottom: 1px solid #fff; } #contact-dialog .left { width: 50%; } #contact-dialog .right { width: 45%; } #contact-dialog .form-row:first-child { margin-top: 0; } #contact-dialog h5 { margin-bottom: 2em; } h1 .steps { float: right; display: inline; margin-top: 10px; font-size: 13px; margin-right: 10px; font-style: italic; } #docs-more-dialog.ui-dialog-content, #gateway-more-dialog.ui-dialog-content { max-height: none; } #docs-more-dialog .left { background: url(../media/fe/signup-docs-watermark.png) center center no-repeat; } #docs-more-dialog .left, #gateway-more-dialog .left { width: 37%; } /* sign in */ #sign-in-wrap, #sign-in-wrap .col { width: 311px; } #securingMsg { margin-left: 10px; } #errorMsg { margin-top: 20px; } #security-question-spinner { margin-left: 8px; } #login-form { margin-bottom: 40px; } /* cpe */ #cpe-courses { width: 100%; } #cpe-courses tr + tr td { border-top: 1px solid #eee; } #cpe-courses td { padding: 15px 0; } #cpe-courses td + td { text-align: right; } .cpe_course_detail { display: none; } .course-title { font-weight: bold; } .course-meta { font-size: 13px; color: #999; margin: 0; } .bullet { margin: 0 0.5em; } #cpe-register-dialog .ui-tabs-nav { display: none; } /* about */ ul.news li { margin-bottom: 10px; } ul.news .date { display: block; } /* alerts */ #alerts-table td { border-bottom: 1px solid #eee; padding: 15px 0 15px 0; } #alerts-table h4 { margin: 0; } #alerts-table p { margin-top: 0.5em; } .alert-date { font-size: 12px; white-space: nowrap; text-align: right; } /* knowledge center */ .entry { border-bottom: 1px solid #eee; overflow: auto; padding: 20px } .entries > h4 { margin: 20px 20px 0; } .entry-title { font-size: 16px; font-weight: bold; } .entry .meta, #more-content .meta { font-size: 11px; color: #999; display: block; line-height: 1.2em; margin-top: 0.5em; } .entry .description { color: #999; border-bottom: 1px solid #DDD; padding-bottom: 1em; } #more-content { background: #f9f9f9; padding: 20px; width: 260px; } #more-content li { margin-bottom: 1em; } #more-content li:last-child { margin-bottom: 0; } #more-content label { width: auto; } #more-content input { width: 246px; } #more-content .form-row.submit-row { border: 0; padding: 0; margin: -20px 0 0; } .entry-content h2 { margin-bottom: 0.5em; } .slideshare { height: 425px !important; margin: 20px 0 0; } .screen-framed { box-shadow: 0 7px 10px -4px #DDD; border: 1px solid #CCC; padding: 4px; border-radius: 3px; } .screen-big { max-width: 568px; margin: 20px auto; display: block; } .screen-left { float: left; max-width: 60%; margin: 0 20px 10px 0; } li .screen-big { margin-left: -1.5em; } .webinar-register-link { float: right; } /* referrers */ #referrer_banner { background: #fff; text-align: center; } #referrer_banner.natp-banner { background: #637424; } #referrer_banner.natp-banner p { color: #fff; } #referrer_banner_inner { width: 960px; margin: 0 auto; padding: 10px 0; } #lil_logo { display: inline-block; height: 34px; vertical-align: top; margin-right: 20px; } #referrer_banner p { color: #000; display: inline-block; font-size: 13px; } #referrer_banner .btn { margin-left: 10px; } .offer { background: #1A63A8; color: white; padding: 10px; margin-bottom: 1em; } .offer a { color: #fff; text-decoration: underline; } #partner-logo, .partner-logo { float: right; } .partner-logo img { height: 26px; margin-top: 10px; } .on-white { background: #fff; padding: 3px; } .text-replace { height: 30px; } #intuit-purchase { height: 214px; margin-left: 0; padding: 20px 10px 20px 20px; } #landing-purchase { height: 180px; margin-left: 0; padding: 50px 10px 0 20px; } body.intuit-landing #intuit-purchase h3 { margin: 0.5em 0; } body.intuit-landing #preview-row { height: 173px; } #factsheet-link { margin-top: 10px; min-width: 213px; } #referrer-dialog.ui-dialog-content { max-height: 580px; padding: 40px; } #referrer-dialog + .ui-dialog-buttonpane { display: none; } #referrer-dialog section { overflow: auto; } #referrer-dialog section + section { margin-top: 20px; } #referrer-dialog h2 { color: #007f64; font-weight: bold; text-align: left; margin-bottom: 10px; } #referrer-dialog p { font-size: 16px; } #referrer-dialog .referrer-logo img { height: 50px; } #referrer-dialog .highlight { padding: 20px; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); } #referrer-dialog .referrer-close { overflow: visible; padding-top: 20px; text-align: center; } #referrer-dialog .left { width: 35%; } #referrer-dialog .right { width: 63%; } .sage-dialog { background: #fff url(../media/fe/partners/sage-dialog-bg.png) top center no-repeat; } .natp-dialog { background: #fff url(../media/fe/partners/natp-dialog-bg.png) top center no-repeat; } .drake-dialog, .k2-dialog { background: #fff url(../media/fe/partners/drake-dialog-bg.png) top center no-repeat; } .liberty-dialog { background: #fff url(../media/fe/partners/liberty-dialog-bg.png) top center no-repeat; } .adp-dialog { background: #fff url(../media/fe/partners/adp-dialog-bg.png) top center no-repeat; } #referrer-dialog.adp-dialog h2 { color: #cc2131; } #referrer-dialog.sage-dialog h2 { color: #007f64; } #referrer-dialog.natp-dialog h2 { color: #637424; } #referrer-dialog.drake-dialog h2, #referrer-dialog.k2-dialog h2 { color: #2c4882; } #referrer-dialog.liberty-dialog h2 { color: #14337a; } .adp-dialog section.highlight { background: #cc2131; } .sage-dialog section.highlight { background: #007f64; } .natp-dialog section.highlight { background: #637424; } .drake-dialog section.highlight, .k2-dialog section.highlight { background: #2c4882; } .liberty-dialog section.highlight { background: #14337a; } #referrer-dialog section.highlight p { color: #fff; } /* knowledge center */ body.kc #main { background: #f4f6f7; } body.kc .row.lefty { padding: 10px 0; } body.kc .row { overflow: visible; } body.kc-home .row { overflow: hidden; } body.kc .entries { background: white; border: 1px solid #DDD; box-shadow: 0 0px 0 5px #eee; width: 618px; } .kc-home #blurb h2.row { padding: 10px 0; } .kc-home #main { box-shadow: inset 0 13px 50px -20px rgba(0, 0, 0, 0.4); border-top: 1px solid #EEE; padding-top: 20px; } .kc-search { bottom: -55px; padding: 0 0 25px; position: absolute; } .kc-search .col { background: #f5f8fb; border: 1px solid #C5D7EB; border-radius: 4px; box-shadow: 0 13px 50px -20px rgba(0, 0, 0, 0.4); } .kc-search-input { background: #fff url(../media/fe/kc/sprite.png) 727px -189px no-repeat; border: 1px solid #e5edf5; border-radius: 4px; font-size: 20px; margin: 5px; padding: 10px; width: 749px; } .kc-search-input:focus { background-position-y: -265px; border-color: #C5D7EB; outline: 0; } .kc-search-input::-webkit-input-placeholder { color: #d4d4d4; font-style: italic; } .kc-icon { background: url(../media/fe/kc/sprite.png); height: 80px; } .kc-icon.kc-icon-alerts { background-position: -66px -2px; } .kc-icon.kc-icon-blog { background-position: -1px -1px; } .kc-icon.kc-icon-news { background-position: -198px -8px; } .kc-icon.kc-icon-help { background-position: -131px -4px; } .kc-icon.kc-icon-demos { background-position: -262px 0px; } .kc-icon.kc-icon-studies { background-position: 0px -82px; } .kc-menu h4 { color: #343434; } .kc-menu ul { margin: 0; } .kc-menu li { font-size: 13px; line-height: 1.4em; margin-bottom: 0.6em; } .kc-menu li:last-child { margin: 2em 0 0; display: block; } .article-nav { margin-top: 40px; } .article-nav li { border-top: 1px solid #eee; float: left; width: 289px; } .article-nav li:last-child { border-left: 1px solid #eee; width: 288px; } .article-nav a { display: block; text-align: center; padding: 20px; background: #F9F9F9; min-height: 80px; font-size: 13px; line-height: 1.3em; } .article-nav a:hover { background: #eee; } .article-nav a span { color: #999; display: block; font-size: smaller; margin-bottom: 10px; } .article-nav a:hover span { color: #000; } .section-nav {} .section-nav li { display: inline; } .section-nav a { color: #fff; margin-right: 30px; opacity: 0.8; font-size: 13px; } .section-nav a:hover { opacity: 1; } .section-nav .active a { background: rgba(255, 255, 255, 0.2); opacity: 1; padding: 4px 10px; border-radius: 4px; } .sidebar-item { margin-bottom: 40px; } .sidebar-item ul { margin-top: 0; } .sidebar-item li { font-size: 13px; line-height: 1.5em; } #trial-contact .form-row { margin-top: 0; } #trial-contact .submit-row { border-top: 0; margin-top: -20px; padding-top: 0; } .top-posts li span, .related-content li span { display: block; color: #999; text-transform: uppercase; font-size: smaller; } .case-study img { height: 140px; border: 3px solid white; box-shadow: 0 0 0 1px #DDD; float: right; margin-left: 10px; } .case-study h3 { margin-top: 0; } .case-study p.quote { font-style: italic; } /* System Alerts ==================================================================== */ .system-alert { display: none; font-size: larger; width: 100%; color: #fff; padding: 0.7em 0; position: fixed; top: 0; left: 0; right: 0; text-align: center; z-index: 1111; } .system-alert p { color: #fff; } .system-alert i { font-size: larger; } .system-alert.system-alert-success { background: #1A6; border-bottom: 1px solid #0A7546; } .system-alert.system-alert-error { background: #DD5454; } @font-face { font-family: 'fontello'; src: url("../media/fonts/fontello.eot"); src: url("../media/fonts/fontello.eot") format('embedded-opentype'), url("../media/fonts/fontello.woff") format('woff'), url("../media/fonts/fontello.ttf") format('truetype'), url("../media/fonts/fontello.svg") format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: 'fontello'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; opacity: 0.8; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ /* fix buttons height */ line-height: 1em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ } .btn [class^="icon-"]:before, .btn [class*="icon-"]:before, .fbtn [class^="icon-"]:before, .fbtn [class*="icon-"]:before { margin-right: 0.5em; opacity: 1; } .fbtn [class^="icon-"].no-margin:before { margin: 0; } .icon-link-ext { margin-left: 0.5em; } a.cancel { color: #d14343; } @charset "UTF-8"; .icon-plus-1:before { content: '\e804'; } /* '' */ .icon-plus:before { content: '\2b'; } /* '+' */ .icon-up:before { content: '\2191'; } /* '↑' */ .icon-home:before { content: '\2302'; } /* '⌂' */ .icon-right-dir:before { content: '\25b8'; } /* '▸' */ .icon-right-dir-1:before { content: '\e800'; } /* '' */ .icon-down-dir:before { content: '\25be'; } /* '▾' */ .icon-left-dir:before { content: '\25c2'; } /* '◂' */ .icon-left-dir-1:before { content: '\e801'; } /* '' */ .icon-star:before { content: '\2605'; } /* '★' */ .icon-th-list:before { content: '\2630'; } /* '☰' */ .icon-cog:before { content: '\2699'; } /* '⚙' */ .icon-attention:before { content: '\26a0'; } /* '⚠' */ .icon-mail:before { content: '\2709'; } /* '✉' */ .icon-edit-1:before { content: '\e805'; } /* '' */ .icon-edit:before { content: '\270d'; } /* '✍' */ .icon-ok:before { content: '\2713'; } /* '✓' */ .icon-cancel:before { content: '\2715'; } /* '✕' */ .icon-cw:before { content: '\27f3'; } /* '⟳' */ .icon-user-add:before { content: '\e700'; } /* '' */ .icon-help-circle:before { content: '\e704'; } /* '' */ .icon-info-circle:before { content: '\e705'; } /* '' */ .icon-eye:before { content: '\e70a'; } /* '' */ .icon-print:before { content: '\e716'; } /* '' */ .icon-retweet:before { content: '\e717'; } /* '' */ .icon-comment-1:before { content: '\e802'; } /* '' */ .icon-chat:before { content: '\e720'; } /* '' */ .icon-map:before { content: '\e727'; } /* '' */ .icon-trash:before { content: '\e729'; } /* '' */ .icon-doc:before { content: '\e730'; } /* '' */ .icon-doc-inv:before { content: '\e731'; } /* '' */ .icon-article:before { content: '\e734'; } /* '' */ .icon-down-open:before { content: '\e75c'; } /* '' */ .icon-easel:before { content: '\e7b5'; } /* '' */ .icon-credit-card:before { content: '\e812'; } /* '' */ .icon-user:before { content: '\f061'; } /* '' */ .icon-users:before { content: '\f064'; } /* '' */ .icon-link-ext:before { content: '\f08e'; } /* '' */ .icon-up-circled:before { content: '\f0aa'; } /* '' */ .icon-mail-alt:before { content: '\f0e0'; } /* '' */ .icon-bell-alt:before { content: '\f0f3'; } /* '' */ .icon-doc-alt:before { content: '\f0f6'; } /* '' */ .icon-angle-down:before { content: '\f107'; } /* '' */ .icon-graduation-cap:before { content: '\f393'; } /* '' */ .icon-briefcase:before { content: '\f4bc'; } /* '' */ .icon-folder:before { content: '📁'; } /* '\1f4c1' */ .icon-folder-open:before { content: '📂'; } /* '\1f4c2' */ .icon-doc-1:before { content: '\f4c4'; } /* '' */ .icon-doc-2:before { content: '\e803'; } /* '' */ .icon-attach:before { content: '\f4ce'; } /* '' */ .icon-phone:before { content: '\f4de'; } /* '' */ .icon-megaphone:before { content: '\f4e3'; } /* '' */ .icon-shuffle:before { content: '\f500'; } /* '' */ .icon-link:before { content: '\f517'; } /* '' */ .icon-wrench:before { content: '\f527'; } /* '' */