﻿
  #static-2, #static-2 * {
    box-sizing: border-box;
  }
  #static-2 {
    padding: 15px 10px 0 10px
  }

  /* server info */

	#accordion { margin-top:20px; }
	.toggler {
		padding:5px 7px;
		margin-bottom:4px;
    font-size: 22px;
		color:#3183AC;
		background-color:#ECECEC;
		cursor:pointer;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		-khtml-border-radius:6px;
		border-radius:6px;
	}
	.element {
		text-align:center;
		overflow:hidden;
		}
		.element img { margin:5px 0 5px; }
		.element span {
			padding:5px 0 10px;
			float:left;
			width:100%;
		}

	/* // server info */

	/* static pages body styles */

    .static-info ul, .static-info ol {
      margin-top: 12px;
      padding: 0;
    }
    .static-info ul li, .static-info ol li {
      position: relative;
      margin-top: 6px;
      line-height: 1.5;
    }
    .static-info ul {
      list-style-type: none;
    }

    .static-info ol {
      margin-left: 0;
      padding-left: 0;
      list-style-type: none;
    }
    .static-info ol>li::before {
      counter-increment: all;
      content: counter(all);
      display: flex;
      color: #55656f;
      background-color: #dae2e7;
      width: 20px;
      height: 20px;
      border-radius: 12px;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      font-size: 12px;
      flex-shrink: 0;
      font-weight: 600;
      position: absolute;
      top: 2px;
      left: 0;
    }
    .static-info ol li {
      position: relative;
      padding-left: 28px;
      margin-top: 6px;
      margin-bottom: 6px;
    }

    .static-info ul li {
      padding-left: 20px;
    }

    .static-info ul li::before {
      content: '';
      position: absolute;
      left: 5px;
      top: 10px;
      width: 5px;
      height: 5px;
      background-color: #a0acb3;
      border-radius: 50%;
    }

    /* headings */
    .static-info h2 {
      font-size: 30px;
    }
    .static-info h3 {
      font-size: 24px;
    }
    .static-info h4 {
      font-size: 20px;
    }
    .static-info h5 {
      font-size: 18px;
    }
    .static-info h2, .static-info h3, .static-info h4, .static-info h5 {
			font-weight: 600;
		}

		.static-info p, .static-info ul, .static-info ol {
			color: #333333;
      font-size: 16px;
      line-height: 22px;
		}
		.static-info p {
			margin: 15px 0;
		}
		.static-info blockquote {
			margin: 0 0 16px;
			padding: 10px 25px;
			border: 1px solid #e5e5e5;
			border-left: 8px solid #4777D0;
			background-color: #fafafa;
		}
		.static-info blockquote p {font-style: italic !important;}
	/* // static pages body styles */

