/* CSS Document */
/*externalize for spry 2.0*/
/* BeginOAWidget_Instance_2141544: #SideMenuBar */


#SideMenuBar .MenuBarVertical{
	background-color:#469dda;	
	 /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
												MenuItem, and MenuItemLabel
												at a given level all use same definition for ems.
												Note that this means the size is also inherited to child submenus, 
												so use caution in using relative sizes other than
												100% on submenu fonts. */
	font-weight: normal;
	font-size: 100%;
	font-style: normal;
	padding:0;	
	border-color: #666666; 
	border-width:1px;
	border-style: solid;
	list-style-type:none;
	margin-bottom:3px;
}
/* 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 ".SideMenuBarFixedCentered br" rule bleow */
	display:none;
}
.SideMenuBarLeftShrink {
	float: left; /* shrink to content, as well as float the MenuBar */
	width: auto;
}
.SideMenuBarRightShrink {
	float: right; /* shrink to content, as well as float the MenuBar */
	width: auto;
}
.SideMenuBarFixedLeft {
	float: left;
	width: 100%;
}
.SideMenuBarFixedCentered {
	float: none;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
}
.SideMenuBarFixedCentered br {
	clear:both;
	display:block;
}
.SideMenuBarFixedCentered .SubMenu br {
	display:none;
}
.SideMenuBarFullwidth {
	float: left;
	width: 100%;
}

/* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
#SideMenuBar  .MenuItemContainer {
	padding: 0px; 
	margin: 0; 	/* Zero out margin  on the item containers. The MenuItem is the active hover area.
				For most items, we have to do top or bottom padding or borders only on the MenuItem 
				or a child so we keep the entire submenu tiled with items.
				Setting this to 0 avoids "dead spots" for hovering. */
}
#SideMenuBar  .MenuItem {
	padding: 7px 5px 7px 0px; 	
	border-width:1px;
	border-color: #666666; 
	border-style: solid none solid none;
    margin-top:-1px;/*important*/
    
	-webkit-transition: all .2s ease-in-out;/*put all trans in one line silly*/
	/*firefox*/
	-moz-transition: all .2s ease-in-out;
	/*opera?*/
	-o-transition-duration: .2s;
	-o-transition-property: color, background-color, box-shadow, border-color, margin-left, margin-right;
	-o-transition-timing-function:ease-in-out;
}
#SideMenuBar  .MenuItemFirst {
	border-style: solid none solid none;
	margin-top:-1px; /*placed so no change when mouseover*/
    margin-top: 0px\9;
	margin-bottom:0px\9;
	border-style: none none solid none\9;
}
#SideMenuBar .MenuItemLast {
	border-style: solid none solid none;
}

#SideMenuBar  .MenuItem  .MenuItemLabel{
	text-align:left;
	line-height:1.4em;
	color:#000;
	background-color:#469dda;
	padding: 1px .5em 1px .75em;
	/*important to put these in both places for some odd reason*/
	-webkit-transition: all .2s ease-in-out;
	/*firefox*/
	-moz-transition: all .2s ease-in-out;
	/*opera can't do 'all' w/o jumps*/
	-o-transition-duration: .2s;
	-o-transition-property: color, background-color, box-shadow, border-color, margin-left, margin-right;
	-o-transition-timing-function:ease-in-out;
}
.SpryIsIE6 #SideMenuBar  .MenuItem  .MenuItemLabel{
	width:100%; /* Equivalent to min-width in modern browsers */
}

