/*
// ------------------------------------
// 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;
}
.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);
}
.acg
{
	font-size:1em;
}
.title
{
	font-size:2.5em;
}
.header-left
{
	width:75px;
	height:75px;
}
.header-right
{
    width: 75px;
    height: 75px;
}