/*
* Forms CSS *
* @author Mario Nitschke 
* @version 1.0 
* @see http://www.aiducation.org
*/

form, textarea, input, button, select { margin: 0; padding: 0; }
textarea, .input-text, select, .optionToBasket input, .div-input-text input, .div-input-text select { background: #FFFFFF; border: 1px solid #CCCCCC; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; }
input.submit, button { cursor: pointer; outline: none; }

/* Standardformular */
fieldset { margin: 0 0 10px 0; padding: 0 0 5px 0; border: 0; }
legend { font-weight: bold; }
.mytyFormLegend { font-weight: bold; clear: both; }
.fm-form legend { display: none; }
.fm-form { margin: 0 0 15px 0; min-height: 10px; }
.fm-form label, .mytyFormRadio-headline { color: #77b1b4; display: block; }

/* Formular Manager Formular */
.mytyFormFieldset { overflow: hidden; margin-bottom: 25px; }
.mytyFormLabel { color: #77b1b4; font-style: italic; }
.contentform { width: 560px; margin: 0; }
.form-label { display: block; padding: 8px 0 5px 0; color: #77b1b4; font-weight: bold; }
.form-error { color: red;}
.fieldWithErrors { color: red;}
.tyFormText { width: 200px; height: 15px; font-size: 12px; padding: 2px; border: 1px solid #c5bea6; background-color: #EEEEEE; }
.mytyFormBox { margin-bottom: 10px; width: 480px; }
.mytyFormField { margin-bottom: 10px; overflow: hidden; width: 480px; }
.mytyFormError { }
.mytyFormRequired { }
.mytyFormRadioField {  }
.mytyFormRadio-headline { display: block; padding: 15px 0 5px 0; font-weight: bold; } 
.mytyFormRadioBox { clear: none; min-width: 50px; text-align: left; margin-bottom: 0px; }
.mytyFormRadioBox input { float: left; margin-right: 5px; }
.mytyFormRadioBox .form-label { float: left; margin-right: 30px; padding: 0; }
.mytyFormTextBox { width: 240px; }
.mytyFormTextBox input { width: 230px; font-size: 12px; padding: 2px; border: 1px solid #c5bea6; background-color: #EEEEEE; }
.mytyFormTextMailBox  { }
.mytyFormEMail { width: 230px; font-size: 12px; padding: 2px; border: 1px solid #c5bea6; background-color: #EEEEEE; }
.mytyFormPasswordBox { }
.mytyFormPassword { width: 230px; font-size: 12px; padding: 2px; border: 1px solid #c5bea6; background-color: #EEEEEE; }
.mytyFormCheckboxField { clear: both; padding: 0 0 5px 0; }
.mytyFormCheckboxBox { }
.mytyFormCheckboxBox input { float: left; margin-right: 5px; width: 20px; background-color: transparent !important; }
.mytyFormCheckboxBox .form-label { float: left; width: 190px; padding: 0; }
.mytyFormCaptchaBox { float: none; clear: both; }
.mytyFormCaptchaImgBox { float: left; min-width: 100px; }
.mytyFormSelectBox { width: 235px; }
.mytyFormSelectBox select { width: 235px; font-size: 12px; padding: 2px; border: 1px solid #c5bea6; background-color: #EEEEEE; }
.mytyFormRichtextBox .tyEditable { width: 470px !important; height: 200px !important; padding: 2px !important; border: 1px solid #c5bea6 !important; background-color: #EEEEEE !important; }
.mytyFormTextAreaBox textarea { width: 470px; height: 120px; border: 1px solid #c5bea6; padding: 4px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px; background-color: #EEEEEE; }
.div-w465 textarea, .w465 { width: 465px !important; }
.mytyFormBtnBox { width: 470px; text-align: center; margin-top: 20px; margin-bottom: 30px; }
.mytyFormDateBox { overflow: hidden; }
.mytyFormDateBox input { width: 70px; font-size: 12px; padding: 2px; border: 1px solid #c5bea6; background-color: #EEEEEE; }
.mytyFormDateBox input.tyFormButton { width: 24px; height: 22px; padding: 2px; border: 0; background-color: #EEEEEE; }
.mytyFormCheckboxField { padding-top: 10px; }
.div-floatl { float: left; }
.cb, .div-cb { clear: both; }
.mytyFormTextBox input:focus, .mytyFormEMail:focus, .mytyFormPassword:focus, .mytyFormCheckboxBox input:focus, .mytyFormSelectBox select:focus, .mytyFormTextAreaBox textarea:focus, .tyFormText:focus, .mytyFormDateBox input:focus { background-color: #FFFFFF; }

/* Fehlermeldungen */
/*
.error-field .input-text, .error-field .input-textarea, .error-field .input-select, .mytyFormError input { border: 1px solid #cf003a; color: #cf003a; }
.error-field label, .errorMsg, .errormsg, .mytyFormError label, .error-field label { color: #cf003a; font-weight: bold; }
.errorMsg, .errormsg { margin-bottom: 15px; line-height: 17px; clear: both; }
.tyFormHidden { display: none !important; }
*/

/*
.msgFormSuccess { width: 715px; margin-bottom: 20px; border: 2px solid #2faecb; padding: 10px; color: #2faecb; font-weight: bold; background-color: #f2ecc3; }
.msgFormError { width: 715px; margin-bottom: 20px; border: 2px solid #cf003a; padding: 10px; color: #cf003a; font-weight: bold; background-color: #f2ecc3; }
*/

/* Buttons */
.mytyFormSubmitBtn, .mytyFormResetBtn { font-weight: bold; color: #777777; background-color: transparent; border: 0; background-image: url('/media/templates/aiducation/pics/button_bg_blue.gif'); background-repeat: repeat-x; height: 28px; padding: 0 15px; text-transform: uppercase; }
.mytyFormResetBtn { margin-left: 15px; background-image: url('/media/templates/aiducation/pics/button_bg_grey.gif'); background-repeat: repeat-x; }
.mytyFormBtnBox { text-align: right; width: 100%; }

/* Formularfelder */
div.input-hs, div.input-hsr { width: 270px; overflow: hidden; float: left; clear: none; }
div.input-hsr { float: right; }
.input-text, input.longsearch, .optionToBasket input, .div-input-text input, .div-input-text select { width: 235px; border: 1px solid #c5bea6; background-color: #EEEEEE; padding: 4px; }
input.longsearch { width: 200px; margin-bottom: 10px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px; }
.input-text:focus, .optionToBasket input:focus, .div-input-text input:focus, .div-input-text select:focus { background-color: #FFFFFF; }
.div-input-text select { width: 245px; font-size: 12px; }
div.input-hs .input-text, div.input-hsr .input-text { width: 230px; }
div.input-hs select.input-text, div.input-hsr select.input-text { width: 190px; font-size: 12px; }
.optionToBasket input { width: 40px; float:left; text-align: center; margin-right: 5px; }
textarea.input-text { height: 120px; background-color: #EEEEEE; }
textarea.input-textarea { width: 540px; height: 120px; padding: 4px; background-color: #EEEEEE; border: 1px solid #c5bea6; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px; }
textarea.input-text:focus, textarea.input-textarea:focus { background-color: #FFFFFF; }
.div-input-check { clear: both; padding-bottom: 5px; overflow: hidden; width: 100%; }
.div-input-check .form-label { width: 190px; float: left; padding: 0; color: #9b004f; }
div.input-hs .div-input-check, div.input-hsr .div-input-check { width: 250px; padding-bottom: 5px; } 
div.input-hs .div-input-check .form-label, div.input-hsr .div-input-check .form-label { width: 230px; }
.input-check, .div-input-check input { border: 0; width: 12px; height: 12px; display: block; margin-right: 5px; float: left; background-color: transparent; }
div.captcha { clear:both; float: none; }
.captcha img { float: left; margin-right: 10px;}
div.captcha .input-text {width: 110px; font-size: 22px; float:left;}
div.captcha img { float: left; margin-right: 5px; }
div.form-small { width: 40px; clear: none; margin-left: 10px; }
div.form-small input { width: 30px; }
div.middle { width: 190px; clear: none; }
div.middle input { width: 180px; }
small-input { width: 40px; clear: none; }
.small-input input { width: 30px; }
.large-input {}
.fmfloatl { float: left; }
.fmfloatr { float: right; } 
.fmmr-10 { margin-right: 10px; }
.mb-10 { margin-bottom: 10px; }
.mb-0 { margin-bottom: 0; }
.mt-10 { margin-top: 10px; }
.pt-4 { padding-top: 4px; }
.h-70 { height: 70px; }
.mt-20-cb { margin-top: 20px; clear:both; }
.w-100 { width: 100%; }
.w-120 { width: 120px; }
.w-520, .div-w-520 { width: 520px !important; }
.buttons, .cb { clear: both; }

/* Formulardaten */
.mytyFormCaptchaInputBox { float: left; margin-left: 10px; width: 70px; }
.mytyFormCaptchaInputBox input { width: 70px; height: 26px; font-size: 20px; padding: 2px; background-color: #EEEEEE; border: 1px solid #c5bea6; }
.mytyFormCaptchaInputBox input:focus { background-color: #FFFFFF; }

.customer-form-description { min-height: 90px; height: 90px; padding: 0; overflow: hidden; width: 230px; }
.customer-form-description .fieldset-description { margin-bottom: 0px; }

/* Newsletter */
.div-input-text-nl, .input-text-nl { float: left; margin-right: 40px; overflow: hidden; width: 240px; }
.field-input-text-nl { float: left; margin-right: 40px; overflow: hidden; width: 240px; padding-top: 10px; }
.input-text-nl-date { float: left; margin-right: 10px; overflow: hidden; width: 70px; }

/* Special forms */
form#Aiduseeker_Profile .tyEditable { width: 545px !important; height: 200px !important; background-color: #EEEEEE !important; border: 1px solid #c5bea6 !important; }
form#Aiduseeker_Profile .tyEditable:focus { background-color: #FFFFFF !important; }

/* Login-Form */
.login-form { width: 236px; margin: 0 0 0 160px; overflow: hidden; }
.mytyFormPassword { width: 230px; }
form#login-form label { display: block; margin-bottom: 5px; }
form#login-form input { width: 230px; height: 15px; font-size: 12px; padding: 2px; border: 1px solid #c5bea6; background-color: #EEEEEE; margin-bottom: 15px; }
form#login-form input:focus { background-color: #FFFFFF; }

#basket-disclaimer a:link, #basket-disclaimer a:active, #basket-disclaimer a:visited, #basket-disclaimer a:hover { color: #009bab !important; }
#basket-disclaimer a:hover { color: #6D6D6D !important; }

.errorMsg a:link, .errorMsg a:active, .errorMsg a:visited, .errorMsg a:hover { color: #009bab !important; }
.errorMsg a:hover { color: #6D6D6D !important; }

#flash_messages {margin-left: 235px;}