/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/cssplay-responsive-multi-level-two.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


/* Adjust the size and position of the touch screen menu icon background */

.trigger {
	width:50px; height:50px;
	position:fixed;
	left:0;
	top:0;
    width: 50px;
    height: 50px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1002;
    background: #f2f2f2;
    color: #fff;
    border-radius: 0 0 6px 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}


/* Adjust the touch screen menu icon properties */

.trigger label {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    /*background:url(menu-icon.png) no-repeat center center;*/
    cursor: pointer;
    margin: 0;
}

.trigger label:after {
    content: "\f0c9";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 30pt;
    color: #ffffff;
    top: -5px;
    left: 8px;
    margin: 0 0 0 0;
    z-index: 1;
}

.trigger label span {
    position: absolute;
    left: -9999px;
}

input.submenus,
input#toggle {
    position: absolute;
    display: none;
}


/* Add our logo right to the menu */

.menuHolder {
    width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    background: #2a3f55 url(/images/nystatemls_logo_small.png) no-repeat 4px 4px;
    z-index: 1004;
}

.menu {
    float: right;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -ms-touch-action: none;
}

.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
    text-align: left;
}

.menu li {
    display: block;
    position: relative;
}

.menu ul ul {
    position: absolute;
    left: -9999px;
    top: 50px;
    padding: 10px 0;
    z-index: 0;
    border-radius: 0 0 5px 5px;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.menu ul ul ul {
    left: 100%;
    top: auto;
    margin-top: -35px;
    border-radius: 5px;
}

.menu ul li.left>ul {
    left: auto;
    right: 0;
    top: 50px;
}

.menu ul li.left ul li>ul {
    left: auto;
    right: 100%;
    top: auto;
    margin-top: -35px;
}

.menu>ul {
    margin: 0 auto;
}


/* Added right border to main menu */

.menu>ul>li {
    float: left;
    position: relative;
    border-right: 1px solid #e6e6e6;
}

.menu ul {
    background: #2a3f55;
}

.menu a {
    display: block;
    text-transform: uppercase;
    font: normal 13px/25px 'texgyreadventorbold', 'lucida sans', arial, sans-serif;
    color: #fff;
    text-decoration: none;
    padding: 0 40px 0 20px;
    position: relative;
    z-index: 10;
}

.menu div {
    line-height: 50px;
    padding: 0 40px 0 20px;
    display: block;
    text-transform: uppercase;
    font: normal 13px/25px 'texgyreadventorbold', 'lucida sans', arial, sans-serif;
    color: #fff;
    text-decoration: none;
    position: relative;
    z-index: 10;
}

.FormButton {
    font-family: 'Quicksand', Verdana, sans-serif;
    font-weight: bold;
    font-size: 1em;
    letter-spacing: 1px;
    border-radius: 4px;
    padding: 6px;
}

.menu>ul>li>a {
    line-height: 50px;
}

.menu>ul>li>label {
    display: block;
    position: relative;
    width: 100%;
    margin: -50px 0 0 0;
    height: 50px;
    background: url(trans.gif);
    z-index: 100;
    -webkit-transition: 0s 0.5s;
    -o-transition: 0s 0.5s;
    -moz-transition: 0s 0.5s;
    transition: 0s 0.5s;
}

.menu ul ul>li>label {
    display: block;
    position: relative;
    margin: -25px 0 0 0;
    width: 100%;
    height: 25px;
    background: url(trans.gif);
    z-index: 100;
    -webkit-transition: 0s 0.5s;
    -o-transition: 0s 0.5s;
    -moz-transition: 0s 0.5s;
    transition: 0s 0.5s;
}

.menu ul li.back {
    display: none;
}

.menu li:hover>label {
    width: 0;
    /*margin:0;*/
}

.menu li.left ul a {
    text-align: right;
    padding: 0 20px 0 40px;
}

.menu li:hover>a,
.menu ul li:hover>a {
    color: #fff;
    background: #e6e6e6;
    text-decoration: underline;
}

.menu ul li a.hassub {
    /*background: url(arrow-down.png) no-repeat right center;*/
}

.menu>ul>li>a.hassub:after {
    content: "\f107";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 20px;
    color: #ffffff;
    top: 0;
    right: 14px;
    margin: 0 0 0 0;
    z-index: 1;
}

.menu ul li:hover>a.hassub:after {
    display: none;
}

.menu li ul li a.hassub {
    /*background: url(arrow-right.png) no-repeat right center;*/
}


.menu li:not(.left) ul>li:hover>a.hassub:after {
    display: none;
}
@media (max-width: 995px) {
    .menu li:not(.left) ul>li:hover>a.hassub:after  {
        display: none;
    }
}


.menu li:not(.left) ul>li>a.hassub:after {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 20px;
    color: #ffffff;
    top: 0;
    right: 14px;
    margin: 0 0 0 0;
    z-index: 1;
}

.menu li.left ul li a.hassub {
    /*background: url(arrow-left.png) no-repeat left center;*/
}

.menu li.left ul>li:hover>a.hassub:before {
    display: none;
}

@media (min-width:800px) {
    .menu li.left ul>li>a.hassub:before {
        content: "\f104";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        position: absolute;
        font-size: 20px;
        color: #ffffff;
        top: 0;
        left: 14px;
        margin: 0 0 0 0;
        z-index: 1;
    }
}

.menu ul li:hover>a.hassub {
    color: #fff;
    background-color: #e6e6e6;
    text-decoration: underline;
}

.menu li.left ul li:hover>a.hassub {
    color: #fff;
    background-color: #e6e6e6;
    text-decoration: underline;
}

.menu>ul {
    *display: inline;
}

.menu ul ul,
.menu ul ul ul,
.menu ul li.left>ul,
.menu ul li.left ul li>ul {
    left: -9999px;
    right: auto;
    opacity: 0;
}

.menu ul li:hover>ul {
    left: 0;
    opacity: 1;
}

.menu ul ul li:hover>ul {
    left: 100%;
    opacity: 1;
}

.menu ul li.left:hover>ul {
    left: auto;
    right: 0;
    opacity: 1;
}

.menu ul li.left ul li:hover>ul {
    left: auto;
    right: 100%;
    opacity: 1;
}


/*     for narrow screns, tablets and smartphones */
@media (min-width: 1470px) {
    .Desktop90sHide{
        display: block !important;
    }
}
@media screen and (max-width: 1470px) and (min-width: 1222px) {
    .Desktop90sHide{
        display: none !important;
    }
}
@media (max-width: 1222px) {
    .Desktop90sHide{
        display: block !important;
    }
    .menuHolder {
        position: fixed;
        left: -260px;
        width: 260px;
        top: 0;
        bottom: 0;
        height: auto;
        overflow-x: hidden;
        background: #f2f2f2;
        -webkit-transition: left 0.5s;
        -o-transition: left 0.5s;
        -moz-transition: left 0.5s;
        transition: left 0.5s;
    }
    .menu {
        width: 260px;
        text-align: center;
        position: absolute;
        z-index: 100;
        background: #f2f2f2;
        left: 0;
        top: 0;
        border-right: 1px solid #e6e6e6;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        -ms-touch-action: none;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    .menu ul {
        margin: 0;
        padding: 0;
        width: 260px;
        list-style: none;
        white-space: nowrap;
        text-align: left;
        border-radius: 0;
        background: #f2f2f2;
        border-right: 1px solid #e6e6e6;
    }
    .menu li {
        display: block;
        position: static;
        width: 260px;
        height: 50px;
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
    }
    .menu ul li.back {
        display: block;
    }
    .menu ul ul {
        position: absolute;
        left: 260px;
        top: -5000px;
        padding: 0;
        z-index: 0;
        opacity: 1;
        background: #f2f2f2;
        -webkit-transition: 0s 0.5s;
        -o-transition: 0s 0.5s;
        -moz-transition: 0s 0.5s;
        transition: 0s 0.5s;
    }
    .menu ul ul ul {
        left: 300px;
        top: -5000px;
        margin-top: 0;
        opacity: 1;
    }
    .menu ul li.left>ul {
        left: 260px;
        right: auto;
        top: -5000px;
    }
    .menu ul li.left ul li>ul {
        left: 260px;
        right: auto;
        top: -5000px;
        margin-top: 0;
    }
    .menu>ul {
        margin: 0;
    }
    .menu>ul>li {
        float: left;
        position: static;
    }
    .menu ul {
        background: #f2f2f2;
    }
    .menu a {
        display: block;
        font: normal 13px/50px 'texgyreadventorbold', 'lucida sans', arial, sans-serif;
        color: #eee;
        border-radius: 0 5px 5px 0;
        text-decoration: none;
        padding: 0 0 0 20px;
        margin-right: 50px;
        position: relative;
        z-index: 10;
        background: transparent;
    }
    .menu>ul>li>a {
        line-height: 50px;
    }
    .menu>ul>li>label,
    .menu ul ul>li>label {
        display: block;
        position: relative;
        margin: -46px 4px 0 0;
        width: 40px;
        height: 40px;
        border: 1px solid #3b5d7b;
        border-radius: 4px;
        float: right;
        /*background: #2a3f56 url(arrow-right.png) no-repeat center center; */
        z-index: 100;
        cursor: pointer;
        -webkit-transition: 0s;
        -o-transition: 0s;
        -moz-transition: 0s;
        transition: 0s;
    }
    .menu>ul>li>label {
        right: 4px;
    }
    .menu ul>li>label:after {
        content: "\f105";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        position: absolute;
        font-size: 20px;
        color: #ffffff;
        top: 4px;
        right: 14px;
        margin: 0 0 0 0;
        z-index: 1;
    }
    .menu ul>li.back>label:after {
        content: "\f104";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        position: absolute;
        font-size: 20px;
        color: #ffffff;
        top: 4px;
        right: 16px;
        margin: 0 0 0 0;
        z-index: 1;
    }
    .menu>ul>li>a.hassub:after {
        display: none;
    }
    .menu li:hover>label {
        width: 40px;
        /*margin:0;*/
    }
    .menu li.left ul a {
        text-align: left;
        padding: 0 40px 0 20px;
    }
    .menu ul li:hover>a {
        color: #eee;
        background: #f2f2f2;
        text-decoration: none;
    }
    .menu ul li a:hover,
    .menu ul li a.hassub:hover {
        color: #fff;
        background: #4b7ba5;
        text-decoration: underline;
    }
    /* was #595 */
    .menu ul li a.hassub,
    .menu li.left ul li a.hassub,
    .menu li ul li a.hassub {
        background: none;
    }
    .menu ul li.back label {
        display: block;
        width: 40px;
        height: 40px;
        margin: 4px 0 0 0;
        border-radius: 4px;
        float: right;
        right: 4px;
        /*background: #4b7ba5 url(arrow-left.png) no-repeat center center; */
        z-index: 100;
        cursor: pointer;
    }
    .menu ul li.back span {
        display: block;
        height: 18px;
        width: 180px;
        padding: 18px 0 0 20px;
        white-space: normal;
        float: left;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 14px;
    }
    .menu ul ul,
    .menu ul ul ul,
    .menu ul li.left>ul,
    .menu ul li.left ul li>ul {
        left: 260px;
        top: -5000px;
        right: auto;
        opacity: 1;
    }
    .menu ul li:hover>ul,
    .menu ul ul li:hover>ul,
    .menu ul li.left:hover>ul,
    .menu ul li.left ul li:hover>ul {
        left: 260px;
        right: auto;
        opacity: 1;
    }
    .menu ul li:hover>a.hassub,
    .menu li.left ul li:hover>a.hassub {
        background: none;
        color: #eee;
        text-decoration: none;
    }
    .menu ul li a.hassub:hover,
    .menu ul ul li a.hassub:hover,
    .menu li.left ul li a.hassub:hover {
        color: #fff;
        background: #4b7ba5;
        text-decoration: underline;
    }
    #submenu1:checked~.menu #p1,
    #submenu2:checked~.menu #p2,
    #submenu3:checked~.menu #p3,
    #submenu4:checked~.menu #p4,
    #submenu5:checked~.menu #p5,
    #submenu6:checked~.menu #p6,
    #submenu7:checked~.menu #p7,
    #submenu8:checked~.menu #p8,
    #submenu1a:checked~.menu #p1a,
    #submenu2a:checked~.menu #p2a,
    #submenu3a:checked~.menu #p3a,
    #submenu4a:checked~.menu #p4a,
    #submenu5a:checked~.menu #p5a,
    #submenu6a:checked~.menu #p6a,
    #submenu7a:checked~.menu #p7a,
    #submenu8a:checked~.menu #p8a,
    #submenu1b:checked~.menu #p1b,
    #submenu2b:checked~.menu #p2b,
    #submenu3b:checked~.menu #p3b,
    #submenu4b:checked~.menu #p4b,
    #submenu5b:checked~.menu #p5b,
    #submenu6b:checked~.menu #p6b,
    #submenu7b:checked~.menu #p7b,
    #submenu8b:checked~.menu #p8b {
        top: 0;
        -webkit-transition: 0s;
        -o-transition: 0s;
        -moz-transition: 0s;
        transition: 0s;
    }
    #submenu1:checked~.menu,
    #submenu2:checked~.menu,
    #submenu3:checked~.menu,
    #submenu4:checked~.menu,
    #submenu5:checked~.menu,
    #submenu6:checked~.menu,
    #submenu7:checked~.menu,
    #submenu8:checked~.menu {
        left: -260px;
    }
    #submenu1a:checked~.menu,
    #submenu2a:checked~.menu,
    #submenu3a:checked~.menu,
    #submenu4a:checked~.menu,
    #submenu5a:checked~.menu,
    #submenu6a:checked~.menu,
    #submenu7a:checked~.menu,
    #submenu8a:checked~.menu {
        left: -520px;
    }
    #submenu1b:checked~.menu,
    #submenu2b:checked~.menu,
    #submenu3b:checked~.menu,
    #submenu4b:checked~.menu,
    #submenu5b:checked~.menu,
    #submenu6b:checked~.menu,
    #submenu7b:checked~.menu,
    #submenu8b:checked~.menu {
        left: -780px;
    }
    /* Change the BodyWrapper to your own wrapper div id or class */
    #toggle:checked~#BodyWrapper {
        left: 260px;
    }
    #toggle:checked~#BodyWrapper .menuHolder {
        left: 0;
    }
    #toggle:checked~#BodyWrapper .trigger {
        left: 260px;
    }
}