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

	Element container layout definition

	All elements are shown in a container which uses one of the following
	classes. Please read the specific container description for more
	Information.

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

/**
 * This class represents the outer mailform table. In this table
 * all fields and elements are shown in cells
 */
.mailform-table-outer { }

/**
 * 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 { 
	vertical-align:top;
}
/**
 * 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 { 
	color:#D01314;
}

/**
 * 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 {
	color: #D01314;
	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 element label definition

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

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

.tx_mailform_label_global {

}

.tx_mailform_label_textarea {

}

.tx_mailform_label_title {

}

.tx_mailform_label_text {
		font-family:Arial, Helvetica, sans-serif;
		color:#4a4b54;
		font-size:12px;
		font-weight:bold;

}


.tx_mailform_label_textwdesc {

}

.tx_mailform_label_default {

}

.tx_mailform_label_submit {

}

.tx_mailform_label_file {

}

.tx_mailform_label_password {
		font-family:Arial, Helvetica, sans-serif;
		color:#4a4b54;
		font-size:12px;
		font-weight:bold;

}

.tx_mailform_label_radio {

}

.tx_mailform_label_select {
		font-family:Arial, Helvetica, sans-serif;
		color:#4a4b54;
		font-size:12px;
		font-weight:bold;
		display:block;
}

.tx_mailform_label_layout_default {

}

.tx_mailform_label_navi_nextpage {
	
}

.tx_mailform_label_navi_previouspage {
	
}

.tx_mailform_label_navi_pagenavi {
	
}

.tx_mailform_label_navi_reset {
	
}

.tx_mailform_label_submit {
	
}

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

 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-family:Arial, Helvetica, sans-serif;
		color:#4a4b54;
		font-size:12px;
		width:187px;
		height:16px;
		padding-top:5px;
		padding-left:5px;
		margin-top:2px;
		border:solid 1px #CCCCCC;
}

/**
 * Select (Dropdown / Multiselect)
 */
.tx_mailform_select {
		font-family:Arial, Helvetica, sans-serif;
		color:#4a4b54;
		font-size:12px;
		width:187px;
		height:23px;
		padding-left:5px;
		margin-top:2px;
		border:solid 1px #CCCCCC;
}

.tx_mailform_option {
  font-size: 10px;
  color: #000;
 
}

/**
 * Textarea
 */
.tx_mailform_textarea {
  font-size: 11px;
  font-family: Arial;
  color: #000;
  margin-bottom: 5px;
  border: 1px solid #CCCCCC;
  width:190px;
 }

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

/**
 * Password field
 */
.tx_mailform_password {
 font-family:Arial, Helvetica, sans-serif;
		color:#4a4b54;
		font-size:12px;
		width:187px;
		height:16px;
		padding-top:5px;
		padding-left:5px;
		margin-top:2px;
		border:solid 1px #CCCCCC;
}

/**
 * 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-family:Arial, Helvetica, sans-serif;
		color:#4a4b54;
		font-size:12px;
		width:187px;
		height:16px;
		padding-top:5px;
		padding-left:5px;
		margin-top:2px;
		border:solid 1px #CCCCCC;
}

.tx_mailform_label_captcha {
		font-family:Arial, Helvetica, sans-serif;
		color:#4a4b54;
		font-size:12px;
		font-weight:bold;
	}
/**
 * Checkboxes
 */
input.tx_mailform_checkbox_box {

}
div.tx_mailform_checkbox_wrap {
	overflow:hidden;
}
* html div.tx_mailform_checkbox_wrap {
	overflow:visible;
	height:1%;
}
.tx_mailform_label_checkbox{
		font-family:Arial, Helvetica, sans-serif;
		color:#4a4b54;
		font-size:12px;
		font-weight:bold;
		width:100px;
		padding-bottom:5px;
		}

div.tx_mailform_checkbox_element {
}

td.tx_mailform_checkbox_text {
  font-size: 10px;
  color: #000;
}

label.tx_mailform_cb_label {
  font-family:Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: #4a4b54;
}

/**
 * Radio Buttons
 */
input.tx_mailform_radio_button { }

td.tx_mailform_radio_text {
  font-size: 10px;
  color: #000;
  padding: 5px;
}
label.tx_mailform_rb_label {
  font-size: 10px;
  color: #000;
  margin-bottom: 2px;
}

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

 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%;
  color: #CCCCCC;
}

/**
 * Text Title
 */
.tx_mailform_title {
		font-family:Arial, Helvetica, sans-serif;
		color:#4a4b54;
		font-weight:bold;
		font-size:13px;
		height:30px;
		margin-bottom:5px;
		text-transform:uppercase;
		border-top: solid 1px #CCCCCC;
		text-align:left;
		padding-bottom:10px;
}

/**
 * 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-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		border:#ccc 1px solid;
		background-color:#E9E9E9;
		color:#4a4b54;
		width:70px;
		line-height:11px;
		padding-top:2px;
		padding-bottom:2px;
		margin-top:10px;
		margin-bottom:10px;
	}
	.tx_mailform_submit:hover, .tx_mailform_reset:hover{
		background-color:#ccc;
	}

.tx_mailform_reset {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		border:#ccc 1px solid;
		background-color:#E9E9E9;
		color:#4a4b54;
		width:70px;
		line-height:11px;
		padding-top:2px;
		padding-bottom:2px;
	}
		
	
	
/**
 * 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;
	border: 1px solid #222;
	margin-bottom: 5px;
}

.tx_mailform_navi_previouspage {
	font-size: 10px;
	color: #000;
	border: 1px solid #222;
	margin-bottom: 5px;
}

.tx_mailform_navi_reload {
	font-size: 10px;
	color: #000;
	border: 1px solid #222;
	margin-bottom: 5px;
}

.tx_mailform_navi_pagenavi {
	font-size: 10px;
	color: #000;
	border: 1px solid #222;
	margin-bottom: 5px;
}

.tx_mailform_navi_reset {

}