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

* {
	padding:0;
	margin:0;
}

body {
	background: #FFFFFF url(/img/gradient.jpg) repeat-x top left;
}

#welcome {
	position:absolute;
	right:10px;
	top:10px;
	z-index: 10;
}

#border {
	position:absolute;
	top:131px;
	height:3px;
	width:100%;
	background:#392715;
	z-index:5;
}

#header {
	position:absolute;
	z-index:1;
	background: #FFF url(/img/header.gif) no-repeat;
	height:150px;
	width:100%;
}

#home_link {
	position:absolute;
	z-index:2;
	top:70px;
	height:80px;
	left:105px;
	width:450px;
}

#home_link h1 {
	position:absolute;
	top:-200px;
	}

#main {
	position:absolute;
	top:154px;
	left:20px;
	margin-bottom:20px;
	background:#f4f4f4;
	width:auto;
	height:auto;
}

#left_column {
	position:relative;
	padding:10px;
	background: #f4f4f4;
	width:177px;
	float:left;
}


#left_column ol {
	color:#337700;
	padding-left: 0.75em;
}

#left_column ul {
	color:#337700;
	padding-left: 2em;
}

#accounttablist {
	list-style-type: none;
}

#center_column {
	position:relative;
	background:#fff;
	padding:0 20px 20px 20px;
	float:left;
	height:auto;
	width:auto;
}

#link_box {
	text-align: center;
	clear: both;
	margin-bottom: 0.25em;
}

#ad_box {
	height: 120px;
}

#content_box_wide {
	position:relative;
	background: #392715;
	width:auto;
	padding:20px;
}

#content_box_wide ul {
	margin-left:20px;
	color:#FFF;
}

#game_box, #content_box {
	position:relative;
	background: #392715;
	width:522px;
	padding:20px;
}

#game_box #question h2, #content_box h2, #content_box_wide h2 {
	color:#FFF;
	text-decoration:none;
	padding:5px;
	margin-bottom:10px;
}

#game_box #question #answers a {
	color:#FFF;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12pt;
	line-height:18pt;
	padding-left:20px;
	background:url(../img/bullet.jpg) left no-repeat;
}

#difficulty td {
	width: 143px;
	text-align: center;
}

#difficulty img {
	border: none;
}

ul#answers {
	list-style-type: none;
}

ul#answers li {
	margin-left: 1em;
}


#game_box p, #content_box p, #content_box_wide p, #gamelist p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt; 
	line-height: 10pt;
	color: #fff;
	padding-bottom:7px;
}

.box a, .box a:visited, .box a:active, #content_box a, #game_box a, #content_box_wide a, #content_box a:visited, #game_box a:visited, #content_box_wide a:visited, #content_box a:active, #game_box a:active, #content_box_wide a:active, #gamelist a, #gamelist a:visited, #gamelist a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt; 
	line-height: 10pt;
	color: #fff;
	padding-bottom:7px;
	text-decoration:underline;
}

.box a:hover, .box a:focus,#content_box a:hover, #content_box a:focus, #content_box_wide a:hover, #content_box_wide a:focus, #gamelist a:hover, #gamelist a:focus, #game_box a:hover, #game_box a:focus {
	color: #d9f581;
	text-decoration:none;
}

.levels a, .levels a:visited, .levels a:active {
	text-decoration:none !important;
	border:0;
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12pt;
	line-height:15pt;
	padding-top:7px;
}

.levels a:hover, .levels a:focus {
	text-decoration:none;
	color:#d9f581;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12pt;
	padding-top:7px;
	font-weight:bold;
}

/*
#question {
	height: 150px;
}
*/

#answers a {
	text-decoration: none;
}

#answers a:hover {
	text-decoration: none;
	font-weight:bold;
}

.correct {
	color:#FF9933;
	font-style:italic;
}

.incorrect {
	color:#FBE8D2;
}

.selected {
	font-weight:bold;
}

.solution, #explanation {
	opacity: 0;
}

#explanation {
	height: 50px;
	color:#FFF;
	margin-top:20px;
}

#ad_box {
	position:relative;
	background:#fff;
	width:562px;
	/*height:150px;*/
	margin-top:20px;
	
	text-align: center;
}

#ad_box img {
	border: none;
}

#right_column {
	position:relative;	
	padding:10px;
	background: url(../img/tree.gif) no-repeat #f4f4f4;
	width:200px;
	float:left;	
}

#scores {
	color:#64b739;
	margin-bottom:13px;
}

#leaderboard ol{
	list-style-type: none;
	color:#358b00;
}

#leaderboard h3 {
	margin-top: 0.25em;
}

#leaderboard p {
	margin-top: 0.75em;
}


#full_leaderboard ol {
	list-style-type: none;
	color: white;
}

#full_leaderboard tr + tr th {
	padding-top: 1em;
}


#leaderboard ol li p, #full_leaderboard ol li p {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	
	margin-left: 1.4em;
}


#leaderboard ol li p:first-letter, #full_leaderboard ol li p:first-letter {
	margin-left: -1.4em;
}



#full_leaderboard td {
	padding-right: 20px;
}

#full_leaderboard + p {
	margin-top: 1em;
}


#header h1 {
	position:absolute;
	top:-50px;
}


h2 {
	font-size:16pt;
	font-family: Georgia, "Times New Roman", Times, serif; 
	color: #358b00;
	padding-bottom:5px;
	line-height:17pt;
}

h3 {
	font-size:13pt;
	font-family: Georgia, "Times New Roman", Times, serif; 
	color: #549a30;
	padding-top:3px;
	line-height:15pt;
}

#content_box h3, #content_box_wide h3 {
	color:#FFF;
}

#username, #firstname, #lastname, #password1, #password2, #email, #siusername, #sipassword, #sender, #email, #subject, #message, #disclaimer {
	margin-top:5px;
	margin-bottom:8px;
}

legend, label {
	color:#FFF;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt; 
	line-height: 10pt;
	color: #337700;
	padding-bottom:7px;
}

a, a:visited, a:active {
	color: #005d00;
	text-decoration:underline;
}

a:hover, a:focus {
	color: #67b856;
	text-decoration:none;
}

hr {
	margin-left:-20px;
	margin-right:-20px;
	margin-bottom:10px;
	border:3px solid #FFF;
}


#content_box_wide {
	color: white;
}

#content_box_wide h3 {
	margin-top: 0.75em !important;
}

#content_box_wide table.index {
	border-collapse: collapse;
	width: 800px;
}

#content_box_wide table.index th {
	border-bottom: 1px solid white;
	text-align: left;
}


#content_box_wide table.index th, #content_box_wide table.index td {
	vertical-align: top;

	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	padding-bottom: 2px;
	
	border-bottom: 1px dashed #CDCDCD;
}


table {
	border-collapse: collapse;
	border-spacing: 0pt;
}


table.layout, table.layout tr, table.layout td, table.layout th {
	margin: 0;
	padding: 0;
	
	vertical-align: top;
}


table.edit, div.edit {
	margin-left: 1.5em;
}

table.edit tbody th {
	font-weight: normal;
	padding-right: 10px;
	padding-left: 0;
	white-space: nowrap;
	vertical-align: top;
	text-align: left;
}

table.edit tbody td {
	padding-right: 15px;
}

table.edit  input[type=text], table.edit input[type=password], table.edit select {
	width: 200px;
}

table.editwide  input[type=text], table.editwide input[type=password], table.editwide select {
	width: 618px;
}

table.edit hr {
	border: none;
	margin: 1em 0;
	border-bottom:1px dotted #4B8FD6;
}