.TitleBar {
    /* font-size: 11pt; */
    font-weight: bold;
    line-height: 20pt;
    text-indent: 10px;
    height: 28px;
    color: #111214;
    vertical-align: middle;
    background-color: #b1bdc7;
    background-image: url(../Images/title_bg.gif);
    background-repeat: repeat-x;
    background-position: center top;
    clear: both;
}

.Center {
    text-align: center !important;
    margin: auto;
}

/*											Thumbnails */
.ThumbnailSelect {
    float: left;
    clear: both;
    margin: 5px;
    padding: 5px;
}

    .ThumbnailSelect a img, .ThumbnailSelect a:link img, .ThumbnailSelect a:hover img, .ThumbnailSelect a:visited img {
        text-decoration: none;
    }


/*											Popups */
.ModalPopup {
    border: solid 1px #b2b2b2;
    background-color: #dcebee;
    width: auto;
}

.ModalPopupHeader {
    height: 30px;
    background-image: url(../Images/popup_bg.gif);
    background-position: top;
    background-repeat: repeat-x;
    font-weight: bold;
}

    .ModalPopupHeader div {
        padding-top: 10px;
    }

.ModalPopup .InternalForm td, .ModalPopup .InternalForm {
    padding: 5px !important;
}

.MessagePopupHeader {
    height: 15px;
    background-image: url(../Images/popup_bg.gif);
    background-position: top;
    background-repeat: repeat-x;
    font-weight: bold;
    padding-top: 10px;
    text-align: center;
}
/*											Fields */
td.XXXLongField {
    width: 605px;
}

td.XXLongField {
    width: 505px;
}

td.XLongField {
    width: 355px;
}

td.LongXLongField {
    width: 280px;
}

td.LongField, th.LongField {
    width: 205px !important;
    max-width: 100%;
    min-width: 205px;
}

td.MediumField {
    width: 180px;
}

td.ShortMediumField {
    width: 130px;
}

td.ShortField, th.ShortField {
    width: 105px !important;
}

td.TinyField, th.TinyField {
    width: 55px;
}

td.MiniField, th.MiniField {
    width: 30px;
}

td.PunyField, th.PunyField {
    width: 15px;
}

/*	DataGrid (colors) */
.GridTitleRow {
    height: 23px;
    vertical-align: bottom;
    background-color: #cbd8d6 !important;
    padding-bottom: 3px;
    background-image: url(../Images/title_bg.gif);
    background-position: left top;
    background-repeat: repeat-x;
}

.DataGridTitle td {
    height: 23px;
    vertical-align: bottom;
    background-color: #cbd8d6 !important;
    padding-bottom: 3px;
    background-image: url(../Images/title_bg.gif);
    background-position: left top;
    background-repeat: repeat-x;
}

.DataGridTitleLeft {
    border-top: solid 1px #cbd8d6;
    border-left: solid 1px #cbd8d6;
    padding-left: 6px;
}

.DataGridTitleRight {
    border-top: solid 1px #cbd8d6;
    border-right: solid 1px #cbd8d6;
    padding-right: 6px;
}

.DataGridPanel {
    border: solid 1px #cbd8d6;
}

.DataGrid {
    background-color: #FFF;
    border-color: #cbd8d6 !important;
}

