/*                                                                          
 NOTICE:                                                                  
    To support more than one-single FlexMenu server control per page      
    the CSS files' name is used as a class and is prefixed to all of      
    the selectors (without the path or extension).                        
                                                                          
    The server control will automatically wrap the entire FlexMenu        
    within a div-tag, whose class-name will be derived from the filename. 
                                                                          
    *** THESE MUST BE ENTIRELY IN LOWER CASE! ***                         
    The server control will cast these filenames to lower before use!     
                                                                          
    Only the base ASCII character set is supported.                       
                                                                          
    Also, spaces and periods before the extension will be converted       
    into underscores, as these are not permitted within the selector.     


                                                                          */
.flexmenu .ekflexmenu .ekflexmenu_menu_level_0 .ekflexmenu_submenu_items li
{
    padding: 8px 0px 8px 0px;
    display: block;
}

.flexmenu .ekflexmenu .ekflexmenu_menu_level_0 .ekflexmenu_submenu_items .ekflexmenu_menu_level_1 .ekflexmenu_button_selected,
.flexmenu .ekflexmenu .ekflexmenu_menu_level_0 .ekflexmenu_submenu_items .ekflexmenu_menu_level_1 .ekflexmenu_button_selected_hover  
{
    padding: 5px 0px 5px 0px;
}

.flexmenu .ekflexmenu .ekflexmenu_menu_level_0 .ekflexmenu_submenu_items .ekflexmenu_menu_level_1 .ekflexmenu_submenu_items li
{
    padding: 0px 0px 0px 0px;
    line-height: 18px;
}

.expand1 .ekflexmenu 
{
	/* DIV; wraps the entire menu */
	/* (the outer-most non-user container element) */
    /* color: rgb(255, 255, 255); */
    width: 200px; /* can be overridden in the primary div-containers (whose class = ekflexmenu) style */
	
	font-size: 12px;
    font-weight:bold;
    font-family: Arial, Verdana, Sans-Serif;
	
    /* background: rgb(100,100,150); /* shows up on left side, widens with nesting level */
    /* border-right: solid 1px rgb(71, 71, 71);
    border-bottom: solid 1px rgb(71, 71, 71); */
}

.ekflexmenu_submenu_items_hidden
{
    display: none;
}

.ekflexmenu_startlevel,
.ekflexmneu_menu_level_1,
.ekflexmenu_submenu_item,
li
{
   	list-style-type: none;
   	list-style-image: none;
   	list-style-position: inherit;
  	margin-left: 0px;   	
}



.expand1 .ekflexmenu_submenu,
.expand1 .ekflexmenu_submenu_hover,
.expand1 .ekflexmenu_submenu_parent,
.expand1 .ekflexmenu_submenu_parent_hover
{
	/* DIV; holds submenu items, such as a submenu title and links. */
	position: relative;
	top: 0px;
	left: 5px;
}

.expand1 UL 
{
	/* UL; a container for menu list items (useful for non-graphical browsers). */
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.expand1 LI
{
	/* LI; container for menu items (typically either links or sub-menus). */
	display:inline;
	margin: 0px;
	padding: 0px;
}

.expand1 .ekflexmenu_submenu_items {
	/* DIV; container for menu lists. */
    overflow: hidden; /* truncate what cannot fit */
    /*border-bottom: solid 2px rgb(71, 71, 71);*/
  	list-style: none;
  	/* margin-left: 15pt; */
}

.expand1 .ekflexmenu_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). */
	display: none;
}

/* Nested menu items */
.expand1 .ekflexmenu_submenu_items .ekflexmenu_submenu_items, 
.expand1 .ekflexmenu_submenu_items .ekflexmenu_submenu_items_hidden, 
.expand1 .ekflexmenu_submenu_items_hidden .ekflexmenu_submenu_items_hidden
{
	/* Rule is applied to nested submenus. Hidden included in-case */
	/* Javascript is not supported and hidden submenus are made visible. */
	margin-left: 20px; /* 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 */
.expand1 .ekflexmenu_button:visited,
.expand1 .ekflexmenu_button_selected,
.expand1 .ekflexmenu_button_selected_hover,
.expand1 .ekflexmenu_button,
.expand1 .ekflexmenu_button:hover,
.expand1 .ekflexmenu_button_hover
{
	/* A; holds the title of the associated submenu, and typically acts as a */
	/* button (or folder) for the submenu. Can also hold images (background, etc). */
    display: block;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
    /* background: rgb(47, 47, 97) url(ek_menu_ex__btnWorkareaBlueVista.jpg) repeat-x; /* color specified in case image unavailable */
    /* text-indent: 10px; */
    width: 100%; /* capture on-click for entire row that the button occupies */
    text-decoration: none;
	color: #12367E;
}

/* images */
.expand1 .ekflexmenu_submenu_items a img, 
.expand1 .ekflexmenu_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. */
	border-width: 0px;
	padding-right: 2px;
}

/* Link menu items */
.expand1 a.ekflexmenu_link, 
.expand1 a.ekflexmenu_link:link, 
.expand1 a.ekflexmenu_link:visited {
	/* A; link for individual menu items (CMS quicklink, external link, etc.). */
    padding: 0px 0px 0px 0px;
    text-indent: 0px;
    color: rgb(0, 0, 160);
    /* background: rgb(238, 238, 238); */
    text-decoration: none;
    display: block; /* force one link per row */
    width: 100%; /* fill entire row with link */
    color: #12367E;
    font-size: 11px;
    font-family: Arial, Verdana, Sans-Serif;
    /* border-bottom: 1px solid rgb(220, 220, 220); */
}
/*.ekflexmenu_submenu_items a:hover */
.expand1 a.ekflexmenu_link:hover, 
.expand1 a.ekflexmenu_link:active, 
.expand1 a.ekflexmenu_link:focus  {
	/* A; hovered version of ekflexmenu_link, see above... */
    padding: 0px 0px 0px 0px;
    text-indent: 0px;
    /* color: rgb(255, 255, 255); */
    /* background : rgb(181, 166, 132); */
    color: #12367E;
     font-size: 11px;
    text-decoration: underline;
    /* border-color: rgb(181, 166, 132); */
	display: block; 
	width: 100%;
    /* border-bottom: 1px solid rgb(220, 220, 220); */
}

.expand1 a.ekflexmenu_link_selected {
	/* A; selected version of ekflexmenu_link, see above... */
    padding: 0px 0px 0px 0px;
    text-indent: 0px;
	color: #ff9900;
	 font-size: 11px;
	display: block; 
	width: 100%;
}
.expand1 a.ekflexmenu_link_selected:hover {
	/* A; selected and hovered version of ekflexmenu_link, see above... */
    padding: 0px 0px 0px 0px;
    text-indent: 0px;
	color: #ff9900;
	 font-size: 11px;
	display: block; 
	width: 100%;
}