html, body, div, form, fieldset, legend, label {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th, td {
	text-align: left;
	vertical-align: top;
}

h1, h2, h3, h4, h5, h6, th, td, caption {
	font-weight:400;
}

h2 {
	font-size: 21px;
}

img {
	border: 0;
}

a {
	color: #fff;
	font-size: 13px;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #ccc;
}

a:visited {
	color: #ccc;
}

.clear {
	clear:both;
	height:0;
	font-size: 0;
}

html, body {
	height: 100%;
	min-height: 100%;
	width: 100%;
}

body {
	color: #000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 100.01%;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	position: relative;
	line-height: 140%;
	background: url('images/content-bg.png') repeat 0 0;
}


/***********************************************
* main
************************************************/
#main {
	margin: 0 auto;
	width: 100%;
	padding: 0;
	font-size: 13px;
	height:auto !important;
	height:100%;
	min-height:100%;
  min-width:1020px;
}

#main .inner {
	padding: 0 20px;
	width: 960px;
	margin: 0 auto;
}

#main .inner .text-box {
	padding: 20px 30px 30px;
	background-color: #fefefe;
	margin: 20px 0 20px;
	border-radius: 6px;
  -webkit-box-shadow: 0px 0px 2px  #ccc;
  box-shadow: 0 0 2px #ccc;
}

#main .inner .text-box h2 {
	margin-top: 0;
}


/***********************************************
* header 
************************************************/
#header {
	width: 100%;
	height: 85px;
	background: url('images/bg.png') repeat-x 0 0;
}

#header .inner {
	height: 85px;
}


#header .logo {
	float:left;
	height:67px;
	width:225px;
	z-index:10;
	padding:18px 0 0 0;
}

#header .logo h1 {
	color:#383431;
	font-weight:400;
	height:52px;
	line-height:80px;
	margin:0;
	padding:0;
	width:225px;
}

#header .logo h1 a,
#header .logo h1 a:visited {
	color:#383431;
	display:block;
	height:42px;
	line-height:80px;
	text-decoration:none;
	width:210px;
	margin:0;
	padding:5px 5px 5px 0;
	font-size:1.46em;
	border: 0;
}

#header .logo h1 a img {
	border:0 none;
	font-size:2.15em;
	margin:0;
}

#header .logo h1 a b {
	font-size:13px;
	text-transform: uppercase;
	text-align: center;
	display: none;
	line-height: 13px;
	padding-top: 5px;
	color: #333;
}

/***********************************************
* header 
* * menu
************************************************/

#header .menu {
	float: right;
	width: 700px;
	height: 85px;
	padding: 0;
	overflow: hidden;
}

#header .menu ul {
	height: 85px;
	float:right;
	list-style-type:none;
	margin:0 auto;
	padding:0;
	position:relative;
}

#header .menu ul li {
	float:left;
	position:relative;
}

#header .menu ul li a {
	color: #fff;
	line-height: 85px;
	border-bottom: 1px solid #fff;
	padding: 3px 0 1px;
	margin: 0 0 0 42px;
}

#header .menu ul li.current a {
	color: #ccc;
	border-bottom: 0 none;
}

#header .menu ul li a:hover {
	color: #ccc;
	border-bottom: 1px solid #ccc;
}

#header .menu .play {
	float: right;
	width: 224px;
	height: 60px;
	background: url('images/play-bg.png') no-repeat 0 0;
}

#header .menu .play a {
	color: #fff;
	font-size: 18px;
	display: block;
	text-align: center;
	line-height: 58px;
	width: 224px;
	height: 60px;
}

/***********************************************
* bar
************************************************/
#bar {
	height: 285px;
	width: 100%;
	clear: both;
	background: url('images/bg.png') repeat-x 0 -85px;
}

#bar .inner {
	height: 285px;
	background: url('images/bar-light.jpg') no-repeat center bottom;
}

/***********************************************
* bar
* * wtf
************************************************/
#bar .wtf {
	width: 320px;
	float: left;
	margin-right: 35px;
}

#bar .wtf h2,
#bar .wtf p {
	color: #fff;
	text-shadow: -1px -1px 0 #ec650a;
}

#bar .wtf p b {
  font-weight:400;
}

#bar .wtf .mini-stat {
	clear: both;
	height: 60px;
	padding-top: 10px;
}

#bar .wtf .mini-stat .vz {
	width: 14px;
	height: 49px;
	float: left;
	font-size: 0;
	margin-top: 3px;
	background: url('images/vz.png') no-repeat 0 0;
	margin-right: 20px;
}

#bar .wtf .mini-stat p {
	display: block;
	float: left;
	color: #fff;
	margin: 0;
	padding: 5px 10px;
	background-color: #f17b1e;
	border-style: solid;
	border-color: #f49a4b #dc6f18 #dc6b17 #f49548;
	border-width: 1px;
	border-radius: 8px;
}

/***********************************************
* bar
* * c-rating // country rating
************************************************/
#bar .c-rating {
	width: 340px;
	float: left;
}

#bar .c-rating h2 {
	color: #fff;
	text-shadow: -1px -1px 0 #ec650a;
}

#bar .c-rating .rating {
	margin: 0;
}

#bar .c-rating .rating .item {
	height: 47px;
	background: url('images/c-rating-bg.png') repeat 0 0;
	margin-bottom: 15px;
	border-radius: 3px;
}

#bar .c-rating .rating .item span {
	display: block;
	float: left;
	height: 48px;
}

#bar .c-rating .rating .item span.flag {
	width: 16px;
	height: 11px;
	margin: 9px 10px 27px;
}

#bar .c-rating .rating .item span.name {
	color: #000;
	font-size: 11px;
	padding: 3px 10px 0 0;
	width: 185px;
}

#bar .c-rating .rating .item span.name a {
	color: #000;
	font-size: 18px;
	font-weight: 400;
}

#bar .c-rating .rating .item span.name a:hover {
	border-bottom: 1px solid #000;
}

#bar .c-rating .rating .item span.rate {
	font-size: 18px;
	line-height: 47px;
	border-left: 1px solid #f6950f;
	border-right: 1px solid #f6950f;
	padding: 0 10px;
  width: 55px;
}

#bar .c-rating .rating .item span.stat {
	font-size: 17px;
	line-height: 48px;
	padding: 0;
	text-align: center;
	width: 30px;
}

#bar .c-rating .rating .other {
	padding: 0 10px;
}

#bar .c-rating .rating .other a {
	color: #000;
}

#bar .c-rating .rating .other a:hover {
	border-bottom: 1px solid #000;
}


/***********************************************
* bar
* * panel
************************************************/
#bar .panel {
	width: 220px;
	height: 255px;
	float: right;
	margin-top: 15px;
	background: #fff;
	border-radius: 3px;
}

/***********************************************
* bar
* * panel
* * * login-panel
************************************************/
#bar .panel #login-panel {
	padding-top: 20px;
}

/***********************************************
* bar
* * panel
* * * user-panel
************************************************/
#bar .panel #user-panel {
	display: block;
	padding: 10px 15px 10px;
	position: relative;
}

#bar .panel #user-panel a.exit {
	background: url("/images/quit.png") no-repeat scroll 0 0 transparent;
	color: #000;
	display: block;
	font-size: 0;
	height: 69px;
	line-height: 78%;
	padding: 0;
	position: absolute;
	right: -19px;
	text-align: center;
	top: 0;
	width: 23px;
}

