@font-face {
	font-family: NokiaPureHeadline_Bd;
	src: url("./fonts/NokiaPureHeadline_Bd.eot"); /* EOT file for IE */
	src: url('/fonts/NokiaPureHeadline_Bd.eot?#iefix') format('embedded-opentype'),
		url('./fonts/NokiaPureHeadline_Bd.woff') format('woff'),
		url("./fonts/NokiaPureHeadline_Bd.ttf") format('truetype'); /* TTF file for CSS3 browsers */
	/*font-weight: bold;
	font-style: bold;*/
}

@font-face {
	font-family: NokiaPureHeadline_XBd;
	src: url("./fonts/NokiaPureHeadline_XBd.eot"); 
	src: url('/fonts/NokiaPureHeadline_XBd.eot?#iefix') format('embedded-opentype'),
		url('./fonts/NokiaPureHeadline_XBd.woff') format('woff'),
		url("./fonts/NokiaPureHeadline_XBd.ttf") format('truetype'); 
	/*font-weight: bolder;
	font-style: bolder;*/
}

@font-face {
	font-family: NokiaPureHeadline_Lt;
	src: url("./fonts/NokiaPureHeadline_Lt.eot"); 
	src: url('/fonts/NokiaPureHeadline_Lt.eot?#iefix') format('embedded-opentype'),
		url('./fonts/NokiaPureHeadline_Lt.woff') format('woff'),
		url("./fonts/NokiaPureHeadline_Lt.ttf") format('truetype'); 
	/*font-weight: lighter;
	font-style: lighter;*/
}

@font-face {
	font-family: NokiaPureHeadline_Rg;
	src: url("./fonts/NokiaPureHeadline_Rg.eot"); 
	src: url('/fonts/NokiaPureHeadline_Rg.eot?#iefix') format('embedded-opentype'),
		url('./fonts/NokiaPureHeadline_Rg.woff') format('woff'),
		url("./fonts/NokiaPureHeadline_Rg.ttf") format('truetype'); 
	/*font-weight: normal;
	font-style: normal;*/
}

.text_nokiaRg{
	font-family: NokiaPureHeadline_Rg;
}

.text_nokiaLt{
	font-family: NokiaPureHeadline_Lt;
	/*font-weight: lighter;
	font-style: lighter;*/
}
	
.text_nokiaBd{
	font-family: NokiaPureHeadline_Bd;
	/*font-weight: bold;
	font-style: bold;*/
}

.text_nokiaXBd{
	font-family: NokiaPureHeadline_XBd;
	/*font-weight: bolder;
	font-style: bolder;*/
}



article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label.error { float: left; color: red; padding-left: .5em; vertical-align: top; font-weight: normal !important; display: none !important}
	p { clear: both; }

label { 
	clear: both;
	float: left;
	margin-bottom: 5px;
}
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { margin-left: 5px;margin-top: 3px;box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

.group:before, .group:after { content: ""; display: table; }
.group:after { clear: both; }
.group { *zoom: 1; }
.group div{
	float:left;
	position:relative;
	}


/* Basic Styles
================================================== */
a { color: #00e; text-decoration: none; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }


body {
  font-family: NokiaPureHeadline_Rg, Arial, sans-serif;
  font-size: 13px;
  color: #231f20;

}


#content_wrapper {
	background: white;
	overflow: hidden;
	width: 810px;
	padding: 0 0px;
	margin: 0 auto;
}


/* Column */
.one_half{ width:48%;}
.one_third{ width:29%;}
.one_fourth{width:22%;}
.one_fifth{width:18%;}
.one_sixth{width:15.5%;}
.one_seventh{width:13%;}
.one_eighth{width:11.5%;}
.one_nineth{width:8.5%;}
.two_third{ width:64%;}
.three_fourth{width:74%;}
.one_onenth{width:100%;}
.one_half, .one_third, .one_fourth, .one_fifth, .three_fourth, .two_third{margin-right:4%; float:left; }
.one_onenth, .one_seventh, .one_sixth, .one_eighth, .one_nineth {margin-right:1%; float:left; }
.last{ margin-right:0 !important; clear:right; }


/*.fb-like span, .fb-like iframe , .fb_iframe_widget iframe { height:25px!important; width:150px!important}*/


/* Menu Styles
================================================== */
#menu{
	background-color: #B3DDF7;
	height: 50px;
	color: #093A5B;
	padding-right: 377px;
	padding-left: 34px;
	width: 400px;
	text-align: center;
	font-size: 16px;
	font-family: NokiaPureHeadline_Lt;
	font-weight: lighter;
	font-style: lighter;
}

