/* form selectors */
.field, #phone-fields {
    height: 28px;
    margin: 0 0 18px 0;
}

.formlabel input,
.field input,
.field select {
    width: 100%;
    padding: 6px;
    height: 36px;
    border-radius: 5px;
    display: block;
    background: #fff;
    border: 2px inset;
}

.form-submitted input:invalid,
.form-submitted select:invalid {
    outline: 3px solid #FE0001;
}

.form-submitted .field-list.about li:not(:first-of-type) input:invalid {
    outline: none;
}

.form-submitted .formlabel input:invalid,
.form-submitted .field input:invalid,
.form-submitted .field select:invalid {
    width: calc(100% - 6px);
    margin-left: 3px;
}

#name-wrapper .field,
#city-field,
#state-field,
#zip-field {
    width: calc(50% - 10px);
    float: left;
    margin-left: 20px;
}

    #name-wrapper .field:first-of-type,
    #city-field {
        margin-left: 0;
    }

#phone-fields {
    display:block;
    float:none;
}

#phone-fields * {
    float:left;
}

#state-field,
#PhoneArea,
#PhoneExch {
    width: calc(15% - 20px);
}

#PhoneArea {
    margin-left: 2px;
    margin-right: 2px;
}
#PhoneExch {
    margin: 0 20px;
}

#zip-field,
#PhoneDigits {
    width: calc(35% - 10px);
}

.phone-paren {
    margin-top: 8px;
}

.field-list {
    list-style-type: none;
}

    .field-list input {
        margin: 0;
        vertical-align: middle;
    }

    .field-list label {
        line-height: 30px;
        padding-left: 10px;
    }

        .field-list label .error {
            color: red;
            position: static;
        }

.questions {
    margin: 20px 0;
}

#other-field {
    float: right;
    width: 290px;
}

#submit-btn {
    display: block;
    float: left;
    width: 172px;
    height: 31px;
}

#more-questions {
    float: right;
    width: 284px;
    margin: 0;
    color: #397ab3;
    text-decoration: underline;
    line-height: 18px;
    position: relative;
    top: -4px;
    cursor: pointer;
}

.privacy {
    margin-top: 60px;
}

/*#more-wrapper {
    margin: 20px 0;
    width: 480px;
}

    #more-wrapper .box {
        padding: 20px;
        width: 440px;
        background: url(../Content/images/tpl/bg_even.jpg);
        margin: 20px 0;
    }

    #more-wrapper .field {
        width: 440px;
    }

    #more-wrapper .dob-fields {
        width: 440px;
        overflow: hidden;
        margin: 0 0 20px 0;
    }

        #more-wrapper .dob-fields .field {
            width: 200px;
            float: none;
            margin: 0;
            padding-top: 5px;
            height: 23px;
            background: transparent url(../Content/images/ui/field-dark.png) no-repeat 0 0;
        }

        #more-wrapper .dob-fields select {
            border: none;
            float: none;
            width: 200px;
            height: 19px;
            padding: 0 0 0 5px;
            font: 14px/28px 'Linotype Univers W01 Regular',arial,sans-serif;
            display: block;
        }

        #more-wrapper .dob-fields .birth-wrapper {
            width: 210px;
            float: left;
            background: transparent url(../Content/images/ui/field-dark.png) no-repeat 100% 100%;
        }

        #more-wrapper .dob-fields .year-wrapper {
            width: 210px;
            margin-left: 20px;
            float: left;
            background: transparent url(../Content/images/ui/field-dark.png) no-repeat 100% 100%;
        }

#how-many {
    float: right;
    width: 120px;
    margin-right: 230px;
    background: transparent url(../Content/images/ui/field-dark.png) no-repeat 100% 0;
}

    #how-many .field {
        width: 115px;
        height: 23px;
        margin: 0;
        padding-top: 5px;
        background: transparent url(../Content/images/ui/field-dark.png) no-repeat 0 0;
    }

    #how-many select {
        border: none;
        width: 110px;
        height: 19px;
        padding: 0 0 0 5px;
        display: block;
    }

#patientBirthdayMonth {
}

#patientBirthdayYear {
}

#patientTherapyName {
    width: 430px;
}

.grey {
    color: #ccc;
}

.cancel {
    display: none;
}

.tool-tip {
    display: none;
}

#phone-fields {
    width: 480px;
    overflow: hidden;
    margin: 0 0 18px 0;
}

.phone-paren {
    width: 20px;
    display: block;
    float: left;
    text-align: center;
    line-height: 28px;
}

#PhoneArea {
    width: 50px;
    float: left;
}

    #PhoneArea .field {
        width: 50px;
        margin: 0;
    }

    #PhoneArea input {
        width: 40px;
    }

#PhoneExch {
    width: 50px;
    float: left;
}

    #PhoneExch .field {
        width: 50px;
        margin: 0;
    }

    #PhoneExch input {
        width: 40px;
    }

#PhoneDigits {
    width: 60px;
    float: left;
    margin-left: 20px;
}

    #PhoneDigits .field {
        width: 60px;
        margin: 0;
    }

    #PhoneDigits input {
        width: 50px;
    }

#subject-field {
    width: 480px;
    background: transparent url(../Content/images/ui/field.png) no-repeat 100% 100%;
}

    #subject-field .field {
        width: 470px;
        background: transparent url(../Content/images/ui/field.png) no-repeat 0 0;
        margin: 0;
        padding-top: 5px;
        height: 23px;
    }

    #subject-field select {
        border: none;
        width: 470px;
        height: 19px;
        padding: 0 0 0 5px;
        display: block;
    }

#thank-you {
    height: 400px;
}*/