* {
    margin:		0;
    padding:	0;
}
html, body {
	height: 100%;
}
body {
	color: #000000;
	direction: ltr;
	font-family: Helvetica, arial, sans-serif;
	font-size: 24px;
	text-align: left;
	line-height: 28px;
	
	background: #000;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
body.ru {
	font-size: 23px;
}

.wrap {
	width:		980px;
	margin:		0 auto 0;
	position:	relative;
}

.clear {
	clear: both;
}

img {
	border: 0;
	vertical-align: top;
}

a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.hidden {
	display: none;
}



/*
	Table
*/
table td.right {
	text-align: right;
}
table td.center {
	text-align: center;
}



/*
	Border
*/
.border {
	width: 980px;
	height: 17px;
	
	background-color:	transparent;
	background-image:	url(images/border.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 29000;
}
.border.bottom {
	width: 980px;
	height: 17px;
	
	background-position:	0 bottom;
	top: auto;
	left: 0;
	bottom: 0;
}
.border.left {
	width: 20px;
	height: 640px;
	
	background-position:	0 0;
	top: 0;
	left: 0;
}
.border.right {
	width: 21px;
	height: 640px;
	
	background-position:	right 0;
	
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
}

/*
	Splash screen
*/
#splash {
	width: 980px;
	height: 640px;
	
	background-color: #000000;
	background-image:	url(images/splash_bg.jpg);
	background-repeat:	no-repeat;
	background-position:	0 bottom;
	
	position: relative;
	z-index: 1;
}
#splash h1 {
	padding-top: 20px;
	
	color: #ffffff;
	font-size: 50px;
	text-align: center;
	line-height: 1em;
}
#splash .logos {
	width: 980px;
	height: 120px;
	
	position: absolute;
	bottom: 0;
	left: 0;
}
#splash .logos img {
	display: block;
	margin: 0 auto;
	width: 920px;
}
#splash .enter {
	margin-top: 150px;
	margin-right: 30px;
	text-align:right;
}
#splash .flags {
	margin-top:20px;
	margin-right: 70px;
	text-align:right;
}
#splash .info {
	margin-top:20px;
	margin-right: 70px;
	text-align:right;
}
#starts_button {
	margin: 200px 0 0 700px;
}
#preload_data {
	display: none;
}

/*
	Desktop
*/
#desktop {
	display: none;
	width: 980px;
	height: 640px;
	
	background-color: #f4f4f4;
	background-image:	url(images/desktop_bg.jpg);
	background-repeat:	no-repeat;
	background-position:	0 bottom;
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	
	overflow: hidden;
}
#desktop .footer {
	width: 980px;
	height: 165px;

	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 110;
}
#desktop .footer .user {
	float: left;
	width: 480px;
	margin-left: 27px;
}
#desktop .footer .user .avatar {
	float: left;
	position: relative;
	z-index: 130;
}
#desktop .footer .user .name {
	float: left;
	display:inline-block;
	width: 340px;
	font-size: 35px;
	line-height: 27px;
	margin-top: 75px;
	margin-left: 10px;
	vertical-align: top;
}
#desktop .footer .progress {
	float: left;
	display: inline-block;
	width: 340px;
	margin-top: 10px;
	margin-left: 10px;
	
	font-size: 20px;
	text-align: left;
	line-height: 26px;
}
#desktop .footer .progress span {
	margin-right: 20px;
}
#desktop .footer .buttons {
	float: right;
	margin-top: 58px;
	margin-right: 40px;
}
#desktop .fbutton {
	width: 10px;
	height: 92px;
	margin: 0 15px;
	display:inline-block;
	
	background-image:	url(images/footer_images.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	cursor: pointer;
}
#desktop .fbutton.help {
	width: 53px;
	background-position:	0 0;
}
#desktop .fbutton.score {
	width: 86px;
	background-position:	-53px 0;
}
#desktop .fbutton.code {
	width: 78px;
	background-position:	-139px 0;
}
#desktop .fbutton.lasteabi {
	width: 68px;
	background-position:	-217px 0;
}
/*
	Game icons
*/
#desktop .games {
	margin: 30px;
	position: relative;
	z-index: 109;
	text-align: center;
}
.gamelink {
	width: 130px;
	margin: 20px 40px;
	display:inline-block;
	vertical-align: top;
	
	cursor: pointer;
}
.games.score .gamelink {
	width: 280px;
	margin: 5px 60px;
	display:inline-block;
	vertical-align: top;
	
	cursor: auto;
}
.gamelink .icon {
	float: left;
	width: 110px;
	height: 105px;
	margin: 0 10px;
	display:inline-block;
	
	background-image:	url(images/game_icons.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
}
.gamelink .score {
	float: left;
	width: 110px;
	margin: 25px 10px 0 30px;
	display:inline-block;
}
.gamelink .score span {
	font-size: 20px;
}
.gamelink .name {
	width: 130px;
	display:inline-block;
	
	color: #ffffff;
	text-align: center;
	font-size: 18px;
	line-height: 21px;
	
	visibility: hidden;
}
.gamelink:hover {
	text-decoration: none; /* ff3.6 needs this */
}
.gamelink:hover .name {
	visibility: visible;
}
.games.score .gamelink .name {
	visibility: visible;
	width: 280px;
	text-align: left;
	color: #000000;
}
.gamelink.g1 .icon { background-position:	-550px 0;}
.gamelink.g2 .icon { background-position:	-110px 0;}
.gamelink.g3 .icon { background-position:	-220px 0;}
.gamelink.g4 .icon { background-position:	-330px 0;}
.gamelink.g5 .icon { background-position:	-440px 0;}
.gamelink.g6 .icon { background-position:	0 0;}
.gamelink.g1.done .icon { background-position:	-550px -105px;}
.gamelink.g2.done .icon { background-position:	-110px -105px;}
.gamelink.g3.done .icon { background-position:	-220px -105px;}
.gamelink.g4.done .icon { background-position:	-330px -105px;}
.gamelink.g5.done .icon { background-position:	-440px -105px;}
.gamelink.g6.done .icon { background-position:	0 -105px;}

#desktop .close {
	display: inline-block;
	width: 44px;
	height: 52px;
	
	background-color: transparent;
	background-image:	url(images/modal_close.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	overflow: hidden;
	text-indent: -9999px;
	
	cursor: pointer;
	
	position: absolute;
	top: 16px;
	right: 20px;
	z-index: 110;
}

#desktop_snail {
	display: block;
	width: 105px;
	height: 76px;
	
	background-color: transparent;
	background-image:	url(images/snail_small.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	overflow: hidden;
	text-indent: -9999px;
	
	position: absolute;
	bottom: 109px;
	right: -110px;
	z-index: 120;
}
#desktop_snail.big {
	width: 150px;
	height: 248px;
	background-image:	url(images/snail_big.png);
	
	padding: 150px 26px 0 345px;
	
	font-size: 27px;
	line-height: 27px;
	text-align: center;
	text-indent: 0px;
}

