#quiz #footer { display: none; }
#book { background: url(../../images/fortune/quiz/book_bg.jpg) top left no-repeat; width: 937px; height: 384px; margin: 60px auto 0 auto; padding: 10px; position: relative; }

#quizLogin { width: 482px; margin: 60px auto 0 auto; text-align: center; }
#quizLogin img { border: none; }

#question { position: absolute; top: 102px; left: 87px; width: 300px; color: #1f1f1f; font-size: 12px; text-align: center; }
#question h3 { color: #900; font-size: 12px; margin-bottom: 20px; }
#quizFormContainer { position: absolute; top: 138px; left: 550px; }
#answer { border: none; background-color: transparent; color: #000; font-family: "Courier New", Courier, monospace; font-size: 14px; text-align: center; width: 205px; margin-top: 23px; padding: 0; }
#answer:focus { outline: none; }

#quizMessage { position: absolute; top: 90px; left: 607px; }
#quizCorrect, #quizIncorrect, #txtRegistration, #quizComplete #thanks, #quizComplete #thanks100 { display: block; text-indent: -500em; }
#quizCorrect { background: url(../../images/fortune/quiz/txt_correct.jpg) top left no-repeat; width: 95px; height: 22px; }
#quizIncorrect { background: url(../../images/fortune/quiz/txt_incorrect.jpg) top left no-repeat; width: 101px; height: 20px; }
#txtRegistration { background: url(../../images/fortune/quiz/txt_register.jpg) top left no-repeat; width: 443px; height: 106px; margin: 27px 0 30px 0; }
#submitContainer { margin: 44px 0 0 66px; }

#submitQuiz {
	width: 84px !important;
	height: 36px;
	padding: 36px 0 0;
	border: 0;
	background: transparent url(../../images/fortune/quiz/btn_submit.jpg) top left no-repeat;
	overflow: hidden;
	cursor: pointer;
	cursor: hand;
}
#submitQuiz:hover { background-position: 0 bottom; }
form>#submitQuiz {
  height: 0px;
}

#quizRegistration { width: 480px; margin: 0 auto; }
#quizMessage .loading { background: url(../../images/fortune/quiz/spinner.gif) center center no-repeat; margin-left: 40px; }
#quizRegisterForm .row { margin: 10px 0; }
#quizRegisterForm label { width: 135px; float: left; text-align: right; padding-right: 15px; }
#quizRegisterForm label.required { background: none; padding-left: 0; }
#quizRegisterForm .checkbox label { width: auto; text-align: left; }
#genderFields br { display: none; }
#quizRegisterForm .errors { float: none; clear: both; }
#quizRegisterForm .errors li { margin-left: 150px; background: none; color: #900; }
#quizRegisterForm #submit { margin-left: 150px; }
#quizRegisterForm .element input { width: 180px; }

#quizComplete { width: 525px; margin: 200px auto 0 auto; }
#quizComplete #thanks, #quizComplete #thanks100 { width: 521px; height: 142px; }
#quizComplete #thanks { background: url(../../images/fortune/quiz/txt_thanks.jpg) top left no-repeat; }
#quizComplete #thanks100 { background: url(../../images/fortune/quiz/txt_thanks100.jpg) top left no-repeat; }

#notyet { width: 250px; text-align: center; margin: 60px auto 0 auto; }