html {height:100%; min-height:100%; font-size:10px; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;}
body {font-size:1.2em; line-height:1.5; color:#000000; background:#3c3c3c url("../images/registration-bkg.png") repeat-x center 350px;}

.container {margin:7em auto; width:610px;}

.ch-login-container {line-height:0; font-size:0; margin:0 36px; background:url("../images/registration-container-top-bottom-bkg.png") repeat-x center top; height:36px; position:relative;}
.ch-login-container .ch-l {background:url("../images/registration-container-corners.png") no-repeat left top; height:36px; width:36px; position:absolute; top:0; left:-36px;}
.ch-login-container .ch-r {background:url("../images/registration-container-corners.png") no-repeat right top; height:36px; width:36px; position:absolute; top:0; right:-36px;}

.c1-login-container {background:url("../images/registration-container-left--right-bkg.png") repeat-y left center; padding:0 0 0 20px;}
.c2-login-container {background:url("../images/registration-container-left--right-bkg.png") repeat-y right center; padding:0 20px 0 0;}
.cc-login-container {background:#dddddd url("../images/registration-container-bkg.png") repeat-x center top; padding:0 20px;}

.cf-login-container {line-height:0; font-size:0; margin:0 36px; background:url("../images/registration-container-top-bottom-bkg.png") repeat-x center bottom; height:36px; position:relative;}
.cf-login-container .cf-l {background:url("../images/registration-container-corners.png") no-repeat left bottom; height:36px; width:36px; position:absolute; top:0; left:-36px;}
.cf-login-container .cf-r {background:url("../images/registration-container-corners.png") no-repeat right bottom; height:36px; width:36px; position:absolute; top:0; right:-36px;}

.section {padding:0 18px;}
#header {padding:0 0 20px;}
#header h1#site-title {margin:0; padding:0; border:none; background:none; text-align:center;}
h1.pagetitle {color:#3e3e3e; font-size:1.8em; margin-top:0;}
h2.title {color:#3e3e3e; background:url(../images/title-arrow.gif) no-repeat right bottom; padding:0 0 2px 0; margin:0; font-size:1.4em;}
h2.title span {background:url(../images/title-bkg.gif) repeat-x center bottom; display:block;}
p {margin-bottom:0;}
.clear {clear:both; height:0.3em;}
.center {text-align:center;}
.join-now {text-align:center; padding-bottom:2px;}
.no-margin {margin:0 !important;}

.left {float:left;}
.right {float:right;}
.block {display:block;}
.align-left {text-align:left;}
.align-right {text-align:right;}
.align-center {text-align:center;}

/* --- width --- */
.w5 {width:5%;}
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w46 {width:46%;}
.w47 {width:47%;}
.w48 {width:48%;}
.w50 {width:50%;}

.w5px {width:5px;}
.w10px {width:10px;}
.w15px {width:15px;}
.w20px {width:20px;}
.w25px {width:25px;}
.w30px {width:30px;}
.w35px {width:35px;}
.w40px {width:40px;}
.w45px {width:45px;}
.w50px {width:50px;}
/*\ --- width --- */



.buttons {padding-top:30px;}
.reg-buttons {text-align:center; padding-top:30px;}
.image-button {height:27px; width:106px; text-indent:-9999px; line-height:0; font-size:0; float:right; color:#121212; border:medium none; cursor:pointer;}
.image-button.login {background:url(../images/login-btn.png) no-repeat left top;}
.reg-buttons .image-button.next {background:url(../images/next-btn.png) no-repeat left top; float:none;}
.reg-buttons .image-button.cancel {background:url(../images/cancel-btn.png) no-repeat left top; float:none;}
.reg-buttons .image-button.register {background:url(../images/register-btn.png) no-repeat left top; float:none;}
.reg-buttons .image-button.send {background:url(../images/send-btn.png) no-repeat left top; float:none;}
.reg-buttons .image-button.back {background:url(../images/back-btn.png) no-repeat left top; float:none;}
.reg-buttons .image-button.finish {background:url(../images/finish-btn.png) no-repeat left top; float:none;}
.reg-buttons .image-button.save {background:url(../images/save-btn.png) no-repeat left top; float:none;}
.reg-buttons .image-button.accept {background:url(../images/accept-btn.png) no-repeat left top; float:none;}
.reg-buttons .image-button.decline {background:url(../images/decline-btn.png) no-repeat left top; float:none;}

.registration-avatar {float:left; background:url("../images/registration-avatar.png") no-repeat center top; width:180px; height:138px;}
.user-info {padding:16px 0 0 0; /*margin:0 0 0 200px;*/ float:right; width:290px; }
.personal-info, .details-info, .personal-url {padding:16px 0 0 0;}
.personal-info .label, .details-info .label, .personal-url .label {float:left; width:11em;}
.personal-info .hint, .details-info .hint, .personal-url .hint {padding:0.1em 0 0.3em 0; margin:0 0 0 13.8em; font-size:0.8em; display:block; float:left; /*padding:0 0 0 10px;/*clear:both;*/}
.personal-info input.text, .details-info input.text, .personal-url input.text {border:0; background:none; width:16em; outline:none;}
.personal-info .text-box-container, .details-info .text-box-container, .personal-url .text-box-container {padding:0.2em 0.3em; background:url(../images/text-box-container-bkg.png) repeat-x center top #ffffff; border:1px solid #8E8E8E; float:left; width:18em;}
.user-info input.text {width:100%; border:0; background:none; outline:none;}
.text-box-container {padding:0.3em; background:url(../images/text-box-container-bkg.png) repeat-x center top #ffffff; border:1px solid #8E8E8E;}
.label {display:block;}
.required {color:#ff6600; font-weight:bold; padding:0 2px 0 0;}
.error-msg {padding:0 0 0 4px; color:#ff0000;}
.error-asterisk {padding:0 0 0 2px; color:#ff0000;}

.notifications {padding:1em 0;}
.notifications input {float:left; margin:2px 0 0 0;}
.notifications label {display:block; margin:0 0 0 1.5em;}

.section a {color:#000000; text-decoration:none; border-bottom:1px dotted #000000;}
a.policy, a.terms {color:#000000; text-decoration:none; border-bottom:1px dotted #000000;}

.forgotten-password {font-size:0.9em; text-decoration:none; color:#3e3e3e; border-bottom:1px dotted #3e3e3e; float:right;}
.remember-me {font-size:0.9em; color:#3e3e3e; position:relative; display:block; top:1px;}
.remember-me label {padding:0 0 0 1px; float:left; display:block; position:relative; top:-1px;}
.remember-me input {padding:0; margin:0; width:13px; height:13px; display:block; float:left;}
.sign-up {font-size:0.9em; color:#000000; text-decoration:none; border-bottom:1px dotted #000000;}

.imagecode {margin:1em 0 0 0;}
.imagecode img {padding:3px 0 0 10px;}
.imagecode .text-box-container {float:left; width:50px;}