#menu div{
	margin-top: 20px;
	cursor: pointer;
}

#menu div.active{
	font-family: NokiaPureHeadline_XBd;
}

#current_marker{
	position: absolute;
	width: 65px;
	cursor: default !important;
	height: 8px;
	background-color: #FD8C00;
	margin-top: 0 !important;
	margin-left: 324px;
}

.board_wrapper{
	min-height: 400px;	
	padding: 40px 31px 40px 40px;
	width: 719px;
	float: left;
}

#scores_board{
	display: none;
}

.profile_wrapper{
	height: 90px;
	background-color: #E9EAED;
	padding: 10px;
	width: 312px;
}

#scores_board h1{
	border-bottom: 2px solid #555;
	padding-bottom: 5px;
}

#scores_board .badges{
	font-size: 16px;
}

#scores_board .badges div{
	padding-bottom: 10px;	
}



#gifts_board{
	display: none;
}



#help_board{
	display: block;
}

#game_board{
	color: #FFF;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: none;
}

#quiz_game_board, #word_game_board{
	display: none;
	width: 606px;
}

#invaders_game_board{
	display: none;
	width: 760px;
}

#quiz_game_board{
	display: none;
	width: 606px;
}

#game_choose{
	display: none;
	padding-bottom: 50px;
}

#map{
	height: 500px;
}

#map img{
	position: absolute;
	z-index: 2;
}

path{
	z-index: 32;
	fill: transparent;
}

.hovered{
	z-index: 3;
	display:none;
}

.section.inactive{
	opacity: 1 !important;
}

.inactive{
	opacity: 0.4;
}

#wrap{
	width: 600px;
	float: left;
}

#mobile_device{
	background: url('../imgs/new/mobile_back.jpg') no-repeat 0 27px;
	float: left;
	width: 139px;
	height: 267px;
	overflow: hidden;
	margin-top: 80px;
}


#mobile_device_big{
	position: absolute;
	z-index: 2000;
	background: url('../imgs/new/mobile_back.jpg') no-repeat 0 27px;
	margin-top: 318px;
	margin-left: 880px;
	top: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.app{
	position: relative;
	z-index: 1;
	float: left;
	margin-top: 2px;
	margin-left: 1px;
}




#questions_wrapper, #words_wrapper{	
	width: 100%;
	min-height: 320px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.question_wrapper, .word_wrapper{
	display: none;
}

.answers>div{
	cursor: pointer;
	line-height: 125%;
	word-break: break-word;
	height: 21px;
	width: 409px;
	margin-bottom: 11px;
	padding-top: 8px;
}

.winbox{
	width: 75px;
	height: 100px;
	padding: 5px;
	font-size: 14px;
	margin-right: 8px;
	margin-bottom: 11px;
}

.question_id{
	background-color: #008270;
}

.question_id span{
	font-size: 31px;
	
}
.img_answer{
	margin-top: -5px;
	margin-left: -5px;
}

.question_text{
	font-size: 20px;
	padding: 5px;
	margin-right: 8px;
	background-color: #007330;
	width: 401px;
	height: 100px;
	font-family: NokiaPureHeadline_Bd;
	
}

.question_more{
	font-size: 13px;
	background-color: #00A652;
	font-family: NokiaPureHeadline_Rg;
}

.question_more a{
	text-decoration: none;
	color: #fff;
}

.user_photo{
	width:75px;
}

.mini_map{
	width: 110px;
}

.map_line{
	margin-top: 10px;
}

.mini_map .num{
	margin-left: 60px;
	margin-top: 10px;
}

.mini_map div{
	margin-top: 13px;
	margin-top: 12px;
}

.mini_map div img{
	margin-left: 45px;
	/*cursor: pointer;*/
}

.mini_map img{
	margin-left: 25px;
}

.mini_map .ballon{
	display: none;
	position: absolute;
	margin-top: -29px;
	margin-left: 65px;
}

.mini_map .ballon_txt{
	display: none;
	position: absolute;
	margin-top: -24px;
	margin-left: 65px;
	color: #000;
	text-align: center;
	font-size: 10px;
	line-height: 110%;
}

.mini_map .ballon_txt span{
	width: 77px;
	display: block;
}


