/* Primary Horizontal Nav styles*/
/***************************************************/

#DIDMenu
{
    height: 39px;
    border: 1px solid #CCCCCC;
}

.DidPrimaryNav ul
{
    z-index: 200;
}

/************** 1st tier ************************/
.DidPrimaryNav li
{
    background: #eeeeee;
}


/* only set the width of the 2nd tier of list items */


.DidPrimaryNav ul ul
{
    border-top: solid 1px White;
    z-index: 200;
}

.DidPrimaryNav ul li
{
    background-image: url(Images/Slice_Nav.jpg);
    border-right: 1px solid #ccc;
    height: 39px !important;
    margin: 0px;
    padding: 0px;
}

.DidPrimaryNav li:hover, /* list items being hovered over */ .DidPrimaryNav li.AspNet-Menu-Hover
{
    background-image: url(Images/Slice_Nav_On.jpg);
}

.DidPrimaryNav ul li a, /* all anchors and spans (nodes with no link) */ .DidPrimaryNav ul li span
{
    color: Black;
    padding: 12px 11px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    background: transparent url(images/arrowRight.gif) right center no-repeat;
}

.DidPrimaryNav li.AspNet-Menu-Leaf a, /* leaves */ .DidPrimaryNav li.AspNet-Menu-Leaf span
{
    background-image: none !important;
}

/* hovered text */
.DidPrimaryNav li:hover a, .DidPrimaryNav li:hover span, .DidPrimaryNav li.AspNet-Menu-Hover a, .DidPrimaryNav li.AspNet-Menu-Hover span, .DidPrimaryNav li:hover li:hover a, .DidPrimaryNav li:hover li:hover span, .DidPrimaryNav li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .DidPrimaryNav li.AspNet-Menu-Hover li.AspNet-Menu-Hover span, .DidPrimaryNav li:hover li:hover li:hover a, .DidPrimaryNav li:hover li:hover li:hover span, .DidPrimaryNav li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .DidPrimaryNav li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    color: White;
    background: transparent url(images/activeArrowRight.gif) right center no-repeat;
}

/* the tier above this one is hovered */
.DidPrimaryNav li:hover li a, .DidPrimaryNav li:hover li span, .DidPrimaryNav li.AspNet-Menu-Hover li a, .DidPrimaryNav li.AspNet-Menu-Hover li span, .DidPrimaryNav li:hover li:hover li a, .DidPrimaryNav li:hover li:hover li span, .DidPrimaryNav li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a, .DidPrimaryNav li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
    color: White;
    background: transparent url(images/arrowRight.gif) right center no-repeat;
}

/* this tier is selected */
.DidPrimaryNav ul li.AspNet-Menu-Selected
{
    /*border: solid 1px #00ff00 !important; /*  green border */
    background-image: url(Images/Slice_Nav_On.jpg);
}

/* this tier is selected */
.DidPrimaryNav ul li.AspNet-Menu-Selected a
{
    color: White;
}

/* a tier below this one is selected */
.DidPrimaryNav li.AspNet-Menu-ChildSelected
{
    /*border: solid 1px #ff0000 !important; /*red border  */
    background-image: url(Images/Slice_Nav_On.jpg);
}


/* a tier below this one is selected, style the link or span text*/
.DidPrimaryNav li.AspNet-Menu-ChildSelected a
{
    color: White;
}

.DidPrimaryNav .AspNet-Menu-ParentSelected /* a tier above this one is selected */
{
    /*border: solid 1px #0000ff !important; /* blue border */
}

/************** 2nd tier ************************/

/* 2nd tier menu */
.DidPrimaryNav ul.AspNet-Menu ul
{
    width: 134px;
    top: 100%;
    left: -1px;
}

/* 2nd tier list items */
.DidPrimaryNav ul ul li
{
    height: 5% !important;
    width: 99%;
    margin: 0px;
    padding: 0px;
    background-color: #999999;
    background-image: none; /*NOTE This overwrites the inherited background image!*/
    border: 0;
    border-bottom: solid 1px White;
    border-left: solid 1px White;
    border-right: solid 1px White;
}

/* 2nd tier anchors and spans(nodes with no link) */
.DidPrimaryNav ul ul li a, .DidPrimaryNav ul ul li span
{
    font-size: 11px;
    font-weight: normal;
    color: White;
    text-align: left;
    padding: 8px;
    font-family: arial, helvetica, sans-serif;
    background: transparent url(images/arrowRight.gif) right center no-repeat;
}

/* 2nd tier list items being hovered over */
.DidPrimaryNav ul ul li:hover, .DidPrimaryNav ul ul li.AspNet-Menu-Hover
{
    background-image: none;
}

/* 2nd tier item is selected */
.DidPrimaryNav ul ul li.AspNet-Menu-Selected
{
    /*border: solid 1px Fuchsia !important; /*  pink border */
    background-image: none;
}

.DidPrimaryNav ul ul li.AspNet-Menu-ChildSelected
{
    background-image: none;
}

/************** 3rd tier ************************/
.DidPrimaryNav ul.AspNet-Menu ul ul li
{
    top: .5em;
    left: 7em;
    display: none;
    visibility: hidden !important; /* note that we must hide the 3rd tier as its not required.         this must be done via css, as disabling it server side breaks child node selected rules*/
}


/* Left Tree Nav styles*/
/***************************************************/

.DidTreeNav div.AspNet-TreeView
{
    padding: 8px 10px 10px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.DidTreeNav div.AspNet-TreeView ul
{
    list-style: none;
    margin: 0px;
}

.DidTreeNav div.AspNet-TreeView ul ul
{
    margin-left: 10px;
}

.DidTreeNav div.AspNet-TreeView li
{
    list-style: none;
    line-height: 20px;
    text-indent: 10px;
    padding: 0px;
    margin: 0px;
}

.DidTreeNav div.AspNet-TreeView li.AspNet-TreeView-Root
{
    background: url(images/bullet_arrow.gif) 0px 0.6em no-repeat;
}

.DidTreeNav span.AspNet-TreeView-Collapse, span.AspNet-TreeView-Show
{
    /* Not using hide/expand so do not display them */
    display: none;
}

.DidTreeNav li.AspNet-TreeView-Selected a
{
    /* selected node */
    color: Red;
    font-weight: bold;
}