.text-gray, .text-gray p { color:gray !important; }
.text-blue, .text-blue  p { color:#1848a2 !important; }
.text-green, .text-green p { color:green !important; }
.text-red, .text-red p { color:darkred !important; }
.text-green strong {
	color:green !important;
}
.text-blue strong {
	color:#1848a2 !important;
}
.text-gray strong {
	color:gray !important;
}
.text-red  strong {
	color:darkred !important;
}

.static-info {
	float:left;
  padding-right:20px;
  padding-left: 30px;
  padding-top:5px;
  width:950px;
}
.static-info h1 {
	padding:15px 0 0 0;margin:0;
	font:normal 1.3em Georgia;color:#181818;letter-spacing:0.4px;
}
.static-info a {
	font-weight:bold;
	color:#1848A2;
	text-decoration:underline;
}
.static-info a:hover {
	color:#313030;text-decoration:underline;
}


tbody tr td a {
	font-weight:bold;color:#424242;text-decoration:underline;
}
tbody tr td a:hover {
	text-decoration:none;
}
table td {
	padding:0;margin:0;
}
* html .st-l0m .left-u-b, .st-l0m .right-u-b {
	width:8px;
}
.st-gp {
	width:390px !important;line-height:0 !important;
}
.st-l0, .group-bracket, .st-l0m {
	line-height:0 !important;
}

.zag-top h4, .zag-top h5, .zag-top h6, .zag-top h3, .group-bracket .bg-u h4, .tbl-u .bg-u h4, .tbl-u .bg-u h5, .tbl-u .bg-u h2, .tbl-u .bg-u h3, .tbl-u .bg-u h6, .tbl-u-m .bg-u h4 , .tbl-u-m .bg-u h5 {
	margin:0;padding:0;
}
	/*interview*/
.opros {
	padding:10px 0 0 0;
}
.opros h3, .opros h4 {
	font-family:Verdana;font-weight:normal;color:#181818;line-height:1.8em;
}
.opros h3 {
	padding:0 0 1px 0;margin:0;
	font-style:italic;font-size:0.9em;
}
.opros h4 {
	padding:0 0 10px 3px;margin:0;
	font-size:0.8em;
}
	/*spoiler*/
.spoiler {
	padding:10px 0 0 0;
}
.spoiler h3 {
	padding:0 0 3px 0;margin:0;
}
.spoiler h3 a {
	text-decoration:none;font-weight:normal;
}
.spoiler-text {
	padding:5px 10px;
	background:#fafafa;border:1px solid #d6d6d6;
}
	/*places*/
.places {
	padding:10px 0 0 0;
}
.mgold, .msilver, .mbronze {
	float:left;width:12px;height:28px;padding:0 13px 8px 0;
}
.mgold {
	background:url("/templates/images/mgold.png") no-repeat left top;
}
.msilver {
	background:url("/templates/images/msilver.png") no-repeat left top;
}
.mbronze {
	background:url("/templates/images/mbronze.png") no-repeat left top;
}
.places h3 {
	float:left;padding:2px 0 0 0;margin:0;
	font:bold 0.9em Tahoma;color:#313030;
}
.places h3 img {
	float:left;padding:2px 5px 0 0;
}
	/*setka*/
.news-body .grid-name {
	height:16px;
}
.news-body .stage-1 {
	width:187px;
}
.news-body .stage-1, .news-body .stage-2, .news-body .stage-3 {
	padding-top:10px;
}
.news-body .stage-1, .news-body .stage-2, .news-body .stage-3 {
	font:normal 0.9em Tahoma;color:#313030;
}
.news-body .stage-1 a, .news-body .stage-2 a, .news-body .stage-3 a {
	color:#313030;text-decoration:none;font-weight:normal;
}

.tbl-u, .tbl-u-m {
	margin:10px 0 10px 0;
}
	/*groups setki*/
.group-bracket {
	width:543px;
}
.zag-top h6 {
	font:bold 0.9em Verdana;color:#181818;
}
.zag-top h6 {
	float:left;width:128px;
}
.group-bracket .bg-u h4 {
	width:130px;
}
	/*groups game win lose*/
	.tbl-u a:hover {
		text-decoration:underline;
	}
.tbl-u {
	width:65%;
}

.tbl-u-m {
	width:55%;
}

.left-u, .right-u {
	width:10px;height:5px;font-size:1px;
}
.left-u {
	background:url("/templates/images/left-u.gif") no-repeat;
}
.top-u {
	height:5px;font-size:1px;
	background:url("/templates/images/top-u.gif") repeat-x;
}
.right-u {
	background:url("/templates/images/right-u.gif") no-repeat;
}
.top2-u, .bottom-u {
	border-right:1px solid #d6d6d6;border-left:1px solid #d6d6d6;
}
.top2-u {
	background:url("/templates/images/top2-u.gif") top repeat;
}
.zag-top {
	padding:4px 3px 5px 3px;width:95%;
	border-bottom:1px solid #d5d5d7;margin:0 auto;
}
.zag-top h4, .zag-top h5 {
	font:bold 1em Verdana;color:#181818;
}
.zag-top h4 {
	float:left;width:153px;
}
.zag-top h3 {
	float:left;width:54px;
	font:normal 1em Verdana;color:#181818;text-align:center;
}
.bg-u {
	background:url("/templates/images/bg-u.gif") top repeat;
}

.left-u-b, .right-u-b {
	background:url("/templates/images/bg-u.gif") top repeat;
}
.left-u-b {
	border-left:1px solid #d6d6d6;
}
.right-u-b {
	border-right:1px solid #d6d6d6;
}
.bottom-u {
	height:17px;
	background:url("/templates/images/bottom-u.gif") repeat-x;
}
/*bg-u all td */
.bg-u .first td {
	font:normal 0.9em Verdana;color:#181818;
}

.tbl-u .bg-uh6, .tbl-u .bg-uh2 {
	width:160px;
}
.tbl-u .bg-uh3 {
	width:50px;text-align:center;
}
.tbl-u .bg-uh6 img {
	float:right;padding:1px 0 0 5px;
}
.tbl-u .bg-uh2 img {
	float:left;padding:1px 5px 0 0;
}
/*UG*/
.ddd3, .ddd34 {margin:0 !important;border:none !important}
.ddd3 {padding:0 !important}
.ddd34 {padding:11px 0 0 0 !important;text-align:center}

.group-bracket .bg-uh4 span {
	padding-top:1px;
}
.group-bracket .bg-uh4 {
	width:130px;
}
.tbl-u .bg-uh4 img, .group-bracket .bg-uh4 img {
	float:left;padding:1px 5px 0 0;
}
.tbl-u .bg-uh4 {
	width:150px;
}
.tbl-u .bg-uh5 {
	width:55px;text-align:center;
}
.bg-u td {
	padding:8px 0 8px 0;border-bottom:1px dotted #b2b2b4;
}

.tbl-u .bg-u .cw-imp {
	padding-top:40px !important;
}
.b-none {
	border-bottom:none !important;padding-bottom:0 !important;
}
	/*quote*/
.st-quote {
	margin-top:4px;
	border:1px solid #b8b8b8;background:#f4f4f4;
}
.st-quote .st-quoting {
	padding:8px 8px 0 8px;color:#555555;font-size:0.85em;
}
.st-quote .st-quoting img {
	padding:0 2px 0 4px;
}
.st-quote .st-quoted {
	padding:0 8px 7px 8px;
}
.st-quote .st-quoted p {
	font-size:0.9em;padding:6px 0 2px 0;
}
.st-quote-2 {
	margin-top:4px;
}
.st-quote-2 .st-quoting, .st-quote-2 .st-quoted {
	padding:4px 8px 4px 8px;
}
.st-quote-2 .st-quoting {
	background:#f0f0f0;
}
.st-quote-2 .st-quoted {
	background:#e0e0e0;
}
	/*mini-quote*/
.mini-quote-left, .mini-quote-right {
	width:150px;padding:8px !important;
	font:normal 1.3em Times;color:#353535;border:1px solid #b8b8b8;background:#f4f4f4;
}
.mini-quote-left {
	float:left;margin:5px 15px 0 0 !important;
}
.mini-quote-right {
	float:right;margin:5px 0 0 15px !important;
}
	/* wands quote */

	.wand-red, .wand-green, .wand-gray, .wand-blue {
		padding:0 17px;
		margin-bottom:16px;
		overflow:hidden;
	}
	.wand-red {
		border-left:4px solid #ff0000;
		background-color:#FFF1F1;
	}
	.wand-green {
		border-left:4px solid #347C17;
		background-color:#ECF3E9;
	}
	.wand-gray {
		border-left:4px solid #808080;
		background-color:#F3F3F3;
	}
	.wand-blue {
		border-left:4px solid #1848A2;
		background-color:#F2F5FA;
	}

	/* // wands quote */



/********************BRACKET********************/
.league-start ul {
	padding:5px 0 0 3px;margin:0;float:left;
	list-style:none;
}
.league-start ul li {
	padding:0 0 8px 19px;
}
.league-start ul li a {
	color:#313030;text-decoration:underline;
}
.league-start ul li a:hover, .league-start h2 a:hover {text-decoration:none}
.o-st {
	background:url("/templates/images/1st.png") no-repeat 0 20%;
}
.t-st {
	background:url("/templates/images/2nd.png") no-repeat 0 20%;
}
.league-start h2 {
	padding:4px 0 4px 2px;margin:0;
}
.league-start ul li {
	font:normal 0.8em Tahoma;
	color:#313030;
}
.league-start h2 {
	font:normal 1em Palatino;
	color:#313030;
}
.league-start h2 a {
	font:normal 0.9em Tahoma;color:#313030;
	text-decoration:underline;
}
#bracket {
	margin:0 auto;padding:5px 0 30px 0;
	width:970px;
}
.t-rightnav {
	float:left;margin:10px 0 0 0;
}
.t-leftnav {
	float:left;margin:10px 0 0 15px;
}
.t-rightnav a, .t-leftnav a {
	display:block;
	width:10px;height:13px;
	outline:none;overflow:hidden;
}
.t-leftnav a {
	background:url("/templates/images/t-rightar.png") no-repeat
}
.t-rightnav a {
	background:url("/templates/images/t-leftar.png") no-repeat
}
.menu-bracket {
	float:left;padding:10px 0 20px 0;
	width:100%;
}
.menu-bracket .round {
	float:left;margin:0 0 0 16px;padding:1px 0 2px 0;
	width:170px;
	text-align:center;background:#ededed;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
}
.menu-bracket h1, .menu-bracket h2 {
	padding:0;margin:0;
	font:normal 0.8em Tahoma;color:#313030;
}
.menu-bracket h1 a {
	color:#313030;text-decoration:underline;
}
.menu-bracket h1 a:hover {
	text-decoration:none;
}
.ededed {
	background:#7da7d9;
}
.a3d39c {
	background:#7cd4d9;
}
.winner {
	background:#c4df9b;
}
.looser {
	background:#c7c7c7;
}

