/* THIS IS A NUGET MANAGED FILE */
/*
CURRENT ISSUES:
Mac - Safari:
  - Header Title not aligned right

PC - Netscape:
  - Header Title not aligned right

Current Colors

white : w h i t e 
    body.background
    MPSessionInfo.color
    MPNavRoot.color
    MPNavRootSelected a.color
    MPNavSub1Item.color
    MPNavSub1ItemSelected a.background
    MPNavSub2Item.color
    MPNavSub2ItemSelected a.background

gray : s i l v e r 
    MPSessionInfo.background
    MPNavRootContainer.background
    MPNavSub1ItemSelected a
    MPNavSub2Container.background
    MPNavSub2ContainerController.background
    MPNavSub2ItemSelected a.color

gray : g r a y
    MPHeader.border-bottom
    MPHeader .Title.color
    MPNavFastLinks.color
    MPNavFastLinks.border-top

#3300CC  : #D D 0 0 0 0 
    MPNavRootSelected a.background
    MPNavSub1Container.background
    MPNavSub2Container.border
    MPNavSub2ContainerController.border
    RootSub1Separator.background
    MPNavFastLinks a:hover.color

*/
/* Use the below css class to hide the pseudo element -ms-clear on textbox, 
    This removes the "x" button inside the textbox. This is added to maintain consistent behavior among all browsers
    Reference: https://geektnt.com/how-to-remove-x-from-search-input-field-on-chrome-and-ie.html
*/
input[type=text]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type=text]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

/*
--------------- HTML REDEFIND -----------------
*/

