@charset "UTF-8";

/* reset the main content column widths */
div#wrapper,
div#mainContentColWrap,
.layoutAa div#mainTripleColWrap,
.layoutJ div#mainTripleColWrap,
.layoutAa div#mainContentCol1,
.layoutJ div#mainContentCol2 {
    width: 100%;
    padding: 0;
}

/* hide the right rail */
.layoutAa #mainContentColExtra,
/* hide the nav rail */
div#navAdCol {
    display: none;
}

/* reset fixed with content areas on the quiz */
.quiz-wrapper form,
.quiz-wrapper #quizBox {
    width: 100%;
}

.quiz-wrapper form {
    padding: 0;
}

#mainContentColWrap .SmallShareBarModule {
    min-width: initial;
}

#wrapper .genericPageTitle {
    width: 100%;
    text-align: center;
}
 /* generic theme reset */
.quiz-wrapper .theme {
    position: absolute;
    right: 0;
    top: 6px;
    margin: 0;
    width: 100%;
    height: 13%;
    background-size: 33%;
    float: none;
}

    /* beliefomatic theme overrides */
    #quizBox.BeliefOMatic .theme {
        display: none;
    }

    /* beliefomatic social theme overrides */
    #quizBox.BeliefOMaticSocial .theme {
        margin: 0;
        width: 100%;
        background-size: 100%;
        position: initial;
        margin-top: -20px;
        margin-bottom: -20px;
    }

    @media only screen and (min-width: 400px) {
        #quizBox.BeliefOMaticSocial .theme {
            margin-bottom: 10px;
        }
    }

    /* careeromatic theme overrides */
    #quizBox.CareerOMatic .theme {
        position: initial;
        min-height: 65px;
    }

    /* celebomatic theme override. just hiding it, can't get it to look nice */
    #quizBox.CelebOMatic .theme {
        display: none;
    }

    /* ilovejesus theme override */
    #quizBox.ILoveJesus .theme {
        min-height: 33px;
        top: 2%;
        height: auto;
    }

    #quizBox.PoliticOMatic .theme {
        position: initial;
        min-height: 45px;
    }

.quiz-wrapper .warning {
    width: 100%;
}

#quizBox .contentBox {
    width: 96%;
    padding-right: 0;
    padding-left: 0;
}

#quizBox .POM-content {
    padding: 0;
}

#QuizMod-footer-BOM {
    position: relative;
    background-size: 100%;
    height: 103px;
    padding-top: 0;
}

/* button overrides */
#quizBox.BeliefOMatic #QuizMod-footer-BOM .universalBtn-orange-large a {
    position: absolute;
    height: 30px;
    bottom: 10px;
    font-size: initial;
}

#quizBox.BeliefOMaticSocial #QuizMod-footer-BOM .universalBtn-orange-large {
    margin-top: 10px;
}

#quizBox.CareerOMatic .universalBtn-orange-large {
    display: block;
    padding: 10px 0;
    clear: both;
}

    #quizBox.CareerOMatic .universalBtn-orange-large a {
        display: block;
        margin: 0;
        text-align: center;
    }

#quizBox.CareerOMatic #POM-footer .universalBtn-orange-large {
    width: 90%;
}


/* end button overrides */

.POMInput-wrapper-text {
    display: block;
}

#quizBox input.textInput {
    float: none;
    width: 90%;
}

.POMBtn-GetStarted {
    height: 50px;
}

#quizBox.CareerOMatic .POMBtn-GetStarted {
    height: initial;
}

#quizBox .attribution {
    margin-top: 0;
}

#quizBox .contentBox h1 {
    margin-top: 10px;
    font-size: 24px;
}

.radioWithProperWrap input[type=radio],
.priority-box input[type=radio] {
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(1.5); /* safari/chrome */
    -o-transform: scale(2); /* opera */
    padding: 10px;
}

#quizBox .POM-question-pane .question-image {
    width: 100% !important;
    height: auto !important;
}

#quizBox .contentBox .results-faith div.imgBox {
    width: 100%;
    height: auto;
    float: none;
    margin: 0;
}

/* reset for the beliefomatic result image */
#quizBox.BeliefOMatic .imgBox img {
    width: auto !important;
    height: auto !important;
}

#quizBox .contentBox .results-faith {
    text-align: center;
}

    #quizBox div.contentBox .results-faith .percentage {
        padding: 0;
    }

.POM-content > a > img {
    max-width: 100%;
}

#percentage-chart {
    text-align: center;
}

#percentage-chart a img {
    float: none;
}

#percentage-chart div.faith-percent {
    display: block;
    font-size: initial;
    border-right: none;
}

    #percentage-chart div.faith-percent span {
        font-size: initial;
    }

