/**
 * 50states.com, Primary Layout Styles
 * @browsers: All
 **/

    html {
        background-color: #f5f5f5;
    }

    body {
        width: 960px;
        font-family: Arial, Verdana, Tahoma, Sans-Serif;
        color: #000;
        margin: 16px auto;
    }

    /* Links */

        a {
            color: #4951a5;
            text-decoration: underline;
        }

	    /*
            a:hover, a:focus {
                color: #00085b;
            }
	    */

            a.orangeHover:hover, a.orangeHover:focus {
                color: #ff8400;
            }

    /* Type */

        #page {
            font-size: 0.75em; /* 12 px, assuming 16px default font-size */
            line-height: 1.4;
        }

        h1 {
            font-size: 1.5em; /* 18 px */
        }

        h2, .emph, #collegeLander h1, #collegeLander h2 {
            font-size: 1.166667em;
        }

        h1,
        h2,
        h3,
        h4,
        .ruleBorder {
            margin: 16px 0 10px;
            text-rendering: optimizeLegibility;
        }

            .emph {
                margin: 16px 0;
            }

        p, .sidebarBox, .col300Right .ad, .spaced {
            margin: 0 0 16px;
        }

        .bulletedList li, .spacedList li, #sports ul li, #articleContent ul li {
            padding: 12px;
            margin-left: 12px;
        }

        .bulletedList li, #sports ul li, #articleContent ul li {
            padding-left: 26px;
            background: transparent url(/images/bullet.gif) no-repeat scroll 12px 1.6em;
            list-style-image: none;
        }

        .bulletedList li li:last-child,
        .spacedList li li:last-child {
            padding-bottom: 0;
        }

        .stripedList li, .stripedList li li, #sports ul li {
            background-color: #fff;
        }

        .stripedList li.odd, .stripedRows tr.odd td, .lightBlueTableBG td, .lightBlueTableBG th {
            background-color: #f2f3ff;
        }

        .stripedList > li:nth-child(2n + 1), .stripedList > li:nth-child(2n + 1) li, #sports ul > li:nth-child(2n + 1), .stripedRows tr:nth-child(2n + 1) td {
            background-color: #f2f3ff;
        }

        .stripedRows td, .stripedRows th, .spacedRows th, .spacedRows td {
            padding: 8px;
            border: 1px solid #ccc;
        }

        .stripedRows th {
            background-color: #eee;
        }

        .threeColumnParent {
            width: 178px;
            padding: 0 12px;
        }

            .threeColumnParent li {
                padding-right: 0;
            }

        .halfs li, li.halfColumn {
            width: 297px;
        }

        li.quarterColumn {
            width: 140px;
        }

        .tightList li {
            padding: 6px 6px 6px 14px;
            background-position: 6px 1.2em;
        }

        .thelist {
            float: left;
            width: 50%;
        }
        .thelist td {
            padding: 5px;
        }

        .noLeftMarginList li {
            margin-left: 0;
        }

        .rule {
            border-bottom: 1px solid #ef2f27;
            padding-bottom: 4px;
        }

            .rule a.anchor,
            a.anchor {
                text-decoration: none;
            }

        .redText, .redText a.anchor {
            color: #ef2f27;
        }

        .whiteText,
        .whiteText a,
        .error {
            color: #fff;
        }

        .smallText {
            font-size: 0.83333em; /* 10px */
        }

        .mediumText {
            font-size: 0.9em; /* 10px */
        }

        body .noTopMargin, body .title {
            margin-top: 0;
        }

        #magneticFrame {
            display: none;
        }

        .disclaimer {
            font-size: 10px;
        }

    /* Header */

        #header {
            margin-bottom: 16px;
        }

    /* Ads */

        .ad {
            border: 1px solid #eee;
        }

    /* Primary Layout */

        #body {
            border: 1px solid #d7d7d7;
            background-color: #fff;
            box-shadow: 0 0 2px 2px #e6e6e6;
            -moz-box-shadow: 0 0 5px 2px #e6e6e6;
            -webkit-box-shadow: 0 0 5px 2px #e6e6e6;
        }

        #logo {
            margin: 10.5px 16px;
        }

        #headBanner {
            padding-right: 16px;
        }

        .addthis_toolbox {
            width: 430px;
        }

        .centershare {
            height: 25px;
            margin-bottom: 5px;
        }


        .posRelative {
            position: relative;
        }

        .padded {
            padding: 16px;
        }

        #content {
            padding-bottom: 0;
        }

        #contactUs {
            width: 180px;
        }

            #contactUs h2 {
                margin-top: 0;
            }

            #contactUs .button {
                margin-top: 8px;
            }

		.col610Left {
		    width: 624px;
		}

        .col300Right {
            width: 300px;
            margin-right: 10px;
        }

        .boxLightBlue {
            background-color: #d0d4f6;
            border: 4px solid #969bcb;
            padding: 8px 0;
        }

        .boxTab {
            padding: 10px 16px;
            border-bottom: 0;
            margin-bottom: -4px;
            color: #525aaa;
            text-transform: uppercase;
            font-weight: bold;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-topright: 4px;
        }

        .rounded {
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
        }

    /* Top Navigation */

        .darkBlueBG,
        #topBar {
            background-color: #4177d4;
            border: 1px solid #39429e;
        }

        #topBar {
            line-height: 3;
        }

        #topBar, #footer {
            margin: 0 -1px;
        }

        #topBar,
        .button,
        .emph,
        #parentCommonwealths ul a,
        #collegeLander h1 {
            text-shadow: #000 1px 1px 0;
        }

            #topBar, #topBar li a, #parentCommonwealths ul a {
                color: #fff;
                text-decoration: none;
                font-weight: bold;
            }

            #topBar .linkBorder {
                border-right: 1px solid #39429e;
            }

            #topBar li a {
                padding: 0 15px;
            }

            #topBar li a {
                text-transform: uppercase;
            }

            #topBar .parentNavItem {
                position: relative;
                padding-left: 36px;
            }

            #topBar .parentNavItem,
            .innerHighlight {
                border: 1px solid #adc6ef;
                border-bottom-color: #4177d4;
                border-right-width: 0;
                
                    
            }

            #topBar li li {
                width: 17em;
            }

            #topBar li ul,
            #parentCommonwealths ul {
                position: absolute;
                z-index: 2001;
                border: 1px solid #121a6e;
                border-top: none;
            }

            #topBar li ul {
                width: 17em;
            }

                #topBar li ul.twoColumn {
                    width: 34em;
                }

                #topBar .topNavActive {
                    border-color: #1f2675;
                    border-bottom-color: #12195e;
                    border-right: 1px solid #12195e;
                }

                #colleges #sidebar a.activeItem,
                #topBar .topNavActive,
                #topBar li li a:hover, #parentCommonwealths li a:hover,
                #topBar li li a:focus, #parentCommonwealths li a:focus,
                .veryDarkBlueBG,
                #colleges #sidebar #schoolTypes a:hover, #colleges #sidebar #schoolTypes a:focus {
                    background-color: #121a6e;
                }

                #topBar li a[href]:hover, #topBar li a[href]:focus {
                    cursor: pointer;
                    text-decoration: underline;
                }

                #topBar li a:hover, #topBar li:hover a, #topBar li.hover a, #topBar li a:active, #parentCommonwealths:hover .button, #parentCommonwealths ul, #footer li a:hover,
                #topBar li a:focus, #topBar li:focus a, #topBar li a:focus, #parentCommonwealths:focus .button, #footer li a:focus, #btnCommonwealths:focus, #colleges #sidebar a:hover, #colleges #sidebar a:focus {
                    background-color: #39429e;
                }

                #topBar li a:hover, #topBar li:hover a, #topBar li.hover a, #topBar li a:active, #parentCommonwealths:hover .button,
                #topBar li a:focus, #topBar li:focus a, #topBar li a:focus, #parentCommonwealths:focus .button {
                    border-color: #121a6e #121a6e #39429e;
                }

                #topBar li:hover ul, #topBar li.hover ul, #parentCommonwealths:hover ul,
                #topBar li:focus ul, #parentCommonwealths:focus ul, #parentCommonwealths.hover ul {
                    visibility: visible;
                    z-index: 2002;
                }

                #topBar li a.noHover:hover {
                    text-decoration: none;
                    cursor: default;
                }

    /* Sidebar */

        .sidebarBox, .sidebarBoxContent {
            border: 1px solid #000;
        }

        .sidebarBoxContent {
            padding: 16px;
            margin: 0 2px 2px;
        }

        .sidebarTitle {
            margin: 0;
            padding: 8px 2px 8px 40px;
            font-size: 1.1666667em;
            position: relative;
        }

            .noIcon {
                padding-left: 18px;
            }

        .sidebarBox .glossy {
            background-position: 0 -92px;
            background-repeat: repeat-x;
        }

        .sidebarBox, .sidebarBoxContent {
            border-color: #909090;
        }

        .bgGray {
            background-color: #bfbfbf;
        }

        .bgLightGray {
            background-color: #eee;
        }

            .bgGray .sidebarBoxContent {
                background-color: #ebebeb;
            }

        .bgYellow {
            background-color: #decc00;
        }

            .bgYellow .sidebarBoxContent {
                background-color: #f2f1c9;
            }

    /* Footer */

        #footer {
            margin-bottom: -1px;
        }

        #footer li {
            margin: 0 8px;
            margin-right: 0;
        }

            #footer li a {
                padding: 0 8px;
                display: block;
                line-height: 2.8;
            }

    /* Sprites */

        .sprite {
            background: transparent url(/images/sprite.png) scroll no-repeat 0 0;
        }

        .gifSprite {
            background: transparent url(/images/50_sprite.gif) scroll no-repeat 0 0;
        }

        #topBar .glossy, #topBar.glossy {
            background-position: 0 -92px;
            background-repeat: repeat-x;
        }

        .vertCenter {
            position: absolute;
            top: 50%; /* Vertical Center Hack, See Negative Margin on Each Sprite */
        }

        .spriteArrow {
            margin-top: -2.5px;
            left: 13px;
            background-position: -32px -5px;
            width: 10px;
            height: 5px;
        }

        a:hover .spriteArrow, a:active .spriteArrow, .hover .spriteArrow, #parentCommonwealths:hover .spriteArrow, #topBar li:hover .spriteArrow,
        a:focus .spriteArrow, #parentCommonwealths:focus .spriteArrow{
            background-position: -32px 0;
        }

        .spriteHome {
            width: 15px;
            height: 14px;
            background-position: -17px 0;
            margin-top: -7px;
            left: 10.5px;
        }

        .spriteTools {
            width: 16px;
            height: 15px;
            background-position: -1px 0;
            left: 10px;
            margin-top: -7.5px;
        }

        .spriteNew {
            background-position: -8px -24px;
            height: 42px;
            left: 62px;
            margin-top: -24.5px;
            width: 43px;
        }

        .spriteQuiz {
            background-position: -8px -24px;
            height: 42px;
            left: 62px;
            margin-top: -24.5px;
            width: 43px;
        }

        #topNavQuizzes {
            padding-left: 12px !important;
            text-align: left;
            width: 85px;
        }

        .spriteLargePhone {
            width: 18px;
            height: 14px;
            background-position: -42px 0;
            margin-top: -6.5px;
            left: 5px;
        }

        .spriteLargePhoneParent {
            position: relative;
            padding-left: 28px !important;
            padding-right: 5px !important;
        }

        .spriteCollegeFinder {
            width: 24px;
            height: 23px;
            background-position: -60px 0;
            left: 8.5px;
            margin-top: -11.5px;
        }

        .spriteYellowPages {
            width: 20px;
            height: 22px;
            background-position: -84px -1px;
            left: 10px;
            margin-top: -10px;
        }

        .emph {
            color: #fff;
            background-color: #ef2f27;
            line-height: 33px;
            padding: 0 24px;
            text-transform: uppercase;
            font-weight: bold;
            position: relative;
            left: -24px;
            margin-right: -24px;
            background-position: right -55px;
        }

            .longEmph {
                background-image: url(/images/red_arrow.gif);
                background-repeat: repeat-y;
                background-position: right 0;
            }

            .emph .emphLeftCap {
                position: absolute;
                left: 0;
                bottom: -7px;
                width: 7px;
                height: 40px;
                background-position: 0 -15px;
            }

    /* Buttons */

        .button {
            background-color: #549e2c;
            font-weight: bold;
            border: 2px solid #1b6f02;
            text-decoration: none;
        }

        .button, .buttonRow {
            line-height: 1.8;
        }

        .button, .button:hover, .button:focus, a.button:hover, a.button:focus {
            color: #fff;
        }

            #topBar .button {
                margin: 2px 2px 2px 5px;
                line-height: 2.3;
            }

            #topBar .buttonInner {
                background-position: 0 -97px;
            }

        .buttonDepressedInner, .buttonInner {
            border: 1px solid #a3ca8e;
            border-radius: 2px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
        }

        .buttonDepressedInner {
            border-width: 0 1px 1px 0;
            padding: 0 15px;
            border-color: #549e2c;
        }

        .buttonInner {
            border-width: 1px 0 0 1px;
            background-position: 0 -100px;
            background-repeat: repeat-x;
        }

            .clickableButton {
                cursor: pointer;
                margin: 5px;
            }

                .clickableButton:hover, .clickableButton:focus {
                    background-color: #4dba12;
                }

                .clickableButton:active .buttonDepressedInner {
                    border-color: #a3ca8e;
                }

                .clickableButton:active .buttonInner {
                    border-color: #1e7902;
                }

        .spriteArrowParent {
            position: relative;
            padding-left: 25px;
        }

            .spriteArrowParent .spriteArrow {
                left: 7.5px;
            }

        .blue {
            background-color: #4177D4;
            border-color: #39429e;
        }

            .blue .buttonInner {
                border-color: #adc6ef #adc6ef #4177d4;
            }

            .blue .buttonDepressedInner {
                border-color: #4177d4;
            }

            .clickableBlueButton:hover, .clickableBlueButton:focus {
                background-color: #6295ed;
            }

            .clickableBlueButton:active .buttonDepressedInner {
                border-color: #121a6e;
            }

            .clickableBlueButton:active .buttonInner {
                border-color: #000;
            }

        .darkBlue {
            background-color: #202a8f;
            border-color: #11196a;
        }

            .darkBlue .buttonInner {
                border-color: #898fc4 #898fc4 #202a8f;
            }

            .darkBlue .buttonDepressedInner {
                border-color: #202a8f;
            }

            .clickableDarkBlueButton:hover, .clickableDarkBlueButton:focus {
                background-color: #121a6e;
            }

            .clickableDarkBlueButton:active .buttonDepressedInner {
                border-color: #121a6e;
            }

            .clickableDarkBlueButton:active .buttonInner {
                border-color: #000;
            }

    /* Share This */

        .shareThis {
            line-height: 21px;
        }

        .shareBox {
            line-height: 31px;
        }

        .stateShare {
            position: absolute;
            width: 200px;
            left: 205px;
        }

        .spriteTwitter, .spriteFacebook {
            text-indent: -1000em;
            overflow: hidden;
            margin-left: 8px;
        }

        .spriteTwitter {
            width: 57px;
            height: 21px;
            background-position: -123px -480px;
        }

            .spriteTwitter:hover, .spriteTwitter:focus {
                background-position: -123px -501px;
            }

        .spriteFacebook {
            width: 60px;
            height: 18px;
            background-position: -180px -492px;
            margin: 2px 0 1px 8px;
        }


    /* Forms */

        .formRow {
            margin: 16px 0;
        }

        .formCol,
        .col,
        .col610Left {
            margin-right: 16px;
        }
        .coledu1 {
            margin-right: 9px;
        }
        .error {
            margin: 8px 0 0;
            position: relative;
            background-color: #db2c00;
            font-weight: bold;
            padding: 4px 4px 4px 24px;
        }

        .errorIcon {
            position: absolute;
            left: 4px;
            top: 4px;
            background-position: -180px -510px;
            width: 16px;
            height: 16px;
        }

        .errorPoint {
            width: 10px;
            height: 5px;
            left: 7px;
            top: -5px;
            position: absolute;
            background-position: -60px -23px;
        }

        .pointRight .errorPoint {
            left: auto;
            right: 7px;
        }

        select {
            padding: 7.5px;
            cursor: pointer;
        }

        label {
            font-weight: bold;
        }

        input.text, select, textarea {
            border: 1px solid #909090;
        }

        input.text, textarea {
            font-size: 1.2em;
            padding: 8px;
        }

        input.text, .sidebarBoxContent, textarea, .collegeCalloutContent {
            box-shadow: inset 1px 1px 4px 1px #ccc;
            -webkit-box-shadow: inset 1px 1px 4px 1px #ccc;
            -moz-box-shadow: inset 1px 1px 4px 1px #ccc;
        }

        input.text:focus, select:focus, textarea:focus {
            border-color: #000;
        }

    /* Form Specifics */

        #frmCollegeFinder select {
            width: 100%;
        }

        .sidebarFullWidthInput {
            width: 242px;
        }

        .fullWidthInput {
            width: 254px;
        }

            select.fullWidthInput {
                width: 270px;
            }

        .sidebarCityInput {
            width: 163px;
        }

        .fullWidthCityInput {
            width: 185px;
        }

        #btnSubmitCollegeFinder, #btnSubmitYellowPages, #btnSubmitWhitePages, .submitSearch, .submitSend {
            width: 124px;
            height: 32px;
            border: none;
            text-indent: -1000em;
        }

        #btnSubmitCollegeFinder {
            background-position: -283px 0;
            margin-right: 8px;
        }

            #btnSubmitCollegeFinder:hover, #btnSubmitCollegeFinder:focus {
                background-position: -283px -32px;
            }

            #btnSubmitCollegeFinder:active {
                background-position: -283px -64px;
            }

        #btnSubmitYellowPages {
            background-position: -283px -96px;
        }

            #btnSubmitYellowPages:hover, #btnSubmitYellowPages:focus {
                background-position: -283px -128px;
            }

            #btnSubmitYellowPages:active {
                background-position: -283px -160px;
            }

        #btnSubmitWhitePages, .submitSearch {
            background-position: -283px -217px;
        }

            #btnSubmitWhitePages:hover, #btnSubmitWhitePages:focus,
            .submitSearch:hover, .submitSearch:focus {
                background-position: -283px -249px;
            }

            #btnSubmitWhitePages:active,
            .submitSearch:active {
                background-position: -283px -281px;
            }

        .submitSend {
            background-position: -283px -313px;
        }
            .submitSend:hover, .submitSend:focus {
                background-position: -283px -345px;
            }

            .submitSend:active {
                background-position: -283px -377px;
            }

        #poweredByYellowBook {
            background-position: -283px -192px;
            width: 103px;
            height: 25px;
            text-indent: -1000em;
            font-size: 0.8em;
        }


        /* Quizzes */
        .clear {
            clear: both;
            width: 100%;
        }

        .question {
            display: none;
            background: #fff;
            position: absolute;
            left: 0px;
            top: 30px;
            z-index: 2000;
            width: 575px;
            height: 530px;
        }

        #next {
            position: absolute;
            left: 550px;
            top: 300px;
            z-index: 2000;
            width: 30px;
            color: #6FAF4A;
            font-weight: bold;
            font-size: 14px;
            text-decoration: none;
        }

        .hover-over {
            position: absolute;
            top: 30px;
            width: 200px;
            left: 0;
            display: none;
            cursor: pointer;
            padding: 10px;
            font-size: 14px;
            background-color: #fff;
            color: #404040;
            box-shadow: -5px 0px 5px 1px #aaaaaa;
            border: solid 1px #ccc;
        }

        .qhead {
            font-size: 20px;
            padding: 10px 0;
            color: #12196D;
        }

        .qanswers {
            font-size: 16px;
        }

        .answer {
            position: relative;
            float: left;
            width: 245px;
            height: 245px;
            margin: 0 25px 25px 0;
            border: solid 1px #ccc;
            background-color: #3975D7;
            color: #fff;
            cursor: pointer;
        }

        .index_answer {
            position: relative;
            float: left;
            width: 245px;
            height: 245px;
            margin: 0 25px 25px 0;
            border: solid 1px #ccc;
            background-color: #3975D7;
            color: #fff;
            cursor: pointer;
        }

        .index_answer a {
            text-decoration: none;
        }

        .aword {
            font-size: 20px;
            display: table-cell;
            width: 245px;
            height: 188px;
            vertical-align: middle;
        }

        .answer .aword {
            color: #FFFFFF;
            font-weight: bold;
            padding: 15px;
            text-align: center;
        }

        .correct_answer {
            float: left;
            width: 245px;
            height: 245px;
            margin: 0 25px 25px 0;
            border: solid 1px #ccc;
            background-color: #6FAF4A;
            color: #fff;
        }

        .correct_answer .aword {
            color: #FFFFFF;
            font-weight: bold;
            height: 128px;
            padding: 15px;
            text-align: center;
        }

        .correct_answer_no_check {
            float: left;
            width: 245px;
            height: 245px;
            margin: 0 25px 25px 0;
            border: solid 1px #ccc;
            background-color: #6FAF4A;
            color: #fff;
        }

        .correct_answer_no_check .aword {
            color: #FFFFFF;
            font-weight: bold;
            height: 188px;
            padding: 15px;
            text-align: center;
        }

        .wrong_answer {
            float: left;
            width: 245px;
            height: 245px;
            margin: 0 25px 25px 0;
            border: solid 1px #ccc;
            background-color: #EF2F27;
            color: #fff;
        }

        .wrong_answer .aword {
            color: #FFFFFF;
            font-weight: bold;
            height: 128px;
            padding: 15px;
            text-align: center;
        }

        .no_answer {
            float: left;
            width: 245px;
            height: 245px;
            margin: 0 25px 25px 0;
            border: solid 1px #ccc;
            background-color: #9CBAEB;
            color: #fff;
        }

        .no_answer .aword {
            color: #FFFFFF;
            font-weight: bold;
            padding: 15px;
            text-align: center;
        }

        .qword {
            color: #FFFFFF;
            font-weight: bold;
            padding: 15px 0 0 10px;
        }

        .answer a {
            text-decoration: none;
        }

        .check {
            display: none;
            width: 100%;
            height: 30px;
        }

        .check img {
            background-color: #FFFFFF;
            border-radius: 25px;
            margin-left: 204px;
            margin-top: -7px;
            padding: 8px 8px 9px 9px;
        }

        .adesc {
            font-size: 14px;
            margin: 0 0 0 10px;
            color: #fff;
        }

        #progress {
            width: 510px;
            float: left;
        }
        #progress.ui-progressbar {
            position:relative;
            height:2em;
            border: none;
            background: #F4F4F4;
        }
        #progress span {
            position:static;
            margin-top:-2.1em;
            margin-left: 250px;
            display:block;
            line-height:2em;
            padding-left:10px;
            padding-right:10px;
        }
        #progress[aria-valuenow="0"] span {
            margin-top:0px;
        }

        .go {
            padding: 6px;
            width: 60px;
            height: 36px;
            margin-top: -5px;
            font-weight: bold;
            color: #fff;
            background-color: #68AC41;
        }

        .correct_head {
            float: right;
            margin-top: -17px;
        }

        .correct_label {
            float: right;
            margin-right: 5px;
        }

        .correct,.incorrect {
            float: right;
            margin-right: 5px;
            height: 27px;
            width: 42px;
            font-weight: bold;
            text-align: center;
            border-radius: 4px;
            background-color: #F4F4F4;
        }

        .correct {
            background: none repeat scroll 0 0 rgba(38, 127, 0, 0.1);
        }

        .incorrect {
            background: none repeat scroll 0 0 rgba(255, 0, 0, 0.1);
        }


        .score {
            float:left;
            margin-right: 5px;
            height: 75px;
            width: 75px;
            font-weight: bold;
            text-align: center;
            border-radius: 4px;
            background-color: #F4F4F4;
        }

        #num_incorrect {
            color: #EE2E26;
            margin-top: 5px;
        }

        #num_correct {
            color: #6EAE4A;
            margin-top: 5px;
        }

        #current_score {
            color: #6EAE4A;
            font-size: 22px;
            margin-top: 23px;
        }

        #previous_score {
            color: #ccc;
            font-size: 22px;
            margin-top: 23px;
        }

        .score_label {
            font-size: 12px;
            width: 80px;
            float: left;
            color: #fff;
        }

        #more {
            float: right;
            width: 295px;
            margin-top: -20px;
        }

        #scores {
            float: left;
            width: 170px;
        }

        .final-link {
            float: left;
            font-size: 14px;
            margin-top: 14px;
        }

        .quiz-menu {
            font-size: 14px;
            margin-top: 10px;
        }

        .shareText {
            font-size: 14px;
        }

        #share-final {
            float: right;
            width: 160px;
        }

        #final-box {
            background-color: #0C1770;
            height: 359px;
            width: 604px;
        }

        #medal {
            background-color: #FFFFFF;
            border-radius: 61px;
            float: left;
            margin: 27px 35px 27px 27px;
            padding: 20px 20px 18px 21px;
        }

        #share-challenge {
            float: right;
            margin-top: 15px;
            width: 315px;
        }

        .challenge {
            color: #FFFFFF;
            float: left;
            font-size: 12px;
            margin-right: 20px;
            margin-top: 9px;
            width: 124px;
        }

        #share {
            height: 40px;
        }


        #box-head {
            color: #FFFFFF;
            font-size: 16px;
            padding: 20px;
        }

        #more-quiz {
            width: 554px;
            float: right;
            margin-right: 20px;
        }

        #restart, #learn-more, #take-another {
            background-color: #FFFFFF;
            height: 50px;
            margin-bottom: 10px;
        }

        #restart img, #learn-more img, #take-another img {
            width: 30px;
        }

        .icon {
            float: left;
            width: 30px;
            margin: 10px 15px 10px 10px;
        }

        #breadcrumb {
            font-size: 14px;
            margin-bottom: 20px;
        }