@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:278px; width:728px;  background:url(description-top.jpg) no-repeat; position:relative; z-index:123}

.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:225px; 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:5px; padding-top:5px; margin-left:10px; float:right; text-align:left; font-weight:bold; font-size:13pt; color:#FFF; background:url(number-bg.png) no-repeat top right}
.question-content{padding:0; float:right; width:620px}

.question-title{font-size:12pt; font-weight:bold}
.question-title{padding:5px 0 10px 0}

.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}

.quiz-container{display:none; background:#ffffff;}
.quiz-container form{background:#ffffff; margin:0 20px;}

.question_wrapper{display:none}
.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') 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}

}