/*
**
** MasterPage Style Sheet
**
*/

/*
   Table
   +------------------------------+  MPTbl     - Table Element
   |             Header           |  MP[Nam]Tr - Name of Table Row Element
   |------------------------------|  MP[Nam]Td - Name of Table Cell Element
   |   Top Bar                    |
   |------------------------------|    [Nam] - Hdr: Header
   |   Left   |  Content          |            Lef: Left Navigation   Hid: Hide   Tpb: Top Bar
   |   Nav    |                   |            Ctt: Content
   |------------------------------|            Ftr: Footer
   |   Footer                     |
   +------------------------------+  D
          

*/

/* Note 1: The # prefix indicates it's referenced by the ID */
#MPTbl {
    width: 760px;
    vertical-align: middle;
    border-color: #000033;
    background-color: #000000;
}

#MPHdrTr {
    background-color: #FFFFFF;
}

#MPHdrTd {
    /* This is slightly off colour */
    background-color: #CCE2E4;
}

#MPTbpTr {
}

#MPTpbTd {
    vertical-align: top;
    text-align: right;
    background-color: #FFFF00;
    width: 0px;
    padding: 0px;
}

#MPLefCttTr {
}

#MPLefTd {
    vertical-align: top;
    background-color: #A52A2A;
    /* Won't work with a width on the TreeView skin*/
    /* LeftNav won't colapse if min-width is set */
    /* _width: 200px; /* Visible to IE6 only*/
    /* min-width: 200px; /* Visible to IE7 only*/
}

#MPCttTd {
    vertical-align: top;
    background-color: #FFFFE0;
    height: 350px;
    padding: 10px;
    padding-top: 0px;
    /* Won't work with a width on the TreeView skin*/
    _width: 560px; /* Visible to IE6 only*/
    min-width: 560px; /* Visible to IE7 only*/
}

#MPFtrTr {
    background-color: #FFFF00;
}

#MPFtrTd {
}

#MPFtrTdTxt {
    font: Ariel;
    font-size: 8pt;
    color: #FFFFFF
}

#mnuTop {
    float: right !important
}

/* Note 2: The . prefix indicates it's referenced by the CssClass */
.table_login {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    background: url(../../images/login.gif);
    background-repeat: no-repeat;
    background-size: cover; /*237px 165px;*/
    border: 0;
    width: 237px;
    height: 165px;
}

.login_inst {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    color: #FFFFFF;
    width: 190px;
    height: 20px;
    display: inline-block;
    margin-top: 5px;
    margin-left: 5px;
}
/*
**
** Defaults
**
a:link
{ 
	color: #333333;
}
a:visited
{ 
	color: #CCCCCC;
}
a:hover
{ 
	color: #CCCCCC;
}
a:active
{ 
	color: #333333;
}
*/

/*
**
** HTML Body
**
*/

/* Note 3: Only for HTML and not asp controls */

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
}

table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
}

/* H1-Heading used for all titles */
H1 {
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    color: #008000;
    text-align: left;
    background-image: url(../../images/DividerLine.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

/* H1Help-Heading used for Help page */
H1Help {
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    background-image: url(../../images/DividerLine.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

/* H2-Heading used for all sub-titles */
H2 {
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #008000;
    margin-top: 12px;
}
/* tr-Underline used for MUV Planned Rollout */
tr.underline {
    height: 50px;
    vertical-align: bottom;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-image: url(../../images/DividerLine.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
}

/* H3-Heading used for all bulleted lists */
H3 {
    font-weight: bold;
    color: #008000;
    font-size: 12px;
    margin-bottom: -12px;
}

/* H4-Heading used for separations */
H4 {
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    background-image: url(../../images/DividerLine.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

/* Note 4: To control the <asp:DropDownList> that are rendered as <select> and <option>
	Aug 30, 2024, Chrome added verticle padding to the list of options
    In <option>, can set background-color but nothing else. Can't remove the padding
    The <option> element is an example of a "replaced element". 
    They are OS-dependent and are not part of the HTML/browser. 
    It cannot be styled via CSS, except for background-color and color.
    https://stackoverflow.com/questions/7208786/how-to-style-the-option-of-an-html-select-element
*/

/*
select {
    padding-block-end: 10px !important;
}

option {
    background-color: aquamarine;
}
*/

/* ul-bulleted lists formatting */
ul {
    list-style-image: url(../../images/css-bullet.gif);
    text-indent: -3px;
}

    /* ul-bulleted lists formatting for FAQ */
    ul.disk_left {
        list-style-image: none;
        text-indent: -17px;
        list-style-type: disc;
    }

/* Ordered List formatting for FAQ */
ol.continue {
    list-style: continue;
}

/* li List Items formatting for FAQ */
li.answer {
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    list-style-type: disc;
}

/* li List Items formatting for FAQ */
li.question {
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    padding-bottom: 25px;
}

/* div DIV for Pagination for GridView and GridPager */
div.pagination {
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
}
/* a (linkbutton) for Pagination for GridView and GridPager */
a.page {
    /* font-family: Verdana, Arial, Helvetica, sans-serif; */
    font-size: 12px;
    color: White;
    padding: 4px;
}
/* label for Pagination for GridView and GridPager */
span.page {
    /* font-family: Verdana, Arial, Helvetica, sans-serif; */
    font-size: 12px;
    color: Black;
    padding: 4px;
}

/* table Small fonts in table formatting for FAQ MUV Releases table */
table#releases {
    width: 750px;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
}

    /* table cell Text top and left-padded for cells in table formatting for FAQ MUV Releases table */
    table#releases td {
        vertical-align: top;
        padding-left: 5px;
    }

        /* table cell Shading for header cells in table formatting for FAQ MUV Releases table */
        table#releases td.shading_top {
            background-color: #3CB371;
            font-size: 12px;
            font-style: normal;
            font-weight: bold;
            text-align: center;
        }

        /* table cell Shading for left cells in table formatting for FAQ MUV Releases table */
        table#releases td.shading_left {
            background-color: #3CB371;
            font-size: 12px;
            font-style: normal;
            font-weight: bold;
            text-align: left;
        }

        /* table cell Shading for left Role cell in table formatting for FAQ MUV Releases table */
        table#releases td.shading_left_bottom {
            background-color: #3CB371;
            font-size: 12px;
            font-style: normal;
            font-weight: bold;
            text-align: left;
            vertical-align: bottom;
        }

/* a-link formatting */
a {
    font-weight: bold;
    color: #2788B5;
    text-decoration: none;
    bottom: 50px;
}

divRight {
    text-align: right;
    width: 100%;
}

@media print {
    .NoPrint {
        display: none;
    }
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}