* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 100%;
}

img {
	border: none;
}
ul, ul li {
	list-style-type: none;
}

div#tooltip {
	position: absolute;
	z-index: 9999;
	padding: 5px;
	background-color: #df4c2b;
	border: 1px #972e16 solid;
	color: #ffffff;
	font-size: 11px;
}

div#logo {
	position: absolute;
	width: 165px;
	height: 65px;
	top: 0;
	left: 280px;
}
div#logo a {
	display: block;
	width: 165px;
	height: 65px;
}
div#logo a span {
	display: none;
}

div#schools {
	position: absolute;
	top: -35px;
	left: 528px;
}

div#wrap {
	min-width: 980px;
	min-height: 700px;
	height: 100%;
	margin: 0 auto;
	background: #003862 url("../img/background.jpg") no-repeat center top;
}

div#container {
	width: 929px;
	height: 584px;
	margin: 0 auto;
	position: relative;
	top: 104px;
}

div#footer {
	height: 50px;
	line-height: 50px;
	font-size: 10px;
	color: #561406;
	padding: 0 0 0 40px;
	position: absolute;
	bottom: 0;
}
div#footer a {
	color: #561406;
	text-decoration: none;
}

/*
 * Login box
 */
div#login {
	background: transparent url("../img/login.bg.jpg") no-repeat center top;
	width: 215px;
	height: 193px;
	position: absolute;
	top: 0;
	right: 0;
}
div#login form {
	width: 165px;
	margin: 52px 0 0 25px;
}
div#login div.error-message {
	display: none;
}
div#login div.submit {
	text-align: center;
	margin: 8px 0 5px 0;
}
div#login div.input {
	margin: 3px 0;
}
div#login div.input input {
	padding: 3px 8px;
	width: 134px;
	border: none;
	color: #8d2d17;
	font-size: 11px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
}
div#login p {
	text-align: center;
}
div#login a {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

/*
 * Dashboard box
 */
div#dashboard {
	background: transparent url("../img/dashboard.bg.jpg") no-repeat center top;
	width: 215px;
	height: 193px;
	position: absolute;
	top: 0;
	right: 0;
}
div#dashboard div.inner {
	margin: 60px auto 0;
	width: 190px;
}
div#dashboard p {
	font-size: 13px;
	color: #ffffff;
}
div#dashboard p.logout {
	text-align: center;
	margin: 10px 0 0 0;
	font-size: 12px;
}
div#dashboard p.logout a {
	color: #ffffff;
}

/*
 *  Register box
 */
div#register {
	background: transparent url("../img/register.bg.jpg") no-repeat center top;
	height: 430px;
	width: 313px;
	position: absolute;
	top: 90px;
	left: 31px;
}
div#register form {
	font-size: 0%;
	margin: 60px 0 0 20px;
	width: 293px;
}
div#register ul li {
	height: 25px;
	clear: both;
}
div#register ul li.select {
	height: 27px;
}
div#register ul li.checkbox {
	height: auto;
}
div#register div.input {
	height: 22px;
	width: 269px;
	float: left;
}
div#register label {
	height: 22px;
	line-height: 22px;
	color: #003862;
	font-size: 12px;
}
div#register div.input.text label,
div#register div.input.date label,
div#register div.input.select label,
div#register div.input.password label,
div#register div.input.radio label  {
	display: block;
	float: left;
	width: 120px;
}
div#register div.input.radio div.options label {
	padding: 0;
	margin: 0 4px 0 0;
	display: inline;
	float: none;
	vertical-align: text-top;
}
div#register div.input.text input,
div#register div.input.password input {
	padding: 2px;
	width: 140px;
	border: 1px #bfbfbf solid;
	color: #8d2d17;
	font-size: 11px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
}
div#register div.input.radio div.options input {
	margin: 0 3px 0 0;
	vertical-align: text-top;
}
div#register div.input.select select {
	padding: 2px;
	border: 1px #bfbfbf solid;
	color: #8d2d17;
	width: 146px;
	font-size: 11px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
