.acg-defonly-block
{
	display:none !important;
}
.acg-enhonly-block
{
	display:block !important;
}
.acg-defonly-inline
{
	display:none !important;
}
.acg-enhonly-inline
{
	display:inline !important;
}
.acg-enhonly-cell
{
	display:table-cell !important;
}

.acg-enh-table
{
	display:table;
	width:100%;
}

.acg-enh-table2
{
	display:block;
}

.acg-enh-column, .acg-enhonly-column
{
	display:table-cell;
	vertical-align:top;
}

.acg-enh-column3
{
	display:inline-block;
	jtext-align:center;	
	vertical-align:top;
}
/*
.acg-enh-column:not(:last-child)
{
	padding-right:1em;
}
*/

.acg-enh-width67
{
	width:67%;
}

.acg-enh-width66
{
	width:66.4%;	/* 66.6 causes wrapping... */
}

.acg-enh-width33
{
	width:33.3%;
}

.acg-enh-width50
{
	width:50%;
}

.acg-enh-width60
{
	width:60%;
}

.acg-enh-width40
{
	width:40%;
}

.acg-enh-width75
{
	width:75%;	/* was 74.8%, but not sure why */
}

.acg-enh-width25
{
	width:25%;
}

.acg-enh-width35
{
	width:35%;
}

.acg-enh-width30
{
	width:30%;
}

.acg-table
{
	jheight:100%;	/* setting height to 100% means 100% of browser height, so when we include padding for the navbar, it is too big. Do we need it? */
}

.acg-enh-flex-table
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	jjustify-content:space-between;
	justify-content:space-evenly; /* use 'space-evenly' if outer gutter is desired, set the item size to be a percentage minus fraction of overall gutter spacing (e.g., width:calc(33% - 2em)) */	
}

.acg-enh-flex-column
{
	display:inline-block;
	vertical-align:top;
}

.acg-def-only-padding
{
	padding:initial;
}