<style type='text/css'>
	#container { 
		height: 100%;
		position: relative
	}	
	.link { 
		border: 2px solid white;
		padding: 10px;
		font-size: 14pt;
		color: white;
		text-transform: uppercase;
		text-align: center;
		margin: 10px 20px 4px 0px;
		float: left;
		width: 140px;
	}
		
	.input { 
		font-size: 20pt;
		color: white;
		text-transform: uppercase;
		float: left;
		font-weight: 100;
		font-style: normal;
	}
	
	.input div {
		float: left;
	}
	
	.input div:first-child {
		margin: 4px 5px 0px 0px;
	}

	input {
		height: 20px;
		width: 140px;
	}

	.login { 
		border: 1px solid white;
		padding: 1px;
		font-size: 12pt;
		color: white;
		text-transform: uppercase;
		text-align: center;
		margin: 8px 0px 0px 10px;
		width: 100px;
		float: left;
		font-weight: bold;
	}
	.centered {
		position: fixed;
		top: 50%;
		left: 50%;
		margin-top: -41px;
		margin-left: -191px;
		animation: move 10s;
	}
	.centered img{
		opacity: 0.0;
		animation: pulse 2s infinite;
	}
	@keyframes pulse {
		0%   {opacity: 0.0;}
		50%	{opacity: 1.0;}
		100%  {opacity: 0.0;}
	}
	@keyframes move {
		from   {
			top: 50%;
			left: 50%;
			margin-top: -41px;
			margin-left: -191px;
		}
		to   {
			top: 20px;
			left: 20px;
			margin-top: 0px;
			margin-left: 0px;
		}
	}
	a.on:link, a.on:active, a.on:visited { color: #ffcccc; text-decoration: none } 
	a.off:link, a.off:active, a.off:visited { color: #FFFFFF; text-decoration: none }
</style>
