html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	background: #fff url(/images/back.png) repeat-x;
	font-family: Arial, Tahoma;
	font-size: 12px;
	color: #666666;
}

body.inner {background: #fff url(/images/back_inn.png) repeat-x;}

body.play {
	background: #fff;
	color: #000;
}

img {border: none;}

a {outline: none;}

form, input, ul, ul li {
	margin: 0;
	padding: 0;
}

input[type="text"], input[type="password"], textarea, select, button {outline: none;}

button::-moz-focus-inner {border: 0;}

button, label {
	cursor: pointer;
	cursor: hand;
}

button {
	background: none;
	border: none;
	font-size: 13px;
	font-family: Arial;
	color: #3a3a3a;
	font-weight: bold;
	height: 30px;
	overflow: visible;
	padding: 1px;
	margin: 0 0 0 -4px;
}

button span {
	background: url(/images/btn_left.png) no-repeat;
	display: block;
}

button span span {
	background: url(/images/btn_right.png) no-repeat right top;
	height: 24px;
	padding: 4px 18px 0 18px;
}

table {border-collapse: collapse;}

td {
	font-size: 12px;
	vertical-align: top;
}

p {margin: 0 0 10px 0;}

h1 {
	font-size: 20px;
	margin: 0 0 16px 0;
	color: #000;
}

h1 span {font-weight: normal;}

h2 {
	font-size: 14px;
	color: #000;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

h4	{
	font-size: 13px;
	color: #000;
	margin: 0 0 4px 0;
}

a:link, a:visited {color: #2971a7; text-decoration: underline;}
a:hover, a:active {color: #e7964e; text-decoration: underline;}

/* ========================================================= */

.clear {clear: both;}

.inlined {
	letter-spacing: -1;
	margin: 0;
	padding: 0;
	font-size: 0px;
}

.inlined li {
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	display: inline-block;
	list-style-type: none;
	vertical-align: top;
	letter-spacing: 0;
	font-size: 12px;
}

.inlined li img {vertical-align: bottom;}

#page_container {
	width: 956px;
	margin: 0 auto;
	position: relative;
	padding: 121px 0 0 0;
}

.inner #page_container {padding: 132px 0 0 0;}

#lang {
	position: absolute;
	top: 5px;
	right: 16px;
}

#lang a {margin: 0 3px;}

#logo {
	position: absolute;
	top: 6px;
	left: 44px;
}

#banner {
	position: absolute;
	top: 25px;
	left: 195px;
}

#total {
	position: absolute;
	top: 93px;
	left: 195px;
	font-weight: bold;
	text-transform: uppercase;
	color: #a1ddf6;
	font-sixe: 11px;
}

#total span {
	padding: 0 4px;
	background: #387aaa;
}

#menu {
	position: absolute;
	top: 100px;
	right: 20px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
}

#menu a {padding: 0 0 0 10px;}

#menu a:link, #menu a:visited {color: #fff; text-decoration: none;}
#menu a:hover, #menu a:active {color: #ffc076; text-decoration: none;}

#games {
	height: 219px;
	background: url(/images/games_back.png);
	position: relative;
	overflow: hidden;
	padding: 0 0 0 33px;
	margin: 0 0 12px 0;
}

#games_left, #games_right {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	background: url(/images/games_back.png);
}

#games_left div {background: url(/images/games_left.png) no-repeat;}

#games_left a, #games_right a {
	display: block;
	height: 219px;
	background: url(/images/games_btn_left.gif) no-repeat;
}

#games_left a:link, #games_left a:visited {background-position: 21px 90px;}
#games_left a:hover, #games_left a:active {background-position: -20px 90px;}


#games_right {
	left: auto;
	right: 0;
}

#games_right div {background: url(/images/games_right.png) no-repeat 100% 100%;}

#games_right a {background: url(/images/games_btn_right.gif) no-repeat;}

#games_right a:link, #games_right a:visited {background-position: 20px 90px;}
#games_right a:hover, #games_right a:active {background-position: -21px 90px;}

#games_active {
	position: absolute;
	bottom: 13px;
	right: 22px;
}

#games_in {
	margin-top: 23px;
	width: 7000px;
}

#games li {
	padding: 0 0 36px 0;
	background: url(/images/games_shadow.jpg) no-repeat 0 100%;
	margin: 0 0 0 17px;
}

#games li img {vertical-align: bottom;}

/*=================================*/

#centrum {
	float: left;
	width: 100%;
}

#centrum_in {margin: 0 240px;}

.inner #centrum_in {margin: 0 240px 0 20px;}

.wide #centrum_in {margin: 0 20px 0 20px;}

#left_col {
	float: left;
	width: 240px;
	margin-left: -956px;
}

#left_col_in {padding: 0 20px;}

#right_col {
	float: left;
	width: 240px;
	margin-left: -240px;
}