#percentage-chart div.faith-title {
    display: block;
}

#quizBox.BeliefOMatic #POM-footer .bom-share {
    width: 100%;
    background-size: 100%;
    min-height: 75px;
    padding: 0;
    margin: 0;
}

.bom-share a img {
    display: inline-block;
    padding-right: 2px;
}


#POM-footer .share-bar-large-icons {
    padding: 10px 0 !important;
    margin: 0 !important;
}

#POM-footer .universalBtn-orange-large {
    margin: 0;
}

.BeliefOMaticSocial .quiz-title {
    text-align: center;
    padding: 20px 0;
}

.BeliefOMaticSocial .banner-image {
    width: 95%;
    display: block;
    margin: 0 auto;
}

#quizBox.BeliefOMaticSocial .POM-content {
    padding: 10px;
}

#quizBox.BeliefOMaticSocial .POMBtn-GetStarted {
    clear: both;
    margin: 0;
    height: auto;
}

    #quizBox.BeliefOMaticSocial .POMBtn-GetStarted .qom-custom-skip-text {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #quizBox.BeliefOMaticSocial .POMBtn-GetStarted .share-bar-large-icons {
        margin: 0;
        padding: 20px 0;
        text-align: center;
    }

    #quizBox.BeliefOMaticSocial .POMBtn-GetStarted .buttons-wrapper {
        margin: 0;
        text-align: center;
    }

#quizBox.BeliefOMaticSocial .attribution {
    margin: 0;
}

#quizBox.BeliefOMaticSocial .contentBox {
    padding-bottom: 0px;
}

#quizBox.BeliefOMaticSocial .question-text {
    font-size: 20px;
    display: block;
    font-size: 20px;
}

#quizBox.BeliefOMaticSocial .radioWithProperWrap input,
#quizBox.BeliefOMaticSocial .radioWithProperWrap label {
    display: inline-block;
}

#quizBox.BeliefOMaticSocial .radioWithProperWrap input {
    margin: 0;
}

#quizBox.BeliefOMaticSocial .radioWithProperWrap label {
    width: 80%;
}

#quizBox.BeliefOMaticSocial .radioWithProperWrap td {
    padding-bottom: 30px;
}

#quizBox.BeliefOMaticSocial .priority-box {
    margin-bottom: 0;
}

    #quizBox.BeliefOMaticSocial .priority-box span {
        padding: 5px;
        text-align: center;
    }

    #quizBox.BeliefOMaticSocial .priority-box .importance-bar {
        background-size: 100%;
    }

    #quizBox.BeliefOMaticSocial .priority-box fieldset {
        border: none;
        padding: 10px 0;
    }

        #quizBox.BeliefOMaticSocial .priority-box fieldset label {
            padding: initial;
            margin-left: 10%;
        }

#quizBox.BeliefOMaticSocial #POM-footer {
    padding-bottom: 10px;
}

    #quizBox.BeliefOMaticSocial #POM-footer .try-again-wrapper {
        width: 95%;
        margin: 0;
        text-align: center;
    }

        #quizBox.BeliefOMaticSocial #POM-footer .try-again-wrapper .see-more {
            padding: 20px;
            font-size: 26px;
        }

#quizBox.BeliefOMaticSocial .bom-share {
    display: none;
}

#quizBox.CareerOMatic {
    background-repeat: repeat-y;
    background-size: 100%;
    border: none;
    padding: 0 0 10px 0;
}

    #quizBox.CareerOMatic .contentBox {
        margin: 0 auto;
    }

    #quizBox.CareerOMatic .quiz-answers {
        padding-top: 15px;
        padding-bottom: 0;
    }

    #quizBox.CareerOMatic .priority-box {
        margin-top: 20px;
    }

    #quizBox.CareerOMatic .importance-bar {
        margin-top: 10px;
    }

    #quizBox.CareerOMatic .COM-overlay {
        width: 100%;
        margin: 0;
        padding: 0;
    }

        #quizBox.CareerOMatic .COM-overlay .COM-callout {
            padding: 0;
        }

    #quizBox.CareerOMatic .COM-callout p {
        margin: 0;
    }

    #quizBox.CareerOMatic .COM-callout a img {
        width: 100%;
    }

    #quizBox.CareerOMatic .COM-content-overlay img {
        max-width: 100%;
    }

    #quizBox.CareerOMatic .COM-results img[alt=divider] {
        width: 100%;
    }

    #quizBox.CareerOMatic .COM-footer {
        width: 100%;
        background-size: 100%;
        margin: 0;
    }

    #quizBox.CareerOMatic .COM-footer-text {
        padding: 5% 0 0 0;
    }

    #quizBox.CareerOMatic .COM-share {
        margin: 0;
        position: absolute;
        bottom: 3%;
        right: 5%;
    }

        #quizBox.CareerOMatic .COM-share img {
            display: initial;
            float: none;
        }

    #quizBox.CareerOMatic #QuizMod-footer-BOM {
        width: 100%;
        height: auto;
    }

