/*
// ------------------------------------
// App-specific settings
// ------------------------------------
*/

/* This style is used by the AcgApp.isEnanced() method to determine if we are using the enhanced stylesheet */
body:after
{
	content:'default';
	display:none;
}

body
{
    max-width: 100%;
    overflow-x: hidden;	/* Causes Chrome to add a vertical scrollbar */
}

#cssCheck
{
	font-weight:800;
}

.defaultMode
{
	display: block;
}
table.defaultMode
{
	display: table;
}
.defaultModeTableCell
{
	display:table-cell;
}
.enhancedMode
{
	display: none;
}
table.enhancedMode
{
	display: none;
}
.enhancedModeTableCell
{
	display:none;
}
.enhancedModeInlineBlock
{
	display:none;
}

.myButton
{
	cursor:hand;
	cursor:pointer;
}

.myLink
{
	text-decoration:underline;
}

.myRoundButton
{
	display:inline-block;
	font-size:1em;
	
	cursor:hand;
	cursor:pointer;
	
	border: 2px solid #004281;
	background-color:#004281;
	color:#ffffff;
	
	padding:0em 1em 0.1em 1em;
	
	text-decoration:none;
	
}
.myRoundButton.selected
{
	background-color:#ffffff;
	color:#0171c5;
	text-decoration:none;
	pointer-events: none;
	cursor: default;
}

.myHeaderButton
{
	jdisplay:table-cell;
	display:inline-block;
	font-size:0.8em;
	pointer-events:auto;
	
	vertical-align:middle;
	
	jheight:2.5em;
	width:30px;
	min-height:30px;
	
	jborder: 1px solid #0099e0;
	jborder-right:1px solid #009ce3;
	jborder-bottom:1px solid #009ce3;
		
	color:#ffffff;
	text-align:center;
	
	font-smooth:always;
	-webkit-font-smoothing: antialiased;
	
	cursor:hand;
	cursor:pointer;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	
	jbackground: #0088d5;
}

.myHeaderButton:hover
{
	jbackground: #005f98;
}

.mySelectedHeaderButton, .mySelectedHeaderButton:hover
{
	background: rgb(0,174,239);
}

.myInlineButton
{
	display:inline-block;
	jdisplay:table-cell;
	jborder:1px solid #000000;
	color:#ffffff;
	padding:0em 2em 0.1em 2em;
	jvertical-align:middle;
	
	cursor:hand;
	cursor:pointer;
	
	background: #a2a3a7;
}