#bar .panel #user-panel span.name {
	clear: both;
	display: block;
	font-size: 21px;
	margin-bottom: 10px;
}

#bar .panel #user-panel img.userpic {
	float: left;
	margin: 0 10px 5px 0;
}

#bar .panel #user-panel p {
	line-height: 140%;
	margin: 0 0 10px;
}

#bar .panel #user-panel p.rating {
	margin-bottom: 20px;
}

#bar .panel #user-panel p.exit {
	padding-top: 10px;
}

#bar .panel #user-panel p a,
#bar .panel #user-panel p a:visited {
	border-bottom: 1px solid #06c;
	color: #06c;
}

#bar .panel #user-panel p a:hover {
	border-bottom: 1px solid #f00;
	color: #f00;
}

#bar .panel #user-panel a.btn {
	margin: 0;
}

#bar .panel a.btn,
#forumbar a.btn,
#forms a.btn {
	/* background: #222 url(images/button-bg.png) repeat-x; */
	display: inline-block;
  width:160px;
	padding: 11px 0;
  text-align:center;
  font-size:16px;
	color: #fff;
  font-weight:700;
  line-height:1;
	text-decoration: none;
	border-radius: 6px;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer
}

#forms a.reg {
  width:200px;
}

#bar #login-panel a.btn,
#bar #user-panel a.btn {
  margin: 0 auto 12px;
  display:block;
  width:190px;
}

#bar .panel a.btn:hover {
	color: #fff;
}

#bar .panel a.btn.start,
#forumbar a.btn.start,
#forms a.btn.start {
	border-radius: 6px;
	background: #D21B3A url('images/btn-gd2.png') repeat-x top;
	text-shadow: -1px -1px 0 #d11a37;
}

#bar .panel a.btn.start:hover,
#forumbar a.btn.start:hover,
#forms a.btn.start:hover {
	background: #c31230 url('images/btn-gd2.png') repeat-x top;
}

#bar .panel a.btn.start:active,
#forumbar a.btn.start:active,
#forms a.btn.start:active {
	background: #a10621 url('images/btn-gd2.png') repeat-x top;
}

#bar .panel a.btn.auth,
#forumbar a.btn.auth,
#forms a.btn.auth {
  text-shadow: -1px -1px 0 #60981f;
	border-radius: 6px;
	background: #60991F url('images/btn-gd2.png') repeat-x top;
}

#bar .panel a.btn.auth:hover,
#forumbar a.btn.auth:hover,
#forms a.btn.auth:hover {
  background: #579411 url('images/btn-gd2.png') repeat-x top;
}

#bar .panel a.btn.auth:active,
#forumbar a.btn.auth:active,
#forms a.btn.auth:active {
  background: #4f8214 url('images/btn-gd2.png') repeat-x top;
}

#bar .panel a.btn.reg,
#forumbar a.btn.reg,
#forms a.btn.reg {
	border-radius: 6px;
	background: #f76e0f url('images/btn-gd2.png') repeat-x top;;
	text-shadow: -1px -1px 0 #ec670b;
}

#bar .panel a.btn.reg:hover,
#forumbar a.btn.reg:hover,
#forms a.btn.reg:hover {
	background: #e9680e url('images/btn-gd2.png') repeat-x top;
}


#bar .panel a.btn.reg:active,
#forumbar a.btn.reg:active,
#forms a.btn.reg:active {
	background: #d45c08 url('images/btn-gd2.png') repeat-x top;
}

#bar .panel p.info {
	margin-top: 25px;
	padding: 0 15px;
	font-size: 11px;
	line-height: 140%;
}

#forumbar a.btn {
	float: left;
	margin: 11px 20px 11px 0;
}

#forumbar p.info {
	margin: 0;
	padding: 11px;
	line-height: 140%;
	color: #fff;
	text-align: right;
	text-shadow: -1px -1px 0 #EC650A;
}


#forumbar #user-panel {
	padding: 0;
}

#forumbar #user-panel div,
#forumbar #user-panel img {
	float: left;
}

#forumbar #user-panel img {
	margin-right: 10px;
}

#forumbar #user-panel .user,
#forumbar #user-panel .rating,
#forumbar #user-panel .links {
 display: block;
	float: left;
	margin: 0 25px 0 0;
	padding: 6px 0;
  color: #fff;
}

#forumbar #user-panel .user .name {
	font-size: 20px;
  text-shadow: -1px -1px 0 #EC650A;
  color: #fff;
}

#forumbar #user-panel .user a,
#forumbar #user-panel .links a {
	color: #fff;
  text-shadow:-1px -1px 0 #EC650A;
}

#forumbar #user-panel .buttons {
	float: right;
}

#forumbar #user-panel .buttons a {
	margin-right: 0;
}





/***********************************************
* bar
* * game-setting
************************************************/
#bar .game-setting {
	width: 700px;
	float: left;
}

#bar .game-setting h2 {
	color: #fff;
	text-shadow: -1px -1px 0 #ec650a;
	margin-bottom: 25px;
}

#bar .game-setting .sett {
	clear: both;
	margin:0 0 20px;
	height: 55px;
	padding:0;
}

#bar .game-setting .btype {
  margin:0;
}

#bar .game-setting .sett .capt {
	text-align: left;
	margin-bottom: 19px;
	width: 100%;
	height: 22px;
	padding: 0;
  position: relative;
}

#bar .game-setting .sett .capt a,
#bar .game-setting .sett .capt a:hover {
	color: #fff;
	margin: 0;
	text-shadow: -1px -1px 0 #ec650a;
	position: absolute;
	display: block;
  font-size: 13px;
  line-height: 18px;
  border-bottom:1px dashed;
}

#bar .game-setting #sett-level .capt a.first {
	left: 0;
}

#bar .game-setting #sett-level .capt a.c2 {
	left: 151px;
}

#bar .game-setting #sett-level .capt a.c3 {
	left: 327px;
}

#bar .game-setting #sett-level .capt a.c4 {
	left: 476px;
}

#bar .game-setting #sett-level .capt a.c5 {
	left: 610px;
}

#bar .game-setting .sett .capt a.current {
	border-bottom: 0 none;
	color: #ff6;
}

#bar .game-setting #sett-gtype .capt a.c1 {
	left: 0;
}

#bar .game-setting #sett-gtype .capt a.c2 {
	left: 319px
}

#bar .game-setting #sett-gtype .capt a.c3 {
	left: 551px;
	white-space: nowrap;
}

#bar .game-setting #sett-btype .capt a.c1 {
	left: 0;
}

#bar .game-setting #sett-btype .capt a.c2 {
	left: 611px;
	white-space: nowrap;
}

#bar .game-setting .sett .trackbar {
	height: 1px;
	background-color: #fac485;
	border-top: 1px solid #7a4406;
	position: relative;
}

#bar .game-setting .sett .trackbar .track {
	width: 33px;
	height: 31px;
	background: url('/images/track.png') no-repeat 0 0;
	position: relative;
	font-size: 0;
	top: -21px;
	left: 167px;
	cursor: ew-resize;
}

#bar .game-setting .sett.gtype .trackbar .track {
	left: 334px;
}

#bar .game-setting .sett.btype .trackbar .track {
	left: 0px;
}


/***********************************************
* content 
************************************************/
#content {
  clear: both;
	min-height: 100px;
}

