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

form {margin-left:auto;margin-right:auto;}
label {color:#333333;display:block;padding-top:8px;text-align:left;}
input[type=text], textarea, select {font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:140%;}
input[type=checkbox]{margin:5px 0 8px;}
input[type=text], input[type=password] {background-color:#FFFFFF;height:22px;padding:6px 5px 0;border: 1px solid #D0D0D0;}
textarea, select {background-color:#FFFFFF;padding:5px;border: 1px solid #D0D0D0;overflow: auto;}
input.required, textarea.required {}

p.alert, div.alert{color:#CC0000;font-weight:bold;padding-bottom:10px; text-align:center}

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

.contactForm {width:280px;}
.contactForm .holder {width:280px;}
.contactForm label {width: 280px;}
.contactForm input {width:270px;margin:5px 0 8px;}
.contactForm textarea {height:140px;width:270px;margin:5px 0 8px;}

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

/* -------------------  Question FORM -------------------- */

.questionForm {width:500px;}
.questionForm .holder {width:500px;}
.questionForm label {width: 200px; float:left; display:block; font-size:13px;}
.questionForm select {width:290px;margin:5px 0 8px;}


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

.loginForm {width:280px}
.loginForm .holder {width:280px}
.loginForm label {width: 280px}
.loginForm input {width:270px;margin:5px 0 8px}

/* -------------------  Activation FORM -------------------- */

.activationForm {width:280px}
.activationForm .holder {width:280px}
.activationForm label {width: 280px}
.activationForm input {width:270px;margin:5px 0 8px}


/* -------------------  Registration FORM -------------------- */

.registrationForm {width:280px}
.registrationForm .holder {width:280px}
.registrationForm label {width: 280px}
.registrationForm input {width:270px;margin:5px 0 8px}
.registrationForm select {width:280px;margin:5px 0 8px;}


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

.passwordRecoveryForm {width:280px}
.passwordRecoveryForm .holder {width:280px}
.passwordRecoveryForm label {width: 280px}
.passwordRecoveryForm input {width:270px;margin:5px 0 8px}
.passwordRecoveryForm select {width:280px;margin:5px 0 8px;}

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

.changePasswordForm {width:280px;padding-bottom:20px;}
.changePasswordForm .holder {width:280px}
.changePasswordForm label {width: 280px}
.changePasswordForm input {width:270px;margin:5px 0 8px}
.changePasswordForm select {width:280px;margin:5px 0 8px;}

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

.userDataForm {margin-bottom:20px;}
.userDataForm .holder {width:302px; margin:0 auto}
.userDataForm .holderGroup {margin-bottom:20px;}
.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: 280px}
.userDataForm select {width:302px;margin:5px 0 8px;}
.userDataForm input {width:270px;margin:5px 0 8px}
.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:280px; padding-bottom:20px}
.blogEdit .holder {width:280px;}
.blogEdit label {width: 280px}
.blogEdit input {width:270px;margin:5px 0 8px}

/* -------------------  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}
.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 {width:370px;padding:20px 0;}
.changeAvatar .holder {width:370px; margin-bottom:15px}
.changeAvatar input.butAct {width:100px;margin:0px;background-color:#FFFFFF;color:#FFFFFF;height:20px;padding:0 0 3px; 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;font-style:italic}
.changeAvatar input.avatar {width:280px;margin:0; background-color:#FFFFFF;color:#333333;padding: 6px 5px;border: 1px solid #D0D0D0;}

/* -------------------  Send Message FORM -------------------- */

.newMessage {width:370px; margin-bottom:20px}
.newMessage .holder {width:370px;}
.newMessage label {display:block}
.newMessage input {width:358px;margin:5px 0 8px}
.newMessage textarea {height:120px;width:358px;margin:5px 0 8px;}

/* -------------------  Comment FORM -------------------- */

.commentForm {width:370px; margin-bottom:20px}
.commentForm .holder {width:370px;}
.commentForm label {display:block}
.commentForm input {width:358px;margin:5px 0 8px}