.acgLandscape-indicator
{
    position:absolute;
    top:-9999em;
    left:-9999em;
}
.acgLandscape-indicator:before
{
	content: 'false';
}
@media all and (orientation:landscape)
{
    .acgLandscape-indicator:before
	{
		content:'true';
	}
}

.acgLandscape
{
	display:block;
}
.acgPortrait
{
	display:none;
}

.acgUiArrows
{
	position:fixed;
	padding:0 1em;
	top:calc(50% - 3em);	/* 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:98;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	max-width:1600px;
	width:100%;
	pointer-events:none;
}
.acgUiArrow
{
	background-color:rgb(242,242,242);
	color:rgb(13,39,77);
	font-size:2em;
	border:1px solid rgb(232,232,232);
	padding:1em 0.5em;
	border-radius:10px;
	pointer-events:initial;
}
.acgUiArrow:hover
{
	background-color:rgb(232,232,232);
}
.acgUiArrow.acgCssButtonDisabled:hover
{
	background-color:rgb(242,242,242);
}
#rightArrow
{
	right:1em;
}
#leftArrow
{
	left:1em;
}
.acgUiScrollNotificationContainer
{
	position:fixed;
	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:1em;
	text-align:right;
	padding-right:1em;
	
	animation:fade 2s infinite;

}
@keyframes fade
{
	0%
	{
		opacity:0;
	}
	25%
	{
		opacity:1;
	}
	75%
	{
		opacity:1;
	}
	100%
	{
		opacity:0;
	}
}
.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 6em 50px 6em;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.acgUiTocContainer
{
	position:fixed;
	width:100%;
	max-width:1600px;
	box-sizing:border-box;
	padding:20px 1em;
	z-index:99;
	pointer-events:none;
}
.acgOuterPadding
{
	padding:0 0;
}
.acgPanelTop, .acgPanel1.acgPanelTop
{
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}
.acgPanelBottom, .acgPanel1.acgPanelBottom
{
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}
.acgPageHeader
{
	text-align:center;
}
.acgPageHeaderLeftSpace
{
	display:inline-block;
	width:80px;
}