



/* ENTRY PAGE STYLES */
#game { margin:0 auto; padding:10px 0; width:960px }
	#game .bar { padding-top:10px; border-bottom:1px dotted #CCCCCC }

	#game_header { }
		#game_header #game_icon { float:left; width:22% }
		#game_header #game_icon img { width:100%; margin-bottom:4px }

		#game_header .description { float:left; width:76%; margin-left:2%; box-sizing:border-box; -moz-box-sizing:border-box; font-size:14px }
		#game_header .description h1 { margin:0; padding:0; line-height:20px; font-size:48px;  color:#990099; font-family: 'Lato', sans-serif }
		#game_header .description p { margin:0 0 12px 0; padding:0 }
	#questionHeader { padding:1%; margin:1%; font-size:24px; font-weight:300; line-height:32px; color:#FF6600; text-align:center; font-family: 'Lato', sans-serif }

	/* For top link bar option */
	#game_header .description .buttonbar { float:right; padding-top:6px }
	#game_header .description .buttonbar a:link { padding:4px 12px; margin-left:8px; text-align:center; text-decoration:none; box-sizing:border-box; -moz-box-sizing:border-box; font-size:14px; display:inline-block; font-family: 'Lato', sans-serif; color:#333; background:#efefef }
	#game_header .description .buttonbar a:visited { padding:4px 12px;  margin-left:8px; text-align:center; text-decoration:none; box-sizing:border-box; -moz-box-sizing:border-box; font-size:14px; display:inline-block; font-family: 'Lato', sans-serif; color:#333; background:#efefef }
	#game_header .description .buttonbar a:hover { background:#eeeeee }

	/* Zackpot */
	#zackpot_info { text-align:center; padding:1%; background:#eee; border-radius:8px; margin:1% 0 }
	#zackpot_info h1 { font-family:"Lato", sans-serif; display:block; padding:0; margin:0; font-size:3em; font-weight:300 }
	#zackpot_info h2 { display:block; margin:0 0 8px 0; padding:0; font-size:2.25em; font-weight:700 }
	#zackpot_info p { margin-top:8px; padding:0; font-style:italic }

	#rules { padding:20px 0; margin-top:25px; border-top:1px dotted #CCCCCC }
	#rules p { margin:0 0 8px 0; padding:0; font-size:.9em; line-height:1.35em }
	#rules p:last-child { margin:0 }

	.smaller { font-size:.9em; line-height:1.4em }
	.clearboth20 { clear:both; height:20px }

	#tm_share { padding:20px; background:#FF6600; color:#ffffff; border-radius:4px; margin-top:15px }
	#tm_share h1 { font-size:24px; margin-bottom:12px; color:#fff }
	#tm_share p { font-size:14px; line-height:20px; margin-top:12px; margin-bottom:0 }

	#error { padding:1%; background:#CC0000; color:#FFFFFF; font-size:1.25em; margin:1% 0; border-radius:8px }

/*ODOMETER*/

