@charset utf-8;
	#bracket
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	position:relative
}
.round
{
	display:block;
	height:100%;
	margin-right:2em;
	position:relative;
	width:21.5em
}
.left
{
	float:left
}
.clearfloat
{
	clear:both;
	font-size:0;
	height:0;
	line-height:0
}
.gameBox
{
	display:block;
	height:9.7em;
	margin-bottom:4.5em;
	position:relative;
	width:21.5em;
	z-index:50
}
	#g-2-1
{
	margin-top:7.1em
}
	#g-2-2,#g-2-3,#g-2-4,#g-2-5,#g-2-6,#g-2-7,#g-2-8,#g-2-9,#g-2-10,#g-2-11,#g-2-12,#g-2-13,#g-2-14,#g-2-15,#g-2-16,#g-2-17,#g-2-18,#g-2-19,#g-2-20,#g-2-21,#g-2-22,#g-2-23,#g-2-24,#g-2-25,#g-2-26,#g-2-27,#g-2-28,#g-2-29,#g-2-30,#g-2-31,#g-2-32
{
	margin-top:18.7em
}
	#g-3-1
{
	margin-top:21.3em
}
	#g-3-2,#g-3-3,#g-3-4,#g-3-5,#g-3-6,#g-3-7,#g-3-8,#g-3-9,#g-3-10,#g-3-11,#g-3-12,#g-3-13,#g-3-14,#g-3-15,#g-3-16
{
	margin-top:47.1em
}
	#g-4-1
{
	margin-top:49.7em
}
	#g-4-2,#g-4-3,#g-4-4,#g-4-5,#g-4-6,#g-4-7,#g-4-8
{
	margin-top:103.9em
}

	#g-5-1
{
	margin-top:106em
}
	#g-5-2,#g-5-3,#g-5-4,#g-5-5,#g-5-6,#g-5-7,#g-5-8
{
	margin-top:216.3em
}

#g-6-1
{
	margin-top:182.3em
}

.gameBox .content
{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#e5ebf3;
	border-radius:4px;
	float:right;
	height:9.7em;
	width:20.5em
}
.gameBox .content .date
{
	color:#6b7e9d;
	float:right;
	font-weight:700;
	height:1.8em;
	padding:.4em;
	width:16em
}
.gameBox .content .reply
{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:red;
	border-radius:4px;
	color:#fff;
	float:right;
	font-size:11px;
	font-weight:700;
	height:1.6em;
	line-height:1.6em;
	margin-right:.4em;
	margin-top:.4em;
	text-align:center;
	vertical-align:middle;
	width:1.6em
}
.gameBox .content .team
{
	height:3.5em;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-topleft:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-top-left-radius:4px;
	background-color:#cfd8e5;
	border-bottom-left-radius:4px;
	border-top-left-radius:4px;	
	margin-left:1em;
	padding-left:1em;	
}
.gameBox .content .team.active
{
	background-color:#000;
	color:#fff
}
.content .team:nth-child(5)
{
	margin-top:1px
}
.gameBox .content .team .name
{

	color:#6b7e9d;
	float:left;
	font-weight:600;
	font-size: .8em;
	height:3.5em;
	line-height:3.5em;
	width:auto;
	
}

.gameBox .content .team .score
{
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	border-top-right-radius:4px;
	float:right;
	height:3.5em;	
	line-height:3.5em;
	text-align:center;
	width:3.6em
}
.gameBox .content .team .score.l
{
	background-color:#a8b7ce;
	color:#fff;
	font-weight:700
}
.gameBox .content .team .score.w
{
	background-color:#3d4f6c;
	color:#fff;
	font-weight:700
}
.gameBox .content .team.active .score
{
	background-color:red!important;
	color:#fff
}

