/* =register */
#register {
margin:10px 0 10px 8px;
width:654px;
overflow:auto;
}

#register .register-top, #register .register-bottom {
background:url(../images/register-top.gif) no-repeat;
width:654px;
height:3px;
clear:both;
overflow:hidden;
}

#register .register-bottom {
background:url(../images/register-bottom.gif);
}

#register h1 {
margin:23px 0 11px 10px;
float:left;
background:no-repeat 0 0;
width:304px;
height:17px;
text-indent:-9999em;
}

#register h1.step1 {
background-image:url(../images/join-title.gif);
}
#register h1.step2 {
background-image:url(../images/details-title.gif);
width:143px;
}
#register h1.step3 {
background-image:url(../images/about-title.gif);
width:123px;
}
#register h1.step3_food {
background-image:url(../images/food-options-title.gif);
width:162px;
}
#register h1.step3_privacy {
background-image:url(../images/privacy-settings-title.gif);
width:188px;
}
#register h1.step3_contact {
background-image:url(../images/contact-options-title.gif);
width:202px;
clear:both;
}
#register h1.step3_doc {
background-image:url(../images/doc-title.gif);
width:260px;
}
#register h1.step4 {
background-image:url(../images/thanks-title.gif);
width:123px;
}
#register h1.account {
background-image:url(../images/my-account-title.gif);
width:148px;
}

#register h2 {
margin:23px 20px 11px 0;
float:right;
background:no-repeat 0 0;
width:119px;
height:17px;
text-indent:-9999em;
}

#register h2.step1 {
background-image:url(../images/step-1.gif);
}
#register h2.step2 {
background-image:url(../images/step-2.gif);
}
#register h2.step3 {
background-image:url(../images/step-3.gif);
}

#register fieldset {
width:652px;
min-height:561px;
border-left:solid 1px #999999;
border-right:solid 1px #999999;
background:url(../images/register-bg.jpg) no-repeat 444px 94px;
}

#register .form-item {
clear:both;
margin:0 0 22px 20px;
overflow:auto;
}

#register .field {
clear:both;
margin:0;
width:450px;
height:25px;
overflow:auto;
}

#register .form-item p.text {
font-size:1.2em;
margin:0 0 8px 0;
}

#register .form-item label {
display:block;
float:left;
width:114px;
text-align:right;
padding:3px 20px 0 0;
font-weight:bold;
font-size:1.2em;
}
#register .form-item label.wide {
width:300px;
}

#register .form-field {
float:left;
width:414px;
overflow:auto;
}

#register .form-item span.error-text {
display:block;
float:left;
font-weight:bold;
font-size:1.2em;
padding:3px 0 0 14px;
}

#register .form-item label.gender {
text-align:left;
width:70px;
padding-right:0;
}

#register .form-item label span.required {
color:#F90090;
padding:0 3px 0 0;
}

#register .form-item label span.required abbr {
border:none;
}

#register .form-item input.textbox {
width:270px;
float:left;
}
#register .form-item input.postcode {
width:135px;
}
#register .form-item input.error {
border:solid 2px #F90090;
}
#register .form-item input.small {
width:60px;
}
#register .form-item input.bmi {
width:40px;
float:left;
}
#register .form-item input.radio {
float:left;
margin:4px 0 0 0;
}
#register .form-item input.checkbox {
float:left;
margin:5px 0 0 0;
}

#register .form-item select {
float:left;
}

#register .form-item #bmi-value {
font-size:1.2em;
font-weight:bold;
border:solid 1px #999;
background:#E6E2E2;
padding:2px 5px;
width:32px;
height:13px;
display:block;
float:left;
}

#register .form-item select.dropdown {
float:left;
}

#register .form-item input.radio-gender {
float:left;
margin:5px 3px 0 0 ;
}

#register .form-item .username-msg {
clear:both;
margin:0 0 0 138px;
font-size:1em;
}

#register #register-button {
margin:0 0 0 322px;
width:86px;
height:18px;
background:url(../images/button_bg.gif) no-repeat;
border:none;
padding:0;
float:left;
cursor:pointer;
color:#FFFFFF;
font-size:1.1em;
font-weight:bold;
text-transform:uppercase;
}

#register .form-item .over18 {
float:left;
font-size:1.3em;
width:140px;
}

#register .form-item .over18-icon {
float:left;
width:57px;
margin:0 0 0 17px;
}

#register .form-field-wide {
float:left;
width:614px;
overflow:auto;
}

#register .form-field-wide div.recipe {
float:left;
width:200px;
overflow:auto;
}

#register .form-field-wide input.recipes {
float:left;
}

#register .form-field-wide label {
text-align:left;
width:auto;
padding:0 0 0 5px;
}

#register .form-field-wide span {
font-size:1.2em;
}

#register a {
font-weight:bold;
color:#F90090;
text-decoration:underline;
}

#register #start-button {
margin:0 0 0 4px;
width:645px;
height:60px;
background:url(../images/start-button.gif) no-repeat;
border:none;
padding:0;
cursor:pointer;
color:#FFFFFF;
font-size:1.1em;
font-weight:bold;
text-transform:uppercase;
}

/* =bmi box */
#bmi_fields {
}

#bmi_fields div.field {
clear:both;
margin:0 0 5px 0;
overflow:auto;
color:#000000;
}

#bmi_fields div label {
display:block;
float:left;
width:114px;
text-align:right;
padding:3px 20px 0 0;
font-weight:bold;
font-size:1.2em;
}

#bmi_fields div label.normal {
display:block;
float:left;
width:auto;
text-align:left;
font-weight:normal;
padding:3px 3px 0 0;
}

#bmi_fields input.radio {
float:left;
}

#bmi_fields input.bmi {
width:59px;
float:left;
}

#bmi_fields #bmi-button, #bmi_fields #bmi-button2 {
float:right;
margin:0 9px 0 0;
width:86px;
height:18px;
background:url(../images/button_bg.gif) no-repeat;
border:none;
padding:0;
cursor:pointer;
color:#FFFFFF;
font-size:1.1em;
font-weight:bold;
text-transform:uppercase;
}

#bmi_fields div h2 {
clear:both;
font-size:2em;
margin:25px 0 0 24px;
}

#bmi_fields div p {
font-size:1.2em;
margin:12px 0 36px 24px;
}


/*.form-field .avatar-tools{margin:0 0 0 239px;}*/
#register .form-item .form-field p.upload{color:#F90090; font-size:.9em;font-weight:700; text-transform:uppercase;float:left;padding:0 0 10px 0; cursor:pointer;}
#register .form-item .form-field p.delete{float:left; padding:0 0 0 10px; border-left:1px solid #fff;color:#F90090; font-size:.9em;font-weight:700; text-transform:uppercase; cursor:pointer; margin:0 0 0 10px}
#register .form-item .form-field p.disabled{color:#999; cursor:default;}
#register .form-item .form-field p.upload.delete.hover,
#register .form-item .form-field p.upload.disabled.hover{ text-decoration:none;}

#register .form-item .form-field p.delete input{position:absolute; left:-9999em;}
#register .form-item .form-field .avatar-upload{position:relative; /*left:239px;*/ padding:0px 0 10px 0;clear:both;float:left;}
#register .form-item .form-field .avatar-upload div #avatar,
#register .form-item .form-field .avatar-upload div{cursor:pointer}


.text-tip {
float:left;
overflow:auto;
}
.jTip {
display:block;
float:left;
margin-left:10px;
}