.desktop_bird {
	display: block;
	width: 47px;
	height: 31px;
	
	background-color: transparent;
	background-image:	url(images/birds.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	overflow: hidden;
	text-indent: -9999px;
	
	position: absolute;
	top: 50px;
	left: -100px;
	z-index: 101;
}
.desktop_bird.bird1 {	background-position:	0 0;}
.desktop_bird.bird2 {	background-position:	0 -31px;}
.desktop_bird.bird3 {	background-position:	0 -62px;}
.desktop_bird.bird4 {	background-position:	0 -93px;}
.desktop_bird.bird5 {	background-position:	0 -124px;}
.desktop_bird.bird6 {	background-position:	0 -155px;}
.desktop_bird.bird7 {	background-position:	0 -186px;}



/*
	Modal
*/
#modal {
	width: 980px;
	height: 640px;
	width: 895px;
	height: 560px;
	padding: 40px 45px 40px 40px;
	display: none;
	
	background-color: rgba(0, 0, 0, 0.5);
	background-image:	url(images/modal_bg.png);
	background-repeat:	no-repeat;
	background-position:	40px 40px;
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20000;
}
#modal .header {
	margin: 20px 80px 20px 30px;
	height: 32px;
	
	color: #ffffff;
	font-size: 30px;
	line-height: 32px;
}
#modal .close {
	display: inline-block;
	width: 44px;
	height: 52px;
	
	background-color: transparent;
	background-image:	url(images/modal_close.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	overflow: hidden;
	text-indent: -9999px;
	
	cursor: pointer;
	
	position: absolute;
	top: 48px;
	right: 55px;
}
#modal .body {
	margin: 40px 30px 20px;
	max-height: 450px;
	
	color: #000000;
	font-size: 24px;
	line-height: 28px;
	overflow: auto;
}
#modal .formatted_text {
	font-size: 17px;
	line-height: 20px;
}
#modal .formatted_text p {
	margin: 17px 0;
}
#modal .formatted_text table {
	margin: 17px 0;
}
#modal .formatted_text table td {
	padding-right: 20px;
}



/*
	Modal mini
*/
#modal_mini {
	width: 650px;
	height: 350px;
	display: none;

	padding: 140px 165px 150px;
	
	background: rgba(0, 0, 0, 0.5);
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 25000;
}
#modal_mini_wrap {
	width: 650px;	/*980px;*/
	height: 350px;	/*640px;*/
	position: relative;
}
#modal_mini .close {
	display: inline-block;
	width: 44px;
	height: 52px;
	
	background-color: transparent;
	background-image:	url(images/modal_close.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	overflow: hidden;
	text-indent: -9999px;
	
	cursor: pointer;
	
	position: absolute;
	top: 8px;
	right: 15px;
}
#modal_mini .body {
	width: 590px;
	height: 260px;
	padding: 70px 30px 20px;
	
	background-color: transparent;
	background-image:	url(images/modal_mini_bg.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	color: #000000;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	
	position: absolute;
	top: 0;
	left: 0;
}
#modal_mini .button {
	width: 590px;
	margin: 0 auto;
	padding: 0 30px;
	
	text-align: center;
	
	position: absolute;
	bottom: 20px;
	left: 0;
}
#modal_mini.multiple .button {
	display: none;
}
/* Yes/No */
#modal_mini .yesno {
	display: none;
	width: 100%;
	padding: 0 30px;
	
	text-align: center;
	
	position: absolute;
	bottom: 20px;
	left: 0;
}
#modal_mini.multiple .yesno {
	display: table;
}
#modal_mini .yesno td.right{
	width: 50%;
	padding-right: 30px;
}
#modal_mini .yesno td.left{
	width: 50%;
	padding-left: 30px;
}
#modal_mini .yesno td input{
	min-width: 200px;
}


/*
	Elements
*/
input {
    height: 48px;
    padding: 0 20px;

	background: #ffffff;
	
	border: 5px solid #0e50d5;
    border-radius: 35px 24px 42px 38px / 33px 22px 26px 19px;
    -moz-border-radius: 35px 24px 42px 38px / 33px 22px 26px 19px;
    -webkit-border-radius: 35px 24px 42px 38px / 33px 22px 26px 19px;

    color: #000000;
    font-size:32px;
    line-height: 48px;
	outline: none;
}
input[type="checkbox"] {
    height: auto;
    padding: 0;

	background: #ffffff;
	
	border: 5px solid #0e50d5;
    border-radius: 35px 24px 42px 38px / 33px 22px 26px 19px;
    -moz-border-radius: 35px 24px 42px 38px / 33px 22px 26px 19px;
    -webkit-border-radius: 35px 24px 42px 38px / 33px 22px 26px 19px;

    color: #000000;
    font-size: 10px;
    line-height: 12px;
	outline: none;
}
button, input[type="reset"], input[type="button"], input[type="submit"] {
	height: 58px;
	cursor: pointer;

	background-color: #3b7ee5;
	background-image:	url(images/input_bg.gif);
	background-repeat:	repeat-x;
	background-position:	0 -100px;
	
	border: 5px solid #000000;
	
	color: #ffffff;
}
input:focus,
input:hover {
}
button:active, input[type="reset"]:active, input[type="button"]:active, input[type="submit"]:active {
	background-color: #163e86;
	background-position:	0 -200px;
	
	border: 5px solid #000000;
}
button:disabled, input[type="reset"]:disabled, input[type="button"]:disabled, input[type="submit"]:disabled {
	background-color: #a6a6a6;
	background-position:	0 0;
	
	border: 5px solid #898989;
}


