/*--- Start File: ---*/
.empty_style_stupid_fix{}/*this really makes no sense why first class is skipped*/

.game_play_container
{
	width:92%;
	margin:auto;
}

.game_play_container_top
{
	height:210px;
	margin-bottom:4px;
	position:relative;
}

div.game_play_container_middle
{
	height:50px;
	margin-bottom:4px;
	width:100%;
}

.game_play_container_bottom
{
    height:190px;
    width:100%;   
    position:relative;
}

.bottom_container_buttons
{
    position:absolute;
    bottom:0;
    width:100%;
}

.question_text_container
{
	border:solid 1px white;
	
	-webkit-border-radius:.333em;
	-moz-border-radius:.333em;
	border-radius:.333em;		
	
	position:absolute;
	
	z-index:1;

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;			
}

.question_text
{
	width:100%;
	height:100%;
	font-size:1.25em;
	color:White;
	padding:.333em;
	border: solid 1px #9F4C4F;

	overflow:auto;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;		
	
	-webkit-border-radius:.333em;
	-moz-border-radius:.333em;
	border-radius:.333em;		
	
	background: rgb(89,89,89); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(89,89,89,.85) 0%, rgba(76,76,76,.85) 4%, rgba(44,44,44,.85) 35%, rgba(0,0,0,.85) 62%, rgba(28,28,28,.85) 91%, rgba(19,19,19,.85) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(89,89,89,.85)), color-stop(4%,rgba(76,76,76,.85)), color-stop(35%,rgba(44,44,44,.85)), color-stop(62%,rgba(0,0,0,.85)), color-stop(91%,rgba(28,28,28,.85)), color-stop(100%,rgba(19,19,19,.85))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(89,89,89,.85) 0%,rgba(76,76,76,.85) 4%,rgba(44,44,44,.85) 35%,rgba(0,0,0,.85) 62%,rgba(28,28,28,.85) 91%,rgba(19,19,19,.85) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(89,89,89,.85) 0%,rgba(76,76,76,.85) 4%,rgba(44,44,44,.85) 35%,rgba(0,0,0,.85) 62%,rgba(28,28,28,.85) 91%,rgba(19,19,19,.85) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(89,89,89,.85) 0%,rgba(76,76,76,.85) 4%,rgba(44,44,44,.85) 35%,rgba(0,0,0,.85) 62%,rgba(28,28,28,.85) 91%,rgba(19,19,19,.85) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(89,89,89,.85) 0%,rgba(76,76,76,.85) 4%,rgba(44,44,44,.85) 35%,rgba(0,0,0,.85) 62%,rgba(28,28,28,.85) 91%,rgba(19,19,19,.85) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959', endColorstr='#131313',GradientType=0 ); /* IE6-9 */

}

.mark_container
{
	position:absolute;
	z-index:999;
	overflow:hidden;
}

.mark_correct
{
	width:121px;
	height:96px;
	background-image:url(common/images/marks/mark_correct.png);
	position:absolute;
}

.mark_incorrect
{
	width:51px;
	height:52px;
	background-image:url(common/images/marks/mark_incorrect.png);
	position:absolute;
}

.level_label_container, .question_text_container, .mark_container
{
	/*width:600px;*/
	width:85%;
	height:100%;
}

.level_label_container
{
    float:left;	
    background:black;
}

.level_label
{
	color:white;
	font-size:6em;
	text-align:center;
	text-transform:lowercase;
	/*line-height:210px;*/
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;			
}

