/*For old IE Compatability*/
div {
    zoom: 1;
    box-sizing: content-box;
}



BODY {
    margin: 0;
    padding: 0;
    color: #000000;
    background-repeat: repeat-x;
    background-position: top;
}

div.contentNavigation {
    background-position: right top;
    width: 100%;
    border-top-style: none;
    border-top-width: 2px;
    border-top-color: #dddddd;
    text-align: right;
    margin-top: 10px;
    background-color: #dddddd;
    padding-top: 1px;
    padding-bottom: 0px;
    background-image: url('../images/ContentNavigationBackground.jpg');
    background-repeat: no-repeat;
}


.placeContainer {
    position: relative;
    width: 100%;
    margin-bottom: 12px;
}

    .placeContainer div.placeLeft {
        position: absolute;
        width: 50%;
        left: 0%;
        border: none 0px;
        top: 0px;
    }

        .placeContainer div.placeLeft fieldset {
            padding: .5em;
        }

    .placeContainer div.placeRight {
        position: absolute;
        width: 50%;
        left: 50%;
        border: none 0px;
        top: 0px;
    }

        .placeContainer div.placeRight fieldset {
        }


fieldset {
    padding: .5em;
}

h1 {
    font-weight: bold;
    font-size: 130%;
}

h2 {
    font-weight: bold;
    font-size: 120%;
}

h3 {
    font-weight: bold;
    font-size: 110%;
}

h4 {
    font-weight: bold;
    font-size: 100%;
}

h2.major {
    background-color: #708090;
    text-align: center;
    font-size: large;
    color: white;
    width: 100%;
}

/* PREVIOUSLY SCREEN.css*/


table.gridView tr.emptyOk, table.gridView tr.emptyOk td, table.gridViewHorizontal tr.emptyOk, table.gridViewHorizontal tr.emptyOk td, table.gridViewVertical tr.emptyOk, table.gridViewVertical tr.emptyOk td {
    background-color: #efefef;
    text-align: center;
    border: none;
}

table.gridView tr.emptyErr, table.gridView tr.emptyErr td, table.gridViewHorizontal tr.emptyErr, table.gridViewHorizontal tr.emptyErr td, table.gridViewVertical tr.emptyErr, table.gridViewVertical tr.emptyErr td {
    background-color: #ffdddd;
    text-align: center;
    border: none;
}

table.gridView {
    border-style: none;
    padding: 0px;
    margin: 0px;
}

    table.gridView th {
        padding: 0px;
        margin: 0px;
        border-width: 0px 0px 2px 0px;
        border-style: none none solid none;
        font-weight: bold;
        border-top-color: #dddddd;
    }

    table.gridView tr, table.gridView tr td {
        border-style: solid none solid none;
        border-width: 1px 0px 1px 0px;
        border-color: #dddddd;
        padding: 0px;
        margin: 0px;
    }

        table.gridView tr.alternate {
            background-color: #efefef;
        }


table.gridViewHorizontal {
    padding: 0px;
    margin: 0px;
}

    table.gridViewHorizontal th {
        border-style: none solid solid solid;
        border-right-width: 1px;
        border-right-color: #dddddd;
        border-left-width: 1px;
        border-left-color: #dddddd;
        font-weight: bold;
        border-bottom-width: 2px;
        border-bottom-color: #dddddd;
    }

    table.gridViewHorizontal tr, table.gridViewHorizontal tr td {
        border-style: none none solid none;
        border-bottom-width: 1px;
        border-bottom-color: #dddddd;
    }




table.gridViewVertical {
    padding: 0px;
    margin: 0px;
}

    table.gridViewVertical th {
        border-style: none solid solid solid;
        border-right-width: 1px;
        border-right-color: #dddddd;
        border-left-width: 1px;
        border-left-color: #dddddd;
        font-weight: bold;
        border-bottom-width: 2px;
        border-bottom-color: #dddddd;
    }

    table.gridViewVertical tr, table.gridViewVertical tr td {
        border-style: none solid none solid;
        border-right-width: 1px;
        border-right-color: #dddddd;
        border-left-width: 1px;
        border-left-color: #dddddd;
    }






acronym {
    text-decoration: underline;
}

.progressBar {
    background-color: #dddddd;
}

    .progressBar .progressBarStepPrevious {
        background-color: #084079;
        text-align: center;
        text-decoration: none;
        color: #FFFFFF;
    }

    .progressBar .progressBarStepCurrent {
        background-color: #dddddd;
        text-align: center;
        text-decoration: none;
        color: #000000;
        font-weight: bold;
    }

    .progressBar .progressBarStepFuture {
        background-color: #084079;
        text-align: center;
        text-decoration: none;
        color: #FFFFFF;
    }