@media screen {

    .MPCopy {
        float: left;
        width: 50%;
        padding-left: 5px;
        font-size: 8pt;
        font-weight: bold;
    }

    .MPDisclaimerContainer {
    }

        .MPDisclaimerContainer div {
            font-size: 10pt;
            font-weight: normal;
            text-align: left;
            padding: 5px;
            border: solid 2px #0000FF;
            background-color: #E5E5E5;
            margin-top: 3px;
            width: 438px;
        }

        .MPDisclaimerContainer p {
            margin: 0 0 0 0;
            border: none;
            padding: 3px 0 3px 0;
        }

    .MPTrainingLabel {
        width: 434px;
        text-align: center;
        margin-top: 3px;
    }

    .MPUpdateBrowserPanel {
        margin-bottom: 5px;
        border: solid 5px #FF0000;
        padding: 5px;
        background-color: #E5E5E5;
        width: 434px;
    }

    /* added when .NET 3.5 rendering setting removed, dynamically assigned via JavaScript in MasterPage to validators */
    .standardValidatorMessage {
        color: red;
        font-weight: bold;
        padding-left: 5px;
    }

    /* adds a blue border box with grey background */
    .MPSettingsBox {
        background-color: #E5E5E5;
        padding: 0;
        border: solid 2px #0000FF;
    }


        /* blue background table caption */
        .MPSettingsBox caption {
            background-color: #0000FF;
            padding: 0;
            color: #FFFFFF;
            border: 0;
            font-weight: bold;
        }

    /* red border, yellowish background */
    .messagearea {
        background-color: #F0E68C;
        border: solid 1px #FF0000;
        padding: 0;
    }

        .messagearea span.header {
            background-color: #FF0000;
            color: #FFFFFF;
            display: block;
            font-weight: bold;
            text-align: center;
        }

    body {
        background: white;
        font-family: Arial, Sans-Serif;
        font-size: small;
        margin: 0px;
        font-weight: normal;
    }

    td {
        font-weight: normal;
    }





    /*
        --------------- SESSION INFO -----------------
        */
    .MPSessionInfoArea {
        background: gray;
        color: white;
        width: 100%;
        padding: 3px 0px 3px 0px;
        margin: 0px;
        display: block;
    }

    .MPSessionInfoData {
        float: left; /* text-align: left; */
    }

    .MPSessionInfoLinks {
        float: right; /* text-align: right; */
    }

        .MPSessionInfoLinks a {
            color: white;
            margin-right: 10px;
            font-weight: bold;
            text-decoration: none;
        }

            .MPSessionInfoLinks a:hover {
                text-decoration: underline;
            }


    /*
        --------------- FAST LINKS -----------------
        */
    .MPNavFastLinksContainer {
        font-size: medium;
        text-align: left;
        border-top: solid 1px gray;
    }

    .MPNavFastLinks /* the class */ {
        font-size: medium;
        padding-right: 5px;
        color: gray;
    }

        .MPNavFastLinks a:hover {
            font-size: medium;
            padding-right: 5px;
            color: #3300CC;
            text-decoration: underline;
        }



    /*
        --------------- ROOT aka "TABS" -----------------
        */
    #MPNavRootContainer {
        background: gray;
        width: 100%;
        float: left;
        margin: 0px 0px 3px 0px;
    }

    .MPNavRoot {
        float: left;
        color: white;
    }

        /* --------------- ROOT LINK STYLES ----------------- */
        .MPNavRoot a {
            display: block;
            padding: 5px 10px 5px 10px;
            font-family: Arial Rounded MT Bold, Arial, Sans-Serif;
            text-decoration: none;
            font-weight: bold;
        }

        /* DO NOT REMOVE - Commented Backslash Hack hides rule from IE5-Mac \*/
        .MPNavRoot a {
            float: none;
        }
            /* End IE5-Mac hack */


            .MPNavRoot a:hover {
                text-decoration: underline;
            }

    .MPNavRootSelected a {
        background: #3300CC;
        color: white;
    }



    /*
        --------------- SUB1 aka BAR -----------------
        */
    #MPNavSub1Container {
        float: left;
        line-height: 10px;
        width: 100%;
        background: #3300CC;
        font-size: 90%;
        font-weight: bold;
    }

    /*
        --------------- SUB1 LINK STYLES -----------------
        */

    .MPNavSub1Item {
        float: left;
        padding: 0px;
        color: white;
        font-weight: bold;
    }

        .MPNavSub1Item a {
            margin: 0;
            padding: 2px 10px 2px 10px;
            display: block;
            text-decoration: none;
        }

        /* Commented Backslash Hack
               hides rule from IE5-Mac \*/
        .MPNavSub1Item a {
            float: none;
        }
            /* End IE5-Mac hack */



            .MPNavSub1Item a:hover {
                text-decoration: underline;
            }

    .MPNavSub1ItemSelected a {
        color: gray;
        background: white;
    }


    /*
        --------------- SUB2 aka BOX -----------------
        */
    #MPNavSub2Container {
        float: left;
        border: solid 1px #3300CC;
        background: gray;
        width: auto;
        padding: 5px 10px 5px 0px;
        text-decoration: none;
        margin-left: 0px;
        border-left-width: 0px;
        overflow: hidden;
    }

    .MPNavSub2ContainerController {
        float: left;
        width: 12px;
        height: 12px;
        background: gray;
        margin: 0;
        padding: 1px;
        cursor: pointer;
        border: solid 1px #3300CC;
        border-left: 0px;
        display: block;
    }

    .MPNavSub2Show {
        display: block;
    }

    .MPNavSub2Hide {
        display: none;
    }

    /*
        --------------- SUB2 LINK STYLES -----------------
        */

    .MPNavSub2Item {
        color: white;
        line-height: 125%;
    }

        .MPNavSub2Item a {
            text-decoration: none;
        }

        /* Commented Backslash Hack
               hides rule from IE5-Mac \*/
        .MPNavSub2Item a {
            float: none;
        }
            /* End IE5-Mac hack */

            .MPNavSub2Item a:hover {
                text-decoration: underline;
            }

    .MPNavSub2ItemSelected a {
        color: gray;
        background: white;
    }




    /*
        --------------- OVERALL - LAYOUT -----------------
        */
    .MPHeaderContainer {
        margin: 0px 0px 3px 0px;
        border-bottom: solid 1px gray;
    }

        .MPHeaderContainer .Title {
            float: right;
            font-size: 18pt;
            width: auto;
            color: gray;
            font-family: Times New Roman, Serif;
            border: 0px;
            text-align: right;
            margin-right: 10px;
        }

        .MPHeaderContainer .Logo {
            float: left;
            margin-top: 4px;
            margin-bottom: 4px;
        }

    #MPContent {
        border: 0px;
        margin-top: 5px;
        padding: 0px;
    }

    #MPPlaceHolderContent {
        float: left;
        margin: 0px 20px 0px 20px;
        width: auto;
    }

    #MPFooter {
        border-top: 0px;
        width: 100%;
        padding: 0px;
        text-align: center;
    }


    /*
        --------------- HELPER -----------------
        */
    .RootSub1Separator {
        background: #3300CC;
        line-height: 3px;
    }

    .clearFloats {
        clear: both;
    }



    .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: #ccc;
        padding-top: 20%;
        filter: alpha(opacity=75);
        opacity: 0.75;
    }

    .LockPaneText {
        width: 55%;
        background-color: #3300CC;
        color: White;
        font-size: large;
        border: solid 3px White;
        padding: 9px 9px 9px 20px;
        margin-left: auto;
        margin-right: auto;
    }
}
/* end screen */


/*===========================================================================
/  Print stylesheet
============================================================================*/