div#register div.input.date select {
	border: 1px #bfbfbf solid;
	font-size: 11px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
div#register div.input.checkbox {
	overflow: hidden;
	height: auto;
	margin: 5px 0 0 0;
}
div#register div.input.checkbox input {
	display: block;
	float: left;
}
div#register div.input.checkbox label {
	display: block;
	float: left;
	width: 240px;
	height: auto;
	line-height: 12px;
	padding: 0 0 0 7px;
}
div#register div.input.checkbox a {
	text-decoration: underline;
}
div#register li.error div.input input,
div#register li.error div.input select {
	border: 1px #df4c2b solid;
	color: #df4c2b;
}
div#register li.error div.input label {
	font-weight: bold;
	color: #df4c2b;
}
div#register p.optin {
	margin: 0;
	color: #df4c2b;
	font-weight: bold;
	line-height: 12px;
}
div#register p {
	font-size: 10px;
	float: left;
	margin: 20px 0 0 0;
}
div#register div.submit {
	text-align: right;
	float: left;
	width: 180px;
	bottom: 0;
}
div#register div.submit input {
	margin: 10px 0 0 0;
}
div#register ul li div.message-icon {
	float: left;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
	width: 22px;
	height: 22px;
}
div#register ul li div.message {
	display: none;
}
div#register ul li div.message-icon a {
	display: block;
	text-decoration: none;
	width: 22px;
	height: 22px;
}
div#register ul li a span {
	display: none;
}
div#register ul li div.message-icon.error {
	color: #ef2d11;
}
div#register ul li div.message-icon.error a {
	color: #ef2d11;
	background: transparent url("../img/error.icon.gif") no-repeat center center;
}
div#register ul li div.message-icon.help {
	color: #ffffff;
}
div#register ul li div.message-icon.help a {
	color: #ffffff;
	background: transparent url("../img/help.icon.gif") no-repeat center center;
}

div#register ul li div.more-chances a {
	margin: 0 0 0 10px;
	display: block;
	height: 25px;
	width: 251px;
	text-decoration: none;
	color: #ef2d11;
	background: transparent url("../img/more-chances.gif") no-repeat center center;
}
div#register ul li div.more-chances div.message {
	font-size: 15px;
	font-weight: bold;
}
/*
 *  Sponsoring box
 */
div#sponsoring {
	background: transparent url("../img/invite3.bg.jpg") no-repeat center top;
	height: 430px;
	width: 313px;
	position: absolute;
	top: 90px;
	left: 31px;
}
div#sponsoring div.inner {
	margin: 60px 0 0 20px;
	width: 283px;
}
div#sponsoring div.inner p {
	color: #003862;
	font-size: 13px;
	margin: 0 0 15px 0;	
}
div#invite {
	background: transparent url("../img/invite2.bg.jpg") no-repeat center top;
	height: 216px;
	width: 420px;
	position: absolute;
	top: 90px;
	left: 344px;
}
div#invite form {
	width: 300px;
	margin: 65px 0 0 50px;
}
div#invite form ul li {
	height: 25px;
	clear: both;
}
div#invite div.input {
	height: 22px;
	width: 269px;
	float: left;
}
div#invite form div.submit {
	text-align: right;
	width: 250px;
}
div#invite form label {
	height: 22px;
	line-height: 22px;
	color: #003862;
	font-size: 12px;
	display: block;
	float: left;
	width: 120px;
}
div#invite div.input.text input {
	padding: 2px;
	width: 140px;
	border: 1px #bfbfbf solid;
	color: #8d2d17;
	font-size: 11px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
}
div#invite ul li div.message-icon {
	float: left;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
	width: 22px;
	height: 22px;
}
div#invite ul li div.message {
	display: none;
}
div#invite ul li a {
	display: block;
	text-decoration: none;
	width: 22px;
	height: 22px;
}
div#invite ul li a span {
	display: none;
}
div#invite ul li div.message-icon.error {
	color: #ef2d11;
}
div#invite ul li div.message-icon.error a {
	color: #ef2d11;
	background: transparent url("../img/error.icon.gif") no-repeat center center;
}
div#invite ul li div.message-icon.help {
	color: #ffffff;
}
div#invite ul li div.message-icon.help a {
	color: #ffffff;
	background: transparent url("../img/help.icon.gif") no-repeat center center;
}
div#invite p.confirm {
	float: left;
	padding: 10px 0 0 0;
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
}

