/* -------------------  GLOBAL FORM ELEMENTS -------------------- */

label {display:block;font-size:11px;text-align:left; color: #333333; font-family: Georgia,"Times New Roman",Times,serif; font-weight: bold; line-height: 100%; margin: 0 0 5px; text-transform: capitalize;}
select, textarea{background-color:#FFFFFF;border: 1px solid #CCCCCC;line-height:140%;}
select {padding:5px;}
textarea{padding:10px;}
.alert{ background-color: #CC0000; color: #FFFFFF; font-size: 16px; font-weight: bold; margin-bottom: 15px; padding: 15px; text-align: center;}

/*----- input button ------*/

button { border:0; cursor:pointer; padding:0 11px 0 0; text-align:center; outline:none;}
button span { display:block; padding:0 0 0 14px; }
button {background-image: url(/img/buttons/input_Button_Right.png);background-repeat: no-repeat;
background-position: right;background-color: transparent;}
button span { height:38px; line-height:38px;background: url(/img/buttons/input_Button_Left.png) left no-repeat;color:#ffffff; font-weight:bold; font-family:Tahoma, Arial; text-transform:uppercase; font-size:14px; white-space:nowrap}
button:hover span {color: #f8cccc;}

/* -------------------  Contact FORM -------------------- */

.contactForm {background: none repeat scroll 0 0 transparent;
    border: medium none;
    margin-top: 15px;
    padding: 0;}


.contactForm .holder {width:300px;}

.contactForm input {
	background:url(/img/forms/inputBgrd.png) left top no-repeat;
    border: medium none;
    color: #666666;
    padding: 15px 10px;
	margin:0 0 15px;
	width: 290px;}

.contactForm textarea {height:142px;margin:0 0 15px; background:url(/img/forms/textareaBgrd.png) left top no-repeat; border:none;
    padding: 15px 10px;
    position: relative;
    width: 607px;}

.contactForm .holderButton { width: 627px;}
.contactForm .holder select {background:url(/img/forms/selectBgrd.png) left top no-repeat; border: medium none; height: 41px; padding: 10px; width: 627px; margin-bottom:15px;}
.contactForm .holder select option {background-color:#FFFFFF; padding:2px;}
.contactForm input.required {}
.contactForm textarea.required {}
/* -------------------  Login FORM -------------------- */

.loginForm {width:627px;}
.loginForm .holder {width:627px; margin-bottom:10px}
.loginForm label {width: 300px; float:left; display:block; font-weight:bold}
.loginForm input { background: url("/img/forms/inputBgrd.png") no-repeat scroll left top transparent; border: medium none; color: #333333; margin: 0 0 5px;
padding: 15px 10px; width: 290px; float:right;}

/* -------------------  Activation FORM -------------------- */

.activationForm {width:625px;}
.activationForm .holder {width:625px; margin-bottom:10px}
.activationForm label {width: 280px; float:left; display:block; font-weight:bold}
.activationForm input {width:300px;background:#004E9C; -moz-border-radius: 7px; -webkit-border-radius: 7px;  -khtml-border-radius:7px; border-radius: 7px; behavior: url(/js/PIE.htc); padding:0; position:relative; padding:10px; border:none; color:#FFFFFF}
.activationForm input.submit { background:url(/img/forms/input_act.png) left center no-repeat;  cursor: pointer; float: right; width: 145px; font-family: Tahoma, Arial; color: #032152; font-weight: bold; margin-right:25px;}
.activationForm input.submit:hover {color:#FFFFFF;}
.activationForm .holder span {color: #FFC90A;}


/* -------------------  Sign in FORM -------------------- */
.signUpForm input {background: url(/img/forms/input627.png) left top no-repeat;  width: 607px; border: medium none; color: #666666; margin: 0 0 15px; padding: 15px 10px;}
.signUpForm select { background: url("/img/forms/selectBgrd.png") no-repeat scroll left top transparent; border: medium none; height: 41px; margin-bottom: 15px; padding: 12px 10px; width: 627px;}
.signUpForm .holder select option {background-color:#FFFFFF; padding:2px;}
.signUpForm .file_1 input {   background: url("/img/forms/inputBgrd.png") no-repeat scroll left top transparent;  border: medium none;
    color: #666666;
    margin: 0 0 15px;
    padding: 15px 10px;
    width: 290px;}
/* -------------------  Registration FORM -------------------- */

.registrationForm {width:625px;}
.registrationForm .holder {width:625px; margin-bottom:10px}
.registrationForm label {width: 300px; float:left; display:block; font-weight:bold}
.registrationForm input {width:300px;background:#004E9C; -moz-border-radius: 7px; -webkit-border-radius: 7px;  -khtml-border-radius:7px; border-radius: 7px; behavior: url(/js/PIE.htc); padding:0; position:relative; padding:10px; border:none; color:#FFFFFF}
.registrationForm select {width:292px;margin:5px 0 8px;}

/* -------------------  Password Recovery FORM -------------------- */

.passwordRecoveryForm {width:625px;}
.passwordRecoveryForm .holder {width:625px; margin-bottom:10px}
.passwordRecoveryForm label {width: 300px; float:left; display:block; font-weight:bold}
.passwordRecoveryForm input {width:300px;background:#004E9C; -moz-border-radius: 7px; -webkit-border-radius: 7px;  -khtml-border-radius:7px; border-radius: 7px; behavior: url(/js/PIE.htc); padding:0; position:relative; padding:10px; border:none; color:#FFFFFF}

/* -------------------  Password Change FORM -------------------- */

.changePasswordForm {width:625px;}
.changePasswordForm h3 {background:url(/img/slidingDoor/slidingDoor_border.gif) repeat-x left bottom;display:block;padding-bottom:15px;}
.changePasswordForm .holder {width:625px; margin-bottom:10px}
.changePasswordForm label {width: 300px; float:left; display:block; font-weight:bold}
.changePasswordForm input {width:300px;background:#004E9C; -moz-border-radius: 7px; -webkit-border-radius: 7px;  -khtml-border-radius:7px; border-radius: 7px; behavior: url(/js/PIE.htc); padding:0; position:relative; padding:10px; border:none; color:#FFFFFF}
.changePasswordForm select {width:302px;margin:5px 0 8px;}

/* -------------------  User Data FORM -------------------- */

.userDataForm {width:625px}
.userDataForm .holder {width:625px; margin-bottom:10px}
.userDataForm .holderGroup {width:610px;padding:10px 0;}
.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-weight:bold}
.userDataForm input {width:300px;background:#004E9C; -moz-border-radius: 7px; -webkit-border-radius: 7px;  -khtml-border-radius:7px; border-radius: 7px; behavior: url(/js/PIE.htc); padding:0; position:relative; padding:10px; border:none; color:#FFFFFF}

/* -------------------  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:625px}
.changeAvatar .holder {width:625px; 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;}
.changeAvatar input.submit-button{-moz-border-radius: 7px; -webkit-border-radius: 7px;  -khtml-border-radius:7px; border-radius: 7px; behavior: url(/js/PIE.htc); padding:0; position:relative; padding:10px; border:1px solid #000000; color:#003570; font-family: Tahoma,Arial; font-weight: bold;}
.changeAvatar input.submit-button{
	background-image: linear-gradient(bottom, #FFC90B 35%, #FBAA1A 68%);
	background-image: -o-linear-gradient(bottom, #FFC90B 35%, #FBAA1A 68%);
	background-image: -moz-linear-gradient(bottom, #FFC90B 35%, #FBAA1A 68%);
	background-image: -webkit-linear-gradient(bottom, #FFC90B 35%, #FBAA1A 68%);
	background-image: -ms-linear-gradient(bottom, #FFC90B 35%, #FBAA1A 68%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.35, #FFC90B),
	color-stop(0.68, #FBAA1A)
);
	behavior: url(/js/PIE.htc);
}
.changeAvatar input.submit-button:hover{ cursor:pointer}

/* -------------------  Mail Friend FORM -------------------- */

#mailFriend {width:310px; margin:0 auto;}
#mailFriend .holder label{ color:#666; font-size:12px}
#mailFriend .holder input{ background: url("/img/forms/inputBgrd.png") no-repeat scroll left top transparent; border: medium none; color: #333333; margin: 0 0 5px; padding: 15px 10px; width: 290px; float:right;}
#mailFriend .holder button{ }
#mailFriend .mailFriendTop{ color:#FF0000; margin-bottom:10px;}

/* -------------------  send Coment FORM -------------------- */

#formMessage{background-color:#cc0000; color:#FFFFFF; padding:10px; text-align:center; font-weight:bold; margin-bottom:20px; font-size:16px;}
#sendCommentForm .holder{ width:310px;}
#sendCommentForm .holder2{ width:310px; margin:0 0 0 5px}
#sendCommentForm .holderButton{ width:605px; margin:0 0 0 20px}

#sendCommentForm{margin-top:15px; border:none; background:none;}
#sendCommentForm h2{ color: #333333; font-family: Tahoma,Arial; font-size: 26px; font-weight: bold; text-transform:uppercase;}

#sendCommentForm input{}
#sendCommentForm textarea{}


/* ------------------- Newsletter FORM -------------------- */

.newsletterForm input {background:url(../../img/forms/inputNewsLetter.png) left top no-repeat; width:285px; padding:15px 10px; }
.newsletterForm select {background:url(../../img/forms/inputNewsLetter.png) left top no-repeat; width:305px; padding:13px 10px; border:0; background-color:#fff;}
.newsletterForm select option {margin-left: 5px; margin-bottom:5px;}

/* -------------------  Search Story FORM -------------------- */

#searchStoryForm{ padding:5px 10px}
#searchStoryForm .holder{ width:274px; margin-bottom:5px}
#searchStoryForm .holderHalf{ width:115px; position: relative;}
#searchStoryForm .first{margin:0 68px 5px 0;}
#searchStoryForm .last{ margin:0 0 5px -25px;}
#searchStoryForm a{ position:absolute; top:32px; right:-15px}
#searchStoryForm label{ font-weight:bold}
#searchStoryForm input{border:1px solid #000; -moz-border-radius: 7px; -webkit-border-radius: 7px;  -khtml-border-radius:7px; border-radius: 7px; behavior: url(/js/PIE.htc); padding:0; position:relative; padding:10px; color:#000000; width:100%}
#searchStoryForm input{
	background-image: linear-gradient(bottom, #BDECFA 35%, #FFFFFF 68%);
	background-image: -o-linear-gradient(bottom, #BDECFA 35%, #FFFFFF 68%);
	background-image: -moz-linear-gradient(bottom, #BDECFA 35%, #FFFFFF 68%);
	background-image: -webkit-linear-gradient(bottom, #BDECFA 35%, #FFFFFF 68%);
	background-image: -ms-linear-gradient(bottom, #BDECFA 35%, #FFFFFF 68%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.35, #BDECFA),
	color-stop(0.68, #FFFFFF)
);
	behavior: url(/js/PIE.htc);
}
#searchStoryForm select{border:1px solid #000; -moz-border-radius: 7px; -webkit-border-radius: 7px;  -khtml-border-radius:7px; border-radius: 7px; behavior: url(/js/PIE.htc); padding:0; position:relative; padding:10px; color:#000000; width:294px}
#searchStoryForm select{
	background-image: linear-gradient(bottom, #BDECFA 35%, #FFFFFF 68%);
	background-image: -o-linear-gradient(bottom, #BDECFA 35%, #FFFFFF 68%);
	background-image: -moz-linear-gradient(bottom, #BDECFA 35%, #FFFFFF 68%);
	background-image: -webkit-linear-gradient(bottom, #BDECFA 35%, #FFFFFF 68%);
	background-image: -ms-linear-gradient(bottom, #BDECFA 35%, #FFFFFF 68%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.35, #BDECFA),
	color-stop(0.68, #FFFFFF)
);
	behavior: url(/js/PIE.htc);
}
.holderButton{padding-top:5px; width: 294px; clear:both;}
.searchRow2 .searchStoryForm button.searchButton{ }
