<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* JQUERY CONFIRM DIALOG */
#confirmOverlay{
    position:fixed;
    top:-5em;
    left:0;
    bottom: -5em;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index:100000;
}

#confirmBox {
    background-color: var(--background-color);
    padding: 3em;
    width: 30%;
    position:fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #3399ff;
    max-height: 90vh;
    overflow: auto;
    border-radius: 20px;
    -webkit-box-shadow: 0px 10px 25px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 10px 25px 5px rgba(0, 0, 0, 0.5);
}

body.night_mode #confirmBox {
    background-color: var(--background-whitesmoke);
}

#confirmBox.confirmStarsInfo {
    overflow: visible;
}

.serif {
    font-family: 'Merriweather', serif;
}

.serif h2 {
    font-weight: 900;
    font-size: 2.0em;
}

.boxWide {
    width: 35% !important;
}

.boxVeryWide {
    width: 45% !important;
    border: 4px solid #3399ff !important;
}

#confirmBox h2 {
    letter-spacing:0.3px;
    color:black;
    margin-bottom: 30px;
    margin-top: 0;
}

#confirmBox h3 {
    letter-spacing:0.3px;
    color:black;
    margin-bottom: 30px;
}

#confirmBox p {
    color: #636363;
    background:none;
    margin-bottom: 20px;
}

body.night_mode #confirmBox p {
    color: var(--text-default);
}

#confirmBox p a {
    text-decoration: none;
    color: var(--text-default);
    font-weight: 500;
}

#confirmBox p a:hover {
    color: dodgerblue;
}

#confirmBox li {
    font-size: 1em;
}

#confirmBox ol li {
    margin-bottom: 0.75em;
}

#confirmBox label {
    margin-bottom: 0.5em;
}

body.night_mode #confirmBox h2,
body.night_mode #confirmBox h3 {
    color: var(--text-default);
}

body.night_mode #confirmBox label {
    color: #ccc;
}

#btnConfirmBoxClose {
    position: absolute;
    top: -1.25em;
    right: -1.25em;
    height: 2.5em;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#btnConfirmBoxClose:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

#confirmButtons {
    padding:0 ;
    text-align:center;
}

#confirmBox .button {

    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    border-radius: 0.5em;
    color:white;
    position:relative;
    padding: 1em;
    width: 100%;
    margin: 1.5em 0 0 0;
    text-decoration:none;
    border:none;

    background: #1b99e6; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#1da1f2, #1b99e6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1da1f2, #1b99e6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1da1f2, #1b99e6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1da1f2, #1b99e6); /* Standard syntax */

}

#confirmBox .button:hover{
    background: #1069bc; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#1da1f2, #1069bc); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1da1f2, #1069bc); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1da1f2, #1069bc); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1da1f2, #1069bc); /* Standard syntax */
}

#confirmBox .button.disabled {
    opacity: 0.5;
    pointer-events: none;
}

/* CHECKBOX */
#confirmBox div.custom_checkbox_container {
    margin-top: 2em;
    text-align: left;
}

/* FOR REFERRALS */
#confirmBox.referrals {
    overflow: visible;
    padding: 0;
    max-width: calc(100% - 3em);
}

#confirmBox.referrals h2 {
    margin: 1.5em 0;
}

#confirmBox div.referrals_content_container {
    max-height: 74vh;
    overflow-y: auto;
    padding: 0 2em 1.5em 2em;
}

#confirmBox div.referrals_content_container ul.link_list {
    background-color: var(--background-whitesmoke);
    padding: 2em 4em 2em 5em;
    border-radius: 1em;
    margin: 1.5em 0 2em 0;
}

#confirmBox div.referrals_content_container ul.link_list li {
    margin: 0;
    text-align: left;
    margin: 0.5em 0;
}

#confirmBox div.referrals_content_container ul.link_list li a {
    text-decoration: underline;
}

#confirmBox div.referrals_content_container ul.link_list li a:link {
    color: #0000EE;
}

#confirmBox div.referrals_content_container ul.link_list li a:visited {
    color: #551A8B;
}

#confirmBox div.referrals_content_container ul.link_list li div.link_item {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

#confirmBox div.referrals_content_container ul.link_list li div.link_item button {
    position: relative;
    background: none;
    border: none;
    cursor: pointer;
    margin-left: 0.5em;
    border-radius: 0.5em;
    height: 2.5em;
    padding: 0.5em;
    transition: all 0.2s ease-in-out;
}

#confirmBox div.referrals_content_container ul.link_list li div.link_item button img {
    height: 100%;
}

