/* -------------------  GLOBAL FORM ELEMENTS -------------------- */

/*form {margin-left:auto;margin-right:auto;}*/
label {color:#1E5D84;display:block;font-weight: normal;font-size:13px;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:#e5ecfa;color:#333333;height:15px;padding: 3px 2px;border: 1px solid #999999;}
textarea, select {/*background-color:#e5ecfa;*/color:#333333;padding:3px;border: 1px solid #999999;overflow: auto; width:270px;}
input.required, textarea.required {border: 1px solid #FF0000;}

p.alert, div.alert{color:#990000;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; }
.contactForm .holder button, .questionForm button, .educationForm button, form button {font-size:11px;font-family: Tahoma;background-image: url(/img/buttons/btn_blue_right.gif);background-repeat: no-repeat;
background-position: right;background-color: transparent;}
.contactForm .holder button span, .questionForm button span, .educationForm button span, form button span { height:35px; line-height:35px;background: url(/img/buttons/btn_blue_left.gif) left no-repeat;color:#003570; }
.contactForm .holder button:hover, .questionForm button:hover, .educationForm button:hover, form button:hover {background: url(/img/buttons/btn_blue_right_hover.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/btn_blue_left_hover.gif) left no-repeat; }
*/
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:25px; line-height:25px;}
form button:hover { background-color:#c8eac8}
.contactForm .holder button{ float:left;}

/* -------------------  Contact FORM -------------------- */

.contactForm {
	/*width:280px; */
	clear:both;
}
.contactForm .holder {width:280px;}
.contactForm label {width: 280px;}
.contactForm input {width:270px;margin:0; border: #cccccc 1px solid; background-color:#E5ECFA; height:18px;}
* html .contactForm input {width:276px; height:24px;}
.contactForm textarea {height:140px;width:270px;margin:5px 0 8px;border: #cccccc 1px solid; background-color:#e5ecfa;}
.contactForm input.required {background-color: #ffcccc}
.contactForm textarea.required {background-color:#ffcccc}

/* -------------------  Activation FORM -------------------- */

.activationForm {width:280px; clear:both}
.activationForm .holder {width:280px;}
.activationForm label {width: 280px;}
.activationForm input {width:270px;margin:0; border: #cccccc 1px solid; height:18px; background-color:#e5ecfa;}
.activationForm textarea { height:140px;width:270px;margin:5px 0 8px;border: #cccccc 1px solid; background-color:#e5ecfa;}
.activationForm input.required { background-color: #ffcccc}
.activationForm textarea.required {background-color:#ffcccc}

/* -------------------  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:280px;}
.loginForm .holder {width:280px;}
.loginForm label {width: 200px; float:left; display:block;}
.loginForm input {width:280px;margin:5px 0 8px; background-color:#e5ecfa;color:#333333;height:15px;padding: 3px 2px;border: 1px solid #cccccc;}

/* -------------------  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:487px;}
.registrationForm .holder {width:487px;}
* html .registrationForm {width:495px;}
* html .registrationForm .holder {width:495px;}
.registrationForm label {width: 200px; float:left; display:block;}
.registrationForm input {width:280px;margin:5px 0 8px; background-color:#e5ecfa;color:#333333;height:15px;padding: 3px 2px;border: 1px solid #cccccc;}
.registrationForm select {width:286px;margin:5px 0 8px; border: 1px solid #cccccc;}
.register{clear: left; padding-top:10px;}
.register a{}
.register a:hover{}

/* -------------------  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:#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;}

/* -------------------  Product Search FORM -------------------- */

.productSearch {width:165px}
.productSearch .holder {width:165px; margin-bottom:0px}


.productSearch .jqTransformSelectWrapper {width: 140px !important;position:relative;height: 25px;float:left;background: url(../img/input/select_left.gif) no-repeat left top;}
.productSearch .jqTransformSelectWrapper div span {font-size: 11px;float: none;position: absolute;width: 140px !important;height: 25px;line-height: 15px;padding: 8px 0 0 7px;overflow: hidden;cursor:pointer;color:#333333;}
.productSearch .jqTransformSelectWrapper  a.jqTransformSelectOpen {display: block;position: absolute;right: 0px;width: 26px;height: 25px;background: url(../img/input/select_right.gif) no-repeat center center;}
.productSearch .jqTransformSelectWrapper ul {position: absolute;width: 43px;top: 24px;left: 0px;list-style: none;background-color: #FFF;border: solid 1px #000000;display: none;margin: 0px;padding: 0px;overflow: auto;overflow-y: auto;z-index:10; width:162px !important; /*height:120px*/}
.productSearch .jqTransformSelectWrapper ul li {list-style: none;margin:0;}
.productSearch .jqTransformSelectWrapper ul a {display: block;padding-left: 5px;text-decoration: none;color:#333333;background-color: #fff;font-size: 11px;}
.productSearch .jqTransformSelectWrapper ul a.selected {background: #fff;color:#333333;}
.productSearch .jqTransformSelectWrapper ul a:hover, .productSearch .jqTransformSelectWrapper ul a.selected:hover {background:#2B85BB;color: #000;}
.productSearch .jqTransformHidden {display: none;}

.productSearch .holder .jqTransformSelectWrapper {width: 164px !important;position:relative;height: 25px;float:left;background: url(../img/input/select_left.gif) no-repeat left top;}
.productSearch .holder .jqTransformSelectWrapper div span {font-size: 11px;float: none;position: absolute;width: 165px !important;height: 25px;line-height: 15px;padding: 5px 0 0 8px;overflow: hidden;cursor:pointer;color:#333333;}

/* -------------------  Product, Typ, City Search FORM -------------------- */

.productSearchPTC {width:550px;}
.productSearchPTC .holder {width:165px; margin-bottom:0px;}
.productSearchPTC .holderSmall {width:165px; float:left; margin-bottom:10px}

.productSearchPTC .jqTransformSelectWrapper {width: 140px !important;position:relative;height: 25px;float:left;background: url(../img/input/select_left.gif) no-repeat left top;}
.productSearchPTC .jqTransformSelectWrapper div span {font-size: 11px;float: none;position: absolute;width: 140px !important;height: 25px;line-height: 15px;padding: 5px 0 0 7px;overflow: hidden;cursor:pointer;color:#333333;}
.productSearchPTC .jqTransformSelectWrapper  a.jqTransformSelectOpen {display: block;position: absolute;right: 0px;width: 26px;height: 25px;background: url(../img/input/select_right.gif) no-repeat center center;}
.productSearchPTC .jqTransformSelectWrapper ul {position: absolute;width: 43px;top: 24px;left: 0px;list-style: none;background-color: #FFF;border: solid 1px #000000;display: none;margin: 0px;padding: 0px;overflow: auto;overflow-y: auto;z-index:10; /*height:120px*/}
.productSearchPTC .jqTransformSelectWrapper ul li {list-style: none;margin:0;}
.productSearchPTC .jqTransformSelectWrapper ul a {display: block;padding-left: 5px;text-decoration: none;color:#333333;background-color: #fff;font-size: 11px;}
.productSearchPTC .jqTransformSelectWrapper ul a.selected {background: #fff;color:#333333;}
.productSearchPTC .jqTransformSelectWrapper ul a:hover, .productSearchPTC .jqTransformSelectWrapper ul a.selected:hover {background:#2B85BB;color: #000;}
.productSearchPTC .jqTransformHidden {display: none;}

.productSearchPTC .holder .jqTransformSelectWrapper {width: 164px !important;position:relative;height: 25px;float:left;background: url(../img/input/select_left.gif) no-repeat left top;}
.productSearchPTC .holder .jqTransformSelectWrapper div span {font-size: 11px;float: none;position: absolute;width: 130px !important;height: 25px;line-height: 15px;padding: 5px 0 0 8px;overflow: hidden;cursor:pointer;color:#333333;}

/* -------------------  Education FORM -------------------- */
.newsletter {
	width:700px;
	/*height:300px;*/
	margin: 0;
	padding-top:15px;
}
.newsletter h5 {
	font-size:12px;
	padding:5px 0;
}
.newsletter h5 a {
	background-image:url(../img/i_pdf.gif);
	background-position:left center;
	background-repeat:no-repeat;
	font-size:12px;
	padding-left:25px;
}
.newsletter h2 {
	font-size:13px;
	padding:5px 0;
	border-top:#CCCCCC 1px dotted;
	margin-top:5px;
}
