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

/*-----------------------------------------------------------------------------------------*/
/* Begin Body */
body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    background-color: #ffffff;
    margin-top: 0;
    padding-top: 0;
    height: auto;
}


.ObjectHidden {
    display: none;
}
/* End Body */
/*-----------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------*/
/* Begin Auto Complete */

ul.ui-autocomplete {
    border-color: darkorange;
    border-width: 3px;
}

ul.ui-autocomplete.ui-menu li:nth-child(odd) {
    background-color: white;
    font-family: Arial;
    font-size: 16px;
    color: black;
    min-height: 25px;
    border: solid 1px black;
}

ul.ui-autocomplete.ui-menu li:nth-child(even) {
    background-color: cornflowerblue;
    font-family: Arial;
    font-size: 16px;
    color: black;
    min-height: 25px;
    border: solid 1px black;
}


    ul.ui-autocomplete.ui-menu li:first-child a {
        font-family: Arial;
        color: darkblue ;
        background-color: darkgrey;
    }


/* End Auto-Complete */
/*-----------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------*/
/* Begin A HREF*/
a.hlink:link {
    color: black;
}

a.hlink:active {
    color: black;
}

a.hlink:visited {
    color: black;
}

a.hlink:hover {
    color: blue;
}
/* End A HREF */
/*-----------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------*/
/* Begin Panel */
.Panel {
    margin-left: auto;
    margin-right: auto;
    width: 1400px;
    align-content: center;
    text-align: center;
    border-color: transparent;
}

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

.PanelBorder {
    background-color: transparent;
    width: 1200px;
    border: 3px solid #0DA9D0;
    border-radius: 12px;
    padding: 0;
}

.PanelFaqs {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    align-content: center;
    text-align: center;
    border-color: transparent;
}

/* End Panel */
/*-----------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------*/
/* Begin Modal Loading */
.modalBackground {
    position: fixed;
    top: 0;
    left: 0;
    background-color: white;
    z-index: 99;
    opacity: 0.8;
    filter: alpha(opacity=75);
    min-height: 100%;
    width: 100%;
}

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

.LockOff {
    display: none;
    visibility: hidden;
}

.LockOn {
    display: block;
    visibility: visible;
    position: absolute;
    z-index: 999;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: white;
    text-align: center;
    padding-top: 20%;
    filter: alpha(opacity=75);
    opacity: 0.8;
    font-family: Arial;
    font-size: 36pt;
    font-weight:bolder;
}

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

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

