body {
    line-height: 1.166;
    padding: 0;
    background-color: #F5F6F9;
    color: #32428B;
}

div.FormData {
    border: 1px solid #32428B;
    background-color: #FAFCF6;
    padding: 10px;
    margin: 10px;
}

    div.FormData h2 {
        font-family: "Open Sans", sans-serif;
        background: #32428B;
        font-size: 14px;
        font-weight: bold;
        color: #F5F6F9;
        padding: 5px;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;
        margin-top: 0;
    }

.SelectedFieldsGrid {
    border-collapse: collapse;
}

    .SelectedFieldsGrid tr th {
        background-color: #00599C;
        color: #ffffff;
        padding: 5px;
        border: 1px solid #cccccc;
        font-weight: normal;
        text-transform: capitalize;
    }

        .SelectedFieldsGrid tr th a {
            color: #FFFFFF;
        }

    .SelectedFieldsGrid tr:nth-child(2n+2) {
        background-color: #E8E8E8;
    }

    .SelectedFieldsGrid tr:nth-child(2n+1) td {
        background-color: #D3D2D2;
    }

    .SelectedFieldsGrid tr td {
        padding: 5px;
        color: #454545;
        border: 1px solid #cccccc;
        vertical-align: middle;
    }

        .SelectedFieldsGrid tr td:first-child {
            text-align: center;
        }

.CheckBoxList {
    display: none;
}

    .CheckBoxList div {
        max-height: 20em;
        overflow: scroll;
    }

    .CheckBoxList tr td:first-child {
        text-align: left;
    }

.CheckBoxListSpan {
    cursor: pointer;
    text-align: right;
    border: 1px solid #A9A9A9;
    display: inline-block;
    width: 100%;
}

.PopupDiv {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    padding: 5px;
    width: 50%;
}

    .PopupDiv > form {
        min-height: 0;
        border: 1px solid #32428B;
        box-shadow: 5px 5px 5px 0 #32428B;
        background-color: #CCD0E2;
    }

    .PopupDiv th {
        padding: 1pt 4pt 1pt 4pt;
        border: 1pt solid #d3d3d3;
        background-color: #32428b;
        vertical-align: middle;
        text-align: center;
        color: white;
    }

    .PopupDiv td {
        padding: 1pt 4pt 1pt 4pt;
        border: 2pt solid #d3d3d3;
        vertical-align: middle;
        text-align: left;
    }

.redFont {
    color: #FF8080;
}

.GreenMessage > p {
    background-color: #CDDDA3;
    margin: 0;
}

.YellowMessage > p {
    background-color: #FFFF80;
    margin: 0;
}

.RedMessage > p {
    background-color: #FF8080;
    margin: 0;
}

#Message > p {
    width: fit-content;
}

.fontRed {
    color: #FF8080;
}
/* Navigation */
#container {
    margin: 0 auto;
}

nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

    nav ul li {
        display: inline-block;
    }

nav a {
    display: block;
    text-decoration: none;
    background-color: #CCD0E2;
    padding: 5px;
    margin: 5px;
}

.active {
    background-color: #C7DA9A;
    cursor: default;
}

/* Hide Dropdowns by Default */
nav ul ul {
    display: none;
    position: absolute;
    top: 38px; /* the height of the main nav */
}

/* Display Dropdowns on Hover */
nav ul li:hover > ul {
    display: inherit;
}

/* Fisrt Tier Dropdown */
nav ul ul li {
    width: 170px;
    float: none;
    display: list-item;
    position: relative;
}

/* Second, Third and more Tiers	*/
nav ul ul ul li {
    position: relative;
    top: -122px;
    left: 170px;
}


/* Change this in order to change the Dropdown symbol */
li > a:after {
    content: ' +';
}

li > a:only-child:after {
    content: '';
}
/* End Navigation */

.centerTable {
    margin-left: auto;
    margin-right: auto;
}