.acgPortrait-indicator
{
    position:absolute;
    top:-9999em;
    left:-9999em;
}
.acgPortrait-indicator:before
{
	content: 'false';
}
@media all and (orientation:portrait)
{
    .acgPortrait-indicator:before
	{
		content:'true';
	}
}

.acgPortrait
{
	display:block;
	background-color:transparent;
}
.acgLandscape
{
	display:none;
}

.acgNavPanel
{
	position:fixed;
	bottom:0;
	max-width:1600px;
	width:100%;
	box-sizing:border-box;
	z-index:99;
	jbackground-color:rgb(242,242,242);
	background-color:transparent;
	box-shadow:0 -2px 5px 0 rgba(0,0,0,0.12);
}

.acgUiArrows
{
	position:fixed;
	jpadding:0 1em;
	jtop:calc(50% - 5em);	/* Note: 5em is from the size of the arrows themselves: 2em (base) PLUS "4em (base) vertical padding" which totals a size of 10em (base) high */
	z-index:99;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	max-width:1600px;
	width:100%;
	pointer-events:none;
	bottom:0;
	background-color:rgb(255,255,255,0.9);
}
.acgUiArrow
{
	background-color:rgb(242,242,242);
	jcolor:rgb(0,79,117);
	font-size:2em;
	border:2px solid rgb(212,212,212);
	border-top:0px;
	padding:0.25em 0;
	text-align:center;
	border-radius:0px;
	pointer-events:initial;
}
#rightArrow
{
	right:1em;
}
#leftArrow
{
	left:1em;
}
.acgUiScrollNotificationContainer
{
	position:inherit;
	jz-index:99;	/* if specified, it may go on top of toc menu */
	z-index:initial;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	
	max-width:1600px;
	width:4em;
	pointer-events:none;
	bottom:inherit;
	text-align:center;
	padding-right:inherit;
	
	background-color:rgb(242,242,242);
}
.acgUiScrollNotification
{
	display:inline-block;
	text-align:center;
	width:4em;
	font-size:0.8em;
	pointer-events:initial;
	cursor:hand;
	cursor:pointer;
}
.acgPanel
{
	position:relative;
	
	padding:20px 0 100px 0;	/* 50px (in design) + 50px (for the bottom nav) */
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
.acgOuterPadding
{
	padding:0 1em;
}
.acgPanel1.acgPanelTop, .acgPanel1.acgPanelBottom
{
	border-radius:0;
}
.acgPortraitModeFullBleed
{
	border-radius:0 !important;
}
.acgPageHeader
{
	text-align:left;
}
.acgPageHeaderLeftSpace
{
	display:inline-block;
	width:0;
}