#right_col_in {padding: 0 21px 0 17px;}

/*=================================*/

#footer {
	padding: 40px 20px;
	color: #969696;
}

#copyright {float: right;}

/*=================================*/

.main_news_block {margin: 0 0 20px 0;}

#diver {margin: 0 -8px 6px 0;}

#diver li {margin: 0 3px 3px 0;}

#rating {margin: 21px 0 0 0;}

#rating ul {margin: 0 0 12px 0;}

#rating li {width: 100px;}

#rating h2 {margin: 0 0 2px 0;}

#login {
	padding: 0 0 18px 0;
	text-align: center;
}

.inner #login {
	padding: 0 0 18px 20px;
	text-align: left;
}

#login li {
	font-size: 13px;
	color: #3e3e40;
	font-weight: bold;
	vertical-align: middle;
	margin: 0 10px 0 0;
}

#login_repwd {
	height: 14px;
	margin: 0 0 -14px 0;
	font-size: 11px;
	font-weight: normal;
	width: 146px;
	text-align: left;
	position: relative;
}

#login li#top_link {
	width: 284px;
	font-size: 12px;
}

#login li#top_link a {
	padding: 2px 14px 4px 8px;
	background: #ededed url(/images/top_link_back.gif) no-repeat top right;
	font-weight: bold;
}

.form_input {
	width: 146px;
	height: 22px;
	border: none;
	background: url(/images/input_back.png);
	padding: 3px;
}

#main_maps {padding: 12px 0 0 0;}

#map_block {
	width: 475px;
	background: url(/images/main_map_back2.png) no-repeat 0 100%;
	margin: 0 0 0 -4px;
	overflow: hidden;
}

#map_block_in {
	width: 475px;
	min-height: 252px;
	background: url(/images/main_map_back1.png) no-repeat;
	position: relative;
	padding: 4px 0 50px 0;
	font-size: 11px;
	font-family: Verdana;
}

#map_header {
	padding: 3px 0 5px 10px;
	width: 230px;
	font-weight: bold;
	text-transform: uppercase;
	color: #a5a5a9;
}

#map_info {
	color: #717173;
	position: absolute;
	top: 7px;
	right: 10px;
}

#map_block img {margin: 0 0 0 5px;}

#map_btns {
	position: absolute;
	bottom: 16px;
	left: 210px;
	width: 100px;
}

#map_btns li {margin: 0 10px 0 0;}

a#map_btn_left, a#map_btn_right {
	display: block;
	width: 22px;
	height: 23px;
	background: url(/images/maps_btn.png) no-repeat;
}

a#map_btn_left:link, a#map_btn_left:visited {background-position: 0 -23px;}
a#map_btn_left:hover, a#map_btn_left:active {background-position: 0 0;}

a#map_btn_right:link, a#map_btn_right:visited {background-position: -22px -23px;}
a#map_btn_right:hover, a#map_btn_right:active {background-position: -22px 0;}

#main_forum {padding: 18px 0 0 0;}

#main_forum td {
	width: 50%;
	border-bottom: 1px solid #d1d1d1;
	padding: 5px 0 6px 0;
}

.forum_data {text-align: right;}

#regform {
	width: 350px;
	padding: 10px 0;
}

#regform li {
	width: 196px;
	vertical-align: middle;
	margin: 0 0 9px 0;
}

#regform li.regform_text {
	width: 138px;
	font-weight: bold;
}

#regform li.regform_note {
	margin: -10px -196px 0 -40px;
	position: relative;
}

#regform li span {font-size: 11px;}

#regform_btns {
	text-align: center;
	padding: 14px 0 0 0;
}

p.news_date {
	margin: 15px 0 25px 0;
	font-weight: bold;
	color: #000;
}

p.news_date a {font-weight: normal;}

#pager {text-align: right;}

#pager a, #pager span {padding: 0 5px;}

#pager span {font-weight: bold;}

.game_block {
	padding: 0 0 20px 224px;
}

.game_img {
	float: left;
	margin: 0 0 0 -224px;
	background: url(/images/game_shade.png) no-repeat 0 100%;
	padding: 0 0 36px 0;
}

.game_btm {
	border-bottom: 1px solid #afb5bc;
	text-align: right;
	height: 8px;
}

.game_btm a {
	background: #fff;
	padding: 0 0 0 10px;
	float: right;
	margin: 0 0 -4px 0;
	position: relative;
}

.game_hidden {
	filter: alpha(opacity=40);
	-khtml-opacity: 0.4;
	-moz-opacity: 0.4;
	opacity: 0.4;
}

.last {float: right !important;}

#play {
	height: 117px;
	background: url(/images/play_back.png) repeat-x;
}

#play_logo {
	position: absolute;
	top: 1px;
	left: 0;
	z-index: 5;
}

