@charset "utf-8";
/* CSS Document */

* {
	font-size:100.01%;
	padding: 0px;
	margin: 0px;
}

HTML {
	font-size:62.5%;
}

body {
	font:1.2em/1.6 Tahoma, Arial, sans-serif;
	color: #292929;
	background-color: #003D64;
}

.site {
	clear:both;
	max-width:1500px;
	min-width:770px;
	padding-bottom:50px;
	background: #003d64 url(../i/bg-centercolumn.png) repeat-x left top;
}
.site2 {
	clear:both;
	max-width:1500px;
	min-width:400px;
	padding:5px 0px 10px 0px;
	background: #003D64 url(../i/bg-centercolumn.png) repeat-x left top;
}
.link, a {color:#005bc1; text-decoration:underline; cursor:pointer}
.link:hover, a:hover {color: #0033FF}
a:visited {color: #9900FF}
a.active {color: #000000}

p {padding-bottom:10px;}
dl {padding-bottom:10px;}
dl.profile {padding-bottom:0px;}
dt {font-weight:bold;}
dd {margin-left: 11em; margin-top: -1.7em}

h1, h2, h3, h4 {color: #000000; margin-bottom:0.5em;}
h2, h3, h4 {color: #000000; margin-top:1em;}
h1 {
	margin-bottom: 1em;
	font: normal 200% Tahoma;
}
h1 span {border-bottom: 3px solid #f8b708;}
h2 {font: normal 160% Tahoma;}
h3 {font: normal 140% Tahoma;}
h4 {font: normal 120% Tahoma;}

small {
	font-size:80%;
	line-height: 1em;
}
/*====================== левая колонка ========================*/
#leftcolumn {
	background: #003d64 url(../i/header_01.jpg) no-repeat right top ;
}
#leftcolumn div{
	text-align:left;
}
#leftcolumn .logo {
	width:155px;
	height:35px;
	padding-top:60px;
	padding-right:10px;
	padding-bottom: 105px;
}

/*====================== центральная колонка ========================*/
.hgo{width:470px; height:150px; display:block; margin:40px 0px 10px 20px;}
.site #centercolumn {
	background: url(../i/header_02.jpg) no-repeat 0px 0px;	
}
#centercolumn .logo {
	margin: 14px 0px 0px 17px;
}
#centercolumn #content {
	margin: 0 30px 0 30px;
	background: #fff8e1 url(../i/bg-content.gif) no-repeat right top;
	padding: 35px;
	border-left: #005c2e 1px solid;
	border-right: #005c2e 1px solid;
}
#centercolumn .content-top{
	height: 5px;
	margin-left: 30px;
	margin-right: 30px;
	background: url(../i/bg-content-top.gif)repeat-x left top;
}
#centercolumn .content-top .left{
	float: left;
	height: 5px;
	width: 5px;
	background: #fff8e1 url(../i/bg-content-topleft.gif) no-repeat left top;
}
#centercolumn .content-top .right{
	float: right;
	height: 5px;
	width: 5px;
	background: #fff8e1 url(../i/bg-content-topright.gif) no-repeat right top;
}

#centercolumn .content-bottom{
	height: 125px;
	background: url(../i/bg-content-bottom.gif) repeat-x left top;
}
#centercolumn .content-bottom .left{
	width:35px;
	height:125px;
	background: #003d64 url(../i/bg-content-bottomleft.gif) no-repeat right top;
	float:left;
}
#centercolumn .content-bottom .right{
	width:35px;
	height:125px;
	background: #003d64 url(../i/bg-content-bottomright.gif) no-repeat left top;
	float:right;
}
#centercolumn #footer {
	margin: -10px 0 0 65px;
	color: #99c2ad;
	font-size:80%;
}
#centercolumn #footer a{
	color: #C6DBD0;
	text-decoration:none;
}
#centercolumn #footer a:hover{
	text-decoration:underline;
}
#centercolumn #content ul li {
	list-style:url(../i/bullet.gif);
	margin-left: 15px;
	padding-left: 10px;
}