.borderBox
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.outerArea
{
	jbackground-color:#0071c5;
	padding:1em 1em;
	height:100%;
	text-align:center;
	
	border-bottom:10px solid #394750;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.innerArea
{
	display:inline-block;
	jmax-width:1612px;
	max-width:768px;
	width:100%;
	margin:auto;
	
	j-webkit-box-sizing: border-box;
	j-moz-box-sizing: border-box; 
	jbox-sizing: border-box;
	
	jpadding:1em;
}
#scriptContent
{
	jbackground-color:#0071c5;
	color:#ffffff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.headerBand
{
	position:fixed;
	width:100%;
	z-index:999999;
	jpadding-top:1em;
	jheight:4em;
	
	background-color:#ee4935;
	
	padding-top:1em;
	padding-bottom:1em;
	
	box-shadow:0px 4px 3px rgba(0,0,0,0.5);
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.headerTitleColumn
{
	width:100%;
	vertical-align:middle;
	padding-right:1em;
	font-size:2em;
	padding-left:0.5em;
}

.headerTitle
{
	font-weight:bold;
	jfont-size:1.2em;
}

.headerContent
{
	color:#ffffff;
	margin:auto;
	max-width:768px;	

	padding: 0 0;
}

.headerPadding
{
	padding:0 1em;
}

.footerBand
{
	jposition:absolute;
	bottom:0;
	width:100%;
	z-index:99;
	jheight:28px;
	jheight:2em;
	padding-bottom:0.5em;
	color:#ffffff;
	
	background-color:#394750;
}

.footerContent
{
	margin:auto;
	max-width:768px;
	jfont-size:16px;
	font-size:0.8em;
	font-weight:normal;
	color:#abb5bb;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	
	padding:0.5em 1.7em;
}


.footerContent a
{
	text-decoration:none;
	color:#abb5bb;
}

.footerContent a:hover
{
	color:#1f2c33;
}

.footerContent span
{
	padding:0 0.25em;
	white-space:nowrap;
}

.noScriptText
{
	jwidth:960px;
	margin:auto;
	background-color:#ffffff;
	color:#000000;
	padding-top:2em;
	text-align:center;
}

.preloadContent
{
	text-align:center;
	padding-top:2em;
}

#contentArea
{
	jpadding:0 2em;
	jpadding-bottom:5em;
}

.acgPerspective
{
	perspective:5000px;
	-webkit-perspective:5000px;
}

.appTitle
{
	font-size:1.5em;
	color:#ffffff;
	font-weight:200;
	text-align:left;
	padding-top:0.5em;
}

.panel
{
	display:inline-block;
	text-align:left;
	vertical-align:top;
	margin-bottom:2em;
	
	jborder:1px solid #ffffff;
	
	width:100%;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	
	box-shadow:7px 7px 0 #005598;
}

.panelTitle
{
	font-family:alfa_slab_oneregular;
	color:#ee4935;
	font-size:2em;
	font-weight:lighter;
	padding-top:0.5em;
}

.panelTitleText
{
	padding:0 0.25em;
}

.panelSubtitle
{
	font-family:fira_sansregular;
	font-size:1.5em;
	padding-bottom:0.5em;
}

.panelHeader
{
	jfont-weight:bold;
	padding:0 1em;
	text-align:center;
	cursor:hand;
	cursor:pointer;
}

.panelContent
{
	padding:0 60px;
}

.column
{
	text-align:center;
	padding:0em 1em;
}
.columnItem
{
	margin:auto;
	text-align:left;
	jmargin-top:1em;
	jmargin-bottom:1em;
}

.startHidden
{
	visibility:hidden;
}
.startUnavailable
{
	jdisplay:none;
}
.rotatable
{
	transform-origin:0 100% 0;
	jtransform: rotateX(90deg);
}

.borderBox
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.enhancedModeCell
{
	text-align:center;
	position:relative;
}

.ui-accordion-header
{
	margin-top:1em !important;
	padding:0 !important;
	border:0 !important;
}

.ui-accordion-content
{
	padding:0 !important;
	border:0 !important;
	border-radius:0 !important;
	color:#ffffff !important;
}

.noMouse
{
	pointer-events: none;
}

.bx-wrapper .bx-viewport
{
	background-color:inherit !important;
	border-width:0 !important;
	box-shadow:inherit !important;
}

.bx-wrapper
{
	margin: 0 auto 30px;
}

.bx-wrapper img {
    display:inline-block !important;
    jmax-width: 100%;
}

.bxslider
{
	margin:0;
}

.acgRed
{
	color:#ee4935;
}

.recordedOn
{
	font-size:0.8em;
}

#navMenu
{
	position:absolute;
	right:0;
	top:0;
	color:#b62635;
	background-color:#ffffff;
	
	box-shadow:2px 2px 6px rgba(0,0,0,0.5);

}
.navMenuItem
{
	display:block;
	padding:1em;
	border-bottom:1px solid #f7d0d3;
	cursor:hand;
	cursor:pointer;
}

.navMenuItem:hover
{
	color:#ed7061;
}

.acgBold
{
	font-weight:bold;
}
.shareButton
{
	cursor:hand;
	cursor:pointer;
}
#gotoTop
{
	display:inline-block;
	position:fixed;
	right:1em;
	bottom:1em;
	cursor:hand;
	cursor:pointer;
	z-index:999999;
}

.acgSuperscript
{
    position:relative;
    bottom:0.5em;
    font-size:0.7em;
}

.acgBreakWords
{
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;

	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;

	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.acgHorizontalLine
{
}

.acgEntertainment
{
	font-size:0.7em;
}