/*
 * Example for the Alkacon OAMP Webform Module
 */
 
@charset "UTF-8";
@media all
{
	/* webform */
table.voting_table { width:100%}
div.webform {
}

div.webform_item {
	margin: 5px;
}

div.webform_middletext {
	color: #0e74d6;
	font-weight:bold;
}

div.webform_label {
	color: #0e74d6;
	font-weight:bold;
}

div.webform_field {
	color: #1D4D71;
	padding: 10px;
	line-height:2em;
}

div.webform_label_multi {
	
}

div.webform_field_multi {
	
}

div.webform_button {
}

/* error */
h3.webform_error_start {
	color:#C00;	
}

p.webform_error_text_start {
	color:#C00;	
}

span.webform_mandatory {
	color:#C00;	
}

span.webform_label_error {
	color:#C00;	
}

span.webform_msg_error {
	color:#C00;	
}

/* checkbox */
span.webform_field_checkbox {
	display: block;
	color:#0e74d6;
	position: relative;
}
span.webform_field_checkbox input {
	
}

span.webform_label_checkbox {
	margin:10px 5px 10px 5px;
}

span.webform_field_checkbox_row {
	
}

span.webform_label_checkbox_row  {
	
}

/* radio */
span.webform_field_radio {
	display: block;
}

span.webform_label_radio {
	
}

span.webform_field_radio_row {
	
}

span.webform_label_radio_row {
	
}

    table.webform_table {
		color: #163756;
	}
	/* labels */
	td.webform_label, td.webform_label_multi {
		font-weight: bold;
		padding: 5px;
		color: #0b77dc;
		vertical-align: top;
		text-align:right;
	}
	
	/* additional fields */
	td.webform_field {
	    padding: 5px;
	    color: #163756;
	}
	
	table.webform_table select {
		height: 20px;
		color: #163756;
	}
    table.webform_table select option {
		color: #163756;
	}
	
	table.webform_table textarea {
		height: 60px;
	}

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

	td.webform_label_checkbox_row{
		padding: 2px 0px 2px 3px;
		color: #163756;
	}
	
	/* 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;
		color: #163756;
	}
	
	/* 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;
	}
	
	/************************************************************************************************ 
	 * 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;
	}
	
}