/*====================== правая колонка ========================*/
#rightcolumn {
	background: #003d64 url(../i/bg-rightcolumn.png) no-repeat left top;
}
#rightcolumn #switch{
	padding: 65px 0 85px 25px;
}
#rightcolumn .banner{margin-bottom:20px;}
/*====================== лимонная плашка ========================*/
.plashka {
	margin-bottom:10px;
	width:167px;
}
.plashka .header{
	background:#53819d url(../i/bg-plashka-header-topright.gif) no-repeat right top;
	margin: 0px 30px 0 5px;
	color: #fbce54;
}
.plashka .header-content{
	margin: 0px;
	background: url(../i/bg-plashka-header-bottom.gif) repeat-x left bottom;
	font-size:87%;
	font-weight:bold;
	line-height: 1em;
	padding: 5px 5px 5px 10px;
	
}
.plashka .header-topleft{
	float:left;
	width:5px;
	height:5px;
	background: url(../i/bg-plashka-header-topleft.gif) no-repeat left top;
}
.plashka .content-top{
	margin-top: -2px;
	background: url(../i/bg-plashka-content-top.png) no-repeat left top;
	height:4px;
}
.plashka .content{
	background: #ffe393 url(../i/bg-plashka-content.png) no-repeat right top;
	border-left: solid 1px #005c2e;
	border-right: solid 1px #005c2e;
	padding: 20px 10px 20px 20px;
}
.plashka .content-bottom{
	background: url(../i/bg-plashka-content-bottom.png) no-repeat left top;
	height:35px;
}
.plashka a:visited {color: #005bc1;}
.plashka a:hover {color: #0033FF}
.plashka a.active {color: #000000}

.plashka .content span.money {font: bold 130% Tahoma;}
/*====================== меню ========================*/

.menu ul {
	list-style: none;
	margin:0;
	padding:0;
}
.menu ul li {
	list-style: none;
	margin:0;
	padding:0;
}
.menu ul .submenu {
	padding-left:1em;
}
.menu ul .submenu li {
	padding-left: 0.1em;
	list-style-image:url(../i/li_arrow.gif);
	margin-left:10px;
}
/*====================== авторизация ========================*/
#login .inputer {
	background-color:#ffffff; 
	padding: 2px 2px 2px 5px;
	font-size: 90%;
	color: #b2b2b2;
	margin-left: -5px;
	margin-bottom:1px;
}
#login .inputbox {
	border: none;
	background-color: #ffffff; 
	color: #292929;
	padding: 2px 2px 2px 5px;
	font-size: 90%;
	width: 80px;
}
#login .links{
	margin-top:10px;
}

/*====================== формы ========================*/
form#profile {margin-bottom:1em}
#profile legend {padding:1em}
#profile fieldset {padding:1em; margin-bottom:1em}
#profile label {padding-right:1em; width: 10em;}


/*==================== game-table ======================*/
.game-table table {margin-bottom: 20px}
.game-table th {
	background-color: #d4cfbc;
	text-align:left;
	font-size: 130%;
	font-weight: normal;
	color:#FFFFFF;
	vertical-align:top;
	padding-left: 5px;
	padding-right: 5px;
}
.game-table tr td{	
	padding-bottom:2px;
	vertical-align:top;
	padding-left: 5px;
	padding-right: 5px;
	}
.game-table td {
	font-size: 90%;
	padding-top: 10px;
}
.game-table .newgame {
	padding-top: 25px;
	padding-bottom: 10px;
	}
.game-table .newplayers {
	padding-top: 0px;
}
.game-table .border_small {
	border-bottom-color:#d4cfbc;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	height: 2px;
	padding: 0px;
	}