/*
	Autocomplete
*/
.ui-autocomplete-input
{
	min-width: 100px;
	padding: 0 0 0 20px;
	
	border-right: 0;
    border-radius: 35px 0 0 38px / 33px 0 0 19px;
    -moz-border-radius: 35px 0 0 38px / 33px 0 0 19px;
    -webkit-border-radius: 35px 0 0 38px / 33px 0 0 19px;
	
	vertical-align: top;
	cursor: pointer;
}
.ui-button
{
    height: 58px;
    padding: 0 20px;

	background: #ffffff;
	background-image: url(./images/select_bg.gif);
	background-repeat: no-repeat;
	background-position: 21px 15px;
	
	border: 5px solid #0e50d5;
	border-left: 0;
    border-radius: 0 24px 42px 0 / 0 22px 26px 0;
    -moz-border-radius: 0 24px 42px 0 / 0 22px 26px 0;
    -webkit-border-radius: 0 24px 42px 0 / 0 22px 26px 0;

    color: #000000;
    font-size:32px;
    line-height: 48px;
	outline: none;
	
	cursor: pointer;
}
.ui-button:active {
	background-color: #ffffff;
	background-position: 21px 15px;
	
	border: 5px solid #0e50d5;
	border-left: 0;
}
ul.ui-autocomplete
{
	float:left;
	max-height: 190px;
	overflow: auto;
	padding-right: 20px;
	margin-left: 25px;
	
	list-style: none;
	
	background: #ffffff;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	
	z-index: 22222 !important;
	
    color: #000000;
    font-size:20px;
    line-height: 36px;
}
ul.ui-autocomplete .ui-menu-item
{
	clear: left;
    float: left;
	width: 100%;
	padding-right: 20px;
	
	background: #ffffff;
	
	border-bottom: 1px solid #e3e3e3;
	
	cursor: pointer;
}
ul.ui-autocomplete .ui-menu-item:hover,
ul.ui-autocomplete .ui-menu-item .ui-state-hover
{
	background: #ededed;
}
ul.ui-autocomplete .ui-menu-item a
{
	display:block;
	width: 100%;
	padding: 5px 9px 6px;
	color: #212121;
}
ul.ui-autocomplete .ui-menu-item a:hover
{
	text-decoration: none;
}


/*
	Content
*/
/* Session select */
#session_select {
}
#session_select input {
	margin: 50px 20px;
}
/* Create session */
.create_session {
}
.create_session .question {
	padding: 90px 85px 20px;
	text-align: center;
	font-weight: normal;
}
.create_session .question h3 {
	text-align: center;
	font-weight: normal;
}
.create_session .question .buttons {
	padding: 70px 0;
	text-align: center;
	font-weight: normal;
}
.create_session .question .buttons input {
	padding: 0 30px;
	margin: 0 30px;
	width: 200px;
}
.create_session .avatars {
	padding: 10px 0 0;
}
.create_session table {
	width: 100%;
	padding: 0 20px 0 20px;
}
.create_session table.padleft {
	width: 100%;
	padding: 0 20px 0 70px;
}
.create_session table td {
	padding: 8px 10px;
}
.create_session table td .prettyCheckbox {
	display: inline-block;
	width: 245px;
	margin-left: 85px;
	vertical-align: top;
}
/* Gender */
.create_session.gender .question {
	float: left;
	width: 530px;
	padding: 90px 0px 20px;
}
.create_session.gender  .image {
	display: inline-block;
	float: right;
	width: 291px;
	height: 434px;
	
	background-color: transparent;
	background-image:	url(images/gender_images.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	cursor: pointer;
}
.create_session.gender.m  .image{ background-position: -0px -0px;}
.create_session.gender.f  .image{ background-position: -291px -0px;}
.create_session.gender.a  .image{ background-position: -582px -0px;}

/* Avatars */
.avatar {
	display: inline-block;
	width: 130px;
	height: 142px;
	
	background-color: transparent;
	background-image:	url(images/avatars.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	cursor: pointer;
}
.a_m1{ background-position: -0px -0px;}		.a_m2{ background-position: -135px -0px;}		.a_m3{ background-position: -270px -0px;}		.a_m4{ background-position: -405px -0px;}		.a_m5{ background-position: -540px -0px;}		.a_m6{ background-position: -675px -0px;}
.a_f1{ background-position: -0px -147px;}	.a_f2{ background-position: -135px -147px;}		.a_f3{ background-position: -270px -147px;}		.a_f4{ background-position: -405px -147px;}		.a_f5{ background-position: -540px -147px;}		.a_f6{ background-position: -675px -147px;}
.a_a1{ background-position: -0px -294px;}	.a_a2{ background-position: -135px -294px;}		.a_a3{ background-position: -270px -294px;}		.a_a4{ background-position: -405px -294px;}		.a_a5{ background-position: -540px -294px;}		.a_a6{ background-position: -675px -294px;}













/*
	Game common
*/
#game {
	display:none;
	width: 980px;
	height: 640px;
	
	background-color: transparent;
	background-image:	url(images/game_bg_overlay.png);
	background-repeat:	no-repeat;
	background-position:	0 bottom;
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3000;
	overflow: hidden;
}
#game .video {
	width: 640px;
	height: 360px;
	
	border: 2px solid #9e9e9e;
	
	position: absolute;
	top: 138px;
	left: 168px;
}
#game .header {
	margin: 29px 20px 20px 30px;
	padding: 0 60px 14px 3px;
	height: 32px;
	
	color: #a0a0a0;
	font-size: 28px;
	line-height: 28px;
	
	background-color: transparent;
	background-image:	url(images/game_header_bg.png);
	background-repeat:	no-repeat;
	background-position:	0 bottom;
}
#game .close {
	display: inline-block;
	width: 44px;
	height: 52px;
	
	background-color: transparent;
	background-image:	url(images/modal_close.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	overflow: hidden;
	text-indent: -9999px;
	
	cursor: pointer;
	
	position: absolute;
	top: 16px;
	right: 20px;
	z-index: 30000;
}

/*  */
#game .questions {
	display: none;
	width: 780px;
	height: 460px;
	padding: 90px 100px;
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3001;
}
#game .questions .question {
	font-size: 28px;
	padding: 10px 0 !important;
}
#game .questions table {
	width: 100%;
}
#game .questions td {
	padding: 20px 0 20px 0;
}
#game .questions .long td {
    padding: 5px 0 0;
}

