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

.newhorizontal .ekflexmenu 
{
	/*padding: 10px 10px 10px 10px;*/
	padding: 0px 0px 0px 0px;
	/* DIV; wraps the entire menu */
	/* (the outer-most non-user container element) */
	position: relative;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Sans-Serif;
    white-space: nowrap; 
    }

.newhorizontal A
{
	text-decoration: none;
}

.newhorizontal .ekflexmenu_submenu,
.newhorizontal .ekflexmenu_submenu_hover,
.newhorizontal .ekflexmenu_submenu_parent,
.newhorizontal .ekflexmenu_submenu_parent_hover
{
	top: 0px;
	left: 0px;
	height: auto;
}

.newhorizontal ul
{
	list-style: none;
	margin: 0px;
	padding: 0px; 
	/*border: 1px solid white; *//*yxs: this add border on both menu bar & submenu */
}

.newhorizontal li
{
	float: left;
	display: inline;
	position: relative;
	margin: 0px;
	padding: 0px; 
}

.newhorizontal .ekflexmenu_submenu_items 
{
	height:auto;
	margin-left: 0px;
    border-bottom-width: 0px; 
   
}

/* yxs: add border to the block of submenus only */
.newhorizontal .ekflexmenu_submenu_items ul 
{
        border: solid 1px white; 
 }

.newhorizontal .ekflexmenu_submenu_items li,
.newhorizontal .ekflexmenu_menu_level_1 .ekflexmenu_submenu_items li,
.newhorizontal .ekflexmenu_menu_level_2 .ekflexmenu_submenu_items li,
.newhorizontal a.ekflexmenu_link 
{
		margin:0;
		position: relative;
		list-style:none;
		float:left;
		white-space: nowrap;
}
	
.newhorizontal .ekflexmenu_submenu_items li a
{
	margin:0; padding:5px 30px;
	width: auto;
	white-space: nowrap;
}

.newhorizontal .ekflexmenu_menu_level_1 .ekflexmenu_submenu_items li a,
.newhorizontal .ekflexmenu_menu_level_2 .ekflexmenu_submenu_items li a,
.newhorizontal a.ekflexmenu_link
{
	margin:0; padding:5px 20px;
	min-width: 180px; /*yxs dropdown menu block width */
	width: auto;
	white-space: normal; /*yxs  chged from nowrap since it's not a nice block for the dropdown submenu*/
	}

.newhorizontal .ekflexmenu_menu_level_0 .ekflexmenu_submenu_items
{
	position: relative;
	left: 0px;
	top: 0px;
	float: left; /*z-index: 1000;*/
}
.newhorizontal .ekflexmenu_menu_level_1 .ekflexmenu_submenu_items
{
	position: absolute;
	left: 5px;
	top: 100%;
	background-image: url(sprymenubarright.gif); /*yxs comment out?*/
	background-repeat: no-repeat; 
	float: none; /*z-index: 1000 */

}

.newhorizontal .ekflexmenu_menu_level_2 .ekflexmenu_submenu_items
{
	position: absolute;
	left: 100%;
	top: 0px;
	margin: -0.4% 0; /* yxs: want second level submenus shows on top of parent menu, but not working as desired*/
}

.newhorizontal .ekflexmenu_menu_level_1 .ekflexmenu_submenu_items LI
{
	float: left;
	display: inline;
	position: relative;
	margin: 0px;
	padding: 0px;position: relative;
	/*z-index:2147483647;position: relative;*/ /*9999;	yxs: it make the dropdown list shows on top of the round box (good) but the follow up submenu list not on the top of parent submenulist.
							when this comment out, can make level_2 followup menu shows on top of parent menu (FireFox only though) */
}

.newhorizontal .ekflexmenu_menu_level_2 .ekflexmenu_submenu_items LI
{
	float: left;
	display: inline;
	position: relative;
	margin: 0px;
	padding: 0px;
	/*z-index:2147483647;position: relative; */
}

/* new additions by ektron*/
.newhorizontal .ekflexmenu_menu_level_2 .ekflexmenu_button
{
    display: block;
    padding: 5px 0px;
    color: black; /*yxs orig:rgb(255, 255, 255); */
    background: #c6c6bc;
    text-align:left;
    width: auto;
    padding-left:10px;
}

.newhorizontal .ekflexmenu_menu_level_2 .ekflexmenu_button_hover
{
    display: block;
    padding: 5px 0px;
    color: rgb(255, 255, 255);
    background:#c6c6bc;
    text-align:left;
    width: auto;
    padding-left:10px;
}
.newhorizontal .ekflexmenu_menu_level_2 .ekflexmenu_button_selected
{
    display: block;
    padding: 5px 0px;
    color: rgb(255, 255, 255);
    background:#c6c6bc;
    text-align:left;
    width: auto;
    padding-left:10px;
}
.newhorizontal .ekflexmenu_menu_level_2 .ekflexmenu_button_selected_hover
{
    display: block;
    padding: 5px 0px;
    color: rgb(255, 255, 255);
    background:#4d4e53; /*yxs: when hover to submenu item which has further submenu */
    text-align:left;
    width: auto;
    padding-left:10px;
}

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

.newhorizontal .ekflexmenu_button
{
    display: block;
    padding: 5px 0px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    background: transparent; /*yxs orig:green */
    text-align:center;
    width: 100%;
}
.newhorizontal .ekflexmenu_button_hover
{
    display: block;
    padding: 5px 0px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    background: #4d4e53;
    text-align:center;
    width: 100%;
}
.newhorizontal .ekflexmenu_button_selected
{
    display: block;
    padding: 5px 0px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    background: #4d4e53;
    text-align:center;
    width: 100%;
    text-decoration: underline;
}
.newhorizontal .ekflexmenu_button_selected_hover
{
    display: block;
    padding: 5px 0px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    background: #4d4e53 ;
    text-align:center;
    width: 100%;
    text-decoration: underline;
}

.newhorizontal img 
{
	border-width: 0px;
}

.newhorizontal a.ekflexmenu_link, 
.newhorizontal a.ekflexmenu_link:link, 
.newhorizontal a.ekflexmenu_link:visited {
    padding: 5px 0px;
    color: black;  /*yxs  font color of submenu when hover menubar item */
    background: #c6c6bc;  /*yxs bgcolor of submenu when hover menu bar item */
    text-decoration: none;
    display: block;
    white-space: normal;
}
.newhorizontal a.ekflexmenu_link:hover, 
.newhorizontal a.ekflexmenu_link:active, 
.newhorizontal a.ekflexmenu_link:focus  {
    padding: 5px 0px;
    color: white;
    background : #4d4e53;   /*yxs bgcolor of submenu when hover submen item */
    text-decoration: underline;
	display: block; 
    white-space: normal; 
}

.newhorizontal a.ekflexmenu_link_selected {
    padding: 5px 0px;
	color: white;
    background: #c6c6bc;
	display: block; 
    white-space: normal;
    text-decoration: underline;
}
.newhorizontal a.ekflexmenu_link_selected:hover {
    padding: 5px 0px;
	color: white;
    background: #c6c6bc;
	display: block; 
    white-space: normal;
}