/* ----------------------------- */
/* Game
/* ----------------------------- */
.game .header,
.game .container,
.game .footer{ text-align: left; }
.game { display: block; }
.game .trivia {
	position: relative;
	width: 950px; height: 650px;
	overflow: hidden;
	background: #fff url( 'trivia/images/ui/intro/background.jpg' ) no-repeat;
}
.game .trivia .data { display: none; }
.game .trivia .screen {
	position: relative;
	width: 950px; height: 650px;
	overflow: hidden;
}
.game .trivia .logo {
	display: inline-block;
	width: 275px; height: 232px;
	margin-top: 10px;
	background: transparent url( 'trivia/images/logo.png' ) no-repeat;
}

/* ----------------------------- */
/* Reusble elements
/* ----------------------------- */
.game .trivia .panel.drop.blue {
	display: inline-block;
	margin: 0 5px; padding: 10px; padding-top: 0;
	background: #212B67;
	border-radius: 0px 0px 10px 10px; 
	-moz-border-radius: 0px 0px 10px 10px; 
	-webkit-border-radius: 0px 0px 10px 10px; 
	border: 3px solid #0081A5;
	border-top: none;
}
.game .trivia .panel.drop.blue .item {
	display: inline-block;
	margin-left: -3px; padding: 5px 10px;
	background: #80B73F;
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border: 3px solid #fff;
	border-top: none;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 25px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 25px;
	letter-spacing: 1px;
}
.game .trivia .panel.drop.blue .item:first-child { margin-left: 0; }
.game .trivia .banner.blue {
	position: relative;
	padding: 10px;
	background: #212B67;
	font-family: 'Unkempt', cursive;
	font-size: 25px;
	line-height: 25px;
	letter-spacing: 1px;
	color: #32B6E4;
}
.game .trivia .banner.blue .white { color: #fff; }
.game .trivia .mark.correct {
	position: absolute; top: -5px; left: -45px;
	width: 44px; height: 48px;
	background: transparent url( 'trivia/images/status/correct.png' ) no-repeat;
}
.game .trivia .quicknote {
	display: none;
	position: absolute; top: 50%; left: 50%;
	width: 0; height: 0; line-height: 0;
}
.game .trivia .quicknote .icon {
	position: absolute; top: -122px; left: -173px;
	width: 306px; min-height: 145px;
	padding: 15px;
	background: #b81f25;
	border: 5px solid #fff;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 1.25em;
	color: #fff;
}
.game .trivia .quicknote .medium {
	font-weight: normal;
	text-transform: uppercase;
}
.game .trivia .quicknote .large {
	font-size: 32px;
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}
.game .trivia .quicknote .close {
	text-align: center;
	cursor: pointer;
	position: absolute; top: 15px; right: 15px;
	width: 22px; height: 22px;
	border: 1px solid #fff;
	/*border-radius: 22px;
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;*/
	font-size: 20px;
	text-transform: uppercase;
	line-height: 22px;
	color: #fff;
}
.game .trivia .quicknote .space { height: 15px; }
.game .trivia .quicknote.correct .icon { background: #008048; }
.game .trivia .quicknote.correct .ornament_wrapper { background: #008048; }
.game .trivia .quicknote.incorrect .icon { /*background: transparent url( 'trivia/images/status/quicknote_incorrect.png' ) no-repeat;*/ }
.game .trivia .quicknote.incorrect .ornament_wrapper { background: #b81f25; }
.game .trivia .quicknote.skip .icon { background: #80b73e; }
.game .trivia .quicknote.skip .ornament_wrapper { background: #80b73e; }
.game .trivia .quicknote.hint .icon { background: #E8841E; }
.game .trivia .quicknote.hint .ornament_wrapper { background: #E8841E; }
.game .trivia .quicknote.help .icon { background: #0081A5; }
.game .trivia .quicknote.help .ornament_wrapper { background: #0081A5; }
.game .trivia .quicknote.help_fillin .ornament_wrapper { background: #0081A5; }

.game .trivia .quicknote.help_fillin { top: auto; bottom: 0; left: 50%; }
.game .trivia .quicknote.help_fillin .icon {
	text-align: left;
	left: -293px;
	width: 546px; min-height: 50px;
	background: #0081A5;
}
.game .trivia .quicknote .ornament_wrapper {
	position: absolute; top: -75px; left: 90px;
	height: 60px;
	padding: 10px 10px 0;
	border: 5px solid #fff;
	border-bottom: none;
	border-radius: 100px 100px 0px 0px;
	-moz-border-radius: 100px 100px 0px 0px;
	-webkit-border-radius: 100px 100px 0px 0px;
}
.game .trivia .quicknote.help_fillin .ornament_wrapper { left: 30px; }
.game .trivia .quicknote .ornament_wrapper .ornament {
	position: relative; top: -5px;
	width: 125px; height: 65px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: bottom center;
	border-radius: 60px 60px 0px 0px;
	-moz-border-radius: 60px 60px 0px 0px;
	-webkit-border-radius: 60px 60px 0px 0px;
}
.game .trivia .quicknote.correct .ornament_wrapper .ornament		{ background-image: url( 'trivia/images/status/quicknote_correct.png' ); }
.game .trivia .quicknote.incorrect .ornament_wrapper .ornament		{ background-image: url( 'trivia/images/status/quicknote_incorrect.png' ); }
.game .trivia .quicknote.skip .ornament_wrapper .ornament			{ background-image: url( 'trivia/images/status/quicknote_skip.png' ); }
.game .trivia .quicknote.hint .ornament_wrapper .ornament			{ background-image: url( 'trivia/images/status/quicknote_hint.png' ); }
.game .trivia .quicknote.help .ornament_wrapper .ornament			{ background-image: url( 'trivia/images/status/quicknote_help.png' ); }
.game .trivia .quicknote.help_fillin .ornament_wrapper .ornament	{ background-image: url( 'trivia/images/status/quicknote_help.png' ); }
.game .trivia .trigger.continue {
	display: none;
	cursor: pointer;
	position: absolute; bottom: 30px; right: 30px;
	width: 154px; height: 81px;
	background: transparent url( 'trivia/images/status/trigger_continue.png' ) no-repeat;
}


/* ----------------------------- */
/* Intro screen
/* ----------------------------- */
.game .trivia .screen.intro { text-align: center; }
.game .trivia .screen.intro .welcome {
	text-align: center;
	margin: 0 auto;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 25px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 25px;
	letter-spacing: 1px;
	color: #212B67;
}
.game .trivia .screen.intro .welcome h1 {
	margin: 0;
	font-size: 65px;
	line-height: 65px;
}
.game .trivia .screen.intro .select {
	margin: 10px auto 0;
	display: inline-block;
}
.game .trivia .screen.intro .select h1 {
	margin: 0; padding: 10px;
	background: #212B67;
	font-family: 'Unkempt', cursive;
	font-size: 17px;
	text-transform: uppercase;
	line-height: 17px;
	letter-spacing: 1px;
	color: #32B6E4;
}
.game .trivia .screen.intro .select .options a { color: #212B67; }
.game .trivia .screen.intro .select .options a:hover { background: #9FCC60; }
.game .trivia .screen.intro .select .options a.level_1 { background: #32B6E4; }
.game .trivia .screen.intro .select .options a.level_1:hover { background: #4DD1F4; }
.game .trivia .screen.intro .select .options a span.play {
	display: block;
	font-size: 33px;
	line-height: 33px;
	color: #fff;
}


/* ----------------------------- */
/* Playing screen
/* ----------------------------- */
.game .trivia .screen.play {
	text-align: center;
}
/* ----------------------------- */
/* Control pane
/* ----------------------------- */
.game .trivia .screen.play .window.control {
	float: left;
	width: 300px; height: 650px;
}
.game .trivia .screen.play .window.control .stop {
	display: none;
	position: absolute; bottom: 0; left: 20px;
	z-index: 2;
	width: 260px; height: 310px;
	background: transparent url( 'trivia/images/ui/control/stop_bg.png' ) 0 10px no-repeat;
}
.game .trivia .screen.play .window.control .stop .button {
	display: block;
	width: 152px; height: 105px;
	margin: 0 auto;
	background-image: url( 'trivia/images/ui/control/stop_buttons.png' );
	background-repeat: no-repeat;
	background-position: 0 0;
}
.game .trivia .screen.play .window.control .stop .button.alert	{ background-position: -152px 0; }
.game .trivia .screen.play .window.control .stop .button.now	{ background-position: -304px 0; cursor: default; }
.game .trivia .screen.play .window.control .tools {
	display: inline-block;
	position: relative;
	z-index: 2;
	margin: 0 5px; padding: 10px;
	height: 14px;
	background: #212B67;
	border-radius: 0px 0px 10px 10px; 
	-moz-border-radius: 0px 0px 10px 10px; 
	-webkit-border-radius: 0px 0px 10px 10px;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	white-space: nowrap;
	color: #32B6E4;
}
.game .trivia .screen.play .window.control .tools .tool { cursor: pointer; }
.game .trivia .screen.play .window.control .tools span {
	float: left;
	display: block;
	margin: 0 5px;
	line-height: 14px;
}
.game .trivia .screen.play .window.control .tools .sound {
	width: 19px; height: 14px;
	background-color: transparent;
	background-image: url( 'trivia/images/ui/control/sound.png' );
	background-position: top left;
	background-repeat: no-repeat;
}
.game .trivia .screen.play .window.control .tools .sound.mute { background-position: top right; }
.game .trivia .screen.play .window.control .tools .end { color: #fff; }
.game .trivia .screen.play .window.control .tools .end:hover { text-decoration: underline; }
.game .trivia .screen.play .window.control .logo {
	position: relative;
	z-index: 3;
	width: 208px; height: 176px;
	background: transparent url( 'trivia/images/logo_sm.png' ) no-repeat;
}
.game .trivia .screen.play .window.control .display {
	text-align: center;
	position: relative;
	z-index: 1;
	padding-top: 30px;
	height: 225px;
	pointer-events: none;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 25px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 30px;
	letter-spacing: 1px;
	color: #212B67;
}
.game .trivia .screen.play .category_box .title_holder .title { display: none; }
.game .trivia .screen.play .window.control .display .category_box .title_holder {
	position: absolute; bottom: 0; left: 0;
	width: 100%;
}
.game .trivia .screen.play .window.control .display .category_box .title_holder .title {
	position: absolute; top: 10px; left: -50px;
	width: 200px;
}
.game .trivia .screen.play .window.control .display .category_box {
	display: block;
	position: absolute; top: 0; left: 0;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 24px;
}
.game .trivia .screen.play .window.control .progress {
	display: inline-block;
	position: relative;
	z-index: 5;
	padding: 10px; padding-bottom: 6px;
	background: #EFC972;
	border-radius: 10px 10px 0px 0px; 
	-moz-border-radius: 10px 10px 0px 0px; 
	-webkit-border-radius: 10px 10px 0px 0px;
	border: 3px solid #fff;
	border-bottom: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	line-height: 17px;
	letter-spacing: 1px;
	color: #212B67;
}
.game.full .trivia .screen.play .window.control .progress.simple{ display: none; }
.game .trivia .screen.play .window.control .score {
	z-index: 6;
	text-transform: uppercase;
}
.game .trivia .screen.play .window.control .inventory { position: relative; z-index: 7; }
.game .trivia .screen.play .window.control .inventory .item label {
	font-family: 'Unkempt', cursive;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 16px;
	letter-spacing: 1px;
	color: #fff;
}
.game .trivia .screen.play .window.control .inventory .strikes .strike {
	display: inline-block;
	font-family: 'Unkempt', cursive;
	font-size: 45px;
	text-transform: uppercase;
	line-height: 45px;
	letter-spacing: -5px;
	color: #990013;
    filter:
		progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffffffff)
		progid:DXImageTransform.Microsoft.Chroma(color='white')
		progid:DXImageTransform.Microsoft.Alpha(opacity=100)
		progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=1,offY=1,spread=1)
		progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=-1,offY=1,spread=1)
		progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=1,offY=-1,spread=1)
		progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=-1,offY=-1,spread=1);
    zoom: 1;
	text-shadow:
		-1px -1px 0 #ffffff,  
		 1px -1px 0 #ffffff,
		-1px  1px 0 #ffffff,
		 1px  1px 0 #ffffff;
}
.game .trivia .screen.play .window.control .inventory .strikes .strike.unset {
	color: #80B73F;
}
/* ----------------------------- */
/* Categories & Questions pane
/* ----------------------------- */
/* Box */
.game .trivia .screen.play .category_box {
	position: absolute;
	width: 0; height: 0;
	overflow: visible;
}
.game .trivia .screen.play .category_box .image,
.game .trivia .screen.play .category_box .content {
	position: absolute; top: -77px; left: -77px;
	width: 142px; height: 142px;
	border-radius: 14px; 
	-moz-border-radius: 14px; 
	-webkit-border-radius: 14px;
	border: 6px solid transparent;
}
.game .trivia .screen.play .category_box .image img { width: 100%; height: 100%; }
.game .trivia .screen.play .category_box.select .content { border: 6px dotted #fff3a1; }
.game .trivia .screen.play .category_box .points {
	text-align: center;
	white-space: nowrap;
	position: absolute; bottom: 5px; left: 0;
	width: 100%;
	font-family: 'Unkempt', cursive;
	font-size: 33px;
	text-transform: uppercase;
	line-height: 33px;
	letter-spacing: 1px;
	color: #fff;
}
.game .trivia .screen.play .category_box .points {
	width: 100%;
}
.game .trivia .screen.play .category_box .color_0.image { background-color: #E8841E; border: 6px solid #C15B2E; }
.game .trivia .screen.play .category_box .color_1.image { background-color: #32B6E4; border: 6px solid #24839E; }
.game .trivia .screen.play .category_box .color_2.image { background-color: #80B73F; border: 6px solid #61842E; }
.game .trivia .screen.play .category_box .color_3.image { background-color: #008C73; border: 6px solid #005440; }
.game .trivia .screen.play .category_box .color_4.image { background-color: #212B67; border: 6px solid #273D91; }
.game .trivia .screen.play .category_box .color_5.image { background-color: #0081A5; border: 6px solid #006177; }
/* Arena */
.game .trivia .screen.play .window.arena {
	position: relative;
	float: right;
	width: 650px; height: 650px;
	overflow: hidden;
	background: #E8841E;
}
.game .trivia .screen.play .window.arena .pane.categories {
	position: relative;
	width: 650px; height: 650px;
	background: #000;
}
.game .trivia .screen.play .window.arena .pane.categories .rotor {
	position: absolute; bottom: 174px; right: 174px;
	width: 290px; height: 290px;
	background: #000 url( 'trivia/images/ui/categories/rotor.jpg' ) center center no-repeat;
	border-radius: 14px; 
	-moz-border-radius: 14px; 
	-webkit-border-radius: 14px;
	border: 6px solid #F8BB10;
}
.game .trivia .screen.play .window.arena .pane.categories .wheel {
	float: left;
	width: 650px; height: 650px;
	overflow: hidden;
}
/* Drop Menus */
.game .trivia .screen.intro .dropmenus {
	position: absolute; top: 0; left: 0;
	width: 950px; height: 0;
	line-height: 0;
}
.game .trivia .screen.intro .dropmenu {
	position: absolute; top: 0; right: 20px;
	overflow: hidden;
	width: 650px; height: 50px;
}
.game .trivia .screen.play .window.arena .pane.question .dropmenus {
	position: absolute; top: 0; left: 0;
	width: 650px; height: 0;
	line-height: 0;
}
.game .trivia .screen.play .window.arena .pane.question .dropmenu {
	position: absolute; top: 0; right: 20px;
	overflow: hidden;
	width: 254px; height: 50px;
}
/* Rules */
.game .trivia .screen.intro .dropmenus .rules {
	cursor: pointer;
	position: absolute; bottom: 0; right: 40px;
	padding: 5px 10px;
	background: #EFC972;
	border-radius: 0px 0px 10px 10px; 
	-moz-border-radius: 0px 0px 10px 10px; 
	-webkit-border-radius: 0px 0px 10px 10px;
	border: 5px solid #fff;
}
.game .trivia .screen.intro .dropmenus .rules:hover { background: #FFE7B8; }
.game .trivia .screen.intro .dropmenus .rules h1 {
	margin: 5px 0;
	text-align: center;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 30px;
	letter-spacing: 1px;
	color: #212B67;
}
.game .trivia .screen.intro .read_rules.menu {
	display: none;
	z-index: 100000;
	position: absolute; top: 0; left: 0;
	width: 100%; height: 650px;
	background: rgba( 0, 0, 0, 0.5 );
}
.game .trivia .screen.intro .read_rules.menu .body {
	width: 750px; height: 632px;
	margin: 0 auto;
	background: transparent url( 'trivia/images/ui/backgrounds/paper1.jpg' ) top center repeat-x;
	border: 9px solid #212B67;
}
.game .trivia .screen.intro .read_rules.menu .copy {
	position: relative;
	width: 750px; height: 632px;
	margin: 0 auto;
	background: transparent url( 'trivia/images/ui/menus/rules.png' ) center center no-repeat;
}
.game .trivia .screen.intro .read_rules.menu .copy .close {
	text-align: center;
	cursor: pointer;
	position: absolute; top: 15px; right: 15px;
	width: 22px; height: 22px;
	border: 1px solid #212B67;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 22px;
	color: #212B67;
}
/* Lifelines */
.game .trivia .screen.play .window.arena .pane.question .lifelines {
	position: absolute; bottom: 0; left: 0;
	padding: 5px;
	background: #32B6E4;
	border-radius: 0px 0px 10px 10px; 
	-moz-border-radius: 0px 0px 10px 10px; 
	-webkit-border-radius: 0px 0px 10px 10px;
	border: 5px solid #fff;
}
.game .trivia .screen.play .window.arena .pane.question .lifelines h1 {
	margin: 5px 0;
	text-align: center;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Unkempt', cursive;
	font-size: 30px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 30px;
	letter-spacing: 2px;
	color: #fff;
}
.game .trivia .screen.play .window.arena .pane.question .lifelines .lifeline {
	cursor: pointer;
	display: inline-block;
	padding: 5px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	color: #fff;
}
.game .trivia .screen.play .window.arena .pane.question .lifelines .lifeline .icon {
	width: 64px; height: 64px;
	margin-bottom: 5px;
	background-image: url( 'trivia/images/ui/lifelines.png' );
	background-position: 0 0;
	border: 2px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.game .trivia .screen.play .window.arena .pane.question .lifelines .lifeline.skip .icon {
	background-color: #80B73F;
	background-position: 0 0;
}
.game .trivia .screen.play .window.arena .pane.question .lifelines .lifeline.hint .icon {
	background-color: #E8841E;
	background-position: -64px 0;
}
.game .trivia .screen.play .window.arena .pane.question .lifelines .lifeline.help .icon {
	background-color: #0081A5;
	background-position: -128px 0;
}
/* Question */
.game .trivia .screen.play .window.arena .pane.question {
	position: relative;
	width: 650px; height: 650px;
	background: #212B67 url( 'trivia/images/ui/backgrounds/paper.jpg' ) center center no-repeat;
}
.game .trivia .screen.play .window.arena .pane.question .header {
	float: left;
	width: 620px;
	margin-top: 20px; padding-left: 30px;
}
.game .trivia .screen.play .window.arena .pane.question .body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #000;
}
.game .trivia .screen.play .window.arena .pane.question .body > .question > .content {
	position: relative;
	width: 550px; height: 575px;
	padding: 20px 50px;
}
.game .trivia .screen.play .window.arena .pane.question .body .title { text-align: left; margin: 10px 0; }
.game .trivia .screen.play .window.arena .pane.question .body .title .blank {
	position: relative; top: 2px;
	display: inline-block;
	width: 100px;
	margin: 0 5px;
	border-bottom: 2px solid black;
}
.game .trivia .screen.play .window.arena .pane.question .body .title .photo {
	float: left;
	margin: 0 10px 10px 0;
	border: 5px solid #fff;
}
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers {
	text-align: left;
	list-style: none;
	list-style-type: none;
	margin: 10px 0; padding: 0;
	width: 550px;
}
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers ul {
	list-style: none;
	list-style-type: none;
	margin: 0; padding: 0;
}
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers div.borderline { height: 4px; background: #212B67; }
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers .option div.bullet {
	text-align: center;
	float: left;
	width: 40px; height: 40px;
	margin: 10px;
	background: #0081A5;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
.game .trivia .screen.play .window.arena .pane.question .body .question .hint { display: none; }
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers .option.selected div.bullet { background: #E8841E; }
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers div.bullet span {
	font-size: 22px;
	font-weight: normal;
	line-height: 40px;
	color: #fff;
}
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers .option { position: relative; }
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers .selectable .option { cursor: pointer; }
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers .option div.description { /*float: left; margin: 10px;*/ }
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.multiple_choice .option .answer { display: block; padding: 10px; }
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers .option .photo { float: left; border: 5px solid #fff; }
.game .trivia .screen.play .window.arena .pane.question .body .question input[type=submit] {
	cursor: pointer;
	outline: none;
	display: inline-block;
	margin: 15px 0 0; padding: 8px 25px;
	background: #0081A5;
	border: none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 25px;
	color: #fff;
}
.game .trivia .screen.play .window.arena .pane.question .body .question input[type=submit][disabled=disabled] {
	cursor: default;
	background: #aaa;
	color: #ddd;
}
.game .trivia .screen.play .window.arena .pane.question .body .question .instructions {
	text-align: left;
	margin: 5px;
	font-size: 16px;
}
.game .trivia .screen.play .window.arena .pane.question .body .question .options.disabled * { cursor: default !important; }
/* True or False and Fixed Multiple Choice */
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.true_false,
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.fixed_multi_choice { text-align: center; }
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.true_false .option,
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.fixed_multi_choice .option { display: inline-block; margin: 0 30px; }
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.true_false input[type=submit],
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.fixed_multi_choice input[type=submit] { font-size: 22px; font-weight: bold; }
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.true_false .option_1 input[type=submit],
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.fixed_multi_choice .option_1 input[type=submit] { background: #E8841E; }
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.true_false .mark.correct,
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.fixed_multi_choice .mark.correct { top: 15px; left: -45px; }
/* Multiple Choice */
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.multiple_choice .option { margin: 10px 0; }
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.multiple_choice .option .answer { line-height: 20px; }
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.multiple_choice .mark.correct { top: 5px; left: -35px; }
/* Fill-In */
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.fill_in .option { text-align: center; }
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.fill_in textarea {
	text-align: left;
	width: 500px;
	padding: 10px;
	border: 3px solid #0081A5;
	font-size: 28px;
	font-weight: bold;
	text-transform: uppercase;
	color: #0081A5;
}
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.fill_in .instructions { padding: 0 20px; }
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.fill_in .right_answer {
	position: relative;
	display: none;
	margin-top: 20px; padding: 0 20px 0 60px;
	font-size: 28px;
	font-weight: bold;
	text-transform: uppercase;
	color: #0081A5;
}
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.fill_in .mark.correct { top: -10px; left: 10px; }
/* Sort Order */
.game .trivia .screen.play .window.arena .pane.question .body .question.photos > div.sort_order { padding: 10px 25px 0 25px; width: 600px; }
.game .trivia .screen.play .window.arena .pane.question .body .question.photos .sort_order .options { text-align: center; }
.game .trivia .screen.play .window.arena .pane.question .body .question.photos .sort_order .options .option {
	float: left;
	width: 100px;
	background: transparent url( 'trivia/images/icons/updown.png' ) bottom center no-repeat;
	margin-bottom: 5px;
}
.game .trivia .screen.play .window.arena .pane.question .body .question.photos .sort_order .matches { max-height: 115px; }
.game .trivia .screen.play .window.arena .pane.question .body .question.photos .sort_order .options .option .photo {
	text-align: center;
	float: none;
	display: block;
	border: 0;
}
.game .trivia .screen.play .window.arena .pane.question .body .question.photos table.answers.sort_order .option {
	position: relative;
	width: 110px; max-height: 115px;
	padding: 0 5px 20px;
}
.game .trivia .screen.play .window.arena .pane.question .body .question.photos table.answers.sort_order { width: 600px; }
.game .trivia .screen.play .window.arena .pane.question .body .question.photos table.answers.sort_order .borderline { display: none; }
.game .trivia .screen.play .window.arena .pane.question .body .question.photos table.answers.sort_order .option div.bullet { position: absolute; top: -40px; left: 35px; }
.game .trivia .screen.play .window.arena .pane.question .body .question.photos table.answers.sort_order { margin: 40px 0; }
.game .trivia .screen.play .window.arena .pane.question .body .question.photos table.answers.sort_order .option .description {
	text-align: center;
	float: none;
	margin: 5px 0;
}
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.sort_order .option { padding-left: 20px; white-space: nowrap; }
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.sort_order ul.matches .option .answer {
	padding-left: 30px;
	height: 35px; max-height: 35px;
	background: transparent url( 'trivia/images/icons/updown.png' ) left center no-repeat;
	white-space: nowrap;
	font-size: 18px;
	line-height: 35px;
}
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.sort_order .option div.bullet {
	display: none;
	position: absolute; top: 2px; left: -25px;
	text-align: center;
	float: left;
	width: 30px; height: 30px;
	margin: 10px;
	background: #008049;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.sort_order .option.incorrect div.bullet { background: #990013; }
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.sort_order .option.sorted div.bullet { display: block; }
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.sort_order div.bullet span {
	font-size: 18px;
	font-weight: normal;
	line-height: 30px;
	color: #fff;
}
/* Match-Up */
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.match_up .option div.bullet {
	position: absolute; top: -10px; left: -20px;
	border-radius: 20px 0px 0px 20px; 
	-moz-border-radius: 20px 0px 0px 20px; 
	-webkit-border-radius: 20px 0px 0px 20px;
}
.game .trivia .screen.play .window.arena .pane.question .body .question.photos .match_up .title {
	text-align: center;
	position: absolute; top: 250px; right: 25px;
	width: 250px;
	margin: 0; padding: 0;
}
.game .trivia .screen.play .window.arena .pane.question .body .question.photos table.answers.match_up {
	position: absolute; top: 10px; left: 25px;
	width: 330px;
	margin-top: 0; margin-bottom: 0;
}
.game .trivia .screen.play .window.arena .pane.question .body .question.photos table.answers.match_up tr.titles {
	margin-top: 0; margin-bottom: 0;
}
.game .trivia .screen.play .window.arena .pane.question .body .question.photos > div.match_up { padding: 10px 25px 0 25px; width: 600px; }
.game .trivia .screen.play .window.arena .pane.question .body .question.photos table.answers.match_up tr.options td.first { width: 150px; }
.game .trivia .screen.play .window.arena .pane.question .body .question.photos table.answers.match_up tr.options td.second { width: 180px; }
.game .trivia .screen.play .window.arena .pane.question .body .question.photos table.answers.match_up .borderline { display: none; }
.game .trivia .screen.play .window.arena .pane.question .body .question.photos table.answers.match_up tr td.first .description { margin: 0; padding-left: 0 !important; }
.game .trivia .screen.play .window.arena .pane.question .body .question.photos table.answers.match_up tr.titles td .description,
.game .trivia .screen.play .window.arena .pane.question .body .question.photos table.answers.match_up tr td .description { margin: 0; padding-left: 30px; }
.game .trivia .screen.play .window.arena .pane.question .body .question.photos table.answers.match_up tr.options td.first .sortable .description,
.game .trivia .screen.play .window.arena .pane.question .body .question.photos table.answers.match_up tr.titles td .sortable .description { padding-left: 0; }
.game .trivia .screen.play .window.arena .pane.question .body .question.photos table.answers.match_up tr td .description { margin: 0; padding: 0; }
.game .trivia .screen.play .window.arena .pane.question .body .question.photos table.answers.match_up .photo { border: none; }
.game .trivia .screen.play .window.arena .pane.question .body .question.photos table.answers.match_up ul.matches .option .answer {
	width: 125px; height: 80px; min-height: 80px; max-height: 80px;
	margin: 0 0 0 30px; padding: 10px 15px 10px 10px;
	white-space: normal;
	line-height: 20px;
}
.game .trivia .screen.play .window.arena .pane.question .body .question.photos table.answers.match_up .option { margin: 5px 0; height: 100px; white-space: nowrap; }
.game .trivia .screen.play .window.arena .pane.question .body .question.photos .match_up .instructions {
	text-align: center;
	position: absolute; bottom: 150px; right: 25px;
	width: 250px;
	margin: 0; padding: 0;
}
.game .trivia .screen.play .window.arena .pane.question .body .question.photos .match_up .submit {
	text-align: center;
	position: absolute; bottom: 80px; right: 25px;
	width: 250px;
	margin: 0; padding: 0;
}
.game .trivia .screen.play .window.arena .pane.question .body .question .submit { text-align: center; }

.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.match_up tr.titles {
	text-align: left;
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 30px;
	color: #0081A5;
}
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.match_up tr.options td.first,
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.match_up tr.options td.second { width: 275px; }
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.match_up tr.options td.first .description,
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.match_up tr.titles td .description { padding-left: 40px; }
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.match_up ul.matches .option .crosshair {
	float: left;
	width: 40px; height: 40px;
	margin: 0 0 0 -10px;
	background: #C18F05 url( 'trivia/images/icons/crosshair.png' ) center center no-repeat;
	border-radius: 20px 0px 0px 20px; 
	-moz-border-radius: 20px 0px 0px 20px; 
	-webkit-border-radius: 20px 0px 0px 20px;
}
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.match_up .option .description { margin: 0; }
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.match_up .option .answer {
	height: 40px; max-height: 40px;
	white-space: nowrap;
	font-size: 15px;
	line-height: 40px;
	max-width: 215px;
}
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.match_up ul.matches .option .answer {
	margin: 0 0 0 10px; padding: 0 20px 0 30px;
	background: #fff;
	border-radius: 0px 20px 20px 0px;
	-moz-border-radius: 0px 20px 20px 0px;
	-webkit-border-radius: 0px 20px 20px 0px;
}
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.match_up .option { margin: 5px 0; white-space: nowrap; }
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.match_up .option.correct { background: #80B73F; }
.game .trivia .screen.play .window.arena .pane.question .body .question table.answers.match_up .option.incorrect { background: #e0031e; }




/* ----------------------------- */
/* End screen
/* ----------------------------- */
.game .trivia .screen.end {
	overflow: hidden;
	text-align: center;
	background: #fff url( 'trivia/images/ui/backgrounds/complete.jpg' ) no-repeat;
}
.game .trivia .screen.end .message {
	text-align: center;
	margin: 0 auto;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 34px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 34px;
	letter-spacing: 1px;
	color: #212B67;
}
.game .trivia .screen.end .message h1 {
	margin: 0;
	font-size: 80px;
	line-height: 80px;
}
.game .trivia .screen.end table.stats {
	width: 100%;
}
.game .trivia .screen.end table.stats td { width: 455px; padding: 0 10px; text-align: left; }
.game .trivia .screen.end table.stats td.title {
	text-align: right;
	font-family: 'Unkempt', cursive;
	font-size: 56px;
	text-transform: uppercase;
	line-height: 56px;
	letter-spacing: 1px;
	color: #0081A5;
}
.game .trivia .screen.end table.stats .points {
	font-family: 'Unkempt', cursive;
	font-size: 56px;
	text-transform: uppercase;
	line-height: 56px;
	letter-spacing: 1px;
	color: #212B67;
}
.game .trivia .screen.end table.stats td.title.medium {
	font-size: 36px;
	line-height: 36px;
}
.game .trivia .screen.end .strike {
	display: inline-block;
	font-family: 'Unkempt', cursive;
	font-size: 45px;
	line-height: 45px;
	letter-spacing: -5px;
	text-transform: uppercase;
	color: #990013;
    filter:
		progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffffffff)
		progid:DXImageTransform.Microsoft.Chroma(color='white')
		progid:DXImageTransform.Microsoft.Alpha(opacity=100)
		progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=1,offY=1,spread=1)
		progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=-1,offY=1,spread=1)
		progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=1,offY=-1,spread=1)
		progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=-1,offY=-1,spread=1);
    zoom: 1;
	text-shadow:
		-1px -1px 0 #ffffff,  
		 1px -1px 0 #ffffff,
		-1px  1px 0 #ffffff,
		 1px  1px 0 #ffffff;
}
.game .trivia .screen.end .strike.unset {
	color: #b6c7d5;
}
.game .trivia .screen.end .message.lose .strike {
	font-size: 105px;
	line-height: 105px;
}
.game .trivia .screen.end table.stats .lifelines .lifeline {
	display: inline-block;
	width: 37px; height: 49px;
	margin: 0 4px;
	background-color: transparent;
	background-image: url( 'trivia/images/ui/control/end_lifelines.png' );
	background-repeat: no-repeat;
	background-position: 0 0;
}
.game .trivia .screen.end table.stats .lifelines .lifeline.ll1 { background-position: 0 0; }
.game .trivia .screen.end table.stats .lifelines .lifeline.ll2 { background-position: -40px 0; }
.game .trivia .screen.end table.stats .lifelines .lifeline.ll3 { background-position: -80px 0; }
.game .trivia .screen.end .select {
	margin: 10px auto 0;
	display: inline-block;
}
.game .trivia .screen.end .select h1 {
	margin: 0; padding: 10px;
	background: #212B67;
	font-family: 'Unkempt', cursive;
	font-size: 17px;
	text-transform: uppercase;
	line-height: 17px;
	letter-spacing: 1px;
	color: #32B6E4;
}
.game .trivia .screen.end .select .options a { color: #212B67; }
.game .trivia .screen.end .select .options a:hover { background: #9FCC60; }
.game .trivia .screen.end .select .options a.level_1 { background: #32B6E4; }
.game .trivia .screen.end .select .options a.level_1:hover { background: #4DD1F4; }
.game .trivia .screen.end .select .options a span.play {
	display: block;
	font-size: 33px;
	line-height: 33px;
	color: #fff;
}

/* ----------------------------- */
/* Loading overlay
/* ----------------------------- */
.game .trivia .loading {
	position: absolute; top: 0; left: 0;
	/*display: none;*/
	text-align: center;
	background: rgba( 0, 0, 0, 0.8 );
	font-family: 'Unkempt', cursive;
	font-size: 40px;
	line-height: 45px;
	letter-spacing: 1px;
	color: #fff;
	z-index: 99999;
}
.game .trivia .loading table { width: 100%; height: 100%; }
.game .trivia .loading .ani {
	width: 220px; height: 19px;
	margin: 0 auto;
	background-image: url( 'trivia/images/ui/loader.gif' );
}



/*------------------------------------------------------------------------------
	Simple Game Styles (Eliminates Category Selector and other misc things)
--------------------------------------------------------------------------------*/
.game.simple .screen.intro .dropmenus,
.game.simple .screen.play .dropmenus .menu.lifelines,
.game.simple .trivia .screen.play .window.arena .pane.categories,
.game.simple .trivia .screen.play .window.control .stop,
.game.simple .trivia .screen.play .window.control .logo,
.game.simple .trivia .screen.play .window.control .score,
.game.simple .trivia .screen.play .window.control .display,
.game.simple .trivia .screen.play .window.control .progress.regular,
.game.simple .trivia .screen.play .window.arena .pane.question .header .for,
.game.simple .trivia .screen.play .window.arena .pane.question .header .points,
.game.simple .trivia .screen.end .logo,
.game.simple .trivia .screen.end .message .stats .score,
.game.simple .trivia .screen.end .message .stats .lifelines_holder {
    display: none !important;
}	
.game.simple .trivia .screen.play .window.arena .pane.categories,
.game.simple .trivia .screen.end{ background: none; }
.game.simple .trivia .screen{ width: 100%; height: 100%; }
.game.simple .trivia .screen.play .window.control {
    position: absolute;
	right: 0;
	width: auto;
	height: auto;
	text-align:center;
	padding: 0 1em;
	z-index: 1;
}
.game.simple .trivia .screen.play .window.arena,
.game.simple .trivia .screen.play .window.arena .pane.question {
    width: 100%;
	background: none;
	height: 100%;
}
.game.simple .trivia .screen.play .window.arena .pane.question {
	height: auto;
	bottom: 0;
    left: 0;
    position: absolute;
}
.game.simple .trivia .screen.play .window.control .tools,
.game.simple .trivia .screen.play .window.control .inventory,
.game.simple .trivia .screen.play .window.control .progress {
    display: block;
	max-width: 250px;
}
.game.simple .trivia .screen.play .window.control .panel.drop.blue .item{
	display: block;
	background: none;
	border: 0 none;
	margin: 0;
    padding: 0;
}
.game.simple .trivia .screen.play .window.arena .pane.question .body > .question > .content{	width: auto;	height: auto;	padding: 0; }
.game.simple .trivia .screen.play .window.arena .pane.question .header{	float: none; width: auto }
.game.simple .trivia .screen.play .window.arena .pane.question .body .images .option {	display: inline-block; *display: inline; zoom: 1; }
.game.simple .trivia .screen.play .window.arena .pane.question .body .images.image_qty_2 .option {	width: 50%; }
.game.simple .trivia .screen.play .window.arena .pane.question .body .images.image_qty_3 .option {	width: 33%; }
.game.simple .trivia .screen.play .window.arena .pane.question .body .images.image_qty_4 .option {	width: 25%; }
.game.simple .trivia .screen.play .window.arena .pane.question .body .images.image_qty_5 .option {	width: 20%; }
.game.simple .trivia .screen.play .window.arena .pane.question .body .images.image_qty_6 .option {	width: 16%; }
.game.simple .trivia .screen.play .window.arena .pane.question .body .images .option img {	max-width: 100%; height: auto; }
.game.simple .trivia .screen.play .window.arena .pane.question .body .images .option {	text-align: center; }
.game.simple .trivia .screen.play .window.arena .pane.question .body .images .option.first {	text-align: left; }
.game.simple .trivia .screen.play .window.arena .pane.question .body .images .option.last {	text-align: right; }
.game.simple .trivia .screen.play .window.arena .pane.question .body .question table.answers.fixed_multi_choice{ width: 100%; margin: } 
.game.simple .trivia .trigger.continue{ top: 4px; bottom: auto; right: 4px;}
.game.simple .trivia .screen.end table.stats td{ width: auto;}