@font-face {
            font-family: 'SourceSansPro-Regular';
            src: url('../fonts/sanspro/SourceSansPro-Regular.ttf');
            font-weight: normal;
            font-style: normal;
        }
        
        @font-face {
            font-family: 'SourceSansPro-Bold';
            src: url('../fonts/sanspro/SourceSansPro-Bold.ttf');
            font-weight: normal;
            font-style: normal;
        }
        
        @font-face {
            font-family: 'SourceSansPro-Semibold';
            src: url('../fonts/sanspro/SourceSansPro-Semibold.ttf');
            font-weight: normal;
            font-style: normal;
        }
        
        html,
        body {
            min-height: 100%;
        }
        
        body {
            padding-top: 0px;
            font-family: 'SourceSansPro-Regular';
        }
        /*** custom checkboxes ***/
        
        .sync-checkbox {
            /* prevent accidental selection when clicking */
            user-select: none;
            -ms-user-select: none;
            -moz-user-select: none;
            -webkit-user-select: none;
        }
        
        .sync-checkbox input {
            display: none;
            display: inline\9;
        }
        
        .sync-checkbox .icon {
            text-align: center;
            display: inline-block;
            display: none\9;
            border: 1px solid;
            text-align: center;
            font-size: 18px;
            color: #777;
            margin-right: 10px;
            height: 1.5em;
            width: 1.5em;
            padding: 0.15em;
        }
        
        .sync-checkbox .icon.disabled-field {
            background-color: rgb(235, 235, 228);
        }
        
        .sync-checkbox .icon .fa {
            visibility: hidden;
            vertical-align: top;
        }
        
        .sync-checkbox input:checked+.icon .fa {
            visibility: visible;
            vertical-align: top;
        }
        
        .field.error {}
        
        input.field.error,
        select.field.error,
        textarea.field.error {
            border: 1px solid #cc0000;
        }
        
        .general-mesage {
            font-size: 18px;
            color: #444;
            line-height: 24px;
        }
        /*.container-fluid {
    margin: 0 auto;
    padding: 0;
}*/
        
        div.best-offer-circle {
            left: -115px;
            position: absolute;
        }
        
        .best-offer-circle {
            border-radius: 50%;
            width: 96px;
            height: 96px;
            background-color: #FFF353;
            display: inline-block;
            margin-right: 20px;
            text-align: center;
            line-height: 24px;
            font-family: 'NotoSans-BoldItalic';
            font-size: 22px;
            padding-top: 14px;
        }
        
        .best-offer-circle .best-offer-arrow {
            width: 100%;
        }
        
        .site-header {
            width: 100%;
            padding-bottom: 10px;
        }
        
        .site-header .info-header {}
        
        .site-header .main-header {
            width: 100%;
            /*height: 46px;*/
        }
        
        .site-header .main-header img {
            width: 518px;
            height: auto;
        }
        
        .site-header .sub-header {}
        
        .site-header .sub-header .sub-header-text {
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            -webkit-font-smoothing: auto;
            text-align: center;
            font-size: 12px;
            font-weight: bold;
            line-height: 1em;
            padding-top: 5px;
            padding-bottom: 5px;
        }
        
        .site-header .header-dividing-line {
            width: 100%;
            float: left;
            margin: 0 0 5px 0;
            /*text-align: center;*/
            background: url('../img/triple_rule_2x.png') bottom left repeat-x;
            background-size: 1px 5px;
            padding-bottom: 5px;
        }
        
        .site-top-header {
            height: 20px;
            font-size: smaller;
        }
        
        .footer {
            /*margin: 0 25px 0 25px;*/
            bottom: 0;
            /*width: 100%;*/
            /*background-color: lightgray;*/
            background-color: white;
            color: #666;
            font-family: 'AntennaMedium', Helvetica, Arial, sans-serif;
            -webkit-font-smoothing: auto;
            line-height: normal;
        }
        
        .footer-middle {}
        
        .footer-top {
            font-size: 12px;
            max-height: 20px;
            margin-top: 34px;
        }
        
        .footer-bottom {}
        
        .footer-bottom-content-row {
            height: 25px;
        }
        
        .footer-bottom-content-row div a img {
            height: 15px;
        }
        
        .footer-bottom-content-row .copyright {
            font-size: 10px;
            margin-bottom: 0;
            text-align: right;
        }
        
        .footer-list {
            /*padding-top: 12px;*/
        }
        
        .footer-list {
            padding-top: 3px;
            padding-bottom: 3px;
        }
        
        .footer-list-xs {
            font-size: smaller;
            padding-top: 3px;
            padding-bottom: 3px;
        }
        
        .footer-list-header {
            font-weight: bold;
        }
        
        .footer-list-item {
            padding-left: 15px;
            padding-right: 15px;
        }
        
        .login-panel {
            max-width: 300px;
        }
        
        .waiting-start {
            position: relative;
        }
        
        .content-loading {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: #ccc;
            background: rgba(204, 204, 204, .5);
            z-index: 1000000;
        }
        
        .content-loading i {
            top: calc(50% - 10px);
            left: calc(50% - 10px);
            position: relative;
            font-size: 28px;
        }
        
        .plan-condensed div {
            background-color: #949494;
            color: white;
            font-weight: bold;
        }
        
        .plan-condensed-title {
            font-size: large;
            font-family: 'SourceSansPro-Bold';
            /*background-color: inherit;*/
        }
        
        .plan-condensed-termprice {
            font-style: italic;
        }
        
        .no-padding-left {
            padding-left: 0 !important;
        }
        
        .no-padding-right {
            padding-right: 0 !important;
        }
        
        .no-padding-sides {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        /* content containers, general */
        
        .main-content {
            width: 1040px;
            display: block;
            margin-right: auto;
            margin-left: auto;
            background-color: white;
            font-family: SourceSansPro-Regular;
        }
        
        .main-content .content-heading {
            font-family: 'SourceSansPro-Bold';
            font-size: 26px;
            color: #0087A0;
            padding-top: 40px;
            padding-bottom: 40px;
            text-align: center;
        }
        
        .content-container {
            margin-left: 126px;
            margin-right: 126px;
        }
        
        .section-line-split {
            width: 788px;
            height: 2px;
            background-color: #0099B5;
            /*margin-left: 126px;
            margin-right: 126px;*/
        }
        /* General style overrides */
        
        button {
            border: 0 none;
            -webkit-box-shadow: none;
            -ms-box-shadow: none;
            box-shadow: none;
            -ms-border-radius: 0;
            border-radius: 0;
            background-color: #ee3948;
            color: #fff;
            font-family: 'SourceSansPro-Bold';
            font-size: 18px;
            height: 40px;
        }
        
        button:disabled {
            background-color: #777;
            color: #fff;
            font-weight: bold;
            font-size: 18px;
        }
        
        .registration {}
        
        .registration .content-container.registration-content,
        .login .content-container.login-content {
            padding-top: 30px;
            margin-bottom: 58px;
        }
        /* plan purchase view (condensed plan) */
        /* container */
        
        .payment-content {}
        
        .payment-content .payment-content-heading {
            font-family: 'SourceSansPro-Bold';
            font-size: 30px;
            color: #000;
            padding-top: 40px;
            padding-bottom: 40px;
            text-align: left;
        }
        
        .payment-content button.submit-purchase {
            width: 340px;
            margin-top: 20px;
        }
        
        .payment-content button.processing-purchase {
            width: 340px;
            margin-top: 20px;
            background-color: #fff;
            color: #ee3948;
            border-color: #ee3948;
            border-width: 1px;
            border-style: solid;
        }
        
        .payment-content .processing-purchase i {
            margin-right: 8px;
        }
        
        .payment-content h4 {
            font-family: 'SourceSansPro-Bold';
        }
        
        .payment-content .offerPriceDisplay {
            margin-top: 20px;
            font-size: 20px;
            color: black;
            padding-bottom: 40px;
            font-weight: bold;
            /*text-align: center;*/
        }
        
        .payment-content label {
            width: 100%;
            margin-top: 20px;
            font-size: 14px;
            margin-bottom: 0;
            font-weight: normal;
        }
        
        .payment-content input,
        .payment-content select {
            margin-top: 12px;
            height: 40px;
            padding: 4px 10px;
        }
        
        .payment-content .firstName {
            width: 251px;
        }
        
        .payment-content .lastName {
            width: 251px;
            margin-left: 20px;
        }
        
        .payment-content .firstName input {
            width: 251px;
        }
        
        .payment-content .lastName input {
            width: 251px;
        }
        
        .payment-content .phoneNumber {
            width: 404px;
        }
        
        .payment-content .phoneNumber input {
            width: 404px;
        }
        
        .payment-content .same-as-billing-label {
            width: auto;
            margin-top: 20px;
            font-size: 14px;
            font-weight: normal;
            margin-bottom: 0;
        }
        
        .payment-content .same-as-billing-label .same-as-billing {
            height: auto;
            margin-right: 8px;
        }
        
        .payment-content .shipping-address h4 {
            margin-top: 40px;
            margin-bottom: 8px;
        }
        
        .payment-content .terms-and-conditions-container label {
            width: auto;
            margin-top: 12px;
            font-size: 14px;
            font-weight: normal;
            margin-bottom: 0;
        }
        
        .payment-content .terms-and-conditions-container input {
            height: auto;
            position: relative;
            margin-right: 8px;
        }
        
        .payment-content button.enter-payment {
            margin-top: 20px;
            margin-bottom: 12px;
        }
        
        .payment-content .payframe {
            width: 100%;
            min-width: 300px;
            min-height: 300px;
            border-width: 0px;
            border-style: solid;
            border-color: lightgray;
        }
        
        .payment-content .payframe.cybersource {
            min-height: 300px;
        }
        
        .payment-content .termsmodal-container {
            width: 750px;
        }
        /* Terms and Conditions Modal */
        
        .tacModalAccept {
            padding: 0px 0px 20px;
            font-size: 120%;
        }
        
        .tacModalMessage {
            padding: 0px 0px 20px;
            display: inline-block;
        }
        /* main view */
        
        .layout-title {
            padding-top: 22px;
            /*width: 100%;*/
        }
        
        .layout-title .text {
            font-size: 42px;
            color: #fff;
            display: block;
            text-align: center;
            -ms-text-shadow: 2px 2px 4px #000000;
            text-shadow: 2px 2px 4px #000000;
        }
        /*.header-background {
    padding-top: 75px;
    width: 100%;
    border-color: greenyellow;
    border-width: 20px;
}*/
        
        .offer-list {}
        
        .offer-list .lookup-login-container {
            margin-top: 32px;
            height: 466px;
        }
        
        .offer-list .no-subs-container {
            width: 788px;
            /*padding: 28px 28px 28px 28px;
        background-color: #F1F1F1;*/
            margin: 0px 126px 40px 126px;
            margin-bottom: 40px;
        }
        
        .offer-list .no-subs-container label {
            font-family: 'SourceSansPro-Bold';
            font-size: 24px;
            line-height: 28px;
            width: 100%;
            margin-top: 18px;
            margin-bottom: 14px;
        }
        
        .offer-list .lookup-login-container .account-lookup-container {
            float: left;
            width: 344px;
        }
        
        .offer-list .external-login {
            margin-top: 20px;
        }
        
        .offer-list .lookup-login-container .horiz-divider {
            float: left;
            width: 1px;
            margin-left: 21px;
            margin-right: 21px;
            border-left-width: 1px;
            border-left-color: #cbcbcb;
            border-left-style: solid;
            height: 466px;
        }
        
        .offer-list .lookup-login-container .vert-divider {
            display: none;
        }
        
        .offer-list .lookup-login-container .treg-container {
            float: left;
            width: 344px;
        }
        
        .offer-list .have-subscription-container {
            padding: 28px 28px 28px 28px;
            width: 788px;
            background-color: #F1F1F1;
            margin: 0 auto;
            margin-bottom: 40px;
        }
        
        .offer-list .have-subscription-container .accountlookup {
            width: 334px;
        }
        
        .offer-list .have-subscription-container .top-message {
            font-weight: bold;
            font-size: 16px;
            color: #444;
            line-height: 18px;
        }
        
        .offer-list .have-subscription-container .accountlookup .phone-name-lookup {}
        
        .offer-list .have-subscription-container .accountlookup input {
            width: 100%;
            margin-bottom: 20px;
            font-size: 14px;
            height: 40px;
        }
        
        .offer-list .have-subscription-container .accountlookup label {
            width: 100%;
        }
        
        .offer-list .have-subscription-container .accountlookup button {
            font-family: "SourceSansPro-Bold";
            font-size: 18px;
            width: 218px;
            height: 40px;
            margin: 0 auto;
        }
        
        .offer-list .have-subscription-container .accountlookup .lookupbutton-container {
            width: 100%;
            text-align: center;
            margin-top: 20px;
        }
        
        .offer-list .have-subscription-container .accountlookup .messagearea {}
        
        .offer-list .have-subscription-container .accountlookup .section-divider {
            margin-bottom: 20px;
            text-align: center;
        }
        
        .offer-list .have-subscription-container .accountlookup .messagearea .title {
            font-family: "SourceSansPro-Semibold";
            font-size: 24px;
            color: #444;
            line-height: 30px;
        }
        
        .offer-list .have-subscription-container .accountlookup .messagearea .message {
            font-family: "SourceSansPro-Regular";
            font-size: 14px;
            color: #444;
            line-height: 18px;
            margin-top: 18px;
            margin-bottom: 14px;
        }
        
        .offer-list .have-subscription-container .sync-login .messagearea .title {
            font-family: "SourceSansPro-Semibold";
            font-size: 24px;
            color: #444;
            line-height: 30px;
        }
        
        .offer-list .have-subscription-container .sync-login .messagearea .message {
            font-family: "SourceSansPro-Regular";
            font-size: 14px;
            color: #444;
            line-height: 18px;
            margin-top: 18px;
            margin-bottom: 14px;
        }
        
        .offer-list .have-subscription-container .sync-login .input {
            width: 100%;
            margin-bottom: 20px;
            font-size: 14px;
            height: 40px;
        }
        
        .offer-list .have-subscription-container .sync-login label {
            width: 100%;
        }
        
        .offer-list .have-subscription-container .sync-login .section-divider {
            margin: 20px 0;
            text-align: center;
        }
        
        .offer-list .have-subscription-container .sync-login .remember-me label {
            width: auto;
            font-size: 16px;
            font-weight: normal;
            max-width: 100%;
        }
        
        .offer-list .have-subscription-container .sync-login .loginbutton-container {
            width: 100%;
            text-align: center;
            margin-top: 20px;
        }
        
        .offer-list .have-subscription-container .sync-login button {
            font-family: "SourceSansPro-Bold";
            font-size: 18px;
            width: 218px;
            height: 40px;
            margin: 0 auto;
            text-transform: uppercase;
        }
        
        .offer-list .have-subscription-container .sync-login .forgotpassword-container {
            width: 100%;
            text-align: center;
            font-size: 16px;
            font-weight: normal;
            margin-top: 20px;
        }
        
        .offer-list .have-subscription-container .sync-login .forgotpassword-container a {
            color: #000;
            cursor: pointer;
            text-decoration: underline;
        }
        
        .offer-list .account-lookup-container .lookup-error-display {
            margin-bottom: 12px;
        }
        
        .offer-list .account-lookup-container .lookup-error-display a {
            color: #ee3948;
        }
        
        .activation-list {}
        
        .activation-list .activation-content-container {
            width: 788px;
            margin: 0 auto;
            margin-bottom: 40px;
        }
        
        .activation-list .activation-content-heading {
            font-family: 'SourceSansPro-Bold';
            font-size: 24px;
            line-height: 28px;
            color: #000;
            padding-top: 40px;
            padding-bottom: 40px;
            text-align: left;
        }
        
        .activation-list .activation-contact-content {
            font-family: 'SourceSansPro-Bold';
            font-size: 14px;
            color: #000;
            text-align: left;
        }
        
        .activation-list .have-subscription-container {
            width: 780px;
            /*padding: 28px 28px 28px 28px;
        background-color: #F1F1F1;*/
            margin: 0 auto;
            margin-bottom: 40px;
        }
        
        .activation-list .account-lookup-container .accountlookup {
            width: 780px;
            /*padding: 28px 28px 28px 28px;*/
            /*background-color: #F1F1F1;*/
            margin: 0 auto;
            margin-bottom: 40px;
        }
        
        .activation-list .account-lookup-container .accountlookup input {
            width: 55%;
            margin-bottom: 20px;
            padding: 6px 12px;
            font-size: 14px;
            height: 40px;
        }
        
        .activation-list .account-lookup-container .accountlookup label {
            font-size: 16px;
            width: 100%;
        }
        
        .activation-list .account-lookup-container .accountlookup button {
            font-family: "SourceSansPro-Bold";
            font-size: 18px;
            width: 218px;
            height: 40px;
            margin: 0 auto;
        }
        
        .activation-list .account-lookup-container .accountlookup .lookupbutton-container {
            width: 100%;
            text-align: center;
            margin-top: 20px;
            height: 40px;
        }
        
        .activation-list .account-lookup-container .accountlookup .lookupbutton-container button {
            float: left;
        }
        
        .activation-list .have-subscription-container .accountlookup .messagearea {}
        
        .activation-list .account-lookup-container .accountlookup .section-divider {
            width: 55%;
            margin-bottom: 20px;
            text-align: center;
        }
        
        .activation-list .account-lookup-container .accountlookup .messagearea .title {
            font-family: "SourceSansPro-Semibold";
            font-size: 24px;
            color: #444;
            line-height: 30px;
        }
        
        .activation-list .account-lookup-container .messagearea {
            margin-top: 18px;
        }
        
        .activation-list .account-lookup-container .messagearea .message {
            font-family: "SourceSansPro-SemiBold";
            font-size: 16px;
            color: #444;
            line-height: 18px;
            margin-top: 18px;
            margin-bottom: 14px;
        }
        
        .activation-list .account-lookup-container .lookup-error-display {
            width: 65%;
            margin-bottom: 12px;
        }
        
        .activation-list .account-lookup-container .lookup-error-display a {
            color: #ee3948;
        }
        
        .reset-password-request {}
        
        .reset-password {}
        
        .reset-password-request label .email-address {
            width: 100%;
        }
        
        .reset-password-request input .email-address {}
        
        .reset-password-request .general-mesage,
        .reset-password .general-mesage {
            margin-top: 18px;
        }
        
        .reset-password-request .button .promo-code,
        .reset-password .button .promo-code {}
        
        .promo-code .promo-code-container,
        .reset-password-request .reset-password-request-container,
        .reset-password .reset-password-container {
            width: 788px;
            margin: 0 auto;
            margin-bottom: 40px;
        }
        
        .promo-code .promo-code-content-heading,
        .reset-password-request .reset-password-request-content-heading,
        .reset-password .reset-password-content-heading {
            font-family: 'SourceSansPro-Bold';
            font-size: 24px;
            line-height: 28px;
            color: #000;
            padding-top: 40px;
            padding-bottom: 40px;
            text-align: left;
        }
        
        .promo-code .promo-code-container input,
        .reset-password-request .reset-password-request-container input,
        .reset-password .reset-password-container input {
            width: 100%;
            font-size: 14px;
            margin-bottom: 20px;
            height: 40px;
            padding: 6px 12px;
        }
        
        .promo-code .promo-code-container label,
        .reset-password-request .reset-password-request-container label,
        .reset-password .reset-password-container label {
            font-family: 'SourceSansPro-Bold';
            font-size: 24px;
            line-height: 28px;
            width: 100%;
            margin-top: 18px;
            margin-bottom: 14px;
        }
        
        .promo-code .promo-code-container .label,
        .reset-password-request .reset-password-request-container .label,
        .reset-password .reset-password-container .label {
            white-space: normal;
            padding: 0;
            font-size: 12px;
            margin-bottom: 12px;
        }
        
        .promo-code .promo-code-container .label-danger,
        .reset-password-request .reset-password-request-container .label-danger,
        .reset-password .reset-password-container .label-danger {
            font-size: 16px;
        }
        
        .promo-code .promo-code-container button,
        .reset-password-request .reset-password-request-container button,
        .reset-password .reset-password-container button {
            font-family: "SourceSansPro-Bold";
            width: 218px;
            margin: 0 auto;
        }
        
        .voucher-code {}
        
        .voucher-code .voucher-code-container {
            width: 788px;
            margin: 0 auto;
            margin-bottom: 40px;
        }
        
        .voucher-code .voucher-code-content-heading {
            font-family: 'SourceSansPro-Bold';
            font-size: 24px;
            line-height: 28px;
            color: #000;
            padding-top: 40px;
            padding-bottom: 40px;
            text-align: left;
        }
        
        .voucher-code .voucher-code-container input {
            width: 100%;
            font-size: 14px;
            margin-bottom: 20px;
            height: 40px;
            padding: 6px 12px;
        }
        
        .voucher-code .voucher-code-container label {
            font-family: 'SourceSansPro-Bold';
            font-size: 24px;
            line-height: 28px;
            width: 100%;
            margin-top: 18px;
            margin-bottom: 14px;
        }
        
        .voucher-code .voucher-code-container .label {
            white-space: normal;
            padding: 0;
            font-size: 12px;
            margin-bottom: 12px;
        }
        
        .voucher-code .voucher-code-container .label-danger {
            font-size: 16px;
        }
        
        .voucher-code .voucher-code-container button {
            font-family: "SourceSansPro-Bold";
            width: 218px;
            margin: 0 auto;
        }
        
        .account-verify {}
        
        .account-verify .account-verify-container {
            width: 788px;
            margin: 0 auto;
            margin-bottom: 40px;
        }
        
        .account-verify .account-verify-content-heading {
            font-family: 'SourceSansPro-Bold';
            font-size: 24px;
            line-height: 28px;
            color: #000;
            padding-top: 40px;
            padding-bottom: 40px;
            text-align: left;
        }
        
        .account-verify .account-verify-container input {
            width: 100%;
            font-size: 14px;
            margin-bottom: 20px;
            height: 40px;
            padding: 6px 12px;
        }
        
        .account-verify .account-verify-container label {
            font-family: 'SourceSansPro-Bold';
            font-size: 24px;
            line-height: 28px;
            width: 100%;
            margin-top: 18px;
            margin-bottom: 14px;
        }
        
        .account-verify .account-verify-container .label {
            white-space: normal;
            padding: 0;
            font-size: 12px;
            margin-bottom: 12px;
        }
        
        .account-verify .account-verify-container .label-danger {
            font-size: 16px;
        }
        
        .account-verify .account-verify-container button {
            width: 218px;
            margin-top: 10px;
        }
        /*.account-verify .account-verify-container button.processing-account-verify {
        width: 218px;
        margin-top: 10px;
        background-color: #fff;
        color: #ee3948;
        border-color: #ee3948;
        border-width: 1px;
        border-style: solid;
    }*/
        
        .account-confirm {}
        
        .account-confirm .account-confirm-container {
            width: 788px;
            /*padding: 28px 28px 28px 28px;
        background-color: #F1F1F1;*/
            margin: 126px auto;
            margin-bottom: 40px;
        }
        
        .account-confirm .account-confirm-container span {
            font-family: 'SourceSansPro-Bold';
            font-size: 18px;
            line-height: 28px;
        }
        
        .account-confirm .account-confirm-content-heading {
            font-family: 'SourceSansPro-Bold';
            font-size: 24px;
            line-height: 28px;
            color: #000;
            padding-top: 40px;
            padding-bottom: 40px;
            text-align: left;
        }
        
        .account-confirm .account-confirm-container .messagearea {
            margin-top: 18px;
        }
        
        .account-confirm .account-confirm-container .messagearea .title {
            font-family: "SourceSansPro-Semibold";
            font-size: 24px;
            color: #444;
            line-height: 30px;
        }
        
        .account-confirm .account-confirm-container .messagearea .message {
            font-family: "SourceSansPro-SemiBold";
            font-size: 14px;
            color: #444;
            line-height: 18px;
            margin-top: 18px;
            margin-bottom: 14px;
        }
        
        .account-confirm .account-confirm-container input {
            width: 100%;
            font-size: 14px;
            margin-bottom: 20px;
            height: 40px;
            padding: 6px 12px;
        }
        
        .account-confirm .account-confirm-container .label {
            width: 100%;
            white-space: normal;
            padding: 0;
            font-size: 12px;
            margin-bottom: 12px;
        }
        
        .account-confirm .account-confirm-container button {
            font-family: "SourceSansPro-Bold";
            width: 218px;
            margin: 0 auto;
        }
        
        .account-confirm .account-confirm-container .confirm-error-display {
            margin-bottom: 12px;
        }
        
        .planinfo {}
        
        .planinfo-header .planinfo-content-container {
            width: 788px;
            margin: 0 auto;
            margin-bottom: 40px;
        }
        
        .planinfo-header .planinfo-content-heading {
            font-family: 'SourceSansPro-Bold';
            font-size: 30px;
            line-height: 28px;
            color: #000;
            padding-top: 40px;
            padding-bottom: 40px;
            text-align: left;
        }
        
        .planinfo-header .planinfo-receipt-content-heading-left {
            font-family: 'SourceSansPro-Bold';
            font-size: 30px;
            line-height: 28px;
            color: #000;
            padding-top: 40px;
            padding-bottom: 40px;
            text-align: left;
            float: left;
        }
        
        .planinfo-header .planinfo-receipt-content-heading-right {
            font-family: 'SourceSansPro-Bold';
            font-size: 30px;
            line-height: 28px;
            color: #000;
            padding-top: 40px;
            padding-bottom: 40px;
            text-align: left;
            float: right;
        }
        
        .planinfo-header .planinfo-content-subheading {
            font-family: "SourceSansPro-Bold";
            font-size: 20px;
            color: #444;
            line-height: 18px;
            margin-top: 18px;
            margin-bottom: 14px;
        }
        
        .receipt {}
        
        .receipt .receipt-heading {
            font-family: 'SourceSansPro-Bold';
            font-size: 20px;
            color: #000;
            text-align: center;
        }
        
        .receipt .receipt-content-heading {
            font-family: 'SourceSansPro-Bold';
            font-size: 36px;
            line-height: 28px;
            color: #000;
            padding-top: 40px;
            padding-bottom: 40px;
            text-align: center;
        }
        
        .receipt .receipt-heading .receipt-plan-details {
            margin-left: 50px;
            margin-right: 50px;
            padding: 20px;
            border-style: solid;
            border-width: 1px;
            border-color: #0099B5;
        }
        
        .receipt .receipt-header {
            font-size: 26px;
            text-align: left;
        }
        
        .receipt .sub-view-heading {
            font-family: 'SourceSansPro-Bold';
            font-weight: bold;
            font-size: 30px;
            color: #000;
            padding-top: 40px;
            padding-bottom: 40px;
            text-align: center;
        }
        
        .receipt .quadrant {
            float: left;
            display: block;
            width: 50%;
            height: 578px;
            margin-bottom: 0px;
            margin-top: 0px;
            text-align: center;
        }
        
        .quadrant .quadrant-container {}
        
        .receipt .quadrant.right {
            border-left-style: solid;
            border-left-width: 1px;
            border-left-color: #d7d7d7;
        }
        
        .receipt .quadrant.left {
            border-right-style: solid;
            border-right-width: 0px;
            border-right-color: #d7d7d7;
        }
        
        .receipt .quadrant.top {
            border-bottom-style: solid;
            border-bottom-width: 1px;
            border-bottom-color: #d7d7d7;
        }
        
        .receipt .quadrant .readtype {
            text-align: center;
            margin-top: 14px;
            font-family: 'SourceSansPro-Bold';
            font-size: 18px;
        }
        
        .receipt .quadrant .img-container {
            /*-moz-min-width: 330px;
        -ms-min-width: 330px;
        -o-min-width: 330px;
        -webkit-min-width: 330px;
        min-width: 330px;*/
            text-align: center;
            min-height: 216px;
            margin-top: 38px;
        }
        
        .receipt .quadrant .img-container.web-img-container {
            background-image: url(../img/paper-web-1101.png);
            background-position: center;
            background-repeat: no-repeat;
        }
        
        .receipt .quadrant .img-container.eedition-img-container {
            background-image: url(../img/eEdition-1101.png);
            background-position: center;
            background-repeat: no-repeat;
        }
        
        .receipt .quadrant .img-container.app-img-container {
            background-image: url(../img/paper_app_1101.png);
            background-position: center;
            background-repeat: no-repeat;
        }
        
        .receipt .quadrant .img-container.archive-img-container {
            background-image: url(../img/paper_archive_1101.png);
            background-position: center;
            background-repeat: no-repeat;
        }
        
        .receipt .quadrant button {
            margin-top: 18px;
            width: 303px;
            height: 40px;
        }
        
        .receipt .quadrant ul {
            text-align: left;
            margin-left: 22px;
            margin-top: 18px;
            margin-bottom: 38px;
            line-height: 20px;
            font-size: 16px;
            color: #444;
            width: 320px;
        }
        
        .receipt .quadrant li {
            list-style-image: url(../img/arrow-right-double.png);
        }
        
        .receipt .portal-message {
            clear: both;
            padding-top: 10px;
            padding-bottom: 20px;
            font-family: 'SourceSansPro-Regular';
            font-size: 14px;
            color: #444;
            line-height: 18px;
            width: 760px;
        }
        
        .receipt .portal-message a {
            font-family: 'SourceSansPro-Bold';
            color: #EE3948;
        }
        
        .main-content.receipt .content-heading {
            color: #000 !important;
        }
        
        .plan-list {
            margin-left: 126px;
            margin-right: 126px;
        }
        
        .plan-list .plan {
            margin-top: 28px;
            margin-bottom: 40px;
        }
        
        .plan-list .plan .plan-title {
            text-align: center;
            font-size: 30px;
            font-weight: bold;
            line-height: 36px;
            margin-bottom: 48px;
            font-family: 'SourceSansPro-Bold';
        }
        
        .plan-list .plan .displayText {
            float: left;
            display: block;
            width: 434px;
        }
        
        .plan-list .plan .displayTextSmall {
            display: none;
        }
        
        .plan-list .plan .buttons-and-images {
            float: left;
            display: block;
            width: 240px;
            text-align: center;
            margin-left: 114px;
        }
        
        .plan-list .plan .buttons-and-images .plan-type-image {
            margin-top: 5px;
        }
        
        .plan-list .plan .buttons-and-images .plan-type-image img {
            max-width: 160px;
            height: auto;
        }
        
        .plan-list .plan .buttons-and-images .plan-type-image .post-plan-type-image-text {
            font-weight: bold;
            padding-left: 15px;
            white-space: nowrap;
        }
        
        .plan-list .plan .buttons-and-images .button-container {
            margin-top: 25px;
        }
        
        .plan-list .plan .buttons-and-images .display-price {
            margin-top: 18px;
            font-family: 'SourceSansPro-Bold';
            font-size: 26px;
        }
        
        .plan li {
            list-style-image: url(../img/arrow-right-double.png);
            line-height: 28px;
            font-size: 18px;
        }
        
        .footer-line-container {
            width: 100%;
            height: 2px !important;
            display: block;
            margin-right: auto;
            margin-left: auto;
        }
        
        .footer-starts-container {
            width: 100%;
            display: block;
            margin-right: auto;
            margin-left: auto;
            margin-top: 20px;
            margin-bottom: 20px;
        }
        
        .footer-starts-container ul {
            float: left;
        }
        
        .footer-starts-container li {
            font-family: 'SourceSansPro-Regular';
            font-size: 12px;
            padding-top: 0;
            padding-bottom: 0;
            padding-right: 12px;
            border-right: 1px solid #ccc;
        }
        
        .footer-starts-container li a {
            color: #333;
        }
        
        .footer-starts-container li:first-child {
            margin-left: 0;
        }
        
        .footer-starts-container li:last-child {
            border-right: none;
            padding-right: none;
        }
        
        .footer-container {
            width: 1088px;
            clear: both;
            margin-left: auto;
            margin-right: auto;
            margin-top: 0;
            margin-bottom: 40px;
        }
        
        .footer-container .center-block {
            margin-bottom: 10px;
        }
        
        .footer-container .img-responsive {
            max-width: 177px;
        }
        
        .footer-line {
            /*width: 1088px;*/
            border-width: 1px;
            border-top-style: solid;
            border-bottom-style: none;
            border-right-style: none;
            border-left-style: none;
            border-top-color: #999;
        }
        
        button.subscribe {
            border: 0 none;
            font-size: 18px;
            -webkit-box-shadow: none;
            -ms-box-shadow: none;
            box-shadow: none;
            -ms-border-radius: 0;
            border-radius: 0;
            width: 240px;
            background-color: #ee3948;
            color: #fff;
        }
        
        button.already-have-sub {
            border: 0 none;
            -webkit-box-shadow: none;
            -ms-box-shadow: none;
            box-shadow: none;
            border-radius: 0;
            padding: 0px 0px;
            font-family: "SourceSansPro-Bold";
            font-size: 16px;
            color: #ee3948;
            line-height: 18px;
            background-color: #F1F1F1;
            margin-top: 20px;
        }
        
        .circle {
            width: 22px;
            height: 22px;
            border-radius: 100%;
            font-size: 20px;
            color: #fff;
            line-height: 24px;
            text-align: center;
            background: #000;
        }
        
        .glyphicon {
            color: white;
            padding: 3px;
            font-size: 14px;
            border-radius: 50%;
        }
        /*address template*/
        
        .address .address1 label {
            margin-top: 20px;
            font-size: 14px;
        }
        
        .address .address1 input,
        .address .countries select {
            margin-top: 12px;
            width: 404px;
            height: 40px;
        }
        
        .address .citystatezip {
            clear: both;
        }
        
        .address .citystatezip label,
        .address .country-list label {
            width: 100%;
            margin-top: 20px;
            font-size: 14px;
            margin-bottom: 0;
        }
        
        .address .citystatezip input,
        .address .citystatezip select {
            margin-top: 12px;
            height: 40px;
        }
        
        .dropdown-wrapper select {
            padding: 4px;
            outline: none;
            display: inline-block;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }
        
        .dropdown-wrapper select::-ms-expand {
            display: none;
            display: inline\9;
        }
        
        .dropdown-wrapper {
            position: relative;
            font-weight: normal;
        }
        
        .dropdown-wrapper:after {
            content: "\f078";
            font-family: "FontAwesome";
            font-size: 16px;
            color: #777;
            right: 4px;
            top: 40%;
            padding: 0 0 2px;
            position: absolute;
            pointer-events: none;
            display: none\9;
        }
        
        label-header-error {
            color: red;
            margin-left: 15px;
        }
        
        label-header-error.state-error {
            margin-left: 12px;
            text-align: right;
        }
        
        .field-error {
            color: red;
            margin-left: 15px;
        }
        
        .field-warning {
            color: #8a6d3b;
            margin-left: 15px;
        }
        
        .field-error.warnicon {
            background-image: url(../img/icon/messaging-error-2x.png);
            height: 16px;
            width: 16px;
            -ms-background-size: 16px 16px;
            background-size: 16px 16px;
            -ms-background-repeat: no-repeat;
            background-repeat: no-repeat;
        }
        
        .payment-processor span.field-error.warnicon {
            float: right;
            margin-right: 10px;
            margin-top: 2px;
            display: block;
        }
        
        page-header-error {
            clear: both;
            color: red;
            float: left;
        }
        
        .city-error-container {
            display: none;
        }
        
        .postal-error-container {
            display: none;
        }
        
        .firstname-error-container {
            display: none;
        }
        
        .lastname-error-container {
            display: none;
        }
        
        .address-error-container {
            display: block;
        }
        
        .fullname-error-container {
            display: block;
        }
        
        .address-error-container page-header-error {
            clear: both;
        }
        
        label span.field-error {
            font-size: 14px;
        }
        
        label span.field-warning {
            font-size: 14px;
        }
        
        .address .zip {
            width: 130px;
            margin-left: 20px;
            float: left;
        }
        
        .address .zip input {
            width: 130px;
        }
        
        .address .city {
            width: 251px;
            /*margin-left: 20px;*/
            float: left;
        }
        
        .address .city input {
            width: 100%;
        }
        
        .address .state {
            width: 101px;
            margin-left: 20px;
            float: left;
        }
        
        .address .state input {
            width: 100%;
        }
        
        .address .state select {
            width: 100%;
        }
        
        .address select.disabled-field {
            background-color: rgb(235, 235, 228);
        }
        
        .ng-modal-overlay {
            /* A dark translucent div that covers the whole screen */
            position: fixed;
            z-index: 9999;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000000;
            opacity: 0.8;
        }
        
        .ng-modal-dialog {
            /* A centered div above the overlay with a box shadow. */
            z-index: 10000;
            position: fixed;
            width: 50%;
            /* Default */
            /* Center the dialog */
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            background-color: #fff;
            box-shadow: 4px 4px 80px #000;
        }
        
        .ng-modal-dialog-content {
            padding: 10px;
            text-align: left;
        }
        
        .ng-modal-close {
            /*position: absolute;
        top: 3px;
        right: 5px;
        padding: 5px;*/
            position: relative;
            width: 100%;
            text-align: center;
            cursor: pointer;
            font-size: 120%;
            display: inline-block;
            font-weight: bold;
            font-family: 'arial', 'sans-serif';
            padding: 10px;
        }
        
        .main-content.registration .planview-desktop {
            display: block;
        }
        
        .main-content.registration .planview-tablet,
        .main-content.registration .planview-mobile {
            display: none;
        }
        
        .main-content .registration .sync-register {}
        
        .registration-content {}
        
        .registration-content .sync-register {
            width: 40%;
            float: left;
        }
        
        .registration-content .sync-login {
            width: 40%;
            float: left;
        }
        
        .registration-content .sync-register .messagearea .title {
            font-family: "SourceSansPro-Semibold";
            font-size: 24px;
            color: #444;
            line-height: 30px;
        }
        
        .registration-content .sync-register .messagearea .message {
            font-family: "SourceSansPro-Regular";
            font-size: 1;
            color: #444;
            line-height: 18px;
            margin-top: 18px;
            margin-bottom: 14px;
        }
        
        .registration-content .sync-register button {
            font-family: "SourceSansPro-Bold";
            font-size: 18px;
            width: 218px;
            height: 40px;
            margin: 0 auto;
        }
        
        .registration-content .sync-register .input {
            width: 100%;
            margin-bottom: 10px;
            font-size: 14px;
            height: 40px;
        }
        
        .registration-content .sync-register .haveaccount-container {
            width: 100%;
            font-size: 16px;
            font-weight: normal;
            margin-top: 20px;
        }
        
        .registration-content .sync-register .haveaccount-container a {
            color: #000;
            cursor: pointer;
            text-decoration: underline;
        }
        
        .registration-content .sync-register .email-entry {
            display: block;
            width: 100%;
        }
        
        .registration-content .sync-register .password-entry {
            display: block;
            width: 100%;
        }
        
        .registration-content .sync-register .password-entry .password {
            float: left;
            width: 100%;
        }
        
        .registration-content .sync-register .password-entry .confirm-password {
            float: left;
            /*margin-left: 20px;*/
            width: 100%;
        }
        
        .registration-content .sync-register .register-submit {
            clear: both;
        }
        
        .registration-content .sync-login .messagearea .title {
            font-family: "SourceSansPro-Semibold";
            font-size: 24px;
            color: #444;
            line-height: 30px;
        }
        
        .registration-content .sync-login button {
            font-family: "SourceSansPro-Bold";
            font-size: 18px;
            width: 218px;
            height: 40px;
            margin: 0 auto;
        }
        
        .registration-content .sync-login .messagearea .message {
            font-family: "SourceSansPro-Regular";
            font-size: 1;
            color: #444;
            line-height: 18px;
            margin-top: 18px;
            margin-bottom: 14px;
        }
        
        .registration-content .external-login .loginbutton-container {
            margin-top: 20px;
        }
        
        .registration-content .external-login {
            margin-left: 20%;
        }
        
        .register-buttons {
            margin-top: 20px;
        }
        
        .register-buttons a.cancel {
            font-size: 16px;
            font-weight: normal;
            margin: 0 auto;
            cursor: pointer;
            color: black;
        }
        
        .login-content {}
        
        .login-content .sync-login {
            width: 40%;
            float: left;
        }
        
        .login-content .sync-login .messagearea .title {
            font-family: "SourceSansPro-Semibold";
            font-size: 24px;
            color: #444;
            line-height: 30px;
        }
        
        .login-content .sync-login .messagearea .message {
            font-family: "SourceSansPro-Regular";
            font-size: 1;
            color: #444;
            line-height: 18px;
            margin-top: 18px;
            margin-bottom: 14px;
        }
        
        .login-content .sync-login button {
            font-family: "SourceSansPro-Bold";
            font-size: 18px;
            width: 218px;
            height: 40px;
            margin: 0 auto;
        }
        
        .login-content .sync-login .input {
            width: 100%;
            margin-bottom: 10px;
            font-size: 14px;
            height: 40px;
        }
        
        .login-content .sync-login .section-divider {
            margin: 50% 0 20px 0;
            text-align: center;
            height: 100%;
        }
        
        .login-content .sync-login .remember-me label {
            width: auto;
            font-size: 16px;
            font-weight: normal;
            max-width: 100%;
        }
        
        .login-content .sync-login .forgotpassword-container {
            width: 100%;
            font-size: 16px;
            font-weight: normal;
            margin-top: 20px;
        }
        
        .login-content .sync-login .forgotpassword-container a {
            color: #000;
            cursor: pointer;
            text-decoration: underline;
        }
        
        .login-content .sync-login .email-entry {
            display: block;
            width: 100%;
        }
        
        .login-content .sync-login .password-entry {
            display: block;
            width: 100%;
        }
        
        .login-content .sync-login .password-entry .password {
            float: left;
            width: 100%;
        }
        
        .login-content .sync-login .loginbutton-container {
            clear: both;
        }
        
        .login-content .external-login .loginbutton-container {
            margin-top: 20px;
        }
        
        .login-content .sync-login .external-login .loginbutton-container:first-child {
            margin-top: 0px;
        }
        
        .login-content .external-login {
            margin-left: 20%;
        }
        
        .login-content .sync-login .external-login .loginbutton-container {
            margin-top: 20px;
        }
        
        .login-content .sync-login .external-login .loginbutton-container:first-child {
            margin-top: 0px;
        }
        
        .external-login button.external-login-button {
            font-weight: bold;
        }
        
        .main-content.payment .planview-desktop {
            display: block;
        }
        
        .main-content.payment .planview-tablet {
            display: none;
        }
        
        .main-content.payment .planview-mobile {
            display: none;
        }
        
        .main-content.receipt .planview-desktop {
            display: block;
        }
        
        .main-content.receipt .planview-tablet {
            display: none;
        }
        
        .main-content.receipt .planview-mobile {
            display: none;
        }
        
        .main-content.offer-list .planview-desktop {
            display: block;
        }
        
        .main-content.offer-list .planview-tablet {
            display: none;
        }
        
        .main-content.offer-list .planview-mobile {
            display: none;
        }
        
        .termsandconditions-container {}
        
        .termsandconditions-container .modalmessage {}
        
        .termsandconditions-container .modalmessage a {
            cursor: pointer;
        }
        
        .terms-compliance-message {
            padding-top: 10px;
        }
        
        @media screen and (min-width: 601px) {
            .main-container {
                height: 240px;
                width: 100%;
            }
            .plan-list .plan .displayText {
                display: block;
            }
            .header-background {
                background-image: url('../img/content-home-background.png');
                height: 240px;
                background-repeat: no-repeat;
                background-position: center;
            }
        }
        
        @media screen and (max-width: 1100px) {
            .header-background {
                background-image: url('../img/content-home-background-md.png');
            }
            .footer-container {
                width: 988px;
            }
            .footer-line {
                width: 100%;
            }
            .footer-line-container {
                width: 988px;
            }
            .footer-starts-container {
                width: 988px;
            }
            .planview-desktop {
                display: none;
            }
            .planview-tablet {
                display: block;
            }
            .planview-mobile {
                display: none;
            }
            .main-content.registration .planview-desktop {
                display: none;
            }
            .main-content.registration .planview-tablet {
                display: block;
            }
            .main-content.registration .planview-mobile {
                display: none;
            }
            .main-content.payment .planview-desktop {
                display: none;
            }
            .main-content.payment .planview-tablet {
                display: block;
            }
            .main-content.payment .planview-mobile {
                display: none;
            }
            .main-content.receipt .planview-desktop {
                display: none;
            }
            .main-content.receipt .planview-tablet {
                display: block;
            }
            .main-content.receipt .planview-mobile {
                display: none;
            }
            .main-content.offer-list .planview-desktop {
                display: none;
            }
            .main-content.offer-list .planview-tablet {
                display: block;
            }
            .main-content.offer-list .planview-mobile {
                display: none;
            }
            .main-content.registration {
                margin-top: 87px;
                width: 900px;
            }
            .registration .content-container,
            .login .content-container {
                margin-left: 56px;
                margin-right: 56px;
            }
            .main-content.receipt {
                margin-top: 87px;
                width: 900px;
            }
            .receipt .content-container {
                margin-left: 56px;
                margin-right: 56px;
            }
            .main-content.payment {
                width: 900px;
            }
            .payment .content-container {
                margin-left: 56px;
                margin-right: 56px;
            }
            .main-content.promo-code {
                width: 900px;
            }
            .main-content.voucher-code {
                width: 900px;
            }
            .main-content.account-verify {
                width: 900px;
            }
            .offer-list .no-subs-container {
                width: 648px;
                /*padding: 28px 28px 28px 28px;
        background-color: #F1F1F1;*/
                margin: 0 auto;
                margin-bottom: 40px;
            }
            .promo-code .promo-code-container {
                width: 648px;
                /*padding: 28px 28px 28px 28px;
        background-color: #F1F1F1;*/
                margin: 0 auto;
                margin-bottom: 40px;
            }
            .promo-code .section-line-split {
                width: 648px;
                height: 2px;
                background-color: #0099B5;
            }
            .voucher-code .voucher-code-container {
                width: 648px;
                margin: 0 auto;
                margin-bottom: 40px;
            }
            .voucher-code .section-line-split {
                width: 648px;
                height: 2px;
                background-color: #0099B5;
            }
            .account-verify .account-verify-container {
                width: 648px;
                /*padding: 28px 28px 28px 28px;
        background-color: #F1F1F1;*/
                margin: 0 auto;
                margin-bottom: 40px;
            }
            .account-verify .section-line-split {
                width: 648px;
                height: 2px;
                background-color: #0099B5;
            }
            .main-content.activation-list {
                width: 900px;
            }
            .activation-list .activation-content-container {
                margin-left: 56px;
                margin-right: 56px;
            }
            .main-content.account-confirm {
                width: 900px;
            }
            .account-confirm .account-confirm-container {
                margin-left: 56px;
                margin-right: 56px;
            }
            .main-content.offer-list {
                width: 900px;
            }
            .offer-list .offer-list-container {
                margin-left: 56px;
                margin-right: 56px;
            }
            .offer-list .external-login {
                margin-left: 0;
            }
            .plan-list {
                margin-left: 56px;
                margin-right: 56px;
            }
        }
        
        @media screen and (max-width: 999px) {
            .header-background {
                background-image: url('../img/content-home-background-sm.png');
            }
            .main-content .content-heading {
                font-family: 'SourceSansPro-Bold';
                font-size: 26px;
                padding-top: 20px;
                padding-bottom: 20px;
                text-align: center;
            }
            .main-content.registration .planview-tablet,
            .main-content.payment .planview-tablet,
            .main-content.receipt .planview-tablet,
            .main-content.offer-list .planview-tablet {
                display: block;
            }
            .main-content.registration .planview-desktop,
            .main-content.registration .planview-mobile,
            .main-content.payment .planview-desktop,
            .main-content.payment .planview-mobile,
            .main-content.receipt .planview-desktop,
            .main-content.receipt .planview-mobile,
            .main-content.offer-list .planview-desktop,
            .main-content.offer-list .planview-mobile {
                display: none;
            }
            .footer-container {
                width: 589px;
            }
            .footer-line {
                width: 100%;
            }
            .footer-line-container {
                width: 589px;
            }
            .footer-starts-container {
                width: 589px;
            }
            .layout-title .text {
                font-size: 46px;
                line-height: 46px;
                margin-left: 10%;
                margin-right: 10%;
                color: #fff;
                display: block;
                text-align: center;
                -ms-text-shadow: 2px 2px 4px #000000;
                text-shadow: 2px 2px 4px #000000;
            }
            .main-content.registration {
                margin-top: 20px;
                width: 601px;
            }
            .registration .content-container,
            .login .content-container {
                margin-left: 42px;
                margin-right: 42px;
            }
            .main-content.login {
                margin-top: 20px;
                width: 601px;
            }
            .main-content.payment {
                width: 601px;
            }
            .payment .content-container {
                margin-left: 42px;
                margin-right: 42px;
            }
            .payment .section-line-split {
                width: 518px;
                height: 2px;
                background-color: #0099B5;
                /*margin-left: 126px;
            margin-right: 126px;*/
            }
            .payment-content .firstName {
                width: 245px;
            }
            .payment-content .lastName {
                width: 245px;
                margin-left: 20px;
            }
            .payment-content .firstName input {
                width: 245px;
            }
            .payment-content .lastName input {
                width: 245px;
            }
            .address .zip {
                width: 125px;
            }
            .address .zip input {
                width: 125px;
            }
            .address .city {
                width: 245px;
                margin-left: 0;
            }
            .address .city input {
                width: 100%;
            }
            .address .state {
                width: 101px;
                margin-left: 20px;
            }
            .address .state input {
                width: 100%;
            }
            .address .state select {
                width: 100%;
            }
            .main-content.promo-code {
                margin-top: 20px;
                width: 601px;
            }
            .main-content.voucher-code {
                margin-top: 20px;
                width: 601px;
            }
            .main-content.account-verify {
                margin-top: 20px;
                width: 601px;
            }
            .offer-list .no-subs-container {
                width: 448px;
                margin: 0 auto;
                margin-bottom: 40px;
            }
            .promo-code .promo-code-container {
                width: 448px;
                margin: 0 auto;
                margin-bottom: 40px;
            }
            .promo-code .section-line-split {
                width: 448px;
                height: 2px;
                background-color: #0099B5;
            }
            .voucher-code .voucher-code-container {
                width: 448px;
                margin: 0 auto;
                margin-bottom: 40px;
            }
            .voucher-code .section-line-split {
                width: 448px;
                height: 2px;
                background-color: #0099B5;
            }
            .voucher-code .voucher-code-container button {
                margin: 0;
            }
            .account-verify .account-verify-container {
                width: 448px;
                margin: 0 auto;
                margin-bottom: 40px;
            }
            .account-verify .section-line-split {
                width: 448px;
                height: 2px;
                background-color: #0099B5;
            }
            .account-verify .account-verify-container button {
                margin: 0;
            }
            .main-content.activation-list {
                margin-top: 20px;
                width: 601px;
            }
            .activation-list .activation-content-container {
                width: 518px;
                margin-left: 42px;
                margin-right: 42px;
                margin-bottom: 40px;
            }
            .activation-list .section-line-split {
                width: 518px;
                height: 2px;
                background-color: #0099B5;
            }
            .activation-list .activation-content-heading {
                width: 100%;
                padding: 0 auto;
                margin: 0 auto;
            }
            .activation-list .account-lookup-container .accountlookup {
                width: 100%;
                margin: 0 auto;
                margin-bottom: 40px;
            }
            .main-content.account-confirm {
                margin-top: 20px;
                width: 601px;
            }
            .account-confirm .account-confirm-container {
                width: 518px;
                margin-left: 42px;
                margin-right: 42px;
                margin-bottom: 40px;
            }
            .main-content.receipt {
                margin-top: 20px;
                width: 601px;
            }
            .receipt .content-container {
                margin-left: 42px;
                margin-right: 42px;
                margin-bottom: 40px;
            }
            .receipt .content-heading {
                font-family: 'SourceSansPro-Bold';
                font-size: 26px;
                color: #0087A0;
                padding-top: 40px;
                padding-bottom: 40px;
                text-align: center;
            }
            .receipt .section-line-split {
                width: 518px;
                height: 2px;
                background-color: #0099B5;
                /*margin-left: 126px;
            margin-right: 126px;*/
            }
            .receipt .sub-view-heading {
                font-family: 'SourceSansPro-Bold';
                font-weight: bold;
                font-size: 26px;
                color: #000;
                padding-top: 30px;
                padding-bottom: 30px;
                text-align: center;
            }
            .receipt .content-heading {
                font-family: 'SourceSansPro-Semibold';
                width: 100%;
                padding: 0 auto;
                margin: 0 auto;
                text-align: left;
                font-size: 18px;
                line-height: 24px;
            }
            .receipt .quadrant.right {
                border-left-style: solid;
                border-left-width: 1px;
                border-left-color: #d7d7d7;
            }
            .receipt .quadrant.left {
                border-right-style: solid;
                border-right-width: 0;
                border-right-color: #d7d7d7;
            }
            .receipt .quadrant.top {
                border-bottom-style: solid;
                border-bottom-width: 1px;
                border-bottom-color: #d7d7d7;
            }
            .receipt .quadrant {
                float: left;
                display: block;
                width: 50%;
                height: 616px;
                margin-bottom: 0px;
                margin-top: 0px;
                text-align: center;
            }
            .receipt .quadrant .readtype {
                text-align: center;
                margin-top: 14px;
                font-family: 'SourceSansPro-Bold';
                font-size: 18px;
                min-height: 50px;
            }
            .receipt .quadrant .img-container {
                /*-moz-min-width: 330px;
        -ms-min-width: 330px;
        -o-min-width: 330px;
        -webkit-min-width: 330px;
        min-width: 330px;*/
                text-align: center;
                min-height: 138px;
                margin-top: 30px;
            }
            .receipt .quadrant .img-container.web-img-container {
                background-image: url(../img/paper-web-601-999.png);
                background-position: center;
                background-repeat: no-repeat;
            }
            .receipt .quadrant .img-container.eedition-img-container {
                background-image: url(../img/eEdition-601-999.png);
                background-position: center;
                background-repeat: no-repeat;
            }
            .receipt .quadrant .img-container.app-img-container {
                background-image: url(../img/paper_app_320.png);
                background-position: center;
                background-repeat: no-repeat;
            }
            .receipt .quadrant .img-container.archive-img-container {
                background-image: url(../img/paper_archive_320.png);
                background-position: center;
                background-repeat: no-repeat;
            }
            .receipt .quadrant ul {
                text-align: left;
                margin-left: 0;
                margin-top: 18px;
                line-height: 20px;
                width: 214px;
                font-size: 16px;
                margin-bottom: 30px;
            }
            .receipt .quadrant li {
                list-style-image: url(../img/arrow-right-double.png);
            }
            .receipt .quadrant button {
                margin-top: 20px;
                width: 212px;
                height: 31px;
                font-size: 16px;
            }
            .receipt .portal-message {
                width: 100%;
                margin: 0 auto;
                padding-top: 10px;
                padding-bottom: 20px;
                font-family: 'SourceSansPro-Regular';
                font-size: 12px;
                color: #444;
                line-height: 16px;
            }
            .main-content.offer-list {
                margin-top: 20px;
                width: 601px;
            }
            .offer-list .offer-list-container {
                margin-left: 42px;
                margin-right: 42px;
            }
            .plan-list {
                margin-left: 42px;
                margin-right: 42px;
            }
            .plan-list .section-line-split {
                width: 518px;
            }
            .plan-list .plan .displayText {
                width: 285px;
            }
            .plan-list .plan .buttons-and-images {
                width: 200px;
                margin-left: 32px;
            }
            .plan-list button.subscribe {
                width: 200px;
            }
            .plan-list .plan .buttons-and-images .plan-type-image img {
                max-width: 150px;
                height: auto;
            }
            .plan-list .plan .buttons-and-images .plan-type-image .post-plan-type-image-text {
                padding-left: 5px;
            }
            .offer-list .have-subscription-container {
                width: 518px;
            }
            .offer-list .have-subscription-container .account-lookup-container {
                width: 100%;
            }
            .offer-list .have-subscription-container .top-message {
                font-size: 16px;
                color: #444;
                line-height: 18px;
            }
            .offer-list .have-subscription-container .accountlookup button {
                font-family: "SourceSansPro-Bold";
                font-size: 18px;
                width: 282px;
                margin: 0 auto;
            }
            .offer-list .have-subscription-container .sync-login button {
                font-family: "SourceSansPro-Bold";
                font-size: 18px;
                width: 282px;
                margin: 0 auto;
            }
            .offer-list .account-lookup-container .lookup-error-display {
                width: 100%;
            }
            .offer-list .account-lookup-container .lookup-error-display .lookup-error-message {
                width: 100%;
            }
            .offer-list .have-subscription-container .accountlookup {
                margin-left: 64px;
                margin-right: 64px;
            }
            .external-login {
                margin-left: 0;
            }
            .offer-list .have-subscription-container .accountlookup .lookupbutton-container {
                text-align: left;
            }
            .offer-list .have-subscription-container .sync-login {
                margin-left: 64px;
                margin-right: 64px;
            }
            .offer-list .have-subscription-container .sync-login .loginbutton-container {
                text-align: left;
            }
            .offer-list .have-subscription-container .sync-login .forgotpassword-container {
                text-align: left;
            }
            .offer-list .lookup-login-container .horiz-divider {
                display: none;
            }
            .offer-list .lookup-login-container .vert-divider {
                display: block;
                float: left;
                width: 100%;
                border-top-width: 1px;
                border-top-color: #cbcbcb;
                border-top-style: solid;
                height: 1px;
                margin-top: 20px;
            }
            .offer-list .lookup-login-container .treg-container {
                float: left;
                width: 458px;
                /*height: 470px;*/
                margin-top: 20px;
            }
            .planinfo-header .planinfo-content-container {
                width: 518px;
                margin-bottom: 40px;
            }
            .planinfo-header .section-line-split {
                width: 518px;
                height: 2px;
                background-color: #0099B5;
            }
            .planinfo-header .planinfo-content-heading,
            .planinfo-header .planinfo-receipt-content-heading-left,
            .planinfo-header .planinfo-receipt-content-heading-right {
                width: 100%;
                padding: 0 auto;
                margin: 0 auto;
                padding-top: 10px;
                padding-bottom: 10px;
            }
            @media screen and (max-width: 768px) {
                footer.global .footer-starts-container nav.starts li {
                    width: auto;
                    padding: 0 12px 0 0;
                    border-right: 1px solid #ccc;
                }
                footer.global .footer-starts-container nav.starts li:last-child {
                    border-right: none;
                }
            }
            @media screen and (max-width: 600px) {
                button.subscribe {
                    font-family: "SourceSansPro-Bold";
                }
                button.already-have-sub {
                    padding-bottom: 50px;
                }
                div.best-offer-circle {
                    left: 0;
                    position: relative;
                    line-height: 16px;
                    font-size: 16px;
                }
                .best-offer-circle {
                    width: 72px;
                    height: 72px;
                }
                .footer-container {
                    width: 320px;
                    margin-bottom: 30px;
                }
                .footer-line {
                    width: 320px;
                }
                .footer-line-container {
                    width: 320px;
                }
                .footer-starts-container {
                    width: 320px;
                }
                .footer-container .img-responsive {
                    max-width: 150px;
                }
                .footer-container .center-block {
                    margin-bottom: 5px;
                }
                .footer-container .copyright {
                    font-size: 12px;
                }
                .main-content.registration .planview-desktop,
                .main-content.registration .planview-tablet,
                .main-content.payment .planview-desktop,
                .main-content.payment .planview-tablet,
                .main-content.receipt .planview-desktop,
                .main-content.receipt .planview-tablet,
                .main-content.offer-list .planview-desktop,
                .main-content.offer-list .planview-tablet {
                    display: none;
                }
                .main-content.registration .planview-mobile,
                .main-content.payment .planview-mobile,
                .main-content.receipt .planview-mobile,
                .main-content.offer-list .planview-mobile {
                    display: block;
                }
                .main-container {
                    height: 200px;
                    width: 320px;
                }
                .main-content {
                    width: 320px;
                    margin-top: 20px;
                }
                .main-content .content-heading {
                    font-family: 'SourceSansPro-Semibold';
                    font-size: 20px;
                    padding-top: 20px;
                    padding-bottom: 20px;
                    text-align: center;
                }
                .content-container {
                    margin-left: auto;
                    margin-right: auto;
                }
                .main-content.registration {
                    margin-top: 20px;
                    width: auto;
                }
                .registration .content-container,
                .login .content-container {
                    margin-left: 14px;
                    margin-right: 14px;
                }
                .main-content.login {
                    margin-top: 20px;
                    width: auto;
                }
                .section-line-split {
                    width: 300px;
                }
                .header-background {
                    background-image: url('../img/content-home-background-xs.png');
                    background-repeat: no-repeat;
                    background-position: center;
                    width: 100%;
                    height: 200px;
                }
                .layout-title {
                    padding-top: 20px;
                }
                .layout-title .text {
                    font-size: 30px;
                    line-height: 34px;
                    margin-left: 0;
                    margin-right: 0;
                }
                .main-content.offer-list {
                    width: 320px;
                }
                .offer-list {}
                .offer-list .have-subscription-container {
                    padding: 28px 28px 28px 28px;
                    width: 100%;
                    background-color: #F1F1F1;
                    margin: 0 auto;
                    margin-bottom: 40px;
                }
                .offer-list .have-subscription-container .accountlookup {
                    width: 100%;
                    margin-left: 0;
                    margin-right: 0;
                }
                .offer-list .have-subscription-container .sync-login {
                    width: 100%;
                    margin-left: 0;
                    margin-right: 0;
                }
                .offer-list .have-subscription-container .top-message {
                    font-weight: bold;
                    font-size: 16px;
                    color: #444;
                    line-height: 18px;
                }
                .offer-list .have-subscription-container .accountlookup .phone-name-lookup {}
                .offer-list .have-subscription-container .accountlookup input {
                    width: 266px;
                    margin-bottom: 20px;
                    height: 40px;
                }
                .offer-list .have-subscription-container .accountlookup label {
                    width: 100%;
                }
                .offer-list .have-subscription-container .accountlookup button {
                    font-family: "SourceSansPro-Bold";
                    font-size: 18px;
                    width: 266px;
                    margin: 0 auto;
                }
                .offer-list .have-subscription-container .sync-login button {
                    font-family: "SourceSansPro-Bold";
                    font-size: 18px;
                    width: 266px;
                    margin: 0 auto;
                }
                .offer-list .have-subscription-container .accountlookup .lookupbutton-container {
                    /*width: 100%;
                text-align: center;
                margin-top: 20px;*/
                }
                .offer-list .have-subscription-container .accountlookup .messagearea {}
                .offer-list .have-subscription-container .accountlookup .section-divider {
                    font-family: "SourceSansPro-Semibold";
                    font-size: 14px;
                    color: #777;
                }
                .offer-list .have-subscription-container .accountlookup .messagearea .title {
                    font-family: "SourceSansPro-Bold";
                    font-size: 22px;
                    /*color: #444;*/
                    /*line-height: 30px;*/
                }
                .offer-list .have-subscription-container .accountlookup .messagearea .message {
                    font-family: "SourceSansPro-Regular";
                    font-size: 14px;
                    color: #444;
                    line-height: 18px;
                    margin-top: 18px;
                    margin-bottom: 14px;
                }
                .offer-list .lookup-login-container {
                    margin-top: 32px;
                    height: 466px;
                }
                .offer-list .lookup-login-container .account-lookup-container {
                    float: left;
                    width: 100%;
                }
                .offer-list .lookup-login-container .horiz-divider {
                    display: none;
                    /*float: left;
                width: 1px;
                margin-left: 21px;
                margin-right: 21px;
                border-left-width: 1px;
                border-left-color: #cbcbcb;
                border-left-style: solid;
                height: 466px;*/
                }
                .offer-list .lookup-login-container .vert-divider {
                    display: block;
                    float: left;
                    width: 100%;
                    border-top-width: 1px;
                    border-top-color: #cbcbcb;
                    border-top-style: solid;
                    height: 1px;
                    margin-top: 20px;
                }
                .offer-list .lookup-login-container .treg-container {
                    float: left;
                    width: 264px;
                    margin-top: 20px;
                }
                .offer-list .account-lookup-container .lookup-error-display {
                    width: 100%;
                }
                .offer-list .account-lookup-container .lookup-error-display .lookup-error-message {
                    width: 100%;
                }
                .plan-list .section-line-split {
                    width: 300px;
                    height: 2px;
                    background-color: #0099B5;
                }
                .plan-list {
                    margin-left: 12px;
                    margin-right: 12px;
                }
                .plan-list .plan {
                    margin-top: 20px;
                    margin-bottom: 40px;
                }
                .plan-list .plan .plan-title {
                    margin-bottom: 20px;
                }
                .plan-list .plan .displayText {
                    display: none;
                }
                .plan-list .plan .displayTextSmall {
                    margin-top: 20px;
                    display: block;
                }
                .plan-list .plan .displayTextSmall ul {
                    overflow: hidden;
                }
                .plan-list .plan .buttons-and-images {
                    float: left;
                    display: block;
                    width: 100%;
                    text-align: center;
                    margin-left: 0;
                }
                .registration-content {}
                .registration-content .sync-register .email-entry {
                    width: 100%;
                }
                .registration-content .sync-register .password-entry .password {
                    float: left;
                    width: 100%;
                }
                .registration-content .sync-register .password-entry .confirm-password {
                    margin-left: 0;
                    width: 100%;
                }
                .registration-content .sync-register button {
                    width: 100%;
                }
                .registration-content .sync-login button {
                    width: 100%;
                }
                .login-content .sync-login .email-entry {
                    width: 100%;
                }
                .registration-content .sync-register {
                    width: 100%;
                }
                .registration-content .external-login {
                    width: 100%;
                    margin-top: 20px;
                    margin-left: 0;
                }
                .login-content .sync-login {
                    width: 100%;
                }
                .login-content .external-login {
                    margin-top: 20px;
                    margin-left: 0;
                }
                .login-content .sync-login .password-entry .password {
                    float: left;
                    width: 100%;
                }
                .login-content .sync-login button {
                    width: 100%;
                }
                .main-content.payment {
                    width: 320px;
                }
                .payment .content-container {
                    width: 100%;
                    margin: 0 auto;
                    margin-bottom: 40px;
                }
                .payment .section-line-split {
                    width: 320px;
                }
                .main-content.payment-content .address {
                    width: 320px;
                }
                .payment-content .firstName,
                .payment-content .lastName,
                .payment-content .firstName input,
                .payment-content .lastName input {
                    width: 100%;
                    margin-left: 0;
                }
                .payment-content button.submit-purchase {
                    width: 100%;
                    margin-top: 20px;
                }
                .payment-content button.processing-purchase {
                    width: 100%;
                    margin-top: 20px;
                    background-color: #fff;
                    color: #ee3948;
                    border-color: #ee3948;
                    border-width: 1px;
                    border-style: solid;
                }
                .address .address1 label,
                .address .address1 input {
                    width: 100%;
                }
                .address .citystatezip label {
                    margin-top: 20px;
                    font-size: 14px;
                    margin-bottom: 0;
                }
                .address .citystatezip input,
                .address .citystatezip select {
                    margin-top: 12px;
                    height: 40px;
                }
                .address .citystatezip .zip {
                    width: 100%;
                    float: none;
                    margin: 0;
                }
                .address .citystatezip .zip input {
                    width: 100%;
                }
                .address .citystatezip .state {
                    width: 100%;
                    float: none;
                    margin: 0;
                }
                .address .citystatezip .city {
                    width: 100%;
                    margin-left: 0;
                }
                .payment-content .phoneNumber,
                .payment-content .phoneNumber input {
                    width: 100%;
                }
                .payment-content .terms-and-conditions-container {
                    margin-left: 0;
                }
                .payment-content .terms-and-conditions-container label {
                    width: auto;
                    margin-top: 4px;
                    /*font-size: 14px;
        font-weight: normal;
        margin-bottom: 0;*/
                }
                .payment-content .terms-and-conditions-container input {
                    height: auto;
                    position: relative;
                    margin-right: 8px;
                }
                .payment-content .termsmodal-container {
                    width: 100%;
                }
                .payment-content .payframe {
                    min-height: 370px;
                }
                .payment-content .payframe.cybersource {
                    min-height: 490px;
                }
                .ng-modal-dialog {
                    width: 90%;
                    height: 90%;
                }
                .ng-modal-dialog-content {
                    max-height: 450px;
                    overflow: scroll;
                }
                .activation-list {}
                .main-content.activation-list {
                    width: 320px;
                }
                .activation-list .activation-content-container {
                    width: 100%;
                    margin: 0 auto;
                    margin-bottom: 40px;
                }
                .activation-list .activation-content-heading {
                    width: 100%;
                    padding: 0 auto;
                    margin: 0 auto;
                }
                .activation-list .account-lookup-container .accountlookup {
                    width: 100%;
                    margin: 0 auto;
                    margin-bottom: 40px;
                }
                .activation-list .section-line-split {
                    width: 320px;
                }
                .activation-list .account-lookup-container .accountlookup input {
                    width: 100%;
                    padding: 6px 12px;
                    font-size: 14px;
                    margin-bottom: 20px;
                    height: 40px;
                }
                .activation-list .account-lookup-container .accountlookup label {
                    width: 100%;
                }
                .activation-list .account-lookup-container .accountlookup button {
                    font-family: "SourceSansPro-Bold";
                    font-size: 18px;
                    width: 100%;
                    height: 40px;
                    margin: 0 auto;
                }
                .activation-list .account-lookup-container .accountlookup .lookupbutton-container {
                    width: 100%;
                    text-align: center;
                    margin-top: 20px;
                }
                .activation-list .account-lookup-container .accountlookup .section-divider {
                    width: 100%;
                    margin-bottom: 20px;
                    text-align: center;
                }
                .activation-list .account-lookup-container .accountlookup .messagearea .title {
                    font-family: "SourceSansPro-Semibold";
                    font-size: 24px;
                    color: #444;
                    line-height: 30px;
                }
                .activation-list .account-lookup-container .accountlookup .messagearea .message {
                    font-family: "SourceSansPro-SemiBold";
                    font-size: 20px;
                    color: #444;
                    line-height: 24px;
                    margin-top: 18px;
                    margin-bottom: 14px;
                }
                .activation-list .account-lookup-container .lookup-error-display {
                    width: 100%;
                }
                .activation-list .account-lookup-container .lookup-error-display .lookup-error-message {
                    width: 100%;
                }
                .account-confirm {}
                .main-content.account-confirm {
                    width: 320px;
                }
                .account-confirm .account-confirm-container {
                    width: 100%;
                    margin: 0 auto;
                    margin-bottom: 40px;
                }
                .account-confirm .account-confirm-container input {
                    width: 100%;
                    font-size: 14px;
                    margin-bottom: 20px;
                    height: 40px;
                    padding: 6px 12px;
                }
                .account-confirm .account-confirm-container .label {
                    width: 100%;
                    white-space: normal;
                    padding: 0;
                    font-size: 12px;
                    margin-bottom: 12px;
                }
                .account-confirm .account-confirm-container button {
                    font-family: "SourceSansPro-Bold";
                    font-size: 18px;
                    width: 100%;
                    margin-top: 10px;
                }
                .account-confirm .account-confirm-container .confirm-error-display {
                    width: 100%;
                }
                .account-confirm .account-confirm-container .confirm-error-display .confirm-error-message {
                    width: 100%;
                }
                .main-content.reset-password-request,
                .main-content.promo-code {
                    width: 320px;
                }
                .main-content.voucher-code {
                    width: 320px;
                }
                .main-content.account-verify {
                    width: 320px;
                }
                .offer-list .no-subs-container {
                    width: 100%;
                    /*padding: 28px 28px 28px 28px;
        background-color: #F1F1F1;*/
                    margin: 0 auto;
                    margin-bottom: 40px;
                }
                .offer-list .zip-code-restrictions-container {
                    width: 300px;
                    margin: 0 auto;
                    margin: 0px 12px 20px;
                }
                .reset-password-request .reset-password-request-container,
                .promo-code .promo-code-container,
                .reset-password .reset-password-container {
                    width: 100%;
                    margin: 0 auto;
                    margin-bottom: 40px;
                }
                .reset-password-request .section-line-split,
                .promo-code .section-line-split {
                    width: 320px;
                    height: 2px;
                    background-color: #0099B5;
                }
                .reset-password-request .reset-password-request-container .button-container,
                .reset-password .reset-password-container .button-container {
                    text-align: center;
                }
                .reset-password-request .reset-password-request-container button {
                    margin: 2px auto;
                }
                .promo-code .promo-code-container input {
                    width: 266px;
                    padding: 6px 12px;
                    font-size: 14px;
                    margin-bottom: 20px;
                    height: 40px;
                }
                .promo-code .promo-code-container label {
                    width: 100%;
                }
                .promo-code .promo-code-container .label {
                    width: 100%;
                }
                .promo-code .promo-code-container button {
                    font-family: "SourceSansPro-Bold";
                    font-size: 18px;
                    width: 266px;
                    margin: 0 auto;
                }
                .voucher-code .voucher-code-container {
                    width: 100%;
                    /*padding: 28px 28px 28px 28px;
        background-color: #F1F1F1;*/
                    margin: 0 auto;
                    margin-bottom: 40px;
                }
                .voucher-code .section-line-split {
                    width: 320px;
                    height: 2px;
                    background-color: #0099B5;
                }
                .voucher-code .voucher-code-container input {
                    width: 266px;
                    padding: 6px 12px;
                    font-size: 14px;
                    margin-bottom: 20px;
                    height: 40px;
                }
                .voucher-code .voucher-code-container label {
                    width: 100%;
                }
                .voucher-code .voucher-code-container .label {
                    width: 100%;
                }
                .voucher-code .voucher-code-container button {
                    font-family: "SourceSansPro-Bold";
                    font-size: 18px;
                    width: 266px;
                    margin: 0 auto;
                }
                .voucher-code .voucher-code-container button {
                    margin: 0;
                }
                .voucher-code .voucher-code-container button.newcode {
                    margin-top: 10px;
                }
                .account-verify .account-verify-container {
                    width: 100%;
                    /*padding: 28px 28px 28px 28px;
        background-color: #F1F1F1;*/
                    margin: 0 auto;
                    margin-bottom: 40px;
                }
                .account-verify .section-line-split {
                    width: 320px;
                    height: 2px;
                    background-color: #0099B5;
                }
                .account-verify .account-verify-container input {
                    width: 266px;
                    padding: 6px 12px;
                    font-size: 14px;
                    margin-bottom: 20px;
                    height: 40px;
                }
                .account-verify .account-verify-container label {
                    width: 100%;
                }
                .account-verify .account-verify-container .label {
                    width: 100%;
                }
                .account-verify .account-verify-container button {
                    font-family: "SourceSansPro-Bold";
                    font-size: 18px;
                    width: 266px;
                    margin: 0 auto;
                }
                .account-verify .account-verify-container button {
                    margin: 0;
                }
                .account-verify .account-verify-container button.newcode {
                    margin-top: 10px;
                }
                .main-content.receipt {
                    width: 320px;
                }
                .receipt .content-container {
                    width: 100%;
                    margin: 0 auto;
                    margin-bottom: 40px;
                }
                .receipt .content-heading {
                    width: 100%;
                    padding: 0 auto;
                    margin: 0 auto;
                    text-align: left;
                    font-size: 18px;
                    line-height: 21px;
                }
                .receipt .section-line-split {
                    width: 320px;
                }
                .receipt .sub-view-heading {
                    padding-top: 26px;
                    padding-bottom: 30px;
                }
                .receipt .quadrant.right {
                    border-left-style: solid;
                    border-left-width: 0px;
                    border-left-color: #d7d7d7;
                }
                .receipt .quadrant.left {
                    border-right-style: solid;
                    border-right-width: 0px;
                    border-right-color: #d7d7d7;
                }
                .receipt .quadrant.top {
                    border-bottom-style: solid;
                    border-bottom-width: 1px;
                    border-bottom-color: #d7d7d7;
                }
                .receipt .quadrant {
                    float: left;
                    display: block;
                    width: 100%;
                    height: 100%;
                    margin-bottom: 0px;
                    margin-top: 0px;
                    text-align: center;
                    border-bottom-style: solid;
                    border-bottom-width: 1px;
                    border-bottom-color: #d7d7d7;
                }
                .quadrant .quadrant-container {}
                .receipt .quadrant .img-container {
                    /*-moz-min-width: 330px;
        -ms-min-width: 330px;
        -o-min-width: 330px;
        -webkit-min-width: 330px;
        min-width: 330px;*/
                    text-align: center;
                    min-height: 138px;
                    margin-top: 30px;
                }
                .receipt .quadrant .img-container.web-img-container {
                    background-image: url(../img/paper-web-601-999.png);
                    background-position: center;
                    background-repeat: no-repeat;
                }
                .receipt .quadrant .img-container.eedition-img-container {
                    background-image: url(../img/eEdition-601-999.png);
                    background-position: center;
                    background-repeat: no-repeat;
                }
                .receipt .quadrant .img-container.app-img-container {
                    background-image: url(../img/paper_app_320.png);
                    background-position: center;
                    background-repeat: no-repeat;
                }
                .receipt .quadrant .img-container.archive-img-container {
                    background-image: url(../img/paper_archive_320.png);
                    background-position: center;
                    background-repeat: no-repeat;
                }
                .receipt .quadrant ul {
                    text-align: left;
                    margin-top: 20px;
                    margin-bottom: 30px;
                    margin-left: 0;
                    line-height: 28px;
                    width: 300px;
                    font-size: 16px;
                }
                .receipt .quadrant li {
                    list-style-image: ;
                }
                .receipt .quadrant button {
                    margin-top: 20px;
                    width: 277px;
                }
                .receipt .portal-message {
                    width: 100%;
                    margin: 0 auto;
                    padding-top: 10px;
                    padding-bottom: 20px;
                    font-family: 'SourceSansPro-Regular';
                    font-size: 12px;
                    color: #444;
                    line-height: 16px;
                }
                .planinfo-header .planinfo-content-container {
                    width: 100%;
                    margin: 0 auto;
                    margin-bottom: 40px;
                }
                .planinfo-header .planinfo-content-heading,
                .planinfo-header .planinfo-receipt-content-heading-left {
                    width: 100%;
                    padding: 0 auto;
                    margin: 0 auto;
                    padding-top: 5px;
                    padding-bottom: 5px;
                }
                .planinfo-header .planinfo-receipt-content-heading-right {
                    width: 100%;
                    padding: 0 auto;
                    margin: 0 auto;
                    padding-top: 5px;
                    padding-bottom: 5px;
                    float: left;
                    /* Need to float the right-side heading to the left on small screens*/
                }
                .planinfo-header .section-line-split {
                    width: 320px;
                }
                .city-error-container {
                    display: block;
                }
                .postal-error-container {
                    display: block;
                }
                .firstname-error-container {
                    display: block;
                }
                .lastname-error-container {
                    display: block;
                }
                .address-error-container {
                    display: none;
                }
                .fullname-error-container {
                    display: none;
                }
            }
            @media screen and (max-width: 599px) and (min-width: 0) {
                footer.global .footer-starts-container nav.starts li {
                    width: 90%;
                    padding: 4px 0 4px 0;
                    border-right: none;
                }
            }
            @media screen and (max-height: 420px) {
                .ng-modal-dialog {
                    width: 90%;
                    height: 90%;
                }
                .ng-modal-dialog-content {
                    max-height: 250px;
                    overflow: scroll;
                }
            }
            html,
            body {
                display: block;
            }