@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, .MenuBar  .SubMenuView {
	display:block;
	list-style:none;                                    
	margin:0;
	padding:0;
}


/* 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%;
	position:relative;
	z-index:3000; 
}

.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;
	border: 1px solid #CCC;
	z-index:1000;
}

/* 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;
	left:95%;
	top:0px;
}

/* MenuItems, MenuItemLabels, and MenuItemContainers */

.MenuBar .MenuItemLabel{
	display:block;
	padding-top:0.25em;
	padding-right:0.50em;
	padding-left:0.50em;
	padding-bottom:0.25em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	color:#696969;
	font-weight:normal;
	text-decoration: none;
	text-transform:uppercase;
	font-size:14px;
}

.MenuBar .SubMenu .MenuItemLabel{
	margin:0px;
	padding-left:10px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:0px;
	border:none;
}

.MenuBar .MenuItemHover .MenuItemLabel{
	color: #333;
	width:auto;
}
.MenuBar .MenuItemContainer {
	/*position:relative;
	white-space:nowrap; 
	float:left;*/ /* overridden by .MenuBarVertical version of this rule */
	/*display:block;
	margin:0;
	padding:0;*/	
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
	cursor: pointer;
	width:auto; /*width of top menu iteams*/
	float:left;
	
	
}
.MenuBarVertical .MenuItemContainer {
	float:none;
	
	
}
.MenuBar .SubMenu .MenuItemContainer {
	float:none;
	margin: 0;
	padding: 0;
	font-size: 100%;
	cursor: default;
	width: 12em; /*position of submenu*/
	background-color:#EEE;
}


/* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar 
in this section. These have very low specificity, so be careful not to accidentally override them. */

.MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
	display:none;
}
.MenuBarLeftShrink {
	float: left; /* shrink to content, as well as float the MenuBar */
	width: auto;
}
.MenuBarRightShrink {
	float: right; /* shrink to content, as well as float the MenuBar */
	width: auto;
}
.MenuBarFixedLeft {
	float: left;
	width: 80em;
}
.MenuBarFixedCentered {
	float: none;
	width: 80em;
	margin-left:auto;
	margin-right:auto;
}
.MenuBarFixedCentered br {
	clear:both;
	display:block;
}
.MenuBarFixedCentered .SubMenu br {
	display:none;
}
.MenuBarFullwidth {
	float: left;
	width: 100%;
}




/* 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{
	background-image:none; 
}

/* 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{
	background-image:url("images/ArrowMenuDown.gif"); 
	background-position:right center;
	background-repeat:no-repeat;
}
.MenuBar .MenuItemHover.MenuItemWithSubMenu .MenuItemLabel{
	background-image:url("images/ArrowMenuDown.gif"); 
	background-position:right center;
	background-repeat:no-repeat;
}
.MenuBarVertical .MenuItemHover.MenuItemWithSubMenu .MenuItemLabel{
	background-image:url("images/ArrowMenuRight.gif"); 
	background-position:right center;
	background-repeat:no-repeat;
}
.MenuBarVertical .MenuItemWithSubMenu .MenuItemLabel{
	background-image:url("images/ArrowMenuRight.gif"); 
	background-position:right center;
	background-repeat:no-repeat;
}
.MenuBar .SubMenu .MenuItemWithSubMenu .MenuItemLabel{
	background-image:url("images/ArrowMenuRight.gif");
	background-position:95% 50%;
	background-repeat:no-repeat;
}
.MenuBar .SubMenu .MenuItemHover.MenuItemWithSubMenu .MenuItemLabel{
	background-image:url("images/ArrowMenuRight.gif");
	background-position:right center;
	background-repeat:no-repeat;
}
*/


/*Styling from our CMS stylesheet*/



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

 DESIGN INFORMATION: describes color scheme, borders, fonts

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

/* Submenu containers have borders on all sides */
ul#MenuBar ul
{
}
/* Menu items are a light gray block with padding and no text decoration */
ul#MenuBar a
{
	/*background-color: #EEE;	*/
	/*padding-top:0.25em;
	padding-right:0.85em;
	padding-left:0.85em;
	padding-bottom:0.25em;*/
	/*padding: 0.2em 0.75em;  height of menu*/
	/*color: #C30;
	font-weight:600;
	text-decoration: none;*/
	/*border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #CCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;*/

	/*min-height:31px;*/
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul#MenuBar a:hover, ul#MenuBar a:focus
{
/*	background-color: #33C;*/
	/*color: #FFF;*/
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul#MenuBar 
{
	/*color: #333;
	width:auto;*/
}


ul#MenuBar a.MenuItemHover, ul#MenuBar a.SubMenuVisible
{
	/*background-color:#999;  background color of menu itam selected*/
/*	text-decoration:underline;*/
	/*border: 1px solid #CCC;
	border-bottom:3px solid #C30;*/
	/*color: #333;
	width:auto;*/
}

ul#MenuBar a.MenuItemHover
{
	/*background-color:#999;  background color of menu itam selected*/
/*	text-decoration:underline;*/
	/*border: 1px solid #CCC;
	border-bottom:3px solid #C30;*/
	/*color: #333;
	width:auto;*/
}
/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

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

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
.MenuBar .SubMenu .MenuItemWithSubMenu .MenuItemLabel
{
	/*background-image: url(SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;*/
	
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
.MenuBar .SubMenu .MenuItemWithSubMenu .MenuItemLabel
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */

/*.MenuBar .submenu .MenuItemLabel{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%; 
}*/
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
.MenuBar .SubMenu .MenuItemHover.MenuItemWithSubMenu .MenuItemLabel
{
	/*background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%; */
}


/* 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(SpryMenuBarRight.gif); 
	background-position:right center;
	background-repeat:no-repeat;
}
.SpryIsIE6 .MenuBar .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel{
	background-image:url(SpryMenuBarRightHover.gif);
	background-position:right center;
	background-repeat:no-repeat;
}*/

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

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

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

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul#MenuBar iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */

.SpryIsIE6 .MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector  */{
	background-color: #999999; /* consider exposing this prop separately*/
	color: #000000;
}
.SpryIsIE6 .MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector  */{
	background-color: #cccccc; /* consider exposing this prop separately*/
	color: #333333;
}
.SpryIsIE6 .MenuBar .SubMenu .SubMenu  /* IE6 selector  */{
	margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
}

.SpryIsIE6 #MenuBar  .MenuItem  .MenuItemLabel{
	width:1em; /* Equivalent to min-width in modern browsers */
}