div.quiz { margin: 30px 0; border: 1px solid #DDD; padding: 20px; background: #fafafa; border-width: 1px 2px 2px 1px; }
div.quiz h1 { margin-bottom: 20px; font-size: 17px; }
div.quiz .quiz-description { margin-bottom: 20px; }
div.quiz .quiz-button { background: #1abc9c; color: #FFF; border: 0; padding: 10px 20px; cursor: pointer; font: italic 24px/1 'Open Sans', Roboto, Tahoma, sans-serif; }
div.quiz .quiz-button:hover { background: #16a085; }
div.quiz .quiz-question { overflow: hidden; }
div.quiz .quiz-question > p { color: #777; margin-bottom: 10px; }
div.quiz .quiz-question > p strong { font-size: 1.3em; }
div.quiz .quiz-question-image { float: right; max-width: 50%; margin-left: 20px; }
div.quiz .quiz-question h2 { overflow: hidden; font-size: 17px; margin-bottom: 20px; }
div.quiz .quiz-question ol { font-size: 18px; margin-bottom: 20px; list-style-type: none; padding: 0; }
div.quiz .quiz-question li { color: #404040; }
div.quiz .quiz-question label { cursor: pointer; display: block; padding: 5px; }
div.quiz .quiz-question label:hover { color: #000; }
div.quiz .quiz-question label input { margin: 0 7px 0 0; }
div.quiz .quiz-result { margin-bottom: 20px; font-size: 15px; }
div.quiz .quiz-result h2 small { float: right; font-size: 12px; margin-top: 10px; }
div.quiz .quiz-result h2 strong { font-size: 1.3em; }
div.quiz .quiz-result-text { background: #7f8c8d; padding: 20px; color: #fff; font-size: 17px; margin-bottom: 40px; }
div.quiz .quiz-questions table { width: 100%; margin: 0; border-collapse: collapse; }
div.quiz .quiz-questions table td { padding: 5px 10px; font-size: 14px; background: #FFF; border: 1px solid #FAFAFA; }
div.quiz .quiz-questions table td.separator { height: 50px; }
div.quiz .quiz-questions table td.question { font-size: 16px; font-weight: bold; color: #303030; padding: 10px; }
div.quiz .quiz-questions table td.question-image { vertical-align: middle; text-align: center; }
div.quiz .quiz-questions table td.question.no { text-align: right; }
div.quiz .quiz-questions table td.question img { vertical-align: middle; margin-right: 20px; }
div.quiz .quiz-questions table .wrong td.answer, 
div.quiz .quiz-questions table .wrong td.score { background: #FFEBEE; }
div.quiz .quiz-questions table .wrong td.score { color: #B71C1C; }
div.quiz .quiz-questions table .correct td.answer,
div.quiz .quiz-questions table .correct td.score { background: #E0F2F1; }
div.quiz .quiz-questions table .correct td.score { color: #004D40; }
div.quiz .quiz-questions table td.number { width: 30px; text-align: right; }
div.quiz .quiz-questions table td.score { width: 100px; text-align: center; font-size: 20px; }
div.quiz .quiz-questions table td.score small { color: #303030; font-size: 12px; font-weight: 300; display: inline-block; vertical-align: middle; }
div.quiz .btn-fb { margin: -15px 0 30px; display: inline-block; background: #43609C; color: #FFF; padding: 10px 15px 10px 10px; }



@media screen and (max-width: 640px) {
	
	div.quiz .quiz-question-image { float: none; max-width: none; margin: 0 0 20px; }	
}