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

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

#cssCheck
{
	font-weight:900;
}

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

.innerArea
{
	padding:0;
}
.panelTitle
{
	font-size:2.5em;
	padding-top:1em;
	margin-right:0;
}
.panelDescriptionText
{
	margin-right:0;
	padding-top:60px;	/* bottom of mshield + 20 */
	padding:0 1em;
	padding-top:270px;
}
.acgPanel
{
	jmargin-bottom:8em;
	height:100%;
	jpadding-bottom:0;
	jpadding-right:0;
}
.panelTable
{
	/* padding-bottom:7.5em; */ /* Is this still needed after the auto padding code */
	/* height:100%; */
}
.panelText
{
	margin-top:0;
}

.acg-flex-col2
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	
	width:calc(1/2*100% - 1em);
}
.acg-flex-col3, .acg-flex-col3-stack
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	
	width:calc(1/3*100% - 1em);
}
.acg-flex-col4, .acg-flex-col4-stack
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	
	width:calc(1/4*100% - 1em);
}

.acgContinueReadingButtonContainer
{
	text-align:left;
}

.acg
{
	font-size:1em;
}

.acgWhiteBox
{
	padding:0 2.25em;
	margin:2em 0;
	column-count:2;
}

.acgWhiteBox p:last-child
{
	margin-bottom:0;
}

.acgGrayBox
{
	column-count:2;
	padding:2em 2.25em;
	margin:2em 0;
}

.acgCiscoMessageBox
{
	padding:20px;
	padding-top:40px;
}
.acgCiscoMessageArea
{
	margin:0 2em 2em 2em;
}
.acgCiscoMessageTextArea
{
	padding:2em;
}
.acgCiscoMessageTextArea .acg-enh-flex-table
{
	justify-content:space-between;
}

.whyModernizeFirstItem
{
	padding:1em;
	padding-left:0;
}
.whyModernizeItem
{
	padding-bottom:1em;
}
.whyModernizeLastItem
{
	padding-bottom:1em;
}
.panelContainer
{
	border-width:20px;
}
.headerBorder
{
	height:20px;
}
.mySection
{
	padding:0 2.25em;
	padding-top:1em;	
}
#tab2nav
{
	border-width:20px;
}