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

body {
	background-color: #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	padding: 0;
	margin: 0;
}

li {
	list-style-image: none;
	list-style-type: none;
	list-style-position: inside;
}

#forum iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

ul {
	padding: 0;
	margin: 0;
}

th {
	text-align: left;
}

a {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#wrapper {
	width: 1024px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

#header {
	position: relative;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background: transparent url('/graphics/header_bg_new.png') no-repeat scroll 0 0;
	height: 68px;
/*	border: 1px solid #5c26bf;*/
	font-size: 14px;
	font-weight: bold;
}

#header #logo {
	position:absolute;
	width:70px;
	height:55px;
	left:72px;
	top:6px;
	font-size:0px;
	color:transparent;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background: transparent url('/graphics/logo_new.png') no-repeat scroll 0 0;
} 

#content {
	padding: 3px 30px 30px 30px;
	background-color: #FFFFFF;
	margin: 0 auto;
	width: 900px;
}

/*
	NAVIGATION
*/
#navigation {
	position: absolute;
/*	background-image: url('/graphics/nav_bg.png');
	background-repeat: repeat-x;*/
	top: 23px;
	left: 154px;
	/*width: 990px;*/
}
#navigation li {
	display:inline;
	float:left;
	font-size:16px;
	letter-spacing:-1px;
	line-height:1em;
	font-weight:normal;
	padding-top: 0;
	padding-bottom: 3px;
	margin-top:10px;
	margin-left:18px;
	margin-right:17px;
}
#navigation li:hover, #navigation li.active:hover {
	border-bottom:3px solid #ffffff;
}

#navigation li.first {
	margin-top: 0;
	margin-left: 0;
	margin-right: 397px;
	font-size:25px;
	letter-spacing:-2px;
	/*	background: transparent url('/graphics/home_col.png') no-repeat scroll left top;*/
}

#navigation li.last {
	margin-right:0;
}

/*
#navigation li.active_red {
	border-bottom: 3px solid #ff8080;
}

#navigation li.active_blue {
	border-bottom: 3px solid #8895e5;
}

#navigation li.active_green {
	border-bottom: 3px solid #8fea8b;
}
*/
#navigation li.active {
	border-bottom: 3px solid #efe644;
}

#subnavigation {
	position: absolute;
	bottom: 0px;
	right: 10px;
}

#subnavigation li {
	float: left;
	width: 63px;
	font-size: 10px;
	font-style: italic;
	margin-left: 15px;
	padding-bottom: 3px;
	font-weight: normal;
}

#subnavigation li.active_white {
	border-bottom: 3px solid #FFFFFF;
	padding-bottom: 0;
}
#subnavigation li.active_yellow {
	border-bottom: 3px solid yellow;
	padding-bottom: 0;
}
/*
	END NAVIGATION
*/

/*
	BOXES
*/
.box {
	float: left;
	display:inline;
	text-align: center;
	margin:0 9px 0 9px; 
	padding:0;
}

.redbox, .bluebox, .greenbox {
	position:relative;
	width:266px;
	height:203px;
	padding:8px;
	overflow:hidden;
}

.redbox_top, .redbox_bottom, .bluebox_top, .bluebox_bottom, .greenbox_top, .greenbox_bottom {
	width: 280px;
	height: 8px;
}

.redbox_top {
	background: transparent url('/graphics/redbox_top_l.png') no-repeat scroll;
}

.redbox {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background: transparent url('/graphics/redbox_bg_new.png') no-repeat scroll 0 0;
/*	background: transparent url('/graphics/redbox_bg_l.png') repeat-y scroll;*/
}

.redbox_bottom {
	background: transparent url('/graphics/redbox_bottom_l.png') no-repeat scroll;
}

.bluebox_top {
	background: transparent url('/graphics/bluebox_top_l.png') no-repeat scroll;
}

.bluebox {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background: transparent url('/graphics/bluebox_bg_new.png') no-repeat scroll 0 0;
/*	background: transparent url('/graphics/bluebox_bg_l.png') repeat-y scroll;*/
}

.bluebox_bottom {
	background: transparent url('/graphics/bluebox_bottom_l.png') no-repeat scroll;
}

.greenbox_top {
	background: transparent url('/graphics/greenbox_top_l.png') no-repeat scroll;
}

.greenbox {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background: transparent url('/graphics/greenbox_bg_new.png') no-repeat scroll 0 0;
}

.greenbox_bottom {
	background: transparent url('/graphics/greenbox_bottom_l.png') no-repeat scroll;
}

.box span.boxtext {
	color: #333333;
	line-height: 13.5em;
	font-family:Arial;
	font-weight: bold;
}

.box .boxes {
/*	position:absolute;
	left:0;
	top:0;*/
	margin:0px 0px 0px 0px;
	color: #FFFFFF;
	font-size: 15px;
	padding:0px;
	width: 266px;
	overflow:hidden;
}

.emptybox {
	padding-top: 35px;
}
/*
	END BOXES
*/

