/* ##########################*/
/** ### mailform        ###*/
/** ##########################*/
/** ##########################*/

/* This class represents the outer mailform table. In this table all fields and elements are shown in cells */
.mailform-table-outer {border:0px solid #848484; width:99%; margin:0px 0px 0px 0px;padding:9px;}
.mailform-table-outer td,th {border:0px solid #ccc;}
/*.mailform-table-outer td.none{border-bottom:1px solid red;height:auto;}*/
.mailform-table-outer h3 {font-size:1.2em;padding:0px 0px 0px 0px;font-weight:normal;margin:0px 0px 0px 0px;}
/**
 * If you like to access every single cell, please use the form wizard
 * You may input here a class which is used for every cell, but you must
 */

/**
 * td-no-style represents every single defined cell. But you can change the
 * class of every cell in the field wizard
 */
/*.td-no-style { background-color: #ECECEF; border-bottom:1px solid #848484; background:#ECECEF;}*/
.td-no-style { background-color: #ECEBF0; background:#ECEBF0;}
.td-no-styleRight { text-align:right;background-color: #ECEBF0; background:#ECEBF0;}
.td-grey-style { background-color: #DCDCDE; background:#DCDCDE;}
/**
 * This class is used for the outer container of a Form-Element
 * IF the current form content is valid
 * In the current version not used, for later purposes
 */
.tx_mailform_valid { }

/**
 * This class is used for the outer container of a Form-Element
 * IF the current form content is not valid.
 */
.tx_mailform_invalid { }

/**
 * This class is used for the outer container of a Form-Element
 * IF the current content is required, and the user has not yet input
 * the required data
 */
.tx_mailform_required { }

/**
 * This class is used for the outer container of a Form-Element
 * The class is used, if the form has not yet sent, and is not corrected.
 * Actually this is the class, the user will see the most (if he inputs correct
 * data)
 */
.tx_mailform_none { }

/**
 * If the user inputs invalid data, the error will be displayed with
 * this text formation
 */
.tx_mailform_FieldErrorMessage {font-weight: bold;}

/**
 * This is the class which will be the outer container class for Layout
 * elements.
 * That excludes all form elements.
 * It Includes eg title-element, html-element, separator-element
 */
.tx_layout_element_container {color: #F00;}

/*******************************************************************************
Formular required star
All existing possibilities for a required star are listed below
*******************************************************************************/
.tx_mailform_required_star {display:none;}
.tx_mailform_required_star-ok {display:none;}
.tx_mailform_required_star-required {display:none;}
.tx_mailform_required_star-error {display:none;}

/*******************************************************************************
 Formular element label definition. All current existing elements are listed below
 You can separately design every different element type
*******************************************************************************/

/*******************************************************************************
 Formular element layout definition
 All current existing elements are listed below
 You can separately design every different element type
*******************************************************************************/
 /* Normal Text element */
.tx_mailform_text {font-size: 10px;color: #68686f;border: 1px solid #68686f;}
.tx_mailform_field_text input{font-weight:normal;font-size:10px;height:16px;margin:0px 0px 4px 12px;padding:0px 0px 0px 0px;}

/* Select (Dropdown / Multiselect) */
.tx_mailform_select {font-size: 10px;color: #68686f;border: 1px solid #68686f;margin:6px 4px 6px 12px;height:18px;}
.tx_mailform_option {font-size: 10px;color: #000;}

/* Textarea */
.tx_mailform_textarea {font-size: 10px;color: #68686f;background-color: #F3F3F3;margin:2px 5px 5px 12px; border: 1px solid #68686f;}
.tx_mailform_field_textarea{margin:0px 0px 0px 0px;}

/* Hidden Field (Actually it does not make sense to design a invisible element) */
.tx_mailform_hidden {font-size: 10px;color: #68686f;border: 1px solid #68686f;}

/* Password field */
.tx_mailform_password {font-size: 10px;color: #000;border: 1px solid #222;margin-bottom: 5px;}

/* File Upload -  Currently not functional */
.tx_mailform_file {font-size: 10px;color: #000;border: 1px solid #222;margin-bottom: 5px;}

/* Captcha */
.tx_mailform_captcha {font-size: 15px;color: #000;border: 1px solid #222;height: 18px;}

/* Checkboxes */
.tx_mailform_field_checkbox{margin:0px 0px 0px 0px;padding:5px 0px 0px 2px;}
.tx_mailform_div_label_left{display:none;}
/*input.tx_mailform_checkbox_box {border: 1px solid #68686f;}*/
div.tx_mailform_checkbox_wrap {overflow:hidden;float:left;}
/* * html div.tx_mailform_checkbox_wrap {overflow:visible;height:1%;}/*
/*div.tx_mailform_checkbox_element {height:18px;width:100%;margin-right:12px;}*/
td.tx_mailform_checkbox_text {font-size: 11px;color: #686868;}
label.tx_mailform_cb_label {font-size: 11px;font-color: #686868;border:0px solid lime;margin:2px 0px 0px 10px;}

/* Radio Buttons */
/* for generating radios, an additional table (summary) will be rendered */
/* this rendered table hast a colspan-bug. fixed in */
/* typo3conf/ext/mailform/template/mailform_fields.tmpl, section ###FORM_RADIO### */
.mailform_radio_box{background-color:#ECEBF0;border: 0px solid red;}
/*.tx_mailform_field_radio{border:0px solid lime;}*/
/*input.tx_mailform_radio_button { border:0px solid lime;}*/
/*td.tx_mailform_radio_text {font-size: 12px;color: red;padding: 0px;}*/
/*label.tx_mailform_rb_label {font-size: 12px;color: #000;margin-bottom: 0px;}*/
div.tx_mailform_radio_element {border:0px orange dashed; padding:4px 8px 0px 4px;}
/*table.summery th,td {border:0px solid black;}*/


/* submit */
.tx_mailform_label_submit {}
.tx_mailform_submit{margin-top:8px;}


/* static Country Select */
.tx_mailform_field_staticcountry select{display:block;height:16px;}
.tx_mailform_field_staticcountry option{display:block;height:16px;width:120px;}
/*******************************************************************************
Layout-element layout definition
All current existing elements are listed below
You can separately design every different element type
*******************************************************************************/

/* Popular HR Separator */
.tx_mailform_hrSeparator {width: 100%;height: 1px;}

/**
 * HTML - Element
 * - The HTML Element is not accessable over CSS.
 * - Please Include your CSS Definition in your specified HTML Element
 * - In the Wizard
 */

 /*******************************************************************************

 Navigation-element layout definition

 All current existing elements are listed below
 You can separately design every different element type

*******************************************************************************/
/* Submit Button*/
.tx_mailform_submit {font-size: 10px;color: #000;border: 1px solid #222;margin-bottom: 5px;}

/* Submitbutton with extended features */
.tx_mailform_submitextended {font-size: 10px;color: #000;border: 1px solid #222;margin-bottom: 5px;}
.tx_mailform_navi_nextpage {font-size: 10px;color: #000;margin-bottom: 5px;}
.tx_mailform_navi_previouspage {font-size: 10px;color: #000;margin-bottom: 5px;}
.tx_mailform_navi_reload {font-size: 10px;color: #000;margin-bottom: 5px;}
.tx_mailform_navi_pagenavi {font-size: 10px;color: #000;margin-bottom: 5px;}
.tx_mailform_navi_reset {}


/* Navigation */
.tx_mailform_layout_default {margin:0px 0px 0px 0px}
.tx_mailform_layout_title {font-size:11px; margin:0px 0px 0px 6px;}
.tx_mailform_layout_htmlelement {font-size:10px; margin:0px 0px 0px 0px;}
.tx_mailform_layout_error {}

/* Navigation */
.tx_mailform_navi_pagenavi {}
.tx_mailform_navi_nextpage {}
.tx_mailform_navi_previouspage {}
.tx_mailform_navi_reset {}
.tx_mailform_td_label{width:10px;}
.tx_mailform_div_label_left {width:200px;float:left;}
.tx_mailform_div_label_error {color:#F00;font-weight: bold;}
.tx_mailform_div_input {float:left;}
.tx_mailform_div_icon {float:left;}
.tx_mailform_div_err_msg,
.tx_mailform_div_err_msg_block {display:block;}
.tx_mailform_div_err_msg,
.tx_mailform_div_err_msg_float-left {float:left;}
.tx_mailform_div_err_msg_float-none {float:none;}
.tx_mailform_div_err_msg_1 {display:block;color:red;font-size:0.82em;text-align:left;margin-left:12px;margin-top:0px;}
.tx_mailform_field_text-float_labelrechts_input {width:60px;}
.tx_mailform_field_textwdesc {font-size:10px;}
.tx_mailform_div_label_left_nowidth {float:left;}
.tx_mailform_div_output_select_width {float:left;width:200px;}
.tx_mailform_div_output_select-check {float:left;}