﻿/*                                                                          */
/* 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.     */
/*                                                                          */

.horizontal .ekflexmenu 
{
	/*padding: 10px 10px 10px 10px;*/
	
	/* DIV; wraps the entire menu */
	/* (the outer-most non-user container element) */
	/* margin: 0 auto; */
	margin: 0px;
    /* width: 900px;
    width: 615px; */
    white-space: nowrap;
    /* color: #404040; */
    /* height: 15px; */
	padding: 0px;
	display: block;
	font-family: Arial,Verdana,sans-serif; 
	font-size: 10px;
	font-weight:bold;
	position: relative;
	float: right;
	margin-left: 5px; 
	z-index: 100 !important;
}

/* TOP LEVEL NAVIGATION */

.horizontal UL
{
	display: block;
	margin: 0px;
	padding: 0px;
	/* color: #404040; */

}
.horizontal LI
{
	float: left;
	display: inline;
	position: relative;
	padding: 0px;
	/* font-family: Tahoma; */
	font-size: 10px;
	/* color: #404040; */
	margin-top: 0px;
	border-right: 1px solid #c6deea;
	text-align: center;	
	height: 30px;
	
	
}

.horizontal UL LI a.ekflexmenu_link, 
.horizontal UL LI a.ekflexmenu_button, 
.horizontal UL LI a.ekflexmenu_button_hover,
.horizontal UL LI a.ekflexmenu_button_selected, 
.horizontal UL LI a.ekflexmenu_button_selected_hover
{
	float: left;
	/* display: inline; */
	display: block;
	/* position: relative; */
	/* padding: 0px; */
	padding: 0px;
	padding: 12px 5px 6px 5px;
	/* width: 90px; */
	/* height: 15px; */
	
	/* font-family: Tahoma; */ 
	font-size: 9px;
	/* color: #404040; */
	color: #003d7d;
	text-decoration: none;
	font-weight: normal;	
	border: 0px solid black;
	overflow:hidden;
}

.horizontal UL LI a.ekflexmenu_link:hover, 
.horizontal UL LI a.ekflexmenu_button:hover,
.horizontal UL LI a.ekflexmenu_button_hover:hover, 
.horizontal UL LI a.ekflexmenu_button_selected:hover, 
.horizontal UL LI a.ekflexmenu_button_selected_hover:hover 
{
	
	/* padding: 0px; */
	/* width: 90px; */
	/* height: 15px; */
	/* color: #e43541; */
	color: #003d7d;
	
	background-color:#c6deea;
	border-top:#54b1c6 solid 1px;
	border-left:#54b1c6 solid 1px;
	border-right:#54b1c6 solid 1px;
	padding: 11px 4px 6px 4px;
	overflow:hidden;
	
	
	
}
 
.horizontal .ekflexmenu_menu_level_0 .ekflexmenu_submenu_items
{
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
	padding: 0px;
	/* color: #404040; */
	
	
}

.horizontal .ekflexmenu_menu_level_0 .ekflexmenu_submenu_items_hidden
{
	display: none;
	/* color: #404040; */
}

/* SUB NAVIGATION */

.horizontal UL LI UL LI
{
	width: 122px;
	display:inline;
	border: 0px; 
	clear: both; 
	height: 30px;  
	font-weight: bold; 
	position: relative; 
	/* color: #404040; */
	white-space: normal;
	

}



.horizontal UL LI UL LI a.ekflexmenu_link, 
.horizontal UL LI UL LI a.ekflexmenu_link_hover, 
.horizontal UL LI UL LI a.ekflexmenu_link_selected, 
.horizontal UL LI UL LI a.ekflexmenu_link_selected_hover, 
.horizontal UL LI UL LI a.ekflexmenu_button, 
.horizontal UL LI UL LI a.ekflexmenu_button_hover,
.horizontal UL LI UL LI a.ekflexmenu_button_selected, 
.horizontal UL LI UL LI a.ekflexmenu_button_selected_hover
{
    text-align: left; 
	font-weight: normal;
	/* color: #404040; */
	background-color: #c6deea;
	/*
	border-left:#54b1c6 solid 1px;
	border-right:#54b1c6 solid 1px;
	border-bottom:#54b1c6 solid 1px;
    */
    border: 1px solid #9CD4E4;
	padding: 10px 4px 14px 14px;
	margin: 0px;
	height: 20px;
	width: 140px;
	text-align: left; 
	position: relative;
	z-index: 100 !important;
	
	
}
.horizontal UL LI UL LI a:active, 
{
    text-align: left; 
	font-weight: normal;
	/* color: #404040; */
	background-color: #c6deea;
	/*
	border-left:#54b1c6 solid 1px;
	border-right:#54b1c6 solid 1px;
	border-bottom:#54b1c6 solid 1px;
    */
    border: 1px solid #9CD4E4;
	padding: 10px 4px 14px 14px;
	margin: 0px;
	height: 20px;
	width: 140px;
	text-align: left; 
	position: relative;
	z-index: 100 !important;
	
	
}