/* Message */
#game_message,
#system_message {
	display: none;
	width: 980px;
	height: 640px;
	
	background: rgba(0, 0, 0, 0.5);
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3410;
}
#system_message {
	z-index: 25000;
}
#game_message .character,
#system_message .character {
	
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3500;
}
#game_message.nastix .character,
#system_message.nastix .character {
	width: 400px;
	height: 500px;
	
	background-color:	transparent;
	background-image:	url(images/characters.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
}
#game_message.nastix_good .character,
#system_message.nastix_good .character {
	width: 400px;
	height: 500px;
	
	background-color:	transparent;
	background-image:	url(images/characters.png);
	background-repeat:	no-repeat;
	background-position:	-400px 0;
}
#game_message.rat .character,
#system_message.rat .character {
	width: 400px;
	height: 500px;
	
	background-color:	transparent;
	background-image:	url(images/characters.png);
	background-repeat:	no-repeat;
	background-position:	-800px 0;
}
#game_message.nastix_phone .character,
#system_message.nastix_phone .character {
	width: 420px;
	height: 500px;
	
	background-color:	transparent;
	background-image:	url(images/characters.png);
	background-repeat:	no-repeat;
	background-position:	-1200px 0;
}
#game_message.nastix_paper .character,
#system_message.nastix_paper .character {
	width: 800px;
	height: 516px;
	
	background-color:	transparent;
	background-image:	url(images/characters.png);
	background-repeat:	no-repeat;
	background-position:	0 -500px;
}
#game_message.nastix_help .character,
#system_message.nastix_help .character {
	width: 800px;
	height: 516px;
	
	background-color:	transparent;
	background-image:	url(images/characters.png);
	background-repeat:	no-repeat;
	background-position:	-800px -500px;
}
#game_message .bubble,
#system_message .bubble {
	display: table;
	width: 579px;
	height: 321px;
	padding: 0;
	-webkit-margin-start: -1px;
	background-color:	transparent;
	background-image:	url(images/bubble.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	position: absolute;
	top: 54px;
	left: 224px;
	z-index: 3501;

    color: #000000;
    font-size: 28px;
    line-height: 35px;
	text-align: center;
}
#game_message.big .bubble,
#system_message.big .bubble {
	display: table;
	width: 600px;
	height: 487px;
	padding: 0;
	
	background-color:	transparent;
	background-image:	url(images/bubble.png);
	background-repeat:	no-repeat;
	background-position:	0 -321px;
}
#game_message.nastix_paper .bubble,
#system_message.nastix_paper .bubble {
	width: 330px;
	height: 300px;
	padding: 0;
	
	background:	transparent;
	
	top: 260px;
	left: 235px;
}
#game_message.nastix_help.big .bubble,
#system_message.nastix_help.big .bubble {
	left: 325px;
}
#game_message.none .bubble,
#system_message.none .bubble {
	display: none;
}
#game_message .message,
#system_message .message {
	display: table-cell;
	vertical-align: middle;
	padding: 25px 50px 150px;
}
#game_message.big .message,
#system_message.big .message {
	padding: 60px 25px 60px 105px;
}
#game_message .message .answer,
#system_message .message .answer {
	margin: 15px 0;
}
#game_message .message a,
#system_message .message a {
	color: #0000ff;
	cursor: pointer;
}



/*
	Game 1
*/
#game.g1{
	background-color: #dde097;
	z-index: 3000;
}
/* Border */
#game.g1 .game_border {
	width: 978px;
	height: 80px;
	
	background-color:	transparent;
	background-image:	url(images/g1/game_border.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3900;
}
#game.g1 .game_border.bottom {
	width: 980px;
	height: 80px;
	
	background-position:	0 bottom;
	left: 0;
	bottom: 0;
}
#game.g1 .game_border.left {
	width: 60px;
	height: 640px;
	
	background-position:	0 bottom;
	bottom: 0;
	left: 0;
}
#game.g1 .game_border.right {
	width: 60px;
	height: 640px;
	
	background-position:	right bottom;
	
	position: absolute;
	bottom: 0;
	left: auto;
	right: 0;
}

#g1_screen {
	display: none;
	width: 435px;
	height: 201px;
	padding: 180px 75px 140px 110px;
	
	background-color:	transparent;
	background-image:	url(images/g1/screen.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	position: absolute;
	top: 87px;
	left: 174px;
	z-index: 3010;
}

#g1_screen label {
	display:block;
	width: 280px;
    padding: 0;
	margin-top: 5px;

    color: #000000;
    font-size: 28px;
    line-height: 35px;
	outline: none;
}

#g1_screen input[type="password"] {
	width: 280px;
    height: 45px;
    padding: 0 10px;
	margin-right: 10px;

	background: #ffffff !important;
	
	border: 3px solid #cbcbcb;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;

    color: #000000;
    font-size:32px;
    line-height: 45px;
	outline: none;
	
	vertical-align: top;
}

/* Minigame */
#g1_minigame {
	display: none;
	width: 690px;
	height: 360px;
	margin: 120px 145px 160px;
	
	background-color:	transparent;
	background-image:	url(images/g1/wall.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3001;
}
#g1_minigame .info {
	display:inline-block;
	width: 690px;
	
	color: #979797;
	font-size: 23px;
	text-align: center;
	
	position: absolute;
	top: -30px;
	z-index: 3002;
}
#g1_minigame .password {
	display:inline-block;
	width: 223px;
	height: 103px;
	padding-top: 80px;
	
	text-align: center;
	cursor: pointer;
	
	position: absolute;
}
#g1_minigame .password.pw1 { top: 10px; left: 95px;}
#g1_minigame .password.pw2 { top: -2px; left: 370px;}
#g1_minigame .password.pw3 { top: 130px; left: 70px;}
#g1_minigame .password.pw4 { top: 130px; left: 370px;height: 118px;padding-top: 65px;}
#g1_minigame .password.selected {
	display:inline-block;
	width: 223px;
	height: 103px;
	padding-top: 80px;
	
	background-color:	transparent;
	background-image:	url(images/g1/minigame.png);
	background-repeat:	no-repeat;
	background-position:	-712px 0;
	
	
	overflow: hidden;
	text-indent: -9999px;
	cursor: default;
}
#g1_minigame_char {
	display:inline-block;
	width: 356px;
	height: 260px;
	
	background-color:	transparent;
	background-image:	url(images/g1/minigame.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	cursor: normal;
	
	position: absolute;
	bottom: -160px;
	left: 190px;
}
#g1_minigame_char.throw {
	background-position:	-356px 0;
}
#g1_minigame_ammo {
	position: absolute;
	bottom: -70px;
	left: 30px;
	
	font-size: 25px;
	line-height: 41px;
}
#g1_minigame_ammo .icon {
	display: block;
	float: left;
	width: 50px;
	height: 41px;
	margin-left: 10px;
	margin-right: 10px;
	
	background-color:	transparent;
	background-image:	url(images/g1/minigame.png);
	background-repeat:	no-repeat;
	background-position:	-712px -183px;
}
#g1_minigame_ammo .text {
	float: left;
}






