/*-----------------------------------------------------------------------------------------*/
/* DayDream Office Stylesheet */
/* 01/12/2019 */
/*-----------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------*/
/* Color Variables */
:root {
    /* Base Site */
    --ThemePageBackground: #FDFDF0;
    --ThemePageBackgroundHelp: whitesmoke;
    --ThemeBaseColor0: darkred;
    --ThemeBaseColor1: mediumblue;
    --ThemeBaseBackground: white;
    --ThemeBaseFontColor: black;
    --ThemeBaseBorderColor: black;
    --ThemeBaseHighlightedColor: khaki;
    --ThemeBaseDisabledBackground: gray;
    --ThemeBaseDisabledForeground: black;
    --ThemeBaseHeaderBackground: lightgray;
    --ThemeBaseHeaderForeground: black;
    --ThemeHoverColor: khaki;
    /* Grid */
    --ThemeGridHeaderBackground: darkred;
    --ThemeGridHeaderForeground: white;
    --ThemeGridBorderColor: darkred;
    --ThemeGridBackground: white;
    --ThemeGridForeground: black;
    --ThemeGridHoverBackground: darkgray;
    --ThemeGridHoverForeground: black;
    --ThemeGridAltBackground: khaki;
    --ThemeGridAltForeground: black;
    --ThemeGridAltHoverBackground: darkgray;
    --ThemeGridAltHoverForeground: black;
    /* Modal */
    --ThemeModalBackground: khaki;
    --ThemeModalForeground: black;
    --ThemeModalBorderColor: mediumblue;
    --ThemeModalHeaderBackground: darkred;
    --ThemeModalHeaderForeground: white;
    --ThemeModalFooterBackground: darkred;
    --ThemeModalFooterForeground: white;
    --ThemeModalSystemMessage: red;
    /* Objects */
    --ThemeObjectBackground: white;
    --ThemeObjectForeground: black;
    --ThemeObjectHoverBackground: darkred;
    --ThemeObjectHoverForeground: white;
    --ThemeObjectDisabledBackground: slategray;
    --ThemeObjectDisabledForeground: black;
    --ThemeModalObjectBackground: white;
    --ThemeModalObjectForeground: black;
    --ThemeModalObjectHoverBackground: darkred;
    --ThemeModalObjectHoverForeground: white;
    --ThemeModalObjectDisabledBackground: gray;
    --ThemeModalObjectDisabledForeground: black;
}

/*-----------------------------------------------------------------------------------------*/
/* Begin Body */
/* Last Updated: 06/21/2020 */
body {
    background-color: var(--ThemePageBackground);
    color: var(--ThemeBaseFontColor);
    font-family: Verdana, Helvetica, Arial, sans-serif;
    margin-top: 0;
    padding-top: 0;
    height: auto;
}

.D {
    display: none;
}

/* End Body */
/*-----------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------*/
/* Begin Ajax Tabs */
/* Last Updated: 06/21/2020 */

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
    height: 60px;
    width: 200px;
    font-size: medium;
    font-weight: bolder;
}

/* End Ajax Tabs */
/*-----------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------*/
/* Begin Auto Complete */
/* Last Updated: 06/21/2020 */

ul.ui-autocomplete {
    border-color: var(--ThemeGridBackground);
    border-width: 3px;
    font-weight: bold;
}

    ul.ui-autocomplete.ui-menu-item a.ui-state-focus li:hover {
        background: red;
        background-color: var(--ThemeGridHoverBackground);
        color: var(--ThemeGridHoverForeground);
    }

    ul.ui-autocomplete.ui-menu li:nth-child(odd) {
        background-color: var(--ThemeGridBackground);
        color: black;
        border: solid 1px var(--ThemeGridBorderColor);
        font-family: Arial;
        font-weight: bold;
        font-size: 12px;
        min-height: 25px;
    }

    ul.ui-autocomplete.ui-menu li:nth-child(even) {
        background-color: var(--ThemeGridAltBackground);
        color: black;
        border: solid 1px var(--ThemeGridBorderColor);
        font-family: Arial;
        font-weight: bold;
        font-size: 12px;
        min-height: 25px;
    }

    ul.ui-autocomplete.ui-menu li:first-child a {
        background-color: var(--ThemeGridBackground);
        color: black;
        font-family: Arial;
        font-weight: bold;
        font-size: 12px;
    }


/* End Auto-Complete */
/*-----------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
/* Begin A HREF*/
a .hlink:link {
    color: var(--ThemeBaseFontColor);
}

a.hlink:active {
    color: var(--ThemeBaseFontColor);
}

a.hlink:visited {
    color: var(--ThemeBaseFontColor);
}

a.hlink:hover {
    color: var(--ThemeBaseColor1);
}
/* End A HREF */
/*-----------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------*/
/* Begin Panel */
/* Last Updated: 06/21/2020 */
.Panel {
    background-color: var(--ThemePageBackground);
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    align-content: center;
    text-align: center;
}

.PanelHelp {
    background-color: var(--ThemePageBackgroundHelp);
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    align-content: center;
    text-align: center;
    border-width: 10px;
    border-color: brown;
}


.LoadingCentered {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -100px;
}

.HeaderPanel {
    border: 3px solid var(--ThemeModalBorderColor);
    border-radius: 12px;
    padding: 0;
}

.CollapsablePanel {
    background-color: var(--ThemePageBackground);
    height: 0px;
    overflow: hidden;
}

/* End Panel */
/*-----------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
/* Begin Container Shopping Cart */
.ShoppingCartContainer {
    color: var(--ThemeBaseFontColor);
    position: relative;
    text-align: center;
}