div.level_container
{
	/*width:100px;*/
	width:15%;
	height:100%;    
	float:left;
	
	border:solid 1px white;
	margin:0;
	padding:0;		
	
	overflow:hidden;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
	
	-webkit-border-radius:.333em;
	-moz-border-radius:.333em;
	border-radius:.333em;			

	background: rgb(89,89,89); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(89,89,89,1) 0%, rgba(76,76,76,1) 4%, rgba(44,44,44,1) 35%, rgba(0,0,0,1) 62%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(89,89,89,1)), color-stop(4%,rgba(76,76,76,1)), color-stop(35%,rgba(44,44,44,1)), color-stop(62%,rgba(0,0,0,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(89,89,89,1) 0%,rgba(76,76,76,1) 4%,rgba(44,44,44,1) 35%,rgba(0,0,0,1) 62%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(89,89,89,1) 0%,rgba(76,76,76,1) 4%,rgba(44,44,44,1) 35%,rgba(0,0,0,1) 62%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(89,89,89,1) 0%,rgba(76,76,76,1) 4%,rgba(44,44,44,1) 35%,rgba(0,0,0,1) 62%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(89,89,89,1) 0%,rgba(76,76,76,1) 4%,rgba(44,44,44,1) 35%,rgba(0,0,0,1) 62%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959', endColorstr='#131313',GradientType=0 ); /* IE6-9 */		
}

div.level_container_label
{
    text-align:center;
    color:White;
    font-size:1.35em;
    letter-spacing:.15em;
    border-bottom:solid 1px #adadad;
    height:10%;
}

ul.level_list
{
    list-style:none;
	/*border:solid 1px white;
	*/
	margin:0;
	padding:0;
	width:100%;
	height:90%;
	/*height:100%;*/
	/*
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;	

	-webkit-border-radius:4px;
	-moz-border-radius:4p;
	border-radius:4px;	*/
	
}

ul.level_list li.level_item
{
    padding:.25em .5em;
    border:1px solid #4F4F4F;
    font-size:1em;
    color:white;
    width:100%;
    background:rgba(0,0,0,.50);

	-webkit-border-radius:.333em;
	-moz-border-radius:.333em;
	border-radius:.333em;	
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;		    
}

ul.level_list li.level_item_selected
{
    font-weight:700;
    color:#FFEF8B;
    border:1px solid yellow;
}

ul.level_list li.level_item .level_item_label
{
    float:left;   
    padding-right:.333em;
    border-right:solid 1px #4F4F4F;
}

ul.level_list li.level_item .level_item_points
{
    float:right;
    /*width:40%;*/
}

div.helper_container_askButtons
{
	border:solid 1px white;
	
	width:85%;
	/*margin-right:10px;*/
	height:100%;
	float:left;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;	

	-webkit-border-radius:.333em 0 .333em 0;
	-moz-border-radius:.333em 0 .333em 0;
	border-radius:.333em 0 .333em 0;
		
	background: rgb(76,76,76); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(63,63,63,.60) 0%, rgba(0,0,0,.60) 62%, rgba(19,19,19,.60) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(63,63,63,.60)), color-stop(62%,rgba(0,0,0,.60)), color-stop(100%,rgba(19,19,19,.60))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(63,63,63,.60) 0%,rgba(0,0,0,.60) 62%,rgba(19,19,19,.60) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(63,63,63,.60) 0%,rgba(0,0,0,.60) 62%,rgba(19,19,19,.60) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(63,63,63,.60) 0%,rgba(0,0,0,.60) 62%,rgba(19,19,19,.60) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(63,63,63,.60) 0%,rgba(0,0,0,.60) 62%,rgba(19,19,19,.60) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */

}

div.helper_container_ask
{
	color:White;
	font-size:2.3em;
	letter-spacing:.15em;
	margin-left:.2em;
	width:13%;
	float:left;
}

a.helper_container_ask_button, a.helper_container_ask_button:link, a.helper_container_ask_button:visited
{
	text-align:center;
	float:right;
	margin:0 .4em;
	background:rgba(255, 78, 78, 0.22);
	padding:.333em;
	width:26%;
	color:White;
}

a.helper_container_ask_button:hover
{
    color: #FFFDC5;
}