/***********************************************
* content 
** left
************************************************/
#content .left {
	width: 325px;
	float: left;
	margin-right: 20px;
  padding-bottom: 20px;
}

#content .left.w230 {
  width: 230px;
}

/***********************************************
* content 
* * left
* * * news
************************************************/
#content .left .news {
	margin-bottom: 30px;
}

#content .left .news h2 {
	color: #000;
	text-shadow: 1px 1px 0 #fefefe;
}

#content .left .news h2 a.rss {
	margin-left: 10px;
}

#content .left .news .item,
#content .right .last-topic .item,
#content .right .last-comment .item,
#content .right .reviews .item {
	border: solid #bebebe;
	border-width: 0 1px;
	background-color: #fff;
	padding: 7px 9px 0;
	margin: 0;
  position: relative;
}

#content .right .reviews.spons .item {
  padding:0 0 10px 9px;
}

#content .right .reviews .item {
	border-width: 1px;
	border-radius: 6px;
}

#content .left .news .item.first,
#content .right .last-topic .item.first,
#content .right .last-comment .item.first,
#content .right .reviews .item.first {
	border-width: 1px 1px 0;
	border-radius: 6px 6px 0 0;
}

#content .left .news .item.end,
#content .right .last-topic .item.end,
#content .right .last-comment .item.end,
#content .right .reviews .item.end {
	border-width: 0 1px 1px;
	border-radius: 0 0 6px 6px;
}

#content .left .news .item span.arrow,
#content .right .last-topic .item span.arrow,
#content .right .last-comment .item span.arrow,
#content .right .reviews .item span.arrow {
	width:22px;
	height:11px;
	position:absolute;
	top:-11px;
	left:20px;
	background: url('images/item-arrow.png') no-repeat 0 0;
}

#content .left .news .item span.info,
#content .right .last-topic .item span.info,
#content .right .last-comment .item span.info,
#content .right .reviews .item span.info {
	font-size: 11px;
	color: #666;
	margin-right: 15px;
}

#content .left .news .item a,
#content .right .last-topic .item a,
#content .right .last-comment .item a,
#content .right .reviews .item a {
	color: #06c;
	border-bottom: 1px solid #06c;
}

#content .left .news .item a:visited,
#content .right .last-topic .item a:visited,
#content .right .last-comment .item a:visited,
#content .right .reviews .item a:visited {
	color: #639;
	border-bottom: 1px solid #639;
}

#content .left .news .item a:hover,
#content .right .last-topic .item a:hover,
#content .right .last-comment .item a:hover,
#content .right .reviews .item a:hover {
	color: #f00;
	border-bottom: 1px solid #f00;
}

#content .left .news .item p,
#content .right .last-topic .item p,
#content .right .last-comment .item p,
#content .right .reviews .item p {
	margin: 0;
	font-size: 13px;
	padding-top: 3px;
}

#content .right .reviews .item p {
	padding-bottom: 10px;
}

#content .left .news .item p,
#content .right .last-topic .item p,
#content .right .last-comment .item p {
	padding-bottom: 10px;
	border-bottom: 1px dotted #bebebe;
}

#content .left .news .item.end p,
#content .right .last-topic .item.end p,
#content .right .last-comment .item.end p {
	border-bottom: 0px none;
}

/***********************************************
* content
* * left
* * * news best-time
* * * news rating
************************************************/
#content .left .news.best-time .item {
  height: 55px
}

#content .left .news.best-time .item.first.end,
#content .left .news.rating .item.first.end {
    border-radius: 6px;
    border-width: 1px;
}

#content .left .news.best-time .item div {
  float: left;
  width: 140px;
}

#content .left .news.rating .item tr td {
  padding: 0 2px;
}

#content .left .news.rating .item tr th {
  font-weight: 700;
}

#content .left .news.rating .item tr:nth-child(2n) td {
  background-color: #eee;
}

#content .left .news.rating .item tr.current td {
  background-color: #9c9;
}


/***********************************************
* content 
* * left
* * * facebook
************************************************/
#content .left .facebook {
	margin-bottom: 30px;
}

/***********************************************
* content 
* * right
************************************************/
#content .right {
	float: left;
	width: 615px;
  padding-bottom: 20px;
}

#content .left.w725,
#content .right.w725 {
  width:725px;
  float: right;
  margin-right:0;
}

/***********************************************
* content 
* * right
* * * last topic
* * * last comment
************************************************/
#content .right .last-topic,
#content .right .last-comment {
	width: 380px;
	margin-bottom: 10px;
	float: left;
}

#content .right .last-topic h2 ,
#content .right .last-comment h2 {
	text-shadow: 1px 1px 0 #fefefe;
}

#content .right .last-comment {
	margin-bottom: 30px;
}

/***********************************************
* content 
* * right
* * * reviews
************************************************/
#content .right .reviews {
	width: 220px;
	float: right;
	clear: right;
}

#content .right .reviews h2 {
	text-shadow: 1px 1px 0 #fefefe;
}

#content .right .reviews .item {
	padding-top: 10px;
}

#content .right .reviews .item img.av {
	float: left;
	margin: 0 10px 5px 0;
}

#content .right .reviews .item span.name {
	clear: both;
	display: block;
	font-weight: 700;
}

/***********************************************
* content
* * right
* * * facebook
************************************************/
#content .right .facebook {
  background-color:#fff;
  float:left;
}


/***********************************************
* empty inner
************************************************/
.empty_inner {
	height: 193px;
	font-size: 0;
}

/***********************************************
* overlay
************************************************/
#overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top:0;
	bottom: 0;
	right: 0;
	background-color: #111;
	font-size: 0;
	opacity: 1;
	z-index: 10;

	display: none;
}

#overlay.white {
	background-color: #f1f1f1;
}
/***********************************************
* forms
************************************************/
#forms {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top:0;
	bottom: 0;
	right: 0;
	z-index: 11;

	display: none;
}

/***********************************************
* forms
* * form-auth
************************************************/
#form-auth {
	width: 620px;
	margin: 50px auto 0;
	background-color: #fff;
	padding: 20px 40px;
	position: relative;

	display: none; /**/

}

#form-auth a.close {
	position: absolute;
	right: 40px;
	top: 26px;
	color: #999;
	font-size: 12px;
}

#form-auth h2 {
	font-size: 20px;
	color: #000;
	margin: 0 0 20px;
	padding: 5px 0 10px;
	border-bottom: 1px solid #e4e4e4;
}

#form-auth h2 span {
	font-size: 12px;
}

#form-auth h2 span a,
#form-auth h2 span a:visited,
#form-auth p a,
#form-auth p a:visited {
	font-size: 12px;
	color: #09c;
	border-bottom: 1px dotted #09c;
}

#form-auth h2 span a:hover,
#form-auth p a:hover {
	color: #f00;
	border-bottom: 1px dotted #f00;
}

#form-auth .form {
	width: 350px;
	float: left;
	padding: 0 20px 0 0;
	border-right: 1px solid #e4e4e4;
	position: relative;
}

#form-auth .form i.or {
	background-color: #fff;
	padding: 5px;
	position: absolute;
	right: -19px;
	top: 42%;
}

#form-auth .form dl {
	margin: 0;
}

#form-auth .form dl dt label {
	font-size: 13px;
}

#form-auth .form dl dd {
	margin: 0 0 15px;
	position: relative;
}

#form-reg .form dl dd#reg-mess,
#form-auth .form dl dd#auth-mess {
	margin: 0;
}