/*
	CREATE QUESTION FORM
*/
#createform input[type="text"].optionalText {
	color: #929292;
	font-family: Verdana;
	font-size: 12px;
	font-style: italic;
	width: 180px;
	margin-top: 3px;
	text-align: center;
}

p.desc  {
	text-align: center;
	font-style: italic;
}

#createform h1 {
	text-align: center;
	margin: 0;
color: #1A7084;
}

#createform a, #createform a.visited {
	color: #000000;
}

#createform div.inputlabels {
	width: 300px;
	float: left;
	margin-left: 100px;
}

#createform div.inputlabels p, #createform div.inputfields p {
	height: 30px;
}

#createform div.inputlabels label {
	font-size: 18px;
}

#createform div.inputfields {
	float: left;
}

#createform ul {
	margin: 10px 0 0 0;
}
#createform li {
	background: transparent url('/graphics/q_inactive.png') no-repeat scroll top;
	float: left;
	width: 22px;
	height: 34px;
	padding: 3px;
	text-align: center;
	font-style: italic;
	font-size: 14px;
}
#createform li.active {
	background: transparent url('/graphics/q_active.png') no-repeat scroll top;
}
#createform li.done {
	background: transparent url('/graphics/q_done.png') no-repeat scroll top;
	font-weight: bold;
}
#createform li.nobg {
	background: none;
	padding: 5px 0 0 0;
	height: 16px;
	width: 16px;
}
#createform #updatechange {
	position: absolute;
	bottom: 10px;
	left: 95px;
	z-index: 10;
}
#createform #updatechange img:hover {
	cursor: pointer;
}

#createform select {
	font-family: Arial;
	font-size: 15px;
	color: #666666;
}

#createform input[type="text"] {
	font-family: Arial;
	font-size: 15px;
	color: #666666;
	width: 380px;
}

#createform .inputfields p {
	width: 406px;
}

#createform select {
	width: 180px;
	font-size: 15px;
}
#createform input#categoryexp, #createform input#diffexp {
	width: 200px;
}
#createform .hintmsg, #createform .answermsg, #createform .commentmsg {
	font-style: italic;
	margin-bottom: 0;
	padding-bottom: 0;
}

#createform #allboxes {
	/*margin-left: 20px;*/
}
/*
	END CREATE QUESTION FORM
*/

/*
	MORE QUESTIONS
*/
#morequestions {
	margin:0 -30px 0 -30px;	
}

#morequestions a, #morequestions a:visited {
	color: #000000;
}

#questionlist #previous:hover, #questionlist #next:hover,
#questionlist .sort:hover, #morequestions #searchbutton:hover {
	cursor: pointer;
}

#questionlist table {
	border: 1px solid #d0d7e4;
}

#questionlist td {
	overflow:hidden; 
}

#questionlist tr {
	border-bottom: 1px solid #272727;
}

.odd {
	background-color: #d8d8d8;
}

#morequestions div#questionlist {
	overflow: auto;
	height: 500px;
	width: 100%;
	font-size: 13px;
}

#questionlist th {
	background-color: #1A7084;
	color: #FFFFFF;
}

#morequestions label {
	font-family:Verdana,Helvetica,Arial;
	letter-spacing:-2px;
	color:#1a7084;
	font-size: 24px;
	font-weight: bold;
}

#morequestions input#search {
	font-size: 18px;
	color: #666666;
	width: 330px;
/*	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background: transparent url('/graphics/inputbox_391.png') no-repeat scroll 0 0;
	color: #666666;
	font-size: 16px;
	
	width: 377px;
	height:34px;
	margin-top: 3px;
	border:0px;
	padding:7px;
	text-align:center;
	*/
}
#questionlist .paging {
	background-color: #1A7084;
	color: #FFFFFF;
}
#morequestions #searchbutton {
	font-weight: bold;
	font-size: 15px;
}
#morequestions #searchbutton input {
	border:none;
	cursor:pointer;
	height: 27px;
	width: 24px;
	vertical-align: middle;
	margin: 0 0 10px 3px;
	padding:0;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background: transparent url('/graphics/button_go_small.png') no-repeat scroll 0 -27px;
}
#morequestions #searchbutton input:hover {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background: transparent url('/graphics/button_go_small.png') no-repeat scroll 0 0;
}
/*
	END MORE QUESTIONS
*/


/*
	PLAY
*/

#play input[type="text"] {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background: transparent url('/graphics/inputbox_391.png') no-repeat scroll 0 0;
	color: #666666;
	font-size: 16px;
	outline: none;
	width: 377px;
	height:20px;
	margin-top: 3px;
	border:0px;
	padding:7px;
	text-align:center;
}

#play input[type="text"].wrong {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background: transparent url('/graphics/inputbox_391_red.png') no-repeat scroll 0 0;
}

#play input[type="text"].correct {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background: transparent url('/graphics/inputbox_391_green.png') no-repeat scroll 0 0;
}
/*
#play p  {
*/
.answer p {
	margin: 0;
	padding: 0;
}

