/*
    Portal Main Menu CSS
*/
.menuDiv, .navigationDiv /* Menu container, Parent class. */
{
    display:block;  
    float: left;
    background-color: #3A637A;
} 

.navigationDiv /* Menu container, Parent class. */
{
    width: 100%;
    background-color: #404040;
} 

.menuDiv /* Menu container, Parent class. */
{
    width: calc(100% - 60px);
} 


.f-menuDiv /*Used to float menu while scrolling. Used by javascript logic to float menu as required.*/
{
    top:0px;
    z-index:9999;
    position: fixed;
}

.menuDiv .dxmLite /* Menu item/Dev expresses Parent element.*/
{
    border:none;
    min-width:1024px; /*Stop menu items from wrapping*/
}

.menuDiv .dxmLite .dxm-main /*Menu background color */
{
    background-color: transparent;
    border:none;
    padding:0px;
}

.menuDiv .dxmLite  ul.dx /* Font changes here effect entire menu */
{
    font-family:Arial;
    font-weight:bold;
    font-size:11px;
}

.menuDiv .dxmLite ul li.dxm-spacing /* Hide spacers between menu items */
{
   display:none;
}

.menuDiv .dxmLite ul li.dxm-item /* Menu items - not selected */
{   
    padding:0px;
    background-color: transparent;
    border:none;
    border-right:1px solid grey;
    min-height:16px;
    line-height:16px;
}

.menuDiv .dxmLite ul li.dxm-item.dxm-selected /* Menu item - not selected */
{
    background-color:white;
    border-right:1px solid #3A637A;
}
 
.menuDiv .dxmLite ul li.dxm-item a /* Menu items - not selected - font color */
{   
    color:white;
    margin:0px;
}

.menuDiv .dxmLite ul li.dxm-item a:hover /* Non selected menu items hover effect */
{   
    color:black;
    background-color: #CBCBCB;
}

.menuDiv .dxmLite ul li.dxm-item.dxm-selected a.dxm-content /* Menu item selected style */
{
    background-color:white;
    color:black;
}

/* Sub menu items */

.menuDiv .dxmLite .dxm-popup /*Sub menu items container*/
{
    padding: 0;
    border: 0;
}

.menuDiv .dxmLite .dxm-popup li.dxm-item /*Sub menu - menu items*/
{
    float: none;
    border-right: none;
    margin-bottom: 0;
    background-color: #444;
}

.menuDiv .dxmLite .dxm-horizontal .dxm-image-l .dxm-content, 
.menuDiv .dxmLite .dxm-horizontal .dxm-image-r .dxm-content 
{
    padding: 5px 7px 4px;
}