.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/* This style sheet is intended to contain RARELY CHANGED rules used when the Menu control adapter is enabled. */
/* These rules correspond to the "pure CSS menu" technique that have been evolving over the past several years. */ 
/* See WhitePaper.aspx for details. */

ul.Menu 
{
    position: relative;
}


ul.Menu, 
ul.Menu ul
{
    margin: 0;
    padding: 0;
    display: block;

}

ul.Menu li
{
    position: relative;
    list-style: none;
}

ul.Menu li a,
ul.Menu li span
{
    display: block;
    text-decoration: none;
}

ul.Menu ul
{
    position: absolute;
    display: none;    
}

/* newly added after brian suggested */
ul.Menu ul li ul
{
    position: relative;
    display: none;
}
/* newly added after brian suggested */

/* Add more rules here if your menus have more than three (3) tiers */
ul.Menu li:hover ul ul,
ul.Menu li:hover ul ul ul,
ul.Menu li.Menu-Hover ul ul,
ul.Menu li.Menu-Hover ul ul ul
{
    display: block;
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.Menu li:hover ul,
ul.Menu li li:hover ul,
ul.Menu li li li:hover ul,
ul.Menu li.Menu-Hover ul,
ul.Menu li li.Menu-Hover ul,
ul.Menu li li li.Menu-Hover ul
{
    display: block;
}


/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. This allows us to force the top tier of the menu to layout */
/* horizontally, whereas all subsequent tiers of the menu lay out vertically. */

.Menu-Horizontal ul.Menu li
{
    float: none;
}

.Menu-Horizontal ul.Menu li li
{
    float: none;
}
/*Navigation Menu*/
.PrettyMenu
{
	text-align: left;font-family:Arial; font-size:83%;  background:url(/images/bg_nav_right.jpg) no-repeat top right;
}
.PrettyMenu li
{
	background:none; z-index:9;
}
ul.Menu
{
    list-style-type:none; margin:0; padding:0; background:#000;z-index:9
}
/* Selected */ 
ul.Menu li.Menu-WithChildren a.Menu-Selected,
ul.Menu li.Menu-WithThirdLevelChildren a.Menu-Selected
{
  color:#182329; background: url(/images/bg_nav_w_arrow_on.gif) no-repeat;
}
ul.Menu li.Menu-WithChildren a.Menu-NotSelected
{
  color:#d5d5d5; background: url(/images/bg_nav_w_arrow_nobot.gif) no-repeat; /* zmeni barvu pisma hlavniho menu */
}
.PrettyMenu ul.Menu li.Menu-Leaf a.Menu-Selected
{
  color:#182329; background: url(/images/bg_nav_on.gif) no-repeat;
}
.PrettyMenu ul.Menu li.Menu-WithThirdLevelChildren a.Menu-Selected-First
{
   color:#182329; background: url(/images/bg_nav_w_arrow_on_first.gif) no-repeat;
}
.PrettyMenu ul.Menu li.Menu-NoChildren a.Menu-Selected-First
{
   color:#d5d5d5; background: url(/images/bg_nav_on_first.gif) no-repeat;
}
/* With Children*/
ul.Menu li.Menu-WithChildren,
ul.Menu li.Menu-WithThirdLevelChildren
{
  float:left; margin:0; padding:0; 
}
ul.Menu li,
ul.Menu li.Menu-WithChildren span,
ul.Menu li.Menu-WithThirdLevelChildren span
{
   background:url(/images/bg_nav_w_arrow.gif) no-repeat;
}
ul.Menu li.Menu-WithChildren a,
ul.Menu li.Menu-WithChildren span
{
   font-weight:700; color:#d5d5d5; text-decoration:none; margin:0; padding:4px 5px 4px 17px; background:none; /* hlavni nabidka */
}
ul.Menu li.Menu-WithThirdLevelChildren
{
   background:url(/images/bg_nav_w_arrow_first.gif) no-repeat;
}
ul.Menu li.Menu-WithThirdLevelChildren a,
ul.Menu li.Menu-WithThirdLevelChildren span
{
   font-weight:700; color:#182329; text-decoration:none; margin:0; padding:4px 5px 4px 17px; background:none;
}
ul.Menu li:hover, 
ul.Menu li.Menu-Hover
{
  color:#182329; background: url(/images/bg_nav_w_arrow_on.gif) no-repeat;
}
ul.Menu li.Menu-WithThirdLevelChildren:hover,
ul.Menu li.Menu-Hover
{
  color:#182329; background: url(/images/bg_nav_w_arrow_on_first.gif) no-repeat;
}
ul.Menu li a.Menu-NotSelected
{
  color:#182329; background: url(/images/bg_nav_w_arrow_nobot.gif) no-repeat;
}
/* Without Children - polozky submenu ktere se dal nevetvi*/
ul.Menu li.Menu-Leaf,
ul.Menu li.Menu-NoChildren
{
  float:left; margin:0; padding:0; 
}
ul.Menu li.Menu-Leaf a,
ul.Menu li.Menu-Leaf span
{
    font-weight:700; color:#d5d5d5; text-decoration:none; margin:0; padding:4px 5px 4px 7px; background:url(/images/bg_nav.gif) no-repeat ;
}
ul.Menu li.Menu-NoChildren a
{
    font-weight:700; color:#d5d5d5; text-decoration:none; margin:0; padding:4px 5px 4px 7px; background:url(/images/bg_nav.gif) no-repeat ;
}
ul.Menu li.Menu-Leaf a:hover, 
ul.Menu li.Menu-Leaf li.Menu-Hover
{
  color:#182329; background: url(/images/bg_nav_on.gif) no-repeat;
}
ul.Menu li.Menu-NoChildren a:hover
{
  color:#182329; background: url(/images/bg_nav_on.gif) no-repeat;
}
ul.Menu li a.Menu-NotSelected-NoArrow,
ul.Menu li.Menu-Leaf a:hover
{
  color:#182329; background: url(/images/bg_nav_nobot.gif) no-repeat; /* barva pisma submenu */
}
/*****First Tier */
ul.Menu li.Menu-WithChildren ul,
ul.Menu li.Menu-WithThirdLevelChildren ul 
{
   background: #F7F9FA; padding: 0px ; margin:0; font-weight:700; top:23px;opacity: 0.90; filter: alpha(opacity=90); /* pozadi submenu*/
}
ul.Menu li.Menu-WithChildren ul li.Menu-WithChildren a,
ul.Menu li.Menu-WithThirdLevelChildren ul li.Menu-WithChildren a
{
   font-weight:700; color:#182329; text-decoration:none; margin:0; padding:3px 10px; background:none;
}
ul.Menu li.Menu-WithChildren ul li.Menu-WithChildren span,
ul.Menu li.Menu-WithThirdLevelChildren ul li.Menu-WithChildren span
{
   font-weight:700; color:#000; text-decoration:none; margin:0; padding:3px 10px; background:none;
}
ul.Menu li.Menu-WithChildren ul li a,
ul.Menu li.Menu-WithThirdLevelChildren ul li a
{
   font-weight:700; color:#182329; text-decoration:none; margin:0; padding:3px 10px; background:none; /*vyska polozek menu*/
}
ul.Menu li.Menu-WithChildren ul li.Menu-Leaf,
ul.Menu li.Menu-WithThirdLevelChildren ul li.Menu-Leaf
{
  background: none;
}
ul.Menu li.Menu-WithChildren ul li.Menu-WithChildren,
ul.Menu li.Menu-WithThirdLevelChildren ul li.Menu-WithChildren
{
  background: none;
}
/**** 2nd tier ***/ 
ul.Menu li li a,
ul.Menu li li span
{
   padding: 4px 12px; margin:0; background:none; text-decoration: none; color:#182329; width:auto; display:block; border-bottom: 1px solid #98c2db; /* zde se urci tloustka cary mezi polozkama */
}
ul.Menu li li.Menu-Leaf a,
ul.Menu li li.Menu-Leaf span
{
    padding: 4px 12px; margin:0; background:none; text-decoration: none; color:#182329; width:auto; display:block; 
}
.PrettyMenu ul.Menu li li:hover, 
.PrettyMenu ul.Menu li li.Menu-Hover,
.PrettyMenu ul.Menu li:hover li:hover a, 
.PrettyMenu ul.Menu li:hover li:hover span, 
.PrettyMenu ul.Menu li.Menu-Hover li.Menu-Hover a,
.PrettyMenu ul.Menu li.Menu-Hover li.Menu-Hover span,
.PrettyMenu ul.Menu li:hover li:hover ul a:hover, 
.PrettyMenu ul.Menu li:hover li:hover ul span.Menu-Hover, 
.PrettyMenu ul.Menu li.Menu-Hover li.Menu-Hover ul a:hover,
.PrettyMenu ul.Menu li.Menu-Hover li.Menu-Hover ul span.Menu-Hover
{
   background: none; /* pozadi polozky, ktera se dal vetvi na deti*/
}
/*** Third Tier **  polozky tretiho submenu, cili deti submenu*/
ul.Menu li.Menu-WithChildren li.Menu-WithChildren ul,
ul.Menu li.Menu-WithThirdLevelChildren li.Menu-WithChildren ul
{
     border:none; border-bottom: 1px solid #96c2df; top:0;
}
ul.Menu li.Menu-WithChildren li.Menu-WithChildren a:hover,
ul.Menu li.Menu-WithThirdLevelChildren li.Menu-WithChildren a:hover
{
     background: #F7F9FA;
}
.PrettyMenu ul.Menu li li li a,
.PrettyMenu ul.Menu li li li span
{
     font-weight: normal; padding: 3px 10px 3px 20px; text-decoration:none; background:none; color:#182329; width:auto; display:block; border:none;
}
.PrettyMenu ul.Menu li li li.Menu-Leaf a,
.PrettyMenu ul.Menu li li li.Menu-Leaf span
{
    font-weight: normal; padding: 3px 10px 3px 20px; text-decoration:none; background:none; color:#182329; width:auto; display:block; border: none;
}
.PrettyMenu ul.Menu li li li:hover, 
.PrettyMenu ul.Menu li li li.Menu-Hover,
.PrettyMenu ul.Menu li:hover li:hover li:hover a, 
.PrettyMenu ul.Menu li:hover li:hover li:hover span, 
.PrettyMenu ul.Menu li.Menu-Hover li.Menu-Hover li.Menu-Hover a,
.PrettyMenu ul.Menu li.Menu-Hover li.Menu-Hover li.Menu-Hover span,
.PrettyMenu ul.Menu li:hover li:hover li:hover ul a:hover, 
.PrettyMenu ul.Menu li:hover li:hover li:hover ul span.Asp-Menu-Hover, 
.PrettyMenu ul.Menu li.Menu-Hover li.Menu-Hover li.Menu-Hover ul a:hover,
.PrettyMenu ul.Menu li.Menu-Hover li.Menu-Hover li.Menu-Hover ul span.Menu-Hover
{
   background: #cce3f1; text-decoration: underline;
}
li.Menu-WithChildren li.Menu-Leaf a:link,
li.Menu-WithThirdLevelChildren li.Menu-Leaf a:link
{
    background-color:#F7F9FA !Important;    
}

li.Menu-WithChildren li.Menu-Leaf a:hover,
li.Menu-WithThirdLevelChildren li.Menu-Leaf a:hover 
{
    background-color:#cce3f1 !Important; 
}
li.Menu-WithChildren li.Menu-Leaf a:active,
li.Menu-WithThirdLevelChildren li.Menu-Leaf a:active
{
    background-color:#F7F9FA !Important;    
}
/* This format the iframes to allow the menu items to overlap select boxes in IE versions previous to IE7 */

a.Menu-Link iframe, span.Menu-NonLink iframe
{
    position: absolute;    
    /* top, right, left and bottom parameters are fixed depending on the
       padding value of the ".AspNet-Menu-Link a, .AspNet-Menu-NonLink span" rule 4px 5px 4px 17px*/   
    top: -4px;    
    right: -2px;
    bottom: -4px;
    left: -17px;
    z-index: -1;
    filter: mask();
    width: 25%;
    height: 25px; /*size of the background image (22px) + 3px to hide the select object even through the tiny spaces between menu items*/
}