/*
---------------------------------------------------------------------
Menu
---------------------------------------------------------------------
*/


#Menu_mobileheader {
    background: none;
    background-color: #143546;
}

    #Menu_mobileheader a {
        background-color: transparent !important;
        border: none !important;
    }


.ui-content.Menu_mobilecontainer {
    padding: 2px !important;
}


/* slide in menu */

.Main_panel_menu .ui-panel-inner {
    padding: 0px !important;
}

.Main_panel_menu .panel_banner_padded {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
}

#Main_html_panel_banner {
    background-color: #1c495e
}

    #Main_html_panel_banner label {
        color: #ffffff;
    }

#Panel_ImgSelectedStudentNew {
    border-radius: 50%;
}


.not-a-ui-block-b a.Main2.ui-link {
    text-decoration: none !important;
    font-size: 12px !important;
    color: #1c495e !important;
}


.ui-panel-dismiss {
    background-color: #333 !important;
    opacity: .6 !important;
}




/*Try a drop shadow on the images in the menu

#Menu_divMenu div.ui-block-b a.Main2 img {
   -webkit-filter: drop-shadow(3px 3px 3px #222);
  filter: drop-shadow(3px 3px 3px #222);
}


*/



.divMenuWrap {
    margin: 0 !important;
}


    /* really big sizes */

    .divMenuWrap a.ui-btn {
        text-align: left !important;
        font-size: .8em; /* double columns though */
        white-space: nowrap !important;
        padding-top: 15px;
        padding-bottom: 15px;
    }

        .divMenuWrap a.ui-btn::after {
            display: block;
        }

#Menu_divMenuControls .ui-block-b a {
    padding-left: 8px;
    padding-right: 8px;
}



/*640  */
@media all and (max-width: 40em) {
    .divMenuWrap a.ui-btn {
        text-align: left !important;
        font-size: 1.1em; /* double columns though */
        white-space: nowrap !important;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 8px;
        padding-right: 8px;
    }

        .divMenuWrap a.ui-btn::after {
            display: block;
        }

    #Menu_divMenuControls .ui-block-b a {
        padding-left: 8px;
        padding-right: 8px;
    }
}




@media all and (max-width: 30em) { /*480  */
    .divMenuWrap a.ui-btn {
        text-align: left !important;
        font-size: .8em; /* double columns though */
        white-space: nowrap !important;
        padding-top: 15px;
        padding-bottom: 15px;
    }

        .divMenuWrap a.ui-btn::after {
            display: none;
        }
}



/*400 x 800*/ /*25 --> 26 */
@media all and (max-width: 25em) {

    .divMenuWrap a.ui-btn {
        font-size: 1.2em;
        padding-top: 8px;
        padding-bottom: 8px;
    }

        .divMenuWrap a.ui-btn::after {
            display: block;
        }

    .my-breakpoint .ui-block-a,
    .my-breakpoint .ui-block-b,
    .my-breakpoint .ui-block-c,
    .my-breakpoint .ui-block-d,
    .my-breakpoint .ui-block-e {
        width: 100%;
        float: none;
    }

    #Menu_divMenuControls .ui-block-b a {
        padding-left: 15px;
        padding-right: 15px;
    }
}




/*320 x 480 */
@media all and (max-width: 20em) {

    .divMenuWrap a.ui-btn {
        font-size: 0.9em;
        padding-top: 8px;
        padding-bottom: 8px;
    }

        .divMenuWrap a.ui-btn::after {
            display: block;
        }

    .my-breakpoint .ui-block-a,
    .my-breakpoint .ui-block-b,
    .my-breakpoint .ui-block-c,
    .my-breakpoint .ui-block-d,
    .my-breakpoint .ui-block-e {
        width: 100%;
        float: none;
    }

    #Menu_divMenuControls .ui-block-b a {
        padding-left: 8px;
        padding-right: 8px;
    }
}







/*240 x 320 */
@media all and (max-width: 15em) {


    .divMenuWrap a.ui-btn {
        font-size: .8em;
        padding-top: 8px;
        padding-bottom: 8px;
    }

        .divMenuWrap a.ui-btn::after {
            display: none;
        }


    .my-breakpoint .ui-block-a,
    .my-breakpoint .ui-block-b,
    .my-breakpoint .ui-block-c,
    .my-breakpoint .ui-block-d,
    .my-breakpoint .ui-block-e {
        width: 100%;
        float: none;
    }

    #Menu_divMenuControls .ui-block-b a {
        padding-left: 4px;
        padding-right: 4px;
    }
}





.Main2 img {
    vertical-align: middle;
}




#Menu_mobilepopup_17-popup, #Main_mobilepopup_23-popup, .topzero {
    top: 10px !important;
}

#Menu_mobilepopup_17-popup, #Main_mobilepopup_23-popup {
    width: 90%;
    left: 5%;
}



#Menu_divMenuControls .ui-block-b {
    padding: 2px;
}
/*leave room for select shadow




/* ------------------------------------------------------------------------------------------------------ */

/*



.divMenuWrap {
    overflow:visible !important;
}

.divMenuWrap a.ui-mini {
	font-size:9.5px;
    font-weight:100;
    margin-right:0;
    margin-bottom:0;
    min-height:60px;
}


.divMenuWrap .ui-mini:after {
    font-size: 36px;
    margin-left:-18px;
    margin-top:-6px;
}


.divMenuWrap a.ui-mini.zoomed {
    font-size:14px;
    min-height:120px;
}

.divMenuWrap .ui-mini.zoomed:after {
    font-size: 48px;
    margin-left:-24px;
    margin-top:-6px;
}
*/