#confirmBox div.referrals_content_container ul.link_list li div.link_item button:hover {
    background-color: #ddd;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
    box-shadow: 0 1px 2px rgba(0,0,0,0.25);
}

#confirmBox.referrals div.referrals_content_container form {
    text-align: left;
    background-color: var(--background-whitesmoke);
    padding: 1.5em 2em 2em 2em;
    border-radius: 1em;
    margin: 2em 0;
}

#confirmBox.referrals div.referrals_content_container form label {
    display: block;
    margin-top: 0.5em;
}

#confirmBox.referrals div.referrals_content_container form label .required_indicator {
    color: red;
    font-weight: bold;
}

#confirmBox.referrals div.referrals_content_container form button {
    font-size: 1em;
    width: unset;
    padding: 1em 1.5em;
}

#confirmBox.referrals div.referrals_content_container form button.disabled {
    opacity: 0.5;
    pointer-events: none;
}


/* FOR MEMBERSHIP PROMO DIALOG */
#confirmBox.membership_promo_dialog {
    padding: 0 !important;
    overflow: hidden;
}

#confirmBox .membership_promo_content_container {
    position: relative;
    height: 90vh;
    background-color: var(--background-whitesmoke);
}

#confirmBox .membership_promo_content_container .content_scroller {
    height: calc(100% - 5.5em);
    overflow: auto;
    padding: 2em;
    background-color: var(--background-color);
}

#confirmBox .membership_promo_content_container div.banner_container {
    position: relative;
    margin-bottom: 2em;
}

#confirmBox .membership_promo_content_container div.banner_container img.banner {
    width: 100%;
}

#confirmBox .membership_promo_content_container div.banner_container div.banner_text {
    position: absolute;
    top: calc(50% - 0.3em);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: white;
    font-size: 2em;
    font-weight: 500;
    width: 100%;
}

#confirmBox .membership_promo_content_container div.usps_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 2em;
}

#confirmBox .membership_promo_content_container div.usps_container div.usp_item {
    width: calc(33% - 1em);
    margin: 1.25em 0.5em;
    text-align: center;
}

#confirmBox .membership_promo_content_container div.usps_container div.usp_item img.usp_icon {
    display: block;
    height: 3em;
    margin: 0 auto 0.75em auto;
}

#confirmBox .membership_promo_content_container div.usps_container div.usp_item div.usp_title {
    color: var(--text-lighter);
    font-weight: 500;
}

#confirmBox .membership_promo_content_container div.user_reviews_container {
}

#confirmBox .membership_promo_content_container div.user_reviews_container div.user_review_item {
    background-color: var(--background-whitesmoke);
    border-radius: 1em;
    padding: 1em;
    margin-bottom: 1em;
    text-align: left;
}

#confirmBox .membership_promo_content_container div.user_reviews_container div.user_review_item div.review_stars_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1em;
}

#confirmBox .membership_promo_content_container div.user_reviews_container div.user_review_item div.review_stars_container img.star {
    position: relative;
    height: 1.5em;
    width: auto;
    margin-right: 0.5em;
}

#confirmBox .membership_promo_content_container div.user_reviews_container div.user_review_item div.review {
    font-size: 1em;
    color: var(--text-default);
    margin-bottom: 0.75em;
    width: 100%;
}

#confirmBox .membership_promo_content_container div.user_reviews_container div.user_review_item div.author {
    color: grey;
    font-size: 0.875em;
}

#confirmBox.membership_promo_dialog #confirmButtons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 5em;
    padding: 0 2em;
    border-top: 1px solid #ddd;
}

body.night_mode #confirmBox.membership_promo_dialog #confirmButtons {
    border-top: 1px solid #333;
    background: var(--background-color);
}

#confirmBox.membership_promo_dialog #confirmButtons a.button {
    width: calc(49% - 2em);
    margin: 0;
}


/* FOR PLAYER SETUP CUSTOM DIALOG */

#confirmBox input[type=text],
#confirmBox input[type=email],
#confirmBox input[type=password],
#confirmBox textarea {
    font-family: Roboto, sans-serif;
    width: 100%;
    padding: 15px;
    margin: 15px 0;
    border-radius: 5px;
    outline: none;
    border: 1px solid silver;
}

body.night_mode #confirmBox input[type=text],
body.night_mode #confirmBox input[type=email],
body.night_mode #confirmBox input[type=password],
body.night_mode #confirmBox textarea {
    background-color: var(--hover-grey);
    color: var(--text-default);
}

#confirmBox input[type=text]:focus,
#confirmBox input[type=email]:focus,
#confirmBox input[type=password]:focus,
#confirmBox textarea:focus {
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}

