html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul, li {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

::selection {
    background: #42346A;
    color: #fff;
}

::-moz-selection {
    background: #42346A;
    color: #fff;
}

html {
    min-height: 100%;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 62.5%;
}

#hide_volunteer {
    display: none;
}

#page-wrap {
    position: relative;
    margin: 0 auto;
    width: 960px;
    padding: 110px 0 30px;
    background: url(../images/esafeguarding-logo.png) no-repeat 0 20px;
}

#page-wrap-login {
    position: relative;
    margin: 0 auto;
    width: 960px;
    padding: 120px 0 0;
    background: url(../Account/images/esafeguarding-logo.png) no-repeat 0 20px;
}

.loading-spinner {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.8;
    z-index: 1000;
}

    .loading-spinner p {
        display: block;
        text-align: center;
        margin-top: 300px;
        font-size: 30px;
        color: White;
        line-height: 100px;
    }

        .loading-spinner p img {
        }

.aspNetDisabled label {
    color: #ccc;
}

.TwoColRow {
    width: 886px;
    float: left;
    border: 3px solid #bbb;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 7px;
    color: #444;
    display: block;
    margin: 0 0 10px 10px;
    padding: 9px 20px 0;
    position: relative;
    text-decoration: none;
    background: #eee;
}

.footer {
    position: relative;
    margin: 0 auto;
    padding-bottom: 2rem;
    width: 960px;
    overflow: hidden;
}

    .footer a {
        display: block;
    }

.ajax__html_editor_extender_container {
    width: 960px !important
}

.footer img {
    float: right;
}

.form-row input.focusField {
    color: #42346A;
}

.form-row input.idleField {
    color: #777;
}

/*---------- Header ----------*/

#head-section {
    overflow: hidden;
    width: 952px;
    border: 4px solid #ccc;
    -webkit-border-radius: 6px;
    -moz-boder-radius: 6px;
    border-radius: 16px;
    margin-bottom: 20px;
}

#header {
    position: relative;
    background: #aaa;
    overflow: hidden;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    background: #42346A;
}

h1 {
    color: #fff;
    float: left;
    font-size: 2em;
    font-weight: bold;
    padding: 20px;
}

p.login {
    color: #fff;
    float: right;
    font-size: 1.3em;
    padding: 20px;
}

    p.login a {
        color: #fff;
        text-decoration: none;
    }

        p.login a:hover {
            text-decoration: underline;
        }

#form-content {
    overflow: hidden;
}

/*---------- Home & About Menu ----------*/

#menu-strip {
    clear: both;
    overflow: hidden;
    padding: 10px 5px 10px 10px;
}

