/*------------------------------------------------------
*
* Filename:             form.css
*
* Description           Custom styles for webforms (WFFM)
*
* Version               2.0.0 (30-11-2011)
*
* Author                Valtech
*
------------------------------------------------------*/



/* ============================================ */
/* scfForm                                      */
/* ============================================ */
#main .scfForm {
    /*color:#404040;*/
    line-height: 18px;
    text-align: center;
    border-bottom: 1px solid #D6D6D6;
    padding: 40px 0;
}


.scfForm .scfSingleLineTextBorder {
    height: auto;
    overflow: auto;
}

.scfForm .scfTitleBorder {
    font-weight: normal;
}
/*color:#404040; */

/* wrappers ---------------------------*/
.scfDropListBorder,
.scfEmailBorder,
.scfCheckboxBorder,
.scfMultipleLineTextBorder,
.scfSingleLineTextBorder,
.scfPasswordBorder,
.scfNumberBorder,
.scfDatePickerBorder,
.scfDateBorder,
.scfRadioButtonListBorder,
.scfListBoxBorder,
.scfCheckBoxListBorder,
.scfFileUploadBorder,
.scfDateSelectorBorder,
.scfCreditCardBorder,
.scfConfirmPasswordBorder,
.scfCaptchaBorder,
.scfTelephoneBorder,
.scfSmsTelephoneBorder,
.scfDropListBorder,
.scfSectionBorderAsFieldSet,
.scfFooterBorder {
    width: 350px;
    display: block;
    margin: 0 auto 30px;
}

/* Form rows ---------------------------*/
.scfForm .scfEmailGeneralPanel,
.scfForm .scfMultipleLineGeneralPanel,
.scfForm .scfSingleLineGeneralPanel,
.scfForm .scfPasswordGeneralPanel,
.scfForm .scfNumberGeneralPanel,
.scfForm .scfDatePickerGeneralPanel,
.scfForm .scfDateGeneralPanel,
.scfForm .scfRadioButtonListGeneralPanel,
.scfForm .scfCheckBoxListGeneralPanel,
.scfForm .scfFileUploadGeneralPanel,
.scfForm .scfDateSelectorGeneralPanel,
.scfForm .scfCreditCardGeneralPanel,
.scfForm .scfConfirmPasswordGeneralPanel,
.scfForm .scfCaptchaGeneralPanel,
.scfForm .scfTelephoneGeneralPanel,
.scfForm .scfSmsTelephoneGeneralPanel,
.scfForm .scfListBoxGeneralPanel,
.scfForm .scfDropListGeneralPanel {
    width: 350px;
    padding: 0;
    text-align: center;
}

.scfForm .scfCheckBoxListGeneralPanel {
    border-top: 1px solid gainsboro;
    border-bottom: 1px solid gainsboro;
    padding: 15px 0;
    float: none;
}

.scfForm .scfCheckBoxList {
    width: auto;
    margin: 0 auto;
}

    .scfForm .scfCheckBoxList td {
        padding: 5px 0;
    }

        .scfForm .scfCheckBoxList td input {
            margin: 0 10px 0 0;
        }



.scfForm .scfValidationSummary {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}

    .scfForm .scfValidationSummary ul,
    .scfForm .scfValidationSummary li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

/* Input -------------------------------*/
.scfForm input[type=text],
.scfForm input[type=password] {
    width: 100%;
    height: 27px;
    background-color: #F0F0F0;
    border: 1px solid gainsboro;
    text-decoration: none;
    padding: 0 5px;
    margin: 0 0 5px;
    border-radius: 3px;
}

.scfForm input[type=submit] {
    height: 26px;
    padding: 5px 15px;
    color: #fff;
    font: italic 13px/16px georgia;
    background-color: #000000;
    text-decoration: none;
    border: none;
}

.scfForm .styled-select {
    color: gray;
    font: italic 13px/16px "Gill Sans Nova", 'Gill Sans Nova ie', serif;
    background-color: #F0F0F0;
    border: 1px solid gainsboro;
    text-decoration: none;
    padding: 5px 5px;
    margin: 0 0 5px;
    border-radius: 3px;
}

    .scfForm .styled-select select {
        background: transparent;
        border: 0;
    }


/* Labels ------------------------------*/
.scfForm .scfDropListLabel,
.scfForm .scfEmailLabel,
.scfForm .scfMultipleLineTextLabel,
.scfForm .scfSingleLineTextLabel,
.scfForm .scfPasswordLabel,
.scfForm .scfNumberLabel,
.scfForm .scfDatePickerLabel,
.scfForm .scfDateLabel,
.scfForm .scfRadioButtonListLabel,
.scfForm .scfCheckBoxListLabel,
.scfForm .scfListBoxLabel,
.scfForm .scfFileUploadLabel,
.scfForm .scfDateSelectorLabel,
.scfForm .scfCreditCardLabel,
.scfForm .scfConfirmPasswordLabel,
.scfForm .scfCaptchaLabel,
.scfForm .scfTelephoneLabel,
.scfForm .scfSmsTelephoneLabel {
    width: 100%;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 30px;
}

/* Checkboxes & Radiobuttons ------------*/
.scfForm .scfCheckBoxList input,
.scfForm .scfCheckBoxList label,
.scfForm .scfRadioButtonList input,
.scfForm .scfRadioButtonList label {
    float: left;
    clear: none;
    margin: 0 5px 0 0;
}

.scfForm .scfCheckBoxList label {
    margin-top: -2px;
}

.ie .scfForm .scfCheckBoxList label {
    margin-top: 1px;
}


/* Required & error ---------------------*/
.scfForm .scfError,
.scfForm .scfValidationSummary,
.scfForm .scfValidatorRequired,
.scfForm .scfRequired,
.scfForm .scfValidator {
    color: #c70202;
}

.scfForm .scfValidatorRequired,
.scfForm .scfRequired {
    display: none; /*
    float:left; 
    margin:0 0 0 10px; 
    font-weight:bold; 
    height:auto; */
}


/* Form footer and header ------------------------*/
.scfForm .scfIntroBorder,
.scfForm .scfFooterBorder {
    padding: 10px 0;
}


/* ============================================ */
/* Small form : forms inside sidecolumns        */
/* ============================================ */
.scfForm.small-form {
}


/* ============================================ */
/* Leftcol signup        */
/* ============================================ */
.scfForm.leftcol {
    text-align: left !important;
    border-bottom: none !important;
    line-height: 2em !important;
}
    .scfForm.leftcol label {
        font-weight: bold;
    }
    .scfForm.leftcol input[type=text] {
        width: 235px;
        display: inline-block;
        margin-right: 5px;
    }
    .scfForm.leftcol input[type=submit] {
        float: none;
        position: relative;
        top: -1px;
    }