#confirmBox textarea {
    height: 10em;
}

#confirmPlayerSetupErrorMessage {
    color:red !important;
}


/* AVATARS */

#playerAvatarsContainer {

    width: 100%;
    margin: 10px 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.playerAvatars &gt; input {
    display: none;
}

.playerAvatars &gt; input + img {
    cursor: pointer;
    /*border: 2px solid transparent;
    border-radius: 50%;*/
}

.playerAvatars &gt; input + img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.playerAvatars &gt; input:checked + img {
    /*border: 2px solid #1b99e6;*/
    background: #1b99e6;
}

#avatarsScroller {
    padding: 0;
    height: 200px;
    background-color: var(--background-color);
    overflow-y: scroll;
    border: 1px solid silver;
}

#avatarsScroller img {
    width: 72px;
    margin: 4px;
    padding: 5px;
}

/*
 *  STYLE 1
 */


#playerNewAvatar {
    margin: 0 auto;
    width: 128px;
}

/* END AVATARS */

/* END PLAYER SETUP CUSTOM DIALOG */

/* MINI QUIZ RESULT CUSTOM DIALOG */

#confirmMiniQuizResultTitle {
    margin-bottom: 15px !important;
}

#confirmMiniQuizResult {
    letter-spacing:0.3px;
    color:black;
    margin-bottom: 20px !important;
}

#confirmStars {
    width: 100%;
    margin-bottom: 30px;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

}