#form-auth .form dl dd#auth-mess p {
	font-size: 12px;
}

#form-reg .form dl dd#reg-mess p.err,
#form-auth .form dl dd#auth-mess p.err {
	color: #900;
}

#form-reg .form dl dd#reg-mess p.succ,
#form-auth .form dl dd#auth-mess p.succ {
	color: #090;
}

#form-reg .form dl dd input,
#form-auth .form dl dd input {
	font-size: 18px;
	font-weight: 400;
	padding: 6px 5px;
	width: 320px;
	border: 1px solid;
	border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
	border-radius: 2px;
}

#form-reg .form dl dd input:hover,
#form-auth .form dl dd input:hover {
	border-color: #5794bf #b7d5ea #c7e2f1 #c5daed;
}

#form-reg .form dl dd input.validation-failed,
#form-auth .form dl dd input.validation-failed {
	border: 1px solid #C56464;
	background-color: #ffefef;
}

#form-reg .form dl dd input.validation-passed,
#form-auth .form dl dd input.validation-passed {
	border: 1px solid #89D431;
	background-color: #f6ffec;
}

#form-reg .form dl dd div.validation-advice,
#form-auth .form dl dd div.validation-advice {
	color: #666;
	font-size: 11px;
	position: absolute;
}

#form-auth .form dl dd input.toggle {
	margin: 7px 5px 0 0;
	padding: 0;
	width: 15px;;
}

#form-auth .form dl dd span {
	color: #666;
	font-size: 11px;
	line-height: 11px;
	margin: 0;
	padding: 0;
}

#form-auth .form p {
	font-size: 13px;
}

#form-auth .form p.zp {
	margin: 0;
	padding: 20px 0 0;
}

#forms a.btn {
	margin: 0;
}

#form-auth .open-id {
	float: left;
	height: 250px;
	padding: 0 0 20px 30px;
	position: relative;
	width: 215px;
}


#form-auth .open-id p {
	font-size: 12px;
	margin: 0 0 18px;
}

#form-auth .open-id .openids {
	padding: 0;
}

#form-auth .open-id a {
	display: block;
	width: 100px;
	height: 35px;
	border: 1px solid #bebebe;
	border-radius: 2px;
	margin: 0 5px 7px 0;
	float: left;
	text-align: center;
	cursor: default;
}

#form-auth .open-id a.google span,
#form-auth .open-id a.yandex span,
#form-auth .open-id a.mail span {
	width: 90px;
	height: 25px;
	display: block;
	margin: 5px;
	line-height: 25px;
	/*
	background: url('images/openid.png') no-repeat 0 0;
	}

	#form-auth .open-id a.yandex span {
	/* background: url('images/openid.png') no-repeat 0 -25px;
	}

	#form-auth .open-id a.mail span {
	background: url('images/openid.png') no-repeat 0 -50px;
	}
	*/
}

/***********************************************
* forms
* * form-reg
************************************************/
#form-reg {
	width: 850px;
	margin: 50px auto 0;
	background-color: #fff;
	padding: 20px 40px;
	position: relative;

	display: none; /**/
}

#form-reg a.close {
	position: absolute;
	right: 33px;
	top: 20px;
	color: #999;
	font-size: 12px;
	padding: 7px;
}

#form-reg h2 {
	font-size: 20px;
	color: #000;
	margin: 0 0 20px;
	padding: 5px 0 10px;
	border-bottom: 1px solid #e4e4e4;
}

#form-reg h2 span {
	font-size: 12px;
}

#form-reg h2 span a,
#form-reg h2 span a:visited,
#form-reg p a,
#form-reg p a:visited {
	font-size: 12px;
	color: #09c;
	border-bottom: 1px dotted #09c;
}

#form-reg h2 span a:hover,
#form-reg p a:hover {
	color: #f00;
	border-bottom: 1px dotted #f00;
}

#form-reg .form {
	width: 580px;
	float: left;
	padding: 0 20px 0 0;
	border-right: 1px solid #e4e4e4;
	position: relative;
}

#form-reg .form i.or {
	background-color: #fff;
	padding: 5px;
	position: absolute;
	right: -19px;
	top: 42%;
}

#form-reg .form dl dt {
	position: relative;
}

#form-reg .form dl dt label {
	font-size: 13px;
}

#form-reg .form dl dt span {
	font-size: 11px;
	left: 350px;
	top: 25px;
	line-height: 140%;
	margin: 0;
	color: #666;
	position: absolute;
}

#form-reg .form dl dd {
	margin: 0 0 15px;
}

#form-reg .form dl dd input {
	font-size: 18px;
	font-weight: 400;
	padding: 6px 5px;
	width: 320px;
}

#form-reg .form dl dd input.toggle {
	margin: 7px 5px 0 0;
	padding: 0;
	width: 15px;;
}

#form-reg .form dl dd span {
	color: #666;
	font-size: 11px;
	line-height: 11px;
	margin: 0;
	padding: 0;
}

#form-reg .form p {
	font-size: 13px;
}

#form-reg .form p.zp {
	margin: 0;
	padding: 20px 0 0;
}

#forms a.btn {
	margin: 0;
}

#form-reg .open-id {
	float: left;
	height: 250px;
	padding: 0 0 20px 30px;
	position: relative;
	width: 215px;
}


#form-reg .open-id p {
	font-size: 12px;
	margin: 0 0 18px;
}

#form-reg .open-id .openids {
	padding: 0;
}

#form-reg .open-id a {
	display: block;
	width: 100px;
	height: 35px;
	border: 1px solid #bebebe;
	border-radius: 6px;
	margin: 0 5px 7px 0;
	float: left;
	text-align: center;
	cursor: default;
}

#form-reg .open-id a.google span,
#form-reg .open-id a.yandex span,
#form-reg .open-id a.mail span {
	width: 90px;
	height: 25px;
	display: block;
	margin: 5px;
	line-height: 25px;
	/*
	background: url('images/openid.png') no-repeat 0 0;
	}

	#form-auth .open-id a.yandex span {
	/* background: url('images/openid.png') no-repeat 0 -25px;
	}

	#form-auth .open-id a.mail span {
	background: url('images/openid.png') no-repeat 0 -50px;
	}
	*/
}


/***********************************************
* play-base
************************************************/
#play-base {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 11;

	display: none;
}

/***********************************************
* play-base
* * base
************************************************/
#play-base .inner {
	display: block;
	margin: 0 auto;
	padding: 10px 20px 10px 30px;
	position: relative;
	width: 950px;
}

#play-base .inner .logo {
	float: left;
	height: 52px;
	padding: 12px 0 10px;
	width: 280px;
	z-index: 11;
	clear: both;
}

#play-base .inner #digits {
	left: 200px;
	padding-top: 135px;
	position: absolute;
	width: 30px;
	text-align: center;
}

#play-base .inner #digits.size2 {
  left:119px;
  padding-top:169px;
}

#play-base .inner #digits.size3 {
  left:65px;
  padding-top:195px;
}

#play-base .inner #digits i {
	float: left;
	font-style: normal;
	width: 30px;
	color: #ccc;
	font-size: 16px;
}

#play-base.white .inner #digits i {
	color: #333;
}

#play-base .inner #digits i.up {
	color: #333333;
}

#play-base.white .inner #digits i.up {
	color: #DEDEDE;
}

#play-base .inner .game-info .size {
	text-align: left;
}

