/*
 * example for the alkacon oamp webform module
 */
 
@charset "utf-8";
@media all
{
	/* labels */
	td.webform_label, td.webform_label_multi {
		font-weight: bold;
		padding: 5px 0px 3px 0px;
	}
	
	/* additional fields */
	table.webform_table select {
		height: 20px;
	}

	table.webform_table textarea {
		height: 80px;
		width: 500px;
	}

	table.webform_table tr td.webform_button {
		text-align: center;
	}
	
	/* error */
	span.webform_label_error{
		color: #cc0000;
	}
	
	span.webform_msg_error{
		color: #cc0000; 
		font-weight: bold;
	}
	
	/* checkbox */
	table.webform_checkbox_row{
		float: left; 
		padding: 0px 8px 0px 0px;
	}
	
	td.webform_field_checkbox, td.webform_field_checkbox_row{
		padding: 2px 0px 2px 0px;
	}
	
	td.webform_label_checkbox{
		padding: 2px 0px 2px 5px;
	}

	td.webform_label_checkbox_row{
		padding: 2px 0px 2px 3px;
	}
	
	/* radio */
	table.webform_radio_row{
		float: left; 
		padding: 0px 8px 0px 0px;
	}
	
	td.webform_field_radio, td.webform_field_radio_row{
		padding: 4px 0px 0px 0px;
	}
	
	td.webform_label_radio, td.webform_label_radio_row{
		padding: 1px 0px 0px 5px;
	}
	
	/* table field */
	table.webform_label_table{
		vertical-align: top;
	}
	
	.webform_label_table tr th, .webform_label_table tr td, 
		.webform_field_table tr th, .webform_field_table tr td {
		white-space: nowrap;
	}
	/*add by frank*/
	.webform_field .onlineform{
		width: 300px;
	}
	/************************************************************************************************ 
	 * orange style: in the optional form configuration field "style" "orange" has been entered. 
     * so the following styles are special for that webform:
	************************************************************************************************/
	td.webform_label_orange {
		color: orange;
	}
	
	td.webform_field_orange {
		color: orange;
	}
	
	td.webform_field_orange input, td.webform_field_orange select {
		color: orange;
		background-color: yellow;
	}
	
	td.webform_middletext_orange {
		color: orange;
	}
	
	td.webform_mandatory_orange {
		color: orange;
	}
	
	td.webform_button_orange input {
		color: orange;
		background-color: yellow;
		font-weight: bold;
	}
	
	td.webform_error_text_start_orange {
		color: orange;
	}
	
	td.webform_error_start_orange {
		color: orange;
	}
	
}