.DataGrid, .DataGridNoBorder {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.DataGridNoBorder {
    border: none;
}

.DataGridHeaderRow th, .DataGridHeaderRow td {
    background-color: #dae9ec;
    padding: 6px 8px;
    text-align: left;
    color: #2D2E30;
}

    .DataGridHeaderRow td a, .DataGridHeaderRow th a {
        color: #4D6476;
    }

.DataGridHeaderRow th, DataGridHeaderRow td {
    cursor: default;
}

.DataGrid td {
    padding: 5px 10px;
    text-align: left;
}

    .DataGrid td.Label {
        text-align: right;
    }

.DataGridRow td, .DataGridAltRow td, .DataGridSelRow td, .DragGridRow td, .DataGridSelRow td, .DragGridSelRow td, .DragNDrop td, .DragGridRowHide td {
    padding: 6px 8px !important;
}

.DataGridSmallPaddingRow td, .DataGridSmallPaddingAltRow td, .DataGridSmallPaddingSelRow td, .DragGridSmallPaddingRow td, .DataGridSmallPaddingSelRow td, .DragGridSmallPaddingSelRow td, .DragNDropSmallPadding td, .DragGridSmallPaddingRowHide td {
    padding: 2px !important;
}

.DataGridNoPaddingRow td, .DataGridNoPaddingAltRow td, .DataGridNoPaddingSelRow td, .DragGridNoPaddingRow td, .DataGridNoPaddingSelRow td, .DragGridNoPaddingSelRow td, .DragNDropNoPadding td, .DragGridNoPaddingRowHide td {
    padding: 0px !important;
}

.DataGridRow, .DataGridAltRow, .DataGridSelRow, .DragGridRow, .DragGridSelRow, .DragGridRowHide {
    color: #000;
}

.DataGridAltRow {
    color: #000;
    background-color: #f2f2f2;
}

.DataGridRowCursor td, .DragGridRow td, .DragGrid, .DragGridSelRow {
    cursor: pointer !important;
}

.DataGridSelRow, .DragGridSelRow {
    background-color: #dfeed9 !important;
}

    .DragGridRow td, .DragGridSelRow td, .DragGridRowHide td {
        border-bottom-style: dashed;
        border-bottom-color: #CCC;
        border-bottom-width: 1px;
        border-bottom: dashed 1px #CCC !important;
    }

.DataGridFooterRow {
    margin-top: 4px;
    padding-top: 4px;
    border-bottom: none;
}

.DataGridPager {
    font-size: xx-small;
    vertical-align: middle;
    background-color: #FAFAFA;
    text-align: center;
}

    .DataGridPager td {
        width: 100%;
    }

        .DataGridPager td table {
            margin: auto;
        }

            .DataGridPager td table td {
                width: auto;
            }

.Color {
    color: #35675f;
}

.TitleBar {
    margin-bottom: 20px;
    background-color: #aac2bf;
    vertical-align: middle;
}

.TitleNavBar {
    height: 28px;
    vertical-align: middle;
    background-color: #aac2bf;
    clear: both;
}

.TitleNavBarText {
    color: #111214;
    line-height: 20pt;
    text-indent: 10px;
    padding-right: 10px;
    background-color: #b7dc7d;
}

.ContextInfo {
    padding-right: 10px;
    background-color: #b7dc7d;
    text-align: right !important;
    vertical-align: middle !important;
    color: #111214;
}

/*											MenuNav (colors) */
.MenuNav ul li:hover ul,
.MenuNav ul li:hover ul li a,
.MenuNav ul li a:hover ul {
    background-color: #dee9ea;
}

    .MenuNav ul li a:hover ul li a:hover,
    .MenuNav ul li:hover ul li a:hover {
        background-color: #bfdcb3;
    }

/*											SubNav (colors) */
.SubNavBar {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    color: #000;
    background-color: #ABB2B7;
    background-image: url(../Images/subnav_bg.gif);
    background-position: top;
    background-repeat: repeat-x;
    text-align: center;
    vertical-align: text-bottom;
    height: 28px;
    padding-top: 0px;
}

    .SubNavBar table {
        height: 28px;
    }

    .SubNavBar .Nav a.Selected,
    .SubNavBar .Nav a.Selected:visited,
    .SubNavBar .Nav a.Selected:active,
    .SubNavBar .Nav a.Selected:hover {
        padding: 4px 7px 7px 7px;
        padding-top: 4px;
        margin-bottom: 2px;
        background-color: white !important;
        font-weight: bold;
    }

    .SubNavBar .Nav a,
    .SubNavBar .Nav a:visited {
        padding-top: 2px;
        padding-bottom: 7px;
        text-decoration: none;
        border: none;
        border-left: solid 1px #b0c9ce;
        border-right: solid 1px #b0c9ce;
        border-top: solid 1px #b0c9ce;
        margin: 0px 1px 0px 0px;
        color: #42494E;
        background-color: #dae9ec !important;
    }

        .SubNavBar .Nav a:hover,
        .SubNavBar .Nav a.Preliminary:hover,
        .SubNavBar .Nav a.Selected:hover {
            color: #42494E;
            background-color: #c5e397 !important;
            border-left: solid 1px #a2b7bd;
            border-right: solid 1px #a2b7bd;
            border-top: solid 1px #a2b7bd;
        }

        .SubNavBar .Nav a.Preliminary,
        .SubNavBar .Nav a.Preliminary:visited {
            background-color: #E2E5E1;
        }

        .SubNavBar .Nav a.Selected, .SubNavBar .Nav a.Selected:visited {
            border-right: solid 1px #42494e;
        }

    .SubNavBar .Nav .SubOptionMenu {
        padding-top: 2px;
        padding-bottom: 7px;
        padding-right: 5px;
        text-decoration: none;
        border: none;
        border-left: solid 1px #b0c9ce;
        border-right: solid 1px #b0c9ce;
        border-top: solid 1px #b0c9ce;
        margin: 0px 1px 0px 0px;
        background-color: #dae9ec;
        color: #42494E;
        display: inline;
    }

        .SubNavBar .Nav .SubOptionMenu a,
        .SubNavBar .Nav .SubOptionMenu a:visited,
        .SubNavBar .Nav .SubOptionMenu a:hover {
            display: inline !important;
            border: none !important;
            padding-right: 0px;
            background: none !important;
        }

.MenuOptionSelected {
    background-color: #fff !important;
}




.SessionTimer {
    border: solid 1px #b2b2b2;
    background-color: #FFF;
    padding: 0px 0px 0px 0px;
    display: inline;
}

.SessionWarning {
    color: #F00;
    font-weight: bold;
}

.AdminPanel td {
    padding: 5px 5px 5px 10px !important;
}

.ReadOnlyText {
    color: #555;
}

.GridSelectedRow {
    background-color: #66FF99 !important;
}

/*------------- APPLICATION HEADER-----------------------*/
.AppHeader {
    color: #FFF;
    padding-left: 2px;
    padding-right: 2px;
}

    .AppHeader div {
        vertical-align: bottom;
    }

    .AppHeader table.InheritSize {
        width: inherit !important;
    }

    .AppHeader table td.Logo {
        height: auto;
    }

    .AppHeader .Title {
        margin-top: 11px;
        text-indent: -9999px;
        display: inline-block;
        width: 467px;
        height: 22px;
    }

    .AppHeader .UserInfo {
        display: inline-block;
        margin-top: 18px;
    }

        .AppHeader .UserInfo,
        .AppHeader .UserInfo span {
            font-size: 10pt !important;
            text-align: right;
            color: black;
            padding-left: 5px;
        }

            .AppHeader .UserInfo a:link,
            .AppHeader .UserInfo a:visited,
            .AppHeader .UserInfo a:hover {
                font-size: 10pt !important;
                color: black;
            }

    .AppHeader span.userDropDown {
        display: inline-block;
        padding: 2px 18px 0px 4px;
        background-image: url(../Images/user_dropdown_indicator.png);
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: center;
    }

        .AppHeader span.userDropDown ul.userDropDownMenu {
            text-align: right;
            display: none;
            position: absolute;
            margin: 0;
            margin-top: 1.1em;
            padding: 4px;
            list-style: none;
            background-color: aqua;
            border: solid 1px #ccc;
            z-index: 252;
            right: 15px;
        }

            .AppHeader span.userDropDown ul.userDropDownMenu li {
                padding: 2px 5px;
                text-align: right;
            }

                .AppHeader span.userDropDown ul.userDropDownMenu li a {
                    display: block;
                }

        .AppHeader span.userDropDown:hover {
            background-color: aqua;
            border: solid 1px #fff;
        }

            .AppHeader span.userDropDown:hover ul.userDropDownMenu {
                display: inline-block;
            }

.ChildGrid td {
    background-color: #eee !important;
    color: black;
    font-size: 10pt;
    line-height: 200%
}

.ChildGrid th {
    background-color: #6C6C6C !important;
    color: White;
    font-size: 10pt;
    line-height: 200%
}

.WrapText {
    word-wrap: normal !important;
    white-space: normal !important;
}

input.submitButton {
    width: 100px;
    margin: 1px 4px;
    padding: 4px 10px;
    border-radius: 20px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 10pt;
}

input.cancelButton {
    width: 80px;
    margin: 1px 4px;
    padding: 2px 5px;
    border-radius: 18px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 8pt;
}

.NoResize{
    resize:none;
}

.SubMenuDropDown {
    width: 298px !important;
    word-wrap: normal;
    word-break: keep-all;
}

.resize {
    width: auto;
    height: auto;
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
    display: none;
}