/* 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;
    width: auto;
    margin-bottom: 1em;
}

/* Make answer buttons and label text line up. -ron */
.hang {
     text-indent: -1.2em; 
     margin-left: 2em; 
     margin-bottom: 1em;
    }


.nextQuestion {
    background-color: teal;
  }

.tryAgain, .abort {
    background-color:darkred;
}