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

form {margin-left:0;margin-right:0;}
.contactBody { width:225px; float:left; padding-top:10px;}
.center .itemBody { height:632px}
label {color:#47719F;display:block;font-size:12px;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:12px;padding: 6px 5px;border: 1px solid #CCCCCC;}
textarea, select {background-color:#FFFFFF;color:#333333;padding:5px;border: 1px solid #CCCCCC;overflow: auto;}
input.required, textarea.required {border: 1px solid #FF0000;}

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

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

button { /*border:0; cursor:pointer; padding:0 16px 0 0; text-align:center; outline-color:#0066CC*/}
button span { /*position:relative; display:block; white-space:nowrap; padding:0 0 0 20px;*/ }
.contactForm .holder button, .questionForm button, .educationForm button, form button {font-size:11px;font-family: Tahoma; margin-top:10px;}
 * html form button { margin-right:5px;}
form button span { height:30px; line-height:17px;}
.contactForm .holder button{ float:left;}


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

.contactForm {width:440px; float:left; padding-left:30px;}
.contactForm .holder {width:280px;}
.contactForm label {width: 280px; color:#333333; font-weight:bold}
.contactForm input {background-color:#FFFFFF;border:1px solid #CCCCCC;height:12px;margin:0;width:270px;}
* html .contactForm input {height:25px; width:280px;}
.contactForm textarea {background-color:#E5ECFA;border:1px solid #CCCCCC;height:140px;margin:5px 0 8px;width:270px;}

.contactForm input.required { background-color: #FFDFDF}
.contactForm textarea.required {}
.contactForm table.mceEditor{border:#CCCCCC 1px solid}

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

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

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

#activationForm {width:400px;}
#activationForm .holder {width:400px;}
#activationForm label {width: 150px; float:left; display:block;}
#activationForm input {width:200px;margin:5px 0 8px; background-color:#FFFFFF;color:#333333;padding: 6px 5px;border: 1px solid #999999;}
#activationForm input.right{width:160px; margin-right:40px;background-color: none;color:#FFFFFF; border:none; cursor:pointer; background:url(/img/buttons/activation.gif); font-weight:bold; height:20px; padding:0; font-size:11px}
#activationForm 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;}

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

#PostForm {width:370px}
#PostForm .holder {width:370px;}
#PostForm label {display:block}
#PostForm label.example1 {display:block; float:left}
#PostForm input {width:358px;margin:5px 0 8px; background-color:#FFFFFF;color:#333333;height:15px;padding: 6px 5px;border: 1px solid #999999;}
#PostForm input.checkbox{width:10px;margin-left:5px; margin-top:10px;vertical-align:middle;}
#PostForm 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:30px;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; font-weight:bold}
.changeAvatar input.avatar {width:280px;margin:0; background-color:#FFFFFF;color:#333333;height:20px;padding: 6px 5px;border: 1px solid #999999;}

.contactForm input.posalji, .contactForm input.odustani {
	border: 0px;
	width: 77px;
	height: 22px;
	line-height: 60px;
	text-indent: -2000px;
	margin-top: 20px;
	cursor: pointer
}


* html .contactForm input.posalji, * html .contactForm input.odustani {
	text-indent: 0px;
}
.error{ color:#FF0000; font-weight:bold}