/* 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;
}
.questions
{
    position: relative;
}

/* 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;
}
.correct
{
        font-size: 18px;
        font-style: italic;
}
.incorrect
{
    font-size: 18px;
    font-style: italic;
}

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

ol.questions
{
    background-image: url(../img/fon.jpg);
}

ul.answers li
{
    text-align: left;
}

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