.mini_map .ballon_txt span:first-child {
	color: #23B1F1;
}

.inv_mini_map{
	margin:0;padding:0;width: 110px;float: right;
}

.question_photo{
	margin-left: 7px;
	width: 170px;
	margin-right: 9px;
}

#profile_game_wrapper{
	background-color: #000;
	color: #fff;
	width: 597px;
	margin-bottom: 30px;
}

.time_wrapper{
	display: none;
}

.answer_a{
	background-color: #00A8B1;
}

.answer_b{
	background-color: #874996;
}

.answer_c{
	background-color: #A07001;
}

.answer_d{
	background-color: #E5002B;
}

.realscores{
	margin-top: 21px;
	color: #fff;
	width: 100px;
	font-size: 12px;
}

.realscores span{
	color: #FD8C00;
	text-align: right;
	font-weight: normal;
}

#p1, #p2, #p3, #p4{
	cursor: pointer;
}

#help_board .title, #gifts_board .title, #popup_help .title{
	color: #EB1C24;
	font-size: 15px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 3px solid #555;
}

#help_board h1, #popup_help h1{
	color: #EB1C24;
	font-size: 15px;
	margin: 0;
}

.lightRed{
	color: #F35856;
}

.blue{
	color: #EB1C24; 

}

.head_title{
	text-align: center;
	font-size: 26px;
	color: #EB1C24;
}

#popup_help .head_title{
	background-color: #01178F;
	color: #FFF;
	font-size: 24px;
	padding: 5px 31px;
	margin-left: -31px;
	margin-bottom: 15px;
}

#help_board .badges_help{
	background-color: #F6F6F6;
	height: 60px;
	margin-top: 15px;
	font-size: 15px;
}

.badges_help div {
	padding: 22px 0px;
}

.gift{
	border-bottom: 1px solid #999;
	margin-bottom: 1px;
	text-align: center;
}


.blue_btn{
	height: 20px;
	padding: 10px;
	text-align: center;
	display: block;
	z-index: 100;
	cursor: pointer;
	background-color: #01ABCE;
	color: #FFF;
	font-size: 15px;
}


.more_players, .more_fr_players{
	width: 99%;
	padding: 4px 2px;
	text-align: center;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/* Footer
================================================== */

#footer {
	font-size: 12px;
	color: #3d85b8;
	margin-bottom: 20px;
}

.ads_holder{
	height: 163px;
	display: none;
	background-color: rgb(0, 32, 79);
}

.ad{
	display: none;
}

.ad .nokia_630{
	color: #fff;
	float: right;
	text-align: right;
	margin-top: 13px;
}
.popups{
	position: absolute;
	margin-left: 230px;
	width: 300px;
	display: none;
	border-top: 3px solid #FD8C00;
	z-index: 36;
	margin-top: 200px;
	color: #fff;
	background-color: #01178F;
	padding: 10px;
	font-size: 18px;
	text-align:center;
	line-height: 130%;
	min-height: 75px;
}

#close_terms, #close_info, .bet_btn{
	margin: 0 auto;
	position: relative;
	width: 22px;
	height: 25px;
}

#yes, #no, #close_terms, #close_info, .bet_btn{
	background-color: #FD8C00;
	font-size: 17px;
	color: #fff;
	cursor: pointer;
	padding: 2px 8px 2px;
	margin-top: 10px;	
}

.bet_btn{
	width: 125px;
	text-align: center;
	margin-top: 20px;
}

#popup_help{
	position: absolute;
	margin-top: 0px;
	display: none;
	z-index: 12;
	margin-top: 30px;
}

#popup_help_1{
	margin-left: 60px;
	z-index: 11;
	width: 80%;
	background-color: #FFF;
	padding: 0px 30px 30px;
	font-size: 12px;

}

#popup_help_2{
	display: none;
	margin-left: 60px;
	z-index: 12;
	width: 80%;
	background-color: #FFF;
	padding: 0px 30px 30px;
	font-size: 12px;

}

#lost, #won{
	display: none;
}

#close_tutorial_btn, #tut1_next, #tut2_prev, #tut2_end{
	cursor: pointer;
}

#shader{
	background: #000;
	height: 100%;
	z-index: 35;
	width: 100%;
	opacity: 0.6;
	padding: 0 0px;
	margin: 0 0;
	position: absolute;
	display:none;
}

#sound_switch{
	cursor: pointer;
	float: right;
	margin-top: -37px;
}