.game-table .border_small2 {
	border-bottom-color:#d4cfbc;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}
.game-table .border_big {
	border-bottom-color:#d4cfbc;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	height: 2px;
	padding: 0px;
	}
	
	
/*==================== game-land ======================*/
.gameland {
	background: #003258 url(../i/bg-gameland.gif) repeat-x left top;
	height:100%;	
	min-width: 550px;
}
.gameland .logo {
	float:left;
	position:relative;
	margin-bottom:25px;
}
.gameland .timecounter {
	text-align:center;
	float:right;
	position:relative;
	margin-bottom:25px;
	color:#af9447;
	font: bold 120% Tahoma;
}
.gameland .timecounter span{color: #ffffff}
.gameland h2 {margin:-10px 0 10px 0; text-align:center; color: #87b59b; font: bold 100% Tahoma;}

.gameland #question {
	font: bold 130% Tahoma;
	height:100px;
	overflow-x:auto;
	overflow-y:auto;
	display:block;	
}

.gameland #answer {clear:both;}

.gameland .buttons {clear:both;}
.gameland .buttons .next {float:right}
.gameland .buttons .prev {float:left}
.gameland .buttons .answer {float: left; position:relative}

.gameland #answer #one, #answer #three {float:left; width:48%; position:relative;}
.gameland #answer #two, #answer #four {float:right; width:48%; position:relative;}

.gameland .sprites .top {
	background: #ffedba url(../i/sprites-corners.gif) repeat-x left top;
	background-position: 0px -100px;
	height:5px;
}
.gameland .sprites .tl {
	background: url(../i/sprites-corners.gif) no-repeat left top; 
	width: 5px; 
	height:5px; 
}
.gameland .sprites .tr {
	background: url(../i/sprites-corners.gif) no-repeat left top;
	background-position: 0px -5px;
	width: 5px; 
	height:5px; 
}
.gameland .sprites .bottom {
	background: #ffedba url(../i/sprites-corners.gif) repeat-x left top;
	background-position: 0px -70px;
	height:30px;
}
.gameland .sprites .bl{
	background: url(../i/sprites-corners.gif) no-repeat left top;
	background-position: 0px -10px;
	height:30px;
	width:5px;
}
.gameland .sprites .br{
	background: #ffedba url(../i/sprites-corners.gif) no-repeat left top;
	background-position: 0px -40px;
	height:30px;
	width:5px;
	float:right;
}
.gameland .sprites .cl {
	background: url(../i/sprites-corners2.gif) repeat-y left top;
	background-position:-5px 0px; 
}
.gameland .sprites .content2{
	background: #ffe393 url(../i/sprites-corners-bg.gif) no-repeat right top;
	padding: 5px 25px 5px 5px;
	text-align:left;
}
.gameland .sprites .content{
	background: #ffe393 url(../i/sprites-corners-bg.gif) no-repeat right top;
	padding: 5px 25px;
	text-align:center;
}
.gameland .sprites .selected_answer, .gameland .active .sprites .content{
	background: none;
	background-color:#FFFFFF;
}
.gameland .sprites .right_answer
{
	background: none;
	background-color:#AFFFC1;
}
.gameland .sprites .wrong_answer
{
	background: none;
	background-color:#FFAFAF;
}
.gameland .sprites .cr{
	background: url(../i/sprites-corners2.gif) repeat-y left top;
}
.online
{
width:150px; line-height:20px;color:white;padding-left:20px; font-size:120%; text-align:center;padding-top:20px;
}

.hand
{
cursor:pointer;
}
.joined
{
background:#E3FFE1;
}
.hidden,#gamelist_blank,#res_blank,#game_form_blank,#waiting_form_blank{display:none;}

 table.table  {border-collapse: collapse}
.table td, .table th
{
border:1px solid #F8B708;
padding:5px;
}
.table th{background-color: #d4cfbc;}
	

.table tr.row1{background:#FFF8E1;}
.table tr.row2{background:#f9f5e7;}

.gameland .link{color:#AEE3E2; text-decoration:underline;text-weight:bolder;}
.gameland .link:hover{text-decoration:none;}
#res_tbody .link{color:#005bc1;}
/*.wul a:hover, .gameland h3 a:hover{text-decoration:none;}
.wul a, .gameland h3 a{color:#FFF;}*/

.gameland tr.selected {background:#E7DDBF;}

.console
{
/*display:none;*/
background:#fff;
overflow:auto;
width:300px;
height:150px;
left:0px;
z-index:100001;
position:absolute;
top:-0px;
border:1px solid gray;
}
.error{padding-left:30px; color:red;}

div.wow h2
{
font-size: 130%;
border-top: 1px dotted #ffc864;
border-bottom: 1px dotted #ffc864;
margin: 10px 0px 10px 0px;
padding: 7px 10px 7px 10px;
}
.home strong{font-weight:normal;}
.compet{background: #CEE4EB;}
.date{color:#999;padding-top:20px;}
.qnumber{width:35px; float:left; font-size:20px;text-align:center;line-height:1;color:#000;}
.flow_banner {position:absolute; z-index:10000; top:200px; left:50px;}
.close_flow_banner{border:0;position:absolute; z-index:10000;top:-5px;right:-20px;cursor:pointer;}