BODY { background-color: #3f3f3f }

/* Vertical centering: make div as large as viewport and use table layout */
div.container {top: 0; left: 0; width: 100%; height: 100%; position: fixed; display: table}
p {display: table-cell; vertical-align: middle}

/* Horizontal centering of image: set left & right margins to 'auto' */
img.displayed {display: block; margin: 1em auto}

/* Also center the lines in the paragraph */
p {text-align: center; font-family: sans-serif; font-size: 1.8em;}
a:link { color: black; text-decoration:underline;}
a:visited { color: black; text-decoration:none } 
a:hover { color: black; text-decoration:underline } 
.smaller{font-size: .8em}
.blink{
	text-decoration: blink;
}
#welcome{
	position: absolute;
	left: 2%;
	top: 2%;
	text-align: center;
	color: #000;
	text-align: center; font-family: sans-serif; font-size: 3.3em;
}

#message{
	position: absolute;
	top: 50%;
	left:30%;
	color: #000;
	text-align: left; font-family: sans-serif; font-size: 1.2em;
}
#banner {
	position: absolute;
	left: 50%;
	top: 70%;
	width: 200px;
	height: 68px;
	background-image: url(adijas-green-mini.png);
	background-repeat: no-repeat;
	background-position: center;
}

#the-code {
	position: absolute;
	left: 20%;
	top: 20%;
	text-align: center;
	color: #fff;
	text-align: center; font-family: sans-serif; font-size: 3em;
}

#forced-focus {
	left: 0px; 
	top: 0px; 
	position: fixed; 
	margin-left: -200px;
}