#play-base .inner .game-info .size a {
	text-decoration: none;
	margin: 0 7px;
	border: 0 none;
	color: #999;
  border-bottom:1px dashed;
}

#play-base .inner .game-info .size a.current {
	color: #fff;
}

#play-base.white .inner .game-info .size a.current {
	color: #222;
}


#play-base .inner #base {
	background-color: #333;
	display: block;
	margin: 12px 0 0 200px;
	padding: 0;
	position: relative;
	float: left;
	width: 420px;
	height: 420px;
	border: 6px solid #DDDEE2;
	border-radius: 4px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.81em;
	-moz-user-select:none;
}

#play-base.white .inner #base {
	border-color: #999;
}

#play-base .inner #base.size2 {
	width: 501px;
	height: 501px;
	margin: 12px 0 0 119px;
}

#play-base .inner #base.size3 {
	width: 555px;
	height: 555px;
	margin: 12px 0 0 65px;
}

#play-base .inner #base #stone {
	display: none;
}

/*
#base .fon {
width:421px;
height:421px;
position:absolute;
z-index:100;
display:block;
left:0;
top:0;
background:#f8f8f8;
}

#base .fon b {
background:transparent url(images/back.png) no-repeat scroll 0 0;
height:145px;
left:58px;
position:relative;
text-indent:-9999px;
top:145px;
width:318px;
display:block;
}*/

#base .square {
	width:138px;
	height:138px;
	background-color:#ccc;
	position:relative;
	float:left;
	border:1px solid #666;
	margin:0;
}

#base.size2 .square {
	width:165px;
	height:165px;
}

#base.size3 .square {
	width:183px;
	height:183px;
}

#base .square .num {
	width:45px;
	height:45px;
	float:left;
	position:relative;
	text-align:center;
	z-index:10;
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
	font-size:1.54em;
}

#base.size2 .square .num {
	width:54px;
	height:54px;
}

#base.size3 .square .num {
	width:60px;
	height:60px;
}

#base .square .num .pole {
	width:45px;
	height:45px;
	color:#333;
	line-height:45px;
	cursor:pointer;
	position:relative;
	z-index:9;
	font-size:1em;
}

#base.size2 .square .num .pole {
	width:54px;
	height:54px;
	line-height:54px;
	font-size:1.15em;
}

#base.size3 .square .num .pole {
	width:60px;
	height:60px;
	line-height:60px;
	font-size:1.3em;
}

#base .square .num .pole.row,
#base .square .num .pole.col {
	background-color:#ddd;
}

#base .square .num .pole.cond {
	cursor:default;
}

#base .square .num .change {
	width:45px;
	height:45px;
	display:none;
	font-size:0.43em;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

#base.size2 .square .num .change {
	width:54px;
	height:54px;
	font-size:0.48em;
}

#base.size3 .square .num .change {
	width:60px;
	height:60px;
	font-size:0.5em;
}

#base .square .num .change.show {
	display:block;
}

#base .square .num .change i {
	background-color:#DEDEDE;
	cursor:pointer;
	display:block;
	width:15px;
	height:15px;
	float:left;
	font-style:normal;
	line-height:15px;
}

#base.size2 .square .num .change i {
	width:18px;
	height:18px;
	line-height:18px;
  font-size:1.2em;
}

#base.size3 .square .num .change i {
	width:20px;
	height:20px;
	line-height:20px;
  font-size:1.3em;
}

#base .square .num .change i:hover {
	background-color:#999;
	color:#fff;
}

#base .square .num .change i.b {
	background-color:#666;
	color:#fff;
}

#base .square .num b {
	width:15px;
	height:15px;
	position:absolute;
	right:0;
	top:0;
	display:none;
	cursor:pointer;
	line-height: 15px;
	color:#666;
	font-size:0.45em;
	z-index:11;
	padding:2px;
  opacity: 0.5;
}

/***********************************************
* play-base
* * game-info
************************************************/
#play-base .inner .game-info {
	float: right;
	width: 280px;
	color: #efefef;
	padding: 0 0 0 25px;
}

#play-base.white .inner .game-info {
	color: #222;
}
#play-base .inner .game-info p {
	margin: 0 0 5px;
	font-size: 13px;
  line-height: 140%;
}

#play-base .inner .game-info p a {
	color: #fff;
	/* border-bottom: 1px solid #fff; */
}

#play-base .inner .game-info p a:hover {
	/*color: #ccc;
	border-bottom: 1px solid #ccc; */
}

#play-base .inner .game-info p a img.out {
	margin: 0 5px 0 -17px;
	position: relative;
	vertical-align: middle;
}

#play-base .inner .game-info #process {
	background-color: #333;
	border: 1px solid #666;
	border-radius: 4px;
	height: 16px;
	position: relative;
	width: 252px;
}

#play-base.white .inner .game-info #process {
	background-color: #fefefe;
	border: 1px solid #999;
}

#play-base .inner .game-info #process-bar {
	width: 0;
	height: 14px;
	border: 1px solid #222;
	border-radius: 4px;
	background: url('/images/process-bar.png') top left repeat-x;
}

#play-base.white .inner .game-info #process-bar {
	border: 1px solid #fefefe;
	opacity: 0.9;
}


/***********************************************
* m_box
************************************************/
#dialog {
	background-color: #222;
	border: 1px solid #333;
	display: none;
	left: 50%;
	padding: 0;
	position: absolute;
	top: 50%;
	z-index: 2001;
	border-radius: 4px;
  -webkit-box-shadow: 0px 1px 2px #301B04;
  box-shadow:0px 1px 2px #301B04;
}

#dialog.white {
	background-color: #f5f5f5;
	border: 1px solid #999;
}

#dialog #m_box_title {
	text-align:center;
	background-color:#333;
	color:#fff;
	padding:3px 10px;
	display: none;
}

#dialog #m_box_text {
	color: #FEFEFE;
	cursor: default;
	font-size: 16px;
	line-height: 150%;
	padding: 15px 30px;
}

#dialog.white #m_box_text {
	color: #000;
}


#dialog .buttons {
	height: 25px;
	margin: 5px auto 15px;
	width: 180px;
}

#dialog .buttons button {
	cursor: pointer;
	margin: 0 5px;
	padding: 6px 25px;
}
/*
#dialog .buttons button:active {
	border-color: #fff;
}
*/




/***********************************************
* footer 
************************************************/
#footer {
	position:relative;
	margin-top:-194px;
	vertical-align:middle;
	width: 100%;
	height: 194px;
	background: url('/images/bg.png') repeat-x 0 -370px;
	clear: both;
  min-width:1020px;
}

#footer .inner {
	padding: 0 20px;
	width: 960px;
	height: 193px;
	margin: 0 auto;
	color: #fff;
}

#footer .inner .up,
#footer .inner .down {
	width: 960px;
	float: left;
	clear: both;
}

#footer .inner .up {
	height: 91px;
}

#footer .inner .up a.add-idea {
	float: left;
	text-decoration: none;
	margin: 23px 0 0;
}

#footer .inner .up .tip-day {
	float: left;
	height: 91px;
	margin: 0 30px 0;
	width: 400px;
}

#footer .inner .up .tip-day h2 {
	margin: 16px 0 0 0;
	font-size: 14px;
}

#footer .inner .up .tip-day p,
#footer .inner .up .tip-day p a {
	margin: 0;
	font-size: 11px;
	line-height: 130%;
}

