@import "../../../Common/CSS/MenuBase.css";

#SiteMenu ul.AspNet-Menu {
    background-image: url(../../../Common/images/Blends/Blend_Vertical_006BB0_4090C4.gif);
    background-repeat: repeat;
    background-position: bottom left;
    border-right: solid 1px #006BB0;
}

/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
#SiteMenu ul.AspNet-Menu li {
    background-image: url(../../../Common/images/Blends/Blend_Vertical_006BB0_4090C4.gif);
    background-repeat: repeat-x;
    background-position: bottom left;
    background-color: #4D4D4D;
}

#SiteMenu ul.AspNet-Menu ul li {
    background: #969696;
    text-transform: lowercase;
}

#SiteMenu ul.AspNet-Menu li a, #SiteMenu ul.AspNet-Menu li span {
    color: #ffffff;
    border-right: solid 1px #006BB0;
    border-left: solid 1px #4090C4;
}

/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
#SiteMenu ul.AspNet-Menu li:hover, #SiteMenu ul.AspNet-Menu li.AspNet-Menu-Hover {
    background-color: #4D4D4D;
    color: White !important;
}

/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
#SiteMenu ul.AspNet-Menu li a:hover, #SiteMenu ul.AspNet-Menu li span.Asp-Menu-Hover {
    text-decoration: none;
    background-color: #4D4D4D;
    color: White !important;
    border-left: solid 1px #4090C4;
}


/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. */
#SiteMenu .AspNet-Menu-Horizontal {
    background-color: #006BB0;
    background-image: url(images/Menu_Right.gif);
    background-repeat: repeat-y;
    background-position: bottom right;
}