.horizontal UL LI UL LI a.ekflexmenu_link:hover, 
.horizontal UL LI UL LI a.ekflexmenu_link_hover:hover, 
.horizontal UL LI UL LI a.ekflexmenu_link_selected:hover, 
.horizontal UL LI UL LI a.ekflexmenu_link_selected_hover:hover, 
.horizontal UL LI UL LI a.ekflexmenu_button:hover,
.horizontal UL LI UL LI a.ekflexmenu_button_hover:hover, 
.horizontal UL LI UL LI a.ekflexmenu_button_selected:hover, 
.horizontal UL LI UL LI a.ekflexmenu_button_selected_hover:hover 
{

	text-align: left; 
	font-weight: normal;
	/* color: #404040; */
	/* border: 0px; */
	
	padding: 10px 4px 14px 14px;
	margin: 0px;
	
	width: 140px;
	text-align: left; 
	position: relative;
	z-index: 100 !important;
	overflow:hidden;
	
	color: #fff;
	background-color: #1E749D;
	height: 20px;
	
}





.horizontal .ekflexmenu_menu_level_1 .ekflexmenu_submenu_items 
{
	position: absolute;
	left: 0px;
	top: 100%;
	/* font-family: Tahoma; */
	font-size: 10px;
	display: block;
	
	padding: 0px;
	
	
	/* margin-left: 3px; */
	/* padding: 7px 0 5px 5px; */
	text-align: left;
	/* color: #e43541; */
	color: #003d7d;
	
	z-index: 100 !important;
}

.horizontal .ekflexmenu_menu_level_2 .ekflexmenu_submenu_items
{
	position: absolute;
	left: 100%;
	top: 0px;
	margin-top: 5px;
	z-index: 99999 !important;
	
	
}

.horizontal .ekflexmenu_submenu_items img 
{
	display: none;
}

.horizontal .ekflexmenu .ekflexmenu_submenu_items_hidden 
{
	display: none;
}

.horizontal .ekflexmenu_button,
.horizontal .ekflexmenu_button_hover,
.horizontal .ekflexmenu_button_selected,
.horizontal .ekflexmenu_button_selected_hover
.horizontal .ekflexmenu_button_visited
{
    /* color: #404040; */
    /* width: 90px; */
    /* height: 15px; */
    text-decoration: none; 
}

.horizontal A
{
	text-decoration: none;
}

.horizontal .ekflexmenu_submenu,
.horizontal .ekflexmenu_submenu_hover,
.horizontal .ekflexmenu_submenu_parent,
.horizontal .ekflexmenu_submenu_parent_hover
{
	top: 0px;
	left: 0px;
}

.horizontal .ekflexmenu_link
{
	padding: 0px;
	/* height: 15px; */
	float: left;
	/* border: 0px; */
	display: block;
	/* color: #404040; */
	
}




.horizontal a.ekflexmenu_link:hover, 
.horizontal a.ekflexmenu_link:active, 
.horizontal a.ekflexmenu_link:focus,
.horizontal a.ekflexmenu_link_selected
{
	/* color: #e43541; */
	padding: 0px; 
	padding: 10px 4px 0px 14px;
	/* height: 15px;   */
	
	/* border: 0px; */
	display: block; 
}

.horizontal UL LI a.ekflexmenu_button_selected,
.horizontal UL LI a.ekflexmenu_button_selected_hover 
{
    
    color: #003d7d;
	
	background-color:#c6deea;
	border-top:#54b1c6 solid 1px;
	border-left:#54b1c6 solid 1px;
	border-right:#54b1c6 solid 1px;
	padding: 11px 4px 6px 4px;
	overflow:hidden;
}

/* Firefox, Mozilla & Safari fix for last LI in submenu spacing */
.horizontal UL LI UL LI:last-child a
{
	line-height: 100%;
    white-space: nowrap;
    padding-bottom: 0px;
	
}
.horizontal UL LI UL LI:last-child a:hover
{
	line-height: 100%;
    white-space: nowrap;
    padding-bottom: 0px;
}

