/*                                                                          */
/* 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.     */
/*  
                         
                                               */
/* DIV; wraps the entire menu */
/* (the outer-most non-user container element) */
.horizontal .ekflexmenu  {    
	width: 790px;
	padding: 0;
	position: relative;
    color: #fff;
    font-size: 13px;
    font-family: Trebuchet, Arial, Helvetica, Verdana, Sans-Serif;
    white-space: nowrap;
}

/* =IE HACK: IE6 needs position absolute to display it and display on top of left nav.*/
*html .horizontal .ekflexmenu {
	position:absolute;
	margin:0 auto;
    z-index:5000; /*required for IE so that the submenu does not hide behind the left nav*/
}

/* (remove the underlines from links) */
.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;
	height: auto;
	position:relative;
	z-index:8000;
}
/* =IE HACK: Added to make the IE6 show the menu right with position issues*/
*html .horizontal .ekflexmenu_submenu,
.horizontal .ekflexmenu_submenu_hover,
.horizontal .ekflexmenu_submenu_parent,
.horizontal .ekflexmenu_submenu_parent_hover {
	position:absolute;
}

.horizontal UL {
	list-style: none;		/* Remove bullets from list */
	margin: 0 0 0 0;			/* Remove margin from individual entire list */
	padding: 0px;			/* Remove padding from individual list items */
				/* Width of the entire menu*/	
}


.horizontal .ekflexmenu_menu_level_0 LI {
	float: left;
	display: inline;
	position: relative;
	margin: 0px; 	
	padding: 0;													/* (Remove padding so that the <a> tag can control line-height and spacing) */
	width: 126px;												/* (Width of top level nav button) */

}
 .horizontal .ekflexmenu_menu_level_0 li a {
	color: #fff;												/* (Color for the top level nav button links */
	display: block;
	line-height: 43px;											/* (The line-height should match the height of the list item/bkg image to center text vertically) */
	background: #336699 url(/imgs/bkg-navBtn219.gif) no-repeat 0 0;		/* ( Insert the background image for the button, set to left top position ) */
	font-size: 13px;
 }

 .horizontal .ekflexmenu_menu_level_0 li a:hover {
	text-decoration:none;										/* (Remove the underline from hovered links) */
	background: #336699 url(/imgs/bkg-navBtn219.gif) no-repeat -219px 0;/* (This is the same background image as the un-hovered state. Position graphic to the left to change appearance. CSS Sliding doors technique */
		
 }

/* Not sure why this was hidden. Remove later if unnecessary */
.horizontal .ekflexmenu_submenu_items 
{
	height:auto;
	margin-left: 0px;
}

.horizontal .ekflexmenu_menu_level_0 .ekflexmenu_submenu_items {
	position: relative;
	top: 0px;
	float: left;	
	display:block;
	padding: 0px;
    font-weight: bold;
	background: #336699 url(/imgs/bkg-navBtn219.gif) no-repeat 0 0;
    /*background: rgb(47, 47, 97) url(ek_menu_ex__btnWorkareaBlueVista.jpg) repeat-x;
	background:#045395;*/
    text-align:center;
}

.horizontal .ekflexmenu_menu_level_0 .ekflexmenu_button_selected
{
	background: #336699 url(/imgs/bkg-navBtn219.gif) no-repeat -219px 0;	/* (This is the same background image as the un-hovered state. Position graphic to the left to change appearance. CSS Sliding doors technique */
}

.horizontal .ekflexmenu_menu_level_0 .ekflexmenu_button_selected_hover {
	background: #336699 url(/imgs/bkg-navBtn219.gif) no-repeat -219px 0;	/* (This is the same background image as the un-hovered state. Position graphic to the left to change appearance. CSS Sliding doors technique */
}


.horizontal .ekflexmenu_menu_level_1 li 
{
	width:175px;						/* Drop Down sub menu list widths */
	border-bottom:1px solid #999;		/* Sub Menu List Item Borders */
	padding:0px;						/* No List indenting or padding. Use the <a> tag to control spacing */
}

/* = First Level Drop Down Styles */
.horizontal .ekflexmenu_menu_level_1 li a {
	float: left;
	display: block;
	position: relative;
	margin: 0px;
	padding: 8px 5px 6px 5px;		/* ( Pad the link item within the list container. ) */		
	width: 165px;					/* ( Width of list item, minus padding..... this number + left padding + right padding should equal LI width. This only works with xhtml strict doctype. ) */
	background:#cbc3bb;				/* ( Drop down background color ) */
	color: #333;					/* ( Drop down text color ) */
	text-align:left;
	font-size:11px;
	font-weight: normal;
	line-height: 1.25;				/* ( Line height for multiple lines of link text ) */
	white-space: normal;			/* ( Add wrapping so that link text won't overflow the LI box) */
}