div#end {
	background: transparent url("../img/invite.bg.jpg") no-repeat center top;
	height: 430px;
	width: 313px;
	position: absolute;
	top: 90px;
	left: 31px;
}
div#end div.inner {
	margin: 60px 0 0 20px;
	width: 283px;
}
div#end div.inner p {
	color: #003862;
	font-size: 13px;
	margin: 0 0 13px 0;	
}
div#end div.inner div.button {
	text-align: right;
}

/*
 * About the game + prizes
 */
div#about {
	height: 216px;
	width: 420px;
	position: absolute;
	top: 90px;
	left: 344px;
}
div#prizes {
	background: transparent url("../img/prizes.bg.jpg") no-repeat center top;
	height: 214px;
	width: 420px;
	position: absolute;
	top: 306px;
	left: 344px;
}
div#prizes p.list {
	color: #df4d2d;
	font-size: 12px;
	width: 335px;
	margin: 45px 0 0 55px;
	line-height: 16px;
	font-weight: bold;
}
div#prizes p.mentions {
	color: #000000;
	font-size: 10px;
	width: 325px;
	margin: 10px 0 0 65px;
	line-height: 14px;
}
div#prizes div.button {
	position: absolute;
	top: 153px;
	left: 237px;
}

/*
 * General page
 */
div#page {
	width: 660px;
	height: 378px;
	position: absolute;
	top: 142px;
	left: 29px;
}
div#page div.title {
	background: transparent url("../img/page.title.jpg") no-repeat center top;
	width: 660px;
	height: 115px;
}
div#page div.title h2 {
	width: 283px;
	height: 38px;
	margin: 28px 0 0 85px;
	position: absolute;
}
div#page div.title h2 span {
	display: none;
}
div#page div.title h2.theme {
	background: transparent url("../img/theme.gif") no-repeat center top;
}
div#page div.content {
	background: transparent url("../img/question.bg.jpg") no-repeat center top;
	width: 660px;
	height: 263px;
}
div#page div.content div.theme-list {
	width: 400px;
	margin: auto;
	text-align: right;
}

/*
 * Question page
 */
div#question {
	width: 660px;
	height: 378px;
	position: absolute;
	top: 142px;
	left: 29px;
}
div#question div.title {
	background: transparent url("../img/question.title.jpg") no-repeat center top;
	width: 660px;
	height: 115px;
}
div#question div.chrono {
	position: absolute;
	width: 75px;
	height: 75px;
	padding: 15px 13px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
div#question div.chrono span {
	font-size: 52px;
	line-height: 50px;
}
div#question div.title h2 {
	width: 283px;
	height: 38px;
	margin: 30px 0 0 110px;
	position: absolute;
}
div#question div.title h2 span {
	display: none;
}
div#question div.title h2.theme-1 {
	background: transparent url("../img/theme.1.gif") no-repeat center top;
}
div#question div.title h2.theme-2 {
	background: transparent url("../img/theme.2.gif") no-repeat center top;
}
div#question div.title h2.theme-3 {
	background: transparent url("../img/theme.3.gif") no-repeat center top;
}
div#question div.title h2.theme-4 {
	background: transparent url("../img/theme.4.gif") no-repeat center top;
}
div#question div.title h2.theme-5 {
	background: transparent url("../img/theme.5.gif") no-repeat center top;
}
div#question div.title h2.theme-6 {
	background: transparent url("../img/theme.6.gif") no-repeat center top;
}
div#question div.title h3 {
	height: 34px;
	width: 660px;
	margin: 75px 0 0 0;
	position: absolute;
}
div#question div.title h3 span {
	display: none;
}
div#question div.title h3.question-1 {
	background: transparent url("../img/question.1.gif") no-repeat center top;
}
div#question div.title h3.question-2 {
	background: transparent url("../img/question.2.gif") no-repeat center top;
}
div#question div.title h3.question-3 {
	background: transparent url("../img/question.3.gif") no-repeat center top;
}
div#question div.title h3.question-4 {
	background: transparent url("../img/question.4.gif") no-repeat center top;
}
div#question div.title h3.question-5 {
	background: transparent url("../img/question.5.gif") no-repeat center top;
}
div#question div.title h3.question-6 {
	background: transparent url("../img/question.6.gif") no-repeat center top;
}

