/*                                                                          */
/* 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.     */
/*  
                                                                        */
/*          From Peggy at MGMA:

1.          Main menu  background color : #16335a

2.          Main menu static text color: white #FFFFF

3.          Main menu mouseover text color: #16335a  

4.          Main menu mouseover background color: #a4a5b7

5.          Submenu static text color: #16335a  

6.          Submenu background color: #a4a5b7

7.          Submenu mouseover text color: #16335a

8.          Submenu mouseover background color: #a4a5b7
*/


.conferenceflexmenu .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; 
    }

.conferenceflexmenu A
{
	text-decoration: none;
}

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

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

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


/* ekflexmenu_menu_level_1 ekflexmenu_startlevel ekflexmenu_submenu */

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

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




.conferenceflexmenu .ekflexmenu_submenu_items li,
.conferenceflexmenu .ekflexmenu_menu_level_1 .ekflexmenu_submenu_items li,
.conferenceflexmenu .ekflexmenu_menu_level_2 .ekflexmenu_submenu_items li,
.conferenceflexmenu a.ekflexmenu_link 
{
		margin:0;
		position: relative;
		list-style:none;
		float:left;
		white-space: nowrap;
}
	
.conferenceflexmenu .ekflexmenu_submenu_items li a
{
	margin:0; padding:5px 30px;
	width: auto;
	white-space: nowrap;
	z-index:999999; /* 6/18/10: HFS: Added per Ektron support to fix overlap of flash widget. Fixes for Firefox. */
}

.conferenceflexmenu .ekflexmenu_menu_level_1 .ekflexmenu_submenu_items li a,
.conferenceflexmenu .ekflexmenu_menu_level_2 .ekflexmenu_submenu_items li a,
.conferenceflexmenu 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*/
	}

.conferenceflexmenu .ekflexmenu_menu_level_0 .ekflexmenu_submenu_items
{
	position: relative;
	left: 0px;
	top: 0px;
	float: left; /*z-index: 1000;*/
}
.conferenceflexmenu .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 */

}

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

.conferenceflexmenu .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) */
}

.conferenceflexmenu .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*/
.conferenceflexmenu .ekflexmenu_menu_level_2 .ekflexmenu_button
{
    display: block;
    padding: 5px 0px;
    color: black; /*yxs orig:rgb(255, 255, 255); */
    background: #c6c6bc; /* hfs: NO CHANGE 16335a = blue ...  c6c6bc = gray */
    text-align:left;
    width: auto;
    padding-left:10px;
}


.conferenceflexmenu .ekflexmenu_menu_level_2 .ekflexmenu_button_hover
{
    display: block;
    padding: 5px 0px;
    color: rgb(255, 255, 255);
    background: #16335a; /* hfs no change */
    text-align:left;
    width: auto;
    padding-left:10px;
}
.conferenceflexmenu .ekflexmenu_menu_level_2 .ekflexmenu_button_selected
{
    display: block;
    padding: 5px 0px;
    color: rgb(255, 255, 255);
    background:#16335a; /* hfs NO CHNG */
    text-align:left;
    width: auto;
    padding-left:10px;
}
.conferenceflexmenu .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;
}

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


/*********************************************************************************/
.conferenceflexmenu .ekflexmenu_button
{
    display: block;
    padding: 5px 0px;
    font-weight: bold;
    color: white; /*2. Main menu static text color */
    background: #16335a; /*1. Main menu static background color */
    text-align:center;
    width: 100%;
}
.conferenceflexmenu .ekflexmenu_button_hover
{
    display: block;
    padding: 5px 0px;
    font-weight: bold;
    color: #16335a; /*3. Main menu text hover color*/
    background: #a4a5b7; /*4. Main menu background hover color; */
    text-align:center;
    width: 100%;
}
 

.conferenceflexmenu .ekflexmenu_button_selected
{
    display: block;
    padding: 5px 0px;
    font-weight: bold;
    color: #16335a; /*3. Main menu selected text color */
    background: #a4a5b7; /*4. Main menu selected background color */
    text-align:center;
    width: 100%;
    text-decoration: underline;
}
.conferenceflexmenu .ekflexmenu_button_selected_hover
{
    display: block;
    padding: 5px 0px;
    font-weight: bold;
    color: #16335a; /*3. Main menu hover text color*/
    background: #a4a5b7; /*4. Main menu hover background color*/
    text-align:center;
    width: 100%;
    text-decoration: underline;
}

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

.conferenceflexmenu a.ekflexmenu_link, 
.conferenceflexmenu a.ekflexmenu_link:link, 
.conferenceflexmenu a.ekflexmenu_link:visited {
    padding: 5px 0px;
    color:  #16335a; /*5. Submenu font color when hovering on main menu item */
    background: #a4a5b7;  /*6. Submenu background color when hovering on main menu item  */
    text-decoration: none;
    display: block;
    white-space: normal;
}


/**/
.conferenceflexmenu a.ekflexmenu_link:hover, 
.conferenceflexmenu a.ekflexmenu_link:active, 
.conferenceflexmenu a.ekflexmenu_link:focus  {
    padding: 5px 0px;
    color: white;  /*7. Submenu hover text color */
    background : #16335a;   /*8. Submenu hover background color*/
    text-decoration: none;
	display: block; 
    white-space: normal; 
}


/******************************************************************/
.conferenceflexmenu a.ekflexmenu_link_selected {
    padding: 5px 0px;
	color: white; /* Color of submenu text when you are on that page */
    background: #a4a5b7; /* Color of submenu background when you are on that page - static. */
	display: block; 
    white-space: normal;
    text-decoration: underline;
}



.conferenceflexmenu a.ekflexmenu_link_selected:hover {
    padding: 5px 0px;
	color: white; /*************************************/
    background: #a4a5b7; /*  Hover color when hovering on submenu item when you're on that page. */
	display: block; 
    white-space: normal;
}