/* --- Common --- */
/* -------------- */
body {background: #000 url('../images/bg.png') repeat-x; font: 16px "Times New Roman", Times, FreeSerif, serif; color: #b6b6b6; padding-top: 100px}
.wrapper {width: 958px; margin: 0 auto; border: 1px solid #737373}

/* --- Left --- */
/* ------------ */
.left {float: left; padding: 4px 0 3px 3px; width: 717px}
.content-layer {border: 1px solid #fc0; line-height: 1px; background: #fff url('../images/content-bg.png') 1px 1px no-repeat; min-height: 537px}
.content-layer .text {min-height: 537px}

/* --- Right --- */
/* ------------- */
.right {float: left; width: 238px; background: url('../images/right-bg.png') repeat-y}
.right-layout {background: url('../images/right-layout-bg.jpg') no-repeat; padding: 4px 4px 3px}
.sidebar {border: 1px solid #453c16; min-height: 539px; text-align: center; position: relative}
.logo-1 {padding-top: 79px}
.logo-2 {padding-top: 39px}
.crendel {padding: 46px 0 40px}
.lang {padding-top: 26px}
.lang span {color: #7C3B3B}
.lang a {color: #B6B6B6;}

#login-form {position: absolute; bottom: 0; left: 0; width: 228px; padding-bottom: 6px}
#login-form .input-layer {width: 111px; height: 18px; margin: 0 auto; background: url('../images/layer-input-bg.png') no-repeat; margin-bottom: 8px}
#login-form .input-layer input {width: 103px; height: 18px; border: none; background: none; text-align: center; font: 16px "Times New Roman", Times, FreeSerif, serif; color: #ccc; position: relative; top: -2px}
#login-form .invisible-submit {height: 1px; border: none; width: 0; background: none; position: absolute}
#login-form a {color: #b6b6b6}
#login-form span {color: #7c3b3b}

#reg_form {display: none}
#register-form .title {float: left; width: 175px; padding-right: 4px; text-align: right; padding-bottom: 2px}
#register-form .title span {color: red}
#register-form .control {float: left; width: 358px; padding-bottom: 2px}
#register-form .control input {width: 350px}