#play_panel {
	position: absolute;
	top: 1px;
	right: 0;
	z-index: 5;
	height: 109px;
	background: url(/images/play_panel_back.png);
	padding: 0 16px 0 20px;
}

#play_panel_left {
	position: absolute;
	top: 0;
	left: -15px;
}

#play_panel ul {letter-spacing: 0;}

#play_panel li {
	text-align: center;
	padding: 10px 0 0 0;	
}

.pp_detail1 {
	width: 73px;
	height: 19px;
	background: url(/images/play_panel_sprite.png) no-repeat 0 -19px;
	font-size: 16px;
	font-weight: bold;
	line-height: 19px;
	margin: 0 auto;
}

.done .pp_detail1 {color: #263058;}
.cur {color: #e6e9fe;}
.ready {color: #9acdf8;}

.pp_detail2 {
	width: 73px;
	height: 19px;
	background: #fff;
	border: 1px solid #018db4;
	font-size: 11px;
	font-weight: bold;
	color: #042336;
	margin: 2px 0 0 0;
	text-align: center;
	text-transform: uppercase;
}

.done .pp_detail2 {
	border: none;
	color: #09d9f7;
	background: #018db4;
	line-height: 19px;
	margin: 2px auto 0 auto;
}

.pp_detail3 {
	display: block;
	width: 77px;
	height: 26px;
	background: url(/images/play_panel_sprite.png) no-repeat 0 -88px;
}

.done .pp_detail3 {background-position: 0 -38px;}

.pp_detail4 {
	display: block;
	width: 77px;
	height: 24px;
	background: url(/images/play_panel_sprite.png) no-repeat 0 -114px;
}

.done .pp_detail4 {background-position: 0 -64px;}

#play_stats1 {
	position: absolute;
	top: 5px;
	left: 132px;
}

#play_stats1 h1 {
	font-size: 16px;
	margin: 0 0 7px 0;
}

#play_stats2 {
	position: absolute;
	top: 5px;
	right: 100%;
	white-space: nowrap;
	text-align: right;
	margin: 0 20px 0 0;
}

#play_info {
	position: absolute;
	top: 98px;
	left: 131px;
	color: #8b8c92;
}

#play_info span {
	color: #bfbfa0;
	font-weight: bold;
}

#play_btns {
	position: absolute;
	top: 71px;
	left: 130px;
}

#play_btns ul {
	background: #27272c;
	border-left: 1px solid #78787f;
	border-right: 1px solid #78787f;
	border-top: 1px solid #797981;
	border-bottom: 1px solid #434349;
	margin: 0 3px 0 0;
	float: left;
	letter-spacing: 0;
}

#play_btns select {
	width: 128px;
	height: 19px;
	font-family: Tahoma;
	color: #333333;
	font-size: 11px;
	margin: 2px 0 0 2px;
}

#play_btns option {
	font-family: Tahoma;
	color: #333333;
	font-size: 11px;
}

#play_btns a {
	font-size: 11px;
	font-family: Tahoma;
	font-weight: bold;
	line-height: 21px;
	padding: 0 12px;
}

#play_btns a:link, #play_btns a:visited {color: #c70101; text-decoration: underline;}
#play_btns a:hover, #play_btns a:active {color: #fff; text-decoration: underline;}

#play_btns a.play_btn {
	display: block;
	height: 23px;
	background: url(/images/play_task_btn_left.png) no-repeat;
	padding: 0;
}

#play_btns a.play_btn span {
	display: block;
	height: 23px;
	background: url(/images/play_task_btn_right.gif) no-repeat 100% 0;
	padding: 0 12px;
}

#play_btns a.play_btn:link, #play_btns a.play_btn:visited {color: #c8c9d2; text-decoration: none;}
#play_btns a.play_btn:hover, #play_btns a.play_btn:active {color: #fff; text-decoration: none;}

#play_overlay {
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	z-index: 25;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=40);
	-khtml-opacity: 0.4;
	-moz-opacity: 0.4;
	opacity: 0.4;
}

.r-star-shape {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 478px;
	z-index: 26;
	margin: -177px 0 0 -239px;
	float: left;
}

.r-star-shape {
	position: relative;
	overflow: hidden;
	padding: 10px 0;
}

#play_task {
	min-height: 335px;
	position: relative;
	padding: 0 12px;
	background: #fff url(/images/play_task_logo.png) no-repeat 340px 240px;
}

.r-star-shape .cn {
	position: absolute;
	width: 20px;
	height: 20px;
	left: -10px;
	top: -10px;
}

.r-star-shape .cn.tr, .r-star-shape .cn.br {margin-left: 100%;}
.r-star-shape .cn.bl, .r-star-shape .cn.br {top: auto;}
.r-star-shape .cn {background: url(/images/r-star2.png);}
.r-star-shape .cn.tl, .r-star-shape .cn.bl {width:100%;}

#pt_close {
	position: absolute;
	top: 0;
	right: 10px;
}