/**
 * @fileoverview:   39CLUES registration styles
 * @author:         Lukasz Madlewski, Michal Szymanski
**/

/* general form styles
------------------------------------------------ */

.registration{width:905px;font-size:1.4em;background:url("../img/registration/bg_register.jpg") no-repeat 0 bottom;margin:25px auto;padding:5px 30px 35px 45px;}
.registration a{font-size:1em;text-decoration:underline;}
#registrationLeftForm{width:440px;padding-right:10px;border-right:1px solid #FFF;float:left;}
#registrationLeftForm p.error{margin:0;}
#registrationRightForm{padding-left:30px;width:420px;float:right;}
#registrationRightForm .info{color:#EE0A00;}
#privacyPolicy{background-color:#000;border:1px solid #444;margin:25px 0 60px;padding:10px;}
.quiz{background:url("../img/registration/bg_quiz.jpg") no-repeat 0 bottom;}
.registration h1{position:relative;margin-bottom:20px;font-size:1em;}
.registration h1 span{position:absolute;top:0;left:0;}
.registration h1#congratHeader,.registration h1#congratHeader span{width:452px;height:43px;}
.registration h1#congratHeader span{background:url("../img/registration/h1_congratulations.jpg") no-repeat 0 bottom;}
.registration h1.almostThere,.registration h1.almostThere span{width:423px;height:45px;}
.registration h1.almostThere span{background:url("../img/registration/h1_almostThere.png") no-repeat 0 bottom;}
.registration h1.forgotLogin,.registration h1.forgotLogin span{width:473px;height:45px;}
.registration h1.forgotLogin span{background:url("../img/registration/h1_forgot.png") no-repeat 0 bottom;}
.registration h1.resendEmail,.registration h1.resendEmail span{width:867px;height:45px;}
.registration h1.resendEmail span{background:url("../img/registration/h1_resend.png") no-repeat 0 bottom;}
.registration h1.alert,.registration h1.alert span{width:194px;height:45px;}
.registration h1.alert span{background:url("../img/info/h1_alert.png") no-repeat 0 bottom;}
.registration p{margin-bottom:10px;}
.registration img{border:0;display:block;}
.registration h1#loginHeader,.registration h1#loginHeader span{width:177px;height:60px;}
.registration h1#loginHeader span{background:url("../img/registration/h1_login.jpg") no-repeat 0 bottom;}
h1#changePasswordHeader,h1#changePasswordHeader span{width:588px;height:55px;}
h1#changePasswordHeader span{background:url("../img/registration/h1_change_password.jpg") no-repeat 0 bottom;}
h1#logoutHeader,h1#logoutHeader span{width:229px;height:49px;}
h1#logoutHeader span{background:url("../img/registration/h1_logout.jpg") no-repeat 0 bottom;}
.registration h1.stepHeader,.registration h1.stepHeader span{width:912px;height:63px;}
.registration h1#step1Header span{background:url("../img/registration/h1_step1.jpg") no-repeat 0 bottom;}
.registration h1#step2Header span{background:url("../img/registration/h1_step2.jpg") no-repeat 0 bottom;}
.registration h1#step3Header span{background:url("../img/registration/h1_step3.jpg") no-repeat 0 bottom;}
.registration h1#step4Header span{background:url("../img/registration/h1_step4.jpg") no-repeat 0 bottom;}
.registration h1#step4aHeader span{background:url("../img/registration/h1_step4a.jpg") no-repeat 0 bottom;}
.registration a.hint{display:block;clear:both;color:#00c1dc;text-decoration:none;width:300px;margin:10px 0;}
.registration a:hover.hint{color:#fff;}
.registration fieldset{border:0;height:100%;overflow:hidden;margin:20px 0;}
.registration fieldset .inputGroup{float:left;width:400px;}
.registration fieldset .inputGroup label{display:block;font-size:1.5em;color:#00c1dc;margin-bottom:10px;}
.registration fieldset .inputGroup select{color:#000;margin-top:5px;font-size:1em;}
.registration fieldset .inputGroup input.text{font-size:1em;width:300px;display:block;color:#000;}
.registration fieldset .inputGroup input.error,.registration fieldset .inputGroup select.error{background-color:#ee0a00;}
.registration fieldset .inputGroup select.error option{background-color:#fff;}
.registration p.error{color:#ee0a00;padding:10px 0;}
.registration fieldset p.error{color:#ee0a00;width:450px;float:left;margin-top:2em;}
.registration fieldset #btnLogin{margin-top:2.2em;}
.confirmation{padding-bottom:100px;}
.confirmation #registrationLeftForm{height:290px;}
.confirmation p{margin:30px 0;}
.confirmation h2{width:750px;height:142px;overflow:visible;font-size:2em;padding:30px 0 0 180px;}
.confirmation h2.janus{background:url("../img/registration/logo_janus.jpg") no-repeat 0 0;color:#1a783c;}
.confirmation h2.lucian{background:url("../img/registration/logo_lucian.jpg") no-repeat 0 0;color:#e62933;}
.confirmation h2.ekaterina{background:url("../img/registration/logo_ekaterina.jpg") no-repeat 0 0;color:#f93;}
.confirmation h2.tomas{background:url("../img/registration/logo_tomas.jpg") no-repeat 0 0;color:#25b6f6;}
.confirmation ul{list-style:disc;padding-left:20px;}
form.quiz fieldset p.jsError{position:absolute;top:200px;left:100px;width:514px;display:block;}
form.quiz fieldset{position:relative;width:714px;height:456px;background:url("../img/registration/bg_reg_question.gif") no-repeat 0 0;margin:auto;}
form.quiz.answered fieldset{background:url("../img/registration/bg_reg_answer.gif") no-repeat 0 0;}
form.quiz .question{position:absolute;top:140px;left:100px;width:514px;text-align:center;}
form.quiz .question h3{font-size:1.5em;color:#00c1dc;padding-bottom:10px;}
form.quiz .answer{position:absolute;top:0;left:100px;width:514px;text-align:center;}
form.quiz .answer h3 img{margin:0 auto;}
form.quiz .answer h4{font-size:1.2em;}
form.quiz .answer p{width:auto;}
form.quiz fieldset label{color:#fff;width:auto;float:none;display:block;}
form.quiz fieldset p{width:auto;margin-top:10px;}
form.quiz fieldset label input{margin-left:0;}
form.quiz fieldset #nextButton{position:absolute;top:382px;left:245px;z-index:5;}
form.quiz fieldset #submitButton{position:absolute;top:380px;left:193px;z-index:5;}
form.quiz fieldset #emailButton{position:absolute;top:382px;left:290px;z-index:5;}
#checkUser,#usernameFeedback,#bookCode,#bookCodeHelp{display:none;cursor:pointer;}
#usernameFeedback span{color:red;}
form.quiz #question1,form.quiz fieldset #nextButton{display:none;}
.registration fieldset .inputGroup label.genderRadio{color:#FFF;font-size:1em;display:inline;margin-right:25px;}
.registration fieldset .inputGroup label.genderRadio input{margin-right:5px;}
.registration fieldset .inputGroup input.checkbox{display:block;float:left;clear:left;margin:15px 10px 5px 0;}
fieldset.registrationSubmit{clear:both;text-align:center;padding:25px 0;}
fieldset.registrationSubmit input{margin:5px 0;}

.registration input.radio_checkbox {float:left;}
.registration p.radio_checkbox { margin: 0 0 10px 20px; }