/* First level submenu items */
#SideMenuBar .SubMenu  .MenuItem {
	font-weight: normal;
	font-size: 100%;
	font-style: normal;
	padding:0px 6px 0px 2px;
	border-width:1px;
	border-color: #666666; 
	/* Border styles are overriden by first and last items */
	border-style: solid;
	border-left-color:#469dda;
	border-right-color:#469dda;
	margin-top:1px\9;/*hack for IEdiots, make margin b/w buttons, with margin and border, then make top border 'invisible'*/
	border-top-color: #469dda\9;
	
}
#SideMenuBar  .SubMenu .MenuItemFirst {
	border-style: solid none solid none;
}
#SideMenuBar  .SubMenu .MenuItemFirst .MenuItemLabel{
	padding-top: 6px;
	margin-top:1px; /*placed so no change when mouseover*/
}
#SideMenuBar .SubMenu .MenuItemLast {
	border-style: solid none none none;
}
#SideMenuBar .SubMenu .MenuItemLast .MenuItemLabel{
	padding-bottom: 6px; 
}
#SideMenuBar .SubMenu .MenuItem .MenuItemLabel{
	text-align:left;
	line-height:1em;	
	padding: 8px; 
	width: 10.25em;
	line-height:140%;
}

/* Hover states for containers, items and labels */
#SideMenuBar .MenuItemHover {
	border-color: #333;
	border-style: solid;
    border-top-width:1px;
	margin-right:5px;
	margin-bottom:3px;
	margin-left:-5px; 
	margin-top:-4px; /*-4px not -3px because we're adding borders*/
	-webkit-box-shadow: rgba(0, 0, 128, 0.246094) 8px 6px 3px;
  	-moz-box-shadow: rgba(0, 0, 128, 0.246094) 8px 6px 3px;
    box-shadow: rgba(0, 0, 128, 0.246094) 8px 6px 3px;
	margin-top: 0px\9;/*i could care less that it's bad programming to use hacks like this, the IEdiots don't deserve their own style sheet*/
	border-top-width:0px\9;
	margin-bottom: 1px\9;
}

:root #SideMenuBar .MenuItemHover {  margin-bottom: 0px\0/IE9; }

#SideMenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{ 
	background-color: #2b6187; 
	color: #FFF;
    margin-top/*\**/: 0px\9;
	margin-bottom/*\**/: 0px\9;
}
#SideMenuBar .MenuItemHover .MenuItemLabel{
	background-color: #2b6187;
	color: #FFF;
}
#SideMenuBar .SubMenu .MenuItemHover {
	background-color: #2b6187; 
	border-color: #333;
	border-style: solid; 
}

#SideMenuBar .SubMenu .MenuItemHover .MenuItemLabel{
	background-color: #2b6187; 
	color: #FFF;
}
/* Submenu properties -- First level of submenus */
#SideMenuBar .SubMenuVisible {
	min-width:0%;  /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
	border-color: #666666; 
	border-width:1px;
	border-style: solid;
	margin-left:-3%;
	margin-top:3%;
}
#SideMenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
	top: 100%;	/* 100% is at the bottom of parent menuItemContainer */
	left:-5%; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem, 
					and your personal taste.
					0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0 
					on MenuItemContainer and MenuItem on the parent
					menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align 
					the dropdown with the left of the menu item label.*/
	z-index:10;
}
#SideMenuBar.MenuBarVertical .SubMenuVisible {
	top: 0px;	
	left:100%;
	min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
}
/* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
#SideMenuBar .MenuLevel1 .SubMenuVisible {
	min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
	top: 0px;	/* If desired, you can move this down a smidge to separate top item''s submenu from menubar - 
				that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
				vertically 'centered' on its invoking item */
	left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a 
				negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
				to use px or ems to get the offset you want. */
}
/* IE6 rules - you can delete these if you do not want to support IE6 */


.SpryIsIE6 #SideMenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector  */{
	background-color: #2b6187; /* consider exposing this prop separately*/
	color: #FFF;
}
.SpryIsIE6 #SideMenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector  */{
	background-color: #2b6187; /* consider exposing this prop separately*/
	color: #FFF;
}
.SpryIsIE6 #SideMenuBar .SubMenu .SubMenu  /* IE6 selector  */{
	margin-left: -3px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
}

	
/* EndOAWidget_Instance_2141544 */