.group-4, .group-8, .group-16, .group-32, .group-64, .group-128, .group-256 {
	margin-bottom:20px;
	width:10px;
	border:1px solid #555555;
}
.group-4 h2, .group-8 h2, .group-16 h2, .group-32 h2, .group-64 h2, .group-128 h2, .group-256 h2 {
	margin:0;
	font:bold 0.8em Verdana;color:#313030;
}
#t1x1 .group-4 {height:130px}
#t1x1 .group-4 h2 {padding-top:58px}
#t2x2 .group-4 {height:194px}
#t2x2 .group-4 h2 {padding-top:89px}
#t2x2 .group-8 {height:410px}
#t2x2 .group-8 h2 {padding-top:200px}
#t2x2 .group-16 {height:842px}
#t2x2 .group-16 h2 {padding-top:415px}
#t2x2 .group-32 {height:1706px}
#t2x2 .group-32 h2 {padding-top:845px}
#t2x2 .group-64 {height:3434px}
#t2x2 .group-64 h2 {padding-top:1705px}
#t2x2 .group-128 {height:6890px}
#t2x2 .group-128 h2 {padding-top:3425px}
.group-8 {
	height:282px;
}
.group-8 h2 {
	padding-top:132px;
}
.group-16 {
	height:586px;
}
.group-16 h2 {
	padding-top:286px;
}

