@charset "UTF-8";
/* CSS Document */

body {
	background-color:#3CF;
	font-family:Verdana, Geneva, Arial, sans-serif;
	font-size:18px;
	padding:10px;
}

/* Profile */
label, input { margin:4px 0; display:block; }
input[type="text"], input[type="email"], input[type="password"] { width:200px; font-size:18px; }
input[type="submit"] { margin:4px auto; }
/* end profile */


ul#nav {
	list-style-type:none;
	margin:0;
	padding:0;
	text-indent:0;
}

ul#nav a, ul#nav span.paddlocked, input[type="submit"] {
	display:block;
	width:86%;
	padding:20px;
	margin:10px auto;
	
	border:1px solid #000;
	background-color:#0033FF;
	color:#fff;
	font-weight:bold;
	font-size:20px;
	text-align:center;
	text-decoration:none;
}
ul#nav li#mainMenu a,
ul#nav li#selected a,
ul#nav li.unlocked a {
	background-color:#FF9900;
	color:#000;
}
ul#nav li.unlocked a {
	background-image:url('../img/unlocked.png'),url('../img/unlocked.png');
	background-position:5% 42%, 98% 42%;
	background-repeat:no-repeat;
}
ul#nav li a.complete {
	background-color:#090;
	background-image:url('../img/tick.png'),url('../img/tick.png');
	background-position:2% 50%, 98% 50%;
	background-repeat:no-repeat;
}
ul#nav span.paddlocked {
	background-color:#666;
	background-image:url('../img/padlock.png'),url('../img/padlock.png');
	background-position:5% 42%, 95% 42%;
	background-repeat:no-repeat;
}

p.correctAnswer {
	font-weight:bold;
}

h1 {
	font-size:30px;
	font-weight:bold;
	font-family:Verdana, Geneva, Arial, sans-serif;
	margin:4px 0 14px;
	text-align:center;
}
h2 {
	font-size:20px;
	font-weight:bold;
	font-family:Verdana, Geneva, Arial, sans-serif;
	margin:4px 0 14px;
	text-align:center;
}
div#awards h2 {
	text-align:left;
	float:left;
	padding-top:20px;
}
div#awards img {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

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

.centerText {
	text-align:center;
}
div.centerImages img {
	margin:0 10px 0 -7px;
}

.clear { clear:both; }

/* Leaderboard */
table {
	width:100%;
	text-align:center;
}
th {
	padding:2px 4px;
}
td {
	padding: 0 4px;
}
.rank {
	width:60px;
}
.score {
	width:70px;
}
table .name {
	text-align:left;
}
thead {
	border:1px solid #000;
	background-color:#0033FF;
	color:#fff;
	font-weight:bold;
}
tr {
	background-color:rgba(0,51,255,0.1);
}
tr:nth-child(even) {
	background-color:rgba(0,51,255,0.2);
}