/* -------------------  GLOBAL FORM ELEMENTS -------------------- */

form {margin-left:auto;margin-right:auto;}
label {color:#CC0000;display:block;font-size:15px;padding-top:8px;text-align:left;}
input[type=checkbox]{margin:5px 0 8px;}
input[type=text], input[type=password] {background-color:#FFFFFF;padding: px;border: 1px solid #DDDDDD;}
textarea, select {background-color:#FFFFFF;color:#333333;padding:5px;border: 1px solid #DDDDDD;overflow: auto;}
input.required, textarea.required {border: 1px solid #CC0000;}



/* -------------------  Contact FORM -------------------- */

.contactForm {width:280px;}
.contactForm .holder {width:280px;}
.contactForm label {width: 280px;}
.contactForm input {background-color:#FFFFFF;width:270px;margin:5px 0 8px;border: 1px solid #DDDDDD;padding:4px;}
.contactForm textarea {background-color:#FFFFFF;height:140px;width:270px;margin:5px 0 8px;border: 1px solid #DDDDDD;padding:4px;}
.contactForm select {width:280px;margin:5px 0 8px;background-color:#FFFFFF;color:#333333;padding:5px;border: 1px solid #DDDDDD;}

.contactForm input.required {border: 1px solid #CC0000;}
.contactForm textarea.required {border: 1px solid #CC0000;}


/* -------------------  Login FORM -------------------- */

.loginForm {width:500px;}
.loginForm .holder {width:500px;}
.loginForm label {width: 200px; float:left; display:block;}
.loginForm input {width:280px;margin:5px 0 8px; background-color:#FFFFFF;color:#333333;height:15px;padding: 6px 5px;border: 1px solid #999999;}

/* -------------------  Sign in FORM -------------------- */

.signIn {width:170px;}
.signIn .holder {width:170px;}
.signIn input {width:158px;margin:5px 0 8px; background-color:#FFFFFF;color:#333333;height:15px;padding: 6px 5px;border: 1px solid #999999;}
.signIn p {padding-bottom: 0; font-size:11px}

/* -------------------  Login FORM -------------------- */

.registrationForm {width:500px;}
.registrationForm .holder {width:500px;}
.registrationForm label {width: 200px; float:left; display:block;}
.registrationForm input {width:280px;margin:5px 0 8px; background-color:#FFFFFF;color:#333333;height:15px;padding: 6px 5px;border: 1px solid #999999;}
.registrationForm select {width:292px;margin:5px 0 8px;}

/* -------------------  Password Recovery FORM -------------------- */

.passwordRecoveryForm {width:500px;}
.passwordRecoveryForm .holder {width:500px;}
.passwordRecoveryForm label {width: 200px; float:left; display:block;}
.passwordRecoveryForm input {width:280px;margin:5px 0 8px; background-color:#FFFFFF;color:#333333;height:15px;padding: 6px 5px;border: 1px solid #999999;}
.passwordRecoveryForm select {width:292px;margin:5px 0 8px;}

/* -------------------  Password Change FORM -------------------- */

.changePasswordForm {width:610px; clear:both}
.changePasswordForm h3 {background:url(/img/slidingDoor/slidingDoor_border.gif) repeat-x left bottom;display:block;padding-bottom:15px;}
.changePasswordForm .holder {width:610px;}
.changePasswordForm label {width: 300px; float:left; display:block;font-size:13px}
.changePasswordForm input {width:290px;margin:5px 0 8px; background-color:#FFFFFF;color:#333333;height:15px;padding: 6px 5px;border: 1px solid #DDDDDD;}
.changePasswordForm select {width:302px;margin:5px 0 8px;}

/* -------------------  User Data FORM -------------------- */

.userDataForm {width:610px; clear:both}
.userDataForm .holder {width:610px;}
.userDataForm .holderGroup {width:610px;padding:10px 0;}
.userDataForm .holderRadio {width: 280px; margin:5px 0 8px; float:left}
.userDataForm .holderRadio p {padding-bottom:5px}
.userDataForm .holderGroup h3 {background:url(/img/slidingDoor/slidingDoor_border.gif) repeat-x left bottom;display:block;padding-bottom:15px;}
.userDataForm label {width: 300px; float:left; display:block;font-size:13px}
.userDataForm select {width:302px;margin:5px 0 8px;}
.userDataForm input {width:290px;margin:5px 0 8px; background-color:#FFFFFF;color:#333333;height:15px;padding: 6px 5px;border: 1px solid #DDDDDD;}
.userDataForm input.radioButton{margin:0 5px 0 0;padding:0;vertical-align:middle;width:15px; border:none}
.userDataForm textarea {height:100px;width:290px;margin:5px 0 8px;}

/* -------------------  Blog Edit FORM -------------------- */

.blogEdit {width:500px; clear:both}
.blogEdit .holder {width:500px;}
.blogEdit label {width: 200px; float:left; display:block;font-size:13px}
.blogEdit input {width:280px;margin:5px 0 8px; background-color:#FFFFFF;color:#333333;height:15px;padding: 6px 5px;border: 1px solid #999999;}

/* -------------------  Blog Post Edit FORM -------------------- */

.blogPostForm {width:370px}
.blogPostForm .holder {width:370px;}
.blogPostForm label {display:block}
.blogPostForm label.example1 {display:block; float:left}
.blogPostForm input {width:358px;margin:5px 0 8px; background-color:#FFFFFF;color:#333333;height:15px;padding: 6px 5px;border: 1px solid #999999;}
.blogPostForm input.checkbox{width:10px;margin-left:5px; margin-top:10px;vertical-align:middle;}
.blogPostForm textarea {height:120px;width:358px;margin:5px 0 8px;}

/* -------------------  Change Avatar FORM -------------------- */

.changeAvatar {margin: 0 20px;}
.changeAvatar .holder {width:400px; margin-bottom:15px}
.changeAvatar input.butAct {width:100px;margin:0px;background-color:#FFFFFF;color:#333333;height:35px;padding: 0px; background: url(/img/buttons/avatarButtons.gif) no-repeat;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;cursor: pointer;font-size: 11px;}
.changeAvatar input.avatar {width:280px;margin:0; background-color:#FFFFFF;color:#333333;height:20px;padding: 6px 5px;border: 1px solid #999999;}











.holder a.butAct {
	width: 99px;
	height: 30px;
	display: block;
	background-image: url(/img/buttons/butAct.gif);
	float: left;
	text-align: center;
	line-height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 20px;
}