.inputpage
{
	width: 660px;
    margin: 0 auto;
	padding: 10px;
}

.inputpage p
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}


td div{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

td img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.overlayimg{
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.15;
	filter: alpha(opacity=15);
}


.loader {
    position:fixed;
    top: 50%;
    left: 50%;
	margin-left: -5em;
	margin-top: -11.8em;
	width: 6em;
	height: 6em;
	border: 2em solid #f3f3f3;
	border-radius: 50%;
	border-top: 2em solid #555;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loadtext {
    position:fixed;
    top: 50%;
    left: 50%;
	margin-left: -10em;
	margin-top: 0em;
	width: 20em;
	height: 2em;
	text-align: center;
	font-size: 200%;
}

.loadpercent {
    position:fixed;
    top: 50%;
    left: 50%;
	margin-left: -10em;
	margin-top: 1.6em;
	width: 20em;
	height: 2em;
	text-align: center;
	font-size: 200%;
}