body
{
	background-color:#ffffff;
	margin:0;
	padding:0;
}

a, a:visited
{
	color:#1E90FF;
	text-decoration:none;
}

div.title
{
	font-family:Arial, Sans-Serif;
	font-size:30pt;
	font-weight:bold;
	color:#444444;
	padding-top:20px;
	padding-bottom:20px;
}

div.background
{
	background:#ffffff url('images/back.jpg');
	background-size:100%;
	border-bottom:3px solid #D8DFFC;
	padding:0;
	display:none;
}

div.container
{
	width:900px; 
	margin-left:auto; 
	margin-right:auto;
	padding-bottom:30px;
}

div#imagecontainer
{
	border:solid 3px #d9d9d9;
	background:#ffffff url('images/box.gif');
	background-repeat:repeat-x;
	background-position:bottom;
	-moz-border-radius:5px;
	padding:15px;
	width:600px;
	float:left;
}

div#levelcontainer
{
	border:solid 3px #d9d9d9;
	background:#ffffff url('images/box.gif');
	background-repeat:repeat-x;
	background-position:bottom;
	-moz-border-radius:5px;
	padding:15px;
	width:200px;
	height:300px;
	margin-left:20px;
	float:left;
}

div#levelcontainer h2
{
	font-family:Arial, Sans-Serif; 
	font-size:16pt; 
	font-weight:bold; 
	color:#444444; 
	padding:0;
	margin:0;
}

div#levelcontainer ol
{
	margin-left:10px;
	padding:0;
}

div#levelcontainer ol li
{
	font-family:Arial, Sans-Serif; 
	font-size:11pt; 
	font-weight:normal; 
	color:#656565;
	list-style:none;
}

div#levelcontainer ol li:hover
{
	color:#000000;
	font-weight:bold; 
	cursor:pointer;
}

div#images
{
	margin-top:10px;
}

div#images img
{
	float:left;
}

div#images img:hover
{
	cursor:pointer;
}

div#levelmessage
{
	font-family:Arial, Sans-Serif; 
	font-size:18pt; 
	font-weight:bold; 
	color:#444444; 
	padding:15px;
}

div#progress
{
	padding:2px 5px 5px 5px;
	background-color:#d9d9d9; 
	margin-left:auto; 
	margin-right:auto; 
	width:350px;
	margin-top:-15px;
}

div#progress div.bar
{
	height:20px;
	background-color:#66AAFF;
	width:0px;
}

div#footer
{
	background-color:#ffffff;
	padding:0;
	margin:0;
	width:100%;
}

div#footer div
{
	padding:15px; 
	float:left;
	font-family:"Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, sans-serif;
	font-weight:normal;
	font-size:10pt;
	color:#444444;
}

div#footer div span
{
	margin-top:10px;	
	display:block;
	visibility:hidden;
}

div#footer div h2
{
	font-family:"Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, sans-serif;
	border-bottom:1px solid #dedede;
	margin-bottom:10px;
	margin-top:0;
	font-weight:bold;
	font-size:14px;
	color:#333333;
	padding-bottom:4px;
}

div.start
{
	padding:35px;
	border-bottom:3px solid #D8DFFC;
	background-color:#ffffff;
	font-family:"Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, sans-serif;
	font-weight:bold;
}

input.PlayerNameInput, input.FindMeInput
{
	padding:10px;
	border:solid 3px #dedede;
	font-family:"Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#333333;
	-moz-border-radius:5px;
}

input.PlayButton, input.TweetButton
{
	font-family:"Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#454545;
	padding:9px;
	border:solid 3px #C7D5E1;
	background-color:#EFFDEA;
	-moz-border-radius:5px;
}

.clearfix:after 
{
	content:" ";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
 
.clearfix 
{
	display:inline-block;
}
 
html[xmlns] .clearfix 
{
	display:block;
}
 
* html .clearfix 
{
	height: 1%;
}
