/* 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;
}

/* Accessibility */
.quizName span:first-child {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.quizDescription {
    margin-bottom:20px;
}
ol.questions li.question h3 > p {
    display: inline;
}

ul li:before, ol li:before {
    content: '' !important;
}

ol.questions.active {
    border: 1px solid #8C968E;
    padding: 30px;
    position: relative;
}
ul.responses li.correct, ul.responses li.incorrect {
    padding: 20px 0px !important;
}
ul.responses li.correct > span.eval {
    color: #0b9a33;
    font-size: 1.25em;
    font-weight: bold;
}
ul.responses li.incorrect > span.eval {
    color: #9a140b;
    font-size: 1.25em;
    font-weight: bold;
}

div.errorText {
    position: absolute;
    top: -1px;
    padding: 10px 5px;
    border: 1px solid #9a140b;
    width: calc(100% + 2px);
    left: -1px;
    color: #9a140b;
    font-size: 1em;
    font-weight: bold;
    display: none;
    background-color: #fff;
}

.quizform input {
    border: 1px solid #0b9a33;
    width:100%;
}
.quizform input[type="submit"] {
    width:auto;
    background-color: transparent;
}
.quizform input[type="submit"]:hover {
    color:white;
    background-color: #0b9a33;
}

p.bodytext img {
    width:auto;
    display: block;
}