.group-32 {
	height:1194px;
}
.group-32 h2 {
	padding-top:590px;
}
.group-64 {
	height:2410px;
}
.group-64 h2 {
	padding-top:1198px;
}
.group-128 {
	height:4842px;
}
.group-128 h2 {
	padding-top:2414px;
}
.group-256 {
	height:9706px;
}
.group-256 h2 {
	padding-top:4846px;
}

#t1x1 .grid-name {
	height:16px;
}
#t2x2 .grid-name {
	height:32px;
}
#t2x2 .grid-name .right {
	padding-top:8px;
}
.grid-name .tplay {
	float:left;
}
.grid-name {
	padding:0 2px 0 2px;float:left;
	width:157px;
	border:1px solid #555555
}
.grid-name img {
	float:left;padding:2px 5px 0 0
}
.grid-name:hover {
	background:#5ba4fa;
	cursor:pointer;
}
.stage-1, .stage-2, .stage-3, .stage-4, .stage-5 {
	float:left;
	width:187px;
	font:normal 0.8em Tahoma;color:#313030;
}
.win-los {

}
.win-los h2 {
	padding:0;margin:0;
	background:url("/templates/images/grid_bg.png") repeat-y right;
}
.stage-0, .stage-1 .win-los, .stage-2 .win-los, .stage-3 .win-los, .stage-4 .win-los, .stage-5 .win-los  {
	float:left;
}
.stage-1 h2, .stage-2 h2, .stage-3 h2, .stage-4 h2, .stage-5 h2 {
	width:100%;
	overflow:hidden;
}
.stage-2 {
	padding-top:19px !important;
}
#t2x2 .stage-2 {
	padding-top:26px;
}
.stage-1 h2 {
	height:20px;
}
.stage-2 h2 {
	height:58px;
}
#t2x2 .stage-2 h2 {
	height:75px;
}
.stage-3 h2 {
	height:134px;
}
#t2x2 .stage-3 h2 {
	height:184px;
}
.stage-4 h2 {
	height:287px;
}
#t2x2 .stage-4 h2 {
	height:400px;
}
.stage-5 h2 {
	height:587px;
}
#t2x2 .stage-5 h2 {
	height:834px;
}
.stage-1 .win-los {
	padding-bottom:20px;
}
.stage-2 .win-los {
	padding-bottom:58px;
}
#t2x2 .stage-2 .win-los {
	padding-bottom:74px;
}
.stage-3 .win-los {
	padding:57px 0 78px 0;
}
#t2x2 .stage-3 .win-los {
	padding:80px 0 102px 0;
}
.stage-4 .win-los {
	padding:133px 0 152px 0;
}
#t2x2 .stage-4 .win-los {
	padding:190px 0 210px 0;
}
.stage-5 .win-los {
	padding:285px 0 306px 0;
}
#t2x2 .stage-5 .win-los {
	padding:408px 0 426px 0;
}
.stage-1 a, .stage-2 a, .stage-3 a, .stage-4 a, .stage-5 a {
	color:#313030;text-decoration:none;
}
#t2x2 .grid_top, #t2x2 .grid_center, #t2x2 .grid_bottom {
	padding:0 0 16px 0;
}
.grid_center, .grid_top, .grid_bottom {
	float:left;
	width:12px;height:18px;
}
.grid_bg {
	background:url("/templates/images/grid_bg.png") repeat-y right;
}
#t1x1 .grid_center {
	background:url("/templates/images/grid_center.png") no-repeat;
}
#t2x2 .grid_center {
	background:url("/templates/images/grid_center2.png") no-repeat;
}
#t1x1 .grid_top {
	background:url("/templates/images/grid_top.png") no-repeat;
}
#t2x2 .grid_top {
	background:url("/templates/images/grid_top2.png") no-repeat;
}
#t1x1 .grid_bottom {
	background:url("/templates/images/grid_bottom.png") no-repeat;position:relative;
}
#t2x2 .grid_bottom {
	background:url("/templates/images/grid_bottom2.png") no-repeat;position:relative;
}