#windowsphonetutorial{
	cursor: pointer;
}

#invitefriends{
	margin-top: 0px;
	cursor:pointer;
}

#heart{
	opacity: 0.4;
}

#lamp{
	margin-left: 0px;
	margin-top: -8px;
	opacity: 0.4;
}

#guru{
	margin-left: 0px;
	margin-top: -4px;
	opacity: 0.4;
}

.video-container{
	display: none; position: absolute; margin-top: 100px; margin-left: 93px; z-index: 100;width: 500px;
}

#watchvideo{
	cursor: pointer;
}

#close_video_btn{
	cursor: pointer;
}


.jspHorizontalBar { display: none !important; }

#likethepage{
	cursor:pointer;
}



#close_like_btn{
	cursor: pointer;
	font-size: 10px;
	width: 100%;
	display: block;
	margin-top: 7px;
	float: left;
	text-align: center;
}

#want_btn_like{
	cursor: pointer;
	width: 210px;
	height: 51px;
	display: block;	
	margin-top: 320px;
	margin-left: 140px;
}

.extras{
	margin-right: 23px;
}

.extras>div{
	margin-top: 25px;
}

#user_filter{
	color: #fff;
	background-color: #013E7F;
	float: left;
}

#user_filter div{
	padding: 7px 10px;
	float: left;
	cursor: pointer;
}

#leader_me{
	font-size: 27px;
	padding: 5px 10px;
	background-color: #F2F2F2;
}

.leaders{
	width: 359px;
	overflow: hidden;
	
}

.leader_wrapper{
	overflow: auto;
	height: 494px;
	width: 359px;
}

.leader_fr_wrapper{
	overflow: auto;
	height: 494px;
	width: 359px;
	display: none;
}

.leader_wrapper img, .leader_fr_wrapper img{
	opacity: 0.3;
	margin-top: 9px;
}



.word_letters{
	width: 141px;

	margin: 0px;
}

.word{
	width: 437px;
}

.wletter, .empty_box{
	width: 21px;
	height: 21px;
	font-size: 19px;
	float: left;
	cursor: default;
	padding: 5px;
	text-align: center;
	border: 2px solid #FFF;
	margin: 15px 3px;
	outline: 1px solid #000;
}

.empty_box.filled, .wletter.filled{
	height: 27px;
	background-color: #F18321;
	padding: 2px 5px;
}


.word_options{
	width: 140px;
}

.word_options .wempty{
	background-color: #FFFFFF;
	height: 35px;
	width: 35px;
	float: left;
	
}

.word_options .woption{
	width: 25px;
	font-size: 18px;
	float: left;
	background-color: #ADAAA8;
	cursor: pointer;
	padding: 5px;
	text-align: center;
	color: #fff;
	
}


/*
	checkbox style
*/
input[type=checkbox].css-checkbox {
display:none;
}

input[type=checkbox].css-checkbox + label.css-label {
padding-left:30px;
height:30px; 
display:inline-block;
line-height:30px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:15px;
vertical-align:middle;
cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
background-position: 0 -30px;
}

.css-label{ background-image:url('../imgs/tick.png'); }




/* Forms
================================================== */


#like_wrapper{
	position: absolute;
	width:120px;
	top: 33px;
	left: 425px;
	z-index:100;
	display:block;
}

fieldset {
  margin-bottom: 10px;
}



#form{
	display: none;
	position: absolute;
	float: left;
	margin-top: 411px;
	z-index: 5;
	margin-left: 277px;
}


input[type=text] {
	font: inherit;
	border: 1px solid black;
	color: #000;
	padding: 5px 10px;
	width: 420px;
	margin-right: 10px;
	float:left;

	-o-box-shadow: inset 1px 1px 3px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: inset 1px 1px 3px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 1px 1px 3px 0 rgba(0,0,0,0.2);
	box-shadow: inset 1px 1px 3px 0 rgba(0,0,0,0.2);
}



input[type=submit],
input[type=reset] {
  background: #fff;
  border: 1px solid #000;

  border-radius: 4px;
  padding: 5px 10px;
  font:inherit;
  font-size: 14px;

  font-weight: bold;
}

label[for=terms] {
  font-size: 13px;
  font-weight: normal;
  margin-top: 15px;
}


#fblk_wrapper{
	width: 35%;
	overflow: hidden;
	margin: 10px auto 0px;
}


/* IE7 Fix
================================================== */

.lt-ie8 .desc li {
  display: inline;
}