body {
    background-color: #eee;
    font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
}

a {text-decoration: none;}
a img {border: 0;}

.question_answers_bonus {
    display: none;
    margin-top: 1em;
}
    .question_answers_bonus ul {margin-top: 0.5em;}

.explanation {display: none;}
.rank_insignia p {display: none;}
#extra_12 {display: none;}
#scoring {display: none;}

#progress {text-align: right;}

ul {clear: both;}
ul, ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}
    ul li {
        margin-left: 1.5em;
    }
#questions, #navigation, #explanations {margin-left: 0;}
.question, .explanation {margin-left: 0;}
#navigation li {
    float: left;
    height: 2em;
    margin-bottom: 1em;
    margin-left: 0;
    text-align: center;
}
    #navigation a {
        display: block;
        height: 100%;
        width: 100%;
    }
    .navigation_navigation {width: 25%;}
    .navigation_explanation {width: 50%;}
.rank_insignia li {float: left;}
    .rank_insignia li p {width: 50px;}

input.text_input {
    background-color: #eee;
    border: 0;
    border-bottom: 1px solid #000;
    margin-right: 0.25em;
    text-align: center;
    width: 30px;
}
#a1_bonus {margin-left: 1.5em;}

#explanations {
    clear: both;
}

#scoring .user_inside {color: #000;}
#scoring .user_outside {color: #999;}
#scoring p {
    clear: left;
    padding-left: 10px;
}
    .scoring_explanation {border-left: 10px solid #eee;}
    #scoring_99 {border-left: 10px solid #9ecae1;}
    #scoring_100 {border-left: 10px solid #6baed6;}
    #scoring_80 {border-left: 10px solid #4292c6;}
    #scoring_43 {border-left: 10px solid #2171b5;}
    #scoring_20 {border-left: 10px solid #084594;}

#bracket_chart {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}
#bracket_bars li {
    float: left;
    height: 250px;
    margin-left: 0;
    padding: 0;
    position: relative;
    width: 20px;
}
    #bracket_bars li div {
        margin: 0;
        position: absolute;
        width: 100%;
    }
    #bar_99_bar {
        background-color: #9ecae1;
        bottom: 48%;
        height: 51%;
    }
    #bar_100_bar {
        background-color: #6baed6;
        bottom: 42%;
        height: 58%;
    }
    #bar_80_bar {
        background-color: #4292c6;
        bottom: 11%;
        height: 63%;
    }
    #bar_43_bar {
        background-color: #2171b5;
        bottom: 0%;
        height: 43%;
    }
    #bar_20_bar {
        background-color: #084594;
        bottom: 0%;
        height: 20%;
    }
    .bar_typ {
        background-color: #666;
        height: 1%;
        z-index: 10;
    }
        #bar_99_typ {bottom: 76.5%;}
        #bar_100_typ {bottom: 65.5%;}
        #bar_80_typ {bottom: 32.5%;}
        #bar_43_typ {bottom: 8.5%;}
        #bar_20_typ {bottom: 1.5%;}
    .bar_user {
        background-color: #000;
        height: 1%;
        z-index: 20;
    }
        #user_info {border-left: 10px solid #000;}