/*
	Game 2
*/
#game.g2{
	background-color: #db9a9c;
	z-index: 3000;
}
/* Border */
#game.g2 .game_border {
	width: 980px;
	height: 75px;
	
	background-color:	transparent;
	background-image:	url(images/g2/game_border.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3900;
}
#game.g2 .game_border.bottom {
	width: 980px;
	height: 75px;
	
	background-position:	0 bottom;
	left: 0;
	bottom: 0;
}
#game.g2 .game_border.left {
	width: 59px;
	height: 640px;
	
	background-position:	0 bottom;
	bottom: 0;
	left: 0;
}
#game.g2 .game_border.right {
	width: 66px;
	height: 640px;
	
	background-position:	right bottom;
	
	position: absolute;
	bottom: 0;
	left: auto;
	right: 0;
}

/* g2 minigame */
#g2_minigame_character {
	width: 420px;
	height: 500px;
	
	background-color:	transparent;
	background-image:	url(images/characters.png);
	background-repeat:	no-repeat;
	background-position:	-1200px 0;
	
	position: absolute;
	bottom: 0;
	left: -30px;
	left: 0;
	z-index: 3101;
}
#g2_minigame_waves {
	width: 131px;
	padding-bottom: 94px;
	
	background-color:	transparent;
	background-image:	url(images/g2/waves.png);
	background-repeat:	no-repeat;
	background-position:	0 bottom;
	
	font-size: 50px;
	text-align: right;
	line-height: 60px;
	
	position: absolute;
	bottom: 200px;
	left: 390px;
	z-index: 3102;
	
	text-indent: 9999px;
	overflow: hidden;
}
#g2_minigame_waves.text {
	text-indent: 0;
}
#g2_minigame_phone {
	width: 328px;
	height: 411px;
	padding: 115px 180px 130px 200px;
	
	background-color:	transparent;
	background-image:	url(images/g2/phone.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	position: absolute;
	top: 20px;
	left: 230px;
	z-index: 3103;
}
#g2_minigame_phone .screen {
	width: 308px;
	height: 391px;
	margin: 10px;
	position: relative;
}
#g2_minigame_phone .screen a {
	color: navy;
	text-decoration: underline;
	cursor: pointer;
}
#g2_minigame_phone .screen .actions {
	width: 308px;
	text-align: right;
	position: absolute;
	bottom: 0;
}

/* g2 minigame 2 */
#g2_minigame2 {
	width: 980px;
	height: 640px;
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3001;
}
#g2_minigame2 .info {
	display:inline-block;
	width: 980px;
	
	color: #979797;
	font-size: 23px;
	text-align: center;
	
	position: absolute;
	top: 90px;
	z-index: 3002;
}
#g2_minigame2_screen {
	width: 956px;
	height: 432px;
	
	background-color:	transparent;
	background-image:	url(images/g2/screen.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	position: absolute;
	bottom: 0;
	left: 2px;
	z-index: 3101;
}
#g2_minigame2_screen .bacteria {
	display: inline-block;
	
	background-color:	transparent;
	background-image:	url(images/g2/bacteria.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3102;
	
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
	
	cursor: pointer;
}
#g2_minigame2_screen .bacteria.b1 { width: 137px; height: 131px; background-position:	0 0; top: 50px; left: 600px; }
#g2_minigame2_screen .bacteria.b2 { width: 154px; height: 131px; background-position:	-137px 0; top: 175px; left: 168px; }
#g2_minigame2_screen .bacteria.b3 { width: 221px; height: 107px; background-position:	-291px 0; top: 185px; left: 575px; }
#g2_minigame2_screen .bacteria.b4 { width: 173px; height: 116px; background-position:	-512px 0; top: 165px; left: 375px; }
#g2_minigame2_screen .bacteria.b5 { width: 123px; height: 85px; background-position:	-685px 0; top: 60px; left: 380px; }
#g2_minigame2_screen .bacteria.b6 { width: 89px; height: 103px; background-position:	-808px 0; top: 30px; left: 510px; }
#g2_minigame2_screen .bacteria.b7 { width: 93px; height: 94px; background-position:	-897px 0; top: 80px; left: 275px; }
#g2_minigame2_screen .bacteria.selected {
	z-index: 3415;
}

#g2_minigame2_hand {
	width: 498px;
	height: 640px;
	
	background-color:	transparent;
	background-image:	url(images/g2/hand.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	position: absolute;
	top: -640px;
	left: 300px;
	z-index: 3102;
}
/* Message */
#g2_minigame2_message {
	display: none;
	width: 980px;
	height: 640px;
	
	background: rgba(0, 0, 0, 0.5);
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3410;
}
#g2_minigame2_bubble {
	display: table;
	width: 619px;
	height: 317px;
	xpadding: 70px 70px 90px 70px;
	
	background-color:	transparent;
	background-image:	url(images/bubble.png);
	background-repeat:	no-repeat;
	background-position:	-600px 0;
	
	position: absolute;
	top: 45px;
	left: 180px;
	z-index: 3420;
}
#g2_minigame2_bubble  .message {
	display: table-cell;
	padding: 70px 70px 90px 70px;
	vertical-align: middle;
	text-align: center;
}




/*
	Game 3
*/
#game.g3{
	background-color: #9a9be0;
	z-index: 3000;
}
/* Border */
#game.g3 .game_border {
	width: 980px;
	height: 80px;
	
	background-color:	transparent;
	background-image:	url(images/g3/game_border.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3900;
}
#game.g3 .game_border.bottom {
	width: 980px;
	height: 80px;
	
	background-position:	0 bottom;
	left: 0;
	bottom: 0;
}
#game.g3 .game_border.left {
	width: 66px;
	height: 640px;
	
	background-position:	0 bottom;
	bottom: 0;
	left: 0;
}
#game.g3 .game_border.right {
	width: 68px;
	height: 640px;
	
	background-position:	right bottom;
	
	position: absolute;
	bottom: 0;
	left: auto;
	right: 0;
}