.gameBox .content .scoreC
{
  background-color:#e5ebf3;
}
.gameNo
{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#6b6d77;
	border-radius:4px;
	color:#fff;
	font-weight:700;
	height:2.6em;
	left:0;
	line-height:2.6em;
	position:absolute;
	text-align:center;
	top:4.8em;
	width:2.6em
}
.connector
{
	position:absolute;
	z-index:49
}
.connector.top.active
{
	border-right:1px solid red;
	border-top:1px solid red
}
.connector.bottom.active
{
	border-bottom:1px solid red;
	border-right:1px solid red
}
	#c-1-1-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:1.4em;
	width:7.3em
}
	#c-1-1-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:16.8em;
	width:7.3em
}
	#c-1-2-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:29.7em;
	width:7.3em
}
	#c-1-2-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:45.1em;
	width:7.3em
}
	#c-1-3-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:58.1em;
	width:7.3em
}
	#c-1-3-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:73.4em;
	width:7.3em
}
	#c-1-4-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:86.5em;
	width:7.3em
}
	#c-1-4-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:101.7em;
	width:7.3em
}
	#c-1-5-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:114.9em;
	width:7.3em
}
	#c-1-5-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:130em;
	width:7.3em
}
	#c-1-6-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:144.3em;
	width:7.3em
}
	#c-1-6-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:158.3em;
	width:7.3em
}
	#c-1-7-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:171.7em;
	width:7.3em
}
	#c-1-7-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:186.6em;
	width:7.3em
}
	#c-1-8-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:200.1em;
	width:7.3em
}
	#c-1-8-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:214.9em;
	width:7.3em
}
	#c-1-9-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:228.5em;
	width:7.3em
}
	#c-1-9-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:243.2em;
	width:7.3em
}
	#c-1-10-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:256.9em;
	width:7.3em
}
	#c-1-10-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:299.8em;
	width:7.3em
}
	#c-1-11-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:285.3em;
	width:7.3em
}
	#c-1-12-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:313.7em;
	width:7.3em
}
	#c-1-12-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:328.1em;
	width:7.3em
}



	#c-1-13-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:342.1em;
	width:7.3em
}
	#c-1-13-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:356.4em;
	width:7.3em
}



	#c-1-14-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:370.5em;
	width:7.3em
}
	#c-1-14-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:384.7em;
	width:7.3em
}

	#c-1-15-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:398.9em;
	width:7.3em
}
	#c-1-15-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:413em;
	width:7.3em
}


	#c-1-16-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:427.3em;
	width:7.3em
}
	#c-1-16-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:5.7em;
	left:21.4em;
	top:441.3em;
	width:7.3em
}



	#c-2-1-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:12.7em;
	left:45em;
	top:8.5em;
	width:7.3em
}
	#c-2-1-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:12.7em;
	left:45em;
	top:31em;
	width:7.3em
}
	#c-2-2-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:12.7em;
	left:45em;
	top:65.4em;
	width:7.3em
}
	#c-2-2-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:12.7em;
	left:45em;
	top:87.8em;
	width:7.3em
}
	#c-2-3-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:12.7em;
	left:45em;
	top:122.2em;
	width:7.3em
}
	#c-2-3-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:12.7em;
	left:45em;
	top:144.6em;
	width:7.3em
}
	#c-2-4-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:12.7em;
	left:45em;
	top:179em;
	width:7.3em
}
	#c-2-4-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:12.7em;
	left:45em;
	top:201.4em;
	width:7.3em
}


	#c-2-5-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:12.7em;
	left:45em;
	top:235.8em;
	width:7.3em
}
	#c-2-5-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:12.7em;
	left:45em;
	top:258.2em;
	width:7.3em
}


	#c-2-6-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:12.7em;
	left:45em;
	top:292.6em;
	width:7.3em
}
	#c-2-6-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:12.7em;
	left:45em;
	top:315em;
	width:7.3em
}



	#c-2-7-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:12.7em;
	left:45em;
	top:349.4em;
	width:7.3em
}
	#c-2-7-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:12.7em;
	left:45em;
	top:371.8em;
	width:7.3em
}



	#c-2-8-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:12.7em;
	left:45em;
	top:406.2em;
	width:7.3em
}
	#c-2-8-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:12.7em;
	left:45em;
	top:428.6em;
	width:7.3em
}




	#c-3-1-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:26.9em;
	left:68.5em;
	top:22.7em;
	width:7.3em
}
	#c-3-1-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:26.9em;
	left:68.5em;
	top:59.3em;
	width:7.3em
}
	#c-3-2-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:26.9em;
	left:68.5em;
	top:136.3em;
	width:7.3em
}
	#c-3-2-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:26.9em;
	left:68.5em;
	top:173em;
	width:7.3em
}

	#c-3-3-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:26.9em;
	left:68.5em;
	top:249.9em;
	width:7.3em
}
	#c-3-3-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:26.9em;
	left:68.5em;
	top:286.7em;
	width:7.3em
}
	#c-3-4-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:26.9em;
	left:68.5em;
	top:363.5em;
	width:7.3em
}
	#c-3-4-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:26.9em;
	left:68.5em;
	top:400.4em;
	width:7.3em
}



	#c-4-1-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:56.9em;
	left:92em;
	top:51.3em;
	width:7.3em
}
	#c-4-1-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:56.9em;
	left:92em;
	top:114.5em;
	width:7.3em
}


	#c-4-2-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:56.9em;
	left:92em;
	top:278.5em;
	width:7.3em
}
	#c-4-2-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:56.9em;
	left:92em;
	top:341.7em;
	width:7.3em
}



