﻿.treeviewmenu .ekmenu 
{
	/* DIV; wraps the entire menu */
	/* (the outer-most non-user container element) */
	width: 420px;
	float:left;
	padding: 0px;
	font-family: verdana, arial;
	font-weight: normal;
    color: #504E3D; /* default text color */
}

.treeviewmenu .ekmenu_start, 
.treeviewmenu .ekmenu_end,
.treeviewmenu .ekmenu_accessible_menu_startheading,
.treeviewmenu .ekmenu_accessibility_hidden_text
{
	/* DIV; wraps the menu-start link (normally hidden, but visible */
	/* to page readers and text-browsers for accessibility). */
	/* Only added if 508-Compliance is enabled. */
	/* Typical parent element: div.ekmenu */
	position: absolute;
	overflow: hidden;
	top: -10000px;
	left: -10000px;
	height: 1px;
	width: 1px;
}

.treeviewmenu .ekmenu_submenu,
.treeviewmenu .ekmenu_submenu_hover,
.treeviewmenu .ekmenu_submenu_parent,
.treeviewmenu .ekmenu_submenu_parent_hover
{
	/* DIV; holds submenu items, such as a submenu title and links. */
	/* Typical parent element: div.ekmenu_submenu_items, or else */
	/* li.ekmenu_unorderedlist_item if 508-Compliance is enabled. */
	position: relative;
	top: 0px;
	left: 0px;
}

