/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
  ul.MenuBarActive  {
z-index : 1000;
}
ul.MenuBarHorizontal li {
margin : 0;
padding : 0;
list-style-type : none;
font-size : 100%;
position : relative;
text-align : left;
cursor : pointer;
width : 6em;
float : left;
}
ul.MenuBarHorizontal ul {
margin : 0;
padding : 0;
list-style-type : none;
font-size : 100%;
z-index : 1020;
cursor : default;
width : 6.2em;
position : absolute;
left : -1000em;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
left : auto;
}
ul.MenuBarHorizontal ul li {
width : 6.2em;
}
ul.MenuBarHorizontal ul ul {
position : absolute;
margin : 5% 0 0 95%;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
left : auto;
top : 0;
}
ul.MenuBarHorizontal ul {
border : 1px solid #ccc;
}
ul.MenuBarHorizontal a {
display : block;
cursor : pointer;
background-color : #eee;
padding : 0.5em 0.75em;
color : #333;
text-decoration : none;
}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
background-color : #999;
color : #fff;
}
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
background-color : #999;
color : #fff;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenu {
background-image : url(SpryMenuBarDown.gif);
background-repeat : no-repeat;
background-position : 95% 50%;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {
background-image : url(SpryMenuBarRight.gif);
background-repeat : no-repeat;
background-position : 95% 50%;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {
background-image : url(SpryMenuBarDownHover.gif);
background-repeat : no-repeat;
background-position : 95% 50%;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {
background-image : url(SpryMenuBarRightHover.gif);
background-repeat : no-repeat;
background-position : 95% 50%;
}
@media projection, screen {
ul.MenuBarHorizontal li.MenuBarItemIE {
display : inline;
float : left;
background : #fff;
}
}