@charset "utf-8";
/* CSS Document */

body {
    font-family: Arial, sans-serif, Helvetica;
}

@media only screen and (min-width:320px) {
    .clear {
        clear: both;
    }

    .TopNav {
        float: right;
        width: 100%;
        padding: 15px 0 5px 0;
    }

        .TopNav ul {
            float: right;
            list-style: none;
            margin: 0px;
            padding: 0px;
        }

            .TopNav ul li {
                float: left;
                list-style: none;
                margin: 0px;
                padding: 0px 20px 0 0;
                font-size: 11px;
                color: #0076af;
            }

                .TopNav ul li:last-child {
                    padding-right: 0px;
                }

                .TopNav ul li a, .TopNav ul li a:hover {
                    color: #0076af;
                    text-decoration: none;
                }

    .banner {
        background: url("https://image.crm.abbvie.com/lib/fe3e11727664057e741472/m/1/6c23bd0b-ec68-462c-9f6d-c7d9ef81f877.png") no-repeat right bottom;
        background-size: cover;
        height: 335px;
    }

        .banner .container {
            position: relative;
            height: 335px;
        }

    .logo {
        float: left;
        padding: 20px 0 0 0;
    }

        .logo img {
            width: 196px;
            height: auto;
        }

    .text {
        position: absolute;
        bottom: 20px;
        left: 0px;
    }

        .text h1 {
            font-size: 20px;
            color: #ffffff;
            font-weight: bold;
            text-transform: uppercase;
        }

    .signUPText {
        padding: 205px 0 0 0;
    }

        .signUPText a, .signUPText a:hover {
            color: #ffffff;
            text-decoration: none;
        }

    .hideMobile {
        display: none;
    }

    .title {
        float: left;
        padding: 30px 0 0 0;
    }

        .title h2 {
            font-size: 14px;
            font-weight: bold;
            color: #4f525c;
        }

    .nameText {
        float: left;
        padding: 30px 0;
    }

        .nameText p {
            font-size: 14px;
            color: #ff00d9;
        }

    .lblTxt {
        float: left;
        padding-bottom: 10px;
        font-size: 14px;
        color: #6a6c74;
    }

    .inputTxt {
        float: left;
        width: 80%;
        height: 43px;
        border: 1px solid #6a6c74;
        background: #ffffff;
        padding: 0 10px;
    }

    .chkBoxContainer {
        float: left;
        padding-top: 30px;
        display: table;
    }

        .chkBoxContainer .tblRow {
            display: table-row;
        }

        .chkBoxContainer .tblCel {
            display: table-cell;
            vertical-align: top;
        }

        .chkBoxContainer input {
            width: 30px;
            height: 30px;
            border: 1px solid #6a6c74;
            background: #ffffff;
        }

        .chkBoxContainer label {
            float: left;
            padding-left: 20px;
            font-size: 14px;
            color: #6a6c74;
            padding-top: 5px;
        }

    .agree {
        color: #4f525c;
        font-size: 14px;
        float: left;
        padding: 30px 0 0;
        margin: 0px;
    }

    .linkTxt, .linkTxt:hover {
        color: #962e69;
        font-weight: bold;
        text-decoration: none;
    }

    .ctaBtn {
        float: none;
        width: 170px;
        height: 44px;
        background: url("https://image.crm.abbvie.com/lib/fe3e11727664057e741472/m/1/56fadbbf-2e7c-4fe5-b8a6-6d56254c733a.png") no-repeat left top;
        border: 0px;
        color: #ffffff;
        font-weight: bold;
        margin: 30px auto 0;
        display: block;
    }

        .ctaBtn:active, .ctaBtn:visited, .ctaBtn:hover, .ctaBtn:link {
            border: 0px;
            outline: 0px;
        }

    .ISI {
        padding: 0px 0 0 0;
    }

        .ISI h2 {
            font-size: 16px;
            font-weight: bold;
            color: #00a1e1;
            padding-top: 40px;
            padding-bottom: 30px;
            margin: 0px;
        }

            .ISI h2.padTB0 {
                padding-bottom: 0px;
                padding-top: 0px;
                margin: 0px;
            }

        .ISI p {
            font-size: 16px;
            color: #6a6c74;
            margin: 0px;
            padding-bottom: 30px;
            float: left;
            width: 100%;
        }

        .ISI ul {
            float: left;
            width: 100%;
            list-style: none;
            margin: 0px;
            padding: 0px 0px 30px;
        }

            .ISI ul li {
                float: left;
                width: 100%;
                list-style: none;
                margin: 0px;
                padding: 0px 0px 5px 15px;
                background: url("https://image.crm.abbvie.com/lib/fe3e11727664057e741472/m/1/3ed52b36-bb1f-4110-a3cb-a2deb4f0c36e.png") no-repeat left 5px;
                color: #6a6c74
            }

            .ISI ul ul {
                float: left;
                width: 100%;
                list-style: none;
                margin: 0px;
                padding: 5px 0px 0px 3px;
            }

        .ISI li li {
            float: left;
            width: 100%;
            list-style: none;
            margin: 0px;
            padding: 0px 0px 5px 15px;
            background: url("https://image.crm.abbvie.com/lib/fe3e11727664057e741472/m/1/a356eea4-965e-4c26-b653-b07893db4b2e.png") no-repeat left 5px;
        }

        .ISI h2.fontSml {
            font-size: 16px;
            padding: 0px 0 30px;
            float: left;
            width: 100%;
        }
            .ISI h2.fontSml.Pt0 {
                padding-top: 0px;
            }

            .ISI h2.fontSml.Pb0 {
                padding-bottom: 0px;
            }

            .ISI h2.fontSml.Pb10 {
                padding-bottom: 10px;
            }

    .fontNormal, .fontNormal:hover {
        font-weight: normal;
    }

    .linkblk, .linkblk:hover {
        color: #6a6c74;
        text-decoration: none;
    }

    .hidePH {
        display: none;
    }

    .showPH {
        display: inline-block;
    }

    .error {
        float: left;
        width: 100%;
        padding-top: 10px;
        color: #fe3131;
        font-size: 14px;
    }

        .error p {
            margin: 0px;
            padding: 0px;
        }

            .error p.errorMsg {
                padding-top: 20px;
            }

    .phoneBanner {
        background: url("https://image.crm.abbvie.com/lib/fe3e11727664057e741472/m/1/25ede038-7830-4a91-a18e-7d235c7b717a.png") no-repeat left top;
        background-size: cover;
        height: 198px;
        margin-top: 40px;
        padding-top: 30px;
    }

        .phoneBanner ul {
            float: left;
            width: auto;
            list-style: none;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px;
        }

            .phoneBanner ul li {
                float: left;
                width: auto;
                list-style: none;
                margin: 0px;
                padding: 105px 0px 0px 0px;
                background: url("https://image.crm.abbvie.com/lib/fe3e11727664057e741472/m/1/b3d9573d-9ffd-4d98-aaca-6c5dbf5468f0.png") no-repeat center top;
                font-size: 14px;
                color: #4f525c;
                text-align: center;
            }

    .ctaContainer {
        float: none;
        width: 270px;
        padding-top: 30px;
        margin: 0 auto;
    }

        .ctaContainer a {
            float: left;
            background: url("https://image.crm.abbvie.com/lib/fe3e11727664057e741472/m/1/c5e21400-c9f0-4cc5-bb7b-8cbf47f857bd.png") no-repeat left top;
            height: 68px;
            color: #ffffff;
            font-size: 16px;
            text-align: center;
            text-decoration: none;
            width: 270px;
            padding-top: 16px;
        }

    .ctaContainerTry {
        float: none;
        width: 170px;
        padding-top: 30px;
        margin: 0 auto;
    }

        .ctaContainerTry a {
            float: left;
            background: url("https://image.crm.abbvie.com/lib/fe3e11727664057e741472/m/1/56fadbbf-2e7c-4fe5-b8a6-6d56254c733a.png") no-repeat left top;
            height: 44px;
            color: #ffffff;
            font-size: 18px;
            text-align: center;
            text-decoration: none;
            width: 170px;
            padding-top: 10px;
        }

    .hideBanner {
        display: none;
    }

    .showBanner {
        display: block;
    }

    p.copyright {
        line-height: 24px;
    }

    .mobBreak {
        display: block;
    }
}