/* Minigame */
#g3_minigame_wall {
	display: none;
	width: 668px;/*690px;*/
	height: 448px;/*340px;*/
	margin: 128px 50px 152px 240px;
	
	background-color:	transparent;
	background-image:	url(images/g3/wall.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3001;
}
#g3_minigame_wall .info {
	display:inline-block;
	width: 880px;
	
	color: #979797;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	
	position: absolute;
	top: -40px;
	left: -190px;
	z-index: 3002;
}
#g3_minigame_wall .answer {
	display: table;
	width: 280px;
	height: 165px;
	
	text-align: center;
	cursor: pointer;
	
	position: absolute;
}
#g3_minigame_wall .answer span {
	display: table-cell;
	vertical-align: middle;
}
#g3_minigame_wall .answer.a1 { top: 30px; left: 40px;}
#g3_minigame_wall .answer.a2 { top: 35px; left: 345px;}
#g3_minigame_wall .answer.a3 { top: 235px; left: 35px;}
#g3_minigame_wall .answer.a4 { top: 235px; left: 350px;}
#g3_minigame_wall .answer.selected {
	sdisplay:inline-block;
	width: 298px;
	height: 264px;
	
	background-color:	transparent;
	background-image:	url(images/g3/characters.png);
	background-repeat:	no-repeat;
	background-position:	-677px 0;
	
	
	overflow: hidden;
	text-indent: -9999px;
	cursor: default;
}
#g3_minigame_wall .answer.selected.sad {
	background-position:	-975px 0;
}
#g3_minigame_wall .answer.selected:hover {
	text-indent: 0;
	background:	transparent;
	text-decoration: none;
	color: green;
}
#g3_minigame_wall .answer.selected.sad:hover {
	color: #cc0000;
}
#g3_minigame_wall .answer.selected.a1 { top: -15px; left: 30px;}
#g3_minigame_wall .answer.selected.a2 { top: -10px; left: 335px;}
#g3_minigame_wall .answer.selected.a3 { top: 190px; left: 25px;}
#g3_minigame_wall .answer.selected.a4 { top: 190px; left: 340px;}


#g3_minigame_wall_char {
	display:inline-block;
	width: 167px;
	height: 264px;
	
	background-color:	transparent;
	background-image:	url(images/g3/characters.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	cursor: normal;
	
	position: absolute;
	bottom: 30px;
	left: -173px;
}
#g3_minigame_wall_char.paint {
	width: 510px;
	height: 380px;
	background-position:	-167px 0;
}
#g3_minigame_wall_char.paint.a1 { top: -75px; left: -80px;}/*-60 -110*/
#g3_minigame_wall_char.paint.a2 { top: -70px; left: 225px;}
#g3_minigame_wall_char.paint.a3 { top: 130px; left: -85px;}
#g3_minigame_wall_char.paint.a4 { top: 130px; left: 230px;}





/*
	Game 6
*/
#game.g4{
	background-color: #e097dd;
	z-index: 3000;
}
/* Border */
#game.g4 .game_border {
	width: 980px;
	height: 73px;
	
	background-color:	transparent;
	background-image:	url(images/g4/game_border.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3900;
}
#game.g4 .game_border.bottom {
	width: 980px;
	height: 73px;
	
	background-position:	0 bottom;
	left: 0;
	bottom: 0;
}
#game.g4 .game_border.left {
	width: 54px;
	height: 468px;
	
	background-position:	0 bottom;
	bottom: 0;
	left: 0;
}
#game.g4 .game_border.right {
	width: 59px;
	height: 468px;
	
	background-position:	right bottom;
	
	position: absolute;
	bottom: 0;
	left: auto;
	right: 0;
}


/* Minigame */
#g4_minigame {
	display: none;
	width: 980px;
	height: 545px;
	
	position: absolute;
	top: bottom;
	left: 0;
	z-index: 3001;
	overflow: hidden;
}
#g4_minigame .info {
	display:inline-block;
	width: 980px;
	
	color: #979797;
	font-size: 23px;
	text-align: center;
	
	position: absolute;
	top: 0;
	z-index: 3002;
}
#g4_minigame .image {
	display:inline-block;
	width: 308px;
	height: 308px;
	padding: 30px 40px 32px 35px;
	
	text-align: center;
	cursor: pointer;
	
	background-color:	transparent;
	background-image:	url(images/g4/image_bg.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	position: absolute;
	top: 83px;
}
#g4_minigame .image.left { left: 80px; }
#g4_minigame .image.right { right: 95px; }

#g4_minigame .image .picture {
	display:inline-block;
	width: 308px;
	height: 308px;
	
	background-color:	transparent;
	background-image:	url(images/g4/images_sprite.jpg);
	background-repeat:	no-repeat;
	background-position:	0 0;
}
#g4_minigame .image .picture.a1 {	background-position:	0 0; }
#g4_minigame .image .picture.a2 {	background-position:	-308px 0; }
#g4_minigame .image .picture.a3 {	background-position:	-616px 0; }
#g4_minigame .image .picture.a4 {	background-position:	-924px 0; }
#g4_minigame .image .picture.a5 {	background-position:	-1232px 0; }
#g4_minigame .image .picture.a6 {	background-position:	-1540px 0;}
#g4_minigame .image .picture.a7 {	background-position:	-1848px 0;}
#g4_minigame .image .picture.a8 {	background-position:	-2156px 0;}
#g4_minigame .image .picture.a9 {	background-position:	-2464px 0;}
#g4_minigame .image .picture.a10 {	background-position:	-2772px 0;}
#g4_minigame .image .picture.b1 {	background-position:	0 -308px; }
#g4_minigame .image .picture.b2 {	background-position:	-308px -308px; }
#g4_minigame .image .picture.b3 {	background-position:	-616px -308px; }
#g4_minigame .image .picture.b4 {	background-position:	-924px -308px; }
#g4_minigame .image .picture.b5 {	background-position:	-1232px -308px; }
#g4_minigame .image .picture.b6 {	background-position:	-1540px -308px;}
#g4_minigame .image .picture.b7 {	background-position:	-1848px -308px;}
#g4_minigame .image .picture.b8 {	background-position:	-2156px -308px;}
#g4_minigame .image .picture.b9 {	background-position:	-2464px -308px;}
#g4_minigame .image .picture.b10 {	background-position:	-2772px -308px;}

#g4_minigame_hand {
	display: inline-block;
	width: 267px;
	height: 525px;
	
	background-color:	transparent;
	background-image:	url(images/g4/hand.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	position: absolute;
	top: 545px;
	z-index: 3005;
}
#g4_minigame_hand.left { left: 125px; }
#g4_minigame_hand.right { right: 135px; }


/* Questions */
#g4_questions {
	display: none;
	width: 980px;
	height: 545px;
	
	position: absolute;
	top: bottom;
	left: 0;
	z-index: 3001;
}
#g4_questions .info {
	display:inline-block;
	width: 780px;
	margin: 50px 100px;
	
	color: #979797;
	font-size: 23px;
	text-align: center;
	
	position: absolute;
	top: 0;
	z-index: 3002;
}
#g4_questions .question {
	color: #000000;
	font-size: 28px;
	line-height: 40px;
}
#g4_questions table {
	width: 100%;
	margin-top: 200px;
}
#g4_questions table td.right{
	width: 50%;
	padding-right: 30px;
}
#g4_questions table td.left{
	width: 50%;
	padding-left: 30px;
}
#g4_questions table td input{
	min-width: 200px;
}



