/*
 * 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 {

    }

    div.webform_label {
        color: #2d8654;
        font-weight:bold;
    }

    div.webform_field {
        color: #2b7841;
        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: #2b7841;
        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: #2d8654;
        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;
    }

    table.confirmationTable{
        width: 100%;
        border: none;
        border-spacing: 0;
    }
    table.confirmationTable tr td{
        padding: 3px 5px;
    }
    table.confirmationTable tr td.label{
        font-weight: bold;
        color: #2d8654;
        padding: 3px 0;
    }

    /************************************************************************************************
      * 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;
    }

}