#play .hint {
	font-size: 15px;
}
#play .allboxes {
	margin: 5px 0 0 0;
}
#play .box p {
/*	margin-left: 8px;*/
}
#play .optionalText {
	font-family: Verdana;
	font-size: 12px;
	color: #929292;
	font-style: italic;
}
#play #hints {
	text-align:left;
	display:inline-block;
	width:auto;
}
#play #hints span span {
	color:#1a7084;
	font-weight:bold;
	font-size:14px;	
}

#qinfo {
	font-family:Arial;
	font-size: 12px;
	margin: 20px 0 0 0;
}
#qinfo label {
	color: #1a7084;
	font-weight:bold;
}
#qinfo span {
	color:#666666;		
}
#qinfo label#topicLabel {
	font-size:17px;
	font-weight:bold;
	font-style:normal;
	color:#1a7084;
}
#qinfo span#topicSpan {
	font-size:17px;
	font-weight:normal;
	font-style:normal;
	color:#666666;
}
div.answer {
	margin: 30px auto 0 auto;
	width:724px;
	height: 155px;
}
#answererrormsg {
	color:#ad2a27;
	font-weight: bold;
	font-size: 13px;
	position:absolute;
	text-transform:uppercase;
	top:-20px;
	right:50px;
}
#answerokmsg {
	color: #24a03b;
	font-weight: bold;
	font-weight: bold;
	font-size: 13px;
	position:absolute;
	text-transform:uppercase;
	top:-20px;
	right:50px;
}
#answerhelptext {
	display:inline-block;
	margin-top:8px;
	font-size: 12px;
	color: #666666;
	font-style: italic;
}

#play #previous {
	padding:0;
	margin:0;
	float:left;
	width:120px;
	height:135px;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background: transparent url('/graphics/button_back_new.png') no-repeat scroll 0 -135px;
	cursor:pointer;
}

#play #previous:hover {
	padding:0;
	margin:0;
	float:left;
	width:120px;
	height:135px;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background: transparent url('/graphics/button_back_new.png') no-repeat scroll 0 0;	
	cursor:pointer;
}

#play #next {
	padding:0;
	margin:0;
	float:left;
	width:119px;
	height:135px;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background: transparent url('/graphics/button_go_new.png') no-repeat scroll 0 -135px;
	cursor:pointer;
}

#play #next:hover {
	padding:0;
	margin:0;
	float:left;
	width:119px;
	height:135px;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background: transparent url('/graphics/button_go_new.png') no-repeat scroll 0 0;	
	cursor:pointer;
}
/*
	END PLAY
*/

/*
	FINISHED
*/
#finished {
	font-size: 13px;
}
#finished label {
	font-size: 13px;
	color: grey;
	font-style: italic;
	font-weight: bold;
}
#finished #allanswers {
	margin: 30px 0 0 140px;
}
#finished #back {
	text-align: right;
	width:120px;
}

#finished #nextcont {
	width:120px;
}

#finished .buttoncontainer {
	float:left;
	margin-left:140px;
	width:650px;
}

#gameinfo {
	font-family:Arial;
	margin: 20px 0 0 0;
	font-size: 12px;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	color: grey;
}
#gameinfo label {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color:#1a7084;
}
/*
	END FINISHED
*/

/*
	OTHER
*/
.clearboth {
	clear: both;
}
.bold {
	font-weight: bold;
}
.center {
	text-align: center;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.largetext {
	font-family:Helvetica,Arial;
	font-size: 34px;
	font-weight: bold;
	letter-spacing:-2px;
	color:#1a7084;
}
.largetext span {
	font-size:30px;
	color:#666666;	
	letter-spacing:0px;
	font-weight:normal;
}
.smalltext {
	font-size: 10px;
}

.up:hover, .hover, .hover:hover, .warn:hover, img#next:hover, img#previous:hover, img#previousf:hover {
	cursor: pointer;
}

.error {
	color: red;
}
html .fb_share_button {
	color: #3B5998;
	display: -moz-inline-block;
	display: inline-block;
	padding: 1px 20px 0 5px;
	height: 15px;
	border: 1px solid #d8dfea;
	background: url(http://b.static.ak.fbcdn.net/rsrc.php/z39E0/hash/ya8q506x.gif) no-repeat top right;
}
html .fb_share_button:hover {
	color: #fff;
	border-color: #295582;
	background: #3b5998 url(http://b.static.ak.fbcdn.net/rsrc.php/z39E0/hash/ya8q506x.gif) no-repeat top right;
	text-decoration: none;
}
#help {
	margin: 0 50px 0 50px;
}
#help h1 {
	text-align: center;
	margin: 0;
	color: #1A7084;
}

#help p {
	margin-left: 10px;
}

#youtubeblocked {
	display: none;
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
.sharelink {
	color: grey;
}
/*
	END OTHER
*/