#wrong_answers { font-size: 14px; font-weight: bold; color: #aa0000; margin-top: 20px; display: none; } #wrong_answers_list { list-style: none; color: #805536; font-weight: normal; margin: 0; padding: 0; } #total_correct { background-color: #00ff00; border: 0; height: 18px; border-radius: 9px; background: #fff; } #total_wrong { background-color: #ff0000; border: 0; height: 18px; border-radius: 9px; background: #fff; } .question { margin: 0; padding: 0; } .question .text { font-weight: bold; text-align: left; } .question .text img { float: right; } .question .answers { margin: 16px auto 16px 30px; } .question .answers input[type="radio"] { width: 14px; height: 14px; } .question .answers input[type="checkbox"] { width: 14px; height: 14px; } .question .answers .hint { margin: 10px auto 10px auto; font-size: 10px; } .question .answers .sortable .list-left li { background: #ffffff; font-weight: normal; } .question .answers .sortable .list-middle li { opacity: .35; background: transparent; } .question .answers .sortable .list-right li { background: #f5f5f5; } .question .correct { font-weight: bold; margin: 10px auto 10px auto; text-align: left; } .question .correct span { color: #ff0000; } .question .accepted { color: rgb(0, 128, 0); margin: 10px auto 10px auto; font-weight: bold; } .question .selfcheck-buttons { margin: 10px auto 10px auto; display: none; } .question .link { margin: 10px auto 10px auto; text-align: left; } .question .hint { font-size: 14px; } .question .comment { text-align: left; } .question .thumbnail { max-width: 150px; max-height: 150px; } .question .answer-btn { margin: auto auto 30px 30px; } .question .devide hr { margin-top: 0px; } .question .devide .popup { float: right; color: #777777; font-size: 12px; text-decoration: none; } .correct-label { color: rgb(0, 128, 0); } .wrong-label { color: rgb(128, 0, 0); } progress[value] { width: 250px; height: 16px; color: blue; }