@charset "utf-8";

body {
	background-color: #dadada;
	margin: 0;
}

html,body {
	/*height: 100%;*/
	min-width: 1170px;
}

a {
	text-decoration: none;
	-webkit-transition: text-shadow .5s;
	-moz-transition: text-shadow .5s;
	transition: text-shadow .5s;
}

a:hover {
	cursor: pointer;
}

a:link,a:visited,a:active {
	text-decoration: none;
}

.container {
	min-width: 1170px;
	position: relative;
	min-height: 100%;
}

#header {
	height: 192px;
	background-image: url(../img/generic015n3.png);
	background-repeat: repeat-x;
	text-align: center;
	z-index:10;
}

#content {
	margin-bottom: 80px;
}

#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	margin-bottom: 0;
	width: 100%;
	height: 70px;
	background-color: #CCC;
	border-bottom: 1px solid #d7d7d7;
	box-shadow: inset 0 0 10px #696969;
	font-family: 'Trebuchet MS','Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,sans-serif;
	font-size: 16px;
	font-weight: 700;
	z-index:10;
}

#footer table {
	width: 100%;
	height: 100%;
}

#footer .chasi {
	float: left;
	margin-left: 10px;
}

#footer .palka {
	position: absolute;
	margin-top: 9px;
	margin-left: 9px;
}

#smilered {
	position: absolute;
	display: none;
}

#logo {
	height: 160px;
	padding-top: 32px;
	white-space: nowrap;
}

#logo div {
	display: inline-block;
	cursor: pointer;
}

#logo div.space {
	min-width: 50px;
}

#logo div:not(.space) {
	width: 130px;
	height: 130px;
	margin-left: 10px;
	border-radius: 130px;
	-moz-border-radius: 130px;
	-webkit-border-radius: 130px;
	animation: blink 3.5s ease-in-out infinite;
	-webkit-transition: filter 1s ease;
	-moz-transition: filter 1s ease;
	-o-transition: filter 1s ease;
	-ms-transition: filter 1s ease;
	transition: filter 1s ease;
}

#logo div:not(.space)::after {
	content: "";
	border-radius: 130px;
	position: absolute;
	z-index: -1;
	width: 130px;
	height: 130px;
	margin-left: -135px;
	box-shadow: 0 0 2px #31FF31,0 0 4px #31FF31,0 0 7px #31FF31,0 0 10px #008900,0 0 30px #0F1;
	opacity: 0;
	animation: blink 3.5s ease-in-out infinite;
}

#logo div:hover {
	filter: hue-rotate(105deg);
	-moz-filter: hue-rotate(105deg);
	-webkit-filter: hue-rotate(105deg);
}

#menu {
	text-align: center;
	height: 39px;
	white-space: nowrap;
	z-index:10;
}

#menu table {
	border-collapse: collapse;
	width: 100%;
}

#menu table tr {
	height: 39px;
}

#menu table #menu_left {
	width: 79px;
	/*background-image: url(/img/menu_left.png);*/
	border-bottom-left-radius: 10px;
	background: linear-gradient(to top, #00000020 10%, #4c52d7AA 50%, #00000020 90%, #181829 100%), 
	linear-gradient(to right, #313496, #4c52d7);
	
}

#menu table #menu_center {
	/*background-image: url(/img/menu_center.png);*/
	background-repeat: repeat-x;	
	background: linear-gradient(to top, #00000020 10%, #4c52d7AA 50%, #00000020 90%, #181829 100%);
	background-color: #4c52d7;
}

#menu table #menu_right {
	width: 79px;
	/*background-image: url(/img/menu_right.png);*/
	border-bottom-right-radius: 10px;
	background: linear-gradient(to top, #00000020 10%, #4c52d7AA 50%, #00000020 90%, #181829 100%),
	linear-gradient(to left, #313496, #4c52d7);
}

#menu ul {
	list-style-type: none;
	margin-top: -32px;
	padding: 0;
}

#menu ul li {
	display: inline-block;
	height: 26px;
}

#menu ul li:not(.first) {
	background-image: url(../img/menu_sep.png);
	background-repeat: no-repeat;
	background-position: 0 -3px;
	padding-left: 15px;
}

#menu ul a {
	color: #fff;
	font-family: Georgia,'Times New Roman',Times,serif;
	font-size: 23px;
}

#menu ul a:hover {
	text-shadow: 0 0 0 #fff,0 0 2px #fff,0 0 3px #fff,0 0 10px #228DFF,0 0 20px #228DFF,0 0 30px #228DFF,0 0 50px #228DFF;
}

td.side {
	width: 250px;
	min-width: 250px;
	vertical-align: top;
}

td.center {
	vertical-align: top;
	min-width: 500px;
}

.block {
	margin: 4px;
	border-radius: 10px;
	padding: 12px;
	background-color: #ededed;
}

.whiteblock {
	margin-top: 10px;
	border: 1px solid #b4b4b4;
	background-color: #fff;
}

.headblock {
	height: 37px;
	border-radius: 3px;
	text-align: center;
	font-family: Georgia,Times,'Times New Roman',serif;
	font-size: 28px;
	font-weight: 700;
	cursor: default;
}

.headblock2 {
	height: 21px;
	border-radius: 2px;
	color: #fff;
	text-align: center;
	font-family: Georgia,Times,'Times New Roman',serif;
	font-size: 16px;
	font-weight: 700;
	margin: -1px -1px 0;
	cursor: default;
}

.greenhead {
	background-image: url(../img/greenline.png);
}

.bluehead {
	background-image: url(../img/blueline.png);
}

.vkhead {
	background-color: #4a76a8;
	height: 34px;
	font-family: Georgia,Times,'Times New Roman',serif;
	font-size: 14px;
}