div#question div.content {
	background: transparent url("../img/question.bg.jpg") no-repeat center top;
	width: 660px;
	height: 263px;
}
div#question div.content p {
	width: 520px;
	height: 70px;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	line-height: 18px;
	color: #1a4c72;
}
div#question div.content div#answer {
	width: 440px;
	height: 130px;
	margin: 0 auto;
}
div#question div.content div#answer div.mode {
	margin: 0 auto;
	width: 335px;
	height: 39px;
}
div#question div.content div#answer h3 {
	height: 41px;
	text-align: center;
}
div#question div.content div#answer h3.choice {
	background: transparent url("../img/mode.title.gif") no-repeat center top;
}
div#question div.content div#answer h3.answer {
	background: transparent url("../img/answer.title.gif") no-repeat center top;
}
div#question div.content div#answer h3 span {
	display: none;
}
div#question div.content div#answer div.mode a {
	background: transparent url("../img/mode.button.gif") no-repeat center top;
	display: block;
	float: left;
	width: 107px;
	height: 39px;
	line-height: 39px;
	text-align: center;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}
div#question div.content div#answer div.mode a.disabled {
	background: transparent url("../img/mode.button.off.gif") no-repeat center top;
}
div#question div.content div#answer div.mode a.middle {
	margin: 0 7px;
}
div#question div.content div#answer form {
	text-align: center;
}
div#question div.content div#answer input.text {
	border: 1px #bfbfbf solid;
	background-color: #f4f4f4;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 240px;
	height: 30px;
	line-height: 30px;
	margin: -2px 2px;
	padding: 2px;
	font-size: 18px;
}
div#question div.content div#answer input.submit {
	background: transparent url("../img/mode.button.gif") no-repeat center top;
	width: 107px;
	height: 39px;
	border: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
	vertical-align: middle;
}
div#question div.content div#answer div.choices {
	width: 370px;
	height: 90px;
	margin: 0 auto;
	text-align: center;
}
div#question div.content div#answer div.choices a {
	display: block;
	float: left;
	width: 180px;
	height: 39px;
	line-height: 39px;
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
	background: transparent url("../img/answer.button.gif") no-repeat;
	margin: 1px 2px;
	text-decoration: none;
}
div#question div.content div#answer div.choices a.right {
	background: transparent url("../img/answer.button.right.gif") no-repeat;
}
div#question div.content div#answer div.choices a.wrong {
	background: transparent url("../img/answer.button.wrong.gif") no-repeat;
}
div#question div.content div#answer input#GameAnswer.right {
	background-color: #d0e846;
	border: 1px #a5d230 solid;
}
div#question div.content div#answer input#GameAnswer.wrong {
	background-color: #e22a2a;
	border: 1px #9c1111 solid;
}

/*
 * Help
 */
div#help {
	background: transparent url("../img/help.bg.jpg") no-repeat center top;
	height: 430px;
	width: 313px;
	position: absolute;
	top: 90px;
	left: 31px;
}
div#help div.inner {
	margin: 55px 0 0 20px;
	width: 283px;
}
div#help div.inner p {
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	margin: 0 0 8px 0;	
}
div#help div.inner div.button {
	text-align: center;
}
div#samples {
	height: 430px;
	width: 420px;
	position: absolute;
	top: 90px;
	left: 344px;
}