/* reset */
html .smp, body .smp, .smp span, .smp object, .smp iframe,
.smp h1, .smp h2, .smp h3, .smp h4, .smp h5, .smp h6, .smp p, .smp blockquote, .smp pre,
.smp a, .smp abbr, .smp address, .smp cite, .smp code, .smp em, .smp img,
.smp small, .smp strong, .smp sub, .smp sup,
.smp dl, .smp dt, .smp dd, .smp ol, .smp ul, .smp li,
.smp fieldset, .smp form, .smp legend, .smp label, .smp input, .smp textarea, .smp select, .smp button,
.smp table, .smp caption, .smp thead, .smp tbody, .smp tfoot, .smp tr, .smp th, .smp td {
border: none;
font-size: 100%;
margin: 0;
outline: 0;
padding: 0;
}
.smp article, .smp aside, .smp details, .smp figcaption,
.smp figure, .smp footer, .smp header, .smp hgroup, .smp nav,
.smp section, .smp audio, .smp canvas, .smp video {
display: block;
}
.smp h1, .smp h2, .smp h3, .smp h4, .smp h5, .smp h6 {
line-height: normal;
font-weight: normal;
}
.smp address, .smp cite, .smp code, .smp em, .smp strong {
font-style: normal;
font-weight: normal;
}
.smp ol, .smp ul {
list-style: none;
}
.smp table {
border-collapse: collapse;
border-spacing: 0;
}
.smp input, .smp textarea, .smp select, .smp button {
display: block;
resize: none;
}
html {
height: 100%;
}
/* clearfixes */
.smp .clear:after,
.smp .wrapper:after,
.smp .col-wide:after,
.smp .modules:after,
.smp .fields:after,
.smp fieldset:after,
.smp .account-services-listing:after,
.smp .subscription .hero:after,
.smp .subscription .account-information:after,
.smp .subscription.adp-only .account-services .options ul:after,
.smp .subscription .account-services:after,
.smp .payment-amount .field:after,
.smp .payment-options:after,
.smp .subscriber.module fieldset:after,
.smp .my-account .module.help ul:after,
.smp .pay-now:after,
.smp .faqs section:after,
.smp .faqs .faq:after,
.smp .field.opt:after,
.smp .star-access .access ul:after,
.smp .star-access .columnists:after,
.smp .star-access .columnists ul:after,
.smp .star-access .member:after,
.smp .star-access .vip:after,
.smp header.global nav.main:after,
.smp header.global nav.main ul:after,
.smp header.global nav.subnav ul:after,
.smp footer.global .header:after,
.smp footer.global nav.links:after,
.smp footer.global nav.links ul:after,
.smp footer.global .copyright:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* .smp {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.smp img {
max-width: 100%;
}
/* styles */
body .smp {
background: #fff;
color: #222;
font: 14px/21px Georgia, Helvetica, Arial, sans-serif;
height: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
.show-desktop {
display: block !important;
}
.show-mobile {
display: none !important;
}
/* links */
.smp a {
color: #222;
text-decoration: none;
}
.smp a:hover {
border-bottom: 1px dotted #000;
}
.smp a.cta {
font-style: italic;
font-weight: bold;
}
/* typography */
.smp p {
margin-bottom: 20px;
}
.smp p:last-child {
margin-bottom: 0;
}
.smp p.lead {
font-weight: bold;
margin-bottom: 30px;
}
.smp p.note {
color: #999;
font-size: 12px;
}
.smp fieldset p.note {
font-size: inherit;
margin-bottom: 5px;
}
.smp p.tip {
color: #777;
font-size: 12px;
}
.smp p.tip a {
border-bottom: 1px dotted #777;
color: #777;
}
.smp p.back {
font-weight: bold;
}
.smp p.back a:before {
background-image: url(../img/arrows-2x.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 32px 30px;
content: "";
display: inline-block;
height: 10px;
;
margin-right: 8px;
position: relative;
top: -1px;
vertical-align: middle;
width: 6px;
}
.smp h1, .smp h2, .smp h3, .smp h4, .smp h5, .smp h6 {
color: #000;
}
.smp h1 {
font-size: 30px;
line-height: 35px;
margin-bottom: 20px;
}
.smp h2 {
font-size: 20px;
line-height: 28px;
margin-bottom: 15px;
}
.smp h3 {
font-size: 20px;
line-height: 28px;
margin-bottom: 10px;
}
.smp h4 {
font-size: 16px;
line-height: 23px;
}
.smp h5 {
font-size: 14px;
line-height: 21px;
}
/* lists */
.smp ul.list {
padding-left: 12px;
}
.smp ul.list li {
position: relative;
}
.smp ul.list li:before {
background-image: url(../img/icon/bullet-2x.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 3px 3px;
content: "";
display: inline-block;
height: 3px;
left: -12px;
position: absolute;
top: 8px;
width: 3px;
}
.smp ul.check-list {
}
.smp ul.check-list li {
margin-bottom: 5px;
padding-left: 20px;
position: relative;
}
.smp ul.check-list li:last-child {
margin-bottom: 0;
}
.smp ul.check-list li:before {
background-image: url(../img/list-check-2x.png);
background-position: left center;
background-repeat: no-repeat;
background-size: 13px 12px;
content: "";
display: inline-block;
height: 12px;
left: 0;
opacity: .5;
position: absolute;
top: 2px;
width: 13px;
}
/* tables */
.smp .data-table {
border-collapse: collapse;
width: 100%;
}
.smp .data-table th,
.smp .data-table td {
border: 1px solid #e7e7e7;
padding: 6px 10px;
}
.smp .data-table th {
background: #f1f1f1;
color: #666;
font-family: Helvetica, Arial;
font-size: 16px;
font-weight: bold;
text-align: left;
}
.smp .data-table td {
color: #888;
font-family: Helvetica, Arial;
font-size: 14px;
}
.smp .data-table.two-col td {
width: 50%;
}
.smp .data-table.three-col td {
width: 33.33%;
}
.smp .data-table.four-col td {
width: 25%;
}
/* global messaging */
.global-message {
margin-bottom: 20px;
position: relative;
/*display: none;*/
}
.global-message .inner {
padding: 15px 30px 15px 20px;
}
.global-message .close {
cursor: pointer;
display: block;
height: 30px;
position: absolute;
right: 5px;
text-indent: -99999px;
top: 5px;
width: 30px;
}
.global-message .close:after {
background-image: url(../img/icon/messaging-close-2x.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 30px 10px;
content: "";
display: block;
height: 10px;
position: absolute;
right: 10px;
top: 10px;
width: 10px;
}
.global-message h3 {
background-position: left 3px;
background-repeat: no-repeat;
background-size: 16px 16px;
display: inline-block;
font-size: 16px;
font-weight: bold;
line-height: 22px;
margin-bottom: 5px;
padding-left: 26px;
}
.global-message ul {
padding-left: 26px;
}
.global-message ul li {
color: #333;
font-size: 14px;
margin-bottom: 5px;
}
.global-message ul li:last-child {
margin-bottom: 0;
}
.global-message ul li ul.list {
padding-left: 15px;
}
.global-message ul li a {
}
.global-message ul li .btn {
margin-top: 10px;
}
.global-message.success {
background: #edf9ef;
border: 1px solid #25b73d;
}
.global-message.success .close:after {
background-position: 0 0;
}
.global-message.success h3 {
background-image: url(../img/icon/messaging-success-2x.png);
color: #25b73d;
}
.global-message.alert {
background: #fefef2;
border: 1px solid #e6b900;
}
.global-message.alert .close:after {
background-position: -10px 0;
}
.global-message.alert h3 {
background-image: url(../img/icon/messaging-alert-2x.png);
background-size: 19px 16px;
color: #e6ba00;
padding-left: 29px;
}
.global-message.error {
background: #fef2f2;
border: 1px solid #cf0e0e;
}
.global-message.error .close {
display: none;
}
.global-message.error h3 {
background-image: url(../img/icon/messaging-error-2x.png);
color: #cc0000;
}
/* global styles */
.page-title {
border-bottom: 1px solid #ccc;
margin-bottom: 25px;
padding-bottom: 25px;
padding-right: 100px;
position: relative;
}
.page-title.alt {
border-bottom: none;
padding-bottom: 0;
}
.page-title h2 {
color: #000;
font-size: 30px;
}
.page-title .page-description {
}
.page-title .page-description p {
color: #666;
font-size: 15px;
font-weight: normal;
line-height: 23px;
margin-bottom: 10px;
}
.page-title .page-description p:last-child {
margin-bottom: 0;
}
.page-title .page-description p strong {
font-weight: bold;
}
.smp section {
margin-bottom: 30px;
}
.smp section:last-child {
margin-bottom: 0;
}
.smp section p {
color: #666;
}
.smp section p strong {
font-weight: bold;
}
.section-title {
color: #666666;
font-family: Helvetica, arial;
font-size: 14px;
font-weight: normal;
line-height: 1;
margin-bottom: 10px;
text-transform: uppercase;
}
.legend {
color: #666;
font-family: Helvetica, Arial;
font-size: 16px;
font-weight: bold;
line-height: 23px;
margin-bottom: 10px;
}
.section-wrapper {
width: 490px;
}
.field .help {
color: #222;
font-weight: bold;
font-style: italic;
}
.button-container {
border-top: 1px solid #ccc;
margin-top: 30px;
padding-top: 20px;
}
.button-container.buttons .btn:first-child {
margin-right: 20px;
}
.button-container .btn {
min-width: 148px;
}
.pushdown-trigger {
color: #000;
cursor: pointer;
font-size: 13px;
font-style: italic;
font-weight: bold;
}
.pushdown-trigger:hover {
border-bottom: 1px dotted #000;
}
.pushdown-trigger:after {
background-image: url(../img/icon/carets-2x.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 18px 5px;
content: "";
display: inline-block;
height: 5px;
margin-left: 5px;
position: relative;
vertical-align: middle;
width: 9px;
}
.pushdown-trigger.active:after {
background-position: -9px 0;
top: -1px;
}
.pushdown {
background: #333;
color: #fff;
display: none;
margin-top: 20px;
position: relative;
width: 100%;
z-index: 2;
}
.pushdown .inner {
padding: 15px;
}
.pushdown .title {
border-bottom: 1px solid #444;
color: #bbb;
font-family: Helvetica, Arial;
font-weight: bold;
font-size: 12px;
margin-bottom: 10px;
padding-bottom: 10px;
}
.pushdown ul {
}
.pushdown ul li {
color: #bbb;
font-size: 12px;
list-style-type: none;
position: relative;
}
.pushdown ul li:before {
background-image: url(../img/icon/bullet-gray-2x.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 5px 5px;
content: "";
display: inline-block;
height: 5px;
left: -15px;
position: absolute;
top: 8px;
width: 5px;
}
.pushdown ul li a {
color: #fff;
}
.pushdown ul li a:hover {
border-color: #fff;
}
#overlay {
background: #fff;
display: none;
height: 100%;
left: 0;
opacity: .7;
filter: alpha(opacity=70);
position: fixed;
top: 0;
width: 100%;
z-index: 2;
}
/* forms */
.smp input[type='text'],
.smp input[type='number'],
.smp input[type='password'],
.smp input[type='email'],
.smp input[type="search"],
.smp input[type="date"],
.smp input[type="tel"],
.smp textarea,
.smp select {
background: #d5d5d5;
border: 1px solid #ddd;
border-radius: 0;
color: #222;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
padding: 8px 12px;
width: 100%;
-webkit-appearance: none;
}
.smp input::-webkit-input-placeholder {
color: #777;
}
.smp input:-moz-placeholder {
color: #777;
}
.smp input::-moz-placeholder {
color: #777;
}
.smp input:-ms-input-placeholder {
color: #777;
}
.smp input::-webkit-outer-spin-button,
.smp input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.smp textarea {
min-height: 100px;
padding: 12px;
}
.smp textarea::-webkit-input-placeholder {
color: #777;
}
.smp textarea:-moz-placeholder {
color: #777;
}
.smp textarea::-moz-placeholder {
color: #777;
}
.smp textarea:-ms-input-placeholder {
color: #777;
}
.smp input[type="checkbox"],
.smp input[type="radio"] {
display: none;
}
.smp input[type="checkbox"] + label:before,
.smp input[type="radio"] + label:before {
background-image: url(../img/icon/checkbox-2x.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 32px 16px;
content: "";
display: inline-block;
height: 16px;
margin-left: -24px;
position: absolute;
top: 2px;
width: 16px;
}
.smp input[type="radio"] + label:before {
background-image: url(../img/icon/radio-button-2x.png);
}
.smp input[type="checkbox"]:checked + label:before,
.smp input[type="radio"]:checked + label:before {
background-position: -16px 0;
}
.smp select {
background-image: url(../img/icon/select-arrow-2x.png);
background-position: right center;
background-repeat: no-repeat;
background-size: 22px 5px;
padding-right: 27px;
}
@-moz-document url-prefix() { /* Hack to target Mozilla browsers and remove background-image applied to select elements */
.smp select {
background-image: none;
padding-right: 12px;
}
}
.smp fieldset {
margin-bottom: 20px;
}
.smp label {
color: #666;
display: block;
font-family: Helvetica, Arial;
font-weight: bold;
margin-bottom: 5px;
}
.smp label em {
color: #ff0000;
}
.smp label strong {
font-weight: bold;
}
.smp legend {
color: #666;
display: block;
font-family: Helvetica, Arial;
font-size: 16px;
font-weight: bold;
padding-bottom: 8px;
}
.smp .btn {
background: #0056a8;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
padding: 8px 20px;
text-align: center;
text-decoration: none;
width: auto;
}
.smp .btn:hover {
background: #666;
border: none;
}
.smp .field {
position: relative;
margin-bottom: 20px;
}
.smp .field.end {
margin-bottom: 0;
}
.smp .fields .field {
float: left;
}
.smp .field label {
display: none;
}
.smp .field.opt label {
display: inline-block;
padding-left: 24px;
}
.smp .fields.two {
}
.smp .fields.two.end .field {
margin-bottom: 0;
}
.smp .fields.two .field {
width: 50%;
}
.smp .fields.two .field:first-child {
padding-right: 10px;
}
.smp .fields.two .field:last-child {
padding-left: 10px;
}
.smp .field.single {
padding-right: 10px;
width: 50%;
}
.smp .fields.three {
}
.smp .fields.three .field {
width: 33.33%;
}
.smp .fields.three .field:first-child {
padding-right: 10px;
}
.smp .fields.three .field:nth-child(2) {
padding-left: 10px;
padding-right: 10px;
}
.smp .fields.three .field:last-child {
padding-left: 10px;
}
.smp .fields.city-state-zip {
}
.fields.city-state-zip .city {
padding-right: 10px;
width: 50%;
}
.fields.city-state-zip .state {
padding-left: 10px;
padding-right: 10px;
width: 25%;
}
.fields.city-state-zip .zip {
padding-left: 10px;
width: 25%;
}
.field.opt {
margin-bottom: 15px;
}
.field.opt.end {
margin-bottom: 0;
}
.field.opt label {
cursor: pointer;
font-weight: normal;
margin-bottom: 0;
}
.field.opt.check label {
font-family: Georgia, Helvetica, Arial;
}
.smp .field.error {
}
.smp .field.error input,
.smp .field.error select,
.smp .field.error textarea {
border: 1px solid #cc0000;
}
.smp .error-msg {
color: #cc0000;
display: none;
font-size: 12px;
margin-top: 2px;
}
.smp .field.date input {
background-image: url(../img/icon/calendar-2x.png);
background-position: right center;
background-repeat: no-repeat;
background-size: 27px 15px;
}
/* layout */
.wrapper {
margin: 0 auto;
max-width: 980px;
position: relative;
width: 93.75%;
}
/* fluid layout */
.col-wide {
float: left;
width: 65.30612%; /* 640 / 980 */
}
.col-narrow {
float: right;
width: 30.61224%; /* 300 / 980 */
}
/* fluid-fixed layout */
.col-wrapper {
float: left;
width: 100%;
}
.col-wrapper .col-wide {
float: none;
margin-right: 340px;
width: auto;
}
.col-narrow.fixed {
margin-left: -300px;
position: relative;
width: 300px;
}
/* fluid-fixed alternate layout (used in Portal Main - Unauthenticated) */
.col-wrapper.alt {
}
.col-wrapper.alt .col-wide {
float: none;
margin-right: 380px;
width: auto;
}
.col-narrow.alt.fixed {
margin-left: -340px;
width: 340px;
}
.col-narrow.alt.fixed .containernew {
background: #f1f1f1;
border: 1px solid #e8e8e8;
padding: 25px;
position: relative;
}
.col-narrow.stand-out {
position: relative;
z-index: 3;
}
#content {
padding: 25px 0 75px;
}
/* header */
.smp header.global {
}
.smp header.global nav.utility {
background: #eee;
border-bottom: 1px solid #ccc;
height: 33px;
padding: 8px 0;
}
.smp header.global nav.utility a {
color: #666;
}
.smp header.global nav.utility .back {
float: left;
font-family: Helvetica, Arial;
font-size: 11px;
font-weight: bold;
height: 16px;
line-height: 16px;
}
.smp header.global nav.utility .back:hover {
border-bottom: none;
}
.smp header.global nav.utility .back:before {
background-image: url(../img/icon/arrows-2x.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 32px 30px;
content: "";
display: inline-block;
height: 10px;
opacity: .6;
margin-right: 10px;
position: relative;
top: -1px;
vertical-align: middle;
width: 6px;
}
.smp header.global nav.utility .back:hover:before {
opacity: .9;
}
.smp header.global nav.account {
float: right;
height: 16px;
line-height: 16px;
}
.smp header.global nav.account li {
color: #666;
float: left;
font-family: Helvetica, Arial;
font-size: 11px;
margin-right: 10px;
}
.smp header.global nav.account .user {
color: #666;
font-weight: bold;
}
.smp header.global nav.account .user:after {
border-left: 1px solid #ccc;
content: "";
margin-left: 10px;
}
.smp header.global nav.account .sign-out {
margin-right: 0;
}
.smp header.global .account-dropdown {
background: #eee;
border: 1px solid #ccc;
display: none;
padding: 25px;
position: absolute;
right: 0;
top: 32px;
width: 200px;
z-index: 1;
}
.smp header.global .account-dropdown .btn {
color: #fff;
display: block;
text-align: center;
}
.smp header.global .branding {
background-image: url(../img/bg/triple-line-2x.png);
background-position: left bottom;
background-repeat: repeat-x;
background-size: 1px 5px;
padding: 25px 0;
position: relative;
}
.smp #logo {
background-position: 0 0;
background-repeat: no-repeat;
display: block;
margin: 0 auto 10px;
text-indent: -9999px;
}
.smp #logo:hover {
border-bottom: none;
}
.smp header.global .branding .date {
color: #222;
font-size: 12px;
font-weight: bold;
line-height: 1;
margin-bottom: 0;
text-align: center;
}
.smp header.global .branding p {
color: #666666;
font-size: 22px;
font-weight: bold;
line-height: 1;
margin-bottom: 0;
text-align: center;
}
.smp header.global nav.global {
background-image: url(../img/bg/triple-line-2x.png);
background-position: left bottom;
background-repeat: repeat-x;
background-size: 1px 5px;
padding-bottom: 5px;
}
.smp header.global nav.main {
}
.smp header.global nav.main ul {
float: left;
}
.smp header.global nav.main ul li {
float: left;
font-size: 16px;
margin-right: 50px;
position: relative;
}
.smp header.global nav.main ul li:last-child {
margin-right: 0;
}
.smp header.global nav.main ul li a,
.smp header.global nav.main ul li span {
color: #222;
display: inline-block;
padding: 15px 0;
}
.smp header.global nav.main ul li a.current {
color: #0056a8;
}
.smp header.global nav.main ul li span {
cursor: pointer;
}
.smp header.global nav.main ul li a:hover,
.smp header.global nav.main ul li span:hover {
border-bottom: none;
color: #666666;
}
.smp header.global nav.main .e-edition {
color: #666;
float: right;
font-size: 16px;
padding: 15px 0;
}
.smp header.global nav.main .e-edition:hover {
border-bottom: none;
color: #666666;
}
.smp header.global nav.subnav {
border-top: 1px solid #ccc;
/*display: none;*/
}
.smp header.global nav.subnav ul {
display: none;
}
.smp header.global nav.subnav ul li {
float: left;
font-family: Helvetica;
font-size: 14px;
margin-right: 50px;
}
.smp header.global nav.subnav ul li:last-child {
margin-right: 0;
}
.smp header.global nav.subnav ul li a {
color: #222;
display: inline-block;
padding: 15px 0;
}
.smp header.global nav.subnav ul li.active a {
color: #999;
}
.smp header.global nav.subnav ul li a:hover {
border-bottom: none;
color: #999;
}
/* footer */
.smp footer.global {
background: #eee;
border-top: 1px solid #ccc;
padding: 10px 0;
}
.smp footer.global .header {
/*border-bottom: 1px solid #ccc;
margin-bottom: 30px;
padding-bottom: 8px;*/
}
.smp footer.global .wrapper {
width: 100%;
text-align: center;
}
.smp footer.global .header .logo {
background-position: 0 0;
background-repeat: no-repeat;
display: block;
float: left;
text-indent: -9999px;
}
.smp footer.global .header .logo:hover {
border-bottom: none;
}
.smp footer.global .header .top {
color: #999;
float: right;
font-family: Helvetica, Arial;
font-size: 12px;
font-weight: bold;
}
.smp footer.global .header .top:hover {
border-bottom: none;
color: #222;
}
.smp footer.global .header .top:after {
background-image: url(../img/icon/scroll-arrows-2x.png);
background-position: 0 -10px;
background-repeat: no-repeat;
background-size: 16px 30px;
content: "";
display: inline-block;
height: 10px;
margin-left: 5px;
position: relative;
top: -1px;
vertical-align: middle;
width: 8px;
}
.smp footer.global .header .top:hover:after {
background-position: 0 0;
}
.smp footer.global nav.links {
margin-bottom: 30px;
}
.smp footer.global nav.links:last-child {
margin-bottom: 0;
}
.smp footer.global nav.links h3 {
border-right: 1px solid #666;
color: #666;
float: left;
font-family: Helvetica, Arial;
font-size: 14px;
font-weight: bold;
line-height: 14px;
margin: 0 20px 0 0;
padding-right: 20px;
}
.smp footer.global nav.links ul {
float: left;
}
.smp footer.global nav.links li {
float: left;
font-family: Helvetica, Arial;
font-size: 12px;
line-height: 14px;
margin-right: 12px;
}
.smp footer.global nav.links li a {
color: #666;
}
.smp footer.global nav.starts li a {
color: #333;
}
.smp footer.global nav.links li a:hover {
border-bottom: none;
color: #222;
}
.smp footer.global nav.links li a span.connect {
vertical-align: top;
}
.smp footer.global .copyright {
border-top: 1px solid #ccc;
padding-top: 20px;
}
.smp footer.global img {
float: left;
max-width: 140px;
}
.smp footer.global .copyright p {
color: #666;
float: right;
font-family: Helvetica, Arial;
font-size: 10px;
font-weight: bold;
line-height: 1;
margin-bottom: 0;
}
/* modules */
.module {
margin-bottom: 40px;
position: relative;
}
.module:last-child {
margin-bottom: 0;
}
.module h4 {
border-bottom: 1px solid #ccc;
color: #000;
font-family: Helvetica, Arial;
font-size: 16px;
font-weight: bold;
line-height: 1;
margin-bottom: 20px;
padding-bottom: 20px;
}
.module fieldset {
margin-bottom: 0;
}
/* module | sign in */
.module.sign-in {
border-bottom: 1px solid #ccc;
margin-bottom: 30px;
overflow: hidden;
padding-bottom: 30px;
}
.module.sign-in h3,
.module.sign-up h3 {
font-family: Helvetica, Arial;
font-weight: bold;
text-transform: capitalize;
}
.module.sign-in p {
color: #666;
}
.module.sign-in p .more {
color: #000;
font-style: italic;
font-weight: bold;
}
.module.sign-in .forgot-pass {
color: #000;
float: right;
font-size: 12px;
font-style: italic;
font-weight: bold;
position: relative;
top: 6px;
}
.module.sign-in .field label {
display: block;
font-family: "Antenna";
font-weight: 500;
}
.module.sign-in .remember-me {
}
.module.sign-in .sync-login .messagearea .title {
font-family: Helvetica, Arial;
font-size: 20px;
font-weight: bold;
line-height: 30px;
}
.module.sign-in .sync-login .messagearea .message {
font-family: "SourceSansPro-Regular";
font-size: 14px;
color: #444;
line-height: 18px;
margin-top: 18px;
margin-bottom: 14px;
}
.module.sign-in .sync-login .loginbutton-container {
width: 100%;
margin-top: 20px;
}
.module.sign-in .sync-login button {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
height: 36px;
margin: 0 auto;
background-color: #0056a8;
display: inline;
padding: 8px 20px;
min-width: 150px;
}
.module.sign-in .sync-login button:disabled {
background-color: #777;
}
.module.sign-in .sync-login .forgot-pass {
float: left;
top: 10px;
}
.module.sign-in .external-login {
margin-top: 20px;
}
/* module | sign up */
.module.sign-up {
background-image: url(../img/bg/triple-line.png);
background-position: left bottom;
background-repeat: repeat-x;
background-size: 1px 5px;
margin-bottom: 20px;
padding-bottom: 35px;
}
.module.sign-up p {
color: #666;
}
/* module | faqs */
.module.faqs {
background-image: url(../img/bg/triple-line.png);
background-position: left bottom;
background-repeat: repeat-x;
background-size: 1px 5px;
margin-bottom: 20px;
padding-bottom: 20px;
}
.module.faqs li {
font-family: Georgia, Helvetica, Arial;
font-size: 14px;
margin-bottom: 10px;
}
.module.faqs li a {
color: #000;
}
.module.faqs .all {
color: #333;
font-size: 13px;
font-style: italic;
font-weight: bold;
}
/* module | change password */
.module.change-password {
border-bottom: 1px solid #ccc;
margin-bottom: 30px;
overflow: hidden;
padding-bottom: 30px;
}
.module.change-password h3 {
font-family: Helvetica, Arial;
font-weight: bold;
text-transform: capitalize;
}
.module.change-password p {
color: #666;
}
.module.change-password p .more {
color: #000;
font-style: italic;
font-weight: bold;
}
.module.change-password .field label {
display: block;
font-family: "Antenna";
font-weight: 500;
}
.module.change-password .sync-change-password .messagearea .title {
font-family: Helvetica, Arial;
font-size: 20px;
font-weight: bold;
line-height: 30px;
}
.module.change-password .sync-change-password .messagearea .message {
font-family: "SourceSansPro-Regular";
font-size: 14px;
color: #444;
line-height: 18px;
margin-top: 18px;
margin-bottom: 14px;
}
.module.change-password .sync-change-password .changepasswordbutton-container {
width: 100%;
margin-top: 20px;
}
.module.change-password .sync-change-password button {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
height: 36px;
margin: 0 auto;
background-color: #0056a8;
display: inline;
padding: 8px 20px;
min-width: 150px;
}
.module.change-password .sync-change-password button:disabled {
background-color: #777;
}
/* module | help */
.module.help {
}
.module.help li {
font-family: Helvetica, Arial;
font-size: 14px;
line-height: 1;
margin-bottom: 20px;
}
.module.help li:last-child {
margin-bottom: 0;
}
.module.help li a {
}
.module.help li a:hover {
border-bottom: none;
color: #666666;
}
.module.help li a:before,
.module.help li span:before {
background-image: url(../img/icon/help-2x.png);
background-repeat: no-repeat;
content: "";
display: inline-block;
height: 15px;
margin-right: 12px;
position: relative;
top: -1px;
vertical-align: middle;
width: 15px;
}
.module.help li.chat a:before {
background-position: 0 0;
background-size: 45px 15px;
}
.module.help li.email a:before {
background-position: -15px 0;
background-size: 45px 15px;
}
.module.help li.phone a:before,
.module.help li.phone span:before {
background-position: -30px 0;
background-size: 45px 15px;
}
.module.help li.phone span a:before {
display: none;
}
.module.help li.phone span a {
display: inline-block;
padding: 0;
}
/* module | contact */
.module.contact {
background-image: url(../img/bg/triple-line.png);
background-position: left bottom;
background-repeat: repeat-x;
background-size: 1px 5px;
margin-bottom: 20px;
padding-bottom: 25px;
}
.module.contact h5 {
font-family: Helvetica;
font-weight: bold;
margin-bottom: 5px;
}
.module.contact .vcard {
color: #666;
font-family: Helvetica;
line-height: 18px;
margin-bottom: 20px;
}
.module.contact .vcard:last-child {
margin-bottom: 0;
}
.module.contact .vcard .street-address {
display: block;
}
/* Template: Portal Main - Unauthenticated */
.account-services-listing {
background-image: url(../img/bg/triple-line.png);
background-position: left bottom;
background-repeat: repeat-x;
background-size: 1px 5px;
margin-bottom: 30px;
padding-bottom: 30px;
}
.account-services-listing h2 {
font-weight: bold;
margin-bottom: 30px;
padding-right: 100px;
}
.account-services-listing .copy {
float: right;
width: 44%; /* 274 -10 / 600 */
}
.account-services-listing .check-list {
margin-bottom: 10px;
}
.account-services-listing .check-list li {
color: #666;
font-size: 16px;
}
.account-services-listing .check-list li:before {
top: 4px;
}
.account-services-listing .image {
float: left;
width: 54.33333%; /* 326 / 600 */
}
.account-services-listing .note {
color: #999;
font-size: 12px;
font-style: italic;
line-height: 16px;
padding-left: 20px;
}
.not-a-subscriber {
}
.not-a-subscriber h2 {
margin-bottom: 15px;
padding-right: 100px;
}
.not-a-subscriber h2 a {
color: #000;
}
.not-a-subscriber h2 a:after {
background-image: url(../img/icon/arrow-right-double-2x.png);
background-position: right center;
background-repeat: no-repeat;
background-size: 12px 10px;
content: "";
display: inline-block;
height: 10px;
position: relative;
right: -10px;
width: 12px;
}
.not-a-subscriber h2 strong {
font-weight: bold;
}
.not-a-subscriber p {
color: #666;
font-size: 16px;
line-height: 22px;
padding-right: 100px;
}
.not-a-subscriber .subscriber-devices {
margin-bottom: 30px;
}
.not-a-subscriber .subscriber-devices img {
display: block;
margin: 0 auto;
}
.not-a-subscriber .btn {
min-width: 150px;
}
.your-profile {
}
.your-profile .header {
border-style: solid;
border-width: 1px;
border-color: transparent;
}
.your-profile .header .account-information {
margin-bottom: 20px;
}
.your-profile .header .account-information p {
color: #666;
float: left;
font-size: 15px;
line-height: 1;
margin-bottom: 0;
}
.your-profile .header .account-information .account-holder {
font-weight: bold;
}
.your-profile .header .account-information .account-number {
margin-left: 10px;
}
.your-profile .header .account-information .account-number:before {
border-left: 1px solid #999;
content: "";
display: inline-block;
height: 10px;
padding-left: 8px;
width: 1px;
}
.your-profile .your-profile-information {
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
margin-bottom: 20px;
margin-top: 20px;
}
.your-profile .profile-information p {
margin-right: 20px;
}
.your-profile .profile-information .btn {
float: left;
min-width: 150px;
}
.no-subscriptions {
}
.no-subscriptions .header {
margin-bottom: 30px;
}
.no-subscriptions .header .account-information {
margin-bottom: 20px;
}
.no-subscriptions .header .account-information p {
color: #666;
float: left;
font-size: 15px;
line-height: 1;
margin-bottom: 0;
}
.no-subscriptions .header .account-information .account-holder {
font-weight: bold;
}
.no-subscriptions .header .account-information .account-number {
margin-left: 10px;
}
.no-subscriptions .header .account-information .account-number:before {
border-left: 1px solid #999;
content: "";
display: inline-block;
height: 10px;
padding-left: 8px;
width: 1px;
}
.no-subscriptions .no-subscriptions-information {
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
margin-bottom: 20px;
margin-top: 20px;
}
.no-subscriptions .subscription-options p {
margin-right: 20px;
}
.no-subscriptions .subscription-options .btn {
min-width: 150px;
}
.get-started-tip {
background-image: url(../img/bg/get-started-tip-2x.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 242px 128px;
color: #fff;
display: none;
font-family: Helvetica;
font-size: 16px;
font-weight: bold;
height: 128px;
left: -252px;
padding: 20px 40px 20px 20px;
position: absolute;
top: 10px;
width: 242px;
z-index: 3;
}
.get-started-tip span {
display: block;
font-size: 18px;
margin-bottom: 5px;
text-transform: uppercase;
}
/* Template: Authentication - Portal & Site - Sign In */
.portal-sign-in {
}
.portal-sign-in .sign-in,
.portal-sign-in .sign-up {
background: #f1f1f1;
border: 1px solid #e8e8e8;
padding: 25px;
}
.portal-sign-in .sign-in h1 {
margin-bottom: 5px;
}
.portal-sign-in .sign-in fieldset {
margin-bottom: 0;
}
.portal-sign-in .sign-in .forgot-pass {
float: right;
}
.portal-sign-in .sign-in .btn,
.portal-sign-in .sign-up .btn {
min-width: 140px;
}
.portal-sign-in .sign-up h2 {
margin-bottom: 5px;
}
.portal-sign-in .sign-in form {
overflow: hidden;
}
/* Template: Authentication - Portal & Site - Forgot Password */
.forgot-password {
}
.forgot-password p a {
font-style: italic;
font-weight: bold;
}
/* Template: Authentication - Portal & Site - Verify Subscription */
.create-account {
}
.create-account .page-title .page-description p {
margin-bottom: 0;
}
.create-account fieldset p.note {
margin-bottom: 15px;
}
.create-account .field.look-up-option {
margin-bottom: 0;
padding-right: 10px;
width: 50%;
}
.create-account .subscription-options {
}
.create-account .subscription-options .option {
display: none;
margin-top: 20px;
}
.create-account .subscription-options .option .tip {
margin-top: 5px;
}
.create-account .subscription-options .option .field.single {
margin-bottom: 0;
}
.create-account .password-note {
color: #999;
font-size: 12px;
font-style: italic;
line-height: 16px;
margin: 5px 0 0 0;
}
/* Template: Portal Main - Authenticated */
.subscription {
}
.subscription .header {
margin-bottom: 30px;
}
.subscription .header h2 {
color: #000;
font-size: 30px;
line-height: 36px;
margin-bottom: 10px;
}
.subscription .header .account-information {
margin-bottom: 20px;
}
.subscription .header .account-information p {
color: #666;
float: left;
font-size: 15px;
line-height: 1;
margin-bottom: 0;
}
.subscription .header .account-information .account-holder {
font-weight: bold;
}
.subscription .header .account-information .account-number,
.subscription .header .account-information .account-address {
margin-left: 10px;
}
.subscription .header .account-information .account-number:before,
.subscription .header .account-information .account-address:before {
border-left: 1px solid #999;
content: "";
display: inline-block;
height: 10px;
padding-left: 8px;
width: 1px;
}
.subscription .hero {
}
.subscription .hero .section-title {
margin-bottom: 20px;
}
.subscription .hero .hero-copy {
float: left;
margin-bottom: 20px;
width: 42.03125%; /* 279 -10 / 640 */
}
.subscription.adp-only .hero .hero-copy {
width: 42.96875%; /* 285 -10 / 640 */
}
.subscription.home-only .hero .hero-copy {
width: 47.65625%; /* 315 -10 / 640 */
}
.subscription .hero .hero-copy p {
color: #222;
font-size: 15px;
line-height: 22px;
margin-bottom: 10px;
}
.subscription .hero .hero-copy ul {
margin-bottom: 10px;
}
.subscription .hero .hero-copy ul li {
color: #222;
font-size: 15px;
line-height: 21px;
margin-bottom: 5px;
}
.subscription .hero .hero-copy ul li sup {
font-size: 50%;
vertical-align: super;
}
.subscription .hero .hero-copy .more {
color: #282828;
font-size: 13px;
font-style: italic;
font-weight: bold;
}
.subscription .hero .hero-image {
float: right;
width: 56.40625%; /* 361 / 640 */
}
.subscription.adp-only .hero .hero-image {
width: 55.46875%; /* 355 / 640 */
}
.subscription.home-only .hero .hero-image {
width: 50.78125%; /* 325 / 640 */
}
.subscription .promo {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 25px;
text-align: center;
margin-bottom: 40px;
}
.subscription .promo a {
color: #0056a8;
font-size: 17px;
}
.subscription .promo a:after {
background-image: url(../img/icon/arrow-right-double-2x.png);
background-position: right center;
background-repeat: no-repeat;
background-size: 12px 10px;
content: "";
display: inline-block;
height: 10px;
position: relative;
right: -10px;
width: 12px;
}
.subscription .promo a strong {
font-weight: bold;
}
.subscription .account-services {
margin-bottom: 40px;
overflow: auto;
}
.subscription .account-services .options {
background: #eee;
border: 1px solid #ccc;
padding: 20px 15px 15px 15px;
width: 49.21875%; /* 315 / 640 */
}
.subscription .account-services .options.home-delivery {
float: left;
}
.subscription .account-services .options.billing {
float: right;
}
.subscription.adp-only .account-services .options.billing {
float: none;
min-height: auto;
width: 100%;
}
.subscription .account-services .options .title {
}
.subscription .account-services .options .title h3 {
border-bottom: 1px solid #ccc;
color: #000;
font-size: 20px;
line-height: 1;
margin-bottom: 20px;
padding-bottom: 20px;
}
.subscription.adp-only .account-services .options .title h3 {
margin-bottom: 0;
}
.subscription .account-services .options .title h3:before {
background-position: 0 0;
background-repeat: no-repeat;
content: "";
display: inline-block;
padding-right: 12px;
position: relative;
top: -2px;
vertical-align: middle;
}
.subscription .account-services .options.home-delivery .title h3:before {
background-image: url(../img/icon/home-2x.png);
background-size: 18px 17px;
height: 17px;
width: 18px;
margin-right: 10px;
}
.subscription .account-services .options.billing .title h3:before {
background-image: url(../img/icon/billing-2x.png);
background-size: 21px 21px;
height: 21px;
width: 21px;
margin-right: 10px;
}
.subscription .account-services .options .title p {
color: #999;
font-family: Georgia, Helvetica, Arial;
font-size: 14px;
margin-bottom: 15px;
}
.subscription .account-services .options ul {
}
.subscription .account-services .options ul li {
font-family: Helvetica, Arial;
font-size: 14px;
margin-bottom: 10px;
}
.subscription .account-services .options ul li:last-child {
margin-bottom: 0;
}
.subscription .account-services .options ul li a {
color: #333;
}
.subscription .pay-now {
border-bottom: 1px solid #ccc;
margin-bottom: 15px;
padding-bottom: 15px;
}
.subscription.adp-only .account-services .pay-now {
padding: 20px 0;
}
.subscription .pay-now .copy {
float: left;
}
.subscription.adp-only .account-services .pay-now .copy {
line-height: 32px;
width: 75%; /* 480 / 640 */
}
.subscription .pay-now span {
color: #666666;
display: block;
font-family: Helvetica, arial;
font-size: 14px;
text-transform: uppercase;
}
.subscription.adp-only .account-services .pay-now span {
float: left;
margin-right: 10px;
}
.subscription .pay-now p {
color: #999;
font-size: 14px;
margin-bottom: 0;
}
.subscription.adp-only .account-services .pay-now p {
float left;
}
.subscription .pay-now .btn {
float: right;
}
.subscription.adp-only .account-services .pay-now .btn {
height: 32px;
line-height: 32px;
text-align: center;
padding: 0;
width: 110px;
}
/* Template: Authentication - Reset Password Confirmation */
.reset-password {
}
.reset-password .tip {
margin-top: 5px;
}
.reset-password .button-container {
}
.reset-password .button-container .read-news {
display: inline-block;
margin-right: 20px;
}
.reset-password .button-container .manage-subscription {
display: inline-block;
}
/* Template: Profile - Profile & Email Preferences */
.your-profile {
}
.your-profile fieldset {
margin-bottom: 0;
}
.your-profile .settings {
border-bottom: 1px solid #ccc;
margin-bottom: 30px;
padding-bottom: 30px;
}
.your-profile .change-password {
display: none;
margin-top: 10px;
}
.your-profile .password-note {
color: #999;
font-size: 12px;
font-style: italic;
line-height: 16px;
margin: 10px 0 0 0;
}
/* Template: My Services - Request Vacation Hold */
.pause-home-delivery {
}
.pause-home-delivery .donate-option {
padding-left: 30px;
}
/* Template: My Services - Report a Delivery Issue */
.report-delivery-issue {
}
/* Template: Billing - Make a One-Time Payment */
.one-time-payment {
}
.payment-for,
.current-payment {
border-bottom: 1px solid #ccc;
padding-bottom: 30px;
}
.payment-for .section-title,
.payment-amount .section-title {
margin-bottom: 5px;
}
.payment-for p,
.current-payment p {
font-family: Helvetica, Arial;
font-size: 15px;
}
.payment-for p strong {
font-weight: bold;
}
.one-time-payment .payment-amount {
border-bottom: 1px solid #ccc;
padding-bottom: 30px;
}
.one-time-payment .payment-amount .payment-due {
color: #666;
font-family: Helvetica, Arial;
}
.one-time-payment .payment-amount .payment-due strong {
font-weight: bold;
}
.one-time-payment .payment-amount .field.text {
}
.one-time-payment .payment-amount .field.text label {
color: #222;
display: block;
float: left;
height: 30px;
line-height: 30px;
margin: 0 10px 0 0;
width: 145px;
}
.one-time-payment .payment-amount .field em {
color: #666;
display: inline-block;
float: left;
font-family: Helvetica, Arial;
font-size: 14px;
font-weight: bold;
height: 30px;
line-height: 30px;
margin-right: 10px;
}
.one-time-payment .payment-amount .field.text input {
float: left;
height: 30px;
line-height: 30px;
padding: 0 6px;
width: 130px;
}
.one-time-payment .payment-amount .field .whats-this {
cursor: pointer;
font-size: 12px;
font-style: italic;
font-weight: bold;
left: 0;
position: absolute;
top: 20px;
}
.one-time-payment .payment-amount .optional-charges-selection label {
color: #222;
font-family: Georgia;
}
.one-time-payment .payment-amount .optional-charges {
display: none;
margin: 20px 0 0 0;
padding-left: 25px;
}
.one-time-payment .payment-amount .optional-charges .field {
margin-bottom: 20px;
}
.one-time-payment .payment-amount .optional-charges .field.text label {
width: 120px;
}
.one-time-payment .payment-amount .optional-charges .pushdown {
margin-bottom: 20px;
}
.one-time-payment .payment-amount .optional-charges .pushdown .inner {
padding: 10px;
}
.one-time-payment .payment-amount .optional-charges .pushdown p {
color: #999;
font-size: 12px;
}
.one-time-payment .payment-amount .optional-charges .amount {
margin-bottom: 0;
}
.one-time-payment .payment-amount .optional-charges .amount span {
color: #666;
display: inline-block;
height: 30px;
line-height: 30px;
}
.one-time-payment .payment-amount .optional-charges .amount .label {
color: #222;
float: left;
font-family: Helvetica, Arial;
font-weight: bold;
margin-right: 10px;
width: 120px;
}
.one-time-payment .payment-amount .optional-charges .amount em {
color: #666;
display: inline-block;
float: left;
font-family: Helvetica, Arial;
font-size: 14px;
font-weight: bold;
height: 30px;
line-height: 30px;
margin-right: 10px;
}
.one-time-payment .payment-amount .optional-charges .amount .value {
color: #222;
font-family: Helvetica, Arial;
font-weight: bold;
height: 30px;
line-height: 30px;
padding: 0 7px;
}
.payment-methods .section-title {
margin-bottom: 25px;
}
.payment-options {
}
.payment-options .field.opt {
float: left;
line-height: 32px;
margin-right: 25px;
}
.payment-options .field.opt.bank-account {
margin-right: 0;
}
.payment-options .field.opt label {
padding-left: 31px;
}
.payment-options .field.opt input[type="radio"] + label:before {
left: 24px;
top: 8px;
}
.payment-options .field.opt input {
vertical-align: middle;
}
.payment-options .field.credit-card {
}
.payment-options .field.credit-card input {
float: left;
}
.payment-options .field.credit-card {
}
.payment-options .card-types {
float: left;
}
.payment-options .card-types li {
background-image: url(../img/icon/credit-cards-2x.png);
background-repeat: no-repeat;
background-size: 200px 32px;
display: block;
float: left;
margin-right: 5px;
height: 32px;
text-indent: -9999px;
width: 50px;
transition: all 0.3s ease;
}
.payment-options .card-types li.vi {
background-position: 0 0;
}
.payment-options .card-types li.mc {
background-position: -50px 0;
}
.payment-options .card-types li.ax {
background-position: -100px 0;
}
.payment-options .card-types li.di {
background-position: -150px 0;
margin-right: 0;
}
.payment-options .card-types li.disabled {
opacity: .3;
}
.payment-method {
display: none;
min-height: 175px;
}
.payment-method fieldset {
width: 340px;
}
.payment-method.credit-card {
}
.payment-method.credit-card .field.card-security {
float: left;
margin: 0 10px 5px 0;
}
.payment-method.credit-card .ccv-example {
background-image: url(../img/icon/credit-card-ccv-2x.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 107px 32px;
display: block;
float: left;
height: 32px;
position: relative;
text-indent: -9999px;
top: 2px;
width: 107px;
}
.payment-method.credit-card .note {
clear: both;
color: #999;
font-size: 12px;
margin-bottom: 0;
}
.payment-method.bank-account {
}
.payment-method.bank-account .note {
color: #999;
font-size: 12px;
margin: 2px 0 -10px 0;
}
.payment-method.bank-account .field.bank-routing-number,
.payment-method.bank-account .field.bank-account-number {
float: left;
margin-right: 12px;
width: 252px;
}
.payment-method.bank-account .check-example {
background-image: url(../img/icon/check-numbers-2x.png);
background-size: 151px 34px;
background-repeat: no-repeat;
display: block;
height: 34px;
float: left;
text-indent: -9999px;
width: 76px;
}
.payment-method.bank-account .check-example.routing {
background-position: 0 0;
}
.payment-method.bank-account .check-example.account {
background-position: -76px 0;
}
.ez-pay-enroll {
margin-top: 50px;
}
.one-time-payment .button-container {
}
.one-time-payment .total-amount {
color: #222;
font-family: Helvetica, Arial;
font-weight: bold;
margin-bottom: 15px;
}
.one-time-payment .button-container .btn,
.recurring-payments .button-container .btn {
float: left;
}
.button-container .secured {
color: #666;
display: block;
float: left;
font-family: Helvetica, Arial;
line-height: 35px;
margin-left: 30px;
text-transform: uppercase;
}
.button-container .secured:before {
background-image: url(../img/icon/secured-2x.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 10px 12px;
content: "";
display: inline-block;
height: 12px;
opacity: .6;
padding-left: 10px;
width: 10px;
}
/* Template: Billing - Change Billing Address */
.change-billing-address {
}
.current-address {
border-bottom: 1px solid #ccc;
margin-bottom: 30px;
padding-bottom: 30px;
}
.current-address .section-title {
margin-bottom: 5px;
}
.current-address p {
font-family: Helvetica, Arial;
}
/* Template: Billing - Sign up for Paperless e-Billing */
.paperless-e-billing {
}
.paperless-e-billing .page-title {
margin-bottom: 20px;
}
/* Template: Billing - Recurring Payments */
.gift-preference {
border-top: 1px solid #ccc;
padding-top: 30px;
}
/* Template: Help & Service - FAQs */
.faqs {
}
.faqs .topics {
border-bottom: 1px solid #ccc;
padding-bottom: 25px;
}
.faqs .topics p {
font-family: Helvetica;
font-size: 20px;
line-height: 1;
font-weight: bold;
margin-bottom: 10px;
}
.faqs .topics li {
font-family: Helvetica;
margin-bottom: 5px;
}
.faqs .topics li:last-child {
margin-bottom: 0;
}
.faqs .topics li a {
}
.faqs section {
border-bottom: 1px solid #ccc;
margin-bottom: 0;
padding: 30px 0 5px 0;
}
.faqs section:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.faqs section .top {
color: #666;
float: right;
font-family: Helvetica;
font-size: 12px;
font-weight: bold;
}
.faqs section .top:hover {
border-bottom: none;
color: #222;
}
.faqs section .top:after {
background-image: url(../img/icon/scroll-arrows-2x.png);
background-position: 0 -10px;
background-repeat: no-repeat;
background-size: 16px 30px;
content: "";
display: inline-block;
height: 10px;
margin-left: 5px;
position: relative;
top: -2px;
vertical-align: middle;
width: 8px;
}
.faqs section .top:hover:after {
background-position: 0 0;
}
.faqs .faq {
color: #666;
margin-bottom: 0;
padding: 10px 0;
}
.faqs .faq:last-child {
margin-bottom: 0;
}
.faqs .faq.open {
background: #eee;
margin: 0 -15px 10px;
padding: 10px 15px;
}
.faqs .faq sup {
font-size: 50%;
vertical-align: super;
}
.faqs .faq .q {
cursor: pointer;
font-size: 16px;
line-height: 24px;
}
.faqs .faq .a {
display: none;
font-family: Helvetica;
}
.faqs .faq.last .a {
border-bottom: none;
padding-bottom: 0;
}
.faqs .faq .a p {
}
.faqs .faq ol {
margin-left: 20px;
}
.faqs .faq ol li {
list-style: decimal outside;
margin-bottom: 10px;
}
.faqs .faq ol ol {
margin-left: 20px;
}
.faqs .faq ol ol li {
list-style: lower-alpha outside;
}
.faqs .faq ol ol ol li {
list-style: lower-roman outside;
}
/* Template: Help & Service - Feedback */
.feedback {
}
/* Template: Help & Service - Education Edition */
.education-edition {
}
/* Template: Star Access */
.star-access {
overflow: hidden;
}
.star-access section {
background-image: url(../img/bg/triple-line-2x.png);
background-position: left bottom;
background-repeat: repeat-x;
background-size: 1px 5px;
padding-bottom: 45px;
}
.star-access h1,
.star-access h2 {
color: #222;
font-size: 30px;
line-height: 35px;
margin-bottom: 20px;
}
.star-access h3 {
font-family: Helvetica;
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
text-align: center;
}
.star-access h4 {
color: #222;
font-size: 14px;
text-transform: uppercase;
}
.star-access h4 span {
text-transform: none;
}
.star-access .sub-text {
margin: 0 auto 50px;
text-align: center;
width: 65%;
}
.star-access .top {
color: #666;
float: right;
font-family: Helvetica;
font-size: 12px;
font-weight: bold;
}
.star-access .top:hover {
border-bottom: none;
color: #222;
}
.star-access .top:after {
background-image: url(../img/icon/scroll-arrows-2x.png);
background-position: 0 -10px;
background-repeat: no-repeat;
background-size: 16px 30px;
content: "";
display: inline-block;
height: 10px;
margin-left: 5px;
position: relative;
top: -2px;
vertical-align: middle;
width: 8px;
}
.star-access .top:hover:after {
background-position: 0 0;
}
.star-access .access {
}
.star-access .access h1 {
text-align: center;
}
.star-access .access img {
display: block;
margin: 0 auto 10px;
}
.star-access .access .content-wrapper {
margin: 0 auto;
width: 84.48979%; /* 828 / 980 */
}
.star-access .access ul {
}
.star-access .access ul li {
float: left;
padding: 0 20px;
/* word-wrap: break-word; */
width: 25%;
}
.star-access .access ul li:first-child {
padding-left: 0;
}
.star-access .access ul li:last-child {
padding-right: 0;
}
.star-access .coverage {
background-image: none;
padding-bottom: 0;
}
.star-access .coverage h2 {
text-align: center;
}
.star-access .coverage .sub-text {
width: 50%;
}
.star-access .coverage .image {
border-bottom: 1px solid #dfdfdf;
margin: 0 auto 40px;
width: 86.73469%; /* 850 / 980 */
}
.star-access .coverage .image img {
display: block;
margin: 0 auto;
}
.star-access .columnists {
padding-bottom: 15px;
}
.star-access .columnists ul {
margin-bottom: 30px;
}
.star-access .columnists ul li {
float: left;
margin-right: 0;
padding: 0 25px;
text-align: center;
width: 33.33%;
}
.star-access .columnists ul li:last-child {
margin-right: 0;
}
.star-access .columnists ul li img {
display: block;
margin: 0 auto 10px;
}
.star-access .columnists ul li h4 {
margin-bottom: 10px;
}
.star-access .columnists ul li p {
margin-bottom: 10px;
}
.star-access .columnists ul li a {
color: #222;
font-weight: bold;
font-style: italic;
}
.star-access .member {
background-image: none;
padding-bottom: 0;
}
.star-access .member .copy {
float: left;
width: 32.65306%; /* 320 / 980 */
}
.star-access .member .copy .sub-title {
font-family: Helvetica;
font-size: 18px;
line-height: 25px;
font-weight: bold;
}
.star-access .member .copy .stand-out {
font-family: Helvetica;
font-size: 16px;
line-height: 25px;
font-weight: bold;
margin-bottom: 0;
}
.star-access .member .copy .stand-out.alt {
margin-bottom: 20px;
}
.star-access .member .copy p {
font-size: 15px;
line-height: 23px;
}
.star-access .member .copy .btn {
min-width: 200px;
}
.star-access .member .devices {
float: right;
margin-top: -5%;
text-align: center;
width: 58.46938%; /* 573 / 980 */
}
.star-access .member .devices img {
display: block;
margin: 0 auto;
}
.star-access .member .devices ul {
display: table;
width: 100%;
}
.star-access .member .devices ul li {
display: table-cell;
font-style: italic;
font-weight: bold;
width: 33.33%;
}
.star-access .member .devices ul li:first-child {
text-align: left;
}
.star-access .member .devices ul li:last-child {
text-align: right;
}
/* date picker */
.picker__nav--prev,
.picker__nav--next {
height: auto !important;
}
.picker__holder {
background: #f1f1f1;
border: 1px solid #e7e7e7;
border-radius: 0;
}
.picker__frame {
display: block !important;
}
.picker__day {
border: none !important;
}
i.portalSprite {
background: url(../img/portal-sprites.png) no-repeat;
margin-left: 5px;
margin-right: 10px;
}
i.portalSpriteTwitter {
width: 16px;
height: 16px;
display: inline-block;
background-position: -32px -176px;
}
i.portalSpriteFacebook {
width: 16px;
height: 16px;
display: inline-block;
background-position: -32px -160px;
}
i.portalSpriteInstagram {
width: 16px;
height: 16px;
display: inline-block;
background-position: -32px -560px;
}
i.portalSpritePinterest {
width: 16px;
height: 16px;
display: inline-block;
background-position: -32px -528px;
}
i.portalSpriteYoutube {
background: url() no-repeat;
width: 16px;
height: 16px;
display: inline-block;
background-position: -32px -160px;
}
i.portalSpriteTumblr {
background: url() no-repeat;
width: 16px;
height: 16px;
display: inline-block;
background-position: -32px -160px;
}
i.portalSpriteLinkedIn {
width: 16px;
height: 16px;
display: inline-block;
background-position: -32px -192px;
}
/* media queries */
@media screen and (min-width: 1001px) {
/* Template: Portal Main - Authenticated */
.subscription .account-services .options {
min-height: 260px;
}
}
@media screen and (max-width: 1000px) and (min-width: 769px) {
/* Template: Portal Main - Authenticated */
.subscription .account-services .options {
min-height: 308px;
}
.subscription .account-services .pay-now {
}
.subscription.home.adp .account-services .pay-now .copy {
float: none;
margin-bottom: 15px;
}
.subscription.home.adp .account-services .pay-now .btn {
float: none;
}
.your-profile .profile-information .btn {
float: none;
}
}
@media screen and (max-width: 980px) {
/* Template: Portal Main - Unauthenticated */
.account-services-listing {
padding-bottom: 30px;
}
.account-services-listing .image {
float: none;
padding-top: 0;
width: auto;
}
.account-services-listing .image img {
display: block;
margin: 0 auto;
}
.account-services-listing .copy {
float: none;
width: auto;
}
.account-services-listing .note {
padding-left: 0;
}
.account-services-listing h2,
.not-a-subscriber h2,
.not-a-subscriber p {
padding-right: 50px;
}
/* Template: Star Access */
.star-access .access ul li {
float: none;
margin-bottom: 20px;
padding: 0 !important;
width: 100%;
}
.star-access .access ul li:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 980px) and (min-width: 769px) {
/* Template: Portal Main - Authenticated */
.subscription .hero .hero-copy,
.subscription.adp-only .hero .hero-copy,
.subscription.home-only .hero .hero-copy,
.subscription .hero .hero-image,
.subscription.adp-only .hero .hero-image,
.subscription.home-only .hero .hero-image {
float: none;
width: 100%;
}
.subscription.home-only .hero .hero-image {
margin-bottom: 20px;
}
.subscription .hero .hero-image img {
display: block;
margin: 0 auto;
}
}
@media screen and (max-width: 890px) {
/* Template: Star Access */
.star-access .member .devices {
text-align: left;
}
.star-access .member .devices ul {
display: block;
width: 100%;
}
.star-access .member .devices ul li {
display: block;
margin-bottom: 10px;
text-align: left !important;
width: 100%;
}
.star-access .member .devices ul li:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 825px) {
/* global styles */
.section-wrapper {
width: 100%;
}
}
@media screen and (max-width: 890px) and (min-width: 768px) {
.subscription.adp-only .account-services .pay-now .copy {
line-height: auto;
width: auto;
}
.subscription.adp-only .account-services .pay-now span {
float: none;
line-height: 1;
margin: 0;
}
.subscription.adp-only .account-services .pay-now .btn {
height: auto;
line-height: inherit;
padding: 8px 20px;
width: auto;
}
}
@media screen and (max-width: 874px) and (min-width: 769px) {
/* layout */
.col-wrapper .col-wide {
margin-right: 320px;
}
}
@media screen and (max-width: 768px) {
/* layout */
footer .wrapper {
padding: 0 20px 0 20px;
}
#content {
padding: 0 20px 50px 20px;
}
.col-wrapper {
float: none;
}
.col-wide, .col-narrow {
float: none;
width: 100%;
}
.col-wide {
margin-bottom: 40px;
}
.col-wrapper .col-wide {
margin-right: 0;
}
.col-narrow.fixed {
margin-left: 0;
width: auto;
}
/* global styles */
.page-title {
padding-right: 0;
}
/* header */
header.global {
margin-bottom: 25px;
}
header.global nav.utility {
padding: 8px 20px;
}
header.global nav.utility .wrapper {
padding: 0;
}
header.global .wrapper {
padding: 0 20px;
}
header.global nav.main .e-edition {
display: none;
}
/* footer */
footer.global {
padding: 20px;
}
.smp footer.global nav.links h3 {
border-bottom: 1px solid #ccc;
border-right: none;
float: none;
line-height: 1;
margin: 0 0 12px 0;
padding-bottom: 12px;
width: 100%;
}
footer.global nav.links ul {
float: none;
width: 100%;
}
footer.global nav.links li {
line-height: 1;
font-size: 11px;
margin-right: 0;
padding: 8px 0;
width: 46%;
}
/* modules */
.promo.module {
}
.promo.module .ad img {
display: block;
margin: 0 auto;
}
/* Template: Star Access */
.star-access .member .devices {
margin-top: 0;
text-align: none;
}
}
@media screen and (min-width: 769px) {
/* Template: Authentication - Portal & Site - Sign In */
.portal-sign-in .sign-in .field.text {
width: 300px;
}
}
@media screen and (max-width: 768px) and (min-width: 621px) {
/* layout */
.col-wrapper.alt {
float: left;
width: 47.25274%; /* 344 / 728 */
}
.col-wrapper.alt .col-wide {
margin-right: 0;
}
.col-narrow.alt.fixed {
float: right;
margin-left: 0;
width: 47.25274%; /* 344 / 728 */
}
/* modules */
.module.faqs,
.module.contact {
background-image: none;
float: left;
margin-bottom: 0;
padding-bottom: 0;
width: 47.21448%; /* 339 / 718 */
}
.module.help {
float: right;
width: 47.21448%; /* 339 / 718 */
}
.col-narrow.alt .module.help {
float: none;
width: auto;
}
/* Template: Portal Main - Unauthenticated */
.account-services-listing .image,
.not-a-subscriber .subscriber-devices {
padding: 0 20px;
}
/* Template: Authentication - Portal & Site - Sign In */
.portal-sign-in {
}
.portal-sign-in .sign-in .field.text {
float: left;
width: 50%;
}
.portal-sign-in .sign-in .field.text.email-address {
padding-right: 10px;
}
.portal-sign-in .sign-in .field.text.password {
padding-left: 10px;
}
.portal-sign-in .sign-in .field.opt {
clear: both;
}
/* Template: Portal Main - Authenticated */
.subscription .account-services .options {
min-height: 260px;
}
}
@media screen and (max-width: 768px) and (min-width: 481px) {
}
@media screen and (min-width: 741px) {
/* Template: Portal Main - Authenticated Digital */
.subscription.adp-only .account-services .options ul li {
float: left;
margin: 0 15px 0 0;
}
.subscription.adp-only .account-services .options ul li:last-child {
margin-right: 0;
}
.subscription.adp-only .account-services .options ul li:after {
border-right: 1px solid #999;
content: "";
display: inline-block;
height: 12px;
padding-left: 15px;
position: relative;
top: -1px;
vertical-align: middle;
width: 1px;
}
.subscription.adp-only .account-services .options ul li:last-child:after {
display: none;
}
}
@media screen and (max-width: 740px) {
/* modules */
.module.sign-in .btn {
margin-bottom: 10px;
}
.module.sign-in .forgot-pass {
float: none;
display: inline-block;
top: 0;
}
.module.change-password .btn {
margin-bottom: 10px;
}
}
@media screen and (min-width: 621px) {
/* header */
header.global nav.utility .account-dropdown {
display: none;
}
header.global nav.main ul li.open:after {
background-image: url(../img/icon/caret-subnav-2x.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 14px 7px;
bottom: -1px;
content: "";
display: block;
left: 50%;
height: 7px;
margin-left: -7px;
position: absolute;
width: 14px;
}
/* Template: Portal Main - Authenticated */
.subscription .account-services .options ul {
display: block !important;
}
/* Template: Authentication - Portal & Site - Sign In */
.portal-sign-in .sign-in .forgot-pass {
position: relative;
top: 8px;
}
/* modules */
.module.sign-in .btn,
.module.sign-up .btn,
.module.change-password .btn {
text-align: center;
min-width: 145px;
}
.module.sign-in p,
.module.sign-up p,
.module.change-password p {
padding-right: 10px;
}
}
@media screen and (max-width: 620px) {
/* global styles */
.show-desktop {
display: none !important;
}
.show-mobile {
display: block !important;
}
a:hover {
border-bottom: none;
}
.btn {
display: block;
padding: 10px 30px;
text-align: center;
width: 100%;
}
.button-container.buttons .btn:first-child {
margin-bottom: 20px;
margin-right: 0;
}
.section-wrapper {
padding-right: 0;
}
/* layout */
.col-wrapper.alt {
float: none;
width: auto;
}
.col-wrapper.alt .col-wide {
margin: 0;
}
.col-narrow.alt.fixed {
float: none;
margin: 0 0 50px 0;
padding: 0;
width: auto;
}
/* header */
header.global {
margin-bottom: 30px;
}
header.global nav.account .user {
cursor: pointer;
margin-right: 0;
}
header.global nav.account .user span:hover {
color: #222;
}
header.global nav.main ul li.mobile-subscriptions a:after,
header.global nav.account .user span:after {
background-image: url(../img/icon/arrows-2x.png);
background-position: -12px -2px;
background-repeat: no-repeat;
background-size: 32px 30px;
content: "";
display: inline-block;
height: 6px;
opacity: .6;
margin-left: 10px;
position: relative;
vertical-align: middle;
width: 10px;
}
header.global nav.main ul li.mobile-subscriptions.open a:after {
background-position: -23px -2px;
}
header.global nav.account .user span:hover:after {
opacity: .9;
}
header.global nav.account .user.open span:after {
background-position: -22px -2px;
top: -1px;
}
header.global nav.account .user:after {
display: none;
}
header.global nav.account .sign-out {
display: none;
}
header.global nav.utility .account-dropdown {
display: block;
}
header.global nav.global {
padding-bottom: 0;
}
header.global nav.main {
height: 55px;
text-align: justify;
}
header.global nav.main ul {
display: inline;
float: none;
}
header.global nav.main ul:after {
content: "";
display: inline-block;
height: 0;
width: 100%;
}
header.global nav.main ul li {
display: inline;
float: none;
margin-right: 0;
}
header.global nav.main ul li:nth-child(2) {
text-align: center;
}
header.global nav.main ul li:nth-child(3) {
text-align: right;
}
header.global nav.main ul li a {
}
/*
header.global nav.main ul li.menu-subscription a:after {
background-image: url(../img/icon/arrows-2x.png);
background-position: -12px -2px;
background-repeat: no-repeat;
background-size: 32px 30px;
content: "";
display: inline-block;
height: 6px;
margin-right: 10px;
position: relative;
vertical-align: middle;
width: 10px;
}
header.global nav.main ul li.menu-subscription.open a:after {
background-position: -22px -2px;
top: -1px;
}
*/
header.global nav.subnav ul {
padding-bottom: 5px;
}
header.global nav.subnav ul li {
float: none;
margin-right: 0;
}
header.global nav.subnav ul li a {
display: block;
}
/* footer */
footer.global .action {
border-top: 1px solid #ccc;
margin-bottom: 30px;
padding-top: 20px;
}
footer.global .copyright {
border-top: none;
}
/* modules */
.module.help {
}
.module.help h4 {
margin-bottom: 0;
}
.module.help li {
border-bottom: 1px solid #ccc;
margin-bottom: 0;
}
.module.help li:last-child {
border-bottom: none;
}
.module.help li a,
.module.help li span {
color: #000;
display: block;
height: 50px;
line-height: 50px;
}
.module.sign-in {
margin-bottom: 20px;
padding-bottom: 20px;
}
.module.sign-in .forgot-pass {
float: none;
}
.module.change-password {
margin-bottom: 20px;
padding-bottom: 20px;
}
/* Template: Portal Main - Unauthenticated */
.account-services-listing,
.get-started-tip {
display: none !important;
}
.account-services-listing h2,
.not-a-subscriber h2,
.not-a-subscriber p {
padding-right: 0;
}
.not-a-subscriber p {
margin-bottom: 30px;
}
/* Template: Portal Main - Authenticated */
.subscription .pay-now .btn {
width: auto;
}
/* Template: Authentication - Portal & Site - Sign In */
.portal-sign-in {
}
.portal-sign-in .sign-in .field.remember-me {
float: left;
}
.portal-sign-in .sign-in .forgot-pass {
float: right;
}
.portal-sign-in .sign-in .btn {
clear: both;
}
/* Template: Portal Main - Authenticated */
.subscription .hero .hero-image {
float: none !important;
margin-bottom: 20px;
width: 100% !important;
}
.subscription .hero .hero-image img {
display: block !important;
margin: 0 auto !important;
}
.subscription .account-services .options {
float: none;
padding: 0;
width: 100%;
}
.subscription .account-services .options {
min-height: 70px;
}
.subscription .account-services .options .title {
cursor: pointer;
height: 70px;
padding: 15px;
position: relative;
}
.subscription .account-services .options .title:before {
background-position: left center;
background-repeat: no-repeat;
border-right: 1px solid #b4b4b4;
content: "";
display: inline-block;
height: 40px;
float: left;
left: 5px;
margin-right: 20px;
padding-right: 15px;
position: relative;
width: 20px;
}
.subscription .account-services .options .title:after {
background-image: url(../img/icon/arrows-2x.png);
background-position: -12px -2px;
background-repeat: no-repeat;
background-size: 32px 30px;
content: "";
display: block;
height: 6px;
margin-top: -3px;
position: absolute;
right: 20px;
top: 50%;
width: 10px;
}
.subscription .account-services .options .title.open:after {
background-position: -22px -2px;
margin-top: -4px;
}
.subscription .account-services .options .title h3 {
border-bottom: 0;
margin: 0 0 6px 0;
padding: 0;
}
.subscription .account-services .options .title h3:before {
display: none;
}
.subscription .account-services .options .title .note {
color: #666;
font-size: 13px;
line-height: 1;
margin-bottom: 0;
}
.subscription .account-services .options.home-delivery {
margin-bottom: 15px;
}
.subscription .account-services .options.home-delivery .title:before {
background-image: url(../img/icon/home-2x.png);
background-size: 18px 17px;
}
.subscription .account-services .options.billing {
}
.subscription .account-services .options.billing .title:before {
background-image: url(../img/icon/billing-2x.png);
background-size: 20px 20px;
}
.subscription .account-services .options.billing .title h3 {
background: none;
}
.subscription .account-services .options ul {
/*display: none;*/
}
.subscription .account-services .options ul li {
margin-bottom: 0;
}
.subscription .account-services .options ul li a {
color: #000;
display: block;
margin-top: -1px;
padding: 0 15px;
}
.subscription .account-services .options ul li a:hover {
background: #d3d3d3;
border-bottom: none;
margin-bottom: -1px;
}
.subscription .account-services .options ul li:last-child a:hover {
margin-bottom: 0;
}
.subscription .account-services .options ul li span {
display: block;
height: 55px;
line-height: 55px;
}
.subscription .account-services .options ul li a:before {
border-top: 1px solid #ccc;
content: "";
display: block;
height: 1px;
}
.subscription .promo {
padding: 25px 10px;
}
.subscription .pay-now {
border-bottom: none;
margin-bottom: 25px;
padding-bottom: 0;
}
.subscription .pay-now .copy {
line-height: 18px;
padding-top: 6px;
}
/* Template: Authentication - Reset Password Confirmation */
.reset-password {
}
.reset-password .button-container .read-news {
display: inline-block;
margin: 0 0 20px 0;
}
/* Template: Billing - Make a One-Time Payment */
.payment-options .field.opt.credit-card {
margin-bottom: 0;
}
.button-container .secured {
float: none;
margin-left: 0;
}
/* Template: Help & Service - Education Edition */
.education-edition {
}
.education-edition .button-container .sign-up {
display: inline-block;
margin: 0 0 20px 0;
}
/* Template: Star Access */
.star-access .access .content-wrapper,
.star-access .coverage .sub-text,
.star-access .coverage .image,
.star-access .sub-text {
width: 100%;
}
.star-access .member .copy,
.star-access .member .devices {
float: left;
width: 100%;
}
.star-access .columnists .sub-text {
margin-bottom: 30px;
}
.star-access .columnists ul li {
float: none;
margin-bottom: 30px;
padding: 0 !important;
width: 100%;
}
.star-access .columnists ul li:last-child {
margin-bottom: 0;
}
.star-access .member .copy {
margin-bottom: 30px;
}
.star-access .member .devices ul li a {
display: block;
}
footer.global .copyright {
padding-top: 0;
}
}
@media screen and (max-width: 600px) {
footer .wrapper {
padding: 0;
margin: 0;
}
}
@media screen and (min-width: 481px) {
/* Template: My Services - Request Vacation Hold */
.pause-home-delivery .fields .field {
margin-bottom: 0;
}
.pause-home-delivery .field.opt:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 480px) {
/* global styles */
.fields.two {
}
.fields.two .field,
.fields.city-state-zip .field {
float: none;
margin-bottom: 20px;
padding: 0 !important;
width: 100%;
}
.fields.two.end .field:first-child {
margin-bottom: 20px;
}
.field.single {
padding-right: 0;
width: 100%;
}
/* header */
header.global nav.main ul li em {
display: none;
}
/* Template: Authentication - Portal & Site - Verify Subscription */
.create-account {
}
.create-account .field.look-up-option {
padding-right: 0;
width: 100%;
}
.create-account .subscription-options .option .fields.two .field:last-child {
margin-bottom: 0;
}
/* Template: Billing - Make a One-Time Payment */
.one-time-payment {
}
.payment-options {
margin-bottom: 25px;
}
.payment-options .field.opt {
float: none;
}
.payment-method {
}
.payment-method fieldset {
width: 100%;
}
.payment-method.credit-card {
}
.payment-method.credit-card .field.card-security {
float: none;
margin: 0 0 20px;
width: auto;
}
.payment-method.credit-card .ccv-example {
margin: 0 10px 10px 0;
}
.payment-method.credit-card .note {
clear: none;
color: #999;
float: left;
font-size: 12px;
line-height: 32px;
margin-bottom: 0;
}
.payment-options .field.opt.credit-card {
height: 32px;
margin-bottom: 25px;
}
.payment-method.bank-account .field.bank-routing-number,
.payment-method.bank-account .field.bank-account-number {
padding-right: 88px;
margin-right: 0;
width: 100%;
}
.payment-method.bank-account .check-example {
margin-left: -76px;
}
/* footer */
footer.global .copyright img {
float: none;
margin-bottom: 10px;
}
footer.global .copyright p {
/*float: none;*/
}
}
@media screen and (max-width: 320px) {
/* footer */
/*.footer-starts-container ul {*/
footer .wrapper {
margin-left: 0;
margin-right: 0;
}
footer.global nav.links li {
width: 44%;
}
/* Template: Authentication - Portal & Site - Sign In */
.portal-sign-in .sign-in .field.remember-me,
.portal-sign-in .sign-in .forgot-pass {
float: none;
}
.portal-sign-in .sign-in .forgot-pass {
display: inline-block;
margin-bottom: 15px;
}
/* Template: Portal Main - Authenticated */
.subscription .header .account-information .account-number {
margin-bottom: 10px;
}
.subscription .header .account-information .account-address {
margin-left: 0;
}
.subscription .header .account-information .account-address:before {
display: none;
}
.subscription .pay-now p {
font-size: 13px;
}
.subscription .account-services .options .title {
padding: 15px 10px;
}
.subscription .account-services .options .title:after {
margin-top: 0;
top: 25px;
}
.subscription .account-services .options .title .note {
font-size: 12px;
}
.subscription .account-services .options ul li a {
padding: 0 10px;
}
/* Template: Billing - Make a One-Time Payment */
.one-time-payment .payment-amount .field.text label,
.one-time-payment .payment-amount .optional-charges .field.text label,
.one-time-payment .payment-amount .optional-charges .amount .label {
width: 130px;
}
.one-time-payment .payment-amount .optional-charges {
padding-left: 0;
}
.one-time-payment .payment-amount .field.text input {
width: 90px;
}
}