/* 2025 New UI */

/* Header for the website top most portion of the master pages*/
#header .MasterHeaderBackground, #header.MasterHeaderBackground {
    background-color:  #e5ebf3 ; /* light blue or can use white  #ffffff;  */
}
/* just for now till we replace with new logo*/
#header .logo a, #header .logo  {
    font-size: medium;
    font-family: 'Open Sans';
    font-weight: bolder;
    color: #2f5597;
}

#child {
    width: 100%;
    overflow: hidden;
}

#child div.BoxShadowMenu, .BoxShadowMenu {
    /* width: 95%;*/
    position: absolute;
    left: 0px;
    /* top: 11em; 4/21/25 it somehow works different in secure and before  can't figure out why so removed it all together*/
    z-index: 900;
    box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


nav {
   /* width: 95%;*/
    height: auto;
    display: inline-block;
    background: #ffffff;
    color: #00408A;
    color: #1a2b57;
    white-space: nowrap;
}

    nav ul {
        list-style-type: none;
        float: left;
        display: inline-block;
        width: max-content;
    }

        nav ul li {
            position: relative;
            float: left;
            display: inline-block;
        }

            nav ul li button, nav ul li input[type=submit] {
                display: inline-block;
                color: #1a2b57;
                font: 1.1em/2em 'Open Sans', Verdana, Georgia, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, verdana, sans-serif;
                text-decoration: none;
                background: transparent url(../img/arrowDown15.gif) no-repeat right;
                border:none;
            }
                nav ul li button:hover, nav ul li input[type=submit]:hover {
                    background-color: #f7f7f7;
                    text-decoration: underline;
                    border: none;
                }
                nav ul li input[type=submit].tabMenuActive,
                nav ul li input[type=submit].tabMenuActive:hover {
                    background-color: #f7f7f7; /* background-image: none;*/
                    background: #f7f7f7 url(../img/arrowUp15.gif) no-repeat right;
                    text-decoration: none;
                    border: none;
                }
                    nav ul li input[type=submit].tabMenuActive:hover {
                        text-decoration: underline;
                    }

/*/////////////////////////////////////////////////  end top menu /////////////////////////////////////////////////////*/


/*////////////////////////////////////////////////// etart top submenu /////////////////////////////////////////////////////////*/

.navSubmenu {
   width: 100%; /**/
    display: inline-block;
    /*background: #1a2b57;*/ /* #2f5597 NJTBLUE insted of   #1a2b57; #00408A; */
    /*background: orange;*/
    background: #f7f7f7;
    color: white;
    color: #1a2b57;
    height: auto;
    display: inline-block;
    padding: 3em;
}

ul.navSubmenu {
    display: grid;
    padding: 0fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr ;  
    grid-gap: 3rem;
}

    ul.navSubmenu, ul.navSubmenu li ul li {
        margin: 0;
        padding: 0;
        list-style: none;
        background: none;
    }

        ul.navSubmenu li ul li {
            padding: 0;
            background: none;
        }

            navSubmenu ul li button, navSubmenu ul li input[type=submit], ul.navSubmenu li input[type=submit], ul.navSubmenu li ul li input[type=submit] {
                background: #2f5597;
               /* background: #1a2b57;
                background: orange;*/
                background: #f7f7f7;
                color: white;
                color: #1a2b57;
                padding: 1em 0;
                display: inline-block;
                text-align: left; /* NJTBLUE insted of  background: #00408A; */
            }

                ul.navSubmenu li button:hover, ul.navSubmenu li input[type=submit]:hover {
                    text-decoration: underline;
                }

                ul.navSubmenu li input[type=submit].HeaderButtn, ul.navSubmenu li ul li input[type=submit].HeaderButtn,
                ul.navSubmenu li label.HeaderButtn, ul.navSubmenu li ul li label.HeaderButtn,
                ul.navSubmenu li ul li span.HeaderButtn, ul.navSubmenu li ul li .HeaderButtn {
                    font-size: 1.2em;
                    color: white;
                    color: #1a2b57;
                    width: 100%;
                }


            ul.navSubmenu li ul li.HeaderLbl {
                letter-spacing: .2em;
                width: 100%;
                color: lightsteelblue;
                color: dimgrey;
                border-bottom: 1px dotted lightsteelblue;
                padding-bottom: .5em;
            }




            ul.navSubmenu li input[type=submit].submenu, ul.navSubmenu li ul li input[type=submit].submenu {
                font-size: 1em;
                line-height: 1em;
                color: white;
                color: #1a2b57;
                width: 100%;
                font-weight: normal;
            }






/*//////////////////////////////////////////////////  end top submenu  /////////////////////////////////////////////////////////*/








/* ////////////////////////////////////// secure top Main menu and sub Main menu //////////////////////////////////////////// */
.topMain {
    width: 100%;
    display: inline-block;
    color: white;
    background: #2f5597;
    display: inline-block;
    border-top: none;
    border: none;
/*    font: bold 0.9em/0.6em 'Open Sans', Verdana, Georgia, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, verdana, sans-serif;*/    
    font:  1em/0.6em 'Open Sans', Verdana, Georgia, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, verdana, sans-serif;
    text-decoration: none;
}

