@charset "UTF-8";
/* SpryMenuBasic.css - version 0.5 - Spry Pre-Release 1.7 */

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

/* This is the css for a basic Spry 2 MenuBar.
 * The first section is basic layout, and should in general not need to be  modified.
 * The final section of this file specifies images to use for arrows for the menu. These
 * are either down or right-pointing as required by horizonatal or vertical layouts. You
 * can either replace the referenced images with your own, or you can modify these rules to 
 * point to your won images.
 *
 * These rules are supplemented by those specified in the OAM file for inclusion in the html document,
 * or alternatively, the file SpryMenuBarBasicSkin.css which is included with this widget. */
 
/* Resets for ul and li in menus */
.MenuBar  .MenuBarView    {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0 0 0 0px;
}
.MenuBar .SubMenuView {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

/*** Layout Rules for Basic Menu ***/

/* Top Level MenuBar
 * Because we float the MenuItemContainers in the MenuBar, we have to make sure the menubar wrapper expands to hold them all.
 * The simplest way is to float the widget wrapper 
 */
.MenuBar { /* overridden by .MenuBarVertical version of this rule */
	float: left;
	width: 100%;
}
.MenuBarVertical {
	float:left;	/* Used to make menubar shirink to fit contents */
	width:auto;
}

/* SubMenus */
.MenuBar .SubMenu {
	display: block;
	position: absolute;
	top: 0px;
	left: -10000px; /* By default, all non-visible submenus are hidden by moving way to the west */
	padding: 0;
}
/* First level of submenus - pulls down from horizontal menubar, right from vertical */
.MenuBar .SubMenuVisible{ /* overridden by .MenuBarVertical version of this rule */
	top: 100%;
	left: 0px;
}
.MenuBarVertical .SubMenuVisible {
	top: 0px;
	left: 100%;
}
/* All submenus below level 1. All pullout to the right */
.MenuBar .SubMenu .SubMenuVisible {
	display: block;
	position: absolute;
	top: 0px;
	left: 100%;
}

/* MenuItems, MenuItemLabels, and MenuItemContainers */
.MenuBar .MenuItem {
	display:block;
	text-decoration:none;
}
.MenuBar .MenuItemLabel {
	display:block;
}
.MenuBar .MenuItemContainer {
	position:relative;
	white-space:nowrap; 
	float:left; /* overridden by .MenuBarVertical version of this rule */
	display:block;
	margin:0;
	padding:0;	
}
.MenuBarVertical .MenuItemContainer {
	float:none;
}
.MenuBar .SubMenu .MenuItemContainer {
	float:none;
}

/* Layout Rules needed by IE6 - excluded from other browsers */
.SpryIsIE6 .SubMenu .SubMenu {
	width:100px;
	height:1%;
}
.SpryIsIE6 .MenuBar .SubMenuVisible .SubMenuVisible {
	width:auto;
}
/* End Layout section */

/* 
* Arrows - This section specifies arrow images for a submenu dropdowns in Basic SpryMenu. 
*/
.MenuBar .MenuItemLabel{
}

/* For all arrows used here, we depend upon the image to push itself away from right edge, or the user can add right padding to the MenuItem */
.MenuBar .MenuItemWithSubMenu .MenuItemLabel{
}
.MenuBar .MenuItemHover.MenuItemWithSubMenu .MenuItemLabel{
}
.MenuBarVertical .MenuItemHover.MenuItemWithSubMenu .MenuItemLabel{
	background-position: 85% 45%;
	background-repeat: no-repeat;
}
.MenuBarVertical .MenuItemWithSubMenu .MenuItemLabel{
	background-position: 85% 45%;
}
.MenuBar .SubMenu .MenuItemWithSubMenu .MenuItemLabel{
	background-image: url(images/ArrowMenuRight.gif);
	background-position: 85% 45%;
	background-repeat: no-repeat;
}
.MenuBar .SubMenu .MenuItemHover.MenuItemWithSubMenu .MenuItemLabel{
	background-image: url(images/ArrowMenuRightWhite.gif);
	background-position: 85% 45%;
	background-repeat: no-repeat;
}

/* IE6 rules for Arrows */
.SpryIsIE6 .MenuBar .MenuItemWithSubMenuHover .MenuItemLabel{
	background-image:url("images/ArrowMenuDown.gif"); 
	background-position:right center;
	background-repeat:no-repeat;
}
.SpryIsIE6 .MenuBarVertical .MenuItemWithSubMenuHover .MenuItemLabel{
	background-image:url("images/ArrowMenuRight.gif"); 
	background-position:right center;
	background-repeat:no-repeat;
}
.SpryIsIE6 .MenuBar .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel{
	background-image:url("images/ArrowMenuRight.gif");
	background-position:right center;
	background-repeat:no-repeat;
}
.MenuBar .SubMenu .currentsub.MenuItemHover.MenuItemWithSubMenu .MenuItemLabel {
	background-image: url(images/ArrowMenuRightWhite.gif);
	background-repeat: no-repeat;
}
.MenuBar .SubMenu .inactive.MenuItemHover.MenuItemWithSubMenu .MenuItemLabel {
	background-image: url(images/ArrowMenuRightWhite.gif);
}
.MenuBar .currentmain.MenuItemWithSubMenu .MenuItemLabel {
	background-position: 82% 45%;
	background-repeat: no-repeat;
	background-image: url(images/ArrowMenuDownWhite.gif);
}
.MenuBar .currentmain.bump1.MenuItemWithSubMenu .MenuItemLabel{
	background-position: 83% 45%;
	background-repeat: no-repeat;
	background-image: url(images/ArrowMenuDownWhite.gif);
}
.MenuBar .currentmain.bump2.MenuItemWithSubMenu .MenuItemLabel {
	background-position: 70% 45%;
	background-repeat: no-repeat;
	background-image: url(images/ArrowMenuDownWhite.gif);
}