.accordionHeader, .accordionHeader a:link, .accordionHeader a:visited {
    background-color: #395277;
    color: #ffffff;
    margin-bottom: 5px;
}

.accordionHeaderSelected, .accordionHeaderSelected a:link, .accordionHeaderSelected a:visited {
    background-color: #003366;
    color: #ffffff;
}

/* Standard Control Formatting */

div.info {
    padding: 5px;
    border: #dddddd 1px dashed;
    background-color: #ccffcc;
}

div.text {
    padding: 5px;
    border: #dddddd 1px dashed;
    background-color: #dddddd;
}

tr.info {
    border: #dddddd 1px dashed;
    background-color: #ccffcc;
}

div.err {
    padding: 5px;
    background-color: #ffdddd;
    border: #ff3e3e 1px dashed;
    background-repeat: no-repeat;
    background-position: right center;
}

div.warn {
    padding: 5px;
    border: #dddddd 1px dashed;
    background-color: #FFFFCC;
}

.modalPopup {
    background-color: #dddddd;
    border: solid 1px #000000;
    width: 50%;
    height: 50%;
}

a {
    color: #395277;
    position: relative;
}

    a:visited {
        color: #395277;
    }

    a:link {
        color: #395277;
    }

input:focus {
    background: #FFFFCC;
}

span.checkbox input {
    width: 1em;
}

textarea {
    resize: none;
}


.form {
    border-style: solid solid solid solid;
    border-width: 1px;
    border-color: #dddddd;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.formfieldset {
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    border-style: none;
}

    .form span.noFormat input, .form span.noFormat label, .form p.noFormat input, .form p.noFormat label, .formfieldset span.noFormat input, .formfieldset span.noFormat label, .formfieldset p.noFormat input, .formfieldset p.noFormat label {
        width: auto;
        float: none;
        display: inline;
        left: auto;
    }

    .form span.checkbox label, .formfieldset span.checkbox label {
        width: 1em;
        float: none;
        display: inline;
    }

    .form p.info, .formfieldset p.info {
        text-align: center;
        border-bottom: solid 1px #dddddd;
        padding-bottom: 10px;
        border-bottom-style: dashed;
    }

    .form div.info, .formfieldset div.info {
        text-align: center;
        border-bottom: solid 1px #dddddd;
        padding-bottom: 10px;
        border-bottom-style: dashed;
    }

    .formfieldset td {
        border-bottom: solid 1px #dddddd;
        padding-bottom: 10px;
        border-bottom-style: dashed;
    }

    .formfieldset th {
        border-bottom: solid 1px #dddddd;
        padding-bottom: 10px;
        border-bottom-style: dashed;
        font-weight: normal;
        width: 14em;
        text-align: left;
        margin-right: 0.5em;
        margin-left: 0.5em;
        padding-right: 1em;
    }

    .form p, .formfieldset p, .form div, .formfieldset div {
        border-bottom: solid 1px #dddddd;
        padding-top: 0px;
        margin-bottom: 5px;
        padding-bottom: 5px;
        border-bottom-style: dashed;
    }

    .form label, .formfieldset label {
        display: block;
        width: 14em;
        font-weight: normal;
        text-align: left;
        padding-right: 1em;
        float: left;
    }

    .form input.required, .formfieldset input.required, .form password.required, .formfieldset password.required, .form select.required, .formfieldset select.required, .form textarea.required, .formfieldset textarea.required {
        background-image: url(/DpsWebsite/images/required.png);
        background-repeat: no-repeat;
        background-position: left top;
    }

    .form input[readonly], .formfieldset input[readonly], .form textarea[readonly], .formfieldset textarea[readonly] {
        top: 0px;
        left: 15em;
        padding-left: 0px;
        border: none;
        font: 100% verdana, arial, helvetica, sans-serif;
    }

    .form input, .formfieldset input, .form password, .formfieldset password, .form select, .formfieldset select {
        width: 14em;
        top: 0px;
        left: 15em;
        padding-left: 8px;
    }


        .form input[type=radio], .formfieldset input[type=radio] {
            width: 14em;
            top: 0px;
            left: 0em;
            padding-left: 0px;
        }

        .form input[type=checkbox], .formfieldset input[type=checkbox] {
            width: auto;
            top: 0px;
            left: 0em;
            padding-left: 0px;
        }


    .form textarea, .formfieldset textarea {
        width: 14em;
        top: 0px;
        left: 15em;
        padding-left: 8px;
        overflow: auto;
        color: #666666;
    }

    .form div.label, .formfieldset div.label {
        width: 15em;
        border-bottom-style: none;
        display: inline-block;
        vertical-align: top;
        *display: inline;
        zoom: 1;
    }

    .form div.input, .formfieldset div.input {
        display: inline-block;
        border-bottom-style: none;
        vertical-align: top;
        padding-bottom: 0px;
        margin-bottom: 0px;
        *display: inline;
        zoom: 1;
    }

