@charset "UTF-8";
input[type="submit"] {
	-webkit-appearance: caret;
	-moz-appearance: caret; /* mobile firefox too! */
}
* {
	margin:0;
	padding:0;
}
body {
	background:url(../pics/bg.png) repeat 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#545454;
	min-width:240px;
}
a {
	text-decoration:none;
	color:#545454;
}
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
.video embed,
.video object,
.video iframe {
	width: 100%;
	height: auto;
}
.header {
	width:100%;
	background:url(../pics/topbar.png) repeat-x 0 0;
	height:43px;
}
.header_container {
	width:940px;
	margin:auto;
	height:43px;
	position:relative;
}
.header h1 {
	font-weight:bold;
	background:url(../pics/h1.png) no-repeat center left;
	line-height:35px;
	vertical-align:middle;
	padding-left:17px;
	font-size:1.15em;
	text-shadow: 1px 1px 1px #fff;
}
.languages {
	float:right;
	font-weight:bold;
	text-transform:uppercase;
}
.languages ul li {
	display:inline;
}
.languages ul li a {
	display:block;
	float:left;
	padding:0 6px;
	line-height:35px;
	vertical-align:middle;
}
.header .login {
	float:right;
	display:block;
	text-transform:uppercase;
	background:url(../pics/login.png) no-repeat 0 0;
	width:73px;
	height:23px;
	padding-top:7px;
	text-align:center;
	font-weight:bold;
	margin-top:3px;
	margin-right:10px;
}
.about {
	background:url(../pics/about_container.png) no-repeat 0 0;
	width:962px;
	height:97px;
	margin:auto;
	margin-top:18px;
	position:relative;
	}
