.Home			{	grid-area:			home;			}
.Title			{	grid-area:			title;
					color:				black;
				}
.Menu			{	grid-area:			menu;
					text-align:			right;			}
.Main			{	grid-area:			main;			}
.Error			{	grid-area:			error;			}
.Icons			{	grid-area:			icons;			}
.Footer			{	grid-area:			footer;			}
.BottomRight	{	grid-area:			bottomright;	}

.screen-container	{
					display:			grid;
					grid-template-areas:
						'home title title title title title menu'
						'main main main main main main icons'
						'error error error error error error icons'
						'footer footer footer footer footer footer bottomright';
					gap:				2px;
					padding:			5px;
/*					border:				2px solid green;	*/
				}

.screen-container > div	{
							text-align:			center;
							padding:			20px 0;
/*							border:				2px solid yellow;	*/
						}

.test-container	{
					display:			grid;
					grid-template-areas:
						'home title title title title title menu'
						'main main main main main main icons'
						'error error error error error error error'
						'footer footer footer footer footer corner';
					gap:				2px;
					padding:			5px;
					background-color:	blue;
				}

.test-container > div	{
							text-align:			center;
							padding:			20px 0;
/*							background-color:	green;*/
						}

.FormLeft		{
					grid-area:		FormLeft;
					text-align:		right;
				}
.FormRight		{
					grid-area:		FormRight;
					text-align:		left;
				}
.FormLeftLower		{
					grid-area:		FormLeftLower;
					text-align:		right;
				}
.FormRightLower		{
					grid-area:		FormRightLower;
					text-align:		left;
				}
.FormNoEdit		{
					background-color:	White;
/*					grid-area:			FormRightLower;*/
					text-align:			left;
					width:				180px;
					height:				10px;
					border:				2px solid green;
				}
.NonEditField	{
					text-align:			left;
					background-color:	White;
					width:				180px;
/*					height:				10px;*/
					margin-bottom:		10px;
					border:				2px solid green;
				}

.Divider		{
					grid-area:		Divider;
					text-align:		center;
				}
.ButtonBar		{
					grid-area:		ButtonLoc;
					margin:			0 auto;
				}

.FormContent	{
					display:			grid;
					grid-template-areas:
						'FormLeft FormRight'
						'Divider Divider'
						'FormLeftLower FormRightLower'
						'ButtonLoc ButtonLoc';
					gap:				10px;
/*					border:				1px solid red;	*/
				}
.FormContent > div	{
							text-align:			center;
/*							border:				1px solid white;	*/
						}

.FieldLeft			{
						min-height:		40px;
						text-align:		right;
/*						border:				1px solid orange;	*/
					}
.FieldRight			{
						min-height:		40px;
						text-align:		left;
/*						border:				1px solid blue;	*/
					}