/* Minigame reg */
#g4_minigame_reg {
	display: none;
	width: 980px;
	height: 540px;
	
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3001;
}
#g4_minigame_reg .screen_big {
	width: 860px;
	height: 480px;
	padding: 40px 60px;
	
	background-color:	transparent;
	background-image:	url(images/g4/screen_big.png);
	background-repeat:	no-repeat;
	background-position:	center top;
	
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3002;
}
#g4_minigame_reg .screen_big .info {
	padding: 2px;
	font-size: 22px;
	line-height: 20px;
}
#g4_minigame_reg .screen_big .logo {
	float: right;
	margin-right: -10px;
	
	width: 246px;
	height: 245px;
	
	background-color:	transparent;
	background-image:	url(images/g4/logos.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
}
#g4_minigame_reg .screen_big#g4_minigame_reg_s1 .logo { background-position:	0 0; }
#g4_minigame_reg .screen_big#g4_minigame_reg_s2 .logo { background-position:	-246px 0; }
#g4_minigame_reg .screen_big#g4_minigame_reg_s3 .logo { background-position:	-494px 0; }

#g4_minigame_reg .screen_big table {
	width: 620px;
	margin-top: 20px;
	border-collapse: collapse;
}
#g4_minigame_reg .screen_big caption {
	background: green;
	color: white;
	font-size: 20px;
	padding: 2px;
}
#g4_minigame_reg .screen_big th,
#g4_minigame_reg .screen_big td {
	padding: 3px;
	font-size: 18px;
	line-height: 20px;
}
#g4_minigame_reg .screen_big td.actions {
	padding-top: 25px;
	text-align: right;
}
#g4_minigame_reg .screen_big .tostable td {
	font-size: 15px;
	line-height: 17px;
}
#g4_minigame_reg .screen_big .tostable td.textblock {
	padding-top: 15px;
}
#g4_minigame_reg .screen_big .emailtable td {
	font-size: 17px;
	line-height: 19px;
	padding-top: 15px;
}



/* Minigame wall */
#g4_minigame_wall {
	display: none;
	width: 690px;
	height: 340px;
	margin: 150px 145px 130px;
	
	background-color:	transparent;
	background-image:	url(images/g4/wall.png);
	background-repeat:	no-repeat;
	background-position:	8px 0;
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3001;
}
#g4_minigame_wall .info {
	display:inline-block;
	width: 890px;
	
	color: #979797;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	
	position: absolute;
	top: -70px;
	left: -100px;
	z-index: 3002;
}
#g4_minigame_wall .question {
	color: #000000;
	font-size: 24px;
	line-height: 24px;
}
#g4_minigame_wall .answer {
	display:table;
	width: 223px;
	height: 183px;
	
	font-size: 18px;
	line-height: 21px;
	text-align: center;
	cursor: pointer;
	
	position: absolute;
}
#g4_minigame_wall .answer span {
	display: table-cell;
	vertical-align: middle;
}
#g4_minigame_wall .answer.a1 { top: 10px; left: 95px;}
#g4_minigame_wall .answer.a2 { top: -2px; left: 370px;}
#g4_minigame_wall .answer.a3 { top: 130px; left: 70px;}
#g4_minigame_wall .answer.a4 { top: 130px; left: 370px;}
#g4_minigame_wall .answer.selected {
	display:inline-block;
	width: 218px;
	height: 117px;
	padding-top: 80px;
	
	background-color:	transparent;
	background-image:	url(images/g4/characters.png);
	background-repeat:	no-repeat;
	background-position:	-748px 35px;
	
	
	overflow: hidden;
	text-indent: -9999px;
	cursor: default;
}
#g4_minigame_wall_char {
	display:inline-block;
	width: 374px;
	height: 260px;
	
	background-color:	transparent;
	background-image:	url(images/g4/characters.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	cursor: normal;
	
	position: absolute;
	bottom: -180px;
	left: 180px;
}
#g4_minigame_wall_char.throw {
	background-position:	-374px 0;
}
#g4_minigame_wall .ammo {
	width: 55px;
	position: absolute;
	bottom: -70px;
	left: -80px;
}
#g4_minigame_wall .ammo .item {
	display:inline-block;
	width: 55px;
	height: 36px;
	
	background-color:	transparent;
	background-image:	url(images/g4/characters.png);
	background-repeat:	no-repeat;
	background-position:	-966px 0;
	
	overflow: hidden;
	text-indent: -9999px;
	cursor: default;
}




/*
	Game 5
*/
#game.g5{
	background-color: #97e09a;
	z-index: 3000;
}
/* Border */
#game.g5 .game_border {
	width: 980px;
	height: 85px;
	
	background-color:	transparent;
	background-image:	url(images/g5/game_border.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3900;
}
#game.g5 .game_border.bottom {
	width: 980px;
	height: 98px;
	
	background-position:	0 bottom;
	left: 0;
	bottom: 0;
}
#game.g5 .game_border.left {
	width: 91px;
	height: 640px;
	
	background-position:	0 bottom;
	bottom: 0;
	left: 0;
}
#game.g5 .game_border.right {
	width: 74px;
	height: 640px;
	
	background-position:	right bottom;
	
	position: absolute;
	bottom: 0;
	left: auto;
	right: 0;
}


/* Minigame */
#g5_minigame {
	display: none;
	width: 980px;
	height: 545px;
	
	position: absolute;
	top: bottom;
	left: 0;
	z-index: 3001;
}
#g5_minigame_screen {
	display:inline-block;
	width: 672px;
	height: 483px;
	
	background-color:	transparent;
	background-image:	url(images/g5/screen.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	position: absolute;
	left: 154px;
	bottom: 8px;
	z-index: 3010;
}
#g5_minigame_screen .webcam {
	display:inline-block;
	width: 59px;
	height: 94px;
	
	background-color:	transparent;
	background-image:	url(images/g5/camera.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	position: absolute;
	left: 317px;
	top: -68px;
}
#g5_minigame_screen .webcam .light {
	display:none;
	width: 124px;
	height: 124px;
	
	background-color:	transparent;
	background-image:	url(images/g5/camera.png);
	background-repeat:	no-repeat;
	background-position:	-59px 0;
	
	position: absolute;
	left: -33px;
	top: 16px;
}
#g5_minigame_screen .webcam.on .light {
	display:inline-block;
}
#g5_minigame_screen .webcam_button {
	display:inline-block;
	width: 49px;
	height: 35px;
	
	background-color:	transparent;
	background-image:	url(images/g5/camera.png);
	background-repeat:	no-repeat;
	background-position:	-183px 0;
	
	position: absolute;
	right: 177px;
	top: 204px;
	
	cursor: pointer;
}
#g5_minigame_screen .webcam_button.on {
	background-position:	-183px -35px;
}
#g5_minigame_screen .webcam_button.on.highlight {
	background-position:	-183px -70px;
}

