body, .grid_title, .form_group_title, .form_title, .form_group_title, input[type=text], input[type=tel], input[type=password], input[type=checkbox], input[type=number], select, textarea, div.richify, input[type=button], input[type=submit] body, .grid_title, .form_group_title, .form_title, .form_group_title, input[type=text], input[type=tel], input[type=password], input[type=checkbox], input[type=number], select, textarea, div.richify, input[type=button], input[type=submit] {
    background-color: #fff;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    border-radius: 0 !important
}

.app_title {
    margin-top: 0
}

.form_title {
    padding: 10px
}

.form_title, .form_group_title, input[type=button], input[type=submit] {
    background-color: #5F3E94;
    font-size: 14pt
}

.grid_table, .form_table, .mini_form, .midi_form {
    border: 0;
    padding: 3px;
    border-radius: 0
}

.help {
    text-align: center;
    margin-bottom: 20px;
    white-space: pre-line;
    color: #333;
    max-width: 700px
}

.form_table img[alt="Merton Council"] {
    height: 51px !important;
    width: auto !important;
    margin-left: 10px;
    margin-bottom: 0px;
}

.form_table {
    margin-top: 0 !important;
    padding-top: 0 !important
}

    .form_table > div {
        border-top: 5px solid #4E337A
    }

.form_title, .form_title h1 {
    font-size: 32px;
    background-color: white;
    color: #333;
    font-weight: bold;
    text-align: left
}

.form_group_title, .form_group_title h2 {
    font-size: 22px;
    background-color: white;
    color: #333;
    font-weight: bold;
    text-align: left;
    padding-top: 30px
}

.form_title, .form_group_title {
    padding-left: 3px
}

.form_title {
    border-bottom: 2px solid #dedede;
    padding-bottom: 20px
}

body {
    max-width: 1034px;
    margin: 0 auto
}

.form_table {
    width: 100%
}

.form_table {
    max-width: 700px;
    padding-left: 10px;
    padding-right: 10px
}

@media(min-width: 500px) {
    .form_table {
        padding-left: 18px
    }
}

body a {
    color: #078141;
    text-decoration: underline
}

    body a:focus, body a:hover {
        color: white;
        background-color: #078141;
        text-decoration: underline
    }

body, .grid_table, .form_table, .mini_form, .midi_form, .help, .form_td_label {
    color: #676767;
    font-size: 16px !important;
    line-height: 1.3
}

.help {
    text-align: left !important
}

input[type=submit] {
    font-size: 19px;
    font-weight: bold;
    color: white;
    background-color: #078141;
    border-bottom: 3px solid #0c4c57
}

    input[type=submit][disabled=disabled], input[type=submit][disabled=disabled]:focus, input[type=submit][disabled=disabled]:hover {
        background-color: #939393;
        border-bottom-color: #777
    }

    input[type=submit]:focus, input[type=submit]:hover {
        background-color: #0c4c57
    }

[class*="ui-widget"][style*="border:1px solid #b94a48"] {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    box-shadow: none;
    border-width: 0 0 0 3px !important;
    border-color: #b81d32 !important;
    color: #b81d32 !important;
    text-align: left
}

input[style*="border-color:Red;"], input[style*="border-color: red;"] {
    border-color: #b81d32 !important;
    border-bottom-color: #b81d32 !important
}

.required, [style*="color: red"] {
    color: #b81d32 !important
}

input[type=text], input[type=tel], input[type=password], input[type=number], select, textarea, div.richify {
    border-bottom: 2px solid #078141;
    margin-bottom: 1em
}

td[style*="width:50%;"] table {
    max-width: 100%;
    width: 100%
}

@media(max-width: 690px) {
    #ContentPlaceHolder1_Ref1 {
        width: 40vw;
        min-width: 100%
    }
}

a:focus, button:focus, select:focus, input:focus, textarea:focus {
    outline: 2px solid #333;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px #fd0;
    text-decoration: none
}

input[type=text][readonly=readonly] {
    border: 0;
    height: 1.9em
}

.form_table, .help {
    margin-left: auto;
    margin-right: auto
}

body > form > div.form_table {
    height: 87px;
    margin-bottom: 10px
}

    body > form > div.form_table div {
        height: 87px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

@media(min-width: 700px) {
    body > form > div.form_table div img {
        position: relative;
        left: calc(50% - 335px)
    }
}

@media(max-width: 760px) {
    #form1 > .help {
        width: auto;
        margin-left: 15px;
        margin-right: 15px
    }
}

@media only screen and (max-width: 40em) {
    body > form > div.form_table, body > form > div.form_table div {
        height: 57px
    }

    .form_table img[alt="Merton Council"] {
        max-width: 180px;
        max-height: 30px;
        margin-left: 6px;
        margin-top: -1px
    }
}

#form1 > .help {
    padding-left: 22px;
    padding-right: 15px
}

@media(max-width: 760px) {
    #form1 > .help {
        width: auto;
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 22px;
        padding-right: 15px
    }
}

@media(max-width: 499px) {
    #form1 > .help {
        padding-left: 14px;
        padding-right: 14px
    }
}

.form_table img[alt="Merton Council"] {
    margin-bottom: 0px;
    top: 3px;
}