.acgMenu
{
	position:absolute;
	top:42px;
	display:none;
	jwidth:100%;
	background-color:rgb(0,163,246);
	jborder:1px solid rgb(0,74,134);
	jpadding:1em;
	z-index:3;
	jheight:100%;	/* TODO: Include this for a fullscreen overlay */
	overflow-y:auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
.acgMenuButton
{
	width:40px;
	height:40px;
	font-size:1em;
	padding:0;
	background-color:rgb(0,104,181);
	color:rgb(255,255,255);
}

@media screen and (min-width: 768px)
{
	.acgMenu
	{
		top:77px;
	}
	.acgMenuButton
	{
		width:75px;
		height:75px;
		font-size:1.7em;
	}
}

.acgMenuItem
{
	display:block;
	border:1px solid rgb(0,74,134);
	width:100%;
	text-align:left;
	padding:0.9em 1.1em 0.6em 1.1em;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
.acgMenuItem:not(:last-child)
{
	margin-bottom:0.5em;
}
.acgMenuItem:hover
{
	background-color:rgb(0,74,134);
	color:rgb(255,255,255);
}


.acgMenuItemWrapper
{
	display:table;
	width:100%;
}

.acgMenuItemNumber
{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    width:43px;
	min-width:43px;
    height:43px;
    font-size:1.7em;
    font-weight:bold;
	background-color:rgb(153,153,169);
	color:rgb(255,255,255);
}
.acgMenuItemLabel
{
    display:table-cell;
    vertical-align:middle;
	jpadding-left:0.25em;
	font-size:1.25em;
}
.acgMenuHeader
{
	background-color:rgb(0,163,246);
	border:1px solid rgb(0,74,134);
	padding:0.7em 1em 0.5em 1em;
	color:rgb(255,255,255);
}
.acgMenuHeaderLabel
{
	font-size:1.8em;
}