ul.nav {
    float: right;
    overflow: hidden;
    margin-top: 12px;
}

    ul.nav li {
        position: relative;
        font-size: 1.2em;
        float: left;
        text-align: center;
        color: #444;
        text-shadow: 1px 1px 1px #fff;
    }

        ul.nav li a {
            border: 3px solid #bbb;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 7px;
            color: #444;
            display: block;
            height: 21px;
            margin-right: 10px;
            padding: 9px 20px 0;
            position: relative;
            text-decoration: none;
            background: #eee;
            background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#ccc));
            background: -webkit-linear-gradient(#eee, #ccc);
            background: -moz-linear-gradient(#eee, #ccc);
            background: -ms-linear-gradient(#eee, #ccc);
            background: -o-linear-gradient(#eee, #ccc);
            background: linear-gradient(#eee, #ccc);
            -pie-background: linear-gradient(#eee, #ccc);
            behavior: url(../Scripts/PIE.htc);
        }

            ul.nav li a:hover {
                color: #fff;
                text-shadow: -1px -1px 1px #530e7b;
                background: #42346A;
                background: -webkit-gradient(linear, 0 0, 0 bottom, from(#42346A), to(#530e7b));
                background: -webkit-linear-gradient(#42346A, #530e7b);
                background: -moz-linear-gradient(#42346A, #530e7b);
                background: -ms-linear-gradient(#42346A, #530e7b);
                background: -o-linear-gradient(#42346A, #530e7b);
                background: linear-gradient(#42346A, #530e7b);
                -pie-background: linear-gradient(#42346A, #530e7b);
                behavior: url(../Scripts/PIE.htc);
            }

/*---------- Home & About Menu End ----------*/
/*---------- Header End ----------*/

/*---------- Main ----------*/

#main {
}

#form-header {
    position: relative;
    overflow: hidden;
}

h2 {
    float: left;
    color: #888;
    padding-top: 9px;
    font-size: 1.6em;
    font-weight: bold;
}

td {
    vertical-align: middle;
}

/* Captcha  */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

/*---------- Steps ----------*/
ul.steps {
    float: left;
    overflow: hidden;
    margin: 0 20px 12px;
    border: 3px solid #bbb;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background: #eee;
}

    ul.steps li {
        position: relative;
        font-size: 1.2em;
        float: left;
        width: 80px;
        height: 21px;
        text-align: center;
        padding-top: 9px;
        color: #444;
    }

        ul.steps li.stepCurrent {
            color: #fff;
            background: #42346A;
        }

        ul.steps li.stepCompleted, ul.steps li.last {
            color: #fff;
            text-shadow: -1px -1px 1px #530e7b;
            background: #42346A;
            background: -webkit-gradient(linear, 0 0, 0 bottom, from(#42346A), to(#530e7b));
            background: -webkit-linear-gradient(#42346A, #530e7b);
            background: -moz-linear-gradient(#42346A, #530e7b);
            background: -ms-linear-gradient(#42346A, #530e7b);
            background: -o-linear-gradient(#42346A, #530e7b);
            background: linear-gradient(#42346A, #530e7b);
            -pie-background: linear-gradient(#42346A, #530e7b);
            behavior: url(../Scripts/PIE.htc);
        }

/*ul.steps li.current::after{
	content: "";
	height: 23px;
	margin-top: -12px;
	position: absolute;
	right: -10px;
	top: 50%;
	width: 23px;
	z-index: 1;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	border-radius: 4px;
	background: #42346A;
	background: -moz-linear-gradient(-45deg,  #42346A 0%, #530e7b 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#42346A), color-stop(100%,#530e7b));
	background: -webkit-linear-gradient(-45deg,  #42346A 0%,#530e7b 100%);
	background: -o-linear-gradient(-45deg,  #42346A 0%,#530e7b 100%);
	background: -ms-linear-gradient(-45deg,  #42346A 0%,#530e7b 100%);
	background: linear-gradient(135deg,  #42346A 0%,#530e7b 100%);
	-pie-background: linear-gradient(#42346A, #530e7b);
	behavior: url(../Scripts/PIE.htc);
}*/
/*---------- Steps End ----------*/

h3 {
    font-size: 1.6em;
    font-weight: bold;
    color: #fff;
    margin: 0 0 20px 0;
    -webkit-border-radius: 12px 12px 0 0;
    -moz-boder-radius: 12px 12px 0 0;
    border-radius: 12px 12px 0 0;
    padding: 10px 0 10px 20px;
    background: #42346A;
    position: relative;
}

.welcome {
    font-size: 1.4em;
    font-weight: bold;
    color: #fff;
    float: right;
    padding-top: 20px;
}

form {
    position: relative;
}

fieldset, .ColumnBorder {
    position: relative;
    background: #fff;
    border: 4px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 20px;
    -webkit-border-radius: 16px;
    -moz-boder-radius: 16px;
    border-radius: 16px;
    behavior: url(../Scripts/PIE.htc);
}

.PopupPanel {
    position: relative;
    background: #fff;
    border: 4px solid #ccc;
    margin-bottom: 20px;
    -webkit-border-radius: 16px;
    -moz-boder-radius: 16px;
    border-radius: 16px;
    behavior: url(../Scripts/PIE.htc);
}

.title {
    float: left;
    margin: 10px 0;
    width: 100%;
}

p.form-label {
    float: left;
    padding-bottom: 2px;
    color: #888;
    font-size: 1.3em;
    margin: 6px 6px 0 0;
}

.form-label {
    float: left;
    padding-bottom: 2px;
    color: #888;
    font-size: 1.3em;
    margin: 6px 6px 0 0;
}

.ajax__html_editor_extender_container {
    /*width:100% !important;
	height:100% !important;*/
}

/*---------- revised Checkbox & Radio Buttons ----------*/

fieldset table {
    table-layout: fixed;
}

fieldset td {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding-bottom: 5px;
    line-height: 14px;
}

fieldset .ajax__htmleditor_editor_base td {
    overflow: hidden;
    display: table-cell;
}

fieldset th {
    /*position: relative;*/
    overflow: hidden;
    /*display: inline-block;*/
    text-align: left;
}

label + td,
input + td {
    margin-top: 20px;
}

td > input[type=checkbox] {
    padding: 0;
    margin: 1px 0 0 0;
    height: 24px;
    width: 24px;
    float: left;
    position: absolute;
    left: 0;
    opacity: 0;
    /*display:none;*/
}

td > input[type=radio] {
    padding: 0;
    margin: 1px 0 0 0;
    height: 24px;
    width: 24px;
    float: left;
    position: relative;
    left: 0;
    opacity: 0;
}

td > label {
    float: left;
    line-height: 16px;
    color: #777;
    font-size: 1.4em;
    padding: 4px 0 0 28px;
    margin: 0 20px 0 0;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

td:not(#foo) > input:hover + label, td:not(#foo) > input:focus + label,
td:not(#foo) > input + label:hover, td:not(#foo) > input:focus + label {
    color: #42346A;
}

td:not(#foo) > input + label {
    background: url(../images/check-radio-sheet.png) 0 0 no-repeat;
    height: 21px;
}

td:not(#foo) > input[type=radio] + label {
    background-position: 0 0;
}

td:not(#foo) > input[type=checkbox] + label {
    background-position: 0 -200px;
}

/* Checked styles */
td:not(#foo) > input[type=radio]:checked + label {
    background-position: 0 -100px;
}

td:not(#foo) > input[type=checkbox]:checked + label {
    background-position: 0 -300px;
}

    td:not(#foo) > input[type=checkbox]:hover:checked + label,
    td:not(#foo) > input[type=checkbox]:focus:checked + label,
    td:not(#foo) > input[type=checkbox]:checked + label:hover,
    td:not(#foo) > input[type=checkbox]:focus:checked + label {
        background-position: 0 -350px;
    }

td:not(#foo) > input[type=radio]:hover:checked + label,
td:not(#foo) > input[type=radio]:focus:checked + label,
td:not(#foo) > input[type=radio]:checked + label:hover,
td:not(#foo) > input[type=radio]:focus:checked + label {
    background-position: 0 -150px;
}

/* Hover & Focus styles */
td:not(#foo) > input[type=checkbox]:hover + label,
td:not(#foo) > input[type=checkbox]:focus + label,
td:not(#foo) > input[type=checkbox] + label:hover {
    background-position: 0 -225px;
}

td:not(#foo) > input[type=radio]:hover + label,
td:not(#foo) > input[type=radio]:focus + label,
td:not(#foo) > input[type=radio] + label:hover {
    background-position: 0 -25px;
}

/* Active styles */
td:not(#foo) > input[type=checkbox]:active + label,
td:not(#foo) > input[type=checkbox] + label:hover:active {
    background-position: 0 -250px;
}

td:not(#foo) > input[type=radio]:active + label,
td:not(#foo) > input[type=radio] + label:hover:active {
    background-position: 0 -50px;
}

td:not(#foo) > input[type=checkbox]:active:checked + label,
td:not(#foo) > input[type=checkbox]:checked + label:hover:active {
    background-position: 0 -350px;
}

td:not(#foo) > input[type=radio]:active:checked + label,
td:not(#foo) > input[type=radio]:checked + label:hover:active {
    background-position: 0 -150px;
}

/* Disabled styles */
td:not(#foo) > input[type=checkbox]:disabled + label,
td:not(#foo) > input[type=checkbox]:hover:disabled + label,
td:not(#foo) > input[type=checkbox]:focus:disabled + label,
td:not(#foo) > input[type=checkbox]:disabled + label:hover,
td:not(#foo) > input[type=checkbox]:disabled + label:hover:active {
    background-position: 0 -275px;
    color: #ccc;
}

td:not(#foo) > input[type=radio]:disabled + label,
td:not(#foo) > input[type=radio]:hover:disabled + label,
td:not(#foo) > input[type=radio]:focus:disabled + label,
td:not(#foo) > input[type=radio]:disabled + label:hover,
td:not(#foo) > input[type=radio]:disabled + label:hover:active {
    background-position: 0 -75px;
}

td:not(#foo) > input[type=checkbox]:disabled:checked + label,
td:not(#foo) > input[type=checkbox]:hover:disabled:checked + label,
td:not(#foo) > input[type=checkbox]:focus:disabled:checked + label,
td:not(#foo) > input[type=checkbox]:disabled:checked + label:hover,
td:not(#foo) > input[type=checkbox]:disabled:checked + label:hover:active {
    background-position: 0 -375px;
    color: #ccc;
}

td:not(#foo) > input[type=radio]:disabled:checked + label,
td:not(#foo) > input[type=radio]:hover:disabled:checked + label,
td:not(#foo) > input[type=radio]:focus:disabled:checked + label,
td:not(#foo) > input[type=radio]:disabled:checked + label:hover,
td:not(#foo) > input[type=radio]:disabled:checked + label:hover:active {
    background-position: 0 -175px;
}

fieldset span {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

span > input[type=radio] {
    opacity: 0;
}

span > input[type=checkbox] {
    padding: 0;
    margin: 1px 0 0 0;
    height: 24px;
    width: 24px;
    float: left;
    position: absolute;
    left: 0;
    opacity: 0;
}

span.checkBoxGridviewSelect > input[type=checkbox] {
    padding: 0;
    margin: 1px 0 0 0;
    height: 24px;
    width: 24px;
    float: left;
    position: absolute;
    left: auto !important;
    opacity: 1 !important;
}

span.checkBoxRbListSelect > input[type=checkbox] {
    padding: 0;
    height: 24px;
    width: 24px;
    float: left;
    position: relative;
    left: 17px;
    opacity: 1 !important;
}

span.popup-checkbox > input[type=checkbox] {
    padding: 0;
    margin: 0;
    height: 24px;
    width: 24px;
    float: left;
    position: relative !important;
    left: auto !important;
    opacity: 1 !important;
}

span > label {
    float: left;
    line-height: 16px;
    color: #777;
    /*color: #fff;*/
    font-size: 1.4em;
    padding: 4px 0 0 28px;
    margin: 0 20px 0 0;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

span:not(#foo) > input:hover + label, span:not(#foo) > input:focus + label,
span:not(#foo) > input + label:hover, span:not(#foo) > input:focus + label {
    color: #42346A;
}

span:not(#foo) > input + label {
    background: url(../images/check-radio-sheet-purple.png) 0 0 no-repeat;
    height: 21px;
}

span:not(#foo) > input[type=radio] + label {
    background-position: 0 0;
}

span:not(#foo) > input[type=checkbox] + label {
    background-position: 0 -200px;
}

/* Checked styles */
span:not(#foo) > input[type=radio]:checked + label {
    background-position: 0 -100px;
}

span:not(#foo) > input[type=checkbox]:checked + label {
    background-position: 0 -300px;
}

    span:not(#foo) > input[type=checkbox]:hover:checked + label,
    span:not(#foo) > input[type=checkbox]:focus:checked + label,
    span:not(#foo) > input[type=checkbox]:checked + label:hover,
    span:not(#foo) > input[type=checkbox]:focus:checked + label {
        background-position: 0 -350px;
    }

span:not(#foo) > input[type=radio]:hover:checked + label,
span:not(#foo) > input[type=radio]:focus:checked + label,
span:not(#foo) > input[type=radio]:checked + label:hover,
span:not(#foo) > input[type=radio]:focus:checked + label {
    background-position: 0 -150px;
}

/* Hover & Focus styles */
span:not(#foo) > input[type=checkbox]:hover + label,
span:not(#foo) > input[type=checkbox]:focus + label,
span:not(#foo) > input[type=checkbox] + label:hover {
    background-position: 0 -225px;
}

span:not(#foo) > input[type=radio]:hover + label,
span:not(#foo) > input[type=radio]:focus + label,
span:not(#foo) > input[type=radio] + label:hover {
    background-position: 0 -25px;
}

/* Active styles */
span:not(#foo) > input[type=checkbox]:active + label,
span:not(#foo) > input[type=checkbox] + label:hover:active {
    background-position: 0 -250px;
}

span:not(#foo) > input[type=radio]:active + label,
span:not(#foo) > input[type=radio] + label:hover:active {
    background-position: 0 -50px;
}

span:not(#foo) > input[type=checkbox]:active:checked + label,
span:not(#foo) > input[type=checkbox]:checked + label:hover:active {
    background-position: 0 -350px;
}

span:not(#foo) > input[type=radio]:active:checked + label,
span:not(#foo) > input[type=radio]:checked + label:hover:active {
    background-position: 0 -150px;
}

/* Disabled styles */
span:not(#foo) > input[type=checkbox]:disabled + label,
span:not(#foo) > input[type=checkbox]:hover:disabled + label,
span:not(#foo) > input[type=checkbox]:focus:disabled + label,
span:not(#foo) > input[type=checkbox]:disabled + label:hover,
span:not(#foo) > input[type=checkbox]:disabled + label:hover:active {
    background-position: 0 -275px;
    color: #ccc;
}

span:not(#foo) > input[type=radio]:disabled + label,
span:not(#foo) > input[type=radio]:hover:disabled + label,
span:not(#foo) > input[type=radio]:focus:disabled + label,
span:not(#foo) > input[type=radio]:disabled + label:hover,
span:not(#foo) > input[type=radio]:disabled + label:hover:active {
    background-position: 0 -75px;
}

span:not(#foo) > input[type=checkbox]:disabled:checked + label,
span:not(#foo) > input[type=checkbox]:hover:disabled:checked + label,
span:not(#foo) > input[type=checkbox]:focus:disabled:checked + label,
span:not(#foo) > input[type=checkbox]:disabled:checked + label:hover,
span:not(#foo) > input[type=checkbox]:disabled:checked + label:hover:active {
    background-position: 0 -375px;
    color: #ccc;
}

span:not(#foo) > input[type=radio]:disabled:checked + label,
span:not(#foo) > input[type=radio]:hover:disabled:checked + label,
span:not(#foo) > input[type=radio]:focus:disabled:checked + label,
span:not(#foo) > input[type=radio]:disabled:checked + label:hover,
span:not(#foo) > input[type=radio]:disabled:checked + label:hover:active {
    background-position: 0 -175px;
}

/*---------- revised Checkbox & Radio Buttons End ----------*/

.ctl00_NavigationMenu_1 {
    font-size: 1rem;
    color: #808080;
    margin: 0 0.5rem;
}

    .ctl00_NavigationMenu_1:hover {
        color: #42346A;
        text-decoration: underline;
    }

#ctl00_NavigationMenu > tbody > tr > td:not(:last-child) {
    border-right: 2px solid #808080;
}

#ctl00_NavigationMenu td[style*="width:3px"] {
    display: none !important;
}

/*---------- Checkbox & Radio Buttons ----------*/

fieldset p {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

label + p,
input + p {
    margin-top: 20px;
}

p > input {
    padding: 0;
    margin: 1px 0 0 0;
    height: 24px;
    width: 24px;
    float: left;
    position: absolute;
    left: 0;
    opacity: 0;
}

p > label {
    float: left;
    line-height: 16px;
    color: #777;
    font-size: 1.4em;
    padding: 4px 0 0 28px;
    margin: 0 20px 0 0;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

p:not(#foo) > input:hover + label, p:not(#foo) > input:focus + label,
p:not(#foo) > input + label:hover, p:not(#foo) > input:focus + label {
    color: #42346A;
}

p:not(#foo) > input + label {
    background: url(../images/check-radio-sheet.png) 0 0 no-repeat;
    background: url(../images/check-radio-sheet.svg) 0 0 no-repeat;
    height: 21px;
}

p:not(#foo) > input[type=radio] + label {
    background-position: 0 0;
}

p:not(#foo) > input[type=checkbox] + label {
    background-position: 0 -200px;
}

/* Checked styles */
p:not(#foo) > input[type=radio]:checked + label {
    background-position: 0 -100px;
}

p:not(#foo) > input[type=checkbox]:checked + label {
    background-position: 0 -300px;
}

    p:not(#foo) > input[type=checkbox]:hover:checked + label,
    p:not(#foo) > input[type=checkbox]:focus:checked + label,
    p:not(#foo) > input[type=checkbox]:checked + label:hover,
    p:not(#foo) > input[type=checkbox]:focus:checked + label {
        background-position: 0 -350px;
    }

p:not(#foo) > input[type=radio]:hover:checked + label,
p:not(#foo) > input[type=radio]:focus:checked + label,
p:not(#foo) > input[type=radio]:checked + label:hover,
p:not(#foo) > input[type=radio]:focus:checked + label {
    background-position: 0 -150px;
}

/* Hover & Focus styles */
p:not(#foo) > input[type=checkbox]:hover + label,
p:not(#foo) > input[type=checkbox]:focus + label,
p:not(#foo) > input[type=checkbox] + label:hover {
    background-position: 0 -225px;
}

p:not(#foo) > input[type=radio]:hover + label,
p:not(#foo) > input[type=radio]:focus + label,
p:not(#foo) > input[type=radio] + label:hover {
    background-position: 0 -25px;
}

/* Active styles */
p:not(#foo) > input[type=checkbox]:active + label,
p:not(#foo) > input[type=checkbox] + label:hover:active {
    background-position: 0 -250px;
}

p:not(#foo) > input[type=radio]:active + label,
p:not(#foo) > input[type=radio] + label:hover:active {
    background-position: 0 -50px;
}

p:not(#foo) > input[type=checkbox]:active:checked + label,
p:not(#foo) > input[type=checkbox]:checked + label:hover:active {
    background-position: 0 -350px;
}

p:not(#foo) > input[type=radio]:active:checked + label,
p:not(#foo) > input[type=radio]:checked + label:hover:active {
    background-position: 0 -150px;
}

/* Disabled styles */
p:not(#foo) > input[type=checkbox]:disabled + label,
p:not(#foo) > input[type=checkbox]:hover:disabled + label,
p:not(#foo) > input[type=checkbox]:focus:disabled + label,
p:not(#foo) > input[type=checkbox]:disabled + label:hover,
p:not(#foo) > input[type=checkbox]:disabled + label:hover:active {
    background-position: 0 -275px;
}

p:not(#foo) > input[type=radio]:disabled + label,
p:not(#foo) > input[type=radio]:hover:disabled + label,
p:not(#foo) > input[type=radio]:focus:disabled + label,
p:not(#foo) > input[type=radio]:disabled + label:hover,
p:not(#foo) > input[type=radio]:disabled + label:hover:active {
    background-position: 0 -75px;
}

p:not(#foo) > input[type=checkbox]:disabled:checked + label,
p:not(#foo) > input[type=checkbox]:hover:disabled:checked + label,
p:not(#foo) > input[type=checkbox]:focus:disabled:checked + label,
p:not(#foo) > input[type=checkbox]:disabled:checked + label:hover,
p:not(#foo) > input[type=checkbox]:disabled:checked + label:hover:active {
    background-position: 0 -375px;
}

p:not(#foo) > input[type=radio]:disabled:checked + label,
p:not(#foo) > input[type=radio]:hover:disabled:checked + label,
p:not(#foo) > input[type=radio]:focus:disabled:checked + label,
p:not(#foo) > input[type=radio]:disabled:checked + label:hover,
p:not(#foo) > input[type=radio]:disabled:checked + label:hover:active {
    background-position: 0 -175px;
}
/*---------- Checkbox & Radio Buttons End ----------*/

.TriSelector-column {
    float: left;
    width: 355px;
    margin: 0 10px;
}

.TriSelectorButtons-Columm {
    float: left;
    width: 150px;
    margin: 10px;
}

.TriSelectorButtons-Row {
    width: 115px;
    position: relative;
    margin-bottom: 10px;
    padding: 4px;
    text-align: center;
    margin: auto;
}

#ctl00_MainContent_GridView1 {
    line-height: 1.2rem;
}

.TriSelector-row {
    width: 341px;
    position: relative;
    margin-bottom: 10px;
    padding: 4px;
    border: 3px solid #bbb;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    background: #f5f6f7; /* Old browsers */
    background: -moz-linear-gradient(top, #e8e9ea 0%, #f5f6f7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e9ea), color-stop(100%,#f5f6f7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e8e9ea 0%,#f5f6f7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e8e9ea 0%,#f5f6f7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e8e9ea 0%,#f5f6f7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e8e9ea 0%,#f5f6f7 100%); /* W3C */
    -pie-background: linear-gradient(#e8e9ea, #f5f6f7);
    behavior: url(../Scripts/PIE.htc);
}

.TriSelector_button {
    width: 115px;
}

.Triform-column {
    float: left;
    width: 290px;
    margin: 0 10px;
}

.Triform-row {
    width: 281px;
    position: relative;
    margin-bottom: 10px;
    padding: 4px;
    border: 3px solid #bbb;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    background: #f5f6f7;
}

    .Triform-row label {
        display: block;
        position: relative;
        float: left;
        padding: 3px 5px 4px 5px;
        margin-right: 6px;
        width: 100px;
        text-align: right;
        font-size: 1.2em;
        color: #fff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #42346A;
    }

    .Triform-row input {
        float: left;
        width: 160px;
        border: none;
        background: none;
        padding: 6px 4px 4px 0;
        color: #777;
    }

.blank-Narrowrow input {
    float: left;
    width: 160px;
    border: none;
    background: none;
    padding: 6px 4px 4px 0;
    color: #777;
}

.asymetricform-columnLH {
    float: left;
    width: 675px;
    margin: 0 10px;
}

.asymetricform-columnRH {
    float: left;
    width: 159px;
    margin: 0 10px;
}

.form-column {
    float: left;
    width: 454px;
    margin: 0 10px;
}

.form-row {
    width: 428px;
    position: relative;
    margin: 0 9px 20px 9px;
    padding: 4px;
    border: 3px solid #bbb;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    background: #f5f6f7;
    line-height: 1.2rem;
}

.form-row-client {
    margin: 20px 10px;
    border: 4px solid #ccc;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    line-height: 1.2rem;
    width: auto;
}

    .form-row-client label {
        float: left;
        padding: 6px;
        width: 145px;
        text-align: right;
        font-size: 1.6em;
        font-weight: bold;
        color: #fff;
        background: #42346A;
    }

    .form-row-client .styled-select select {
        -webkit-appearance: none;
        color: #777;
        padding: 8px;
        border: none;
    }

.styled-select .select-form-dropdown {
    width: 250px;
    height: 32px;
}

.form-Narrowcolumn {
    float: left;
    width: 353px;
    margin: 0 10px;
}

.blank-Narrowrow {
    float: left;
    width: 360px;
    margin-bottom: 5px;
    /*	padding: 7px 7px 7px 5px;*/
}

.Blankform-label {
    width: 221px;
    float: left;
    padding-bottom: 2px;
    color: #888;
    font-size: 1.3em;
    margin: 6px 6px 0 0;
    top: 0px;
    left: 0px;
}

.form-Narrowrow {
    width: 421px;
    position: relative;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 4px;
    border: 3px solid #bbb;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    background: #f5f6f7; /* Old browsers */
    background: -moz-linear-gradient(top, #e8e9ea 0%, #f5f6f7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e9ea), color-stop(100%,#f5f6f7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e8e9ea 0%,#f5f6f7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e8e9ea 0%,#f5f6f7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e8e9ea 0%,#f5f6f7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e8e9ea 0%,#f5f6f7 100%); /* W3C */
    -pie-background: linear-gradient(#e8e9ea, #f5f6f7);
    behavior: url(../Scripts/PIE.htc);
}

    .form-Narrowrow input {
        float: left;
        width: 237px;
        border: none;
        background: none;
        padding: 6px 4px 4px 0;
        color: #777;
    }

.Narrowstyled-select label {
    display: block;
    position: relative;
    float: left;
    padding: 3px 5px 4px 5px;
    margin-right: 6px;
    margin-left: 6px;
    width: 140px;
    text-align: right;
    font-size: 1.2em;
    color: #fff;
    text-shadow: -1px -1px 0 #530e7b;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #42346A;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#42346A), to(#530e7b));
    background: -webkit-linear-gradient(#42346A, #530e7b);
    background: -moz-linear-gradient(#42346A, #530e7b);
    background: -ms-linear-gradient(#42346A, #530e7b);
    background: -o-linear-gradient(#42346A, #530e7b);
    background: linear-gradient(#42346A, #530e7b);
    -pie-background: linear-gradient(#42346A, #530e7b);
    behavior: url(../Scripts/PIE.htc);
}

.blank-Narrowrow label {
    display: block;
    position: relative;
    float: left;
    padding: 3px 5px 4px 5px;
    margin-right: 6px;
    margin-left: 6px;
    width: 140px;
    text-align: right;
    font-size: 1.2em;
    color: #fff;
    text-shadow: -1px -1px 0 #530e7b;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #42346A;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#42346A), to(#530e7b));
    background: -webkit-linear-gradient(#42346A, #530e7b);
    background: -moz-linear-gradient(#42346A, #530e7b);
    background: -ms-linear-gradient(#42346A, #530e7b);
    background: -o-linear-gradient(#42346A, #530e7b);
    background: linear-gradient(#42346A, #530e7b);
    -pie-background: linear-gradient(#42346A, #530e7b);
    behavior: url(../Scripts/PIE.htc);
}

/*Header*/
.Tab .ajax__tab_header {
    color: #4682b4;
    font-weight: bold;
    background-color: #ffffff;
    margin-left: 0px;
}

.Tab .ajax__tab_header_verticalleft {
    display: block;
    position: relative;
    float: left;
    padding: 3px 5px 4px 5px;
    margin-right: 6px;
    width: 145px;
    text-shadow: -1px -1px 0 #530e7b;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 7px;
    border: 3px solid #bbb;
}

/*Body*/
.Tab .ajax__tab_body {
    border: 1px solid #b4cbdf;
    padding-top: 0px;
}

.Tab .ajax__tab_body_verticalleft {
    margin-left: 10px;
    width: 759px;
}

/*Tab Active*/
.Tab .ajax__tab_active .ajax__tab_tab {
    color: #ffffff;
    background: url("../../tab_active.gif") repeat-x;
    height: 20px;
}

.Tab .ajax__tab_active .ajax__tab_inner {
    color: #ffffff;
    background: url("../../tab_left_active.gif") no-repeat left;
    padding-left: 10px;
    text-align: right;
    text-shadow: -1px -1px 0 #530e7b;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 7px;
    background: #42346A;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#42346A), to(#530e7b));
    background: -webkit-linear-gradient(#42346A, #530e7b);
    background: -moz-linear-gradient(#42346A, #530e7b);
    background: -ms-linear-gradient(#42346A, #530e7b);
    background: -o-linear-gradient(#42346A, #530e7b);
    background: linear-gradient(#42346A, #530e7b);
    -pie-background: linear-gradient(#42346A, #530e7b);
    behavior: url(../Scripts/PIE.htc);
}

.Tab .ajax__tab_active .ajax__tab_outer {
    color: #ffffff;
    background: url("../../tab_right_active.gif") no-repeat right;
    padding-right: 0px;
}

/*Tab Hover*/
.Tab .ajax__tab_hover .ajax__tab_tab {
    color: #000000;
    background: url("../../tab_hover.gif") repeat-x;
    height: 20px;
}

.Tab .ajax__tab_hover .ajax__tab_inner {
    color: #000000;
    background: url("../../tab_left_hover.gif") no-repeat left;
    padding-left: 10px;
}

.Tab .ajax__tab_hover .ajax__tab_outer {
    color: #000000;
    background: url("../../tab_right_hover.gif") no-repeat right;
    padding-right: 6px;
}

/*Tab Inactive*/
.Tab .ajax__tab_tab {
    color: #666666;
    background: url("../../tab_Inactive.gif") repeat-x;
    height: 20px;
}

.Tab .ajax__tab_inner {
    color: #ffffff;
    background: url("../../tab_left_inactive.gif") no-repeat left;
    padding-left: 10px;
    font-size: 1em;
    border: 3px solid #bbb;
    color: #444;
    text-shadow: 1px 1px 1px #fff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: #eee;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#ccc));
    background: -webkit-linear-gradient(#eee, #ccc);
    background: -moz-linear-gradient(#eee, #ccc);
    background: -ms-linear-gradient(#eee, #ccc);
    background: -o-linear-gradient(#eee, #ccc);
    background: linear-gradient(#eee, #ccc);
    -pie-background: linear-gradient(#eee, #ccc);
    behavior: url(../Scripts/PIE.htc);
    margin-bottom: 10px;
}

.Tab .ajax__tab_outer {
    color: #666666;
    background: url("../../tab_right_inactive.gif") no-repeat right;
    padding-right: 0px;
    margin-right: 2px;
}

.form-Narrowrow label {
    display: block;
    position: relative;
    float: left;
    padding: 6px 5px 7px 5px;
    margin-right: 6px;
    width: 145px;
    text-align: right;
    font-size: 1.3em;
    color: #fff;
    text-shadow: -1px -1px 0 #530e7b;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #42346A;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#42346A), to(#530e7b));
    background: -webkit-linear-gradient(#42346A, #530e7b);
    background: -moz-linear-gradient(#42346A, #530e7b);
    background: -ms-linear-gradient(#42346A, #530e7b);
    background: -o-linear-gradient(#42346A, #530e7b);
    background: linear-gradient(#42346A, #530e7b);
    -pie-background: linear-gradient(#42346A, #530e7b);
    behavior: url(../Scripts/PIE.htc);
}

.blank-row {
    float: left;
    width: 443px;
    margin-bottom: 20px;
    padding: 7px 7px 7px 10px;
}

.Asymetricblank-row {
    float: left;
    margin-bottom: 20px;
    padding: 7px 7px 7px 10px;
}

.blankrowlist {
    margin-bottom: 3px;
    padding: 0px 0px 0px 10px;
}

.FieldsetContainerblank-row {
    float: left;
    width: 417px;
    margin-bottom: 20px;
    padding: 7px 7px 7px 10px;
}

.form-row-Warning label {
    display: block;
    position: relative;
    float: left;
    padding: 6px 5px 7px 5px;
    margin-right: 6px;
    width: 100%;
    text-align: right;
    font-size: 1.3em;
    color: #fff;
    text-shadow: -1px -1px 0 #530e7b;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #42346A;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#42346A), to(#530e7b));
    background: -webkit-linear-gradient(#c40814, #91030a);
    background: -moz-linear-gradient(#c40814, #91030a);
    background: -ms-linear-gradient(#c40814, #91030a);
    background: -o-linear-gradient(#c40814, #91030a);
    background: linear-gradient(#c40814, #91030a);
    -pie-background: linear-gradient(#c40814, #91030a);
    behavior: url(../Scripts/PIE.htc);
}

.form-row label {
    display: block;
    position: relative;
    float: left;
    padding: 6px 5px 7px 5px;
    margin-right: 6px;
    width: 145px;
    text-align: right;
    font-size: 1.3em;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #42346A;
}

.form-row-noPadding label {
    display: block;
    position: relative;
    float: left;
    padding: 1px 1px 1px 1px !important;
    margin-right: 6px;
    width: 60px;
    text-align: right;
    font-size: 1.3em;
    color: #fff;
    text-shadow: -1px -1px 0 #530e7b;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #42346A;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#42346A), to(#530e7b));
    background: -webkit-linear-gradient(#42346A, #530e7b);
    background: -moz-linear-gradient(#42346A, #530e7b);
    background: -ms-linear-gradient(#42346A, #530e7b);
    background: -o-linear-gradient(#42346A, #530e7b);
    background: linear-gradient(#42346A, #530e7b);
    -pie-background: linear-gradient(#42346A, #530e7b);
    behavior: url(../Scripts/PIE.htc);
}

.form-row label.address-date {
    width: 160px;
}

.form-row input {
    float: left;
    width: 236px;
    border: none;
    background: none;
    padding: 6px 4px 4px 0;
    color: #777;
}

.form-row-popup {
    width: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 1rem;
}

.increase-input-size {
    height: 30px;
}

.increase-input-size-large {
    height: 40px;
    width: 266px !important;
}

.NonEditField {
    float: left;
    width: 250px;
    border: none;
    background: none;
    padding: 6px 4px 4px 0;
    color: #777;
    font-size: 1.3em;
}

.Narrowstyled-select, .Narrowday-select, .Narrowmonth-select, .Narrowyear-select, .NarrowPaymentstyled-select, .NarrowPaymentday-select, .NarrowPaymentmonth-select, .NarrowPaymentyear-select {
    float: left;
    position: relative;
    overflow: hidden;
}

.Narrowstyled-select, .Narrowday-select, .Narrowmonth-select, .Narrowyear-select {
    background: url(../images/arrow.png) no-repeat right;
}

.Narrowstyled-select, .NarrowPaymentstyled-select {
    width: 348px;
}

    .Narrowstyled-select select, .Narrowday-select select, .Narrowmonth-select select, .Narrowyear-select select, .NarrowPaymentstyled-select select, .NarrowPaymentday-select select, .NarrowPaymentmonth-select select, .NarrowPaymentyear-select select {
        background: transparent;
        background-color: rgba(255, 255, 255, 0);
        -webkit-appearance: none;
        color: #777;
        padding: 5px 5px 3px 0;
        border: none;
    }

    .Narrowstyled-select select, .NarrowPaymentstyled-select select {
        width: 250px;
    }

.styled-select, .day-select, .month-select, .year-select, .Paymentstyled-select, .Paymentday-select, .Paymentmonth-select, .Paymentyear-select {
    float: left;
    position: relative;
    overflow: hidden;
}

.styled-select, .day-select, .month-select, .year-select {
    background: url(../images/arrow.png) no-repeat;
    background-position: right 6px center;
}

.styled-select, .Paymentstyled-select {
    width: 260px;
}

    .styled-select span {
        position: absolute;
        top: 4px;
        right: -1px;
    }

.day-select, .month-select, .Paymentday-select, .Paymentmonth-select {
    width: 45px;
    margin-right: 10px;
}

.year-select, .Paymentyear-select {
    width: 60px;
}

    .styled-select select, .day-select select, .month-select select, .year-select select, .Paymentstyled-select select, .Paymentday-select select, .Paymentmonth-select select, .Paymentyear-select select {
        background: transparent;
        background-color: rgba(255, 255, 255, 0);
        -webkit-appearance: none;
        color: #777;
        padding: 5px 5px 3px 0;
        border: none;
    }

.styled-select select, .Paymentstyled-select select {
    width: 313px;
}

.day-select select, .month-select select, .Paymentmonth-select select {
    width: 68px;
}

.year-select select, .Paymentyear-select select {
    width: 85px;
}

.Paymentstyled-select, .Paymentday-select, .Paymentmonth-select, .Paymentyear-select {
    background: url(https://www.secure-server-hosting.com/secutran/secureforms/sh219167/arrow.png) no-repeat right;
}

.changes {
    display: inline-block;
    font-size: 1.3em;
    padding: 10px;
    position: relative;
    margin-bottom: 20px;
    color: #444;
    text-shadow: 1px 1px 1px #fff;
    text-decoration: none;
    border: 3px solid #bbb;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #eee;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#ccc));
    background: -webkit-linear-gradient(#eee, #ccc);
    background: -moz-linear-gradient(#eee, #ccc);
    background: -ms-linear-gradient(#eee, #ccc);
    background: -o-linear-gradient(#eee, #ccc);
    background: linear-gradient(#eee, #ccc);
    -pie-background: linear-gradient(#eee, #ccc);
    behavior: url(../Scripts/PIE.htc);
}

/*---------- Main End ----------*/

.save, .submit {
    font-size: 1.2em;
    padding: 5px 20px;
    position: relative;
    border: 3px solid #bbb;
    color: #444;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: #eee;
    margin: 0 0 10px 9px;
}

.save {
    float: right;
    opacity: 100%;
}

    .save:hover, .submit:hover, .changes:hover {
        color: #fff;
        background: #42346A;
    }

    .submit[disabled], .save[disabled] {
        color: #bbb;
    }

        .save[disabled]:hover, .submit[disabled]:hover {
            font-size: 1.2em;
            padding: 5px 20px;
            position: relative;
            border: 3px solid #bbb;
            color: #bbb;
            text-shadow: 1px 1px 1px #fff;
            -webkit-border-radius: 7px;
            -moz-border-radius: 7px;
            border-radius: 7px;
            background: #eee;
            background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#ccc));
            background: -webkit-linear-gradient(#eee, #ccc);
            background: -moz-linear-gradient(#eee, #ccc);
            background: -ms-linear-gradient(#eee, #ccc);
            background: -o-linear-gradient(#eee, #ccc);
            background: linear-gradient(#eee, #ccc);
            -pie-background: linear-gradient(#eee, #ccc);
            behavior: url(../Scripts/PIE.htc);
            margin-bottom: 10px;
        }

/*Modal Popup*/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

    .modalPopup p {
        padding: 5px;
    }

.PopUpPanelContent {
    Border-color: #CCCCCC;
    font-family: Arial, Sans-Serif;
    width: 960px;
}

#MainContent_Panel1 {
    overflow: hidden;
}

.ModalUpdatePanel {
    overflow: hidden;
}

p.note {
    font-size: 1.3em;
    font-style: italic;
    color: #555;
    line-height: 1.4em;
}

.SummaryPanelStyle {
    overflow: hidden;
    width: 952px;
    border: 4px solid #ccc;
    -webkit-border-radius: 6px;
    -moz-boder-radius: 6px;
    border-radius: 16px;
    margin-bottom: 20px;
    behavior: url(../Scripts/PIE.htc);
}

    .SummaryPanelStyle table {
        width: 912px;
        margin: 0 20px 20px;
    }

.SummaryFieldNameStyle,
.SummaryFieldValueStyle,
.SummaryFieldErrorStyle,
.AddressList,
.AddressDates {
    color: #888;
    font-size: 1.2em;
    padding: 6px;
}

.AddressList,
.AddressDates {
    padding: 0 0 8px;
    line-height: 1.5em;
}

.AddressList {
    float: left;
    width: 244px;
    margin-right: 20px;
}

.AddressDates {
    float: left;
    width: 190px;
}

.form-column li {
    overflow: hidden;
}

    .form-column li:hover, .RowHighlight:hover {
        background: #ddd;
    }

.name, .type, .from, .to, .remove {
    color: #888;
    font-size: 1.2em;
    padding: 6px 0;
}

.to {
    width: 60px;
}

.remove {
    width: 55px;
}

    .remove a {
        color: #42346A;
    }

        .remove a:hover {
            text-decoration: none;
        }

.name {
    width: 165px;
}

.type {
    width: 90px
}

.from {
    width: 70px;
}

.SummaryFieldNameStyle {
    color: Black;
}

.H2Repeater {
    color: Blue;
}

.SummaryFieldValueStyle {
}

.SummaryFieldErrorStyle {
}

.SummaryFieldNameStyleAlternatingItemTemplate {
    background-color: #f5f5f5;
}

.blank-row table {
    float: left;
}

a.RBListButton {
    display: block;
    clear: left;
    width: 54px;
    color: #42346A;
    text-shadow: 1px 1px 1px #fff;
    font-size: 1.2em;
    padding: 3px 0;
    text-decoration: underline;
    cursor: pointer;
}

    a.RBListButton:hover {
        text-decoration: none;
        color: #530e7b;
    }

a.DeleteRoleButton {
    display: block;
    clear: left;
    width: 80px;
    color: #42346A;
    text-shadow: 1px 1px 1px #fff;
    font-size: 1.2em;
    padding: 3px 0;
    text-decoration: underline;
    cursor: pointer;
}

    a.DeleteRoleButton:hover {
        text-decoration: none;
        color: #530e7b;
    }

.RBListItem {
    font-size: 1.1em;
    margin-top: 3px;
    color: #555;
    text-shadow: 1px 1px 1px #fff;
    padding: 3px 10px 3px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    float: none;
    box-sizing: border-box;
    margin: 3px 5px 0;
}

.RBListItemHeader {
    font-size: 1.1em;
    color: #555;
    text-shadow: 1px 1px 1px #fff;
    float: none;
    box-sizing: border-box;
    margin: 0 5px;
}

.Status {
    width: 200px;
    margin-right: 10px;
}

.RBListItemHeaderDOB {
    font-size: 1em;
    margin: 3px 0 0 4px;
    color: #555;
    float: none;
}

.FinanceTable {
    width: 100%;
    empty-cells: show;
    border-collapse: collapse;
    table-layout: fixed;
    float: left;
}

.FinanceTableCell {
    margin-left: 4px;
}

.FinanceRBListItemHeader {
    font-size: 1.1em;
    margin-top: 3px;
    color: #555;
    float: none;
}

.FinanceDataRepeater {
    float: left;
}

.FinanceRBListItem {
    font-size: 1.1em;
    margin-top: 3px;
    color: #555;
    text-shadow: 1px 1px 1px #fff;
    padding: 2px 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.FinanceAppID {
    width: 60px;
}

.FinanceCost {
    width: 38px;
}

.FinanceName {
    width: 85px;
}

.FinanceNameFilterTextbox {
    width: 80px;
}

.FinanceAppIDTextbox {
    width: 56px;
}

.FinanceCostTextBox {
    width: 32px;
}

.FinancialStatusButtons {
    float: left;
    margin-left: 10px;
}

.Cost {
    width: 45px;
}

.TextField {
    width: 90px;
}

.DOBField {
    width: 60px;
}

.DOBHead {
    width: 205px;
}

.ApplicationList {
    display: block;
    border-collapse: collapse;
    border-spacing: 0;
}

    .ApplicationList tr {
        background: #eee;
    }

        .ApplicationList tr:hover {
            background: #ddd;
        }

.Validator {
    color: #42346A;
    font-size: 2em;
}

.SummaryFieldErrorStyle {
    color: #42346A;
}

.ColumnBorder {
    width: 448px;
}

.Charges {
    clear: both;
}

.Item {
    Text-align: right;
}

.SmallColumn {
    float: left;
    width: 210px;
}

    .SmallColumn input {
        float: left;
        width: 189px;
        border: 3px solid #ccc;
        -webkit-border-radius: 3px;
        -moz-boder-radius: 3px;
        border-radius: 8px;
        margin: 0px 0px 0px 0px;
        background: none;
        padding: 4px 4px 4px 4px;
        color: #777;
        behavior: url(../Scripts/PIE.htc);
    }

    .SmallColumn select {
        border: none;
    }

.chargestd {
    font-size: 1.3em;
    margin-top: 3px;
    color: #555;
    text-shadow: 1px 1px 1px #fff;
    padding: 3px 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.LogonField {
}

label.LogonLabel {
    width: 113px;
}

.LogonRow {
    width: 400px;
    margin: 0 20px 20px 20px;
}

.FullWidthRow {
    width: 90%;
}

.Roles {
    width: 90%;
    margin-left: 20px;
}

input.MenuButton {
    text-align: left;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    font-size: 1.2em;
    padding: 8px 20px;
    border: 3px solid #bbb;
    color: #444;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: #eee;
}

    input.MenuButton:hover {
        color: #fff;
        background: #42346A;
    }

.inner {
    margin-right: 20px;
}

.accordion {
    width: 400px;
}

.accordionHeader {
    border: 3px solid #bbb;
    color: #fff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: #42346A;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#42346A), to(#530e7b));
    background: -webkit-linear-gradient(#42346A, #530e7b);
    background: -moz-linear-gradient(#42346A, #530e7b);
    background: -ms-linear-gradient(#42346A, #530e7b);
    background: -o-linear-gradient(#42346A, #530e7b);
    background: linear-gradient(#42346A, #530e7b);
    -pie-background: linear-gradient(#42346A, #530e7b);
    behavior: url(../Scripts/PIE.htc);
    height: 30px;
}

.accordionHeaderSelected {
    border: 3px solid #bbb;
    border-bottom: none;
    color: #fff;
    -webkit-border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;
    background: #42346A;
    height: 30px;
}

.accordionContent {
    border: 3px solid #bbb;
    background-color: #D3DEEF;
    -webkit-border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    background: #eee;
    background: -moz-linear-gradient(#eee, #ccc);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#ccc));
    background: -webkit-linear-gradient(#eee, #ccc);
    background: -o-linear-gradient(#eee, #ccc);
    background: -ms-linear-gradient(#eee, #ccc);
    background: linear-gradient(#eee, #ccc);
    -pie-background: linear-gradient(#eee, #ccc);
}

.AccordionListItem {
    display: block;
    font-size: 1.3em;
    margin-top: 3px;
    text-shadow: -1px -1px 1px #530E7B;
    padding: 3px 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.AccordionListItemHeader {
    font-size: 1.3em;
    margin-top: 3px;
    color: #555;
    text-shadow: 1px 1px 1px #fff;
    float: none;
}

.AccordionItemHeaderDOB {
    font-size: 1em;
    margin: 3px 0 0 4px;
    color: #555;
    float: none;
}

.application-grid-view th {
    vertical-align: middle !important;
    height: 30px;
}

.application-grid-view {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 10px;
    overflow: hidden;
}

.filter-label {
    overflow: initial;
    font-size: 1.1em;
    text-shadow: 1px 1px 1px #fff;
    color: #555;
    font-weight: bolder;
}

.dropdown-label {
    float: left;
    padding: 10px;
    width: 15%;
    text-align: right;
    font-size: 1.6em;
    font-weight: bold;
    color: #fff;
    background: #42346A;
    height: 16px;
}
}

#paygConfirmationPopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.payg-confirmation-background {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
}

.payg-confirmation-message {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px 40px;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    text-align: center;
    min-width: 175px;
    max-width: 500px;
}

.popup-text {
    font-size: 1rem;
    margin-bottom: 1rem;
}

.popup-hyperlink {
    font-size: 1rem;
}