td.sidevk {
	width: 55px;
	vertical-align: middle;
}

img#vklogo {
	margin-top: 4px;
}

div.chatblock {
	font-family: 'Trebuchet MS','Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,sans-serif;
	font-size: 14px;
	height: 450px;
	overflow: auto;
	word-break: break-all;
}
div.ico20{
	display: inline-block;
	cursor: pointer;
	border-radius: 20px; 
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px;
	width:20px;
	height:20px;
	margin:5px;
}
div.ico20:active{
	cursor: pointer;
	box-shadow: 0 0 1px #FF3131,0 0 3px #FF3131,0 0 5px #FF3131,0 0 8px #890000,0 0 16px #F01;
}
div.ico20:hover{
	cursor: pointer;
	box-shadow: 0 0 1px #FFFF31,0 0 3px #FFFF31,0 0 5px #FFFF31,0 0 8px #898900,0 0 16px #FF1;
}
div.ico20_selected{
	/*animation: blink 3.5s ease-in-out infinite;*/
	box-shadow: 0 0 1px #31FF31,0 0 3px #31FF31,0 0 5px #31FF31,0 0 8px #008900,0 0 16px #0F1;
}

span#hcounter {
	font-family: Gotham,"Helvetica Neue",Helvetica,Arial,"sans-serif";
	font-size: 14px;
}

.bluevk {
	font-family: Gotham,"Helvetica Neue",Helvetica,Arial,"sans-serif";
	color: #345277;
	font-weight: 700;
}

.none{
	display:none;
}

.center {
	text-align: center;
}

.size14 {
	font-size: 14px;
}
.size15 {
	font-size: 15px;
}
.size16 {
	font-size: 16px;
}

.courier {
	font-family: courier,courier new,serif;
}

span.green {
	color: green;
}

span.lime {
	color: lime;
}

span.red {
	color: red;
}

span.blue {
	color: blue;
}

span.gray {
	color: gray;
}

span.lightgray {
	color: #6a5acd;
}

.brad5 {
	border-radius: 5px;
}

.mar10 {
	margin: 10px;
}

.mar0 {
	margin: 0;
}

.trebuchet {
	font-family: 'Trebuchet MS','Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,sans-serif;
}
.arial{
	font-family: "Roboto","Arial",sans-serif;
}
.verdana{
	font-family: Verdana,Geneva,sans-serif;
}

.monblock {
	font-family: 'Trebuchet MS','Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,sans-serif;
	font-size: 14px;
}

.monblock table {
	width: 100%;
	height: 210px;
	padding: 3px;
}

.monblock table td {
	width: 33%;
	vertical-align: top;
}

.monblock table td img {
	border-radius: 5px;
}

.monblock p {
	text-align: left;
	font-weight: 700;
	margin: 0 0 4px;
	white-space:nowrap;
}
.weight{
	font-weight: 700;
}

.monblock span.name {
	word-break: break-all;
	margin-right: -5px;
}

.monblock p span.rightalign {
	float: right;
}

.monblock p span.frags {
	margin-left: -5px;
}

.monblock span img {
	vertical-align: text-bottom;
}

.monblock .playersblock {
	overflow: auto;
	min-width: 115px;
	padding: 4px 6px 2px;
	max-height: 160px;
	height: 160px;
}

.monblock .playersblock p {
	margin: 0;
}
span.listmaps{
	cursor:default;
}
span.listmaps:hover{
	color:red;
}

span.nextmap {
	cursor: default;
}
span.listmap {
	cursor: pointer;
	border-bottom-style:dotted;
	border-bottom-width: 1px;
	border-bottom-color: #888;
}
span.listmap:hover{
	color: #555;
}

table.listmap{
	text-align:left;
}

table.listmap td {
  width: auto;
  white-space: nowrap;
}

#nextmap_tooltip {
	z-index: 9999;
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	background-color: #0000;
	color: #fff;
	width: 240px;
	height: 180px;
}
.listmap_tooltip {
	z-index: 8888;
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	background-color: #ededed;
	border: 1px solid #ccc;
	color: #000;
	max-width: 50%;
	/*height: 180px;*/
}

p.sign {
	margin: -10px 0 0;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 14px;
}

p.text_in_block {
	text-align: justify;
	margin: 14px;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 16px;
}

p.links {
	text-align: center;
	margin: 8px;
	font-family: Verdana,Geneva,sans-serif;
}

p.links a {
	font-weight: 700;
	font-size: 16px;
}

p.links a:hover {
	color: red;
}

a.bluelink {
	font-weight: 700;
	font-size: 16px;
}

a.bluelink:hover {
	color: red;
}

a.blacklink {
	color: #000;
	font-weight: 700;
	text-decoration: underline;
	white-space: nowrap;
}

a.noline {
	text-decoration: none;
}

a.blacklink:hover {
	color: blue;
}

.graylink {
	text-decoration: none;
	border-bottom: 1px dashed #555;
	color: #555;
}

.graylink:hover {
	border-bottom-color: #000;
	color: #000;
}

.scrollup0 {
	width: 40px;
	height: 40px;
	opacity: .3;
	position: fixed;
	bottom: 95px;
	display: none;
	text-indent: -9999px;
	z-index: 300;
	background: url(/img/icon_top.png) no-repeat;
}
.scrollup {
	width: 16px;
	height: 100%;
	opacity: .15;
	text-align:center;
	vertical-align:middle;
	position: fixed;
	bottom: 0;
	left:0;
	display: none;
	text-indent: -9999px;
	z-index: 5;
	background: url(/img/icon_top_line.png) repeat-y;
}

.su_left {
	left: 20px;
}

.su_right {
	right: 20px;
}
.unselectable {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

@keyframes blink {
	50% {
		opacity: 1;
	}
}