* html .zag-top {height:1%;}
.zag-top:after {
  content:'.';
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
  line-height:0;
}

.table-class td {
	border:1px solid #d8d7d7;
	padding:4px;
}
.spoiler-text {
	display:none;
	visibility:hidden;
}


h2, h3, h4, h5 {
	margin-top: 1.15em;
	padding: 0;
	margin-bottom: 0;
	color: #333;
	line-height: 1.15;
}
hr {
	margin-top: 35px;
	margin-bottom: 35px;
	background-color: #dedede;
	height: 1px;
	max-width: 100%;
	overflow: hidden;
	border: none;
}
.badge-info {
	color: #333;
	padding: 16px 16px 18px;
	border-radius: 6px;
	background-color: #F2F5FA;
  font-size: 15px;
  line-height: 22px;
	margin: 18px 0;
}

.static-info table, .static-info table td {
	box-sizing: border-box;
}
.static-info table {
	margin: 16px 0 22px;
	border-collapse: collapse;
	padding: 0;
	color: #333333;
}
.static-info table td {
	padding: 5px 8px 6px;
	border-top: 1px solid #e5e5e5;
	background: #fafafa;
  font-size: 15px;
  line-height: 22px;
}
.static-info table td {
	border-right: 1px solid #e5e5e5;
}
.static-info table tr td:first-child {
	border-left: 1px solid #e5e5e5;
}
.static-info table tr:last-child td {
	border-bottom: 1px solid #e5e5e5;
}

h2.static-title {
	padding-top: 13px;
	margin-bottom: 5px;
	margin-top: 0;
  padding-left: 30px;
  font-size: 32px;
  font-weight: 600;
	color: #333;
}

.spoiler-opened {
	opacity: 1;
	visibility: visible;
}