fieldset {
}

th {
    text-align: left;
}

a:hover {
    color: #496929;
    text-decoration: underline;
    cursor: pointer;
}


ul, ol {
}

li {
    padding-bottom: 5px;
    padding-left: 0px;
    margin-left: .5em;
}

ul.flush {
    margin-left: 5px;
    padding-left: 5px;
}

ul.flushFull {
    margin-left: 0px;
    padding-left: 0px;
    list-style: none;
}

    ul.flushFull li {
        margin-left: 0em;
    }

ul.flush li {
    margin-left: .5em;
}

#fullScreenMessage {
    padding-left: 15%;
    padding-right: 15%;
    text-align: center;
    border: dashed 1px #000000;
    background-color: #dddddd;
}

    #fullScreenMessage p {
        text-align: justify;
    }

/* TEMPLATE */

.h1PageTitle {
    font: bold 130% Verdana, Arial, Helvetica, sans-serif;
    margin: 0px 0px 5px 0px;
}

/* TEMPLATE (Main Sections) */

#pageHeading {
    position: static;
    top: 0px;
    color: #666666;
    height: 145px;
}

    #pageHeading a {
        color: #08497B;
        /*text-decoration: none;*/
        text-decoration: underline;
    }

        #pageHeading a:hover {
            color: #08497B;
            text-decoration: underline;
        }

#pageHeader {
    width: 730px;
    margin-left: 30px;
    margin-right: 30px;
}

#pageBody {
    position: relative;
    top: 0px;
    color: #666666;
    margin-bottom: 50px;
    min-height: 400px;
    margin-left: 30px;
    margin-right: 30px;
}


#pageFooter {
    font: 85% arial, verdana, helvetica, sans-serif;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    color: #999999;
    margin-top: 20px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
}

    #pageFooter p {
        font: 90% verdana, arial, helvetica, sans-serif;
        padding-top: 4px;
        padding-right: 0px;
        padding-bottom: 10px;
        color: #666666;
    }

        #pageFooter p a {
            font: 100% verdana, arial, helvetica, sans-serif;
        }

    #pageFooter a {
        font: 82% verdana, arial, helvetica, sans-serif;
        color: #29578F;
        font-weight: 500;
    }

        #pageFooter a:hover {
            color: #496929;
            text-decoration: underline;
            cursor: pointer;
        }

/* TEMPLATE - Heading */

#localNavigation {
    position: relative;
    height: 24px;
    top: 0px;
    width: 730px;
    text-decoration: none;
    background-color: white;
    box-sizing: content-box;
    margin-left: 30px;
    margin-right: 30px;
    z-index: 1000009;
}

    #localNavigation a:hover {
        text-decoration: underline;
    }

#localNavigationLeft {
    position: absolute;
    left: 0%;
    text-align: left;
    border: none 0px #000000;
    height: 100%;
    width: 50%;
    display: inline;
    vertical-align: middle;
}

#localNavigationRight {
    position: absolute;
    left: 50%;
    text-align: right;
    border: none 0px #000000;
    height: 100%;
    width: 50%;
    display: inline;
    vertical-align: middle;
}

#localNavigation select {
    text-decoration: none;
    position: relative;
    left: 0%;
}

#adminOverride {
    background-color: #ee0000;
    border: solid 1px #CC2222;
    text-align: center;
    font-weight: bold;
    padding: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    #adminOverride a {
        color: White;
    }

#linkedAccount {
    background-color: #66FF99;
    border: solid 1px #FFFFCC;
    text-align: center;
    font-weight: bold;
    padding: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.accountStateStatusWarn {
    background-color: #FFFFCC;
    border: solid 1px #CC2222;
    text-align: center;
    font-weight: bold;
    padding: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.accountStateStatusBlock {
    background-color: #CC2222;
    border: solid 1px #FFFFCC;
    color: #FFFFCC;
    text-align: center;
    font-weight: bold;
    padding: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .accountStateStatusBlock a {
        color: #FFFFCC;
    }

#pageMessage {
    background-color: #FFFFCC;
    border: solid 1px #CC2222;
    text-align: center;
    display: block;
    padding: 3px;
    margin-top: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    #pageMessage .title {
        font-weight: bold;
    }

    #pageMessage .text {
        font-style: italic;
    }

    #pageMessage .uri {
        color: #333333;
    }

#footer p {
    padding-top: 4px;
    padding-right: 0px;
    padding-bottom: 10px;
    color: #666666;
}

    #footer p a {
    }

#footer a {
    color: #29578F;
    font-weight: 500;
}

    #footer a:hover {
        color: #496929;
        text-decoration: underline;
        cursor: pointer;
    }