.confirmStar {

    width: 20%;
    opacity: 0;

    -webkit-animation-name: bounceInResultStars;
    animation-name: bounceInResultStars;

    -webkit-animation-duration: .5s;
    animation-duration: .5s;

    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;

    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.confirmStar:nth-child(1){animation-delay: 0.125s;}
.confirmStar:nth-child(2){animation-delay: 0.25s;}
.confirmStar:nth-child(3){animation-delay: 0.375s;}
.confirmStar:nth-child(4){animation-delay: 0.5s;}
.confirmStar:nth-child(5){animation-delay: 0.625s;}

@-webkit-keyframes bounceInResultStars {
    0%{
        opacity: 0;
        -webkit-transform: scale(0.3);
                transform: scale(0.3);
    }
    50%{
        opacity: 0.9;
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
    75%{
        opacity: 1;
        -webkit-transform: scale(0.93);
                transform: scale(0.93);
    }
    100%{
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@keyframes bounceInResultStars {
    0%{
        opacity: 0;
        -webkit-transform: scale(0.3);
                transform: scale(0.3);
    }
    50%{
        opacity: 0.9;
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
    75%{
        opacity: 1;
        -webkit-transform: scale(0.93);
                transform: scale(0.93);
    }
    100%{
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

/* END MINI QUIZ RESULT CUSTOM DIALOG */

/* REWARD INFO CUSTOM DIALOG */

.rewardBox {
    background: #ffcc66 !important; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffcc66, #ffcc00) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffcc66, #ffcc00) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffcc66, #ffcc00) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffcc66, #ffcc00) !important; /* Standard syntax */
    border: 1px solid #ff6633 !important;
}

#confirmBox h2.rewardTitle {
    color: #cc6600 !important;
}

.rewardText p {
    color: #cc6600 !important;
}

.rewardBox p a {
    color: #cc6600 !important;
}

.rewardBox p a:hover {
    color: dodgerblue !important;
}

.rewardButton {
    background: #ff9933 !important; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ff9933, #ff6633) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ff9933, #ff6633) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ff9933, #ff6633) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ff9933, #ff6633) !important; /* Standard syntax */
    color: #ffcc66 !important;
    font-weight: 500 !important;
}

.rewardButton:hover {
    background: #ff850c !important; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ff850c, #ff490c) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ff850c, #ff490c) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ff850c, #ff490c) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ff850c, #ff490c) !important; /* Standard syntax */
}

/* END REWARD INFO CUSTOM DIALOG */

/* STARS INFO CUSTOM DIALOG */

.confirmStarItemTitle {
    font-weight: 500;
}

#confirmStarRotated {
    height: 120px;
    position: absolute;
    top: -45px;
    right: -45px;
}

/* END STARS INFO CUSTOM DIALOG */

/* POST-FREE QUIZ GAME PROMO CUSTOM DIALOG */

.confirmPromoImageWrapper {
    position: relative;
    width: 90%;
    margin: 30px auto 30px auto;
}

.confirmPromoImageDummy {
    position: relative;
    width: 100%;
}

.confirmPromoImage {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

#confirmButtonsInline {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}


.buttonInline {
    width: 45% !important;
    margin: 10px 0 0 0!important;
}

.flexButton {
    display: flex !important;
    line-height: 1.0em !important;
    height: 80px !important;
    padding: 0 30px !important;

}

.flexButtonLargeText {
    font-size: 2.0em;
    font-weight: 900;
    margin-right: 12px;
}

.flexButtonSmallText {
    text-align: left;
    font-size: 0.8em;
}

.grey {
    background: #999999 !important;
}

.boxVeryWide .confirmPromoImageWrapper {
    width: 80% !important;
    margin: 30px auto 30px auto;
}

/* END POST-FREE QUIZ GAME PROMO CUSTOM DIALOG */

/* FEEDBACK / RATING DIALOG */
.quiz_feedback_content {
    text-align: left;
    margin-bottom: -1em;
}

.quiz_feedback_content label {
    display: block;
}

.quiz_feedback_content .rating {
    margin: 0.5em 0 1.5em 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;

}

.quiz_feedback_content .rating span {
    position:relative;
}

.quiz_feedback_content .rating span input {
    position:absolute;
    top:0;
    left:0px;
    opacity:0;
}

.quiz_feedback_content .rating span label {
    display:inline-block;
    width:64px;
    height:64px;
    color: transparent;
    background:url("/graphics/ic_star_negative.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin-right:8px;
}

.quiz_feedback_content .rating span:hover ~ span label,
.quiz_feedback_content .rating span:hover label,
.quiz_feedback_content .rating span.checked label,
.quiz_feedback_content .rating span.checked ~ span label {
    background:url("/graphics/ic_star_positive.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.quiz_feedback_content textarea {
    font-family: 'Roboto', sans-serif;
    width: 100%;
    height:6em;
    border-radius: 10px;
    padding: 15px;
    outline: none;
    border: 1px solid silver;
    margin-top: 0.5em;
}

.quiz_feedback_content textarea:focus {
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}

.quiz_feedback_content .submit_button {
    width: 100%;
    margin-top: 25px;
}

/* END FEEDBACK / RATING DIALOG */

/* ACHIEVEMENT INFO DIALOG */
#achievement_dialog_medal_content {;
}

#achievement_dialog_medal_content .medal_container {
    position: relative;
    height: 12em;
    display: inline-block;
}

#achievement_dialog_medal_content .medal_container img.medal {
    height: 100%;
    margin-bottom: 2em;
    -webkit-filter: drop-shadow(2px 4px 4px rgba(0,0,0,0.5));
    filter: drop-shadow(2px 4px 4px rgba(0,0,0,0.5));
    -webkit-animation: medalGrow 15s linear 0s 1 normal;
    animation: medalGrow 15s linear 0s 1 normal;
}

#achievement_dialog_medal_content.locked .medal_container img.medal {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-animation: none;
    animation: none;
}

#achievement_dialog_medal_content .medal_info {
    color: var(--text-lighter);
}


/* END ACHIEVEMENT INFO DIALOG */

/* RECAPTCHA */
div.recaptcha_info {
    font-size: 0.875em;
    margin: 0.5em 0;
    color: red;
}

/* END RECAPTCHA */

/* COPY TO CLIPBOARD */
#confirmBox button.btn_copy_to_clipboard {
    border: none;
    background-color: transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#confirmBox button.btn_copy_to_clipboard img.img_copy_to_clipboard {
    height: 1.5em;
}

/* END COPY TO CLIPBOARD */

/********************

    MEDIA QUERIES

*********************/

/* Larger Devices, Wide Screens */
@media only screen and (max-width : 1600px) {

    #confirmBox {
        padding: 2em;
    }

    .boxWide {
        width: 45% !important;
    }
}

 /* Larger Devices, Wide Screens */
@media only screen and (max-width : 1500px) {

    #confirmBox {
        width: 45%;
    }

    .boxWide {
        width: 50% !important;
    }

    .boxVeryWide {
        width: 60% !important;
    }

}


 /* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

    #confirmBox {
        width: 55%;
    }

    .boxWide {
        width: 60% !important;
    }

    .boxVeryWide {
        width: 70% !important;
    }

    #confirmBox div.referrals_content_container ul.link_list {
        padding: 1.5em 2em 1.5em 3.5em;
    }

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

    #confirmBox {
        width: 65%;
    }

    .boxWide {
        width: 70% !important;
    }

    .boxVeryWide {
        width: 80% !important;
    }

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

    #confirmBox {
        width: 75%;
    }

    .boxWide {
        width: 80% !important;
    }

    .boxVeryWide {
        width: 90% !important;
    }

    .confirmStarsInfo {
        width: 80% !important;
    }

    #confirmStarRotated {
        height: 100px;
        top: -37.5px;
        right: -37.5px;
    }

    .boxVeryWide .confirmPromoImageWrapper {
        width: 90% !important;
    }

    .buttonInline {
        width: 48% !important;
    }

    .flexButton {
        height: 80px !important;
        padding: 0 20px !important;
    }

    #confirmBox div.referrals_content_container ul.link_list li {
        margin: 0.75em 0;
    }

    #confirmBox div.referrals_content_container ul.link_list li div.link_item button {
        height: 1.75em;
        padding: 0.25em;
    }

}

/* Small Devices, Tablets */
@media only screen and (max-width : 620px) {

    #confirmBox {
        width: 90%;
    }

    .boxWide, .boxVeryWide {
        width: 95% !important;
    }

    .buttonInline {
        width: 100% !important;
        margin: 12px 0 12px 0!important;
    }

    .flexButton {
        height: 66px !important;
        padding: 0 25px !important;
    }

    #confirmBox .button {
        margin: 1.0em 0 0 0;
        padding: 0.75em;
    }

    .quiz_feedback_content textarea {
        height:6em;
    }

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

    #confirmBox{
        padding: 1.5em;
        width: 95%;
    }

    #confirmBox h2 {
        font-size: 1.5em;
        margin-bottom: 20px;
    }

    #confirmBox h3 {
        font-size: 1.125em;
        margin-bottom: 20px;
    }

    #avatarsScroller img {
        width: 48px;
    }

    .confirmStarsInfo {
        width: 85% !important;
    }

    #confirmStarRotated {
        height: 60px;
        top: -22.5px;
        right: -22.5px;
    }

    .boxVeryWide {
        padding: 1.25em !important;
        width: 95%;
    }

    .boxVeryWide .confirmPromoImageWrapper {
        width: 100% !important;
        margin: 30px auto 30px auto;
    }

    .flexButtonLargeText {
        font-size: 1.5em;
        margin-right: 10px;
    }

    .quiz_feedback_content .rating span label {
        width:48px;
        height:48px;
        margin-right:1px;
    }

    #confirmBox .membership_promo_content_container {
        height: 85vh;
    }

    #confirmBox .membership_promo_content_container div.banner_container div.banner_text {
        font-size: 1.25em;
        top: calc(50% - 0.35em);
    }

    #confirmBox .membership_promo_content_container  div.usps_container div.usp_item {
        width: calc(50% - 1em);
        margin: 1.25em 0.5em;
        text-align: center;
    }

    #confirmBox .membership_promo_content_container .content_scroller {
        height: calc(100% - 4.5em);
        padding: 2em 1em;
    }

    #confirmBox.membership_promo_dialog #confirmButtons {
        padding: 0 1em;
        height: 4.5em;
    }

    #confirmBox.membership_promo_dialog #confirmButtons a.button {
        width: calc(49% - 0.5em);
        margin: 0;
    }

    #confirmBox.referrals h2 {
        margin: 1em 0 0.75em 0;
    }

    #confirmBox div.referrals_content_container {
        padding: 0 1em 2em 1em;
    }

    #confirmBox div.referrals_content_container ul.link_list {
        padding: 1.5em 1em 1.5em 2.5em;
    }

    #confirmBox div.referrals_content_container ul.link_list li {
        margin: 1em 0;
    }

}

@media only screen and (max-width : 380px) {

    #confirmBox .membership_promo_content_container div.banner_container div.banner_text {
        font-size: 1.125em;
        top: calc(50% - 0.275em);
    }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

    #confirmBox{
        padding: 1em;
    }

    .boxVeryWide {
        padding: 1em !important;
    }

    #confirmBox h2 {
        font-size: 1.25em;
    }

    #confirmBox .membership_promo_content_container div.banner_container div.banner_text {
        font-size: 1.0em;
        top: calc(50% - 0.35em);
    }

    #confirmBox .membership_promo_content_container .content_scroller {
        height: calc(100% - 4.5em);
    }

    #confirmBox.membership_promo_dialog #confirmButtons {
        padding: 0 0.5em;
    }

    #confirmBox.membership_promo_dialog #confirmButtons a.button {
        width: calc(49% - 0.25em);
        font-size: 0.95em;
        margin: 0;
    }

}

/********************

    END MEDIA QUERIES

*********************/

/* END JQUERY CONFIRM DIALOG */





</pre></body></html>