.menu {
    padding-top: 15px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 40px;
    background-image: url('../images/bgMenu.png') ;
    background-color: #369;
    float: left;
    box-shadow: 0px 0px 10px gray;
    font-size: 110%;
}

    .menu ul {
        list-style: none;
        margin-top: 0px;
        padding: 0px;
        z-index: 1000;
    }

    .menu li {
        display: list-item;
        text-align: -webkit-match-parent;
        margin-top: 1px;
        margin-bottom: 5px;
    }

    .menu a {
        padding-left: 0.15em;
        padding-right: 0.15em;
    }

.menuTitleImage {
    margin-left: 12px;
    margin-right: 7px;
    list-style: none;
    margin-top: -2px !important;
}

    .menuTitleImage img {
        height: 26px;
    }

.menuTitleGreeting {
    margin: 5px 5px 0px 25px !important;
    list-style: none;
    color: white;
    font-size: small;
}

.menuLevel1Item {
    position: relative;
    margin-left: 6px;
    margin-right: 6px;
}

    .menuLevel1Item a {
        color: white;
        text-decoration: none;
    }

        .menuLevel1Item a:hover {
            color: white;
            text-decoration: none;
        }


.menuLevel1DynamicItem {
    position: relative;
}

    .menuLevel1DynamicItem a {
        color: black;
        text-decoration: underline;
    }

        .menuLevel1DynamicItem a:hover {
            color: black;
            text-decoration: none;
        }


.menuLevel1Container {
    position: relative;
    width: 100%;
    float: left;
}

.menuLevel1DynamicContainer {
    position: absolute;
    top: 37px;
    right: 0px;
    min-width: 200px;
    float: left;
    border: 1px solid black;
    background-color: white;
}

.menuLevel2Container {
    display: none;
    position: absolute;
    top: 18px;
    left: 0px;
    border: 1px solid black;
    width: auto;
    background-color: white;
}


    .menuLevel2Container li, .menuLevel2Container a {
        white-space: nowrap;
        float: none;
    }

    .menuLevel1Item a:hover + .menuLevel2Container, .menuLevel2Container:hover {
        display: block;
        position: absolute;
    }

.menuLevel2DynamicContainer {
    display: block;
    position: relative;
    left: 0px;
    width: auto;
    background-color: white;
    margin-left: 10px;
}

.menuLevel2Item {
    text-decoration: underline;
    padding-top: 3px;
    padding-bottom: 7px;
}

.menuLevel2Item:not(:last-child), .menuLevel2Container .activeMenuItem:not(:last-child) {
    border-bottom: 1px solid #eee;
}

.menuLevel2DynamicItem {
    text-decoration: underline;
}

    .menuLevel2Item a, .menuLevel2DynamicItem a {
        color: black;
        text-decoration: underline;
    }

        .menuLevel2Item a:hover, .menuLevel2DynamicItem a:hover {
            color: black;
            text-decoration: none;
        }


.btnMenu {
    background-color: transparent;
    color: white;
    border: 1px solid white;
    border-radius: 3px;
    margin: 5px;
    margin-top: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    float: right;
    display: block;
}

.itemRight {
    float: right;
}

.itemLeft {
    float: left;
}

.visBar {
    background-color: white;
    height: 5px;
    position: absolute;
    top: 0px;
    transition: width 0.2s, left 0.2s;
}

.menuLevel1Container .activeMenuItem {
    border-bottom: 5px solid white;
    padding-bottom: 6px;
}

.menuLevel2Container .activeMenuItem, .menuLevel2DynamicContainer .activeMenuItem, .menuLevel1DynamicContainer .activeMenuItem {
    border-left: 5px solid black;
}

.menuLevel1DynamicItem.menuHeader {
    background-color: #ccc;
    border-bottom: 2px solid #ccc;
}

    .menuLevel1DynamicItem.menuHeader > .littleRedNumber {
        right: auto;
        left: 3px;
    }

.menuLevel2DynamicItem .littleRedNumber, .menuLevel1DynamicItem .littleRedNumber {
    left: -12px;
    right: auto;
    margin-top: 0.17em;
}