@charset "utf-8";
/* CSS Document */
.container {
	width:768px
}
.content-wrapper {
	width:748px;
	font-size:11pt;
}
.content {
	padding:20px 10px
}
h1 {
	margin-bottom:15px
}
.quiz-description {
	background:#ffffff;
}
.quiz-description-title {
	height:auto;
	width:728px;
	content: url(description-top.jpg);
	/*background:url(description-top.jpg) no-repeat;*/
	position:relative;
	z-index:123
}

.quiz-description-title img{width:100%; height:auto;}

.quiz-description-wrapper {
	padding:10px 59px 100px 59px;
}
.quiz-description-wrapper p {
	line-height:22px
}
.big-blue {
	color:#d68c14;
	font-family:'Conv_FbHachaluzim-Medium', Times, serif;
	font-size:22px;
}
.button-wrapper {
	width:151px;
	text-align:center;
	float:left;
	margin-top:35px
}
.button-wrapper img {
	cursor:pointer;
	display:block;
	margin-bottom:7px
}
.quiz-container-title {
	height:256px;
	background:url(questions-top.jpg) no-repeat;
	direction:ltr;
	margin-bottom:15px
}
.continue-button-wrapper {
	text-align:left;
	padding:10px 0 20px 58px;
	width:85px;
	float:left;
	margin-top:15px
}
.continue-button-wrapper img {
	cursor:pointer
}
.question-num {
	width:37px;
	height:25px;
	padding-left:8px;
	padding-top:5px;
	margin-left:10px;
	float:right;
	text-align:left;
	font-weight:bold;
	font-size:13pt;
	color:#FFF;
	background:url(number-bg.png?v=1) no-repeat top right;
}
.question-content {
	padding:0;
	float:right;
	width:620px
}
.question-title {
	font-size:12pt;
	font-weight:bold;
	padding:5px 0 10px 0
}
.question-image {
}
.answer-image {
	display:none;
}
.question-content ul {
	list-style:none;
	padding:0;
}
.question-content ul li {
	padding:15px 0 15px 0
}
.question-content ul li label {
	margin-right:10px
}
.question-content ul li .comment{
	margin-right:35px;
	margin-top:5px;
	display:none;
}
.quiz-container {
	display:none;
	background:#ffffff;
}
.quiz-container form {
	background:#ffffff;
	margin:0 20px;
}
.question_wrapper {
	display:none
}
.right_answer_explanation_wrapper h3{
	font-size: 1.5em;
}
.right_answer_explanation_wrapper h3.right_answer_explanation_title_right{
	color: rgba(37,144,59,1.00);
}
.right_answer_explanation_wrapper h3.right_answer_explanation_title_wrong{
	color: rgba(209,30,33,1.00);
}
.right_answer_explanation_wrapper p{
	font-size: 1.1em;
	line-height: 150%;
}
.bottom-adds-wrapper {
	background:#ffffff;
	margin:0 20px;
}
.quiz-progress-bar {
	padding-top:12px;
	float:right;
	margin-top:15px
}
.progress_img {
	margin-left:1px;
	margin-bottom:2px;
	float:right
}
.purple {
	background:url(purple.jpg)
}
.white {
	background:url(white.jpg)
}
.checkbox, .radio {
	width: 24px;
	height: 24px;
	padding: 0 5px 0 0;
	background: url('radio-button.png?v=1') no-repeat;
	display: block;
	cursor:pointer;
	float:right;
}
input[type="radio"]:checked + label {
	font-weight:bold
}

#countdown {
	margin-right:0;
	width:40px;
	float:right
}
 @media only screen and (max-width: 768px) {
 body {
background:none;
background-color:#ffffff;
}
 .container {
width:100%;
padding:0;
margin:0;
}
 .content-wrapper {
width:100%;
margin:0;
padding:0;
}
 .content {
padding:0
}
 .quiz-description-title {
width:100%;
/*background-size: 100% auto;*/
}
 .quiz-description-wrapper {
padding:10px 20px;
}
 .quiz-container-title {
padding:0;
background-size: 100% auto;
}
 .question-content {
padding:3px 3% 0 3%;
float:right;
width:94%
}
 .continue-button-wrapper {
text-align:center
}
}
@media only screen and (max-width: 500px) {
 .quiz-description-title {
width:100%;
/*height:182px;*/
}
	/*.quiz-container-title{background-size: 500px 182px; height:182px;}*/
	.quiz-progress-bar {
margin-bottom:15px;
}
 .quiz-container-title {
display:none
}
 .quiz-container form {
margin:0
}
.question-text img{width:100%; height:auto;}
}