/* BASE QUIZ STYLES */
/* These styles ensure that the necessary elements are hidden for toggling */

/* DO NOT EDIT UNLESS YOU KNOW WHAT YOU ARE DOING!! */

.startQuiz,
.nextQuestion,
.backToQuestion,
.questions li.question,
.questions li.question .responses,
.questions li.question .responses .correct,
.questions li.question .responses .incorrect,
.quizResults {
    display: none;
}

/* If response messages are disabled or only shown on quiz completion,
   nextQuestion button IS checkAnswer button - so it must be displayed */
.nextQuestion.checkAnswer {
    display: block;
}

ol.questions,
ul.answers,
ul.responses,
ol.questions li,
ul.answers li,
ul.responses li {
    list-style-type: none;
}


/* EXTENDED QUIZ STYLES */

.startQuiz {
    margin-top: 40px;
}

/* clearfix */
.quizArea, .quizResults {
    zoom: 1;
}
.quizArea:before, .quizArea:after, .quizResults:before, .quizResults:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
}
.quizArea:after, .quizResults:after {
    clear: both;
}

.questionCount {
    font-size: 14px;
    font-style: italic;
}
.questionCount span {
    font-weight: bold;
}

ol.questions {
    padding-top: 0;
    margin-left: 0 !important;
    padding-left: 0 !important;
}
ol.questions li {
    margin-left: 0;
    font-weight: 400;
}

ul.answers {
    margin-left: -30px;
    margin-bottom: 20px;
}

ul.answers input[type="radio"] {float: left; clear: left; width: 5%;}
ul.answers li label {font-weight: 400; font-size: 15px; float: left; width: 95%;}

.checkAnswer {clear: left; margin-top: 10px;}

ul.responses li {
    margin: 10px 10px 20px -30px;
}
ul.responses li p span {
    display: block;
    font-weight: 400;
    font-size: 15px;
}
ul.responses li.correct p span {
    color: #6C9F2E; font-weight: 700;
}
ul.responses li.incorrect p span {
    color: #B5121B; font-weight: 700;
}

.quizResults h3 {
    margin: 0;
}
.quizResults h3 span {
    font-weight: normal;
    font-style: italic;
}
.quizResultsCopy {
    margin-top: 20px;
}

h4.quizScore {padding-top: 12px !important; width: 155px;}