div.points_container
{
	border:solid 1px white;
	width:15%;
	height:100%;
	float:left;
	background: rgb(76,76,76); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(63,63,63,.60) 0%, rgba(0,0,0,.60) 62%, rgba(19,19,19,.60) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(63,63,63,.60)), color-stop(62%,rgba(0,0,0,.60)), color-stop(100%,rgba(19,19,19,.60))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(63,63,63,.60) 0%,rgba(0,0,0,.60) 62%,rgba(19,19,19,.60) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(63,63,63,.60) 0%,rgba(0,0,0,.60) 62%,rgba(19,19,19,.60) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(63,63,63,.60) 0%,rgba(0,0,0,.60) 62%,rgba(19,19,19,.60) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(63,63,63,.60) 0%,rgba(0,0,0,.60) 62%,rgba(19,19,19,.60) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;	

	-webkit-border-radius:.333em 0 .333em 0;
	-moz-border-radius:.333em 0 .333em 0;
	border-radius:.333em 0 .333em 0;
		
	/*background-color:#A75F5F;*/
	text-align:center;
}

div.points_header
{
    color:#ff6;
    letter-spacing:.2em;
    text-transform:uppercase;
    border-bottom:solid 1px white;
    font-size:1em;
}

div.points_label
{
    font-size:1.6em;
    letter-spacing:.2em;
}

.answer_row
{
	height:95px;
	margin-bottom:.17em;
}