#footer .inner .up .tip-day p a {
	text-decoration: underline;
}

#footer .inner .up .last-info {
	float: right;
}

#footer .inner .up .last-info p {
	font-size: 12px;
}

#footer .inner .up .last-info div.people {
	clear: both;
}

#footer .inner .up .last-info div.people span {
	font-size: 12px;
	padding-left: 16px;
	margin-right: 15px;
}

#footer .inner .up .last-info div.people span.man {
	background: url('/images/people.png') no-repeat 0 0;
}

#footer .inner .up .last-info div.people span.woman {
	background: url('/images/people.png') no-repeat 0 -16px;
}

#footer .inner .up .last-info div.people span.ufo {
	background: url('/images/people.png') no-repeat 0 -32px;
}

#footer .inner .down {
	height: 102px;
	font-size: 13px;
}

#footer .inner .down a {
	font-size: 13px;
	color: #fff;
	border-bottom: 1px solid #fff;
}

#footer .inner .down .left {
	float: left;
	width: 230px;
	font-size: 13px;
	height: 102px;
}

#footer .inner .down .center {
	width: 480px;
	height: 102px;
	float: left;
	text-align: left;
}

#footer .inner .down .center .addthis_toolbox {
  margin-top:15px;
}

#footer .inner .down .center .addthis_toolbox a {
  border-bottom: 0 none;
}

#footer .inner .down .right {
	float: left;
	width: 250px;
	height: 102px;
	text-align: left;
}

#footer .inner .down .right p {
	padding-left: 88px;
}

/***********************************************
* flags
************************************************/
.flag{float:left;margin:5px 5px 0 0;width:16px;height:11px;line-height:11px;background:url("images/flags.png") no-repeat;}.flag.ad{background-position:0 0}.flag.ae{background-position:0 -11px}.flag.af{background-position:0 -22px}.flag.ag{background-position:0 -33px}.flag.ai{background-position:0 -44px}.flag.al{background-position:0 -55px}.flag.am{background-position:0 -66px}.flag.an{background-position:0 -77px}.flag.ao{background-position:0 -88px}.flag.ar{background-position:0 -99px}.flag.as{background-position:0 -110px}.flag.at{background-position:0 -121px}.flag.au{background-position:0 -132px}.flag.aw{background-position:0 -143px}.flag.ax{background-position:0 -154px}.flag.az{background-position:0 -165px}.flag.ba{background-position:0 -176px}.flag.bb{background-position:0 -187px}.flag.bd{background-position:0 -198px}.flag.be{background-position:0 -209px}.flag.bf{background-position:0 -220px}.flag.bg{background-position:0 -231px}.flag.bh{background-position:0 -242px}.flag.bi{background-position:0 -253px}.flag.bj{background-position:0 -264px}.flag.bm{background-position:0 -275px}.flag.bn{background-position:0 -286px}.flag.bo{background-position:0 -297px}.flag.br{background-position:0 -308px}.flag.bs{background-position:0 -319px}.flag.bt{background-position:0 -330px}.flag.bv{background-position:0 -341px}.flag.bw{background-position:0 -352px}.flag.by{background-position:0 -363px}.flag.bz{background-position:0 -374px}.flag.ca{background-position:0 -385px}.flag.catalonia{background-position:0 -396px}.flag.cc{background-position:0 -407px}.flag.cd{background-position:0 -418px}.flag.cf{background-position:0 -429px}.flag.cg{background-position:0 -440px}.flag.ch{background-position:0 -451px}.flag.ci{background-position:0 -462px}.flag.ck{background-position:0 -473px}.flag.cl{background-position:0 -484px}.flag.cm{background-position:0 -495px}.flag.cn{background-position:0 -506px}.flag.co{background-position:0 -517px}.flag.cu{background-position:0 -528px}.flag.cr{background-position:0 -539px}.flag.cs{background-position:0 -550px}.flag.cv{background-position:0 -561px}.flag.cx{background-position:0 -572px}.flag.cy{background-position:-16px 0}.flag.cz{background-position:-16px -11px}.flag.de{background-position:-16px -22px}.flag.dj{background-position:-16px -33px}.flag.dk{background-position:-16px -44px}.flag.dm{background-position:-16px -55px}.flag.do{background-position:-16px -66px}.flag.dz{background-position:-16px -77px}.flag.ec{background-position:-16px -88px}.flag.ee{background-position:-16px -99px}.flag.eg{background-position:-16px -110px}.flag.eh{background-position:-16px -121px}.flag.england{background-position:-16px -132px}.flag.er{background-position:-16px -143px}.flag.es{background-position:-16px -154px}.flag.et{background-position:-16px -165px}.flag.eu{background-position:-16px -176px}.flag.fam{background-position:-16px -187px}.flag.fi{background-position:-16px -198px}.flag.fj{background-position:-16px -209px}.flag.fk{background-position:-16px -220px}.flag.fm{background-position:-16px -231px}.flag.fo{background-position:-16px -242px}.flag.fr{background-position:-16px -253px}.flag.ga{background-position:-16px -264px}.flag.gb{background-position:-16px -275px}.flag.gd{background-position:-16px -286px}.flag.ge{background-position:-16px -297px}.flag.gf{background-position:-16px -308px}.flag.gh{background-position:-16px -319px}.flag.gi{background-position:-16px -330px}.flag.gl{background-position:-16px -341px}.flag.gm{background-position:-16px -352px}.flag.gn{background-position:-16px -363px}.flag.gp{background-position:-16px -374px}.flag.gq{background-position:-16px -385px}.flag.gr{background-position:-16px -396px}.flag.gs{background-position:-16px -407px}.flag.gt{background-position:-16px -418px}.flag.gu{background-position:-16px -429px}.flag.gw{background-position:-16px -440px}.flag.gy{background-position:-16px -451px}.flag.hk{background-position:-16px -462px}.flag.hm{background-position:-16px -473px}.flag.hn{background-position:-16px -484px}.flag.hr{background-position:-16px -495px}.flag.ht{background-position:-16px -506px}.flag.hu{background-position:-16px -517px}.flag.id{background-position:-16px -528px}.flag.ie{background-position:-16px -539px}.flag.il{background-position:-16px -550px}.flag.in{background-position:-16px -561px}.flag.io{background-position:-16px -572px}.flag.iq{background-position:-32px 0}.flag.ir{background-position:-32px -11px}.flag.is{background-position:-32px -22px}.flag.it{background-position:-32px -33px}.flag.jm{background-position:-32px -44px}.flag.jo{background-position:-32px -55px}.flag.jp{background-position:-32px -66px}.flag.ke{background-position:-32px -77px}.flag.kg{background-position:-32px -88px}.flag.kh{background-position:-32px -99px}.flag.ki{background-position:-32px -110px}.flag.km{background-position:-32px -121px}.flag.kn{background-position:-32px -132px}.flag.kp{background-position:-32px -143px}.flag.kr{background-position:-32px -154px}.flag.kw{background-position:-32px -165px}.flag.ky{background-position:-32px -176px}.flag.kz{background-position:-32px -187px}.flag.la{background-position:-32px -198px}.flag.lb{background-position:-32px -209px}.flag.lc{background-position:-32px -220px}.flag.li{background-position:-32px -231px}.flag.lr{background-position:-32px -242px}.flag.lk{background-position:-32px -253px}.flag.ls{background-position:-32px -264px}.flag.lt{background-position:-32px -275px}.flag.lu{background-position:-32px -286px}.flag.lv{background-position:-32px -297px}.flag.ly{background-position:-32px -308px}.flag.ma{background-position:-32px -319px}.flag.mc{background-position:-32px -330px}.flag.md{background-position:-32px -341px}.flag.me{background-position:-32px -352px}.flag.mg{background-position:-32px -363px}.flag.mh{background-position:-32px -374px}.flag.mk{background-position:-32px -385px}.flag.ml{background-position:-32px -396px}.flag.mm{background-position:-32px -407px}.flag.mn{background-position:-32px -418px}.flag.mo{background-position:-32px -429px}.flag.mp{background-position:-32px -440px}.flag.mq{background-position:-32px -451px}.flag.mr{background-position:-32px -462px}.flag.ms{background-position:-32px -473px}.flag.mt{background-position:-32px -484px}.flag.mu{background-position:-32px -495px}.flag.mv{background-position:-32px -506px}.flag.mw{background-position:-32px -517px}.flag.mx{background-position:-32px -528px}.flag.my{background-position:-32px -539px}.flag.mz{background-position:-32px -550px}.flag.na{background-position:-32px -561px}.flag.nc{background-position:-32px -572px}.flag.ne{background-position:-48px 0}.flag.nf{background-position:-48px -11px}.flag.ng{background-position:-48px -22px}.flag.ni{background-position:-48px -33px}.flag.nl{background-position:-48px -44px}.flag.no{background-position:-48px -55px}.flag.np{background-position:-48px -66px}.flag.nr{background-position:-48px -77px}.flag.nu{background-position:-48px -88px}.flag.nz{background-position:-48px -99px}.flag.om{background-position:-48px -110px}.flag.pa{background-position:-48px -121px}.flag.pe{background-position:-48px -132px}.flag.pf{background-position:-48px -143px}.flag.pg{background-position:-48px -154px}.flag.ph{background-position:-48px -165px}.flag.pk{background-position:-48px -176px}.flag.pl{background-position:-48px -187px}.flag.pm{background-position:-48px -198px}.flag.pn{background-position:-48px -209px}.flag.pr{background-position:-48px -220px}.flag.ps{background-position:-48px -231px}.flag.pt{background-position:-48px -242px}.flag.pw{background-position:-48px -253px}.flag.py{background-position:-48px -264px}.flag.qa{background-position:-48px -275px}.flag.re{background-position:-48px -286px}.flag.ro{background-position:-48px -297px}.flag.rs{background-position:-48px -308px}.flag.ru{background-position:-48px -319px}.flag.rw{background-position:-48px -330px}.flag.sa{background-position:-48px -341px}.flag.sb{background-position:-48px -352px}.flag.sc{background-position:-48px -363px}.flag.scotland{background-position:-48px -374px}.flag.sd{background-position:-48px -385px}.flag.se{background-position:-48px -396px}.flag.sg{background-position:-48px -407px}.flag.sh{background-position:-48px -418px}.flag.si{background-position:-48px -429px}.flag.sj{background-position:-48px -440px}.flag.sk{background-position:-48px -451px}.flag.sl{background-position:-48px -462px}.flag.sm{background-position:-48px -473px}.flag.sn{background-position:-48px -484px}.flag.so{background-position:-48px -495px}.flag.sr{background-position:-48px -506px}.flag.st{background-position:-48px -517px}.flag.sv{background-position:-48px -528px}.flag.sy{background-position:-48px -539px}.flag.sz{background-position:-48px -550px}.flag.tc{background-position:-48px -561px}.flag.td{background-position:-48px -572px}.flag.tf{background-position:-64px 0}.flag.tg{background-position:-64px -11px}.flag.th{background-position:-64px -22px}.flag.tj{background-position:-64px -33px}.flag.tk{background-position:-64px -44px}.flag.tl{background-position:-64px -55px}.flag.tm{background-position:-64px -66px}.flag.tn{background-position:-64px -77px}.flag.to{background-position:-64px -88px}.flag.tr{background-position:-64px -99px}.flag.tt{background-position:-64px -110px}.flag.tv{background-position:-64px -121px}.flag.tw{background-position:-64px -132px}.flag.tz{background-position:-64px -143px}.flag.ua{background-position:-64px -154px}.flag.ug{background-position:-64px -165px}.flag.um{background-position:-64px -176px}.flag.us{background-position:-64px -187px}.flag.uy{background-position:-64px -198px}.flag.uz{background-position:-64px -209px}.flag.va{background-position:-64px -220px}.flag.vc{background-position:-64px -231px}.flag.ve{background-position:-64px -242px}.flag.vg{background-position:-64px -253px}.flag.vi{background-position:-64px -264px}.flag.vn{background-position:-64px -275px}.flag.vu{background-position:-64px -286px}.flag.wales{background-position:-64px -297px}.flag.wf{background-position:-64px -308px}.flag.ws{background-position:-64px -319px}.flag.ye{background-position:-64px -330px}.flag.yt{background-position:-64px -341px}.flag.za{background-position:-64px -352px}.flag.zm{background-position:-64px -363px}.flag.zw{background-position:-64px -374px}