@media print {
    .MPCopy {
        float: left;
        width: 50%;
        padding-left: 5px;
        font-size: 8pt;
        font-weight: bold;
    }

    .MPDisclaimerContainer {
    }

        .MPDisclaimerContainer div {
            font-size: 10pt;
            font-weight: normal;
            text-align: left;
            padding: 5px;
            border: solid 2px #0000FF;
            background-color: #E5E5E5;
            margin-top: 3px;
            width: 438px;
        }

        .MPDisclaimerContainer p {
            margin: 0 0 0 0;
            border: none;
            padding: 3px 0 3px 0;
        }

    body {
        background: white;
        font-family: Arial, Sans-Serif;
        font-size: small;
        margin: 0px;
        font-weight: normal;
    }

    td {
        font-weight: normal;
    }



    /*
        --------------- SESSION INFO -----------------
        */
    .MPSessionInfo {
        background: gray;
        color: white;
        width: 100%;
        padding: 0px 0px 3px 0px;
        margin: 0px;
        text-align: left;
    }

        .MPSessionInfo a {
            text-decoration: none;
        }

            .MPSessionInfo a:hover {
                text-decoration: underline;
            }


    .MPSessionInfoLinks {
        display: none;
    }

    /*
        --------------- FAST LINKS -----------------
        */
    .MPNavFastLinksContainer {
        display: none;
    }

    .MPNavFastLinks /* the class */ {
        font-size: medium;
        padding-right: 5px;
        color: gray;
    }

        .MPNavFastLinks a:hover {
            font-size: medium;
            padding-right: 5px;
            color: #3300CC;
            text-decoration: underline;
        }



    /*
        --------------- ROOT aka "TABS" -----------------
        */
    #MPNavRootContainer {
        display: none;
    }

    .MPNavRoot {
        float: left;
        color: white;
    }

        /* --------------- ROOT LINK STYLES ----------------- */
        .MPNavRoot a {
            display: block;
            padding: 5px 10px 5px 10px;
            font-family: Arial Rounded MT Bold, Arial, Sans-Serif;
            text-decoration: none;
            font-weight: bold;
        }

        /* DO NOT REMOVE - Commented Backslash Hack hides rule from IE5-Mac \*/
        .MPNavRoot a {
            float: none;
        }
            /* End IE5-Mac hack */


            .MPNavRoot a:hover {
                text-decoration: underline;
            }

    .MPNavRootSelected a {
        background: #3300CC;
        color: white;
    }



    /*
        --------------- SUB1 aka BAR -----------------
        */
    #MPNavSub1Container {
        display: none;
    }

    /*
        --------------- SUB1 LINK STYLES -----------------
        */

    .MPNavSub1Item {
        float: left;
        padding: 0px;
        color: white;
        font-weight: bold;
    }

        .MPNavSub1Item a {
            margin: 0;
            padding: 2px 10px 2px 10px;
            display: block;
            text-decoration: none;
        }

        /* Commented Backslash Hack
               hides rule from IE5-Mac \*/
        .MPNavSub1Item a {
            float: none;
        }
            /* End IE5-Mac hack */



            .MPNavSub1Item a:hover {
                text-decoration: underline;
            }

    .MPNavSub1ItemSelected a {
        color: gray;
        background: white;
    }


    /*
        --------------- SUB2 aka BOX -----------------
        */
    #MPNavSub2Container {
        display: none;
    }

    .MPNavSub2ContainerController {
        display: none;
    }

    .MPNavSub2Show {
        display: none;
    }

    .MPNavSub2Hide {
        display: none;
    }

    /*
        --------------- SUB2 LINK STYLES -----------------
        */

    .MPNavSub2Item {
        display: none;
    }

        .MPNavSub2Item a {
            display: none;
        }

        /* Commented Backslash Hack
               hides rule from IE5-Mac \*/
        .MPNavSub2Item a {
            display: none;
        }
            /* End IE5-Mac hack */

            .MPNavSub2Item a:hover {
                display: none;
            }

    .MPNavSub2ItemSelected a {
        display: none;
    }




    /*
        --------------- OVERALL - LAYOUT -----------------
        */
    .MPHeaderContainer {
        float: left; /* text-align: left; */
        margin: 0px 0px 3px 0px;
        border-bottom: solid 1px gray;
    }

        .MPHeaderContainer .Title {
            float: right;
            font-size: 18pt;
            width: auto;
            color: gray;
            font-family: Times New Roman, Serif;
            border: 0px;
            text-align: right;
            margin-right: 10px;
        }

        .MPHeaderContainer .Logo {
            float: left;
        }

    #MPContent {
        border: 0px;
        margin-top: 5px;
        padding: 0px;
    }

    #MPPlaceHolderContent {
        float: left;
        margin: 0px 20px 0px 20px;
        width: auto;
        min-width: 500px;
    }

    #MPFooter {
        border-top: 0px;
        width: 100%;
        padding: 0px;
        text-align: center;
    }


    /*
        --------------- HELPER -----------------
        */
    .RootSub1Separator {
        background: #3300CC;
        line-height: 3px;
    }

    .clearFloats {
        clear: both;
    }
}