/* Centered text */
.ShoppingCartCentered {
    color: var(--ThemeBaseFontColor);
    position: absolute;
    font-size: medium;
    font-weight: bold;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* End Button Shopping Cart */
/*-----------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------*/
/* Begin Modal Loading */
/* Last Updated: 06/21/2020 */
.modalBackground {
    background-color: var(--ThemeBaseBackground);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    opacity: 0.8;
    filter: alpha(opacity=80);
    min-height: 100%;
    width: 100%;
}

.loading {
    background-color: transparent;
    font-family: Arial;
    font-size: 10pt;
    width: 200px;
    height: 200px;
    display: none;
    position: fixed;
    z-index: 999;
}
/* End Modal */
/*-----------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------*/
/* Begin Modal Popup */
/* Last Updated: 06/21/2020 */
.modalPopupBackground {
    background-color: white;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalPopup {
    background-color: var(--ThemeModalBackground);
    width: 700px;
    border: 3px solid var(--ThemeModalBorderColor);
    border-radius: 12px;
    padding: 0;
}

    .modalPopup .header {
        background-color: var(--ThemeModalHeaderBackground);
        color: var(--ThemeModalHeaderForeground);
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .modalPopup .body {
        background-color: var(--ThemeModalBackground);
        color: var(--ThemeModalForeground);
        padding: 10px;
        min-height: 50px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        overflow: auto;
        list-style-type: square;
        height: 50px;
    }

    .modalPopup .sysmsgbody {
        background-color: var(--ThemeModalBackground);
        color: var(--ThemeModalSystemMessage);
        padding: 10px;
        min-height: 50px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        overflow: auto;
        list-style-type: square;
        height: 50px;
    }

    .modalPopup .footer {
        background-color: var(--ThemeModalFooterBackground);
        color: var(--ThemeModalFooterForeground);
        padding: 6px;
    }

    .modalPopup .button {
        background-color: var(--ThemeModalObjectBackground);
        color: var(--ThemeModalObjectForeground);
        border-color: var(--ThemeBaseBorderColor);
        height: 40px;
        width: 100px;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-image: url('Images/img_select.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalPopup .button:disabled {
            background-color: var(--ThemeModalObjectDisabledBackground);
            color: var(--ThemeModalObjectDisabledForeground);
            border-color: var(--ThemeBaseBorderColor);
            display: none;
            height: 40px;
            width: 100px;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-image: url('Images/img_select.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalPopup .button:hover {
            background-color: var(--ThemeModalObjectHoverBackground);
            color: var(--ThemeModalObjectHoverForeground);
            border-color: var(--ThemeBaseBorderColor);
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_select.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

    .modalPopup .buttonCancel {
        background-color: var(--ThemeModalObjectBackground);
        color: var(--ThemeModalObjectForeground);
        border-color: var(--ThemeBaseBorderColor);
        height: 40px;
        width: 100px;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-image: url('Images/img_cancel.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalPopup .buttonCancel:disabled {
            background-color: var(--ThemeModalObjectDisabledBackground);
            color: var(--ThemeModalObjectDisabledForeground);
            border-color: var(--ThemeBaseBorderColor);
            display: none;
            height: 40px;
            width: 100px;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-image: url('Images/img_cancel.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalPopup .buttonCancel:hover {
            background-color: var(--ThemeModalObjectHoverBackground);
            color: var(--ThemeModalObjectHoverForeground);
            border-color: var(--ThemeBaseBorderColor);
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_cancel.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

    .modalPopup .buttonYes {
        background-color: var(--ThemeModalObjectBackground);
        color: var(--ThemeModalObjectForeground);
        border-color: var(--ThemeBaseBorderColor);
        height: 40px;
        width: 100px;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-image: url('Images/img_yes.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalPopup .buttonYes:disabled {
            background-color: var(--ThemeModalObjectDisabledBackground);
            color: var(--ThemeModalObjectDisabledForeground);
            border-color: var(--ThemeBaseBorderColor);
            display: none;
            height: 40px;
            width: 100px;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-image: url('Images/img_yes.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalPopup .buttonYes:hover {
            background-color: var(--ThemeModalObjectHoverBackground);
            color: var(--ThemeModalObjectHoverForeground);
            border-color: var(--ThemeBaseBorderColor);
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_yes.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

    .modalPopup .buttonNo {
        background-color: var(--ThemeModalObjectBackground);
        color: var(--ThemeModalObjectForeground);
        border-color: var(--ThemeBaseBorderColor);
        height: 40px;
        width: 100px;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-image: url('Images/img_no.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalPopup .buttonNo:disabled {
            background-color: var(--ThemeModalObjectDisabledBackground);
            color: var(--ThemeModalObjectDisabledForeground);
            border-color: var(--ThemeBaseBorderColor);
            display: none;
            height: 40px;
            width: 100px;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-image: url('Images/img_no.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalPopup .buttonNo:hover {
            background-color: var(--ThemeModalObjectHoverBackground);
            color: var(--ThemeModalObjectHoverForeground);
            border-color: var(--ThemeBaseBorderColor);
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_no.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

    .modalPopup .buttonSave {
        background-color: var(--ThemeModalObjectBackground);
        color: var(--ThemeModalObjectForeground);
        border-color: var(--ThemeBaseBorderColor);
        height: 40px;
        width: 100px;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-image: url('Images/img_update.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalPopup .buttonSave:disabled {
            background-color: var(--ThemeModalObjectDisabledBackground);
            color: var(--ThemeModalObjectDisabledForeground);
            border-color: var(--ThemeBaseBorderColor);
            display: none;
            height: 40px;
            width: 100px;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-image: url('Images/img_update.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalPopup .buttonSave:hover {
            background-color: var(--ThemeModalObjectHoverBackground);
            color: var(--ThemeModalObjectHoverForeground);
            border-color: var(--ThemeBaseBorderColor);
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_update.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

    .modalPopup .buttonDelete {
        background-color: var(--ThemeModalObjectBackground);
        color: var(--ThemeModalObjectForeground);
        border-color: var(--ThemeBaseBorderColor);
        height: 40px;
        width: 100px;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-image: url('Images/img_delete.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalPopup .buttonDelete:disabled {
            background-color: var(--ThemeModalObjectDisabledBackground);
            color: var(--ThemeModalObjectDisabledForeground);
            border-color: var(--ThemeBaseBorderColor);
            display: none;
            height: 40px;
            width: 100px;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-image: url('Images/img_delete.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalPopup .buttonDelete:hover {
            background-color: var(--ThemeModalObjectHoverBackground);
            color: var(--ThemeModalObjectHoverForeground);
            border-color: var(--ThemeBaseBorderColor);
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_delete.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

    .modalPopup .buttonOk {
        background-color: var(--ThemeModalObjectBackground);
        color: var(--ThemeModalObjectForeground);
        border-color: var(--ThemeBaseBorderColor);
        height: 40px;
        width: 100px;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-image: url('Images/img_ok.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalPopup .buttonOk:disabled {
            background-color: var(--ThemeModalObjectDisabledBackground);
            color: var(--ThemeModalObjectDisabledForeground);
            border-color: var(--ThemeBaseBorderColor);
            display: none;
            height: 40px;
            width: 100px;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-image: url('Images/img_ok.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalPopup .buttonOk:hover {
            background-color: var(--ThemeModalObjectHoverBackground);
            color: var(--ThemeModalObjectHoverForeground);
            border-color: var(--ThemeBaseBorderColor);
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_ok.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

    .modalPopup .buttonPreview {
        background-color: var(--ThemeModalObjectBackground);
        color: var(--ThemeModalObjectForeground);
        border-color: var(--ThemeBaseBorderColor);
        height: 40px;
        width: 100px;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-image: url('Images/img_preview.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalPopup .buttonPreview:disabled {
            background-color: var(--ThemeModalObjectDisabledBackground);
            color: var(--ThemeModalObjectDisabledForeground);
            border-color: var(--ThemeBaseBorderColor);
            display: none;
            height: 40px;
            width: 100px;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-image: url('Images/img_preview.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalPopup .buttonPreview:hover {
            background-color: var(--ThemeModalObjectHoverBackground);
            color: var(--ThemeModalObjectHoverForeground);
            border-color: var(--ThemeBaseBorderColor);
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_preview.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

    .modalPopup .buttonClipboard {
        background-color: var(--ThemeModalObjectBackground);
        color: var(--ThemeModalObjectForeground);
        border-color: var(--ThemeBaseBorderColor);
        height: 40px;
        width: 100px;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-image: url('Images/img_clipboard.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalPopup .buttonClipboard:disabled {
            background-color: var(--ThemeModalObjectDisabledBackground);
            color: var(--ThemeModalObjectDisabledForeground);
            border-color: var(--ThemeBaseBorderColor);
            display: none;
            height: 40px;
            width: 100px;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-image: url('Images/img_clipboard.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalPopup .buttonClipboard:hover {
            background-color: var(--ThemeModalObjectHoverBackground);
            color: var(--ThemeModalObjectHoverForeground);
            border-color: var(--ThemeBaseBorderColor);
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_clipboard.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

    .modalPopup .buttonPrint {
        background-color: var(--ThemeModalObjectBackground);
        color: var(--ThemeModalObjectForeground);
        border-color: var(--ThemeBaseBorderColor);
        height: 40px;
        width: 100px;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-image: url('Images/img_print.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalPopup .buttonPrint:disabled {
            background-color: var(--ThemeModalObjectDisabledBackground);
            color: var(--ThemeModalObjectDisabledForeground);
            border-color: var(--ThemeBaseBorderColor);
            display: none;
            height: 40px;
            width: 100px;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-image: url('Images/img_print.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalPopup .buttonPrint:hover {
            background-color: var(--ThemeModalObjectHoverBackground);
            color: var(--ThemeModalObjectHoverForeground);
            border-color: var(--ThemeBaseBorderColor);
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_print.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

    .modalPopup .buttonImport {
        background-color: var(--ThemeModalObjectBackground);
        color: var(--ThemeModalObjectForeground);
        border-color: var(--ThemeBaseBorderColor);
        height: 40px;
        width: 100px;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-image: url('Images/img_import.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalPopup .buttonImport:disabled {
            background-color: var(--ThemeModalObjectDisabledBackground);
            color: var(--ThemeModalObjectDisabledForeground);
            border-color: var(--ThemeBaseBorderColor);
            display: none;
            height: 40px;
            width: 100px;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-image: url('Images/img_import.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalPopup .buttonImport:hover {
            background-color: var(--ThemeModalObjectHoverBackground);
            color: var(--ThemeModalObjectHoverForeground);
            border-color: var(--ThemeBaseBorderColor);
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_import.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

    .modalPopup .buttonTemplate {
        background-color: var(--ThemeModalObjectBackground);
        color: var(--ThemeModalObjectForeground);
        border-color: var(--ThemeBaseBorderColor);
        height: 40px;
        width: 100px;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-image: url('Images/img_csv.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalPopup .buttonTemplate:disabled {
            background-color: var(--ThemeModalObjectDisabledBackground);
            color: var(--ThemeModalObjectDisabledForeground);
            border-color: var(--ThemeBaseBorderColor);
            display: none;
            height: 40px;
            width: 100px;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-image: url('Images/img_csv.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalPopup .buttonTemplate:hover {
            background-color: var(--ThemeModalObjectHoverBackground);
            color: var(--ThemeModalObjectHoverForeground);
            border-color: var(--ThemeBaseBorderColor);
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_csv.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

.modalPopupExtendedBackground {
    background-color: white;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalPopupExtended {
    background-color: var(--ThemeModalBackground);
    width: 950px;
    border: 3px solid var(--ThemeModalBorderColor);
    border-radius: 12px;
    padding: 0;
}

    .modalPopupExtended .header {
        background-color: var(--ThemeModalHeaderBackground);
        color: var(--ThemeModalHeaderForeground);
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .modalPopupExtended .body {
        background-color: var(--ThemeModalBackground);
        color: var(--ThemeModalForeground);
        padding: 10px;
        min-height: 50px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        overflow: auto;
        list-style-type: square;
        height: 50px;
    }

    .modalPopupExtended .sysmsgbody {
        background-color: var(--ThemeModalBackground);
        color: var(--ThemeModalSystemMessage);
        padding: 10px;
        min-height: 50px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        overflow: auto;
        list-style-type: square;
        height: 50px;
    }

    .modalPopupExtended .footer {
        background-color: var(--ThemeModalFooterBackground);
        color: var(--ThemeModalFooterForeground);
        padding: 6px;
    }

    .modalPopupExtended .button {
        background-color: var(--ThemeModalObjectBackground);
        color: var(--ThemeModalObjectForeground);
        border-color: var(--ThemeBaseBorderColor);
        height: 40px;
        width: 100px;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-image: url('Images/img_select.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalPopupExtended .button:disabled {
            background-color: var(--ThemeModalObjectDisabledBackground);
            color: var(--ThemeModalObjectDisabledForeground);
            border-color: var(--ThemeBaseBorderColor);
            display: none;
            height: 40px;
            width: 100px;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-image: url('Images/img_select.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalPopupExtended .button:hover {
            background-color: var(--ThemeModalObjectHoverBackground);
            color: var(--ThemeModalObjectHoverForeground);
            border-color: var(--ThemeBaseBorderColor);
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_select.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

    .modalPopupExtended .buttonCancel {
        background-color: var(--ThemeModalObjectBackground);
        color: var(--ThemeModalObjectForeground);
        border-color: var(--ThemeBaseBorderColor);
        height: 40px;
        width: 100px;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-image: url('Images/img_cancel.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalPopupExtended .buttonCancel:disabled {
            background-color: var(--ThemeModalObjectDisabledBackground);
            color: var(--ThemeModalObjectDisabledForeground);
            border-color: var(--ThemeBaseBorderColor);
            display: none;
            height: 40px;
            width: 100px;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-image: url('Images/img_cancel.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalPopupExtended .buttonCancel:hover {
            background-color: var(--ThemeModalObjectHoverBackground);
            color: var(--ThemeModalObjectHoverForeground);
            border-color: var(--ThemeBaseBorderColor);
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_cancel.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

    .modalPopupExtended .buttonYes {
        background-color: var(--ThemeModalObjectBackground);
        color: var(--ThemeModalObjectForeground);
        border-color: var(--ThemeBaseBorderColor);
        height: 40px;
        width: 100px;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-image: url('Images/img_yes.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalPopupExtended .buttonYes:disabled {
            background-color: var(--ThemeModalObjectDisabledBackground);
            color: var(--ThemeModalObjectDisabledForeground);
            border-color: var(--ThemeBaseBorderColor);
            display: none;
            height: 40px;
            width: 100px;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-image: url('Images/img_yes.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalPopupExtended .buttonYes:hover {
            background-color: var(--ThemeModalObjectHoverBackground);
            color: var(--ThemeModalObjectHoverForeground);
            border-color: var(--ThemeBaseBorderColor);
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_yes.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

    .modalPopupExtended .buttonNo {
        background-color: var(--ThemeModalObjectBackground);
        color: var(--ThemeModalObjectForeground);
        border-color: var(--ThemeBaseBorderColor);
        height: 40px;
        width: 100px;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-image: url('Images/img_no.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalPopupExtended .buttonNo:disabled {
            background-color: var(--ThemeModalObjectDisabledBackground);
            color: var(--ThemeModalObjectDisabledForeground);
            border-color: var(--ThemeBaseBorderColor);
            display: none;
            height: 40px;
            width: 100px;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-image: url('Images/img_no.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalPopupExtended .buttonNo:hover {
            background-color: var(--ThemeModalObjectHoverBackground);
            color: var(--ThemeModalObjectHoverForeground);
            border-color: var(--ThemeBaseBorderColor);
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_no.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

    .modalPopupExtended .buttonSave {
        background-color: var(--ThemeModalObjectBackground);
        color: var(--ThemeModalObjectForeground);
        border-color: var(--ThemeBaseBorderColor);
        height: 40px;
        width: 100px;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-image: url('Images/img_update.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalPopupExtended .buttonSave:disabled {
            background-color: var(--ThemeModalObjectDisabledBackground);
            color: var(--ThemeModalObjectDisabledForeground);
            border-color: var(--ThemeBaseBorderColor);
            display: none;
            height: 40px;
            width: 100px;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-image: url('Images/img_update.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalPopupExtended .buttonSave:hover {
            background-color: var(--ThemeModalObjectHoverBackground);
            color: var(--ThemeModalObjectHoverForeground);
            border-color: var(--ThemeBaseBorderColor);
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_update.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

    .modalPopupExtended .buttonDelete {
        background-color: var(--ThemeModalObjectBackground);
        color: var(--ThemeModalObjectForeground);
        border-color: var(--ThemeBaseBorderColor);
        height: 40px;
        width: 100px;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-image: url('Images/img_delete.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalPopupExtended .buttonDelete:disabled {
            background-color: var(--ThemeModalObjectDisabledBackground);
            color: var(--ThemeModalObjectDisabledForeground);
            border-color: var(--ThemeBaseBorderColor);
            display: none;
            height: 40px;
            width: 100px;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-image: url('Images/img_delete.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalPopupExtended .buttonDelete:hover {
            background-color: var(--ThemeModalObjectHoverBackground);
            color: var(--ThemeModalObjectHoverForeground);
            border-color: var(--ThemeBaseBorderColor);
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_delete.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

    .modalPopupExtended .buttonOk {
        background-color: var(--ThemeModalObjectBackground);
        color: var(--ThemeModalObjectForeground);
        border-color: var(--ThemeBaseBorderColor);
        height: 40px;
        width: 100px;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-image: url('Images/img_ok.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalPopupExtended .buttonOk:disabled {
            background-color: var(--ThemeModalObjectDisabledBackground);
            color: var(--ThemeModalObjectDisabledForeground);
            border-color: var(--ThemeBaseBorderColor);
            display: none;
            height: 40px;
            width: 100px;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-image: url('Images/img_ok.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalPopupExtended .buttonOk:hover {
            background-color: var(--ThemeModalObjectHoverBackground);
            color: var(--ThemeModalObjectHoverForeground);
            border-color: var(--ThemeBaseBorderColor);
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_ok.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

    .modalPopupExtended .buttonPreview {
        background-color: var(--ThemeModalObjectBackground);
        color: var(--ThemeModalObjectForeground);
        border-color: var(--ThemeBaseBorderColor);
        height: 40px;
        width: 100px;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-image: url('Images/img_preview.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalPopupExtended .buttonPreview:disabled {
            background-color: var(--ThemeModalObjectDisabledBackground);
            color: var(--ThemeModalObjectDisabledForeground);
            border-color: var(--ThemeBaseBorderColor);
            display: none;
            height: 40px;
            width: 100px;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-image: url('Images/img_preview.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalPopupExtended .buttonPreview:hover {
            background-color: var(--ThemeModalObjectHoverBackground);
            color: var(--ThemeModalObjectHoverForeground);
            border-color: var(--ThemeBaseBorderColor);
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_preview.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

    .modalPopupExtended .buttonClipboard {
        background-color: var(--ThemeModalObjectBackground);
        color: var(--ThemeModalObjectForeground);
        border-color: var(--ThemeBaseBorderColor);
        height: 40px;
        width: 100px;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-image: url('Images/img_clipboard.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalPopupExtended .buttonClipboard:disabled {
            background-color: var(--ThemeModalObjectDisabledBackground);
            color: var(--ThemeModalObjectDisabledForeground);
            border-color: var(--ThemeBaseBorderColor);
            display: none;
            height: 40px;
            width: 100px;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-image: url('Images/img_clipboard.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalPopupExtended .buttonClipboard:hover {
            background-color: var(--ThemeModalObjectHoverBackground);
            color: var(--ThemeModalObjectHoverForeground);
            border-color: var(--ThemeBaseBorderColor);
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_clipboard.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

    .modalPopupExtended .buttonPrint {
        background-color: var(--ThemeModalObjectBackground);
        color: var(--ThemeModalObjectForeground);
        border-color: var(--ThemeBaseBorderColor);
        height: 40px;
        width: 100px;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-image: url('Images/img_print.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalPopupExtended .buttonPrint:disabled {
            background-color: var(--ThemeModalObjectDisabledBackground);
            color: var(--ThemeModalObjectDisabledForeground);
            border-color: var(--ThemeBaseBorderColor);
            display: none;
            height: 40px;
            width: 100px;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-image: url('Images/img_print.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalPopupExtended .buttonPrint:hover {
            background-color: var(--ThemeModalObjectHoverBackground);
            color: var(--ThemeModalObjectHoverForeground);
            border-color: var(--ThemeBaseBorderColor);
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_print.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

    .modalPopupExtended .buttonImport {
        background-color: var(--ThemeModalObjectBackground);
        color: var(--ThemeModalObjectForeground);
        border-color: var(--ThemeBaseBorderColor);
        height: 40px;
        width: 100px;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-image: url('Images/img_import.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalPopupExtended .buttonImport:disabled {
            background-color: var(--ThemeModalObjectDisabledBackground);
            color: var(--ThemeModalObjectDisabledForeground);
            border-color: var(--ThemeBaseBorderColor);
            display: none;
            height: 40px;
            width: 100px;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-image: url('Images/img_import.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalPopupExtended .buttonImport:hover {
            background-color: var(--ThemeModalObjectHoverBackground);
            color: var(--ThemeModalObjectHoverForeground);
            border-color: var(--ThemeBaseBorderColor);
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_import.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

    .modalPopupExtended .buttonTemplate {
        background-color: var(--ThemeModalObjectBackground);
        color: var(--ThemeModalObjectForeground);
        border-color: var(--ThemeBaseBorderColor);
        height: 40px;
        width: 100px;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-image: url('Images/img_csv.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalPopupExtended .buttonTemplate:disabled {
            background-color: var(--ThemeModalObjectDisabledBackground);
            color: var(--ThemeModalObjectDisabledForeground);
            border-color: var(--ThemeBaseBorderColor);
            display: none;
            height: 40px;
            width: 100px;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-image: url('Images/img_csv.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalPopupExtended .buttonTemplate:hover {
            background-color: var(--ThemeModalObjectHoverBackground);
            color: var(--ThemeModalObjectHoverForeground);
            border-color: var(--ThemeBaseBorderColor);
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_csv.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

/* End Modal Popup */
/*-----------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------*/
/* Begin Header/Footer */
/* Last Updated: 06/21/2020 */
.HeaderText {
    color: var(--ThemeBaseColor0);
    background-color: var(--ThemePageBackground);
    font-size: 36px;
    text-align: center;
}

.VersionText {
    color: var(--ThemeBaseColor1);
    background-color: var(--ThemePageBackground);
    font-size: 12px;
    text-align: center;
    padding: 0px;
}

.DisplayNone {
    font-weight: bold;
    font-size: large;
    text-align: center;
    display: none;
}

.GridEmptyDataText {
    color: var(--ThemeBaseFontColor);
    font-weight: bold;
    font-size: large;
    text-align: center;
}

.LicenseText {
    color: var(--ThemeBaseColor1);
    background-color: var(--ThemeBaseBackground);
    font-size: large;
    text-align: center;
    padding: 0px;
}
/* End Header/Footer */
/*-----------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------*/
/* Begin DataGrid */
/* Last Updated: 06/21/2020 */
.DataGrid {
    border: solid 2px var(--ThemeGridBorderColor);
}

.CellLeftText {
    color: var(--ThemeModalForeground);
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    text-align: left;
}

.CellRightText {
    color: var(--ThemeModalForeground);
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    text-align: right;
}

.CellCenterText {
    color: var(--ThemeModalForeground);
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    text-align: center;
}

.header {
    background-color: var(--ThemeGridHeaderBackground);
    color: var(--ThemeGridHeaderForeground);
    border: solid 1px var(--ThemeGridBorderColor);
    font-family: Arial;
    height: 25px;
    text-align: center;
    font-size: 12px;
    position: relative;
    top: expression(this.offsetParent.scrollTop);
    z-index: 10;
}

    .header a:link {
        background-color: var(--ThemeGridHeaderBackground);
        color: var(--ThemeGridHeaderForeground);
        font-family: Arial;
        height: 25px;
        text-align: center;
        font-size: 12px;
        position: relative;
        top: expression(this.offsetParent.scrollTop);
        z-index: 10;
    }

.rows {
    background-color: var(--ThemeGridBackground);
    border: solid 1px var(--ThemeGridBorderColor);
    font-family: Arial;
    font-size: 12px;
    color: var(--ThemeGridForeground);
    min-height: 25px;
}

    .rows:hover {
        background-color: var(--ThemeGridHoverBackground);
        color: var(--ThemeGridHoverForeground);
        font-family: Arial;
    }

.altrows {
    background-color: var(--ThemeGridAltBackground);
    color: var(--ThemeGridAltForeground);
    border: solid 1px var(--ThemeGridBorderColor);
    font-family: Arial;
    font-size: 12px;
    min-height: 25px;
}

    .altrows:hover {
        background-color: var(--ThemeGridAltHoverBackground);
        color: var(--ThemeGridAltForeground);
        font-family: Arial;
    }

.selectedrow {
    background-color: var(--ThemeGridBackground);
    color: var(--ThemeGridForeground);
    font-family: Arial;
    font-weight: bold;
    text-align: left;
}

.pager {
    background-color: var(--ThemeGridHeaderBackground);
    color: var(--ThemeGridHeaderForeground);
    font-family: Arial;
    font-size: medium;
    height: 30px;
    text-align: left;
    text-indent: 25px;
}

    .pager a:link {
        text-align: left;
    }

/* End DataGrid */
/*-----------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------*/
/* Begin DataGrid DropDown */
/* Last UpdateL 06/21/2020 */
.DataGridDropDown {
    border: solid 4px var(--ThemeBaseBorderColor);
}
/* End DataGrid DropDown */
/*-----------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------*/
/* Begin AutoComplete DropDown */
/* Last Updated: 06/21/2020 */
.ListItem {
    color: var(--ThemeBaseFontColor);
}

.ItemHighlighted {
    color: var(--ThemeBaseHighlightedcolor)
}
/* End DataGrid DropDown */
/*-----------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------*/
/* Begin Input Boxes */
/* Last Updated: 06/21/2020 */
.TextBox {
    background-color: var(--ThemeBaseBackground);
    color: var(--ThemeBaseFontColor);
    border: 1px solid var(--ThemeBaseBorderColor);
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    height: 25px;
    text-align: left;
}

    .TextBox:Hover {
        background-color: var(--ThemeHoverColor);
        color: var(--ThemeBaseFontColor);
        border: 1px solid var(--ThemeBaseBorderColor);
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        height: 25px;
        text-align: left;
    }

    .TextBox:focus {
        background-color: var(--ThemeBaseHighlightedcolor);
        color: var(--ThemeBaseFontColor);
        border: 1px solid var(--ThemeBaseBorderColor);
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        height: 25px;
        text-align: left;
    }

    .TextBox:disabled {
        background-color: var(--ThemeBaseDisabledBackground);
        border: 1px solid var(--ThemeBaseBorderColor);
        color: var(--ThemeBaseDisabledForeground);
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        height: 25px;
        text-align: left;
    }

    .TextBox:read-only {
        background-color: var(--ThemeBaseDisabledBackground);
        border: 1px solid var(--ThemeBaseBorderColor);
        color: var(--ThemeBaseDisabledForeground);
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        height: 25px;
        text-align: left;
    }

.TextBoxNumeric {
    background-color: var(--ThemeBaseBackground);
    color: var(--ThemeBaseFontColor);
    border: 1px solid var(--ThemeBaseBorderColor);
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    height: 25px;
    text-align: right;
}

    .TextBoxNumeric:Hover {
        background-color: var(--ThemeHoverColor);
        color: var(--ThemeBaseFontColor);
        border: 1px solid var(--ThemeBaseBorderColor);
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        height: 25px;
        text-align: right;
    }

    .TextBoxNumeric:focus {
        background-color: var(--ThemeBaseHighlightedcolor);
        color: var(--ThemeBaseFontColor);
        border: 1px solid var(--ThemeBaseBorderColor);
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        height: 25px;
    }

    .TextBoxNumeric:disabled {
        background-color: var(--ThemeBaseDisabledBackground);
        border: 1px solid var(--ThemeBaseBorderColor);
        color: var(--ThemeBaseDisabledForeground);
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        height: 25px;
    }

    .TextBoxNumeric:read-only {
        background-color: var(--ThemeBaseDisabledBackground);
        border: 1px solid var(--ThemeBaseBorderColor);
        color: var(--ThemeBaseDisabledForeground);
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        height: 25px;
    }

.TextBoxNoEdit {
    background-color: var(--ThemeBaseDisabledBackground);
    border: 1px solid var(--ThemeBaseBorderColor);
    color: var(--ThemeBaseDisabledForeground);
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    height: 25px;
    text-align: left;
}

    .TextBoxNoEdit:Hover {
        background-color: var(--ThemeHoverColor);
        color: var(--ThemeBaseFontColor);
        border: 1px solid var(--ThemeBaseBorderColor);
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        height: 25px;
        text-align: left;
    }

    .TextBoxNoEdit:focus {
        background-color: var(--ThemeBaseDisabledBackground);
        border: 1px solid var(--ThemeBaseBorderColor);
        color: var(--ThemeBaseDisabledForeground);
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        height: 25px;
        text-align: left;
    }

    .TextBoxNoEdit:disabled {
        background-color: var(--ThemeBaseDisabledBackground);
        border: 1px solid var(--ThemeBaseBorderColor);
        color: var(--ThemeBaseDisabledForeground);
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        height: 25px;
        text-align: left;
    }

    .TextBoxNoEdit:read-only {
        background-color: var(--ThemeBaseDisabledBackground);
        border: 1px solid var(--ThemeBaseBorderColor);
        color: var(--ThemeBaseDisabledForeground);
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        height: 25px;
        text-align: left;
    }

.Label {
    // background-color: var(--ThemeBaseBackground);
    color: var(--ThemeBaseFontColor);
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
}

.LabelGrid {
    // background-color: var(--ThemeBaseBackground);
    color: var(--ThemeBaseFontColor);
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}

.LookupTextBoxSearch {
    background-color: var(--ThemeBaseBackground);
    color: var(--ThemeBaseFontColor);
    border: 1px solid var(--ThemeBaseBorderColor);
    background-image: url(Images/img_search.png);
    background-size: 18px 18px;
    background-position: right;
    background-repeat: no-repeat;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    height: 25px;
    text-align: left;
    align-content: center;
}

    .LookupTextBoxSearch:Hover {
        background-color: var(--ThemeHoverColor);
        color: var(--ThemeBaseFontColor);
        border: 1px solid var(--ThemeBaseBorderColor);
        background-image: url(Images/img_search.png);
        background-size: 18px 18px;
        background-position: right;
        background-repeat: no-repeat;
        font-family: Arial;
        font-size: 15px;
        font-weight: bold;
        height: 25px;
        text-align: left;
        align-content: center;
    }

    .LookupTextBoxSearch:focus {
        background-color: var(--ThemeBaseHighlightedcolor);
        color: var(--ThemeBaseFontColor);
        border: 1px solid var(--ThemeBaseBorderColor);
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        height: 25px;
        text-align: left;
        align-content: center;
    }

    .LookupTextBoxSearch:disabled {
        background-color: var(--ThemeBaseDisabledBackground);
        border: 1px solid var(--ThemeBaseBorderColor);
        color: var(--ThemeBaseDisabledForeground);
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        height: 25px;
        text-align: left;
        align-content: center;
    }

.DropBox {
    background-color: var(--ThemeBaseBackground);
    color: var(--ThemeBaseFontColor);
    border: 1px solid var(--ThemeBaseBorderColor);
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    width: 200px;
    height: 25px;
    color: var(--ThemeBaseFontColor);
    width: 200px;
}

    .DropBox:Hover {
        background-color: var(--ThemeHoverColor);
        color: var(--ThemeBaseFontColor);
        border: 1px solid var(--ThemeBaseBorderColor);
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        width: 200px;
        height: 25px;
    }

    .DropBox:focus {
        background-color: var(--ThemeBaseHighlightedcolor);
        color: var(--ThemeBaseFontColor);
        border: 1px solid var(--ThemeBaseBorderColor);
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        width: 200px;
        height: 25px;
        text-align: left;
        align-content: center;
    }

    .DropBox:disabled {
        background-color: var(--ThemeBaseDisabledBackground);
        border: 1px solid var(--ThemeBaseBorderColor);
        color: var(--ThemeBaseDisabledForeground);
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        width: 200px;
        height: 25px;
    }

.EditCheckBox input {
    background-color: var(--ThemeBaseBackground);
    color: var(--ThemeBaseFontColor);
    border: 1px solid var(--ThemeBaseBorderColor);
    display: inline !important;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    width: 25px;
    height: 25px;
}

/* End Input Boxes */
/*-----------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------*/
/* Begin AutoComplete GridView */
.TBDncTeamName {
    background-color: var(--ThemeBaseBackground);
    color: var(--ThemeBaseFontColor);
    border: 1px solid var(--ThemeBaseBorderColor);
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    text-align: left;
}

    .TBDncTeamName:Hover {
        background-color: var(--ThemeHoverColor);
        color: var(--ThemeBaseFontColor);
        border: 1px solid var(--ThemeBaseBorderColor);
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        height: 25px;
        text-align: left;
    }

    .TBDncTeamName:focus {
        background-color: var(--ThemeBaseHighlightedcolor);
        color: var(--ThemeBaseFontColor);
        border: 1px solid var(--ThemeBaseBorderColor);
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        height: 25px;
        text-align: left;
    }

    .TBDncTeamName:disabled {
        background-color: var(--ThemeBaseDisabledBackground);
        border: 1px solid var(--ThemeBaseBorderColor);
        color: var(--ThemeBaseDisabledForeground);
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        height: 25px;
        text-align: left;
    }

    .TBDncTeamName:read-only {
        background-color: var(--ThemeBaseDisabledBackground);
        border: 1px solid var(--ThemeBaseBorderColor);
        color: var(--ThemeBaseDisabledForeground);
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        height: 25px;
        text-align: left;
    }

.TBDncSongTitles {
    background-color: var(--ThemeBaseBackground);
    color: var(--ThemeBaseFontColor);
    border: 1px solid var(--ThemeBaseBorderColor);
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    text-align: left;
}

    .TBDncSongTitles:Hover {
        background-color: var(--ThemeHoverColor);
        color: var(--ThemeBaseFontColor);
        border: 1px solid var(--ThemeBaseBorderColor);
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        height: 25px;
        text-align: left;
    }

    .TBDncSongTitles:focus {
        background-color: var(--ThemeBaseHighlightedcolor);
        color: var(--ThemeBaseFontColor);
        border: 1px solid var(--ThemeBaseBorderColor);
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        height: 25px;
        text-align: left;
    }

    .TBDncSongTitles:disabled {
        background-color: var(--ThemeBaseDisabledBackground);
        border: 1px solid var(--ThemeBaseBorderColor);
        color: var(--ThemeBaseDisabledForeground);
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        height: 25px;
        text-align: left;
    }

    .TBDncSongTitles:read-only {
        background-color: var(--ThemeBaseDisabledBackground);
        border: 1px solid var(--ThemeBaseBorderColor);
        color: var(--ThemeBaseDisabledForeground);
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        height: 25px;
        text-align: left;
    }

.TBDncName {
    background-color: var(--ThemeBaseBackground);
    color: var(--ThemeBaseFontColor);
    border: 1px solid var(--ThemeBaseBorderColor);
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    text-align: left;
}

    .TBDncName:Hover {
        background-color: var(--ThemeHoverColor);
        color: var(--ThemeBaseFontColor);
        border: 1px solid var(--ThemeBaseBorderColor);
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        height: 25px;
        text-align: left;
    }

    .TBDncName:focus {
        background-color: var(--ThemeBaseHighlightedcolor);
        color: var(--ThemeBaseFontColor);
        border: 1px solid var(--ThemeBaseBorderColor);
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        height: 25px;
        text-align: left;
    }

    .TBDncName:disabled {
        background-color: var(--ThemeBaseDisabledBackground);
        border: 1px solid var(--ThemeBaseBorderColor);
        color: var(--ThemeBaseDisabledForeground);
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        height: 25px;
        text-align: left;
    }

    .TBDncName:read-only {
        background-color: var(--ThemeBaseDisabledBackground);
        border: 1px solid var(--ThemeBaseBorderColor);
        color: var(--ThemeBaseDisabledForeground);
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        height: 25px;
        text-align: left;
    }

.TBDncAge {
    background-color: var(--ThemeBaseBackground);
    color: var(--ThemeBaseFontColor);
    border: 1px solid var(--ThemeBaseBorderColor);
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    text-align: left;
}

    .TBDncAge:Hover {
        background-color: var(--ThemeHoverColor);
        color: var(--ThemeBaseFontColor);
        border: 1px solid var(--ThemeBaseBorderColor);
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        height: 25px;
        text-align: left;
    }

    .TBDncAge:focus {
        background-color: var(--ThemeBaseHighlightedcolor);
        color: var(--ThemeBaseFontColor);
        border: 1px solid var(--ThemeBaseBorderColor);
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        height: 25px;
        text-align: left;
    }

    .TBDncAge:disabled {
        background-color: var(--ThemeBaseDisabledBackground);
        border: 1px solid var(--ThemeBaseBorderColor);
        color: var(--ThemeBaseDisabledForeground);
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        height: 25px;
        text-align: left;
    }

    .TBDncAge:read-only {
        background-color: var(--ThemeBaseDisabledBackground);
        border: 1px solid var(--ThemeBaseBorderColor);
        color: var(--ThemeBaseDisabledForeground);
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        height: 25px;
        text-align: left;
    }
/* End GridView Auto Complete */
/*-----------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------*/
/* Begin Input Headers */
/* Last Updated: 06/21/2020 */
.DetailTableHeader {
    background-color: var(--ThemeBaseHeaderBackground);
    color: var(--ThemeBaseHeaderForeground);
    font-size: 12px;
    font-weight: bolder;
    font-family: Arial;
    vertical-align: middle;
    white-space: normal;
    cursor: pointer;
    outline: 0 none;
    text-align: left;
    vertical-align: middle;
}

.DetailTableHeaderMessage {
    background-color: var(--ThemeBaseHeaderBackground);
    color: var(--ThemeModalSystemMessage);
    font-size: 14px;
    font-weight: bolder;
    font-family: Arial;
    vertical-align: middle;
    white-space: normal;
    cursor: pointer;
    outline: 0 none;
    text-align: center;
    vertical-align: middle;
}

.DetailTableHeaderCenter {
    background-color: var(--ThemeGridHeaderBackground);
    color: var(--ThemeGridHeaderForeground);
    font-size: 16px;
    font-weight: bold;
    font-family: Arial;
    vertical-align: middle;
    white-space: normal;
    cursor: pointer;
    outline: 0 none;
    text-align: center;
    vertical-align: middle;
    width: 800px;
}

.DetailTableHelpHeader {
    background-color: var(--ThemeBaseHeaderBackground);
    color: var(--ThemeBaseHeaderForeground);
    font-size: 16px;
    font-weight: bolder;
    font-family: Arial;
    vertical-align: middle;
    white-space: normal;
    cursor: pointer;
    outline: 0 none;
    text-align: left;
    vertical-align: middle;
}

.DetailTableHeaderHelpMessage {
    background-color: var(--ThemeBaseBackground);
    color: var(--ThemeBaseFontColor);
    font-size: 16px;
    font-weight: bolder;
    font-family: Arial;
    vertical-align: middle;
    white-space: normal;
    cursor: pointer;
    outline: 0 none;
    text-align: left;
    vertical-align: middle;
}


.DetailExpander {
    background-color: var(--ThemeBaseBackground);
    color: var(--ThemeBaseFontColor);
    font-size: 24px;
    font-weight: bold;
    font-family: Arial;
    vertical-align: middle;
    white-space: normal;
    cursor: pointer;
    outline: 0 none;
    text-align: center;
    vertical-align: middle;
    width: 800px;
    border: outset;
    border-color: var(--ThemeBaseFontColor);
}


.DetailExpanderNoWidth {
    background-color: var(--ThemeBaseBackground);
    color: var(--ThemeBaseFontColor);
    font-size: 16px;
    font-weight: bold;
    font-family: Arial;
    vertical-align: middle;
    white-space: normal;
    cursor: pointer;
    outline: 0 none;
    text-align: center;
    vertical-align: middle;
    //width: 800px;
    border: outset;
    border-color: var(--ThemeBaseFontColor);
}
/* End Input Boxes */
/*-----------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------*/
/* Begin Input Headers */
/* Last Updated: 06/21/2020 */
.DetailTableHeader {
    background-color: var(--ThemeBaseHeaderBackground);
    color: var(--ThemeBaseHeaderForeground);
    font-size: 12px;
    font-weight: bolder;
    font-family: Arial;
    vertical-align: middle;
    white-space: normal;
    cursor: pointer;
    outline: 0 none;
    text-align: left;
    vertical-align: middle;
}

.DetailTableHeaderMessage {
    background-color: var(--ThemeBaseHeaderBackground);
    color: var(--ThemeModalSystemMessage);
    font-size: 14px;
    font-weight: bolder;
    font-family: Arial;
    vertical-align: middle;
    white-space: normal;
    cursor: pointer;
    outline: 0 none;
    text-align: center;
    vertical-align: middle;
}

.DetailTableHeaderCenter {
    background-color: var(--ThemeGridHeaderBackground);
    color: var(--ThemeGridHeaderForeground);
    font-size: 16px;
    font-weight: bold;
    font-family: Arial;
    vertical-align: middle;
    white-space: normal;
    cursor: pointer;
    outline: 0 none;
    text-align: center;
    vertical-align: middle;
    width: 800px;
}

.DetailExpander {
    background-color: var(--ThemeBaseBackground);
    color: var(--ThemeBaseFontColor);
    font-size: 24px;
    font-weight: bold;
    font-family: Arial;
    vertical-align: middle;
    white-space: normal;
    cursor: pointer;
    outline: 0 none;
    text-align: center;
    vertical-align: middle;
    width: 800px;
    border: outset;
    border-color: var(--ThemeBaseFontColor);
}

/* End Input Headers */
/*-----------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------*/
/* Begin Buttons */
.PageButton {
    background-color: var(--ThemeObjectBackground);
    color: var(--ThemeBaseFontColor);
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
    width: 100px;
    height: 50px;
    white-space: nowrap;
    cursor: pointer;
    outline: 0 none;
    padding: 0 10px 2px;
    text-align: center;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #4980C1;
    text-align: right;
    word-wrap: break-word;
}

    .PageButton:Hover {
        background-color: var(--ThemeObjectHoverBackground);
        color: var(--ThemeObjectHoverForeground);
        font-size: 12px;
        font-weight: bold;
        font-family: Arial;
        width: 100px;
        height: 50px;
        white-space: nowrap;
        cursor: pointer;
        outline: 0 none;
        padding: 0 10px 2px;
        text-align: center;
        border-radius: 2px 2px 2px 2px;
        border: 1px solid #4980C1;
        text-align: right;
        word-wrap: break-word;
    }

    .PageButton:disabled {
        background-color: var(--ThemeObjectDisabledBackground);
        color: var(--ThemeObjectDisabledForeground);
        font-size: 12px;
        font-weight: bold;
        font-family: Arial;
        width: 100px;
        height: 50px;
        white-space: nowrap;
        cursor: pointer;
        outline: 0 none;
        padding: 0 10px 2px;
        text-align: center;
        border-radius: 2px 2px 2px 2px;
        border: 1px solid #4980C1;
        text-align: right;
        word-wrap: break-word;
    }

    .PageButton:read-only {
        background-color: var(--ThemeObjectDisabledBackground);
        color: var(--ThemeObjectDisabledForeground);
        font-size: 12px;
        font-weight: bold;
        font-family: Arial;
        width: 100px;
        height: 50px;
        white-space: nowrap;
        cursor: pointer;
        outline: 0 none;
        padding: 0 10px 2px;
        text-align: center;
        border-radius: 2px 2px 2px 2px;
        border: 1px solid #4980C1;
        text-align: right;
        word-break: break-word;
    }

.DataButton {
    background-color: var(--ThemeObjectBackground);
    color: var(--ThemeBaseFontColor);
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
    height: 50px;
    white-space: nowrap;
    cursor: pointer;
    outline: 0 none;
    padding: 0 10px 2px;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #4980C1;
    text-align: center;
}

    .DataButton:Hover {
        background-color: var(--ThemeObjectHoverBackground);
        color: var(--ThemeObjectHoverForeground);
        font-size: 12px;
        font-weight: bold;
        font-family: Arial;
        height: 50px;
        white-space: nowrap;
        cursor: pointer;
        outline: 0 none;
        padding: 0 10px 2px;
        border-radius: 2px 2px 2px 2px;
        border: 1px solid #4980C1;
        text-align: center;
    }

    .DataButton:disabled {
        background-color: var(--ThemeObjectDisabledBackground);
        color: var(--ThemeObjectDisabledForeground);
        font-size: 12px;
        font-weight: bold;
        font-family: Arial;
        height: 50px;
        white-space: nowrap;
        cursor: pointer;
        outline: 0 none;
        padding: 0 10px 2px;
        border-radius: 2px 2px 2px 2px;
        border: 1px solid #4980C1;
        text-align: center;
    }

.DataButtonHelp {
    background-color: var(--ThemeBaseHeaderBackground);
    color: var(--ThemeBaseFontColor);
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
    height: 50px;
    white-space: nowrap;
    cursor: pointer;
    outline: 0 none;
    padding: 0 10px 2px;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #4980C1;
    text-align: center;
}

    .DataButtonHelp:Hover {
        background-color: var(--ThemeObjectHoverBackground);
        color: var(--ThemeObjectHoverForeground);
        font-size: 12px;
        font-weight: bold;
        font-family: Arial;
        height: 50px;
        white-space: nowrap;
        cursor: pointer;
        outline: 0 none;
        padding: 0 10px 2px;
        border-radius: 2px 2px 2px 2px;
        border: 1px solid #4980C1;
        text-align: center;
    }

    .DataButtonHelp:disabled {
        background-color: var(--ThemeObjectDisabledBackground);
        color: var(--ThemeObjectDisabledForeground);
        font-size: 12px;
        font-weight: bold;
        font-family: Arial;
        height: 50px;
        white-space: nowrap;
        cursor: pointer;
        outline: 0 none;
        padding: 0 10px 2px;
        border-radius: 2px 2px 2px 2px;
        border: 1px solid #4980C1;
        text-align: center;
    }

/* End Buttons */
/*-----------------------------------------------------------------------------------------*/