#quizBox.CelebOMatic .contentBox {
    margin-top: 0;
}

#quizBox.CelebOMatic .quiz-title h3 {
    margin: 0;
    text-align: center;
}

#quizBox.CelebOMatic div[id$=EmailAddressCollection] {
    padding: 10px;
}

#quizBox.CelebOMatic .POM-content .POMInput-FieldEntry {
    padding-bottom: 10px;
}

#quizBox.CelebOMatic .POM-content .POMInput-wrapper-text {
    line-height: initial;
}

#quizBox.CelebOMatic .POMBtn-GetStarted {
    margin: 0;
    height: initial;
}

#quizBox.CelebOMatic .POM-content .universalBtn-orange-large a {
    display: block;
    text-align: center;
}

#quizBox.CelebOMatic .POM-content .quizDiv {
    margin-top: 0;
}

#quizBox.CelebOMatic .POM-content.POM-question-pane {
    padding: 15px;
}

#quizBox.CelebOMatic .POM-question-pane .question-text {
    display: block;
    margin-bottom: 10px;
}

#quizBox.CelebOMatic .priority-box span {
    display: block;
    padding: 10px 0;
}


#quizBox.CelebOMatic .priority-box table label {
    display: inline;
    margin-left: 10px;
}

#quizBox.CelebOMatic #POM-footer {
    width: 100%;
    height: auto;
    margin: 0;
    background-size: 100%;
}

    #quizBox.CelebOMatic #POM-footer .POM-knows-2 {
        width: 100%;
        height: auto;
        min-height: 89px;
        float: none;
        background-size: 50%;
        padding: 0;
    }

    @media only screen and (min-width: 440px) {
        #quizBox.CelebOMatic #POM-footer .POM-knows-2 {
            min-height: 120px;
        }
    }

    @media only screen and (min-width: 530px) {
        #quizBox.CelebOMatic #POM-footer .POM-knows-2 {
            min-height: 140px;
        }
    }

#quizBox.CelebOMatic .quiz-answers label[for] {
    width: 95%;
}

#quizBox.CelebOMatic #POM-footer .universalBtn-orange-large a {
    display: block;
    width: 80%;
}

#quizBox.CelebOMatic .celeb-results .celeb-result-img {
    float: none;
    margin: 0 auto 20px auto;
}

#quizBox.CelebOMatic .celeb-results .POM-content {
    padding: 10px;
}

#quizBox.CelebOMatic .celeb-results #POM-footer {
    margin-top: 20px;
}

#quizBox.CelebOMatic .celeb-results #text-box2 {
    text-align: center;
}

#quizBox.CelebOMatic .celeb-results .footer-share {
    margin-top: 20%;
}

#quizBox.Generic #POM-footer,
#quizBox.Generic #QuizMod-footer-BOM {
    width: 100%;
    height: auto;
    padding: 0;
}

    #quizBox.Generic #QuizMod-footer-BOM .universalBtn-orange-large {
        float: none;
    }

        #quizBox.Generic #QuizMod-footer-BOM .universalBtn-orange-large a {
            display: block;
            width: 80%;
            margin-top: 20px;
        }

#quizBox.Generic .POM-content .POMInput-wrapper {
    margin-top: 20px;
}

#quizBox.Generic .POM-content .POMInput-wrapper-text {
    line-height: initial;
}

#quizBox.Generic .POMBtn-GetStarted,
#quizBox.ILoveJesus .POMBtn-GetStarted,
#quizBox.PoliticOMatic .POMBtn-GetStarted {
    margin: 0;
}

#quizBox.ILoveJesus .POMBtn-GetStarted {
    height: auto;
}

#quizBox.Generic #POM-footer .get-started,
#quizBox.Generic .content .universalBtn-orange-large {
    float: none;
}

    #quizBox.Generic .content .universalBtn-orange-large a,
    #quizBox.Generic #POM-footer .get-started a,
    #quizBox.ILoveJesus #POM-footer .get-started a,
    #quizBox.ILoveJesus .content .universalBtn-orange-large a,
    #quizBox.PoliticOMatic #POM-footer .get-started a {
        display: block;
        width: 80%;
        margin: 0 auto;
    }

#quizBox.PoliticOMatic .POM-content .get-started a {
    display: block;
    width: 85%;
    height: auto;
    margin-top: 20px;
}

#quizBox.Generic .POM-footer-hide,
#quizBox.ILoveJesus .POM-footer-hide {
    display: none;
}

