.acgMenuBar
{
	color:white;
}

.acgMenuBar .ui-menu
{
	jwidth:200px;	/* If you don't do this, menus will try to wrap after first word break */
	jwidth:initial;
	white-space:nowrap;
	padding-bottom:1px;	/* This was needed to prevent a scrollbar from appearing on the menu when the last menuitem was hovered */
}

#menubar > .ui-menu-item > div
{
	font-size:1.4rem;
	background-color:transparent;
	jbox-sizing:content-box;
	jborder:2px solid blue;
}

#menubar > .ui-menu-item > div:hover
{
	jbox-sizing:content-box;
	border:2px solid white;
	jbackground-color:green;
}

/*
.ui-menu .ui-menu
{
    jwidth: 150px;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    jz-index: 100 !important;
    position: fixed !important;
}
*/

/*
.ui-menu .ui-state-focus, .ui-menu .ui-state-active
{
    margin:0px !important;
}
*/