/* 

    NOTE:
    Styles generated from: http://wffm.boondoggle.eu/wizard.html
    They are specific to WFFM v.2.3 and no other version

 */

.scfForm :focus, .scfForm :active {
    outline: 0 !important;
}

.scfForm fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    font-style: normal;
    font-weight: normal;
}

.scfForm input[type="text"], .scfForm input[type="password"], .scfForm select, .scfForm textarea {
    display: block;
    width: 100%;
    height: 40px;
    padding: 7px 15px;
    border: 1px solid #b4b4b0;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    color: #221f1f;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.scfForm input[type="text"] {
    -webkit-appearance: none;
}

.scfForm textarea {
    height: 100px;
    resize: none;
}

html .scfForm {
    width: auto;
    height: auto;
    font-family: inherit;
    line-height: inherit;
}

.scfForm {
    background-color: inherit;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
}

    .scfForm .scfValidationSummary {
        margin-left: 0px;
    }

        .scfForm .scfValidationSummary ul {
            margin-bottom: 10px;
            padding-left: 30px;
        }

    .scfForm .scfValidator {
        float: none;
    }

    .scfForm .scfSectionBorderAsFieldSet {
        padding: 0;
        border: 0 none;
        margin: 0;
    }

    .scfForm .scfSectionLegend {
        padding: 0;
        margin-left: 0;
    }

    .scfForm .scfSectionUsefulInfo {
        width: auto;
        display: block;
    }

    .scfForm .scfSectionContent {
        width: auto;
        float: none;
    }

    .scfForm .scfCheckboxBorder {
        margin: 0px;
    }

    .scfForm .scfCheckbox {
        width: 100%;
    }

    .scfForm .scfCheckboxUsefulInfo {
        font-size: inherit;
        width: 100%;
        padding: 0px;
    }

    .scfForm .scfListBoxGeneralPanel, .scfForm .scfDropListGeneralPanel {
        width: 100%;
        float: none;
    }

    .scfForm .scfDateSelectorLabel {
        margin-top: 0px;
    }

    .scfForm .scfDropListBorder, .scfForm .scfEmailBorder, .scfForm .scfMultipleLineTextBorder, .scfForm .scfSingleLineTextBorder, .scfForm .scfPasswordBorder, .scfForm .scfNumberBorder, .scfForm .scfDatePickerBorder, .scfForm .scfDateBorder, .scfForm .scfRadioButtonListBorder, .scfForm .scfListBoxBorder, .scfForm .scfCheckBoxListBorder, .scfForm .scfFileUploadBorder, .scfForm .scfDateSelectorBorder, .scfForm .scfCreditCardBorder, .scfForm .scfConfirmPasswordBorder, .scfForm .scfTelephoneBorder, .scfForm .scfSmsTelephoneBorder {
        margin: 0px;
    }

    .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 .scfTelephoneLabel, .scfForm .scfSmsTelephoneLabel {
        padding: 0;
        width: 100%;
        display: block;
        float: none;
    }

    .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 .scfTelephoneGeneralPanel, .scfForm .scfSmsTelephoneGeneralPanel {
        padding: 0;
        width: 100%;
        float: none;
    }

    .scfForm .scfDropListUsefulInfo, .scfForm .scfEmailUsefulInfo, .scfForm .scfMultipleLineTextUsefulInfo, .scfForm .scfSingleLineTextUsefulInfo, .scfForm .scfPasswordUsefulInfo, .scfForm .scfNumberUsefulInfo, .scfForm .scfDatePickerUsefulInfo, .scfForm .scfDateUsefulInfo, .scfForm .scfRadioButtonListUsefulInfo, .scfForm .scfListBoxUsefulInfo, .scfForm .scfCheckBoxListUsefulInfo, .scfForm .scfFileUploadUsefulInfo, .scfForm .scfDateSelectorUsefulInfo, .scfForm .scfCreditCardTextUsefulInfo, .scfForm .scfConfirmPasswordUsefulInfo, .scfForm .scfTelephoneUsefulInfo, .scfForm .scfSmsTelephoneUsefulInfo {
        padding-left: 0;
        float: none;
    }

    .scfForm .scfShortDate {
        clear: left;
        text-align: left;
        display: block;
        margin: 5px 0px;
        vertical-align: top;
        width: 60%;
    }

        .scfForm .scfShortDate .scfDateSelectorLabel {
            width: 50%;
            margin-top: 0px;
        }

        .scfForm .scfShortDate .scfDateSelectorGeneralPanel {
            width: 100%;
            max-width: 300px;
        }

        .scfForm .scfShortDate .scfDateSelectorDay, .scfForm .scfShortDate .scfDateSelectorShortLabelDay, .scfForm .scfShortDate .scfDateSelectorShortLabelMonth, .scfForm .scfShortDate .scfDateSelectorShortLabelYear {
            display: none;
        }

    .scfForm .scfShortText {
        float: none;
    }

        .scfForm .scfShortText .scfSingleLineTextLabel {
            width: 60%;
        }

        .scfForm .scfShortText .scfSingleLineGeneralPanel {
            width: 100%;
            overflow: hidden;
        }

    .scfForm .scfSectionContent > div.scfShortText [class*="UsefulInfo"].scfSingleLineTextUsefulInfo {
        width: 35%;
        float: right;
    }

        .scfForm .scfSectionContent > div.scfShortText [class*="UsefulInfo"].scfSingleLineTextUsefulInfo img {
            width: 100%;
        }

    .scfForm .scfShortText .scfSingleLineTextBox {
        width: 60%;
        float: left;
        margin: 0px;
    }

    .scfForm .scfSectionBorderAsFieldSet {
        padding-bottom: 30px;
    }

    .scfForm > div:after {
        clear: both;
        content: "";
        display: table;
        height: 1px;
        position: relative;
        width: 1px;
    }

    .scfForm .halfSection, .scfForm .halfSection + .halfSection + .halfSection, .scfForm .halfSection + .halfSection + .halfSection + .halfSection + .halfSection, .scfForm .halfSection + .halfSection + .halfSection + .halfSection + .halfSection + .halfSection + .halfSection {
        width: 45%;
        float: left;
        clear: left;
    }

        .scfForm .halfSection + .halfSection, .scfForm .halfSection + .halfSection + .halfSection + .halfSection, .scfForm .halfSection + .halfSection + .halfSection + .halfSection + .halfSection + .halfSection, .scfForm .halfSection + .halfSection + .halfSection + .halfSection + .halfSection + .halfSection + .halfSection + .halfSection {
            float: right;
            clear: none;
        }

    .scfForm .scfSectionBorder {
        clear: both;
    }

    .scfForm .scfValidationSummary, .scfForm .scfSubmitSummary, .scfForm .scfValidatorRequired, .scfForm .scfValidator {
        color: #cc0000 !important;
    }

    .scfForm .scfSectionContent {
        margin-left: -20px;
        margin-right: -20px;
        max-width: 1600px;
    }

        .scfForm .scfSectionContent > div {
            margin-bottom: 25px;
            width: 100%;
            position: relative;
            clear: both;
            padding: 0 20px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            box-sizing: border-box;
        }

            .scfForm .scfSectionContent > div label, .scfForm .scfSectionContent > div .scfDateSelectorLabel, .scfForm .scfSectionContent > div .scfRadioButtonListLabel, .scfForm .scfSectionContent > div .scfCheckBoxListLabel {
                display: block;
                width: 100%;
                padding: 4px 0;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                -o-box-sizing: border-box;
                -ms-box-sizing: border-box;
                box-sizing: border-box;
                font-family: inherit;
                color: #221f1f;
                font-size: 15px;
                font-weight: inherit;
                line-height: 1.2em;
            }

            .scfForm .scfSectionContent > div [class*="UsefulInfo"], .scfForm .scfSectionContent > div.datetime-field > div > span {
                color: #6f6f6f;
                padding: 0 10px;
                width: 100%;
                display: block;
                font-size: 12px;
                line-height: 1.2em;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                -o-box-sizing: border-box;
                -ms-box-sizing: border-box;
                box-sizing: border-box;
            }

            .scfForm .scfSectionContent > div .scfRequired, .scfForm .scfSectionContent > div .scfValidatorRequired {
                color: #cf3912;
                position: absolute;
                right: 20px;
                top: 0px;
                z-index: 100;
                font-size: 20px;
                margin-right: -10px;
            }

            .scfForm .scfSectionContent > div .scfValidatorRequired {
                color: #cf3912;
            }

            .scfForm .scfSectionContent > div.thirdAvailableWidth {
                float: left;
                width: 33.25%;
                clear: none;
                margin: 0 0 25px 0;
            }

            .scfForm .scfSectionContent > div.halfAvailableWidth {
                float: left;
                width: 50%;
                clear: none;
                margin: 0 0 25px 0;
            }

            .scfForm input[type="submit"], .scfForm .scfSectionContent > div label.scfFileUploadLabel {
                text-decoration: none;
                font-size: 13px;
                line-height: 1;
                cursor: pointer;
                font-weight: bold;
                display: inline-block;
                cursor: pointer;
                height: auto;
                min-height: 40px;
                position: relative;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                -ms-border-radius: 4px;
                -o-border-radius: 4px;
                border-radius: 4px;
            }

    .scfForm input[type="submit"] {
        padding: 15px 25px 17px;
        border: 0 none;
        background: #b83292;
        color: #fff;
        font-family: inherit;
    }

        .scfForm input[type="submit"]:hover {
            background: #4d2e91;
            color: #fff;
        }

    .scfForm .scfSectionContent > div label.scfFileUploadLabel {
        padding: 12px 20px 12px;
        border: 1px solid #d0d0d0;
        background: #fff;
        color: #b83292;
        font-family: inherit;
        line-height: 1.2em;
    }

        .scfForm .scfSectionContent > div label.scfFileUploadLabel:hover {
            background: #4d2e91;
            color: #fff;
        }

    .scfForm .scfRadioButtonListBorder, .scfForm .scfCheckBoxListBorder {
        width: 100%;
    }

        .scfForm .scfRadioButtonListBorder > span:first-child, .scfForm .scfCheckBoxListBorder > span:first-child {
            margin-bottom: 8px;
            display: block;
            width: 100%;
        }

        .scfForm .scfRadioButtonListBorder td, .scfForm .scfCheckBoxListBorder td {
            position: relative;
        }

            .scfForm .scfRadioButtonListBorder td input, .scfForm .scfCheckBoxListBorder td input {
                position: absolute;
                margin: 7px 0 0 3px;
            }

            .scfForm .scfRadioButtonListBorder td label, .scfForm .scfCheckBoxListBorder td label {
                padding: 5px 0 0 25px;
                margin-bottom: 3px;
                display: block;
                color: #221f1f;
            }

    .scfForm .scfCheckboxBorder .scfCheckbox input {
        position: absolute;
        top: 7px;
        margin-left: 3px;
    }

    .scfForm .scfCheckboxBorder .scfCheckbox label {
        padding: 5px 0 0 25px;
        margin-bottom: 3px;
        display: block;
        color: #221f1f;
    }

    .scfForm .scfSectionContent > div.scfFileUploadBorder {
        position: relative;
        width: auto;
        float: left;
        clear: both;
    }

        .scfForm .scfSectionContent > div.scfFileUploadBorder label {
            z-index: 2;
            width: auto;
            height: auto;
        }

        .scfForm .scfSectionContent > div.scfFileUploadBorder input {
            left: 0;
            position: absolute;
            top: 0;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            opacity: 0;
        }

        .scfForm .scfSectionContent > div.scfFileUploadBorder .scfFileUploadGeneralPanel {
            position: relative;
            z-index: 3;
        }

        .scfForm .scfSectionContent > div.scfFileUploadBorder .scfFileUploadUsefulInfo .value {
            display: block;
            color: inherit;
        }

    .scfForm .scfDateSelectorGeneralPanel:after {
        clear: both;
        content: "";
        display: table;
        height: 1px;
        position: relative;
        width: 1px;
    }

    .scfForm .scfDateSelectorGeneralPanel .scfDateSelectorShortLabelDay, .scfForm .scfDateSelectorGeneralPanel .scfDateSelectorShortLabelMonth, .scfForm .scfDateSelectorGeneralPanel .scfDateSelectorShortLabelYear {
        display: none;
    }

    .scfForm .scfDateSelectorGeneralPanel select {
        width: 30%;
        float: left;
        padding-right: 3px;
    }

        .scfForm .scfDateSelectorGeneralPanel select + select {
            margin: 0 5%;
        }

            .scfForm .scfDateSelectorGeneralPanel select + select + select {
                margin: 0;
            }

        .scfForm .scfDateSelectorGeneralPanel select.scfDateSelectorMonth {
            width: 40%;
        }

        .scfForm .scfDateSelectorGeneralPanel select.scfDateSelectorYear {
            width: 30%;
        }

        .scfForm .scfDateSelectorGeneralPanel select.scfDateSelectorDay {
            width: 20%;
        }

    .scfForm .scfSectionContent > div.scfPasswordConfirmation > div:first-child, .scfForm .scfSectionContent > div.scfCreditCard > div:first-child {
        margin-bottom: 25px;
    }

    .scfForm .scfDatePickerGeneralPanel .ui-icon {
        display: block;
        float: right;
        position: relative;
        top: -27px;
    }

    .scfForm .scfSectionLegend {
        font-family: inherit;
        color: #221f1f;
        font-weight: 400;
        font-size: 18px;
        text-rendering: optimizelegibility;
        line-height: 1em;
        margin: 0px 0px 10px 0;
    }

    .scfForm h1.scfTitleBorder {
        font-family: inherit;
        color: #221f1f;
        font-weight: normal;
        font-size: 30px;
        text-rendering: optimizelegibility;
        line-height: 1em;
        margin: 0px 0px 10px 0;
    }

    .scfForm .scfValidationSummary {
        margin: 30px 0;
        border-color: #cc0000;
        border-style: solid;
        border-width: 1px;
        border-radius: 4px;
        padding: 10px 10px 5px 10px;
        background: transparent;
    }

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

        .scfForm .scfValidationSummary li {
            margin: 0 0 5px 0;
            padding: 0 0 0 20px;
            list-style-type: none;
            position: relative;
        }

            .scfForm .scfValidationSummary li:before {
                position: absolute;
                content: " ";
                height: 1px;
                width: 5px;
                left: 6px;
                top: 11px;
                background-color: #cc0000;
            }

@media screen and (max-width: 600px) {
    .scfForm .halfSection {
        width: 100% !important;
        float: !important;
    }

    .scfForm .scfDateSelectorGeneralPanel select, .scfForm .scfDateSelectorGeneralPanel select + select, .scfForm .scfDateSelectorGeneralPanel select + select + select {
        width: 100%;
        float: none;
        margin: 0 0 10px 0;
    }

        .scfForm .scfDateSelectorGeneralPanel select + select + select {
            margin: 0;
        }

    .scfForm .scfSectionContent > div.thirdAvailableWidth, .scfForm .scfSectionContent > div.halfAvailableWidth {
        width: 100%;
        clear: both;
    }
}