﻿/* Micorsite redesign DESKTOP LEFT MENU CSS 09-2016 - These styles are added after all others. 
Previous menu styles will need to be cleaned up once implemented */


.nyserda-menu {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

    .nyserda-menu ul {
        list-style: none;
        margin-left: 0;
        padding-left: 0;
    }

    .nyserda-menu a {
        font-size: 17px;
        display: block;
        padding: 6px;
        line-height: 24px;
        text-decoration: none !important;
    }

        .nyserda-menu a:hover {
            color: #CC0000;
            border-bottom: none;
            background-color: #d0e8f3;
            text-decoration: none;
        }


    .nyserda-menu > li > a {
        padding-left: 10px;
    }

/* gray */
.level-2-active a {
    border-left: 3px solid #e4e4e4;
}

/* blue */
.nyserda-menu .nyserda-menu-item-active {
    border-left: 3px solid #0077C8;
    color: #000;
}



.nyserda-menu .nyserda-menu-level-1 > a {
    text-transform: uppercase;
    font-weight: 800; /* heavy */
}

.nyserda-menu .nyserda-menu-level-2 > a {
    font-weight: bold;
}

.nyserda-menu .nyserda-all-level-3 > li a {
    font-weight: 600; /* semi */
    padding-left: 20px;
    /*color:#585858;*/
}

.nyserda-menu .nyserda-all-level-4 > li a {
    font-weight: normal;
    padding-left: 40px;
}


/* Nyserda Mobile Menu */



.ms-mobile-nav ul {
    background: none;
}


.microsite-menu-mobile {
    padding-left: 0;
    margin-left: 0;
}

    .microsite-menu-mobile li a {
        color: #fff;
        font-size: 16.67px;
        display: block;
        padding: 20px 40px 20px 40px;
        font-weight: 800;
    }

    .microsite-menu-mobile li {
        border-bottom: 1px solid #124077;
        position: relative;
    }

        .microsite-menu-mobile li > ul > li:last-child {
            border-bottom: 0 none;
        }

    .microsite-menu-mobile > li > a {
        color: #fff;
        font-size: 16.67px;
        background-color: #1b2a5e;
        text-transform: uppercase;
    }

/*.microsite-menu-mobile > .relatedM {
    border-bottom:none;
}

.microsite-menu-mobile > .relatedM > a {
    font-size: 14px;
}

.microsite-menu-mobile > .relatedM.page-active > a {
    border-bottom:none;
}

.microsite-menu-mobile > .related {
    border-bottom:none;
}

.microsite-menu-mobile > .related > a {
    font-size: 14px;
    font-weight:400;
    text-transform:none;
}

.microsite-menu-mobile > .related.page-active > a {
    border-bottom:none;
}*/

.sub > a {
    background-image: url('../icons/icon-w-right.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

.sub-active > a,
.microsite-menu-mobile .sub-active > a {
    background-image: url('../icons/icon-b-down.png');
    background-color: #0c173f;
}

.microsite-menu-mobile > li > a {
    font-weight: 800;
}

.microsite-menu-mobile li > ul {
    padding-left: 0;
    list-style: none;
}

.microsite-menu-mobile li {
    background-color: #0c173f;
}

    .microsite-menu-mobile li > ul > li > a {
        background-color: #0c173f;
        font-weight: bold;
    }

.page-active > a,
.sub-active > a {
    border-bottom: 1px solid #124077;
}

.ind {
    display: block;
    position: absolute;
    left: 10px;
    width: 6px;
    top: 0;
    height: 100%;
}

.page-active > a .ind,
.sub-active .page-active > .ind {
    background-color: #fff;
}

.sub-active ul li .ind {
    background-color: #5d6478;
}

.page-active ul li ul li .ind {
    background-color: #5d6478 !important;
}

/*.microsite-menu-mobile > .sub-active > .ind {
	background-color: #5d6478;
}*/

.microsite-menu-mobile > .page-active > .ind {
    background-color: #fff !important;
}






.microsite-menu-mobile > .inner-menu-2 {
    padding-left: 0;
}

.microsite-menu-mobile .inner-menu-2 > li > a {
    font-weight: 600;
}

.microsite-menu-mobile .inner-menu-3 > li > a {
    font-weight: 400;
    margin-left: 40px;
    border-bottom: 1px solid #124077;
}

.microsite-menu-mobile .inner-menu-2 > li > a {
    margin-left: 40px;
    border-bottom: 1px solid #124077;
}

.microsite-menu-mobile .inner-menu-3 > li {
    border-bottom: 0 none;
}

.microsite-menu-mobile .inner-menu-2 > li {
    border-bottom: 0 none;
}


.inner-menu-1 > .sub-active > a {
    margin-left: 40px;
    padding-left: 0px;
    border-bottom: 1px solid #124077;
}

.inner-menu-2 li > a {
    padding-left: 10px;
}

.inner-menu-3 li > a {
    padding-left: 10px;
}

.inner-menu-3 li:last-child a {
    border-bottom: 0 none;
}

.microsite-menu-mobile > .sub-active {
    border-top: 1px solid #1DAACB;
    border-bottom: 1px solid #1DAACB;
}

#hypNyserdaNYGov {
    visibility: hidden;
}

.row .nyserda-menu li {
    padding-bottom:0;
}