@media only screen and (min-width:768px) {
    .TopNav ul li {
        font-size: 14px;
    }

    .banner {
        background: url("https://image.crm.abbvie.com/lib/fe3e11727664057e741472/m/1/149a3acf-3326-422d-892c-9f4aaa5c0b6a.jpg") no-repeat right top;
        background-size: cover;
        height: 250px;
    }

        .banner .container {
            height: 250px;
        }

    .logo img {
        width: 267px;
        height: auto;
    }

    .logo {
        padding: 30px 0 0 0;
    }

    .title h2 {
        font-size: 18px;
    }

    .nameText p {
        font-size: 18px;
    }

    .lblTxt {
        font-size: 16px;
    }

    .agree {
        font-size: 18px;
    }

    .chkBoxContainer label {
        font-size: 18px;
    }

    .text h1 {
        font-size: 25px;
        width: 350px;
    }

    .signUpErrorTxt h1 {
        font-size: 25px;
        width: 380px;
    }

    .confirmTxt h1 {
        font-size: 25px;
        width: 518px;
    }

    .signUPText {
        padding: 100px 0 0 0;
    }

    .confirmTxt .signUPText {
        padding: 120px 0 0 0;
    }

    .inputTxt {
        width: 448px;
    }

    .ctaBtn {
        display: inline-block;
        float: left;
    }

    .ISI h2 {
        font-size: 24px;
    }

    .ISI p {
        font-size: 18px;
    }

    .ISI h2.fontSml {
        font-size: 18px;
    }

    .hidePH {
        display: inline-block;
    }

    .showPH {
        display: none;
    }

    .phoneBanner {
        background: url("https://image.crm.abbvie.com/lib/fe3e11727664057e741472/m/1/f99ebc5e-bb13-400d-806b-bee5f193c476.png") no-repeat left top;
        background-size: cover;
        height: 152px;
    }

        .phoneBanner ul {
            margin: 0px 0px 0px 50px;
        }

            .phoneBanner ul li {
                padding: 35px 0px 35px 106px;
                background-position: left top;
                text-align: left;
                font-size: 20px;
            }

    .error {
        font-size: 18px;
    }

    .ctaContainer {
        width: 412px;
        float: left;
    }

        .ctaContainer a {
            background: url("https://image.crm.abbvie.com/lib/fe3e11727664057e741472/m/1/a61c9b19-a833-4f9d-bbae-5ec430dd15fd.png") no-repeat left top;
            height: 44px;
            font-size: 18px;
            width: 412px;
            padding-top: 10px;
        }

    .ctaContainerTry {
        float: left;
    }

    .mobBreak {
        display: none;
    }

    .columnwise {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }

    .columnwise1 {
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 920px !important;
    }

    .text {
        bottom: 45px;
    }
}

@media only screen and (min-width:1024px) {
    .banner {
        height: 350px;
    }

        .banner .container {
            height: 350px;
        }

    .text h1 {
        font-size: 35px;
    }

    .signUPText {
        padding: 80px 0 0 0;
    }

    .hideMobile {
        display: inline-block;
    }

    .confirmTxt .signUPText {
        padding: 190px 0 0 0;
    }

    .tryAgainTxt .signUPText {
        padding: 170px 0 0 0;
    }
}


@media only screen and (min-width:1240px) {
    .banner {
        height: 539px;
    }

        .banner .container {
            height: 539px;
        }

    .text h1 {
        font-size: 45px;
    }

    .signUPText {
        padding: 210px 0 0 0;
    }

    .signUpErrorTxt .signUPText {
        padding: 380px 0 0 0;
    }

    .confirmTxt .signUPText {
        padding: 380px 0 0 0;
    }

    .tryAgainTxt .signUPText {
        padding: 320px 0 0 0;
    }

    .hideBanner {
        display: block;
    }

    .showBanner {
        display: none;
    }
}