#header 
{
    padding: 10px 0px;
    background-color: rgb(248,248,248);
    border-bottom: 1px solid rgb(231,231,231);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: rgb(119,119,119);
    display: block;
    margin-bottom:5px;
    box-sizing: content-box !important;
}

#header .logo
{
    float:left;
    padding-left: 20px;
    height: 30px;
}

#header .mainMenu
{
    float:right !important;
    padding-right:20px;
}

#header ul.dynamic {
    border: 1px solid rgb(231,231,231);
    background-color: White;
}

#header .dynamic.level2 {
    top: 42px !important;
    z-index: 999 !important;
}

#header .dynamic.level3 {
    top: -1px !important;
    left: -62px !important;
}

#header .dynamic.level2.popout-dynamic {
    pointer-events: none;
    cursor: default;
}

#header .dynamic.level3.popout-dynamic {
    pointer-events: none;
    cursor: default;
}

#header .dynamic.level4 {
    top: -1px !important;
    left: -170px !important;
    right: 100%;
}

#header a.dynamic
{
    padding:5px 10px 5px 10px;
}

#header a
{
    line-height: 20px;
    color: rgb(119,119,119);
}

#header a.dynamic.highlighted
{
    background-color: rgb(0,132,198);
    color: white;
}

/*ASP.NET Menu Flickering Fix*/
        #header .mainMenu > ul > li 
{
    display: inline-block;
    list-style: none; 
}

#header .mainMenu > ul > li > a
{
    padding: 5px 10px; /*Needs to be set to the same as StaticMenuItemStyle-VerticalPadding and StaticMenuItemStyle-HorizontalPadding, respectively, to prevent flickering*/
}

#header .mainMenu ul li ul 
{ 
    display: none;
}

#header .static.selected {
    border-bottom: 2px solid #0088cc;
}

#header .dynamic.selected {
    border-left: 4px solid #0088cc;
    padding-left: 6px;
}