@charset "UTF-8";

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

/* SpryMenuBarVertical.css - Revision: Spry Preview Release 1.4 */

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ul.MenuBarVertical

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 10em;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ul.MenuBarActive

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

{

 

 

 

 

 

 

 

            z-index: 1000;

 

 

 

 

 

 

 

            padding: 2px;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

/* Menu item containers, position children relative to this container and are same fixed width as parent */

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ul.MenuBarVertical li

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

{
	margin: 0;
	padding: 2;
	list-style-type: none;
	font-size: 100%;
	position: static;
	text-align: left;
	cursor: pointer;
	width: 10em;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ul.MenuBarVertical ul

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

{

 

 

 

 

 

 

 

            padding: 2;

 

 

 

 

 

 

 

            list-style-type: none;

 

 

 

 

 

 

 

            font-size: 100%;

 

 

 

 

 

 

 

            position: relative;

 

 

 

 

 

 

 

            z-index: 1020;

 

 

 

 

 

 

 

            cursor: default;

 

 

 

 

 

 

 

            width: 11em;

 

 

 

 

 

 

 

            left: -1000em;

 

 

 

 

 

 

 

            top: 0px;

 

 

 

 

 

 

 

            margin-top: -5%;

 

 

 

 

 

 

 

            margin-right: 0;

 

 

 

 

 

 

 

            margin-bottom: 0;

 

 

 

 

 

 

 

            margin-left: 95%;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ul.MenuBarVertical ul.MenuBarSubmenuVisible

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

{

 

 

 

 

 

 

 

            left: 0;

 

 

 

 

 

 

 

            padding: 2px;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

/* Menu item containers are same fixed width as parent */

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ul.MenuBarVertical ul li

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

{

 

 

 

 

 

 

 

            width: 10em;

 

 

 

 

 

 

 

            padding: 2px;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 DESIGN INFORMATION: describes color scheme, borders, fonts

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

/* Outermost menu container has borders on all sides */

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ul.MenuBarVertical

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

{

 

 

 

 

 

 

 

            font-family: Arial, Helvetica, sans-serif;

 

 

 

 

 

 

 

            font-size: 14px;

 

 

 

 

 

 

 

            font-weight: normal;

 

 

 

 

 

 

 

            color: #6D6B6B;

 

 

 

 

 

 

 

            background-color: #EEEDED;

 

 

 

 

 

 

 

            border-top-width: 0px;

 

 

 

 

 

 

 

            border-right-width: 0px;

 

 

 

 

 

 

 

            border-bottom-width: 0px;

 

 

 

 

 

 

 

            border-left-width: 0px;

 

 

 

 

 

 

 

            border-top-style: none;

 

 

 

 

 

 

 

            border-right-style: none;

 

 

 

 

 

 

 

            border-bottom-style: none;

 

 

 

 

 

 

 

            border-left-style: none;

 

 

 

 

 

 

 

            padding: 3px;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

/* Submenu containers have borders on all sides */

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ul.MenuBarVertical ul

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


{

 

 

 

 

 

 

 

            font-family: Arial, Helvetica, sans-serif;

 

 

 

 

 

 

 

            font-size: 14px;

 

 

 

 

 

 

 

            font-weight: normal;

 

 

 

 

 

 

 

            color: #6D6B6B;

 

 

 

 

 

 

 

            background-color: #EEEDED;

 

 

 

 

 

 

 

            border-top-width: 0px;

 

 

 

 

 

 

 

            border-right-width: 0px;

 

 

 

 

 

 

 

            border-bottom-width: 0px;

 

 

 

 

 

 

 

            border-left-width: 0px;

 

 

 

 

 

 

 

            border-top-style: none;

 

 

 

 

 

 

 

            border-right-style: none;

 

 

 

 

 

 

 

            border-bottom-style: none;

 

 

 

 

 

 

 

            border-left-style: none;

 

 

 

 

 

 

 

            padding: 2px;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

/* Menu items are a light gray block with padding and no text decoration */

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ul.MenuBarVertical a

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

{

 

 

 

 

 

 

 

            display: block;

 

 

 

 

 

 

 

            cursor: pointer;

 

 

 

 

 

 

 

            background-color: #EEEDED;

 

 

 

 

 

 

 

            padding: 1.3px;

 

 

 

 

 

 

 

            color: #676565;

 

 

 

 

 

 

 

            text-decoration: none;

 

 

 

 

 

 

 

            font-family: Geneva, Arial, Helvetica, sans-serif;

 

 

 

 

 

 

 

            font-size: 13px;

 

 

 

 

 

 

 

            font-weight: bold;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

/* Menu items that have mouse over or focus have a blue background and white text */

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

{

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            background-color: #EEEDED;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            color: #AEACAC;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            font-family: Arial, Helvetica, sans-serif;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            font-size: 13px;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            font-weight: bold;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

{

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            background-color: #EEEDED;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            color: #AEACAC;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            font-family: Arial, Helvetica, sans-serif;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            font-size: 13px;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            font-weight: bold;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 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%) */

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ul.MenuBarVertical a.MenuBarItemSubmenu

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

{

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            background-image: url(SpryMenuBarRight.gif);

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            background-repeat: no-repeat;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            background-position: 95% 50%;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            font-family: Verdana, Arial, Helvetica, sans-serif;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            font-size: 13px;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            font-style: normal;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            line-height: normal;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            font-weight: bold;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            font-variant: normal;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            text-transform: none;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            color: #AEACAC;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            background-color: #EEEDED;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

/* 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%) */

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ul.MenuBarVertical a.MenuBarItemSubmenuHover

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

{

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            background-image: url(SpryMenuBarRightHover.gif);

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            background-repeat: no-repeat;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            background-position: 95% 50%;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            font-family: Geneva, Arial, Helvetica, sans-serif;

 

 

 

 

 

 


 

 

 

 

 

 

 

 

 

            font-size: 13px;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            font-weight: bold;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            color: #AEACAC;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 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.MenuBarVertical iframe

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

{

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            position: absolute;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            z-index: 1010;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

@media screen, projection

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

{

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            ul.MenuBarVertical li.MenuBarItemIE

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            {

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

                        display: inline;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

                        f\loat: left;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

                        background: #FFF;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            }

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

#MenuBar1 .MenuBarSubmenuVisible a {

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            font-family: Verdana, Arial, Helvetica, sans-serif;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            font-size: 13px;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            font-style: normal;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            line-height: normal;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            font-weight: bold;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            font-variant: normal;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            text-transform: none;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            color: #AEACAC;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            background-color: #EEEDED;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

#MenuBar1 .MenuBarItemSubmenu {

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            font-weight: bold;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

#MenuBar1 .MenuBarItemSubmenu {

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            font-size: small;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

#MenuBar1 .MenuBarSubmenuVisible a {

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            font-size: 13px;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            font-family: Arial, Helvetica, sans-serif;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            font-weight: bold;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

            color: #AEACAC;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

}