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

form {margin-left:auto;margin-right:auto;}
label {color:#0099CC;display:block;font-weight: bold;font-size:15px;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;color:#333333;height:15px;padding: 6px 5px;border: 1px solid #999999;}
textarea, select {background-color:#FFFFFF;color:#333333;padding:5px;border: 1px solid #999999;overflow: auto;}
input.required, textarea.required {border: 1px solid #FF0000;}

p.alert, div.alert{color:#ff0000;font-weight:bold;padding-bottom:10px;}

/*----- input button ------*/

button { border:0; cursor:pointer; padding:0 14px 0 0; text-align:center; outline:none;}
button span { position:relative; display:block; white-space:nowrap; padding:0 0 0 20px; }
form button {font-size:11px;font-family: Georgia, "Times New Roman", Times, serif;background: url(/img/buttons/btn_blue_right.gif) no-repeat;
background-position: right;background-color: transparent;}
form button span { height:25px; line-height:25px;background: url(/img/buttons/btn_blue_left.gif) left no-repeat;color:#ffffff; }
form button:hover {background: url(/img/buttons/btn_blue_right_hover.gif) right no-repeat; }
form button:hover span {background:url(/img/buttons/btn_blue_left_hover.gif) left no-repeat; }


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

.contactForm {width:280px; margin:0}
.contactForm .holder {width:280px;}
.contactForm label {width: 280px;}
.contactForm input {width:270px;margin:5px 0 8px;border: 1px solid #CCCCCC; height:18px;}
.contactForm textarea {height:140px;width:270px;margin:5px 0 8px;border: 1px solid #CCCCCC;}

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

/* -------------------  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;}

/* -------------------  Education FORM -------------------- */

.educationForm {width:610px;}
.educationForm .holder {width:610px;}
.educationForm .holderGroup {width:610px;padding:10px 0;}
.educationForm label {width: 300px; float:left; display:block;font-size:13px}
.educationForm label.example1 {width: 100px; float:left; display:block;font-size:13px;}
.educationForm label.example2 {width: 190px; float:left; display:block;font-size:12px; font-weight:normal;padding-right:10px;text-align:right}
.educationForm select {width:302px;margin:5px 0 8px;}
.educationForm input {width:290px;margin:5px 0 8px;}
.educationForm input.checkbox{width:15px;margin-left:5px;vertical-align:middle;}
.educationForm textarea {height:100px;width:290px;margin:5px 0 8px;}

/* -------------------  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; float:right}

/* -------------------  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 #999999;}
.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 #999999;}
.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 {width:400px}
.changeAvatar .holder {width:400px; margin-bottom:15px}
.changeAvatar input.butAct {width:100px;margin:0px;background-color:#FFFFFF;color:#FFFFFF;height:25px;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;}


/* -------------------  Send Friend FORM -------------------- */

.sendFriendForm {padding:10px 0 20px;background-color:#ffffff;}
.sendFriendForm .holder {width:280px; margin:0 auto;}
.sendFriendForm .holderButton {width:280px; margin:0 auto;padding-top:10px;}
.sendFriendForm label {font-size:12px;}
.sendFriendForm input {	background-color:#FFFFFF;border:1px solid #9E9E9E;color:#333333;font-size:12px;height:18px;margin:5px 0 8px;padding:5px 0 5px 5px;width:270px;}

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

.commentForm {margin:0; padding-top:20px; padding-bottom:20px; background:transparent url(../img/divider_bg.gif) repeat-x scroll left bottom;}
.commentForm .holder {clear:both}
.commentForm .holderHalf {width:300px; margin:0 auto;}
.commentForm label {}
.commentForm input {width:288px;margin:5px 0 8px;border: 1px solid #CCCCCC; height:14px;}
.commentForm textarea {height:140px;width:615px;margin:5px 0 8px;border: 1px solid #CCCCCC;}



















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