﻿.registration h1.part-heading { margin: 15px 0 3px 18px; font-weight: bold; font-size: 9px; color: #003300; }
.registration a.expander { display: block; padding-left: 18px; font-size: 9px; color: #a7a7a7; border-top: 1px solid #d2d2d2; width: 485px; background: url(../images/expand-btn.jpg) no-repeat left top; line-height: 11px; height: 12px; text-decoration: none; margin: 0 auto; outline: none; margin-bottom: 15px; }
	.registration a.expander.open { background: url(../images/expand-btn-open.jpg) no-repeat left top; }
	
.registration .part { width: 485px; margin: 0 auto; }
	.registration .part.open { display: block; }
	.registration .part.closed { display: none; }
	
.registration-form {
	width: 485px;
	margin: 0 auto;
	font-size: 9px; 
	color: #686767; 	
}
.registration-form a { text-decoration: none; }
.registration-form a:hover { text-decoration: underline; }

.registration-form h1 { font-size: 11px; font-weight: bold; color: #003300; margin: 25px 20px 15px 70px; }
.registration-form p { width: 485px; margin: 0 0 15px 0; }
	.registration-form .row { width: 485px; margin: 0 0 15px 0; clear: both; }
.registration-form label { width: 120px; font-size: 11px; font-weight: bold; color: #686767; text-align: right; display: block; float: left; padding-top: 3px; margin-right: 10px; }
.registration-form input, .registration-form select, .registration-form textarea { font-size: 10px; color: #a7a7a7; }
.registration-form textarea { width: 250px; height: 60px; }
.registration-form p.right-justified { padding-left: 130px; width: 370px; }
.registration-form p.description { margin-left: 130px; width: 300px; }
.registration-form strong { font-size: 11px; font-weight: bold; color: #686767; }
.registration-form .button { width: 485px; text-align: right; margin: 20px 0 20px 0; clear: both; }
.registration-form .error-list { width: 400px; margin: 0 auto; border: 1px solid #003300; padding: 15px; margin-top: 15px; display: none; }
.registration-form .error-list h1 { font-size: 10px; margin: 0 0 10px 0; color: #003300; }
.registration-form .error-list p { margin: 0 0 5px 0; }
.registration-form span.error-text { font-weight: bold; color: #003300; display: none; }

.registration-form .recommendations { margin-left: 130px; width: 300px; border: 1px solid #003300; padding: 10px 10px; margin-bottom: 15px; display: none; }
.registration-form .recommendations h1 { font-size: 9px; color: #003300; margin: 5px 0 5px 0; font-weight: normal; }
	.recommendations .item { width: 120px; text-align: left; float: left; margin: 0 10px 10px 0; }

.registration-form .avatar-selection { width: 240px; float: left; }
.registration-form .avatar-selection h1 { font-size: 9px; color: #686767; margin: 5px 0 5px 0; font-weight: normal; }
	.avatar-selection .item { width: 50px; text-align: center; float: left; margin: 0 10px 15px 0; }
	.avatar-selection .item img { border: 1px solid #a1a0a0; margin-bottom: 8px; }

.registration-form .captcha { width: 240px; float: left; }
.registration-form .captcha img { border: 1px solid #a1a0a0; margin: 5px 0; }

.registration-form .checkbox-list { width: 240px; float: left; }
.registration-form .checkbox-list table { border: none; width: 300px; }
.registration-form .checkbox-list td { vertical-align: middle; font-size: 10px; color: #686767; }
.registration-form .checkbox-list td.cb { width: 20px; }
.registration-form .checkbox-list td.text { width: 130px; }

.registration-form table.appr-list { border: none; margin-left: 40px; width: 400px; }
.registration-form table.appr-list td { font-size: 11px; font-weight: bold; color: #686767; vertical-align: top; padding-bottom: 30px; }
.registration-form table.appr-list td.text { padding-top: 2px; }
.registration-form table.appr-list td.cb { width: 20px; }
.registration-form table.appr-list a { font-size: 10px; color: #686767; text-decoration: none; display: block; font-weight: normal; }
.registration-form table.appr-list a:hover { text-decoration: underline; }

.login-form {
	width: 528px;
	margin: 0 auto;
	font-size: 9px; 
	color: #686767; 	
	background: url(../images/backLogin.jpg) no-repeat left top;
}

.login-form a { color: #FFFFFF; text-decoration:none;}
.login-form a:hover { text-decoration:underline;}
.login-form .button { width: 180px; text-align: right; margin: 5px 0 0px 0; clear: both; }
.login-form label { width: 120px; font-size: 11px; font-weight: bold; color: #FFFFFF; text-align: right; display: block; float: left; padding-top: 3px; margin-right: 10px; }
.login-form-text{
	width:442px;
	height:233px;
	background: url(../images/backLoginAlt.gif) no-repeat left top;
	font-size:12px;
	font-family:Tahoma;
	color:#5f5f5f;
	padding:15px 20px 15px 20px;
}
.profile .left { width: 326px; margin-left: 18px; float: left; }