#quizBox.Generic #response {
    width: 100%;
    padding: 10px;
}

#quizBox.Generic .result-title-text {
    color: #FFF;
}

#quizBox.Generic .radioWithProperWrap input[type=radio] {
    margin-right: 20px;
}

#quizBox.ILoveJesus #QuizMod-footer-BOM {
    height: auto;
}

#quizBox.ILoveJesus .POMInput-wrapper {
    margin-bottom: 20px;
}

#quizBox.ILoveJesus .POMBtn-GetStarted .universalBtn-orange-large a {
    display: block;
    margin: 20px 0;
}

#quizBox.ILoveJesus .partner-mail p {
    line-height: initial;
}

#quizBox.ILoveJesus .content .answer-text {
    padding: 10px;
}

#quizBox.ILoveJesus #response {
    width: 100%;
    padding: 10px;
}

    #quizBox.ILoveJesus #response p {
        width: 90%;
    }


#quizBox.ILoveJesus .radioWithProperWrap input[type=radio] {
    float: none;
    padding-bottom: 20px;
    display: inline-block;
}

#quizBox.ILoveJesus .radioWithProperWrap label {
    width: 80%;
    display: inline-block;
}

.quiz-wrapper.BeliefOMaticSocial #QOMForm {
    width: 100%;
}

#quizBox.BeliefOMatic .bom-importance label {
    margin-left: 30px;
    padding-bottom: 0;
}

#quizBox.BeliefOMatic #POM-footer .get-started a {
    float: none;
    width: 80%;
    display: block;
    margin: 0 auto 10px auto;
}
/* overrides the button css on the landing pane */
#quizBox.BeliefOMatic #POM-footer .intro {
    height: auto;
}

    #quizBox.BeliefOMatic #POM-footer .intro a {
        position: initial;
        width: 80%;
        margin: 35% 0 20px 0;
        float: none;
    }

#quizBox.BeliefOMatic #QuizMod-footer-BOM {
    height: auto;
}


#quizBox.BeliefOMatic #POM-footer br {
    display: none;
}

#quizBox.BeliefOMatic .radioWithProperWrap input[type=radio],
#quizBox.CareerOMatic .radioWithProperWrap input[type=radio] {
    display: inline-block;
    float: none;
}

#quizBox.BeliefOMatic .radioWithProperWrap label,
#quizBox.CareerOMatic .radioWithProperWrap label {
    display: inline-block;
    float: none;
    margin-left: 25px;
    height: auto;
    line-height: initial;
    width: 80% !important;
}

#quizBox.CareerOMatic .bom-importance input[type=radio] {
    margin-right: 20px;
}

#quizBox.CareerOMatic .bom-importance label {
    margin-left: 0;
    width: auto;
}

#quizBox.PoliticOMatic #POM-footer {
    width: 100%;
    background-size: 100%;
    height: auto;
}

#quizBox.PoliticOMatic .contentBox .logo-box img {
    max-width: 100%;
}

#quizBox.PoliticOMatic .POM-content {
    margin: 20px auto;
}

#quizBox.PoliticOMatic #QuizMod-footer-BOM {
    min-height: 65px;
    height: auto;
}

#quizBox.PoliticOMatic .POM-content .POMBtn-GetStarted {
    height: auto;
    clear: both;
}

#quizBox.PoliticOMatic .POM-content .POMInput-wrapper-text {
    line-height: initial;
}

#quizBox.PoliticOMatic .radioWithProperWrap input[type=radio],
#quizBox.PoliticOMatic .radioWithProperWrap label {
    display: inline-block;
    float: none;
}

#quizBox.PoliticOMatic {
    background-size: 100%;
    padding: 0 0 10px 0;
    border: none;
}

#quizBox.PoliticOMatic .radioWithProperWrap label {
    width: 80%;
}

    #quizBox.PoliticOMatic .contentBox {
        margin: 5% auto 0 auto;
    }

    #quizBox.PoliticOMatic .bom-importance {
        margin-top: 20px;
    }

        #quizBox.PoliticOMatic .bom-importance input[type=radio],
        #quizBox.PoliticOMatic .bom-importance label {
            display: inline-block;
        }

        #quizBox.PoliticOMatic .bom-importance label {
            width: 35%;
            margin-left: 15px;
            padding: 0;
        }

    #quizBox.PoliticOMatic #POM-footer .POM-footer-hide {
        width: 90%;
    }

    #quizBox.PoliticOMatic #POM-footer .get-started {
        margin-top: 15%;
    }

    #quizBox.PoliticOMatic .POM-content .imgBox img {
        width: 100%;
    }

    #quizBox.PoliticOMatic .bom-share .pomShareImg {
        width: 95%;
        padding-bottom: 30px;
    }