.wait {
	opacity: 0.4;
}

/***********************************************
* loading
************************************************/

#header #loading {
	background-color:transparent;
	color:#fff;
	display:block;
	font-size:0.92em;
	position:fixed;
	right:20px;
	top:5px;
	text-align:center;
	z-index:1001;
	padding:0;
	margin:0;
	opacity: 0.95;
	width:262px;
}

#header #loading:after {
	content:'';
	display:block;
	clear:both;
}

#header #loading .bar {
	background-color: #fefefe;
	border: 2px solid #ccc;
	border-radius: 4px;
	clear: both;
	color: #222;
	display: block;
	float: right;
	font-weight: 700;
	line-height: 140%;
	margin: 0 0 2px;
	padding: 5px 25px 5px 15px;
	position: relative;
	width: 220px;
}

#header #loading .bar.warn {
	border: 2px solid #b1d4f9;
	background-color:#3994f1;
	color: #fff;
}

#header #loading .bar.succ {
	border: 2px solid #ccf5a5;
	background-color:#69a62d;
	color: #fff;
}

#header #loading .bar.err {
	border: 2px solid #f1ac95;
	background-color:#c30;
	color: #fff;
}

#header #loading .bar span {
  font-size:1em;
}

#header #loading .bar dfn {
	color:#fff;
	cursor:pointer;
	display:block;
	font-family:Tahoma, Arial, sans-serif;
	font-size:0.83em;
	font-style:normal;
	line-height:1.25em;
	padding:4px;
	position:absolute;
	right:0;
	top:0;
	width:10px;
}


/***********************************************
* final game info
************************************************/
#game_info {
	background-color: #222;
	color: #fff;
	display: none;
	float: left;
	font-size: 13px;
	margin: 12px 0;
	padding: 20px;
	width: 595px;
  position:relative;
  border: 1px solid #444;
}

#play-base.white #game_info {
  color:#000;
  background-color: #fff;
  border: 1px solid #999;
  -webkit-box-shadow: 0 2px 4px #ccc;
  box-shadow: 0 2px 4px #ccc;
}

#game_info .text {
     color: #FFFFFF;
     font-size: 25px;
}

#play-base.white #game_info .text {
  color:#000;
}

#game_info .text p {
	margin: 0;
}

