/* Create two equal columns that floats next to each other */
.column2 {
	float: left;
	width: 50%;
	padding: 10px;
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}



div.formDisplay {
	display: grid;
	grid-template-columns: max-content max-content;
	grid-gap: 5px;
}

div.formDisplay label {
	text-align: right;
}

div.formDisplay label:after {
	content: ":";
}



.input1 {
	margin-top: 5px;
	margin-bottom: 5px;
	display: inline-block;
	*display: inline; /* for IE7*/
	zoom: 1; /* for IE7*/
	vertical-align: middle;
	margin-left: 20px
}

.label1 {
	display: inline-block;
	*display: inline; /* for IE7*/
	zoom: 1; /* for IE7*/
	float: left;
	padding-top: 5px;
	text-align: right;
	width: 140px;
}



.div2 {
	margin-bottom: 10px;
	display: grid;
	grid-template-columns: 1fr 4fr;
}

.input2 {
	width: 50%;
}



.label4 {
	display: inline-block;
	width: 140px;
	text-align: right;
}