foo {
}

/* Qualquer Orientation do Menu (Vertical ou Horizontal) utiliza este CSS */

/* Top Tier */
.Menu ul
{
  background: transparent url(./Images/Menu/bgMenu.png) repeat-x;
}
/* Other Tiers */
.Menu ul.AspNet-Menu ul
{
  width: 157px;
  left: 164px;
  top: 0px; /* necessário para manter compatibilidade entre IE7 e Firefox2 */
  z-index: 400;
}
.Menu ul.AspNet-Menu ul ul
{
  width: 157px;
}
.Menu ul.AspNet-Menu li
{
  background: #000 url(./Images/Menu/bgMenu.png) center repeat-x;
}
.Menu ul.AspNet-Menu li a, .Menu ul.AspNet-Menu li span
{
  color: #000;
  padding: 4px 2px 4px 8px;
  border-top: solid 1px #E7E7E7;
  border-right: none;
  border-bottom: solid 1px #D2D2D2;
  border-left: none;
  background: transparent url(./Images/Menu/arrow.png) right center no-repeat;
  font-family: Arial Narrow;
  font-size: small;
}

/* "leaf" : When a menu item contains no submenu items */
.Menu ul.AspNet-Menu li.AspNet-Menu-Leaf a, .Menu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
  background-image: none;
}

/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class > See MenuAdapter.js */
.Menu ul.AspNet-Menu li:hover, .Menu ul.AspNet-Menu li.AspNet-Menu-Hover
{
  background: transparent url(./Images/Menu/bgMenuOver.png) center repeat;
}
/* pai */
.Menu ul.AspNet-Menu li:hover a, .Menu ul.AspNet-Menu li:hover span, .Menu ul.AspNet-Menu li.AspNet-Menu-Hover a, .Menu ul.AspNet-Menu li.AspNet-Menu-Hover span, .Menu ul.AspNet-Menu li:hover li:hover a, .Menu ul.AspNet-Menu li:hover li:hover span, .Menu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .Menu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span, .Menu ul.AspNet-Menu li:hover li:hover ul a:hover, .Menu ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, .Menu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover, .Menu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
  color: #000;
}
/* filho */
.Menu ul.AspNet-Menu li:hover ul a, .Menu ul.AspNet-Menu li:hover ul span, .Menu ul.AspNet-Menu li.AspNet-Menu-Hover ul a, .Menu ul.AspNet-Menu li.AspNet-Menu-Hover ul span, .Menu ul.AspNet-Menu li:hover li:hover ul a, .Menu ul.AspNet-Menu li:hover li:hover ul span, .Menu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a, .Menu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{
  color: #000;
  border:solid 1px #ccc;
}
/* 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. */
.Menu ul.AspNet-Menu li a:hover, .Menu ul.AspNet-Menu li span.Asp-Menu-Hover
{
  font-weight:bold;
}
.Menu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
  background-image: none;
}
.Menu .AspNet-Menu-Leaf .AspNet-Menu-Selected
{
  font-weight: bold;
}

/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
.Menu ul.AspNet-Menu li a img
{
  border-style: none;
  vertical-align: middle;
}