#game_info .game {
     border-top: 1px solid #CCCCCC;
     height: 30px;
     padding: 10px 0 0;
}

#game_info .game dl {
     float: left;
     width: 50%;
}

#game_info .game dt {
     float: left;
     padding-right: 5px;
}

#game_info .game dd {
     float: left;
}

#game_info .data {
     height: 80px;
     padding: 25px 0;
}

#game_info .data dl {
     float: left;
     font-size: 14px;
     width: 37%;
}

#game_info .data dl#pos_end {
     width: 26%;
}

#game_info .data dt {
     line-height: 25px;
}

#game_info .data dd {
     font-size: 16px;
     line-height: 30px;
     margin: 0;
}

#game_info .data dd sup.u {
     color: #00ff00;
     font-size: 14px;
     padding: 0 2px;
}

#play-base.white #game_info .data dd sup.u {
  color: #009900;
}

#game_info .data dd sup.d {
     color: #FF3300;
     font-size: 14px;
     padding: 0 2px;
}

#game_info .words {
     border-top: 1px solid #333333;
     padding: 10px 0 0;
}

#game_info .words h3 {
     font-weight: 400;
     margin-bottom: 10px;
}

#game_info .words p {
     font-size: 19px;
     font-style: italic;
     line-height: 140%;
     margin: 5px 0;
}

#game_info .words p#w_author {
	color: #ccc;
	font-size: 16px;
	font-style: normal;
	margin: 0 15px 5px 0;
	text-align: right;
}

#play-base.white #game_info .words p#w_author {
  color: #444;
}

#game_info .enter {
	border-top: 1px solid #333;
	height: 20px;
	padding: 20px 0 0;
  margin-bottom:10px;
}

#game_info .enter a#new_user, #game_info .enter a#enter_user {
	float: left;
	text-decoration: underline;
}

#game_info .enter a#enter_user {
	float: right;
}

#game_info #close_info {
	background-color: #222;
	color: #fff;
	font-size: 32px;
	height: 20px;
	line-height: 20px;
	padding: 2px 5px 1px;
	position: absolute;
	right: 5px;
	text-align: center;
	top: 5px;
	width: 16px;
	z-index: 2001;
}

#play-base.white #game_info #close_info {
  background-color:#fefefe;
  color:#000;
}

/*******/

/* Default not changes styles */

.button {
	padding: 6px 15px;
	font-size: 10px;
  font-family: Tahoma, Geneva, sans-serif;
  color: #fefefe;
  font-weight: bold;
  text-transform: uppercase;
	line-height: 140%;
	cursor: pointer;

	border-radius: 3px;
}

.game-info .button {
	opacity: 0.5;
}

.green {
	background: #3c7d35 url('images/btn-gd2.png') repeat-x top;
	border: 1px solid #69A62D;
	text-shadow: 0 1px 1px #1f421c;
}

.green:hover {
	background: #367130 url('images/btn-gd2.png') repeat-x top;
	border-color: #42893a;
}

.brown {
	background: #515151 url('images/btn-gd2.png') repeat-x top;
	border: 1px solid #5d5d5d;
	text-shadow: 0 1px 1px #301b04;
}

.brown:hover {
  background: #3a3a3a url('images/btn-gd2.png') repeat-x top;
	border-color: #3e3e3e;
}


/***********************************************
* text
************************************************/
.text .imr {
	float: right;
	margin: 0 0 10px 20px;
}

.text a {
	color: #000;
	text-decoration: underline;
}

.text a:hover {
	color: #333;
}

.text strong {
  cursor: help;
	font-weight: 400;
}

.faq .text a {
  color: #06C;
}

.faq .text .questions a {
  text-decoration:none;
  border-bottom:1px dashed;
}

.faq .text a:visited {
  color: #06C;
}

.faq .text h3 {
  margin:20px 0 5px;
}

.faq .text h3 a {
  color: #000;
  font-size:16px;
  font-weight:700;
  text-decoration:none;
  border-bottom:none;
}

.faq .text ul {
  margin:8px 0;
}

.faq .text p {
  margin:10px 0;
}

/***********************************************
* rating page
************************************************/
.rating-links {
  margin: 10px 0 10px -10px;
  width: 100%;
  height:30px;
  clear:both;
  padding: 0;
}

.rating-links li {
  float:left;
  list-style-type:none;
}

.rating-links li a,
.rating-links li a:visited {
  color: #06C;
  padding:3px 10px;
  margin-right: 15px;
  font-size:14px;
  text-decoration:underline;
}

.rating-links li a.current {
  color: #fff;
  margin-left:0;
  background-color: #06C;
  text-decoration:none;
}

table.rating {
  width: 68%;
  float:left;
}

table.rating tr th {
  padding: 5px;
  background-color: #f5f5ea;
  font-weight:700;
}

table.rating tr td {
  padding: 5px;
  background-color: #f5f5ea;
}

table.rating tr.odd td {
  background-color: #fff;
}

table.rating tr th.tleft,
table.rating tr td.tleft {
  text-align:left;
}

table.rating tr th.center,
table.rating tr td.center {
  text-align:center;
}

table.rating tr th.w10,
table.rating tr td.w10 {
  width:40px;
  text-align:center;
}

table.rating tr td a.user,
table.rating tr td a.user:visited {
  color: #0046D5;
  text-decoration:underline;
}

.detail-country {
  float: right;
  width: 250px;
  padding: 10px;
  background-color: #f1f1f1;
  border-radius: 6px;
  color: #444;
}

.detail-country p {
  margin: 0 0 10px;
}

.detail-country p a,
.detail-country p a:visited {
  color: #06c;
  text-decoration:none;
  border-bottom:1px dashed;
}

.rating-links {
  width:68%;
  height: 30px;
  padding:10px 0;
  margin:10px 0;
}

.rating-links span,
.rating-links a {
  color:#222;
  font-size:14px;
  text-decoration:underline;
  padding:2px 5px 3px;
  margin:0 2px;
  border-radius:3px;
}

.rating-links span {
  color:#fff;
  font-weight:700;
  background-color: #666;
  text-decoration:none;
}

/***********************************************
* settings
************************************************/
.settings {
  clear:both;
}

.settings .left-s {
  width:50%;
  float:left;
}

.settings .right-s {
  width:48%;
  float:right;
}

.settings dl {
  margin: 0 0 10px;
}

.settings dt {
  padding:3px 10px;
  font-size:14px;
  background-color: #F5F5EA;
  margin-bottom:10px;
}

.settings dd {
  margin: 0 0 10px 20px;
}

.settings span.z {
  display:block;
  float:left;
  width:130px;
  margin-right:10px;
}
.settings span.zl {
  display:block;
}

.settings .avatar img {
  float: left;
  margin: 0 15px 10px 0;
  padding: 2px 5px;
  border: 1px solid #eee;
}

.settings .avatar p {
  font-size: 12px;
}

.settings .avatar input {
  margin-left:75px;
}

.settings select.country {
  width:265px;
}

.settings textarea.about {
  width: 390px;
  height: 100px;
  font-size: 12px;
  overflow-y:scroll;
  resize:none;
}

.settings .save {
  clear:both;
}

.settings .save input {
  cursor:pointer;
}

.settings .message {
  padding-bottom:5px;
  font-size:12px;
}

.settings .message p {
  margin:0 0 3px;
}

.settings .message .succ {
  color:#090;
}

.settings .message .err {
  color:#900;
}