.modalPopup {
    background-color: transparent;
    width: 700px;
    border: 3px solid #0DA9D0;
    border-radius: 12px;
    padding: 0;

}

    .modalPopup .header {
        background-color: blue;
        height: 30px;
        color: White;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .modalPopup .body {
        padding: 10px;
        min-height: 75px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        color: red;
        background-color: white;
        overflow: auto;
        list-style-type: square;
        height:50px;
    }

    .modalPopup .footer {
        padding: 6px;
        background-color: darkorange;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Begin Modal Window Popup */
.modalWindowPopupBackground {
    background-color: white;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalWindowPopup {
    background-color: transparent;
    width: 700px;
    border: 3px solid #0DA9D0;
    border-radius: 12px;
    padding: 0;

}

    .modalWindowPopup .header {
        background-color: blue;
        height: 30px;
        color: White;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .modalWindowPopup .body {
        padding: 10px;
        min-height: 50px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        color: red;
        background-color: white;
        overflow: auto;
        list-style-type: square;
        height:50px;
    }

    .modalWindowPopup .footer {
        padding: 6px;
        background-color: darkorange;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .modalWindowPopup .buttonPrint:hover {
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            background-color: lightsteelblue;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_print.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }
/* End Modal Popup */
/*-----------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------*/
/* Begin Modal Window Popup */
.modalWindowPopupBackground {
    background-color: white;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalWindowPopup {
    background-color: transparent;
    width: 700px;
    border: 3px solid #0DA9D0;
    border-radius: 12px;
    padding: 0;
}

    .modalWindowPopup .header {
        background-color: blue;
        height: 30px;
        color: White;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .modalWindowPopup .body {
        padding: 10px;
        min-height: 50px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        color: red;
        background-color: white;
        overflow: auto;
        list-style-type: square;
        height: 50px;
    }

    .modalWindowPopup .footer {
        padding: 6px;
        background-color: darkorange;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-----------------------------------------------------------------------------------------*/
/* Begin Modal Window Wide Popup */
.modalWindowWidePopupBackground {
    background-color: white;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalWindowWidePopup {
    background-color: transparent;
    width: 900px;
    border: 3px solid #0DA9D0;
    border-radius: 12px;
    padding: 0;
}

    .modalWindowWidePopup .header {
        background-color: blue;
        height: 30px;
        color: White;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .modalWindowWidePopup .body {
        padding: 10px;
        min-height: 50px;
        text-align: Left;
        font-size: medium;
        font-weight: bold;
        color: black;
        background-color: white;
        overflow: auto;
        list-style-type: square;
        height: 450px;
    }

    .modalWindowWidePopup .footer {
        padding: 6px;
        background-color: darkorange;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .modalWindowWidePopup .buttonTime {
        height: 40px;
        width: 100px;
        color: black;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-color: lightblue;
        background-image: url('Images/img_Time.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalWindowWidePopup .buttonTime:disabled {
            display: none;
            height: 40px;
            width: 100px;
            color: black;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-color: whitesmoke;
            background-image: url('Images/img_Time.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalWindowWidePopup .buttonTime:hover {
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            background-color: lightsteelblue;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_Time.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

    .modalWindowWidePopup .buttonReset {
        height: 40px;
        width: 100px;
        color: black;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-color: lightblue;
        background-image: url('Images/img_resetpw.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalWindowWidePopup .buttonReset:disabled {
            display: none;
            height: 40px;
            width: 100px;
            color: black;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-color: whitesmoke;
            background-image: url('Images/img_resetpw.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalWindowWidePopup .buttonReset:hover {
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            background-color: lightsteelblue;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_resetpw.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }


    .modalWindowWidePopup .buttonAccount {
        height: 40px;
        width: 100px;
        color: black;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-color: lightblue;
        background-image: url('Images/img_account.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalWindowWidePopup .buttonAccount:disabled {
            display: none;
            height: 40px;
            width: 100px;
            color: black;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-color: whitesmoke;
            background-image: url('Images/img_account.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalWindowWidePopup .buttonAccount:hover {
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            background-color: lightsteelblue;
            border: 1px solid #5C5C5C;
            background-image: url('Images/img_account.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

/* End Modal Window Wide Popup */
/*-----------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------*/
/* Begin Modal Search Query Popup */
.modalSQPopupBackground {
    background-color: white;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalSQPopup {
    background-color: transparent;
    width: 1250px;
    border: 3px solid #0DA9D0;
    border-radius: 12px;
    padding: 0;
}

    .modalSQPopup .header {
        background-color: blue;
        height: 30px;
        color: White;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .modalSQPopup .body {
        padding: 10px;
        min-height: 50px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        color: red;
        background-color: white;
        overflow: auto;
    }

    .modalSQPopup .footer {
        padding: 6px;
        background-color: darkorange;
    }


    .modalSQPopup .button {
        height: 40px;
        width: 100px;
        color: black;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-color: lightblue;
    }

        .modalSQPopup .button:hover {
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            background-color: lightsteelblue;
            border: 1px solid #5C5C5C;
        }

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

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

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


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

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

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


/* End Modal Search Query Popup */
/*-----------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------*/
/* Begin Modal Sys Msg Popup */
.modalSysMsgPopupBackground {
    background-color: white;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalSysMsgPopup {
    background-color: transparent;
    width: 700px;
    border: 3px solid #0DA9D0;
    border-radius: 12px;
    padding: 0;
}

    .modalSysMsgPopup .header {
        background-color: blue;
        height: 30px;
        color: White;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .modalSysMsgPopup .body {
        padding: 10px;
        min-height: 50px;
        //text-align: center;
        font-weight: bold;
        background-color: white;
        overflow: auto;
        font-size: small;
    }

    .modalSysMsgPopup .footer {
        padding: 6px;
        background-color: darkorange;
    }

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

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

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

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

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

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

/* End Modal Sys Msg Popup */
/*-----------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------*/
/* Begin Modal Wide Popup */
.modalWidePopupBackground {
    background-color: white;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalWidePopup {
    background-color: transparent;
    width: 1100px;
    // border: 3px solid #0DA9D0;
    border-radius: 12px;
    padding: 0;
}

    .modalWidePopup .header {
        background-color: WhiteSmoke;
        height: 30px;
        color: black;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .modalWidePopup .body {
        padding: 10px;
        min-height: 50px;
        text-align: center;
        font-weight: bold;
        background-color: white;
        overflow: auto;
    }

    .modalWidePopup .footer {
        padding: 6px;
        background-color: WhiteSmoke;
    }

    .modalWidePopup .button {
        height: 40px;
        width: 100px;
        color: black;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-color: lightblue;
    }

        .modalWidePopup .button:hover {
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 150px;
            background-color: lightsteelblue;
            border: 1px solid #5C5C5C;
        }


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

/*-----------------------------------------------------------------------------------------*/
/* Begin Modal Image Preview Popup */
.modalIPPopupBackground {
    background-color: white;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalIPPopup {
    background-color: transparent;
    width: 600px;
    border: 3px solid #0DA9D0;
    border-radius: 12px;
    padding: 0;
}

    .modalIPPopup .header {
        background-color: blue;
        height: 30px;
        color: White;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .modalIPPopup .body {
        padding: 10px;
        min-height: 50px;
        text-align: center;
        font-weight: bold;
        background-color: white;
        overflow: auto;
    }

    .modalIPPopup .footer {
        padding: 6px;
        background-color: darkorange;
    }

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

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

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

   .modalIPPopup .buttonDownload {
        height: 40px;
        width: 100px;
        color: black;
        line-height: 23px;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        background-color: lightblue;
        background-image: url('Images/img_downloadimage.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: left;
    }

        .modalIPPopup .buttonDownload:disabled  {
            display: none;
            height: 40px;
            width: 100px;
            color: black;
            line-height: 23px;
            text-align: center;
            font-size: medium;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            background-color: whitesmoke;
        background-image: url('Images/img_downloadimage.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .modalIPPopup .buttonDownload:hover {
            font-weight: bold;
            font-family: Arial;
            height: 40px;
            width: 100px;
            background-color: lightsteelblue;
            border: 1px solid #5C5C5C;
           background-image: url('Images/img_downloadimage.png');
            background-size: 25px 25px;
            background-repeat: no-repeat;
            background-position: left;
        }

/* End Modal Image Preview */
/*-----------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------*/
/* Begin Header/Footer */
.HeaderText {
    color: darkorange;
    background-color: white;
    font-size: 36px;
    text-align: center;
}

.VersionText {
    color: blue;
    background-color: white;
    font-size: 12px;
    text-align: center;
    padding: 0px;
}

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

.GridEmptyDataText {
    color: black;
    font-weight: bold;
    font-size: large;
    text-align: center;
}

.LicenseText {
    color: blue;
    background-color: white;
    font-size: large;
    text-align: center;
    padding: 0px;
}

/* End Header/Footer */
/*-----------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------*/
/* Begin DataGrid */
.DataGrid {
    border: solid 2px lightblue;
}

.CellLeftText {
    color: black;
    font-weight: bold;
    font-size: small;
    text-align: left;
}

.CellRightText {
    color: black;
    font-weight: bold;
    font-size: small;
    text-align: right;
}

.CellCenterText {
    color: black;
    font-weight: bold;
    font-size: small;
    text-align: center;
}

    .CellCenterText:disabled {
        color: black;
        background-color: lightgray;
        font-weight: bold;
        font-size: small;
        text-align: center;
    }

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

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

.rows {
    background-color: white;
    font-family: Arial;
    font-size: 16px;
    color: #000;
    min-height: 25px;
    border: solid 1px black;
}

    .rows:hover {
        background-color: lightsteelblue;
        font-family: Arial;
        color: black;
    }

.altrows {
    background-color: cornflowerblue;
    font-family: Arial;
    font-size: 16px;
    color: black;
    min-height: 25px;
    border: solid 1px black;
}

    .altrows:hover {
        background-color: lightsteelblue;
        font-family: Arial;
        color: black;
    }

.selectedrow {
    background-color: WhiteSmoke;
    font-family: Arial;
    color: black;
    font-weight: bold;
    text-align: left;
}

.pager {
    background-color: WhiteSmoke;
    font-family: Arial;
    font-size: medium;
    color: black;
    height: 30px;
    text-align: left;
    text-indent: 25px;
}

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

.GridButton {
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
    color: black;
    background-color: lightblue;
    min-width: 25px;
    height: 25px;
    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: center;
}

    .GridButton:Hover {
        font-size: 12px;
        font-weight: bold;
        font-family: Arial;
        color: black;
        background-color: lightsteelblue;
        min-width: 25px;
        height: 25px;
        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: center;
    }

    .GridButton:disabled {
        font-size: 12px;
        font-weight: bold;
        font-family: Arial;
        color: silver;
        background-color: whitesmoke;
        min-width: 25px;
        height: 25px;
        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: center;
    }

.GridMdButton {
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
    color: black;
    background-color: lightblue;
    min-width: 35px;
    height: 35px;
    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: center;
}

    .GridMdButton:Hover {
        font-size: 12px;
        font-weight: bold;
        font-family: Arial;
        color: black;
        background-color: lightsteelblue;
        min-width: 35px;
        height: 35px;
        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: center;
    }

    .GridMdButton:disabled {
        font-size: 12px;
        font-weight: bold;
        font-family: Arial;
        color: silver;
        background-color: whitesmoke;
        min-width: 35px;
        height: 35px;
        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: center;
    }

.GridLgButton {
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
    color: black;
    background-color: lightblue;
    min-width: 50px;
    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: center;
}

    .GridLgButton:Hover {
        font-size: 12px;
        font-weight: bold;
        font-family: Arial;
        color: black;
        background-color: lightsteelblue;
        min-width: 50px;
        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: center;
    }

    .GridLgButton:disabled {
        font-size: 12px;
        font-weight: bold;
        font-family: Arial;
        color: silver;
        background-color: whitesmoke;
        min-width: 50px;
        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: center;
    }


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

/*-----------------------------------------------------------------------------------------*/
/* Begin DataGrid DropDown */
.DataGridDropDown {
    border: solid 4px darkorange;
}

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

/*-----------------------------------------------------------------------------------------*/
/* Begin AutoComplete DropDown */
    .CompletionList
{
    border: solid 2px DarkOrange;
    margin: 0px;
    padding: 2px;
    height: 500px;
    min-width: 500px;
    overflow: auto;
    background-color: #FFFFFF;
}

.ListItem {
    color: #1C1C1C;
}

.ItemHighlighted {
    background-color: #ffc0c0;
}
}

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


/*-----------------------------------------------------------------------------------------*/
/* Begin Input Boxes */

.TextBox {
    border: 1px solid black;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    height: 25px;
    text-align: left;
    background-color: white;
    color: black;
}

    .TextBox:Hover {
        border: 1px solid black;
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        height: 25px;
        text-align: left;
        background-color: lightsteelblue;
        color: black;
    }

    .TextBox:focus {
        border: 1px solid black;
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        height: 25px;
        text-align: left;
        background-color: khaki;
        color: black;
    }

    .TextBox:disabled {
        border: 1px solid black;
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        height: 25px;
        text-align: left;
        background-color: lightgray;
        color: black;
    }

    .TextBox:read-only {
        border: 1px solid black;
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        height: 25px;
        text-align: left;
        background-color: lightgray;
        color: black;
    }

.Label {
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
}

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

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

    .LookupTextBoxSearch:focus {
        border: 1px solid black;
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        height: 25px;
        text-align: left;
        align-content: center;
        background-color: khaki;
        color: black;
    }

    .LookupTextBoxSearch:disabled {
        border: 1px solid black;
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        height: 25px;
        text-align: left;
        align-content: center;
        background-color: lightgray;
        color: black;
    }

.LookupTextBoxClear {
    background-image: url(Images/img_clear.png);
    background-size: 18px 18px;
    background-position: right;
    background-repeat: no-repeat;
    border: 1px solid black;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    height: 25px;
    text-align: left;
    align-content: center;
    background-color: white;
    color: black;
}

    .LookupTextBoxClear:Hover {
        background-image: url(Images/img_clear.png);
        background-size: 18px 18px;
        background-position: right;
        background-repeat: no-repeat;
        border: 1px solid black;
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        height: 25px;
        text-align: left;
        align-content: center;
        background-color: lightsteelblue;
        color: black;
    }

    .LookupTextBoxClear:focus {
        border: 1px solid black;
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        height: 25px;
        text-align: left;
        align-content: center;
        background-color: khaki;
        color: black;
    }

    .LookupTextBoxClear:disabled {
        border: 1px solid black;
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        height: 25px;
        text-align: left;
        align-content: center;
        background-color: lightgray;
        color: black;
    }


.PMInputBox {
    border: 1px solid black;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    width: 35px;
    height: 25px;
    text-align: center;
    background-color: white;
}

    .PMInputBox:Hover {
        border: 1px solid black;
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        width: 35px;
        height: 25px;
        text-align: center;
        align-content: center;
        background-color: lightsteelblue;
        color: black;
    }

    .PMInputBox:focus {
        border: 1px solid black;
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        width: 35px;
        height: 25px;
        text-align: left;
        align-content: center;
        background-color: khaki;
        color: black;
    }

    .PMInputBox:disabled {
        border: 1px solid black;
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        width: 35px;
        height: 25px;
        text-align: center;
        align-content: center;
        background-color: lightgray;
        color: black;
    }

    .PMInputBox:read-only {
        border: 1px solid black;
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        width: 35px;
        height: 25px;
        text-align: center;
        align-content: center;
        background-color: lightgray;
        color: black;
    }

.PriceInputBox {
    border: 1px solid black;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    //width: 200px;
    height: 25px;
    text-align: right;
    background-color: white;
    color: black;
}

    .PriceInputBox:Hover {
        border: 1px solid black;
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        //width: 200px;
        height: 25px;
        text-align: right;
        background-color: lightsteelblue;
        color: black;
    }

    .PriceInputBox:focus {
        border: 1px solid black;
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        //width: 200px;
        height: 25px;
        text-align: right;
        background-color: khaki;
        color: black;
    }

    .PriceInputBox:disabled {
        border: 1px solid black;
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        //width: 200px;
        height: 25px;
        text-align: right;
        background-color: lightgray;
        color: black;
    }

    .PriceInputBox:read-only {
        border: 1px solid black;
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        //width: 200px;
        height: 25px;
        text-align: right;
        background-color: lightgray;
        color: black;
    }

.DropBox {
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    width: 200px;
    height: 25px;
    background-color: white;
    color: black;
    width: 200px;
}

    .DropBox:Hover {
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        width: 200px;
        height: 25px;
        background-color: lightsteelblue;
        color: black;
    }

    .DropBox:focus {
        border: 1px solid black;
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        width: 200px;
        height: 25px;
        text-align: left;
        align-content: center;
        background-color: khaki;
        color: black;
    }

    .DropBox:disabled {
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        width: 200px;
        height: 25px;
        background-color: lightgray;
        color: black;
    }

.EditCheckBox input {
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    background-color: white;
    width: 25px;
    height: 25px;
    color: black;
}

.CheckBox label {
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    padding-left: .5em;
    background-color: white;
    color: black;
}

    .CheckBox input:hover {
        width: 25px;
        height: 25px;
    }

    .CheckBox input:disabled {
        width: 25px;
        height: 25px;
        background-color: lightgray;
    }

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

/*-----------------------------------------------------------------------------------------*/
/* Begin Table Rounded Cornders */
.RoundedTable
	{
		border-radius: 6px 6px 6px 6px;
		border: 1px solid #000;  
		border-spacing: 0;
	}

	.RoundedTable tr:first-child td:first-child 
	{
		border-top-left-radius: 5px;
	}
	
	.RoundedTable tr:first-child td:last-child 
	{
		border-top-right-radius: 5px;
	}
	
	.RoundedTable tr:last-child td:first-child 
	{
		border-bottom-left-radius: 5px;
	}
	
	.RoundedTable tr:last-child td:last-child 
	{
		border-bottom-right-radius: 5px;
	}
/* optional setting to pad the table cells */
	.RoundedTable th, td
	{
		padding: 10px 10px 10px 10px; 
	}
/* optional setting to set the background color and font color of the first row - behave like a header */
	.RoundedTable tr:first-child td:first-child 
	{
		background-color: #000;
		color: #FFF;
        align-content: center;
        text-align: center;
	}
/* optional setting to set the background color of the last row - behave like a footer */
	.RoundedTable tr:last-child td:last-child:not(:empty)
	{
		background-color: #CCC;
	}
/* End Table Rounded Corners */
/*-----------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------*/
/* Begin Input Headers */
.DetailHeader {
    font-size: small;
    font-weight: bold;
    font-family: Arial;
    color: black;
    background-color: transparent;
    min-width: 150px;
    height: 20px;
    white-space: normal;
    cursor: pointer;
    outline: 0 none;
    text-align: left;
    vertical-align: middle;
}

.DashboardHeader {
    font-size: medium;
    font-weight: bold;
    font-family: Arial;
    color: black;
    background-color: cornflowerblue;
    min-width: 150px;
    height: 20px;
    white-space: normal;
    cursor: pointer;
    outline: 0 none;
    text-align: center;
    vertical-align: middle;
}

.ValidationHeader {
    font-size: medium;
    font-weight: bold;
    font-family: Arial;
    color: red;
    background-color: silver;
    min-width: 150px;
    height: 20px;
    white-space: normal;
    cursor: pointer;
    outline: 0 none;
    //padding: 0 10px 2px;
    text-align: left;
    vertical-align: middle;
}

.TableOverrideHeader {
    font-size: medium;
    font-weight: bold;
    font-family: Arial;
    color: black;
    background-color: silver;
    min-width: 150px;
    height: 20px;
    white-space: normal;
    cursor: pointer;
    outline: 0 none;
    //padding: 0 10px 2px;
    text-align: center;
    vertical-align: middle;
}

.DetailTableHeader {
    font-size: medium;
    font-weight: bold;
    font-family: Arial;
    vertical-align: middle;
    color: darkblue;
    background-color: silver;
    // min-width: 150px;
    height: 10px;
    white-space: normal;
    cursor: pointer;
    outline: 0 none;
    //padding: 0 10px 2px;
    text-align: left;
    vertical-align: middle;
}

    .DetailTableHeader a:link {
        font-size: medium;
        font-weight: bold;
        font-family: Arial;
        vertical-align: middle;
        color: darkblue;
        background-color: silver;
        // min-width: 150px;
        height: 10px;
        white-space: normal;
        cursor: pointer;
        outline: 0 none;
        //padding: 0 10px 2px;
        text-align: left;
        vertical-align: middle;
    }


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

/*-----------------------------------------------------------------------------------------*/
/* Begin Buttons */
.EditMenuButton {
    font-size: small;
    font-weight: bold;
    font-family: Arial;
    color: white;
    background-color: lightblue;
    min-width: 150px;
    height: 20px;
    cursor: pointer;
    text-align: left;
}

    .EditMenuButton:Hover {
        font-size: small;
        font-weight: bold;
        font-family: Arial;
        color: silver;
        background-color: lightsteelblue;
        min-width: 150px;
        height: 20px;
        cursor: pointer;
        text-align: right;
    }

    .EditMenuButton:disabled {
        font-size: 24px;
        font-weight: bold;
        font-family: Arial;
        color: black;
        background-color: lightblue;
        min-width: 250px;
        height: 60px;
        white-space: normal;
        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;
    }

.MenuButton {
    font-size: 20px;
    font-weight: bold;
    font-family: Arial;
    color: black;
    background-color: lightblue;
    min-width: 250px;
    height: 60px;
    white-space: normal;
    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;
}

    .MenuButton:Hover {
        font-size: 24px;
        font-weight: bold;
        font-family: Arial;
        color: black;
        background-color: lightsteelblue;
        min-width: 250px;
        height: 60px;
        white-space: normal;
        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;
    }

    .MenuButton:disabled {
        font-size: 24px;
        font-weight: bold;
        font-family: Arial;
        color: cornflowerblue;
        background-color: lightblue;
        min-width: 250px;
        height: 60px;
        white-space: normal;
        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;
    }

.TableMenuButton {
    font-size: 20px;
    font-weight: bold;
    font-family: Arial;
    color: black;
    background-color: lightblue;
    min-width: 150px;
    height: 50px;
    white-space: normal;
    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;
}

    .TableMenuButton:Hover {
        font-size: 20px;
        font-weight: bold;
        font-family: Arial;
        color: black;
        background-color: lightsteelblue;
        min-width: 150px;
        height: 50px;
        white-space: normal;
        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;
    }

    .TableMenuButton:disabled {
        font-size: 24px;
        font-weight: bold;
        font-family: Arial;
        color: cornflowerblue;
        background-color: lightblue;
        min-width: 250px;
        height: 60px;
        white-space: normal;
        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;
    }

.PageButton {
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
    color: black;
    background-color: lightblue;
    // min-width: 50px;
    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;
}

    .PageButton:Hover {
        font-size: 12px;
        font-weight: bold;
        font-family: Arial;
        color: black;
        background-color: lightsteelblue;
        // min-width: 50px;
        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;
    }

    .PageButton:disabled {
        font-size: 12px;
        font-weight: bold;
        font-family: Arial;
        color: cornflowerblue;
        background-color: whitesmoke;
        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;
    }

.PageSmallButton {
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
    color: black;
    background-color: lightblue;
    // min-width: 50px;
    width: 75px;
    height: 35px;
    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;
}

    .PageSmallButton:Hover {
        font-size: 12px;
        font-weight: bold;
        font-family: Arial;
        color: black;
        background-color: lightsteelblue;
        // min-width: 50px;
        width: 75px;
        height: 35px;
        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;
    }

    .PageSmallButton:disabled {
        font-size: 12px;
        font-weight: bold;
        font-family: Arial;
        color: cornflowerblue;
        background-color: whitesmoke;
        width: 750px;
        height: 35px;
        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;
    }

.NavButton {
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
    color: black;
    background-color: lightblue;
    // min-width: 50px;
    width: 25px;
    height: 25px;
    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;
}

    .NavButton:Hover {
        font-size: 12px;
        font-weight: bold;
        font-family: Arial;
        color: black;
        background-color: lightsteelblue;
        // min-width: 50px;
        width: 25px;
        height: 25px;
        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;
    }


.ToggleButton {
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
    color: black;
    background-color: lightblue;
    width: 90px;
    height: 30px;
    white-space: nowrap;
    cursor: pointer;
    outline: 0 none;
    padding: 0 12px 2px;
    text-align: center;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #4980C1;
    text-align: center;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

    .ToggleButton:Hover {
        font-size: 12px;
        font-weight: bold;
        font-family: Arial;
        color: black;
        background-color: lightsteelblue;
        width: 90px;
        height: 30px;
        white-space: nowrap;
        cursor: pointer;
        outline: 0 none;
        padding: 0 12px 2px;
        text-align: center;
        border-radius: 2px 2px 2px 2px;
        border: 1px solid #4980C1;
        text-align: center;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .ToggleMiniButton {
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
    color: Black;
    background-color: lightblue;
    width: 25px;
    height: 30px;
    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;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

    .ToggleMiniButton:Hover {
        font-size: 16px;
        font-weight: bold;
        font-family: Arial;
        color: black;
        background-color: lightsteelblue;
        width: 30px;
        height: 30px;
        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;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

.ToggleActiveButton {
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
    color: black;
    background-color: cornflowerblue;
    width: 90px;
    height: 30px;
    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: center;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

    .ToggleActiveButton:Hover {
        font-size: 12px;
        font-weight: bold;
        font-family: Arial;
        color: black;
        background-color: lightsteelblue;
        width: 90px;
        height: 30px;
        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: center;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

.ToggleOvalButton {
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
    color: black;
    background-color: cornflowerblue;
    width: 100px;
    height: 30px;
    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: center;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

    .ToggleOvalButton:Hover {
        font-size: 12px;
        font-weight: bold;
        font-family: Arial;
        color: black;
        background-color: lightsteelblue;
        width: 100px;
        height: 30px;
        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: center;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;
    }

.DataButton {
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
    color: black;
    background-color: cornflowerblue;
    //min-width: 75px;
    height: 21px;
    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: center;
}

    .DataButton:Hover {
        font-size: 12px;
        font-weight: bold;
        font-family: Arial;
        color: black;
        background-color: lightsteelblue;
        //min-width: 75px;
        height: 21px;
        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: center;
    }

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

/*-----------------------------------------------------------------------------------------*/
/* Begin ListBox */
.ListBox {
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    background-color: white;
    color: black;
}

    .ListBox:Hover {
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        width: 200px;
        background-color: lightsteelblue;
        color: black;
    }

    .ListBox:focus {
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        width: 200px;
        background-color: khaki;
        color: black;
    }
/* End ListBox */
/*-----------------------------------------------------------------------------------------*/