/* = First Level Drop Down HOVER Styles */
.horizontal .ekflexmenu_menu_level_1 li a:hover {
	background:#336699;				/* ( Hover background color ) */
	color: #fff;					/* ( Hover text color ) */
}

.horizontal .ekflexmenu_menu_level_1 .ekflexmenu_submenu_items {
	position: absolute;
	left: 0px;
	/*top: 100%;*/
	top:43px;
	float: none;
	width: 175px;
	background: #cbc3bb url(/imgs/icon_dropArrow.gif) no-repeat right bottom;	/* (Background color for dropdown items with sub menus ) */

}

.horizontal .ekflexmenu .ekflexmenu_submenu_items_hidden {
	display: none;
}

/* =Sub Menu Link Style */
.horizontal .ekflexmenu_menu_level_2 .ekflexmenu_submenu_items {
	position: absolute;
	left: 98%;					/* ( Position submenus to right of parent menu.) */
	top: 3px;					/* ( Offset from the top ) */
}

/* =2nd Level Link Style */
.horizontal .ekflexmenu_menu_level_2 .ekflexmenu_submenu_items a {
	background: #d5cdc6;		/* ( Set 2nd level drop down menu background ) */
	color: #555;				/* ( 2nd level drop down text color ) */
	text-indent: 3px;		
}

/* =3rd Level Link Style */
.horizontal .ekflexmenu_menu_level_3 .ekflexmenu_submenu_items a {
	background: #dfd9d4;		/* ( Set 3rd level drop down menu background ) */
	color: #666;				/* ( 3rd level drop down text color ) */
	text-indent: 3px;			
}

/* =2nd Level Drop Down List Style */
.horizontal .ekflexmenu_menu_level_2 li { 
	border-left: 1px solid #666;		/* ( Apply borders to list ) */
	border-right: 1px solid #999;
	border-bottom: 1px solid #666;
}

/* =3rd Level Drop Down List Style */
.horizontal .ekflexmenu_menu_level_3 li {
	border-left: 1px solid #666;		/* ( Apply borders to list ) */
	border-right: 1px solid #999;
	border-bottom: 1px solid #666;
}

/*
.horizontal .ekflexmenu_button
{
    display: block;
    padding: 5px 0px;
    font-weight: bold;
    color: rgb(255, 255, 255);    
    /*background: rgb(47, 47, 97) url(ek_menu_ex__btnWorkareaBlueVista.jpg) repeat-x;*/
  /*  background:#045395;
    text-align:center;
    width: 100%;
}
.horizontal .ekflexmenu_button_hover
{
    display: block;
    padding: 5px 0px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    /*background: rgb(47, 47, 97) url(ek_menu_ex__btnWorkareaOrangeVista.jpg) repeat-x;*/
 /*   background:#045395;
    text-align:center;
    width: 100%;
}
*/
.horizontal .ekflexmenu_menu_level_2 a.ekflexmenu_button_selected  {
	background-image: none;
}

.horizontal .ekflexmenu_menu_level_2 a.ekflexmenu_button_selected_hover {
	background-image: none;
}



/*
.horizontal img 
{
	border-width: 0px;
}

.horizontal a.ekflexmenu_link, 
.horizontal a.ekflexmenu_link:link, 
.horizontal a.ekflexmenu_link:visited {
    padding: 0px 0px;
    text-indent: 10px;
    color: rgb(0, 0, 160);
    background: rgb(238, 238, 238);
    text-decoration: none;
    display: block;
    width: 100%;
    border-bottom: 1px solid rgb(220, 220, 220);
    white-space: normal;
}
.horizontal a.ekflexmenu_link:hover, 
.horizontal a.ekflexmenu_link:active, 
.horizontal a.ekflexmenu_link:focus  {
    padding: 0px 0px;
    text-indent: 10px;
    color: rgb(255, 255, 255);
    background : rgb(181, 166, 132);
    text-decoration: none;
    border-color: rgb(181, 166, 132);
	display: block; 
	width: 100%;
    border-bottom: 1px solid rgb(220, 220, 220);
    white-space: normal;
}

.horizontal a.ekflexmenu_link_selected {
    padding: 0px 0px;
    text-indent: 10px;
	color: rgb(0, 89, 231);
    background: rgb(206, 190, 140);
    border-color : rgb(206, 190, 140);
	display: block; 
	width: 100%;
    border-bottom: 1px solid rgb(220, 220, 220);
    white-space: normal;
}
.horizontal a.ekflexmenu_link_selected:hover {
    padding: 0px 0px;
    text-indent: 10px;
	color: rgb(198, 211, 255);
    background: rgb(161, 141, 81);
    border-color : rgb(161, 141, 112);
	display: block; 
	width: 100%;
    border-bottom: 1px solid rgb(220, 220, 220);
    white-space: normal;
}*/