a.answer_button, a.answer_button:link, a.answer_button:visited
{
    position:absolute;
    font-size:1.35em;
	height:49%;
	width:49%;
	display:block;
	
	margin:0;
	border-width:2px;
	
	-webkit-border-radius:.67em;
	-moz-border-radius:.67em;
	border-radius:.67em;	
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;		
	
    background: #232323; /* Old browsers */
    background: -moz-linear-gradient(top,  #232323 0%, #595757 5%, #090909 15%, #1a1a1a 75%, #202020 85%, #3e3c3c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#232323), color-stop(5%,#595757), color-stop(15%,#090909), color-stop(75%,#1a1a1a), color-stop(85%,#202020), color-stop(100%,#3e3c3c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #232323 0%,#595757 5%,#090909 15%,#1a1a1a 75%,#202020 85%,#3e3c3c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #232323 0%,#595757 5%,#090909 15%,#1a1a1a 75%,#202020 85%,#3e3c3c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #232323 0%,#595757 5%,#090909 15%,#1a1a1a 75%,#202020 85%,#3e3c3c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #232323 0%,#595757 5%,#090909 15%,#1a1a1a 75%,#202020 85%,#3e3c3c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232323', endColorstr='#3e3c3c',GradientType=0 ); /* IE6-9 */
    
	/*border-color: #EADF4F;
	box-shadow: 2px 1px 1px #CCA753;*/
}

a.answer_button:hover
{
	/*border-color: #EADF4F;*/
	border-color: #fff;
	
	-moz-box-shadow: 0 0 .5em .167em #fff;
	-webkit-box-shadow: 0 0 .5em .167em #fff;
	box-shadow: 0 0 .5em .167em #fff;
}

a#answer_button_1
{
    top:0;
    left:0;   
}

a#answer_button_2
{
    top:0;
    right:0;   
}

a#answer_button_3
{
    bottom:0;
    left:0;   
}

a#answer_button_4
{
    bottom:0;
    right:0;   
}

a.answer_button_disabled, a.answer_button_disabled:link, a.answer_disabled:hover, a.answer_disabled:visited,
a.answer_button_paused, a.answer_button_paused:link, a.answer_button_paused:hover, a.answer_button_paused:visited,
a.ask_button_disabled,a.ask_button_disabled:link,a.ask_button_disabled:visited,a.ask_button_disabled:hover,
a.ask_button_paused,a.ask_button_paused:link,a.ask_button_paused:visited,a.ask_button_paused:hover,
a.reset_button_disabled,a.reset_button_disabled:link,a.reset_button_disabled:visited,a.reset_button_disabled:hover,
a.submit_score_button_disabled,a.submit_score_button_disabled:link,a.submit_score_button_disabled:visited,a.submit_score_button_disabled:hover,
a.next_level_button_disabled,a.next_level_button_disabled:link,a.next_level_button_disabled:visited,a.next_level_button_disabled:hover,
a.game_done_button_disabled,a.game_done_button_disabled:link,a.game_done_button_disabled:visited,a.game_done_button_disabled:hover
{
    border:1px solid #D6D6D6;
    color:#D6D6D6;
    box-shadow:none;
    cursor:default;
    text-decoration:line-through;
    
	filter: alpha(opacity=70);
	opacity:.70;
	-moz-opacity:.70;
	-khtml-opacity:.70;
}

.game_scene .bottom_container_buttons .gameButton
{
    margin: 0 .5em;
    width:18%;
    text-align:center;	
}

.game_scene a.game_reset_button
{
    float:left;
}

.game_scene a.submit_score_button, .game_scene a.next_level_button, .game_scene a.game_done_button
{
    float:right;
}

.game_scene a.submit_score_button_hide, .game_scene a.next_level_button_hide, .game_scene a.reset_button_hide, .game_scene a.game_done_button_hide
{
    display:none;
}

a.reset_button_disabled,a.reset_button_disabled:link,a.reset_button_disabled:visited,a.reset_button_disabled:hover,
a.submit_score_button_disabled,a.submit_score_button_disabled:link,a.submit_score_button_disabled:visited,a.submit_score_button_disabled:hover,
a.next_level_button_disabled,a.next_level_button_disabled:link,a.next_level_button_disabled:visited,a.next_level_button_disabled:hover,
a.game_done_button_disabled,a.game_done_button_disabled:link,a.game_done_button_disabled:visited,a.game_done_button_disabled:hover
{
    text-decoration:none;
}

a.ask_button_paused,a.ask_button_paused:link,a.ask_button_paused:visited,a.ask_button_paused:hover,
a.answer_button_paused, a.answer_button_paused:link, a.answer_button_paused:hover, a.answer_button_paused:visited
{
    text-decoration:none;
}

a.answer_button_selected,a.answer_button_selected:link,a.answer_button_selected:visited,a.answer_button_selected:hover
{
	/*border-color: #EADF4F;*/
	border-color: #FCF899;
	border-width:2px;
	color:#fff848;
	/*box-shadow: 2px 2px 18px #CCA753;*/
	
	-moz-box-shadow: 0 0 8px 2px #FFFFFF;
	-webkit-box-shadow: 0 0 8px 2px #FFFFFF;
	box-shadow: 0 0 8px 2px #FFFFFF;
	
	filter: alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;
	-khtml-opacity: 1;
	
}

a.answer_button_correct,a.answer_button_correct:link,a.answer_button_correct:visited,answer_button_correct:hover
{
		border-color: #FFEE69;
}

a.answer_button_incorrect,a.answer_button_incorrect:link,a.answer_button_incorrect:visited,answer_button_incorrect:hover
{
		border-color: #FF0000;
}

@keyframes button_hint_left
{
    0%   {border-color: #EEC4C4}
    50%  {border-color: #FFF682;box-shadow: -.25em 0 .67em .08em rgba(255,255,255,.85);}
    100% {border-color: #EEC4C4;}
}

@-webkit-keyframes button_hint_left /* Safari and Chrome */
{
    0%   {border-color: #EEC4C4}
    50%  {border-color: #FFF682;box-shadow: -.25em 0 .67em .08em rgba(255,255,255,.85);}
    100% {border-color: #EEC4C4;}
}

@-ms-keyframes button_hint_left /* Safari and Chrome */
{
    0%   {border-color: #EEC4C4}
    50%  {border-color: #FFF682;box-shadow: -.25em 0 .67em .08em rgba(255,255,255,.85);}
    100% {border-color: #EEC4C4;}
}

a.action_hint_button_left, a.action_hint_button_left:link, a.action_hint_button_left:visited, a.action_hint_button_left:hover
{
    animation-name: button_hint_left;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    -webkit-animation-name: button_hint_left; 
	-webkit-animation-duration: 3000ms; /* 10 seconds */
	-webkit-animation-iteration-count: infinite; 
	-webkit-animation-timing-function: linear;
			
	-moz-animation-name: button_hint_left; 
	-moz-animation-duration: 3000ms; /* 10 seconds */
	-moz-animation-iteration-count: infinite; 
	-moz-animation-timing-function: linear;
	
	-ms-animation-name: button_hint_left; 
	-ms-animation-duration: 3000ms; /* 10 seconds */
	-ms-animation-iteration-count: infinite; 
	-ms-animation-timing-function: linear;
}

@keyframes button_hint_center
{
    0%   {border-color: #EEC4C4}
    50%  {border-color: #FFF682;box-shadow: 0 0 .67em .08em rgba(255,255,255,.85);}
    100% {border-color: #EEC4C4;}
}

@-webkit-keyframes button_hint_center /* Safari and Chrome */
{
    0%   {border-color: #EEC4C4}
    50%  {border-color: #FFF682;box-shadow: 0 0 .67em .08em rgba(255,255,255,.85);}
    100% {border-color: #EEC4C4;}
}

@-ms-keyframes button_hint_center /* Safari and Chrome */
{
    0%   {border-color: #EEC4C4}
    50%  {border-color: #FFF682;box-shadow: 0 0 .67em .08em rgba(255,255,255,.85);}
    100% {border-color: #EEC4C4;}
}

a.action_hint_button_center, a.action_hint_button_center:link, a.action_hint_button_center:visited, a.action_hint_button_center:hover
{
    animation-name: button_hint_center;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    -webkit-animation-name: button_hint_center; 
	-webkit-animation-duration: 3000ms; /* 10 seconds */
	-webkit-animation-iteration-count: infinite; 
	-webkit-animation-timing-function: linear;
			
	-moz-animation-name: button_hint_center; 
	-moz-animation-duration: 3000ms; /* 10 seconds */
	-moz-animation-iteration-count: infinite; 
	-moz-animation-timing-function: linear;
	
	-ms-animation-name: button_hint_center; 
	-ms-animation-duration: 3000ms; /* 10 seconds */
	-ms-animation-iteration-count: infinite; 
	-ms-animation-timing-function: linear;
}


@keyframes button_hint_right
{
    0%   {border-color: #EEC4C4}
    50%  {border-color: #FFF682;box-shadow: .25em 0 .67em .08em rgba(255,255,255,.85);}
    100% {border-color: #EEC4C4;}
}

@-webkit-keyframes button_hint_right /* Safari and Chrome */
{
    0%   {border-color: #EEC4C4}
    50%  {border-color: #FFF682;box-shadow: .25em 0 .67em .08em rgba(255,255,255,.85);}
    100% {border-color: #EEC4C4;}
}

@-ms-keyframes button_hint_right 
{
    0%   {border-color: #EEC4C4}
    50%  {border-color: #FFF682;box-shadow: .25em 0 .67em .08em rgba(255,255,255,.85);}
    100% {border-color: #EEC4C4;}    
}

a.action_hint_button_right, a.action_hint_button_right:link, a.action_hint_button_right:visited, a.action_hint_button_right:hover
{
    animation-name: button_hint_right;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    -webkit-animation-name: button_hint_right; 
	-webkit-animation-duration: 3000ms; /* 10 seconds */
	-webkit-animation-iteration-count: infinite; 
	-webkit-animation-timing-function: linear;
			
	-moz-animation-name: button_hint_right; 
	-moz-animation-duration: 3000ms; /* 10 seconds */
	-moz-animation-iteration-count: infinite; 
	-moz-animation-timing-function: linear;
	
	-ms-animation-name: button_hint_right; 
	-ms-animation-duration: 3000ms; /* 10 seconds */
	-ms-animation-iteration-count: infinite; 
	-ms-animation-timing-function: linear;
}


/*--- End File ---*/