#c-5-1-1
{
	border-right:1px solid #a8b7ce;
	border-top:1px solid #a8b7ce;
	height:120em;
	left:115.5em;
	top:107.2em;
	width:7.3em
}
	#c-5-1-2
{
	border-bottom:1px solid #a8b7ce;
	border-right:1px solid #a8b7ce;
	height:120em;
	left:115.5em;
	top:2114.5em;
	width:7.3em
}



	#wrp
{
	font-size:10px;
	height:auto;
	overflow-x:scroll;
	overflow-y:hidden;
	width:750px
}

.gameBox .content .date span,.gameBox .content .team .name span,.gameBox .content .team .score span
{
	font-size:1.2em
}
/*

Bracket Table Stylesheet

*/



#wrp { /* Racket Table Wrapper */
	height: auto !important;
	width: 100% !important;
	margin: 0 0 20px 0;
	font-size: 12px !important;
	}
	#wrp #bracket {
		width: max-content !important;
		}
		#wrp #bracket .connector {
			display: none;
			}
			#wrp #bracket .connector.top {}
			#wrp #bracket .connector.bottom {}
		#wrp #bracket .round {
			width: auto;
			margin: 0 20px 0 0;
			}
			#wrp #bracket .round.left {
				position: relative;
				}
				/* Connectors : begin */
				#wrp #bracket .round.left#r-2 .gameBox .content:before,
				#wrp #bracket .round.left#r-3 .gameBox .content:before,
				#wrp #bracket .round.left#r-4 .gameBox .content:before,
				#wrp #bracket .round.left#r-5 .gameBox .content:before,
				#wrp #bracket .round.left#r-6 .gameBox .content:before {
					content: '';
					position: absolute;
					top: 20px;
					left: -20px;
					width: 30%;
					height: 30px;
					border-top: 1px solid #3d4f6c;
					border-right: 1px solid #3d4f6c;
				}
				#wrp #bracket .round.left#r-3 .gameBox .content:before { top: 70px; height: 80px; }
				#wrp #bracket .round.left#r-4 .gameBox .content:before { top: 170px; height: 180px; }
				#wrp #bracket .round.left#r-5 .gameBox .content:before { top: 370px; height: 380px; }
				#wrp #bracket .round.left#r-6 .gameBox .content:before { top: 770px; height: 780px; }
				#wrp #bracket .round.left#r-2 .gameBox .content:after,
				#wrp #bracket .round.left#r-3 .gameBox .content:after,
				#wrp #bracket .round.left#r-4 .gameBox .content:after,
				#wrp #bracket .round.left#r-5 .gameBox .content:after,
				#wrp #bracket .round.left#r-6 .gameBox .content:after {
					content: '';
					position: absolute;
					bottom: 20px;
					left: -20px;
					width: 30%;
					height: 30px;
					border-right: 1px solid #3d4f6c;
					border-bottom: 1px solid #3d4f6c;
				}
				#wrp #bracket .round.left#r-3 .gameBox .content:after { bottom: 70px; height: 80px; }
				#wrp #bracket .round.left#r-4 .gameBox .content:after { bottom: 170px; height: 180px; }
				#wrp #bracket .round.left#r-5 .gameBox .content:after { bottom: 370px; height: 380px; }
				#wrp #bracket .round.left#r-6 .gameBox .content:after { bottom: 770px; height: 780px; }
				/* Connectors : end */
				/*
				#wrp #bracket .round.left#r-1 { background-color: rgba(151,200,80,1) }
				#wrp #bracket .round.left#r-2 { background-color: rgba(151,200,80,0.8) }
				#wrp #bracket .round.left#r-3 { background-color: rgba(151,200,80,0.6) }
				#wrp #bracket .round.left#r-4 { background-color: rgba(151,200,80,0.4) }
				#wrp #bracket .round.left#r-5 { background-color: rgba(151,200,80,0.2) }
				#wrp #bracket .round.left#r-6 { background-color: rgba(151,200,80,1) }
				*/
				#wrp #bracket .round.left#r-1 .gameBox .content { margin: 0; }
				#wrp #bracket .round.left#r-2 .gameBox .content { margin: 50px 0; }
				#wrp #bracket .round.left#r-3 .gameBox .content { margin: 150px 0; }
				#wrp #bracket .round.left#r-4 .gameBox .content { margin: 350px 0; }
				#wrp #bracket .round.left#r-5 .gameBox .content { margin: 750px 0; }
				#wrp #bracket .round.left#r-6 .gameBox .content { margin: 1550px 0; }
				#wrp #bracket .round .gameBox {
					width: auto;
					height: auto;
					z-index: auto;
					margin: 20px 0;
					}
					#wrp #bracket .round .gameBox {
					}
					#wrp #bracket .round .gameBox .content {
						float: left;
						width: 100%;
						height: auto;
						border-radius: 3px;
						background-color: #e0e4e8;
						}
						#wrp #bracket .round .gameBox .content .date {
							float: left;
							width: auto;
							height: auto;
							padding: 6px 5px 5px 10px;
							color: rgba(112,134,158,1);
							font-size: 10px;
							font-weight: bold;
							line-height: 16px;
							}
							#wrp #bracket .round .gameBox .content .date span {}
						#wrp #bracket .round .gameBox .content .team {
							height: auto;
							margin: 0;
							border-radius: 2px;
							padding: 0;
							}
							#wrp #bracket .round .gameBox .content .team:last-of-type {
								border-top: 1px solid rgba(112,134,158,0.25);
							}
							#wrp #bracket .round .gameBox .content .team.active {
								background-color: #404448;
							}
							#wrp #bracket .round .gameBox .content .team .name,
							#wrp #bracket .round .gameBox .content .team .score {
								display: table-cell;
								height: auto;
								padding: 5px 10px;
								font-size: 100%;
								line-height: normal;
								}
								#wrp #bracket .round .gameBox .content .team.active .name {
									color: #f0f4f8;
								}
								#wrp #bracket .round .gameBox .content .team .name span {
									}
									#wrp #bracket .round .gameBox .content .team.active .name span {
									}
							#wrp #bracket .round .gameBox .content .team .score {
								width: 40px;
								min-height: 16px;
								border-radius: 0 2px 2px 0;
								background-color: #a8b7ce;
								}
								#wrp #bracket .round .gameBox .content .team.active .score {
									background-color:  inherit !important;
								}
								#wrp #bracket .round .gameBox .content .team .score span {
									}
									#wrp #bracket .round .gameBox .content .team.active .score span {
									}
								#wrp #bracket .round .gameBox .content .team .score.w {
									position: relative;
									background-color: #3d4f6c;
									}
									#wrp #bracket .round .gameBox .content .team .score.w:after {
										/*
										content: '';
										position: absolute;
										z-index: 999;
										top: 1px;
										right: -16px;
										width: 0; 
										height: 0;
										border-top: 12px solid transparent;
										border-bottom: 12px solid transparent;
										border-left: 12px solid rgba(61,79,108,1);
										*/
									}
									#wrp #bracket .round .gameBox .content .team.active .score.w {
									}
									#wrp #bracket .round .gameBox .content .team .score.w span {
										}
										#wrp #bracket .round .gameBox .content .team.active .score.w span {
										}