/* MENU STYLES */
.menu {
    margin: 0;
    padding: 0;
    height: 100%;
}

.menuItem {
    text-decoration: none;
    cursor: pointer !important;
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
}

#menuContainer {
    font-size: 14px !important;
    font-kerning: normal !important;
    text-align: center;
}

.menuContainerWrapper {
    background-color: rgb(217, 217, 217);
    border-bottom: 1px solid rgb(192, 192, 192);
}

#menuContainer .static, #currentUser, #logout a {
    color: rgb(13, 13, 13);
}

.static {
    margin-top: -1px;
    padding: 3px 6px 2px 4px;
    width: 100%;
    text-align: left !important;
}

.dynamic {
    margin: 0;
    padding: 1px 4px 1px 0;
    color: rgb(1, 80, 111);
    width: 100%;
    text-align: left !important;
}

#menuContainer .menuItem, #messages a {
    font-weight: bold !important;
    color: initial;
}

#menuContainer .dynamic {
    font-weight: normal !important;
}

.makeClickable td a {
    display: block;
    width: 100%;
    text-align: left !important;
}

.dynamicHover {
    background-color: rgb(206, 241, 253);
    border-top: 1px dotted rgb(140, 140, 140);
    border-bottom: 1px dotted rgb(140, 140, 140);
    text-align: left !important;
}

#menuContainer {
    padding: 0;
    overflow: hidden;
    height: 27px;
}

    #menuContainer .makeClickable td, .dynamic td {
        padding-left: 4px;
    }

#menuLeft {
    float: left;
    height: 100%;
}

#menuMiddle {
    padding-left: 0;
    text-align: center;
}

#menuRight {
    float: right;
}

#logout {
    height: 27px;
    font-weight: normal !important;
    text-align: center;
    padding-left: 5px;
    width: auto;
}

    #logout a {
        text-decoration: none;
    }

#logout {
    padding-top: 4px;
}

.dynamicMenu {
    border: 1px solid rgb(153, 153, 153);
    z-index: 1;
    cursor: pointer !important;
}

.menuPush {
    width: 387px;
}