/*
// ------------------------------------
// 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 */
	background-color:#ffffff;
	jfont-size:0.82em;
	font-size:0.7em;
	line-height:initial;
}

#cssCheck
{
	font-weight:800;
}

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

.myLink
{
	text-decoration:underline;
}

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

.outerArea
{
	jbackground-color:#e6e7e9;
	jpadding:1em 0;
	width:100%;
	joverflow-x:hidden;	/* This is required to fix "position:fixed" issues on iOS */

	/* height:100%; */
	jmin-height:100%;
	text-align:center;
	jcolor:#374850;
	jz-index:1;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.innerArea
{
	jdisplay:inline-block;	/* caused a scrollbar to appear even though content fit */
	jmax-width:1612px;
	max-width:1366px;
	jposition:relative;
	width:100%;
	/* height:100%; */
	min-height:100%;
	margin:auto;
	jtext-align:left;
	jpadding:0 1em;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	
	/* -webkit-overflow-scrolling:touch; */
	
	jbackground-color:#e6e7e9; /* Must also set for html in global.css */
	jpadding:3em 3em;
	jpadding-bottom:0em;
}

.noScript
{
	padding-top:1em;
	width:1360px;
	margin:auto;
	color:#000000;	
}

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

#scriptContent
{
	background-color:#ffffff;
	jcolor:#444444;
}

.acgPanelContainer
{
	position:relative;
	
	width:100%;
	/* height:100%; */
	min-height:100%;
	margin:auto;
	text-align:left;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	
	jbackground-color:#e6e7e9;
	jpadding-bottom:2em;
}

.acgPanel
{
	display:inline-block;
	text-align:center;
	vertical-align:top;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	
	padding:3em 1em;
	width:100%;
	max-width:1366px;
}

.panelTitle
{
	jcolor:#000000;
	jfont-size:2.6em;
	jfont-weight:lighter;
	jfont-weight:bold;
	jborder-bottom:1px solid #e6e6e6;
	jmargin-top:1em;
	jmargin-bottom:0.2em;
}
.panelSubtitle
{
	color:#000000;
	font-size:1em;
	font-weight:bold;
	font-style:italic;
	margin-top:0.5em;
	margin-bottom:0.2em;
}
.panelBody
{
	margin-top:0.5em;
}
.panelBackgroundBlue
{
	background-color:rgb(126,200,247);
}
.panelBackgroundBlue h2
{
	color:rgb(51,51,51);
}
.panelBackgroundDark
{
	background-color:rgb(51,51,51);
	background-image:url('../images/bg_patternDark.jpg');
	background-repeat:repeat-x;
	color:rgb(255,255,255);
}
.panelBackgroundDark h2
{
	color:rgb(255,255,255);
}
.panelBackgroundLight
{
	background-color:rgb(230,231,233);
	background-image:url('../images/bg_patternLight.jpg');
	background-repeat:repeat-x;
}
.panelBackgroundLight h2
{
	color:rgb(192,24,24);
}
.panelBackgroundLight .panelTitle
{
	color:rgb(192,24,24);
}
.panelBackgroundLight .highlight
{
	color:rgb(192,24,24);
}
.panelBackgroundRed
{
	background-color:rgb(192,24,24);
	color:rgb(255,255,255);
}
.panelBackgroundRed h2
{
	color:rgb(255,255,255);
}
.panelBackgroundWhite
{
	background-color:rgb(255,255,255);
	color:rgb(51,51,51);
}

/* McAfee sets these so we need to override */
h2
{
	jtext-align:left !important;
}
a
{
	jtext-decoration:underline;
}
table th, table td, table th:first-child, table td:first-child
{
	border-top:0px;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	padding:0;
	vertical-align:inherit;
	font-weight:inherit;
}
table th, table td
{
	text-align:inherit; /* messes up the iaas button text */
}
table
{
	border-bottom:0px;
	padding:0;
	width:inherit;
	text-align:inherit;
}
table tr:nth-child(even) td {
    background:inherit;
}
a, a:hover
{
	color:inherit;
}

.iconColumn
{
	width:78px;
}

.highlight
{
	font-family:'open_sans_extrabold';
}

.bottomMenu
{
	margin-top:2em;
	font-size:0.8em;
}

/*
.bottomMenuButton
{
	padding:1em 0.2em;
	text-align:center;
	border:1px solid rgb(85,86,91);
	display:inline-block;
	width:100%;
	cursor:pointer;
	max-width:170px;
}
.bottomMenuButtonSelected
{
	background-color:rgb(192,24,24);
}
.bottomMenuButton:hover
{
	background-color:rgb(116,22,14);
}
.panelBackgroundLight .bottomMenuButton
{
	background-color:rgb(51,51,51);
	color:rgb(255,255,255);
}
*/

.chartTitle
{
	font-weight:bold;
}

.issuesExperiencedOuter
{
	height:38px;
	overflow:hidden;
	padding:1px 0px;
}
.issuesExperiencedItem
{
	display:table;
	color:#ffffff;
	jfont-size:0.8em;
	font-size:0.65em;
	text-align:left;
	jborder-left:5px solid rgb(172,172,172);
	padding-right:5em;
	box-sizing:border-box;
	padding-top:2px;
	height:100%;
	overflow:hidden;
}
.issuesExperiencedText
{
	display:table-cell;
	jheight:40px;
	vertical-align:middle;
	padding-left:1em;
	jpadding-top:1px;
	line-height:1;
}
.issuesExperiencedText2
{
	jfont-size:0.8em;
}
.acgContentTable
{
	width:100%;
	max-width:1138px;
	jfont-weight:lighter;
	margin-bottom:2em;
}
.chartContainer
{
	max-width:1147px;
	margin-left:0;
}
#incidentsChartContainer
{
	height:340px;
}
.incidentsChartLabels
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
}
#containersChartCanvas, #serverlessComputingChartCanvas
{
	max-width:130px !important;
}
#usingContainersColumn
{
	margin-bottom:1em;
	display:inline-block;
	width:100%;
}
#serverlessComputingColumn
{
	display:inline-block;
	width:100%;
}
#containersChartContainer, #serverlessComputingChartContainer
{
	height:130px;
}
#confidenceChartContainer
{
	padding-right:13em;
	width:160px;
	height:170px;
	display:inline-block;
	jposition:relative;
}
#footerLogo
{
	width:110px;
}
#logoWithCloud
{
	width:230px;
}
.navigatingACloudySky
{
	padding-bottom:1em;
	text-align:center;
}
.navigatingACloudySkyTitle
{
	text-align:center;
	jfont-weight:400;
	margin-bottom:1em;
}
.scrollLabel
{
	margin-top:3em;
	text-align:center;
	font-size:0.8em;
	font-weight:bold;
}
.scrollAnimation
{
	text-align:center;
}
/*
#DownloadReport a
{
	text-decoration:underline;
}
*/
.wow { visibility: hidden; }

a.cta {
	box-sizing:initial;
	background-color:rgb(192,24,24) !important;
	jbackground: #c01818;
	transition: background-color 0.5s ease;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	margin: 15px 15px 0 0;
	padding: 5px 15px;
	border: 0;
	cursor: pointer;
	width: 150px;
	text-align: center; 
}
a.cta:hover {
	background-color:rgb(116,22,14) !important;
	jbackground: #aa0828;
	text-decoration: none; 
}

.downloadReportButtonArea
{
	text-align:center;
}

#Introduction
{
	padding:0 1em;
}
#introText
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
#introLogo
{
	margin-left:-1em;
	margin-right:-1em;
	padding:3em 0;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
.panelText
{
	text-align:center;
}
.disclaimer
{
	font-size:0.8em;
	font-style:italic;
	padding-top:0 !important;
}