.about .logo {
	float:left;
	width:256px;
}
.about h2 {
	width:625px;
	font-weight:bold;
	font-size:2em;
	padding-top:36px;
	float:left;
}
.about_event {
	position:absolute;
	top:35px;
	right:30px;
	font-size:13px;
	text-align:right;
}
.home {
	width:930px;
	margin:auto;
	overflow:hidden;
}
.home .item {
	background:url(../pics/item.png) no-repeat 0 0;
	width:287px;
	height:73px;
	margin-bottom:10px;
	float:left;
	position:relative;
	cursor:pointer;
	display:block;
}
.home .item .line {
	width:5px;
	position:absolute;
	left:44px;
	top:0;
	height:72px;
}
.home .item .icon {
	background:url(../pics/icon2.png) no-repeat 0 0;
	width:73px;
	height:73px;
	position:absolute;
	right:5px;
	top:0;	
}
.home .item p, .home .item .number {
	font-size:1.5em;
	color:white;
	font-weight:bold;
	position:absolute;
	left:70px;
	top:27px;
}
.home .item .number {
	left:8px;
	width:30px;
	text-align:center;
}
.home .col2 .item {
	background:url(../pics/item_game.png) no-repeat 0 0;
}
.home .col, .home .col2 {
	width:287px;
	padding-top:20px;
	float:left;
}
.home .col2 {
	width:607px;
	margin-left:33px;
}
.home .col2 #item_right {
	margin-left:33px;
}
.home .col h3, .home .col2 h3 {
	color:#acacac;
	font-weight:normal;
	font-size:1.5em;
	font-weight:normal;
	text-align:center;
	background:url(../pics/col_h3.png) no-repeat center top;
	padding-top:18px;
	padding-bottom:10px;
}
.top {
	width:925px;
	background:url(../pics/top.png) repeat-x 0 0;
	background:#576981;
	height:38px;
	margin:auto;
	margin-top:-2px;
	position:relative;
}
.top .back {
	background:url(../pics/back.png) no-repeat 0 0;
	width:35px;
	height:38px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	text-indent:-10000px;
	font-size:1px;
}
.top h3 {
	font-size:18px;
	font-weight:bold;
	color:white;
	position:absolute;
	left:50px;
	top:9px;
}
.top .icon {
	position:absolute;
	right:0px;
	top:-20px;
	background:url(../pics/icon1.png) no-repeat 0 0;
	width:73px;
	height:73px;
}
.score {
	width:990px;
	margin:auto;
	padding-bottom:50px;
	overflow:hidden;
	text-align:center;
}
.score_item {
	display:inline-block;
	margin-left:34px;
	width:286px;
	margin-top:20px;
	text-align:left;
	vertical-align:top;
}
.score_item .score_top {
	background:url(../pics/score_top.png) no-repeat 0 0;
	width:286px;
	height:247px;
	position:relative;
}
.score_item .score_team, .point .score_team {
	font-weight:bold;
	font-size:14px;
	color:white;
	position:absolute;
	top:11px;
	left:30px;
}
.score_item .score_position, .point .score_position {
	width:33px;
	height:33px;
	line-height:33px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	font-weight:bold;
	font-size:18px;
	color:white;
	vertical-align:middle;
	text-align:center;
	position:absolute;
	top:3px;
	right:3px;
}
.score_item .score_total, .point .score_total {
	font-size:18px;
	font-weight:bold;
	position:absolute;
	width:286px;
	text-align:center;
	left:0;
	top:41px;
}
.score_item img {
	position:absolute;
	top:89px;
	left:33px;
}
.score_item .score_bottom {
	width:286px;
	overflow:hidden;
	background:url(../pics/score_pixel.png) repeat 0 0;
	border-bottom:1px solid #959595;
	margin-top:0px;
}
.score_item .score_players {
	font-size:13px;
	text-align:center;
	padding:10px 0;
	min-height:50px;
}
.score_item .score_game {
	width:95px;
	height:63px;
	float:left;
	display:inline;
	font-size:13px;
	text-align:center;
	padding-top:40px;
	background:url(../pics/icon1.png) no-repeat center -20px;
}
.score_item .score_game .score_number {
	width:57px;
	height:19px;
	line-height:19px;
	vertical-align:middle;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:white;
	margin:5px auto;
	background-color:#576981;
}
.score_item .score_game p {
	min-height:26px;	
	padding-top:0px;
}
.form_login {
	width:262px;
	margin:30px auto;
}
.f_login, .f_psw, .shuffle {
	background:url(../pics/login_input.png) transparent no-repeat 0 0;
	width:242px;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	padding:0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#676767;
	border:0;
	margin:auto;
	margin-bottom:4px;
}
.f_submit, .f_next {
	background:url(../pics/login_submit.png) transparent no-repeat 0 0;
	width:260px;
	margin:4px auto;
	border:0;
	height:36px;
	line-height:36px;
	vertical-align:middle;
	color:#636363;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
}
.content {
	width:925px;
	margin:auto;
	padding-top:25px;
}
.ranking {
	width:286px;
	float:left;
}
.ranking .score {
	width:286px;
	margin:0;
}
.ranking .score .score_top {
	height:66px;
}
.ranking .score .score_item {
	margin:0;
	margin-bottom:12px;
}
.ranking h4 {
	background:url(../pics/ranking_title.png) repeat 0 0;
	height:36px;
	line-height:36px;
	vertical-align:middle;
	text-align:center;
	width:286px;
	font-size:16px;
	font-weight:normal;
	margin-bottom:12px;
}
.roadbook, .quizz, .quizz_answers, .musical, .orientation {
	width:606px;
	min-height:100px;
	overflow:hidden;
	float:left;
	background:white;
	margin-right:33px;
	padding-top:3px;
	padding-bottom:30px;
}
.musical, .orientation {
	background:transparent;
}
.quizz_answers {
	margin-top:25px;
	padding-bottom:25px;
}
.quizz_answers .one_answer {
	width:90%;
	padding:8px 0;
	border-bottom:1px solid #bdbdbd;
	margin:auto;
	font-size:13px;
	color:#585858;
	overflow:hidden;
}
.one_answer p {
	display:block;
	float:right;
	width:45%;
	padding-left:4%;
	padding-right:4%;
	background:url(../pics/arrow_right.png) no-repeat center left;
}
.quizz_answers #musical_yes {
	background:url(../pics/musical_yes.png) no-repeat center right;
}
.quizz_answers #musical_no {
	background:url(../pics/musical_no.png) no-repeat center right;
}
.roadbook h4, .quizz h4, .quizz_answers h4 {
	width:90%;
	padding: 0 3%;
	height:33px;
	line-height:33px;
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
	color:white;
	margin:auto;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.quizz_answers h4 {
	margin-bottom:15px;
}
.quizz #h4_arrow {
	background:url(../pics/arrow_below.png) no-repeat 95% center;
}
.roadbook .roadbook_pic {
	float:left;
	margin:12px;
	width:285px;
}
.roadbook #roadbook_pic_right {
	margin-right:0;
	margin-left:0;
}
.roadbook .roadbook_answer {
	background:url(../pics/roadbook_input.png) transparent no-repeat 0 0;
	width:185px;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	padding: 0 5px;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#545454;
	margin-left:10px;
}
.roadbook img {
	margin-bottom:5px;
}
.roadbook .roadbook_submit {
	background:url(../pics/roadbook_submit.png) transparent no-repeat 0 0;
	width:64px;
	height:36px;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#545454;
	cursor:pointer;
}
.roadbook .roadbook_yes, .roadbook .roadbook_no {
	background:url(../pics/roadbook_yes.png) no-repeat 0 0;
	width:272px;
	height:33px;
	line-height:33px;
	font-size:14px;
	padding-left:12px;
}
.roadbook .roadbook_no {
	background:url(../pics/roadbook_no.png) no-repeat 0 0;
}
.back_home a {
	background:url(../pics/back_home.png) no-repeat 0 0;
	width:108px;
	height:33px;
	line-height:33px;
	vertical-align:middle;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:white;
	margin:auto;
	clear:both;
	margin-top:40px;
	margin-bottom:40px;
	display:none;
}
.quizzform, .picform {
	width:262px;
	margin:auto;
}
.quizzform .quizz_answer, .picform .pic_answer {
	width:242px;
	height:35px;
	line-height:35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#545454;
	padding: 0 10px;
	background:url(../pics/musical_input.png) transparent no-repeat 0 0;
	border:0;
	margin-top:10px;
	margin-bottom:5px;	
}
.quizzform .quizz_submit, .picform .pic_submit {
	background:url(../pics/musical_submit.png) transparent no-repeat 0 0;
	width:260px;
	height:36px;
	border:0;
	color:#636363;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:25px;
	cursor:pointer;
}
.picform .team_pic {
	border-bottom:15px;
	clear:both;
}
.picform img {
	margin-left:12px;
	margin-top:15px;
	margin-bottom:15px;
	border:1px solid black;
}
.points {
	float:left;
	overflow:hidden;
	width:638px;
	text-align:enter;
	padding-bottom:50px;
}
.point {
	margin-bottom:25px;
	display:inline-block;
	margin-right:30px;
	overflow:hidden;
	padding-bottom:25px;
	border-bottom:1px solid #bdbdbd;
	text-align:left;
	vertical-align:top;
}
.point, .point_top {
	background:url(../pics/point_bg.png) repeat 0 0;
	width:286px;
	min-height:100px;
	position:relative;
}
.point_top {
	background:url(../pics/point_top.png) no-repeat 0 0;
	min-height:76px;
}
.points #point_only_team, .points #point_only_team .point_top {
	min-height:68px;
	padding:0;
	border:0;
	background:url(../pics/point_top2.png) no-repeat 0 0;
}
.points #point_only_team .point_top .score_position {
	display:none;
}
.point_line {
	background:url(../pics/point_line.png) no-repeat center bottom;
	width:260px;
	margin:auto;
	min-height:30px;
}
.point_line .point_line_who {
	font-weight:bold;
	padding-left:22px;
	padding-top:7px;
	font-size:13px;
}
.point_line .point_line_score {
	float:right;
	display:inline;
	padding-top:7px;
	font-size:13px;
	font-weight:bold;
	padding-left:20px;
	background:url(../pics/arrow_right_white.png) no-repeat left 5px;
}
.orientation .orientation_block {
	width:100%;
	min-height:50px;
	background:white;
	padding-top:5px;
	padding-bottom:20px;
	overflow:hidden;
	margin-bottom:20px;
}
.orientation .orientation_title {
	width:92%;
	padding: 0 2%;
	margin:auto;
	font-size:14px;
	font-weight:bold;
	color:white;
	height:33px;
	line-height:33px;
	vertical-align:middle;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.orientation_block p {
	padding:3%;
	font-size:14px;
}
.orientation_block .choices {
	width:280px;
	margin:auto;
}
.orientation_block .choices .choice1, .orientation_block .choices .choice2, .orientation_block .choices .choice3 {
	font-weight:bold;
	font-size:14px;
	color:white;
	text-transform:uppercase;
	width:84px;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	text-align:center;
	-moz-border-radius: 7px;
	border-radius: 7px;
	display:block;
	background-color:#48b501;
	float:left;
	display:inline;
	margin-left:7px;
	border:0;
	cursor:pointer;
}
.orientation_block .choices .choice2 {
	background-color:#feba02;
}
.orientation_block .choices .choice3 {
	background-color:#ff7800;
}
.orientation_block .choices .choice1:disabled, .orientation_block .choices .choice2:disabled, .orientation_block .choices .choice3:disabled {
	background-color:#CCC;
	color:white;
}
.letters, .answers {
	text-align:center;
    display: block;
}
.orientation_block .answer, .orientation_block .letter {
	background:url(../pics/answer.png) repeat-x center bottom;
	height:63px;
	line-height:63px;
	vertical-align:middle;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border:1px solid #c3c2c2;
	display:inline-block;
	font-size:14px;
	color:#606060;
	font-weight:bold;
	padding: 0 10px;
	margin-left:14px;
	margin-right:14px;
	margin-top:18px;
	cursor:pointer;
	text-align:center;
	width:auto!important;
}
.orientation_block .answer {
	line-height:normal;
	height:auto;
	max-width:800%;
	padding:2% 10%;
	overflow:visible;
	white-space: normal;
	background:#e7e5e5;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.orientation_block .letter {
	height:30px;
	line-height:30px;
	vertical-align:middle;
	padding: 0 12px;
	margin-left:6px;
	margin-right:6px;
	display: inline-block;
	float:none;
}
.form_shuffle, .form_next {
	clear:both;
	margin:auto;
	float:left;
	margin-top:15px;
	margin-left:170px;
}
#page {
	padding-bottom:50px;
}
.bench {
	margin:auto;
	width:220px;
	padding-top:30px;
}
.languages ul li a:hover, .languages ul #active a, .about h2, #color {
	color:#ea5b0c;
}
.home .item .line, .score_item .score_position {
	background-color:#ea5b0c;
}
.top .back {
	border-right:2px solid #ea5b0c;
}
.ok, .clearok, .clearall {
	color:red;
	float:left;
	display:inline;
	margin-right:5px;
	font-size:15px;
	cursor:pointer;
	text-transform:uppercase;
}
.clearok, .clearall {
	clear:both;
}
.back_button {
	background:url(../pics/back_button.png) no-repeat 0 0;
	width:198px;
	height:48px;
	line-height:48px;
	position:absolute;
	top: 35px;
	left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
	font-size:18px;
	font-weight:bold;
	color:white;
	text-align:center;
	vertical-align:middle;
	text-transform:uppercase;
	z-index:900;
}
.event_message {
	width:100%;
	margin:auto;	
	position:fixed;
	left:0;
	bottom:0px;
	overflow:hidden;
	font-weight:bold;
	z-index:901;
	line-height:36px;
	height:36px;
	padding-top:7px;
	vertical-align:middle;
	background:url(../pics/topbar_bottom.png) repeat-x 0 0;
	font-size:16px;
	font-family:"Courier New", Courier, monospace;
}
.jailu {
	font-size:16px;
	font-family:"Courier New", Courier, monospace;
	text-align:center;
	padding:10px 0;
	font-style:italic;
	font-weight:bold;
	cursor:pointer;
}
/* for 980px or less */
@media screen and (max-width: 980px) {
	.header_container, .about, .home, .score, .content {
		width: 94%;
	}
	.about {
		background:none;
		margin-top:0;
	}
	.about .logo {
		float:none;
		margin:auto;
	}
	.about h2 {
		text-align:center;
		float:none;
		font-size:1.5em;
		width:auto;
		padding-top:0px;
	}
	.about_event {
		position:static;
		text-align:center;
		color:#acacac;
		font-size:12px;
	}
	.home .col2 {
		width:287px;
	}
	.home .col2 #item_right {
		margin-left:0;
	}
	.home .col, .home .col2 {
		float:none;
		margin:auto;
		clear:both;
	}
	.home .col h3 {
		margin-top:35px;
	}
	#page .about {
		display:none;
	}
	.top {
		width:100%;
		margin-top:-8px;
		margin-bottom:25px;
	}
	.score_item, .ranking, .roadbook, .roadbook .roadbook_pic, .quizz, .quizz_answers, .musical, .points, .orientation {
		float:none;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:25px;
	}
	.ranking {
		margin-top:25px;
	}
	.roadbook, .quizz, .quizz_answers, .musical, .points, .orientation {
		width:288px;
	}
	.back_home a {
		display:block;
	}
	.header h1 {
		display:none;
	}
	.orientation_block .choices {
		margin-top:12px;
	}
	.form_shuffle, .form_next {
		margin-left:13px;
	}
	.back_button {
		top:73px;
	}
}