/**
   WONKA.CSS
   
   Created by Rafael Vega on 2010-02-04.
   Copyright 2010 Studiocom. All rights reserved.
**/

/** LAYOUT **/
#container{padding-top:45px;}
#content{margin-top:25px; min-height:450px;}
#wonka_registration #bg_image #container #footer{bottom:30px;}   

/** Forms and Inputs **/
.registration_box{margin:0px auto;background:url('/img/registration_box.png');width:769px;height:489px;padding-top:100px;}
.text_input{height:20px; width:210px; background:url('/img/forms/input_l.png') no-repeat; float:left; display:inline;}
.text_input input{height:20px; margin:0px 0px 0px 9px; padding:0px 10px 0px 0px;background:url('/img/forms/input_r.png') top right no-repeat; border:0px none; width:100%;}
form p{margin:0px; clear:both;}
input.checkbox{vertical-align:text-top;}
.input_container{height:20px; margin:8px 0px;clear:both;}
.input_container.cb{height:35px;}
.input_container select{margin-top:2px;}
.left_col{width:140px; float:left; text-align:right;}
.right_col{margin-left:120px;}
.right_col label{line-height:1;}

/** Validation messages **/
.validation_error{width:190px; height:20px; background:url('/img/forms/error_l.png') no-repeat; margin-left:21px; float:left;}
.validation_error div{height:20px; margin-left:9px; padding: 0px; background:url('/img/forms/error_r.png') top right no-repeat;}
.validation_ok{width:50px; height:20px; background:url('/img/forms/ok_l.png') no-repeat; margin-left:21px; float:left;}
.validation_ok div{height:20px; margin-left:19px; padding-left: 5px; background:url('/img/forms/ok_r.png') top right no-repeat;}
.validation_info{width:190px; height:20px; background:url('/img/forms/info_l.png') no-repeat; margin-left:21px; float:left;}
.validation_info div{height:20px; margin-left:9px; padding: 0px; background:url('/img/forms/info_r.png') top right no-repeat;}

/** Registration Forms **/
#registration{width:570px; margin:0px auto; padding:0px; display:block;}
#registration #zip_code{width:70px;}
#registration #mobile_number_fields .text_input{width:55px; margin-right:22px;}
#registration #age{margin-top:50px}
#registration #age p, #registration #age .input_container{text-align:center; font-size:13px;}
#registration #age select{margin:0px 5px;}
#registration.profile p{margin-bottom:30px;}

/** Reset password form **/
#reset_pwd .text_input{width:250px;}
#reset_pwd .input_container{width:360px; margin-top:20px; margin-left:auto; margin-right:auto;}
#reset_pwd .input_container label{float:left; margin-right:5px;}

/** Titles **/
#title_registration{width:159px; height:36px; background:url('/img/title_registration.png'); margin-left:auto; margin-right:auto;}
#title_registration span{position:absolute; left:-10000px;}

#title_forgot{width:206px; height:36px; background:url('/img/title_forgot_password.png'); margin-left:auto; margin-right:auto;}
#title_forgot span{position:absolute; left:-10000px;}

#title_my_profile{width:153px; height:40px; background:url('/img/title_my_profile.png'); margin-left:auto; margin-right:auto;}
#title_my_profile span{position:absolute; left:-10000px;}

#title_welcome{width:113px; height:37px; background:url('/img/title_welcome.png') no-repeat; margin-left:auto; margin-right:auto;}
#title_welcome span{position:absolute; left:-10000px;}

#title_welcome				{margin:0px auto;background:url('/img/title_welcome.png');width:117px;height:55px;}
#title_unsubscribe			{margin:0px auto;background:url('/img/title_unsubscribe.png');width:158px;height:55px;}
#title_terms_conditions		{margin:0px auto;background:url('/img/title_terms_conditions.png');width:258px;height:53px;}
#title_privacy_policy		{margin:0px auto;background:url('/img/title_privacy_policy.png');width:192px;height:58px;}
#title_allergen_information	{margin:0px auto;background:url('/img/title_allergen_information.png');width:266px;height:59px;}


/*#title_privacy_policy{width:153px; height:40px; background:url('/img/title_my_profile.png'); margin-left:auto; margin-right:auto;}*/


/** Buttons **/
.btn_signup{float:right;}
.btn_signup:hover, .btn_signup:focus{background-image:url('/img/button_signup_hover.png'); outline:0 none;}

.btn_continue{float:right;}
.btn_continue:hover, .btn_continue:focus{background-image:url('/img/button_continue_hover.png'); outline:0 none;}

.btn_reset_password:hover, .btn_reset_password:focus{background-image:url('/img/button_reset_password_hover.png'); outline:0 none;}

.btn_right_arrow{font-size:13px; color:#FFF; letter-spacing:-1px; text-decoration:none; padding-right:9px; background:url('/img/arrow_right.png') right 3px no-repeat; display:block; float:left; margin-top:16px;}
.btn_right_arrow:hover, .btn_right_arrow:focus{color:#ffcc00; background-image:url('/img/arrow_right_hover.png');}

/** Welcome **/
.welcome_list{padding: 0 0 0 165px;}