@media all {
	.bg-red {
		background-color: #FF0000;
	}
	.bg-green {
		background-color: #00FF00;
	}
	.bg-blue {
		background-color: #0000FF;
	}
	.centered {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		overflow-y: scroll;
	}
	.centered-relative {
		margin: auto;
	}
	.Table {
		font-family: "Segoe UI", "Tahoma", "Arial", sans-serif;
		/*font-size: 1em;*/
		display: inline-table;
		margin: auto;
		width: 100%;
		max-width: 1024px;
		/*overflow: auto;*/
		float: none;
		/*border: 0;*/
		border-collapse: collapse;
		/*text-align: center;*/
		/*line-height: 125%;*/;
	}
	.Heading {
		display: table-header-group;
		float: left;
		font-family: "Segoe UI", "Tahoma", "Arial", sans-serif;
		/*font-size: 1em;*/
		font-weight: bold;
		color: #660066;
		background-color: #FFCC00;
		width: 100%;
		min-height: 24px;
		text-align: center;
	}
	.Row {
		display: table-row;
		float: left;
		padding: 0;
		width: 100%;
		min-height: 24px;
		/*overflow: auto;*/;
	}
	.Column {
		display: table-column;
		float: left;
		padding: 0;
		width: 100%;
		min-height: 24px;
	}
	.Cell {
		display: table-cell;
		float: left;
		font-family: "Segoe UI", "Tahoma", "Arial", sans-serif;
		/*font-size: 1em;*/
		height: 100%;
		min-height: 24px;
		line-height: 24px;
		padding: 0;
		text-align: center;
		/*overflow: auto;*/;
	}
	.Image {
		width: inherit;
		display: inline-block;
		padding: 0;
		/*zoom: 110%;*/
		/*max-width: 100%;*/
		/*max-height: 100%;*/
		object-fit: cover;
	}
	.ptext-wide-right {
		text-align: right;
	}
	.input-wide-right {
		float: right;
	}
	.flexbox {
		display: -webkit-flex;
		/* Safari */
		display: flex;
		-webkit-flex: 1;
		/* Safari 6.1+ */
		-ms-flex: 1;
		/* IE 10 */
		flex: 1;
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		-webkit-align-items: stretch;
		align-items: stretch;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-align-content: center;
		align-content: center;
		-webkit-order: -1;
		order: -1;
		/*overflow: hidden;*/;
	}
	.Row-Flex-Me {
		display: -webkit-flex;
		/* Safari */;
		display: flex;
		-webkit-flex: 1;
		/* Safari 6.1+ */;
		-ms-flex: 1;
		/* IE 10 */;
		flex: 1;
	}
	.Span1 {
		width: 8.33%;
	}
	.Span2 {
		width: 16.66%;
	}
	.Span2-fixed {
		width: 16.66%;
	}
	.Span3 {
		width: 25%;
	}
	.Span4 {
		width: 33.33%;
	}
	.Span4-fixed {
		width: 33.33%;
	}
	.Span5 {
		width: 41.67%;
	}
	.Span6 {
		width: 50%;
	}
	.Span6-hide {
		width: 50%;
	}
	.Span7 {
		width: 58.33%;
	}
	.Span8 {
		width: 66.66%;
	}
	.Span8-fixed {
		width: 66.66%;
	}
	.Span9 {
		width: 75%;
	}
	.Span10 {
		width: 83.33%;
	}
	.Span10-fixed {
		width: 83.33%;
	}
	.Span11 {
		width: 91.66%;
	}
	.Span12 {
		width: 100%;
	}
	.container_3x3 {
		display: grid;
		grid-gap: 6px;
		grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
		grid-template-rows: repeat(3, 128px);
	}
}
/* end @media */
@media screen and (max-width: 979px) {
	.Span1 {
		width: 8.33%;
	}
	.Span2 {
		/*width: 16.66%;*/
		width: 25%;
	}
	.Span3 {
		width: 25%;
	}
	.Span4 {
		width: 33.33%;
	}
	.Span5 {
		width: 41.67%;
	}
	.Span6 {
		/*width: 50%;*/
		width: 41.67%;
	}
	.Span7 {
		width: 58.33%;
	}
	.Span8 {
		width: 66.66%;
	}
	.Span9 {
		width: 75%;
	}
	.Span10 {
		width: 83.33%;
	}
	.Span11 {
		width: 91.66%;
	}
	.Span12 {
		width: 100%;
	}
}
/* end max-width: 979px */
@media screen and (max-width: 768px) {
	.Span1 {
		width: 8.33%;
	}
	.Span2 {
		/*width: 16.66%;*/
		/*width: 25%;*/
		width: 50%;
	}
	.Span3 {
		/*width: 25%;*/
		width: 33.33%;
	}
	.Span4 {
		/*width: 33.33%;*/
		width: 50%;
	}
	.Span5 {
		width: 41.67%;
	}
	.Span6 {
		/*width: 50%;*/
		/*width: 41.67%;*/
		width: 50%;
	}
	.Span7 {
		width: 58.33%;
	}
	.Span8 {
		width: 66.66%;
	}
	.Span9 {
		/*width: 75%;*/
		width: 66.66%;
	}
	.Span10 {
		width: 83.33%;
	}
	.Span11 {
		width: 91.66%;
	}
	.Span12 {
		width: 100%;
	}
}
/* end max-width: 768px (48em) */
@media screen and (max-width: 480px) {
	.ptext-wide-right {
		text-align: left;
	}
	.input-wide-right {
		float: left;
	}
	.Span1 {
		width: 100%;
	}
	.Span2 {
		width: 100%;
	}
	.Span3 {
		width: 100%;
	}
	.Span4 {
		width: 100%;
	}
	.Span5 {
		width: 100%;
	}
	.Span6 {
		width: 100%;
	}
	.Span6-hide {
		display: none;
	}
	.Span7 {
		width: 100%;
	}
	.Span8 {
		width: 100%;
	}
	.Span9 {
		width: 100%;
	}
	.Span10 {
		width: 100%;
	}
	.Span11 {
		width: 100%;
	}
	.Span12 {
		width: 100%;
	}
}
/* end max-width: 480px (30em) */