.topMainmenu {
    width: 100%;
    display: inline-block;
    color: white;
    background: #2f5597;
    display: inline-block;
    border-top: none;
    border: none; 
    text-decoration: none;
}

.topSubMenuItem {
    display: block;
    color: white;
    background: #2f5597;
    text-decoration: none; 
    border: none;
    text-decoration: none;
    padding: 10px;
}

   

.topHoverpaddingSubMenuItem, .topHoverpaddingSubMenuItem:hover {
    display: block;
    color: #1a2b57;
   /* color: white;*/
    background: white;
    text-decoration: none;
    border: none;
    text-decoration: none;
    padding: 10px;
    text-decoration: underline;
}




.subMainmenu {
    width: 100%;
    display: inline-block;
    color: #1a2b57;
    background: white;
    display: inline-block;
    border-top: none;
    border: none;
    font: 1.1em/3em 'Open Sans', Verdana, Georgia, Helvetica, 'Palatino Linotype', 'Book Antiqua','Lucida Grande', arial, tahoma, verdana, sans-serif;
    z-index: 600;
    text-decoration: none;    
}

.subSubMenuItem {
    display: block;
    color: #1a2b57;
    background: white;
    text-decoration: none;
    border: none;
    padding: 10px;
}

.subHoverpaddingSubMenuItem, .subHoverpaddingSubMenuItem:hover {
    display: block;
  /*  color: white;*/
    color: #1a2b57;
    /* background: #2f5597;*/
    background: #f7f7f7;
    border: none;
    text-decoration: none;
    text-decoration: underline;
    padding: 10px;
}

   
/* ///////////////////////////////////////////////////////////////////////////////// */
a {
    width: auto;
    color: #006e93; /*#0099cc  #00749b */
}












/*////////////////////////////////////////////////// sitemap menu background: #072446 ; ///////////////////////////////////////////////////*/
/*   grstsitemap 2 columns   */
.grstsitemap {
    /*width: 100%; remove because it may cause the issue of a white space in mobile dev*/
    height: auto;
    display: inline-block;
    padding: 3em 1em 8em 1em;
    background: #1a2b57; /* NJTBLUE insted of   #00408A; */
    /*background-image: linear-gradient(to top, #00408A 0%, #072446  100%); 
                        background-image: linear-gradient(to top, #ffffff 0%, #dddddd 100%);
                        background-image: linear-gradient(to top, #ffffff 0%, #666666 100%);*/
}

ul.grstsitemap {
    display: grid;
    padding: 0;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1rem;
    border: none;
}

    ul.grstsitemap, ul.grstsitemap li ul li {
        margin: 0;
        padding: 0;
        list-style: none;
        background: none;
    }

        ul.grstsitemap li ul li {
            padding: 0 1em;
            background: none;
        }

            grstsitemap ul li button, grstsitemap ul li input[type=submit], ul.grstsitemap li input[type=submit], ul.grstsitemap li ul li input[type=submit] {
                padding: 1em 2em;
                display: inline-block;
                background: none;
                font-weight: normal;
                text-align: left; /*font: normal 1em / 1em 'Open Sans', Georgia, Helvetica, tahoma, verdana, sans-serif;*/
            }

                ul.grstsitemap li button:hover, ul.grstsitemap li input[type=submit]:hover {
                    background: none;
                    text-decoration: underline; /*color :#0099cc;*/
                }

                ul.grstsitemap li input[type=submit].Header, ul.grstsitemap li ul li input[type=submit].Header {
                    font-size: 1em;
                    padding: 3em 0 1em 0;
                    color: #bbb;
                    width: 100%;
                    border-bottom: 1px dotted #bbb;
                    text-decoration: none;
                    cursor: none;

                }



                ul.grstsitemap li input[type=submit].submenu, ul.grstsitemap li ul li input[type=submit].submenu {
                    font-size: 0.8em;
                    padding: 1em 0 1em 0;
                    line-height: 0.6em;
                    color: #bbb;
                    width: 100%;
                    border: none;
                }
/*/////////////////////////////////////////////////  end sitemap menu /////////////////////////////////////////////////////*/


.grstsitemap input[type=submit], input[type=submit].grstsitemap, .grstsitemap {
    border: none;
}

/*/////////////////////////////////////////////////  start local menu for applications  /////////////////////////////////////////////////////*/
#pnlExtended.LocalMenuPanel, .LocalMenuPanel {
    background-color: #f7f7f7;
    width: 23em;
    padding: .2em;
    border: 1px solid #a5acb2;
    box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.2), 0 6px 20px 2px rgba(0, 0, 0, 0.19);
}
#pnlProgress.ProgressPanel, .ProgressPanel {
    background-color: #f7f7f7;
    border: 1px solid #a5acb2;
    box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.2), 0 6px 20px 2px rgba(0, 0, 0, 0.19);
}
/*/////////////////////////////////////////////////  end local menu for applications  /////////////////////////////////////////////////////*/