#g5_minigame_avatar {
	position: absolute;
	top: 275px;
	left: 590px;
	z-index: 3001;
}
#g5_minigame_text {
	width: 275px;
	height: 215px;
	margin: 10px;
	
	position: absolute;
	bottom: 165px;
	left: 117px;
	z-index: 3001;
	overflow: hidden;
}
#g5_minigame_text .content {
	position: absolute;
	left: 0;
	bottom: 0;
	
	font-size: 17px;
	line-height: 20px;
	overflow: hidden;
}
#g5_minigame_text .content div {
	margin: 5px 0;
}
#g5_minigame_text .content div.stranger {
}
#g5_minigame_text .content div.user {
	color: #555555;
}
#g5_minigame_text .content a {
	color: #0000ff;
	cursor: pointer;
}
#game.g5 #game_message.big .message {
	font-size: 20px;
	line-height: 22px;
}


/* Questions */
#g5_questions .simple {
	display: none;
	width: 980px;
	height: 545px;
	
	position: absolute;
	top: bottom;
	left: 0;
	z-index: 3001;
}
#g5_questions .simple .info {
	display:inline-block;
	width: 780px;
	margin: 50px 100px;
	
	color: #979797;
	font-size: 23px;
	text-align: center;
	
	position: absolute;
	top: 0;
	z-index: 3002;
}
#g5_questions .simple .question {
	color: #000000;
	font-size: 28px;
	line-height: 40px;
}
#g5_questions .simple table {
	width: 100%;
	margin-top: 200px;
}
#g5_questions .simple table td.right{
	width: 50%;
	padding-right: 30px;
}
#g5_questions .simple table td.left{
	width: 50%;
	padding-left: 30px;
}
#g5_questions .simple table td input{
	min-width: 200px;
}




/*
	Game 6
*/
#game.g6{
	background-color: #97dde0;
	z-index: 3000;
}
/* Border */
#game.g6 .game_border {
	width: 980px;
	height: 98px;
	
	background-color:	transparent;
	background-image:	url(images/g6/game_border.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3900;
}
#game.g6 .game_border.bottom {
	width: 980px;
	height: 98px;
	
	background-position:	0 bottom;
	left: 0;
	bottom: 0;
}
#game.g6 .game_border.left {
	width: 88px;
	height: 640px;
	
	background-position:	0 bottom;
	bottom: 0;
	left: 0;
}
#game.g6 .game_border.right {
	width: 77px;
	height: 640px;
	
	background-position:	right bottom;
	
	position: absolute;
	bottom: 0;
	left: auto;
	right: 0;
}


/* Minigame */
#g6_minigame {
	display: none;
	width: 980px;
	height: 545px;
	
	position: absolute;
	top: bottom;
	left: 0;
	z-index: 3001;
}
#g6_minigame .info {
	display:inline-block;
	width: 830px;
	margin: 0 75px;
	
	color: #979797;
	font-size: 23px;
	text-align: center;
	
	position: absolute;
	top: -10px;
	z-index: 3002;
}
#g6_minigame .question {
	color: #000000;
	font-size: 28px;
	line-height: 30px;
}
#g6_minigame .question .answer.good {
	color: green;
	font-weight: bold;
}
#g6_minigame .question .answer.bad {
	color: #cc0000;
	font-weight: bold;
}
#g6_minigame_forward {
	display: none;
	position: absolute;
	top: 275px;
	left: 500px;
}
#g6_minigame .word {
	display:table;
	width: 180px;
	height: 120px;
	padding: 35px 20px 170px;
	
	text-align: center;
	cursor: pointer;
	
	background-color:	transparent;
	background-image:	url(images/g6/shooter_sprite.png);
	background-repeat:	no-repeat;
	background-position:	-1825px 0;
	
	position: absolute;
}
#g6_minigame .word span {
	display: table-cell;
	vertical-align: middle;
}
#g6_minigame .word.w1 { top: 115px; left: 290px;}
#g6_minigame .word.w2 { top: 75px; left: 480px;}
#g6_minigame .word.w3 { top: 105px; left: 670px;}
#g6_minigame .word.selected {
	width: 152px;
	height: 123px;
	padding: 0;
	margin-left: 50px;

	background-position:	-1825px -325px;
	
	overflow: hidden;
	text-indent: -9999px;
	cursor: default;
	
	top: auto;
	bottom: 30px;
}
#g6_minigame .shooter {
	width: 365px;
	height: 322px;
	
	background-color:	transparent;
	background-image:	url(images/g6/shooter_sprite.png);
	background-repeat:	no-repeat;
	background-position:	0 0;
	
	position: absolute;
	bottom: 9px;
	left: 21px;
}
#g6_minigame .shooter .weapon {
	width: 365px;
	height: 322px;
	
	background-color:	transparent;
	background-image:	url(images/g6/shooter_sprite.png);
	background-repeat:	no-repeat;
	background-position:	-365px 0;
}
#g6_minigame .shooter .weapon.w0 {	background-position:	-365px 0;	}
#g6_minigame .shooter .weapon.w1 {	background-position:	-730px 0;	}
#g6_minigame .shooter .weapon.w2 {	background-position:	-1095px 0;	}
#g6_minigame .shooter .weapon.w3 {	background-position:	-1460px 0;	}
#g6_minigame .shooter .weapon.w0.shoot {	background-position:	-365px -322px;	}
#g6_minigame .shooter .weapon.w1.shoot {	background-position:	-730px -322px;	}
#g6_minigame .shooter .weapon.w2.shoot {	background-position:	-1095px -322px;	}
#g6_minigame .shooter .weapon.w3.shoot {	background-position:	-1460px -322px;	}







/*
	Video player
*/
.mejs-controls {
	display:none !important;
}
.mejs-captions-position {
	bottom: 15px !important;
}
.mejs-captions-text {
    font-size: 22px;
}


/*
	Preloader
*/
#jpreOverlay {
	background-color: #000000;
}
#jpreSlide{
	font-size:22px;
	font-weight:bold;
	color:#ccc;
	text-align:center;
	width:50%;
	height:30%;
}
#jpreLoader{
	width:300px;
	height:25px;
	border:1px inset #888;
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
}

#jpreBar {
	background:#0DA1D5 url(./images/bar.png);
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
}

#jprePercentage {
	color:#ccc;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-weight:bold;
	text-align:center;
	text-shadow:1px 1px 1px #333;
	top:-100%;
}