/*                                                                          */
/* 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.     */
/*                                                                          */

.menu .ekflexmenu {
	/* DIV; wraps the entire menu */
	/* (the outer-most non-user container element) */
    margin-left: 8px;
    width: 210px; /* entire menu width, can be overridden in the primary div-containers (whose class = ekmenu) style */
    font-size: 12px;
    font-family: Arial;
    background-color: White;    
}
.menu .ekflexmenu_submenu_selected {
	color: Black;
}

.menu .ekflexmenu_submenu_items {
	/* DIV; container for menu lists. */
    overflow: hidden; /* truncate what cannot fit */
    border:none;
}

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

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

#menu_spacer {
	padding: 0px 0px 0px 0px; margin-top: 5px; margin-bottom: 5px;
    border-bottom: 1px solid #929390;
}

.menu .ekflexmenu_submenu_items UL LI {
	margin-left:7px;
	margin-bottom:0px;
	margin-top:0px;
}

.menu a.ekflexmenu_button,
.menu a.ekflexmenu_button:hover {
	/* A; hovered version of .ekflexmenu_button, see above... */
    display: block;
    padding:  0px 0px 0px 0px;/* padding: 5px 0px;*/
    color:#DD6E1D; /* button-title text color */
    font-weight:bold;
    background: url(../../../genImages/leftNav/plus.jpg) no-repeat;
    background-position: right;
    text-indent: 0px; /*text-indent: 20px;*/
    width: 100%; /* capture on-click for entire row that the button occupies */       
    text-decoration: none;
}

.menu a.ekflexmenu_button_selected {
	/* A; selected version of ekflexmenu_link, see above... */
    padding: 0px 0px 0px 0px; /* set all to zero for images */
    text-indent: 0px;
	color: Black;
    /*display: block;  force one link per row */
    width: 100%; /* fill entire row with link */
    text-decoration: none;
    background-position: left;
}

/* images */
.menu .ekflexmenu_submenu_items a img, 
.menu .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. */
}

/* Link menu items */
.menu a.ekflexmenu_link, 
.menu a.ekflexmenu_link:link, 
.menu a.ekflexmenu_link:visited {
	/* A; link for individual menu items (CMS quicklink, external link, etc.). */
    padding: 0px 0px 0px 0px; /* set all to zero for images */
    text-indent: 0px;
    color: #DD6E1D; /* link text color */
    text-decoration: none; /* remove underlines */
    /*display: block;  force one link per row */
    width:auto; /* fill entire row with link */
    background-position: right;
}

.menu a.ekflexmenu_link:hover, 
.menu a.ekflexmenu_link:active, 
.menu a.ekflexmenu_link:focus  {
	/* A; hovered version of ekflexmenu_link, see above... */
    padding: 0px 0px 0px 0px; /* set all to zero for images */
    text-indent: 0px;
    color: Black;
    /*display: block;  force one link per row */
    width:auto;  /*100%; fill entire row with link */
    background-position: right;
}

.menu a.ekflexmenu_link_selected {
	/* A; selected version of ekflexmenu_link, see above... */
    padding: 0px 0px 0px 0px; /* set all to zero for images */
    text-indent: 0px;
	color: Black;
    /*display: block;  force one link per row */
    width: 100%; /* fill entire row with link */
    text-decoration: none;
    background-position: right;
}

.menu a.ekflexmenu_link_selected:hover {
	/* A; selected and hovered version of ekflexmenu_link, see above... */
    padding: 0px 0px 0px 0px; /* set all to zero for images */
    text-indent: 0px;
    color: Black;
    /* display: block;  force one link per row */
    width: 100%; /* fill entire row with link */
    text-decoration: none;
    background-position: right;
}

.navHeader, .contentHeader
{
	/* menu title */
	display: block;
	margin-left: 8px;
	margin-bottom: 5px;
	margin-top:6px;
	padding-bottom: 5px;
	font-family: Arial;
    font-weight: bold; 
    font-size: 12px; 
    color: #929390;
    text-transform:uppercase;
    border-bottom: 1px solid #929390;
    width: 210px;
}

.contentHeader
{
    margin-left: 0;
}

.lastMenuHolder
{
    text-transform: uppercase;
    font-weight: bold;
}