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

form {margin-left:auto;margin-right:auto;}
label {color:#666666;display:block;font-size:11px; font-family:Tahoma, Arial;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;font-family:Arial,Helvetica,sans-serif;}
textarea, select {background-color:#FFFFFF;color:#333333;padding:5px;border: 1px solid #999999;overflow: auto;}
input.required, textarea.required {border: 1px solid #FF0000;}
* html .holder input {_height:15px;padding: 4px 3px;}

.ie_fix {float: left;width: 1px;height: 0px;line-height: 0px;visibility: hidden;}

p.alert, div.alert{color:#FF0000;font-size:20px;padding-bottom:10px; text-align:center;}

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

button { border:0; cursor:pointer; padding:0 6px 0 0; text-align:center; outline:none;}
button span { position:relative; display:block; white-space:nowrap; padding:0 0 0 10px; }

.contactForm .holder button, .questionForm button, .educationForm button, form button {font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(/img/buttons/buttonBgrdRight.gif);background-repeat: no-repeat;
background-position: right;background-color: transparent; float:right; margin-top:14px;}
.contactForm .holder button span, .questionForm button span, .educationForm button span, form button span { height:18px; line-height:18px;background: url(/img/buttons/buttonBgrdLeft.gif) left no-repeat;color:#FFFFFF; }
.contactForm .holder button:hover, .questionForm button:hover, .educationForm button:hover, form button:hover {background: url(/img/buttons/buttonBgrdRight.gif) right no-repeat; }
.contactForm .holder button:hover span, .questionForm button:hover span, .educationForm button:hover span, form button:hover span {background: url(/img/buttons/buttonBgrdLeft.gif) left no-repeat; }


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

.contactForm {width:460px;}
.contactForm .holder {width:460px;}
.contactForm label {width: 90px; padding-right:10px; float:left; text-align:right;}
.contactForm input {width:348px;margin:5px 0 8px;border: 1px solid #666666; height:18px;}
.contactForm  select {width: 360px}
.contactForm textarea {border: 1px solid #666666;height:140px;width:348px;margin:5px 0 8px 0;}
* html .contactForm textarea {width:344px}
.contactForm input.required {border:1px solid #FF0000;}
.contactForm textarea.required {border:1px solid #FF0000;}


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

.loginForm {width:490px;float:right;margin-top:20px;}
.loginForm .holder {width:200px;float:left;}
.loginForm label {width: 80px; float:left; display:block;color:#ffffff;text-align:right; padding-right:5px;}
.loginForm label.example {width: 60px; float:left; display:block;color:#ffffff;text-align:right; padding-right:5px;}
.loginForm input {width:100px;margin:5px 0 0px;color:#ffffff;height:14px;padding: 3px 5px;border: 1px solid #999999;float:left;border: 1px solid #4D4D4D; background-color:#B0B0B0;}
.loginForm button {margin-top:8px}
* html .loginForm button {margin-top:10px}

/* -------------------  Registration FORM  - forma koja se popunjava da bi neko postao clan -------------------- */
.registrationForm{width:580px; float:left; padding-bottom:10px;}
* html .registrationForm {float:none; padding:0px;}
.registrationForm .holder {width:580px;float:left;}
.registrationForm label {width: 170px; padding-right:10px; float:left; text-align:right;}
.registrationForm label.radio {padding-top:0}

.holderGroup {
	width:580px;
	padding:15px 0;
	float:left;
}
.registrationForm .holderGroup h3 {
	background:transparent url(/img/bgrdHor.gif) repeat-x scroll left bottom;
	padding-bottom:15px;
}
.registrationForm input {width:388px;margin:5px 0 8px;border: 1px solid #666666; height:18px;}
.registrationForm input.companyOwner {width:15px; border:none;}

.registrationForm textarea {border: 1px solid #666666;height:140px;width:338px;margin:5px 0 8px 0;}
.registrationForm select {width:400px; margin-bottom:10px;}
* html .registrationForm select {width:396px;}
.registrationForm label.labelWithImage {padding-top:0;}
.registrationForm label.labelWithImage img {padding-top:8px; border:none;}


.divRadio {float:left; width:300px;}
.divRadio p{ padding-bottom:5px;}
.registrationForm input.radioButton {border:medium none;margin:0 5px 0 0;padding:0;vertical-align:middle;width:15px;}

/*********************** Aktivacija korisnika *********************************/
p.message {margin:10px 0px 0px 0px; color:#990000;font-weight:bold;}
.activationForm {width:500px;}
.activationForm .holder {width:500px;}
.activationForm label {display:block;float:left;width:188px; font-size:14px;font-weight:bold;}
label.usernameLabel {font-size:13px;}
.activationForm input {background-color:#FFFFFF;border:1px solid #999999;color:#333333;height:15px;margin:5px 0 8px;padding:6px 5px;width:300px;}


/**************************** left  login form  *************************************/
.signIn {width:200px;}
.signIn .holder {width:200px;}
.signIn label {font-weight:bold;font-size:14px;}
.signIn input {background-color:#FFFFFF;border:1px solid #999999;color:#333333;height:15px;margin:5px 0 8px;padding:6px 5px;width:188px;}
.signIn p {font-size:14px;padding-bottom:10px;}
.signIn p a {color:#666666; outline:none;}

/**************************** right  login form  *************************************/
.loginFormRight {width:500px;}
.loginFormRight .holder {width:500px;}
.loginFormRight label {display:block;float:left;width:200px;font-size:14px;font-weight:bold;}
.loginFormRight input {background-color:#FFFFFF;border:1px solid #999999;color:#333333;height:15px;margin:5px 0 8px;padding:6px 5px;width:288px;}

/**************************** password recovery form  *************************************/
.passwordRecoveryForm {width:500px;}
.passwordRecoveryForm .holder {width:500px;}
.passwordRecoveryForm label {display:block;float:left;width:200px;font-size:14px;font-weight:bold;}
.passwordRecoveryForm input {background-color:#FFFFFF;border:1px solid #999999;color:#333333;height:15px;margin:5px 0 8px;padding:6px 5px;width:288px;}
.passwordRecoveryForm select {margin:5px 0 8px;width:300px;}
* html .passwordRecoveryForm select {margin:5px 0 8px;width:297px;}

/**************************** Change Password Form *************************************/
.changePasswordForm {width:600px;}
.changePasswordForm h3 {padding-bottom:15px; border-bottom:1px solid #666666;}
.changePasswordForm label {display:block;float:left;font-size:14px;width:200px;font-weight:bold;}
.changePasswordForm input {background-color:#FFFFFF;border:1px solid #999999;color:#333333;height:15px;margin:5px 0 8px;padding:6px 5px;width:388px;}
.changePasswordForm select {margin:5px 0 8px;width:397px;}
.changePasswordForm textarea {width:388px;}
* html .changePasswordForm textarea {width:384px;font-family:Arial,Helvetica,sans-serif;font-size:12px;}


/******************************** Change avatar form ****************************************/
.changeAvatar .holder {
	margin-bottom:25px;
	width:410px;
}
.changeAvatar input.avatar {
	background-color:#FFFFFF;
	border:1px solid #D0D0D0;
	color:#333333;
	margin:0;
	padding:6px 5px;
	width:280px;
	margin-right:5px;
}
.changeAvatar input.butAct {
	background:transparent url(/img/buttons/avatarButtons.gif) no-repeat scroll 0 0;
	border-style:none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:11px;
	height:20px;
	margin:0;
	padding:0 0 3px;
	width:100px;
}
* html .changeAvatar input.butAct {padding-bottom:0px;}