body {
	/*text-align: justify;*/
	font-family: Georgia,serif;
	font-size: 1.2em;
	/*position: relative;*/
}

input[type=text] {
	font-size: 1em;
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}

input[type=button], input[type=submit], input[type=reset], [type=image], button {
	font-family: Georgia,serif;
	font-size: 1.0em;
	width: 100%;
	background-color: #4CAF50;
	color: white;
	padding: 14px 14px;
	/*margin: 8px 0;*/
	border: none;
	border-radius: 4px;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
}

input[type=submit]:hover, button:hover {
	background-color: #45a049;
}

select {
	font-size: 0.8em; /*1em*/
	width: 100%;
	padding: 8px;/*12px 20px;*/
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}

select option {
	color: black;
}

select:invalid,
select option[value=""] {
	color: #aaa;
}

[hidden] {				/* added for browser compatibility */
	display: none;
}

.outerbox {
	background-color: #e8e8e8;
	border-radius: 5px;
	padding: 20px;
	display: block;
	/*width: 380px;*/
	/*width: 80%;*/
	width: 400px;
	margin: auto;
}

.generalDialog {
	width: 75%;
}
.generalDialogText {
	text-align: center;
}

.buttonarea {
	width: 100%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}

.generalbuttonarea {
	width: 100%;
	margin-top: 30px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	margin-left: auto;
	margin-right: auto;
}

.h-button {
	margin: 0px;
	width: 26.67%;
}

.v-button {
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

.error {
	color: "red";
	background-color: #ff8080;
}

.formComponent {
	padding-bottom: 16px;
}
.formComponentInitial {
	padding-bottom: 30px;
}
.formComponentFinal {
	padding-bottom: 0px;
}

.center {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

div.hvcenter {top: 0; left: 0; width: 100%; height: 100%; position: absolute; display: table}
p.hvcenter {display: table-cell; vertical-align: middle; text-align: center}