@import url("//fonts.googleapis.com/css?family=Economica");
.odometer.odometer-auto-theme, .odometer.odometer-theme-train-station {
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	position: relative;
	font-size:52px;
	padding:5px 0 0 8px;
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-train-station {
	*display: inline;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-train-station .odometer-digit {
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-train-station .odometer-digit {
	*display: inline;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-train-station .odometer-digit .odometer-digit-spacer {
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-train-station .odometer-digit .odometer-digit-spacer {
	*display: inline;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-train-station .odometer-digit .odometer-digit-inner {
	text-align: left;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-train-station .odometer-digit .odometer-ribbon {
	display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-train-station .odometer-digit .odometer-ribbon-inner {
	display: block;
	-webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-train-station .odometer-digit .odometer-value {
	display: block;
	-webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-train-station .odometer-digit .odometer-value.odometer-last-value {
	position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-train-station.odometer-animating-up .odometer-ribbon-inner {
	-webkit-transition: -webkit-transform 2s;
	-moz-transition: -moz-transform 2s;
	-ms-transition: -ms-transform 2s;
	-o-transition: -o-transform 2s;
	transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-train-station.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-train-station.odometer-animating-down .odometer-ribbon-inner {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-train-station.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
	-webkit-transition: -webkit-transform 2s;
	-moz-transition: -moz-transform 2s;
	-ms-transition: -ms-transform 2s;
	-o-transition: -o-transform 2s;
	transition: transform 2s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-train-station {
	font-family: "Economica", sans-serif;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-train-station .odometer-digit {
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	-moz-border-radius: 0.1em;
	-webkit-border-radius: 0.1em;
	-o-border-radius: 0.1em;
	-ms-border-radius: 0.1em;
	-khtml-border-radius: 0.1em;
	border-radius: 0.1em;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #111111), color-stop(35%, #111111), color-stop(55%, #333333), color-stop(55%, #111111), color-stop(100%, #111111));
	background-image: -webkit-linear-gradient(top, #111111 0%, #111111 35%, #333333 55%, #111111 55%, #111111 100%);
	background-image: -moz-linear-gradient(top, #111111 0%, #111111 35%, #333333 55%, #111111 55%, #111111 100%);
	background-image: -o-linear-gradient(top, #111111 0%, #111111 35%, #333333 55%, #111111 55%, #111111 100%);
	background-image: -ms-linear-gradient(top, #111111 0%, #111111 35%, #333333 55%, #111111 55%, #111111 100%);
	background-image: linear-gradient(top, #111111 0%, #111111 35%, #333333 55%, #111111 55%, #111111 100%);
	background-color: #222222;
	padding: 0 0.15em;
	color: white;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-train-station .odometer-digit {
	*display: inline;
}
.odometer.odometer-auto-theme .odometer-digit + .odometer-digit, .odometer.odometer-theme-train-station .odometer-digit + .odometer-digit {
	margin-left: 0.1em;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-train-station .odometer-digit .odometer-digit-inner {
	left: 0.15em;
}

/* GLOBAL STYLES */
	#game_wrap { position:relative; overflow: hidden; }

	#KO_Trivia { width:960px; margin:0; padding:0; background:url(/images/site/games/ko_trivia/bg-KOTrivia.jpg) #000000 no-repeat; background-position:top center; font-family:"Lato", sans-serif; font-size:16px; overflow:hidden; border:1px solid #333; position:relative; overflow:hidden }
	#KO_Trivia.bigDog { background:url(/images/site/games/ko_trivia/bg-KOTriviaBD.jpg) #000000 no-repeat!important; background-position:top center }
	#KO_Trivia a:link { color:#0066FF }
	#KO_Trivia a:visited { color:#0066FF }
	#KO_Trivia .right { float:right }
	#KO_Trivia .left { float:left }
	#KO_Trivia .center { text-align:center }
	#KO_Trivia .hide { display:none }
	#KO_Trivia .invisible { visibility:hidden }
	#KO_Trivia .redText { color:#CC0000 }
	#KO_Trivia .greenText { color:#090 }
	#KO_Trivia .headline_sm { font-size:18px; font-weight:700 }
	#KO_Trivia .headline_lg { font-size:28px; font-weight:700 }
	#KO_Trivia .left_align { text-align:left }
	#KO_Trivia .normal_margin { margin:15px 0 }
	#KO_Trivia .sub { font-size:.9em }
	#KO_Trivia .heavy { font-weight:700; font-size:1.2em }
	#KO_Trivia .cntr { text-align:center }
	#KO_Trivia .clearboth { clear:both; height:0 }
	#KO_Trivia .winner_margin { margin-top:40px }
	#KO_Trivia .bottom_65px { margin-bottom:65px }
	#KO_Trivia .divider { clear:both; padding-top:15px; border-bottom:1px dashed #669900 }
	#KO_Trivia #top_bar { font-family:"Fredoka One", sans-serif }
	#KO_Trivia .round { height:50px; line-height:50px; padding:0 35px; font-size:36px; font-weight:700; color:#fff; background:#06F; display:inline-block; margin:0 auto; border-radius:0 0 8px 0; margin-bottom:15px; float:left }
	#KO_Trivia .timer { height:50px; width: 100px; line-height:50px; padding:0 35px; font-size:36px; font-weight:700; color:#fff; background:#C00; display:inline-block; margin:0 auto; border-radius:0 0 0 8px; margin-bottom:15px; float:right }

	#KO_Trivia #main {  }
	#KO_Trivia #main .numbercol { width:12%; float:left; padding-top:80px; font-size:28px; font-weight:700 }
	#KO_Trivia #main .left { text-align:left }
	#KO_Trivia #main .right { text-align:right }
	#KO_Trivia .number { background:#66CC00; text-align:center; height:60px; width:80px; color:#fff; margin:0 auto; font-size:18px; font-weight:400; box-shadow:0px 0px 5px #000; font-family:"Fredoka One", sans-serif; text-align:center; padding-top:6px; line-height:24px }
	#KO_Trivia .digit { font-size:28px }
	#KO_Trivia p { margin:0; padding:0; font-size:1em }
	#KO_Trivia p.bottom { margin-bottom:12px!important }
	#KO_Trivia ul li { font-size:1.25em }
	#KO_Trivia .in_nbr { background:#6C0; float:left; border-radius:0 40px 40px 0 }
	#KO_Trivia .out_nbr { background:#C00; float:right; border-radius:40px 0 0 40px }

/* PLAY AREA */
	#KO_Trivia #play_area { width:76%; padding: 0; box-sizing:border-box; -moz-box-sizing:border-box; float:left; background:#ffffff; box-shadow:0px 0px 8px #232323; margin-bottom: 20px; text-align:center; border-radius:12px; overflow: hidden; opacity:.9 }
	#KO_Trivia #inner_play_area { padding: 2.5%; }
	#KO_Trivia #play_area .question { color:#333; font-family:"Fredoka One", sans-serif; font-size:24px; margin-bottom:12px }
	#KO_Trivia #play_area .after_entered { padding-left:5%; text-align:left; float:left; width:60% }
	#KO_Trivia #play_area .after_entered p { margin-bottom:2%; font-size:.8em }
	#KO_Trivia #play_area .watcher { margin-bottom:2%; text-align:left; padding:3%; background:#333; border-radius:8px; box-sizing:border-box; -moz-box-sizing:border-box; color:#FFFFFF; font-size:.8em }

/* SPECIAL OFFER */
/*	#KO_Trivia #play_area .special_offer { clear:both; text-align:left }
	#KO_Trivia #play_area .special_offer p { margin-bottom:2% }
	#KO_Trivia #play_area .special_offer input { font-size:1.25em; padding:6px; text-align:center }*/


	/* SPECIAL OFFER */
		#KO_Trivia #bottom_bar #double_down { background:#FC0; padding:0 3%; color:#333 }
		#KO_Trivia #bottom_bar #double_down .dd_offer { background:#FC0; padding:1% 3%; color:#333; text-align:center; font-weight:700 }
		#KO_Trivia #bottom_bar #double_down .special_offer { clear:both; background:#FC0; text-align:left; border-radius:12px; padding:2% }
		#KO_Trivia #bottom_bar #double_down .special_offer p { margin-bottom:2% }
		#KO_Trivia #bottom_bar #double_down .special_offer input { font-size:1.25em; padding:6px; text-align:center }

/* BRIBE PHASE */
	#KO_Trivia #play_area .bribe_phase1 { background:#FFCC00; border-radius:12px; padding:2%; text-align:left }
	#KO_Trivia #play_area .bribe_phase1 p { margin-bottom:12px }
	#KO_Trivia #play_area .bribe_phase1 input { font-size:1.25em; padding:6px; text-align:center }
	#KO_Trivia #play_area .bribe_phase2 { background:#eeeeee; border-radius:12px; padding:2% }
	#KO_Trivia #play_area .bribe_phase2 p { margin-bottom:12px }

	/* RING GIRL */
	#ring_girl { width:86px; height:315px; text-align:center; position:absolute; z-index:101; left:1000px; top:75px; animation:ringgirl 4s ease-in-out; -webkit-animation:ringgirl 4s ease-in-out; color:#000; background:url(/images/site/games/ko_trivia/i-ring_girl.png) center no-repeat; padding-top:15px }
	.rg_num { margin:0; padding:0; font-size:48px; font-weight:700; height:auto; line-height:44px }
	.rg_rnd { margin:0; padding:0; font-size:16px; font-weight:700; height:auto; line-height:12px }

/* BOXERS */
	#KO_Trivia .loser_height { min-height:240px }
	#KO_Trivia .winner { position:absolute; z-index:101; left:585px; bottom:265px }
	#KO_Trivia .loser { position:absolute; z-index:101; left:700px; bottom:305px; animation:loser 3s ease-out;
-webkit-animation:loser 3s ease-out; animation-delay:1s; -webkit-animation-delay:1s; opacity:0 }
	#KO_Trivia .pow { position:absolute; z-index:102; left:680px; bottom:455px; animation:pow .25s ease-out;
-webkit-animation:pow .25s ease-out; animation-delay:.75s; -webkit-animation-delay:.75s; opacity:0 }

/* BOTTOM BAR */
	#bottom_bar { background:#555555; color:#CCC; width:100%; display: inline-block; margin: 0;  }
	#bottom_bar #player_stats { font-size:12px; text-align:center; padding:6px 0; background:#ccc; color:#333333; font-weight:700 }
	#bottom_bar h1 { font-family:"Fredoka One", sans-serif; margin:0 8px; padding:0; font-size:1.5em; color:#FFCC00; weight:700 }
	#bottom_bar p { font-size:.75em }
	#zackpot_area { float:left; border-right:1px solid #333; text-align:center; width:33%; padding:1%; box-sizing:border-box; -moz-box-sizing:border-box }
	#help_area { float:left; text-align:center; width:100%; padding:1%; box-sizing:border-box; -moz-box-sizing:border-box }
	#help_area .larger { font-size:1.25em; font-weight:700; display:block }

/* ENTRY SCREEN */
	.col3 { width:33.3%; float:left; box-sizing:border-box; -moz-box-sizing:border-box; padding:1%; text-align:center }
	.col3 p { margin:0 0 4px 0; padding:0 }
	.col3 .number_block { padding:12px 40px; background:#333333; color:#eee; font-size:48px; font-family:"Fredoka One", sans-serif; border-radius:4px; display:inline-block; margin-top:8px }
	.col3 a.entrybtn:link { padding:5% 10%; margin-top:20%; border-radius:4px; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; color:#000; background:#FC0; text-decoration:none; font-size:13px; display:inline-block; font-size:24px; }
	.col3 a.entrybtn:visited { color:#000 }
	.col3 a.entrybtn:hover { color:#666 }
	.prev_winners { clear:both; padding-top:12px }

/* BETWEEN GAMES */
	#KO_Trivia .next_match { float:left; width:33.3%; box-sizing:border-box; -moz-box-sizing:border-box; padding:2%; text-align:center; margin-bottom: 18px; }
	#KO_Trivia .latest_winner { border:1px solid #CCC; font-size:.75em }
	#KO_Trivia .latest_winner img { box-shadow:0px 0px 0px 2px #0066CC; border-radius:12px }
	#KO_Trivia .enter_next_match { float:left; width:65%; box-sizing:border-box; -moz-box-sizing:border-box; padding:0% 0 1% 5%; text-align:center; }

/* WINNER SCREEN */
	.winner_screen {}
	.winner_screen .winners { font-size:2em; font-weight:700; color:#669900 }
	.winner_screen .congrats { font-size:1.5em; font-weight:700; color:#333333 }
	.winner_screen p { color:#666; text-align:left;  }
	.winner_screen p.para { margin-top:12px!important }

/* GAME END */
	.game_end { margin-bottom:2%; padding-bottom:2%; font-size:.8em }
	.game_end_left { width:55%; padding-right:2%; float:left; box-sizing:border-box; -moz-box-sizing:border-box }
	.game_end_right { width:45%; float:left; box-sizing:border-box; -moz-box-sizing:border-box }
	.game_end_right img { margin-bottom:12px; max-width:100% }

/* ASSIST BAR*/
	#assist_bar { background:#FC0; color:#333; position:absolute; top:75px; width:50%; margin:0 25%; padding:4%; border-radius:8px; box-sizing:border-box; -moz-box-sizing:border-box; box-shadow:1px 1px 10px 3px #CC0000; border:1px solid #F00; text-align:center; z-index:107  }
	#assist_bar h2 { font-size:22px; color:#333; margin:0; font-family:"Fredoka One", sans-serif;  }
	#assist_bar p { margin:0; padding:0 }
	#assist_bar a.btn { text-decoration:none; color:#fff; background:#C00; font-size:18px; font-weight:400; padding:12px; margin-top:20px; display:inline-block; border-radius:8px }
	#assist_bar a.btn:hover { background:#F00 }

/* FLAGS BAR */
	#KO_Trivia #flags_bar { color:#CCC; text-align:center; font-size:12px; padding: 12px 0; background:#333 }
	#KO_Trivia #flags_bar img { margin:.25% .5% 0 .5% }

	/* For some reason an extra flag bar gets thrown outside the play area, this is a hack to fix */
	#flags_bar { display: none ;}
	#main #flags_bar { display: block; }

/* BUTTONS */
	#KO_Trivia #play_area .answer { width:47.5%; margin:1% 1% 1% 1%; float:left; padding:1% 0%; border: 1px solid #070; border-radius:4px; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; color:#09F; background:#090; text-decoration:none; font-weight:700; color:#fff; font-size:14px; cursor: default; }
	#KO_Trivia #play_area .answer.canAnswer:hover { border:1px solid #030; color:#090; background:#050; cursor: pointer; }

	#KO_Trivia #play_area .guessed { color:#FFF; background:#0C0; }
	#KO_Trivia #play_area .notGuessed { color:#EEE; background:#888; border-color: #555; }
	/*#KO_Trivia #play_area .incorrect { color: #777; background: white; border-color: #AAA; }*/
	/*#KO_Trivia #play_area .correct { color: #090; background: white; border-color: #070; }*/
	#KO_Trivia #play_area .closed { color: #777; background: #AAA; border-color: #888; }
	#KO_Trivia #play_area .guessed.incorrect { color: white; background: #C00; border-color: #A00; }
	#KO_Trivia #play_area .guessed.correct { color: white; background: #090; border-color: #070; }

	#KO_Trivia a.btn:link { width:60%; margin:1% auto; padding:1% 0%; border:1px solid #06F; border-radius:4px; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; color:#FFF; background:#06F; text-decoration:none; font-weight:700; color:#fff; font-size:14px; display:block }
	#KO_Trivia a.btn:visited { color:#fff; border:1px solid #06F	}
	#KO_Trivia a.btn:hover { border:1px solid #06F; color:#06F; background:#FFF }

	#KO_Trivia a.continue:link { padding:8px; background:#009900; color:#fff; text-align:center; border-radius:8px; font-size:1.25em; text-decoration:none }
	#KO_Trivia a.continue:visited { padding:8px; background:#009900; color:#fff; text-align:center; border-radius:8px; font-size:1.25em; text-decoration:none }
	#KO_Trivia a.continue:hover { background:#0C0 }

	#KO_Trivia a.enter:link { padding:1% 3%; margin:1% 2%; width:40%; border:1px solid #009900; border-radius:4px; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; color:#FFF; background:#009900; text-decoration:none; font-size:13px; display:inline-block }
	#KO_Trivia a.enter:hover { background:#0C0; border:1px solid #0C0; color:#FFF }
	#KO_Trivia a.enter.error { background: #888; border: #666; cursor: default; color: #EEE; }

	#help_area a.pass:link { padding:1% 3%; margin:1% 2%; border:1px solid #FC0; border-radius:4px; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; color:#333; background:#FC0; text-decoration:none; font-size:13px; display:inline-block }
	#help_area a.pass:hover { background:#000; border:1px solid #FC0; color:#FC0 }
	#help_area a.lifeline { padding:1% 3%; margin:1% 2%; border-radius:4px; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; color:#eee; background:#0066FF; text-decoration:none; font-size:13px; display:inline-block; border:1px solid #0044DD }
	#help_area a.lifeline.disabled { color:#333; background:#999; border-color: #666; cursor: default; }

/* ANIMATIONS */
@keyframes ringgirl
{
  0% {
    left:960px;
  }
  15% {
    left:860px;
  }
  85% {
    left:860px;
  }
  100% {
    left:960px;
  }
}

@-webkit-keyframes ringgirl /* Safari and Chrome */
{
  0% {
    left:960px;
  }
  15% {
    left:860px;
  }
  85% {
    left:860px;
  }
  100% {
    left:960px;
  }
}

@keyframes loser
{
  0% {
	opacity:.0;
    bottom:305px;
	left:680px;
	transform:rotate(0deg);
	-ms-transform:rotate(0deg); /* IE 9 */
	-webkit-transform:rotate(0deg); /* Opera, Chrome, and Safari */
  }
  5% {
	opacity:1.0;
  }
  100% {
	opacity:.0;
    bottom:345px;
	left:710px;
	transform:rotate(15deg);
	-ms-transform:rotate(15deg); /* IE 9 */
	-webkit-transform:rotate(15deg); /* Opera, Chrome, and Safari */
  }
}

@-webkit-keyframes loser /* Safari and Chrome */
{
  0% {
	opacity:.0;
    bottom:305px;
	left:680px;
	transform:rotate(0deg);
	-ms-transform:rotate(0deg); /* IE 9 */
	-webkit-transform:rotate(0deg); /* Opera, Chrome, and Safari */
  }
  5% {
	opacity:1.0;
  }
  100% {
	opacity:.0;
    bottom:345px;
	left:710px;
	transform:rotate(15deg);
	-ms-transform:rotate(15deg); /* IE 9 */
	-webkit-transform:rotate(15deg); /* Opera, Chrome, and Safari */
  }
}

@keyframes pow
{
  0% {
	opacity:.0;
    bottom:455px;
	left:680px;
	height:25px;
	width:25px;
  }
  10% {
	opacity:1.0;
  }
  100% {
	opacity:.0;
    bottom:390px;
	left:625px;
	height:155px;
	width:155px;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); /* IE 9 */
	-webkit-transform:rotate(45deg); /* Opera, Chrome, and Safari */
  }
}

@-webkit-keyframes pow /* Safari and Chrome */
{
  0% {
	opacity:.0;
    bottom:455px;
	left:680px;
	height:25px;
	width:25px;
  }
  10% {
	opacity:1.0;
  }
  100% {
	opacity:.0;
    bottom:390px;
	left:625px;
	height:155px;
	width:155px;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); /* IE 9 */
	-webkit-transform:rotate(45deg); /* Opera, Chrome, and Safari */
  }
}

@-webkit-keyframes BACKGROUND-GLOW {
  0%	{ box-shadow: 0px 0 0 0 #C00; }
  50%	{ box-shadow: 0px 0 20px 10px #C00; }
  100%	{ box-shadow: 0px 0 0 0 #C00; }
}
@-moz-keyframes BACKGROUND-GLOW {
  0%	{ box-shadow: 0px 0 0 0 #C00; }
  50%	{ box-shadow: 0px 0 20px 10px #C00; }
  100%	{ box-shadow: 0px 0 0 0 #C00; }
}
@-o-keyframes BACKGROUND-GLOW {
  0%	{ box-shadow: 0px 0 0 0 #C00; }
  50%	{ box-shadow: 0px 0 20px 10px #C00; }
  100%	{ box-shadow: 0px 0 0 0 #C00; }
}
@keyframes BACKGROUND-GLOW {
  0%	{ box-shadow: 0px 0 0 0 #C00; }
  50%	{ box-shadow: 0px 0 20px 10px #C00; }
  100%	{ box-shadow: 0px 0 0 0 #C00; }
}

#KO_Trivia #play_area.lowTime
{
	-webkit-animation: BACKGROUND-GLOW 1s infinite ease-in-out; /* Safari 4+ */
	-moz-animation:    BACKGROUND-GLOW 1s infinite ease-in-out; /* Fx 5+ */
	-o-animation:      BACKGROUND-GLOW 1s infinite ease-in-out; /* Opera 12+ */
	animation: BACKGROUND-GLOW 1s infinite ease-in-out; /* IE 10+ */
}

#KO_Trivia .gameLimit
{
	display: inline-block;
	padding: 5px !important;
}

#KO_Trivia .questionOpen-show { display: none; }
#KO_Trivia[period="question-open"] .questionOpen-show { display: block; }

#KO_Trivia .questionClosed-show { display: none; }
#KO_Trivia[period="question-closed"] .questionClosed-show { display: block; }

#KO_Trivia .bribeOpen-show { display: none; }
#KO_Trivia[period="bribe-open"] .bribeOpen-show { display: block; }

#KO_Trivia .icon-ok { font-size:16px!important }