/* General */

.AlignTop {
    vertical-align: top;
}

.AlignMiddle {
    vertical-align: middle;
}

.AlignBottom {
    vertical-align: bottom;
}

.AlignLeft {
    text-align: left;
}

.AlignRight {
    text-align: right;
}

.AlignCenter {
    text-align: center;
}

/* Classes for Common Controls UI only */

.MMDCommonControls {
    font-family: Arial;
    font-size: 10pt;
}

    .MMDCommonControls input[type='text'] {
        padding: 2px;
        border: 1px solid #999999;
        border-radius: 3px;
        box-shadow: 0 0 2px #999999 inset;
        outline: none;
        font-family: Arial;
    }

    .MMDCommonControls .ErrorMessageBox {
        color: #000000;
        background-color: #FFE0D0;
        font-weight: bold;
        display: block;
        padding: 0.25em;
    }

    .MMDCommonControls .SuccessMessageBox {
        color: #000000;
        background-color: #D0FFD0;
        font-weight: bold;
        display: block;
        padding: 0.25em;
    }

    .MMDCommonControls .scrollableListPanelCell {
        border: 1px gray solid;
        background-color: #FFFFFF;
    }

    .MMDCommonControls .button {
        padding: 3px 8px;
        font-family: Arial;
        font-size: 10pt;
        cursor: pointer;
        text-align: center;
        border: 1px solid #3C476F;
        border-radius: 4px;
        box-shadow: 3px 3px 5px 0 #999999;
        background-color: #E8E9F4;
    }

    .MMDCommonControls .buttonSmall {
        padding: 2px 3px 2px 3px;
        font-family: Arial;
        font-size: 9pt;
        cursor: pointer;
        text-align: center;
        border: 1px solid #999999;
        border-radius: 4px;
        box-shadow: 1px 1px 2px 0 #999999;
        background-color: #E8E9F4;
    }

    .MMDCommonControls .dropDownList {
        padding: 1px 2px;
        font-family: Arial;
        background: no-repeat #ffffff;
        vertical-align: bottom;
        border: 1px solid #999999;
        border-radius: 3px;
        box-shadow: 0 0 2px #999999 inset;
    }


    /* Gridview */
    .MMDCommonControls .gridview {
        border: 2px groove #232D73;
        padding: 1px;
        font-family: 'Arial';
        border-collapse: separate;
        margin-top: 0;
        text-align: left;
        background: #FFFFFF;
    }

        .MMDCommonControls .gridview > tr > td, .MMDCommonControls .gridview > tr > th, .MMDCommonControls .gridview > tbody > tr > td, .MMDCommonControls .gridview > tbody > tr > th {
            padding: 3px 6px;
            border-color: #204080;
        }

        .MMDCommonControls .gridview .HeaderStyle {
            color: #204080;
            background-color: #E0E8FF;
            text-align: left;
            vertical-align: bottom;
            border-bottom-color: #204080;
            border-bottom-style: solid;
            border-bottom-width: 1px;
        }

        .MMDCommonControls .gridview .ItemStyle {
        }

        .MMDCommonControls .gridview .AlternatingItemStyle {
            background-color: #E0E0E0;
        }

        .MMDCommonControls .gridview .FooterStyle {
            background-color: #F0F0F0;
            text-align: center;
        }

        .MMDCommonControls .gridview .PagerStyle {
            background: #F0F0F0;
            background: linear-gradient(#C0C0C0, #F0F0F0, #FFFFFF, #E0E0E0, #C0C0C0);
            font-weight: bold;
        }

            .MMDCommonControls .gridview .PagerStyle TD {
                padding: 0em !Important;
                border: 0px none;
            }

            .MMDCommonControls .gridview .PagerStyle SPAN {
                display: inline-block;
                padding: 0.25em 0.5em;
                border-radius: 0.25em;
                border: 2px solid #C0C0C0;
                color: #000000;
                background: #FFFFFF;
            }

            .MMDCommonControls .gridview .PagerStyle A {
                display: inline-block;
                padding: 0.25em 0.5em;
                text-decoration: none;
                color: #000000;
                border: 2px solid transparent;
            }

    /* Required Field Formats */
    .MMDCommonControls .requiredTextbox {
        padding: 2px;
        border: 1px solid #999999;
        background-color: #FFFFCC;
    }

    .MMDCommonControls .requiredDropDown, .MMDCommonControls .requiredField {
        background-color: #FFFFCC;
    }

        .MMDCommonControls .requiredDropDown OPTION {
            background-color: #FFFFC0;
        }


    /* Input Table */
    .MMDCommonControls .InputTable {
        border-collapse: collapse;
    }

        .MMDCommonControls .InputTable > tr > th, .MMDCommonControls .InputTable > tbody > tr > th {
            text-align: right;
            padding: 2px 0.25em;
        }

        .MMDCommonControls .InputTable > tr > td, .MMDCommonControls .InputTable > tbody > tr > td {
            padding: 2px 0.25em;
        }

    .MMDCommonControls .gridview TD .InputTable TH {
        background-color: transparent;
        color: #000000;
        padding: 0em 0.25em;
        text-align: right;
    }

    .MMDCommonControls .gridview TD .InputTable TD {
        padding: 0em 0.25em;
    }

    /* Document Viewer */
    .MMDCommonControls.DocumentViewerPopup {
        background: linear-gradient(#F0F0F0,#FFFFFF,#FFFFFF,#F8F8F8,#F0F0F0);
        padding: 0.5em;
        border-left: 2px solid #C0C0C0;
        border-top: 2px solid #C0C0C0;
        border-right: 2px solid #606060;
        border-bottom: 2px solid #606060;
        border-radius: 0.5em;
        box-shadow: #404040 4px 4px 4px;
        padding: 10px;
        position: relative;
        height: 90%;
        width: 90%;
        min-width: 820px;
        overflow: auto;
    }

    .MMDCommonControls.DocumentViewerInline {
        width: 90%;
        min-width: 820px;
        position: relative;
    }

    /* Popups */
    .MMDCommonControls.PopupShield {
        background-color: rgba(0,0,0, 0.3);
    }

    .MMDCommonControls.Popup {
        background: #FFFFFF;
        background: linear-gradient(#F0F0F0,#FFFFFF,#FFFFFF,#F8F8F8,#F0F0F0);
        padding: 0.5em;
        border-left: 2px solid #C0C0C0;
        border-top: 2px solid #C0C0C0;
        border-right: 2px solid #606060;
        border-bottom: 2px solid #606060;
        border-radius: 0.5em;
        box-shadow: #404040 4px 4px 4px;
        padding: 10px;
        position: relative;
        text-align: left;
    }

    /* File Upload Control */
    .MMDCommonControls .FileUploadTextbox {
        width: 315px;
        vertical-align: middle;
    }

    .MMDCommonControls .FileUploadDiv {
        position: relative;
        display: inline-block;
        white-space: nowrap;
        text-align: left;
    }

    .MMDCommonControls .FileUploadButton {
        padding: 2px 3px 2px 3px;
        font-family: Arial;
        font-size: 9pt;
        cursor: pointer;
        text-align: center;
        border: 1px solid #999999;
        border-radius: 4px;
        box-shadow: 1px 1px 2px 0 #999999;
        background-color: #E8E9F4;
        vertical-align: middle;
    }

    .MMDCommonControls .FileUploadHidden {
        position: absolute;
        right: 0px;
        top: 3px;
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: "alpha(opacity=0)";
    }

    .MMDCommonControls.LoginStatusControl {
        font-size: 9pt;
    }

        .MMDCommonControls.LoginStatusControl a:link, .MMDCommonControls.LoginStatusControl a:visited {
            font-size: 9pt;
            color: #232D73;
            text-decoration: none;
        }

        .MMDCommonControls.LoginStatusControl a:hover, .MMDCommonControls.LoginStatusControl a:active {
            font-size: 9pt;
            color: #858DB8;
            text-decoration: none;
        }


/* Tooltip container */
.MMDCommonControls.ToolTip {
    white-space: nowrap;
    position: relative;
    display: inline-block;
    font-size: 10pt;
}

    /* Tooltip text */
    .MMDCommonControls.ToolTip .ToolTipText {
        display: none;
        min-width: 120px;
        max-width: 360px;
        background-color: #f7f6f6;
        border: 2px #232D73 solid;
        color: #232D73;
        text-align: left;
        padding: 5px;
        border-radius: 6px;
        font-weight: normal;
        /* Position the tooltip text panel*/
        position: absolute;
        z-index: 1;
        /* Fade in tooltip */
        opacity: 0;
        transition: opacity 0.3s;
        /* Position the tooltip text panel*/
        bottom: 110%;
        top: auto;
        left: 50%;
        right: auto;
        margin-left: -50%;
        white-space: normal !important;
    }

    /* Show the tooltip text when you mouse over the tooltip container */
    .MMDCommonControls.ToolTip:hover .ToolTipText {
        display: inline-block;
        opacity: 1;
    }

    .MMDCommonControls.ToolTip .ToolTipRight {
        /* Position the tooltip text panel*/
        top: 0px;
        bottom: auto;
        left: 110%;
        right: auto;
        margin-left: 0px;
    }

    .MMDCommonControls.ToolTip .ToolTipBottom {
        /* Position the tooltip text panel*/
        top: 110%;
        bottom: auto;
        left: 50%;
        right: auto;
        margin-left: -50%;
    }

    .MMDCommonControls.ToolTip .ToolTipLeft {
        /* Position the tooltip text panel*/
        top: 0px;
        bottom: auto;
        left: auto;
        right: 110%;
        margin-left: 0px;
    }