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'; } /* '' */