.treeviewmenu .ekmenu_accessible_submenu_navheading
{
	/* H3; wraps each menu button title with a navigation-heading (normally hidden, */
	/* but available to page readers and text-browsers for accessibility). */
	/* Only added if 508-Compliance is enabled. */
	/* Typical parent element: div.ekmenu_submenu */
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

.treeviewmenu .ekmenu_accessible_submenu_btnlink
{
	/* A; wraps each menu button title with a navigation-anchor */
	/* (useful to page readers and text-browsers for accessibility). */
	/* Only added if 508-Compliance is enabled. */
	/* Typical parent element: span.ekmenu_button */
    color: #FFF; /* default text color */
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

.treeviewmenu .ekmenu_button_selected .ekmenu_accessible_submenu_btnlink, 
.treeviewmenu .ekmenu_button_selected_hover .ekmenu_accessible_submenu_btnlink 
{
	/*  */
	/* Typical parent element: span.ekmenu_button */
    color: #FFF; /* default text color */
    text-decoration: underline;
	margin: 0px;
	padding: 0px;

}

.treeviewmenu .ekmenu_unorderedlist 
{
	/* UL; a container for menu list items (useful for non-graphical browsers). */
	/* Typical parent element: div.ekmenu_submenu_items */
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.treeviewmenu .ekmenu_unorderedlist_item 
{
	/* LI; container for menu items (typically either links or sub-menus). */
	/* Typical parent element: ul.ekmenu_unorderedlist */
	display:inline;
	margin: 0px;
	padding: 0px;
}

.treeviewmenu .ekmenu_submenu_items {
	/* DIV; container for menu lists. */
	/* Typical parent element: div.ekmenu (root level), div.ekmenu_submenu */
    overflow: hidden; /* truncate what cannot fit */
}

.treeviewmenu .ekmenu_submenu_items_hidden 
{
	/* DIV; normally hidden container for menu lists (becomes visible if */
	/* user clicks on related submenu button, or if Javascript/CSS not supported). */
	/* Typical parent element: div.ekmenu (root level), div.ekmenu_submenu */
	display: none;
}

/* Nested menu items */
.treeviewmenu .ekmenu_submenu_items .ekmenu_submenu_items, 
.treeviewmenu .ekmenu_submenu_items .ekmenu_submenu_items_hidden, 
.treeviewmenu .ekmenu_submenu_items_hidden .ekmenu_submenu_items_hidden
{
	/* Rule is applied to nested submenus. Hidden included in-case */
	/* Javascript is not supported and hidden submenus are made visible. */
	/* Typical parent element: (not applicable) */
	margin-left: 0px; /* indents menu items, accumulating with each nesting level */
    border-bottom-width: 0px; /* prevents bottom border from accumulating, with each level of nesting */
}

/* Button menu items, controls visibility of associated sub-menus */
.treeviewmenu .ekmenu_button, 
.treeviewmenu .ekmenu_button_hover
{
	/* SPAN; holds the title of the associated submenu, and typically acts as a */
	/* button (or folder) for the submenu. Can also hold images (background, etc). */
	/* Typical parent element: div.ekmenu_submenu, or else */
	/* h3.ekmenu_accessible_submenu_navheading if 508-Compliance is enabled. */
    color:#504E3D;
    padding:5px 35px;
    font-size: 120%;
    background: url(../Enterprise/_gfx/cmn/icon_folder.gif) no-repeat 2px 3px;
    font-family:arial,veranda,helvetica,sans-serif;
    font-weight: bold;
    line-height:normal;
    display: block;
    width: 420px;
	cursor: pointer;
}

/* Button menu items, controls visibility of associated sub-menus */
.treeviewmenu .ekmenu_button_selected, 
.treeviewmenu .ekmenu_button_selected_hover
{
	/* SPAN; holds the title of the associated submenu, and typically acts as a */
	/* button (or folder) for the submenu. Can also hold images (background, etc). */
	/* Typical parent element: div.ekmenu_submenu, or else */
	/* h3.ekmenu_accessible_submenu_navheading if 508-Compliance is enabled. */
    color:#504E3D;
    padding:5px 35px;
    font-size: 120%;
    background: url(../Enterprise/_gfx/cmn/icon_folder_open.gif) no-repeat 2px 3px;
    font-family:arial,veranda,helvetica,sans-serif;
    font-weight: bold;
    line-height:normal;
    display: block;
    width: 420px;
	cursor: pointer;
}



/* images */
.treeviewmenu .ekmenu_submenu_items a img, 
.treeviewmenu .ekmenu_submenu_items_hidden a img {
	/* IMG; menu-item image, selected by CMS, can be used */
	/* with or in place of the textual title of the link. */
	/* Typical parent element: a.ekmenu_link */
	border-width: 0px;
}

.treeviewmenu .ekmenu_linkimage, 
.treeviewmenu .ekmenu_linkimage_selected,
.treeviewmenu .ekmenu_linkimage_hover, 
.treeviewmenu .ekmenu_linkimage_selected_hover
{
	/* SPAN; supports rollover-images, where a single image is scrolled */
	/* to show the desired effect for the given action-event. Separate the */
	/* .ekmenu_linkimage and .ekmenu_linkimage_selected classes for more images */
	/* Typical parent element: a.ekmenu_link */
    display: block;
	position: relative;
	background-position: 0px 0px;
	background-repeat:no-repeat;
	height: 30px;
	overflow: hidden;
}

/* Link menu items */
.treeviewmenu a.ekmenu_link, 
.treeviewmenu a.ekmenu_link:link, 
.treeviewmenu a.ekmenu_link:visited,
.treeviewmenu a.ekmenu_link:focus
{
	/* A; link for individual menu items (CMS quicklink, external link, etc.). */
	/* Typical parent element: div.ekmenu_submenu_items, or else */
	/* li.ekmenu_unorderedlist_item if 508-Compliance is enabled. */
	color: #504E3D;
	font-weight: normal;
    background: url(../Enterprise/_gfx/cmn/tree_branch.gif) no-repeat 2px 3px;
    padding:5px 17px;
    margin-left: 25px; 
    height: 20px;
    width: 420px;
    text-decoration:none;
}

.treeviewmenu a.ekmenu_link:hover
{
	color: #c36406;
	background: url(../Enterprise/_gfx/cmn/tree_branch.gif) no-repeat 2px 3px;
    padding:5px 17px;
    margin-left: 25px; 
    height: 20px;
    width: 420px;
}

.treeviewmenu a.ekmenu_link:active
{
	color: #504E3D;
    background: url(../Enterprise/_gfx/cmn/tree_branch.gif) no-repeat 2px 3px;
    padding:5px 17px;
    margin-left: 25px; 
    height: 20px;
    width: 420px;	
}

.treeviewmenu a.ekmenu_link_selected {
	/* A; selected version of ekmenu_link, see above... */
	/* Typical parent element: div.ekmenu_submenu_items, or else */
	/* li.ekmenu_unorderedlist_item if 508-Compliance is enabled. */
	color: #504E3D;
    background: url(../Enterprise/_gfx/cmn/tree_branch.gif) no-repeat 2px 3px;
    padding:5px 17px;
    margin-left: 25px; 
    height: 20px;
    width: 420px;
}

.treeviewmenu a.ekmenu_link_selected:hover {
	/* A; selected and hovered version of ekmenu_link, see above... */
	/* Typical parent element: div.ekmenu_submenu_items, or else */
	/* li.ekmenu_unorderedlist_item if 508-Compliance is enabled. */
	color: #577985;
    font-weight: bold;
    background: url(../Enterprise/_gfx/cmn/tree_branch.gif) no-repeat 2px 3px;
    padding:5px 17px;
    margin-left: 25px; 
	height: 20px;
	width: 420px;
}
