p {
	margin:0;
	padding:0;
}

body {
	background: url('https://cdn.steamstatic.com/apps/dota2/images/leagues/bg_main.jpg') center top;
	padding:0;
	margin:0;
	color:#FFFFFF;
	overflow-x: hidden;
	box-sizing: content-box;
	min-width: 800px;
}

* {
	font-size:14px;
	-webkit-font-smoothing: subpixel-antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	text-rendering: optimizeLegibility;
	font-family:'Radiance','arial',sans-serif !important;
}

a, a:active, a:visited, a:focus {
	color: #8c9598;
	text-decoration: none;
	-webkit-font-smoothing: subpixel-antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	text-rendering: optimizeLegibility;
	font-family:'Radiance','arial',sans-serif !important;
}

a:hover {
	color: #FFFFFF;
	-webkit-font-smoothing: subpixel-antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	text-rendering: optimizeLegibility;
	font-family:'Radiance','arial',sans-serif !important;
}

.GCDown
{
	color: red;
	font-size: 20px;
	margin: 20px auto;
}

.TextButton
{
	color: #999;
	cursor: pointer;
	font-size: 12px;
}

.TextButton:hover
{
	text-decoration: underline;
}


.Container
{
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.HomeHeader
{
	padding-top: 10px;
	width: 100%;
	height: 62px;
	border-bottom: 1px solid #303030;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
	background: #1b1b1b;
	background: linear-gradient(#303030,#1b1b1b);
	background: -moz-linear-gradient(#303030,#1b1b1b);
	background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#303030),color-stop(100%,#1b1b1b));
	background: -webkit-linear-gradient(#303030,#1b1b1b);
}

.HomeHeaderCenter
{
	margin-right: auto;
	margin-left: auto;
	width: 920px;
	height: 100%;
}

.HomeHeaderLeft
{
	display: inline-block;
	width: 300px;
	font-size: 20px;
	float: left;
	text-transform: uppercase;
	letter-spacing: 5px;
	padding-left: 5px;
}

.HomeHeaderLeft img {
	vertical-align: middle;
}

.HomeHeaderLeft a
{
	color: #ab3e29;
	font-size: 20px !important;
	text-transform: uppercase;
}

.HomeHeaderRight
{
	display: inline-block;
	width: 400px;
	float: right;
	text-align: right;
	padding-right: 10px;
	color: #a89e99;
	padding-top: 10px;
}

.HomeHeaderRight a
{
	color: #a89e99;
}

.HomeHeaderRight a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

.HomeContentLeaguesSingleBox .LeagueName
{
	font-size: 20px;
	color: white;
}

.HomeContentLeaguesSingleBox .LeagueName
{
	font-size: 20px;
	font-weight: bold;
	color: white;
}


.HomeContainer
{
	background: url('https://cdn.steamstatic.com/apps/dota2/images/leagues/bg_home.jpg') center bottom no-repeat;
	width: 760px;
	min-height: 600px;
	height: auto;
	text-align: center;
	font-size: 18px;
	margin-bottom: 30px;
	color: #d8e6eb;
	padding: 30px 160px 35px 160px;
	margin-top: 15px;
	background-color: #000000;
}

.HomeContainerWrapper {
	width: 800px;
	background: #000000;
	text-align: center;
}

.HomeContentSignInBox
{
	width: 100%;
	text-align: center;
	font-size: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.HomeContentSignInBoxLeft
{
	padding-top: 12px;
	display: inline-block;
	font-size: 16px;
	float: left;
	padding-left: 5px;
	text-align: right;
	margin-left: auto;
	width: 175px;
	line-height: 43px;
}

.HomeContentSignInBoxRight
{
	padding-top: 15px;
	display: inline-block;
	float: right;
	text-align: right;
	padding-right: 5px;
	text-align: left;
	margin-right: auto;
	width: 400px;
}

.HomeContentLeaguesBox
{
	height: auto;
	text-align: center;
	padding-top: 10px;
	color: #DDDDDD;
	padding-bottom: 10px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.HomeContentLeaguesSingleBox
{
	margin-top: 10px;
	background-color: #262c2e;
	height: auto;
	padding-top: 10px;
	color: #8c8c8c;
	padding-bottom: 10px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: #212628;
	border: 1px solid #444e52;
	font-size: 14px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	display: flex;
	justify-content: space-between;
}

.HomeContentLeaguesSingleBox:hover
{
	background-color: #2d3437;
	border: 1px solid #627075;
}

.LeagueStatus
{
	display: flex;
	justify-content: flex-end;
}

.HomeContentLeaguesSingleBoxBottom
{
	text-align: left;
	line-height: 20px;
}

.HomeContentLeaguesSingleBoxBottom .LeagueValue
{
	color: #AAA;
	font-weight: bold;
}

.LeagueStatusDescription
{
	text-align: right;
	height: 72px;
	display: flex;
	align-items: center;
}

.LeagueStatusSubmitted .LeagueStatusDescription
{
	color: #D3D54A; 
}

.LeagueStatusAccepted .LeagueStatusDescription
{
	color: #7AC240; 
}

.LeagueStatusRejected .LeagueStatusDescription
{
	color: #C24040; 
}

.LeagueStatusConcluded .LeagueStatusDescription
{
	color: #406ec2; 
}



.LeagueStatusIcon
{
	height: 72px;
	width: 75px;
	right: 10px;
	top: 10px;
	vertical-align: middle;
	letter-spacing: 2px;
	margin-right: 20px;
	font-size: 10px;
}

.LeagueStatusUnsubmitted .LeagueStatusIcon
{
	background: url('https://cdn.steamstatic.com/apps/dota2/images/leagues/waitingcircle.png') right center no-repeat;
	color: #b5b5b5;
}

.LeagueStatusSubmitted .LeagueStatusIcon
{
	background: url('https://cdn.steamstatic.com/apps/dota2/images/leagues/waitingpublished.png') right center no-repeat;
	color: #d3d54a;
}

.LeagueStatusAccepted .LeagueStatusIcon
{
	background: url('https://cdn.steamstatic.com/apps/dota2/images/leagues/acceptedcircle.png') right center no-repeat;
	color: #95be40;
}

.LeagueStatusRejected .LeagueStatusIcon
{
	background: url('https://cdn.steamstatic.com/apps/dota2/images/leagues/rejectedx.png') right center no-repeat;
	color: #c24040;
}

.LeagueStatusConcluded .LeagueStatusIcon
{
	background: url('https://cdn.steamstatic.com/apps/dota2/images/leagues/finishedcircle.png') right center no-repeat;
	color: #406ec2;
}


.HomeWelcomeText
{
	text-transform: uppercase;
	font-size: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.SignInInputText
{
	width: 400px;
	max-width: 400px;
	font-size: 14px;
	margin: 0;
	padding: 0;
	background: #212628;
	border: 1px solid #444e52;
	color: #c5c5c5;
	box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.4);
	padding: 10px;
	line-height: 16px;
	font-weight: normal;
	resize: none;
}

.Short .SignInInputText
{
	width: 100px;
}

.Disabled .SignInInputText
{
	border: 1px solid #272d2f;
	color: #565656;
	background: #0e1011;
}

.SignInInputText:disabled
{
	background-color: black;
}

.RightInput
{
	width: 200px;
	text-align: right; 
	height: 32px; 
	float: right; 
	display: inline-block; 
	padding-right: 250px; 
	padding-top: 7px;
}

.AlignedCheckbox
{
	vertical-align: middle;
}

.WorkshopInputBox {
	width: 450px;
}

.HomeContentBody
{
	text-align: center;
	font-size: 16px;
}

.HomeContentBodyTitleText
{
	font-size: 22px;
	text-transform: uppercase;
	padding-top: 15px;
	letter-spacing: 2px;
}

.HomeContentBodyText
{
	font-size: 14px;
	padding-top: 5px;
}

.LeaguesHomeButtons
{
	background-color: #475256;
	margin-left: auto;
	margin-right: auto;
	text-transform: uppercase;
	color: #d8e6eb;
	text-align: center;
	margin-top: 50px;
	font-size: 16px;
}

.CreateAccountButton
{
	width: 250px;
	padding-top: 20px;
	padding-bottom: 20px;
	cursor: pointer;

}

.FAQButton
{
	width: 200px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 25px;
	cursor: pointer;
}

.CreateAccountContainer
{
	width: 650px;
	text-align: center;
	background: url('https://cdn.steamstatic.com/apps/dota2/images/leagues/bg_home.jpg') center bottom no-repeat;
	font-size: 18px;
	padding-right: 75px;
	padding-left: 75px;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-bottom: 30px;
}

.CreateAccountText
{
	font-size: 14px;
	padding-top: 15px;
}

.CreateAccountForm
{
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	display: table;
	padding-top: 25px;
	border-spacing: 0px 15px;
}

.CreateAccountFormRow
{
	display: flex;
	padding: 10px;
}

.CreateAccountFormLabel
{
	width: 250px;
	align-self: center;
	font-size: 14px;
	text-align: right;
	padding-right: 10px;
}

.CreateAccountFormLabel.Left
{
	width: 250px;
	align-self: center;
	font-size: 16px;
	text-align: left;
	padding-right: 10px;
	color: #DDD;
}

.CreateAccountFormLabel.Top
{
	align-self: baseline;
}

.Disabled .CreateAccountFormLabel
{
	color: #666;
}

.CreateAccountFormLabel.NeedsValidation
{
	color: red;
}

.CreateAccountFormLabel.NeedsValidation.Valid
{
	color: #d8e6eb;
}

.OverviewStatus
{
	font-weight:bold;
	font-size: 18px;
	text-align: left;
}

.OverviewStatus.Unsubmitted
{
	color: #D3D54A; 
}

.OverviewStatus.Accepted
{
	color: #7AC240; 
}

.OverviewStatus.Rejected
{
	color: #C24040; 
}

.OverviewStatus.Concluded
{
	color: #406ec2; 
}


.SubStatus
{
	font-size: 12px;
	font-weight: normal;
}

.CreateAccountFormInput
{
	vertical-align: middle;
	text-align: left;
	display: table-cell;
}

.CreateAccountFormInput.Short
{
	width: 150px;
	display: table-column;

}

.CreateAccountFormInput input, select, textarea 
{
	background: #212628;
	border: 1px solid #444e52;
	color: #c5c5c5;
	box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.4);
	line-height: 16px;
	resize: none;
}

.CreateAccountFormInput.TierSection
{
	width: 404px;
	border: 1px solid #444;
	padding: 8px;
	background-color: #212628;
}

.CreateAccountFormInput.TierSection.Disabled
{
	background-color: black;
}


.SubmitLeagueForm
{
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	display: table;
	padding-top: 0px;
	border-spacing: 0px 15px;
}


.SubmitLeagueValue
{
	vertical-align: middle;
	display: table-cell;
	font-size: 14px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

.SubmitImageListings
{
	width: 100%;
	margin-right: 25px;
	padding-top: 20px;
}

.SubmitImage
{
	width: 240px;
	text-align: center;
	display: inline-block;
	padding-left: 2px;
	padding-right: 2px;
}

.SubmitImage img
{
	width: 100%;
}

.GraphicsImage
{
	width: 270px;
	text-align: center;
	display: inline-block;
	padding-right: 10px;
}

.GraphicsImage img
{
	width: 100%;
}

.SubmitLeagueValue a
{
	color: #FFFFFF !important;
	text-decoration: underline;
	font-size: 14px;
}

.SubmitLeagueError
{
	font-size: 10px;
	color: #bc0b0b;
}

.MissingImageError
{
	color: #bc0b0b;
}

.CreateAccountTextArea
{
	resize: none;
	font-size: 14px;
	width: 400px;
}

.TournamentContainer
{
	width: 1080px;
	text-align: center;
	font-size: 18px;
	margin-bottom: 30px;
}

.LeaguesTopTabsFull
{
	display: table;
	padding-top: 10px;
	margin: 0px auto;
}

.LeaguesTopTabsRow 
{
	width: 100%;
	text-align: left;

	border-spacing: 1px 0px;
}

.LeaguesTopTab
{
	display: table-cell;
	width: 105px;
	height: 35px;
	vertical-align: middle;
	text-transform: uppercase;
	background-color: #24292b;
	color: #8c9598;
	text-align: center;
	position: relative;
	cursor: pointer;
}

.LeaguesTopTab:hover
{
	background-color: #3a4245;
	color: #FFF;
}

.LeaguesTopTabSelected
{
	background-color: #462c2e;
	z-index: 99;
	position: relative;
	color: #DDD;
}

a .LeaguesTopTabSelected
{
	color: #FFFFFF;
}

.TournamentTabContent
{
	width: 870px;
	background: rgba(5,6,6,0.7);
	border: 1px solid #303030;
	padding: 15px;
	margin: 10px auto;
	text-align: center;
	box-shadow: 0px 0px 20px 3px black;
	z-index: 95;
	position: relative;
	color: #D8E6EB;
	display: block;
	overflow: visible;
}

.TournamentTabGraphicsContent
{
	padding-top: 0px;
	padding-left: 0px;
	margin-left: 0px;
	padding-bottom: 20px;
}

.SmallInputBox
{
	width: 50px;
}

.CreateAccountRadioBox
{
	width: 0.875em;
	height: 0.875em;
}

#TierInfo
{
	width: 404px;
	padding-top: 4px;
	color: #999;
}

.TournamentImageField
{
	width: 85%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-color: #444;
	border-style: solid;
}

.TournamentImageField input
{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.TournamentImageField label
{
	padding: 5px 10px;
	margin-top: 10px;
}


.TournamentImageField.LargeIcon img
{
	width: 600px;
	height: 400px;
}

.TournamentImageField.Banner img
{
	width: 512px;
	height: 200px;
}

.TournamentImageField.Square img
{
	width: 512px;
	height: 512px;
}

.TournamentImageFieldLegend
{
	background: #212628;
	border: 1px solid #444e52;
	color: #c5c5c5;
	font-size: 14px;
	box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.4);
	padding: 8px 10px 8px 10px;
	margin-bottom: 10px;
}

.separatorOr
{
	display: block;
	padding: 15px 10px 15px 10px;
	font-weight: bold;
	font-size: 16px;
	color: #b8c1c4;
	text-transform: uppercase;
	text-align: center;
}

.separatorOr:before, .separatorOr:after
{
	padding-left: 5px;
	padding-right: 5px;
	content: " —";
	color: #434d4f;
}

.TournamentAdminBox
{
	width: 670px;
	padding: 10px;
	background: #212628;
	text-align: left;
	border: 1px solid #444e52;
	color: #c5c5c5;
	box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.4);
	margin: 5px auto;
	display: inline-block;
}

.TournamentAdminAvatar
{
	width: 32px;
	margin-right: 15px;
	float: left;
	display: block;
}

.TournamentAdminAvatar img
{
	width: 32px;
	height: 32px;
	background: #212628;
	border: 2px solid #67767c;
	display: block;
}

.TournamentAdminSingleBox
{
	width: 485px;
	float: left;
}

.TournamentAdminRightBox
{
	width: 100px;
	height: 40px;
	float: left;
	font-size: 14px;
}

.TournamentAdminSingleBox a.adminProfile
{
	font-size: 18px;
	font-weight: 400;
	color: #FFF;
	display: inline-block;
}

.AdminMakePrimaryLink
{
	cursor: pointer;
	color: #999;
}

.AdminMakePrimaryLink:hover
{
	color: #FFF;
}

.AdminRevokeLink
{
	margin-top: 2px;
	color: #B22;
	cursor: pointer;
}

.AdminRevokeLink:hover
{
	color: #F55;
}

.SmallEmail
{
	font-size: 12px;
	color: #777;
}

.AdminPrimary
{
	color: #DDD;
}

.AdminNormal
{
	color: #999;
}

.TournamentAdminBox a
{
	color: #FFF;
}

.TournamentAdminSingleBox a.adminProfile:hover, .TournamentAdminBox a:hover
{
	color: #bd4533 !important;
}

.ui-menu-item
{
	background-position: 98% 50% !important;
	background-size: 20px 20px !important;
}

.ui-widget-content
{
	width: 240px !important;
}

.ui-slider.ui-widget-content
{
	width: 180px !important;
}


#team_list
{
	height: 150px;
	width: 400px;
}

#team_list option
{
	background-size: 25px 25px !important;
	font-size: 18px;
	background-position: 98% 50% !important;
	padding-top: 5px;
	padding-bottom: 5px;
}

.StreamHeaderText {
	font-size: 16px;
	text-align: center;
	width: 700px;
	display: block;
	padding-top: 30px;
}

#agreementBody {
	text-align:left;
	width:480px;
	padding:10px;
	background-color:#333333;
	color:#aaaaaa;
}
#agreementBody li {
	margin-bottom:10px;
}
#agreementBody strong {
	color:#dddddd;
}
#userAgreementModal {
	position:absolute;
	z-index:1000;
	width:520px;
	text-align:center;
	height:420px;
	background-color:#000000;
	border:solid #777777 1px;
	display: none;
}
#userAgreementModal.Signup{
	padding: 20px;
	height: 210px;
}

#userAgreementIframe {
	width:520px;
	margin:0px auto 10px auto;
	height:300px;
	overflow:scroll;
	border:none;
	border-bottom:solid #555555 1px;

}
#modalBG {
	position:absolute;
	z-index:900;
	background-color:#000000;
	filter:alpha(opacity=60);
	opacity:0.8;
}

.modalButton {
	display:inline-block;
	border:solid #888888 1px;
	line-height:24px;
	padding:0px 16px;
	font-weight:bold;
}
#userAgreementDecline {
	background-color:#440000;
}
#userAgreementDecline:hover {
	background-color:#660000;
}
#userAgreementAgree {
	background-color:#004400;
}
#userAgreementAgree:hover {
	background-color:#006600;
}

.modalButtons {
	margin-top:8px;
	padding-bottom:6px;
}
#userAgreementNote {
	text-align:center;
	padding:0px 16px;
}

#addAdminForm {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.newmodal_header .ellipsis {
	padding-top: 10px;
	font-size: 18px;
}

.textlink
{
	padding-top: 20px;
	font-size: 14px;
	text-decoration: underline;
	color: #DDD;
	cursor: pointer;
	text-shadow: 0px 0px 10px #000;
}

.textlink:hover
{
	color: #FFF;
}

.StreamBox
{
	width: 800px;

	margin: 0px auto;

	background-color: #212628;
	border: 1px solid #444E52;
	

	
}

.NewStreamFormBox
{
	width: 800px;

	margin: 0px auto;
	display: block;
	
	text-align: left;

	display: flex;
	flex-wrap: wrap;

}

.NewStreamHeader
{
	width: 800px;
	font-size: 24px;
	text-align: center;
}

.NewStreamLabel
{
	width: 250px;
	text-align: right;
	margin-top: 4px;
	padding: 4px 0px;
}

.NewStreamEntry
{
	width: 550px;
	padding: 4px 0px;
}

.NewStreamDropdown
{
	width: 250px;
	font-size: 14px;
	margin-left: 10px;
	padding: 2px;
	background: #212628;
	border: 1px solid #444e52;
	color: #c5c5c5;
	box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.4);
	line-height: 16px;
	font-weight: normal;
	resize: none;
}

.NewStreamInputText
{
	width: 250px;
	font-size: 14px;
	margin-left: 10px;
	padding: 2px;
	background: #212628;
	border: 1px solid #444e52;
	color: #c5c5c5;
	box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.4);
	line-height: 18px;
	font-weight: normal;
	resize: none;
}

.NewStreamInputText.Short
{
	width: 200px;
}

hr
{
	border-color: #333;
}

.GroupedStreamTitleTop
{
	margin: 0px auto 10px auto;
	text-align: center;
	color: #FFF;
	font-size: 24px;
}

.GroupedStreamTitle
{
	margin: 40px auto 10px auto;
	text-align: center;
	color: #FFF;
	font-size: 24px;
}

.StreamContainer
{
	width: 800px;

	margin: 0px auto;

	background-color: #212628;
	border: 1px solid #444E52;

	margin: 10px auto;
	display: flex;
}

.StreamLeft
{
	width: 734px;
	text-align: left;
	padding: 5px;
}

.StreamLeft .Title
{
	color: #FFF;
	font-size: 20px;
}

.StreamLeft .TextHeader
{
	display: inline-block;
	width: 100px;
}

.StreamLeft .TextValue
{
	color: #888;
	font-size: 12px;
	display: inline;
}

.StreamLeft .Flag
{
	width: 16px;
	height: 11px;

	padding: 0px 10px;
	margin-bottom: 6px;
	vertical-align: middle;
}

.StreamLeft .Provider
{
	color: #5099ff;
}

.StreamSubmit
{
	padding: 0px 5px;
}

.StreamSubmit .Title
{
	font-size: 18px;
}

.StreamSubmit .TextHeader
{
	font-size: 14px;
}

.StreamSubmit .TextValue
{
	font-size: 12px;
}

.StreamSubmit .Flag
{
	width: 16px;
	height: 11px;

	padding: 0px 10px;
	margin-bottom: 6px;
	vertical-align: middle;
}

.StreamSubmit .Provider
{
	color: #5099ff;
}



.StreamRight
{
	display: flex;
	flex-direction: row;

	margin-top: 2px;

}

.StreamEdit
{
	background-image: url(' https://cdn.steamstatic.com/apps/dota2/images/gear_small.png ');

	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px;

	width: 16px;
	height: 16px;
	margin-left: 8px;
	margin-top: 2px;

	cursor: pointer;
}

.StreamDelete
{
	color: red;
	text-transform: uppercase;
	font-size: 22px;
	margin-left: 12px;
	margin-top: -3px;

	cursor: pointer;
}

.StreamMoveUp
{
	background-image: url(' https://cdn.steamstatic.com/apps/dota2/images/sort_asc.png ');

	background-repeat: no-repeat;
	background-position: center 4px;
	background-size: 16px;

	width: 16px;
	height: 16px;
	margin-left: 4px;
	margin-top: 2px;

	cursor: pointer;
}

.StreamMoveDown
{
	background-image: url(' https://cdn.steamstatic.com/apps/dota2/images/sort_desc.png ');

	background-repeat: no-repeat;
	background-position: center -3px;
	background-size: 16px;

	width: 16px;
	height: 16px;
	margin-left: 4px;
	margin-top: 2px;

	cursor: pointer;
}


.MessageContainer
{
	width: 700px;

	border: 1px solid #333;
	background-color: #161616;
	margin: 20px auto;
	padding: 4px;
}

.MessageHeader
{
	background-color: #111;
	width: 696px;
	padding: 2px;
	display: flex;
	justify-content: space-between;
}

.MessageDate
{
	padding-top: 6px;
	padding-right: 8px;
}

.MessageText
{
	margin-bottom: 10px;

}

.commentthread_valve_icon
{
	width: 59px;
	height: 16px;
	vertical-align: middle;
	padding-bottom: 2px;
	padding-left: 4px;
}

#AddMessage #textAreaInput
{
	width:450px; 
	height: 100px;

	margin: 20px;
}

.SubmitTitle
{
	font-size: 20px;
}

.SubmitInfo
{
	padding: 10px 80px;
}

.SubmitLocking
{
	color: #7d93ff;
}

.SubmitLabel
{
	width: 250px;
	align-self: center;
	font-size: 14px;
	text-align: right;
	padding-right: 10px;
}

.SubmitLabel.Locking
{
	color: #7d93ff;
}

.SubmitValue
{
	vertical-align: middle;
	display: table-cell;
	font-size: 14px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}

.SubmitRow
{
	display: flex;
	padding: 4px;
}

#SubmitSubmit
{
	width: 180px;
	margin-top: 40px;
}

.PrizePoolList
{
	display: flex;
	flex-wrap: wrap;
	width: 500px;
}

.PrizePoolElement
{
	width: 100px;
	height: 68px;
	border: 1px solid #333;
}

.PrizePoolPlace
{
	padding-top: 4px;
}

.PrizePoolElement input
{
	height: 4px;
	width: 58px;
	text-align: right;
}

.PrizePoolValue
{
	font-size: 12px;
	padding-bottom: 2px;
	color: #999;
}

.WorkshopItem
{
	width: 550px;
	height: 60px;
	border: 1px solid #333;
	display: flex;
}

.WorkshopItem.Existing
{
	height: 60px;
}

.WorkshopItem.Existing .Value
{
	color: #999;
}

.WorkshopItem.Existing .ItemName .Value
{
	font-size: 10px;
}

.WorkshopItem.Existing div
{
	width: 100px;
}


.WorkshopItem div
{
	font-size: 12px;
	padding: 4px;
}

.WorkshopItem input
{
	margin: 2px;
	height: 10px;
	text-align: center;
}

.WorkshopItem #itemdef_new
{
	width: 50px;
}


.WorkshopItem #end_sales_date_new
{
	width: 100px;
}


.WorkshopItem #revenue_pct_new
{
	width: 60px;
}

.WorkshopItem #revenue_per_unit_new
{
	width: 60px;
}

.WorkshopItem.New button
{
	margin: 15px 26px;
	height: 20px;
}

.WorkshopItem.Existing button
{
	margin: 15px 0px;
	height: 20px;
}

#image_1.SubmitValue img
{
	width: 300px;
	height: 200px;
}

#image_8.SubmitValue img
{
	width: 256px;
	height: 100px;
}

#image_9.SubmitValue img
{
	width: 256px;
	height: 256px;
}


.TournamentBox
{
	border: 1px solid #444e52;
	margin-bottom: 20px;
}

.TournamentBox legend
{
	padding: 2px 10px;
}

.NodeTeamListHeader
{
	background-image: linear-gradient( to right, #6f234a, #4d1331);
	height: 20px;
	width: 100%;
	text-align: left;
	padding-top: 1px;
}

.TeamListHeaderText
{
	padding-left: 10px;
	text-transform: uppercase;
	color: white;
	letter-spacing: 1px;
	font-size: 14px;
}

.AddTeamButtonSection
{
	padding: 14px;
}

.AddTeamButton
{
	margin-left: 10px;
}

.NodeTeamList
{
	width: 100%;
	margin: 10px;
	border: 1px solid #470024;
	background: #1e0814;
}

.NodeTeamList input
{
	background: #212628;
	border: 1px solid #444e52;
	width: 250px;
	color: white;
	padding: 2px;
}

.NodeTeamList input::placeholder
{
	color: #AAA;
}

.NodeTeamList button
{
	color: white !important;
	width: 100px;
}

#AddTeamID
{
	display: none;
}

.TeamListContainer
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.TeamBlock
{
	display: flex;
	width: 192px;
	height: 40px;
	margin: 4px;
	border: 1px solid #561d25;
	background-color: #2e1014;
}

.TeamBlock.Down
{
	height: 50px;
	align-items: center;
}

.TeamBlock .TBDInfo
{
	width: 100%;
}

.TeamBlock .TBD
{
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: white;
}

.TeamBlock .TBDName
{
	width: 100%;
	text-align: center;
	font-size: 12px;
}

.TeamName
{
	flex-grow: 1.0;
	text-align: left;
	padding-top: 12px;
	font-size: 12px;
}

.TeamLogo
{
	width: 48px;
	height: 32px;
	margin: 4px;
}

.RemoveX
{
	padding-top: 8px;
	font-size: 20px;
	color: red;
	font-weight: bold;
	padding-right: 8px;
	cursor: pointer;
	visibility: hidden;
}

.TeamBlock:hover .RemoveX
{
	visibility: visible;
}

.TournamentBox.Structure
{
	margin-top: 16px;
}

.TournamentTabContent button
{
	color: white !important;
}

.NodeTeamList button,
button.AddNodeGroup
{
	width: 150px;
}

button.AddMatchGroup
{
	width: 150px;
	margin: 10px;
	margin-bottom: 20px;
}

.HiddenValue
{
	display: none;
}

.NodeGroup
{
	margin: 12px;
}

.Tiebreaker.NodeGroup
{
	width: 650px;
	margin-left: 80px;
}

.NodeGroupHeader
{
	width: 100%;
	height: 24px;

	padding-bottom: 4px;

	display: flex;
	justify-content: flex-end;
}

.NodeGroupHeader .Name
{
	text-align: left;
	flex-grow: 1.0;
}

.NodeGroupHeaderPhase
{
	text-transform: uppercase;
	font-size: 20px;
	padding-left: 10px;
	letter-spacing: 1px;
}

.NodeGroupHeaderRegion
{
	text-transform: uppercase;
	font-size: 20px;
	letter-spacing: 1px;
}

.TypeOrganizational.NodeGroup
{
	border: 1px solid #313097;
	background-color: #0d0d24;
	margin-bottom: 30px;
}

.TypeOrganizational > .NodeGroupHeader
{
	padding-top: 4px;
	background-image: linear-gradient( to right, #313097, #1a1356);
}

.TypeOrganizational .NodeGroupHeaderPhase
{
	color: #fbcf22;
}

.TypeOrganizational .NodeGroupHeaderRegion
{
	color: #c7a520;
}

.TypeRoundRobin .NodeGroupHeaderPhase
{
	color: #fbcf22;
}

.TypeRoundRobin .NodeGroupHeaderRegion
{
	color: #c7a520;
}

.TypeSwiss .NodeGroupHeaderPhase
{
	color: #fbcf22;
}

.TypeSwiss .NodeGroupHeaderRegion
{
	color: #c7a520;
}

.TypePlacement .NodeGroupHeaderPhase
{
	color: #fbcf22;
}

.TypePlacement .NodeGroupHeaderRegion
{
	color: #c7a520;
}

.TypeBracket .NodeGroupHeaderName,
.TypeGSL .NodeGroupHeaderName,
.TypeRoundRobin .NodeGroupHeaderName,
.TypeSwiss .NodeGroupHeaderName,
.TypePlacement .NodeGroupHeaderName
{
	color: #ffd166;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.7px;
}

.NodeGroupHeaderDetails
{
	color: #e4bb5d;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.7px;
}

.TypeRoundRobin.NodeGroup,
.TypeSwiss.NodeGroup,
.TypePlacement.NodeGroup,
.TypeBracket.NodeGroup,
.TypeGSL.NodeGroup
{
	border: 1px solid #205679;
	background-color: #0d1f2b;
}

.Tiebreaker.NodeGroup
{
	border: 1px solid #203a79;
	background-color: #0d132b;
}

.TypeRoundRobin .NodeGroupHeader,
.TypeSwiss .NodeGroupHeader,
.TypePlacement .NodeGroupHeader,
.TypeBracket .NodeGroupHeader,
.TypeGSL .NodeGroupHeader
{
	background-image: linear-gradient( to right, #1e4956, #122c34 );
}

.Tiebreaker .NodeGroupHeader
{
	background-image: linear-gradient( to right, #1e3556, #121834 );
}

.TypeBracket .NodeGroupHeaderPhase,
.TypeGSL .NodeGroupHeaderPhase
{
	color: #fbcf22;
}

.TypeBracket .NodeGroupHeaderRegion,
.TypeGSL .NodeGroupHeaderRegion
{
	color: #c7a520;
}


.NodeGroupHeaderName
{
	color: white;
	text-align: center;
	flex-grow: 1;
	font-size: 20px;
}

.NodeGroupHeaderDetails
{

}

.NodeGroupHeaderDelete
{
	color: #d10000;
	margin-right: 8px;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;

	cursor: pointer;
}

.NodeGroupHeaderEdit
{
	background-image: url(' https://cdn.steamstatic.com/apps/dota2/images/gear_small.png ');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px;

	width: 16px;
	height: 16px;
	margin-left: 4px;
	margin-top: 4px;
	margin-right: 10px;

	cursor: pointer;

}

.NodeGroupBody
{
	display: flex;
	padding: 4px;
}

.NodeGroupBody .TeamList
{
	width: 120px;
	min-height: 130px;
	padding: 2px;
	border-right: 1px solid #333;
	margin-bottom: 8px;
}

.NodeGroupBody .TeamList .TeamListHeader
{
	color: #57ccf8;
	font-size: 18px;
	padding-bottom: 4px;
}

.NodeGroupBody .TeamList .TeamListTeam
{
	font-size: 12px;
	margin-left: 14px;
}

.NodeGroupBody .TeamList .TeamListTeam .Remove
{
	font-size: 12px;
	color: red;
	padding-left: 10px;
	cursor: pointer;
	visibility: collapse;
}

.NodeGroupBody .TeamList .TeamListTeam:hover .Remove
{
	visibility: visible;
}

.NodeGroupBody .TeamList .TeamListAdd
{
	font-size: 12px;
	text-decoration: underline;
	padding-top: 10px;
	cursor: pointer;
}

.NodeGroupBody .Matchups
{
	padding-top: 20px;
	width: 600px;
	font-size: 18px;
	padding-bottom: 20px;
	margin: 0px 10px;

	border-bottom: 1px solid #333;
}

.NodeGroupBody .Matchups .MatchupNumber
{
	color: #FFF;
	font-size: 20px;
}

.NodeGroupBody .AdvancingList
{
	padding: 18px 0px;
}

.NodeGroupBody .Advancing
{
	font-size: 18px;
	color: #6fa3be;
}

.NodeGroupBody .Advancing .AdvancingNumber
{
	color: #FFF;
	font-size: 20px;
}

.NodeGroupBody .Advancing .AdvancingDropdown
{
	width: 200px;
	height: 20px;
	padding: 2px;
}

.FinalNodeGroup
{
	margin-top: 10px;
	font-size: 20px;
	color: #6fa3be;
}

.AdvancingLink
{
	text-decoration: underline;
	font-size: 18px;
	color: #DDD;
	cursor: pointer;
}

.AdvancingLink:hover
{
	color: #FFF;
}

.IncomingTeams
{
	color: #93dffb;
}

.Details
{
	text-decoration: underline;
	color: #DDD;
	cursor: pointer;
	font-size: 18px;
}

.Details:hover
{
	color: #FFF;
}

.Tiebreak
{
	margin-top: 4px;
	color: #999;
	cursor: pointer;
	text-decoration: underline;
}

.Tiebreak:hover
{
	color: #FFF;
}

.TournamentBox.Standings
{
	max-width: 400px;
}

.StandingEntry
{
	background-color: #181818;
	border: 1px solid #000;
	padding: 2px;

	display: flex;
	flex-direction: row;
}

.StandingEntry.Advancing
{
	background-color: #112811;
}

.StandingEntry.NotAdvancing3
{
	background-color: #281111;
}

.StandingEntry.NotAdvancing2
{
	background-color: #282011;
}

.StandingEntry.NotAdvancing1
{
	background-color: #282811;
}

.StandingRank
{
	font-weight: bold;
	padding: 0px 4px;
}

.StandingTeamInfo
{
	display: flex;
	flex-direction: row;
}

.StandingTeamLogo
{
	width: 24px;
	height: 16px;
}

.StandingTeamName
{
	padding-left: 4px;
	color: white;
}

.StandingScore
{
	padding-left: 20px;
	color: #5595a4;
	flex-grow: 1.0;
	text-align: right;
}

.TournamentBox.BracketNodes
{
	display: flex;
	justify-content: flex-start;
}

.TournamentNodeGroupDetailsLegend
{
	background: #212628;
	border: 1px solid #444e52;
	color: #c5c5c5;
	font-size: 14px;
	box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.4);
	padding: 8px 10px 8px 10px;
	margin-bottom: 10px;
}

.TournamentDetailsSection
{
	margin-bottom: 20px;
}

.Node
{
	width: 100px;
	height: 50px;
	background-color: #222;

	display: flex;
	flex-direction: column;

	border: 1px solid #000;

	cursor: pointer;
}

.Node:hover
{
	border: 1px solid #444;
}

.RoundRobinNodes .Node
{
	margin: 10px;
}

.TimeHeader
{
	margin-top: 10px;
	page-break-before: always;
	page-break-after: always;
	break-before: always;
	break-after: always;
	text-align: left;
}

.NodeName
{
	color: white;
	background-color: #333;
	font-size: 10px;
	width: 100%;
	height: 12px;
}

.NodeName.InProgress
{
	background-color: #553;
}

.NodeName.Completed
{
	background-color: #343;
}

.NodeTeam
{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.NodeTeamInfo
{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.NodeTeamLogo
{
	width: 18px;
	height: 12px;
}

.NodeTeamName
{
	font-size: 10px;
	padding-left: 4px;
}

.NodeTeamScore
{
	padding-right: 4px;
	color: white;
}

.NodeBestOf
{
	font-size: 12px;
	margin-top: -26px;
	margin-left: 40px;
	color: #888;
}

.RoundRobinNodes
{
	display: flex;
	flex-direction: column;
}

.TimeBlock
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}


.TournamentDetailsButtons
{
	text-align: left;

	padding-bottom: 16px;
}

.TournamentDetailsButtons button
{
	width: 200px;
}

.Bracket
{
	padding: 0px;

	display: inline-flex;
	flex-direction: row;
}

.BracketColumnNodes
{
	display: flex;
	flex-direction: column;
}

.BracketLinesColumnIn,
.BracketLinesColumnOut
{
	display: flex;
	flex-direction: column;
	width: 11px;
}

.BracketLinesInHeaderSpacer
{
	height: 8px;
}

.BracketLinesInWinnerTop1
{
	height: 56px;

	border-top: 1px solid #555;
	border-right: 1px solid #555;
}

.BracketLinesInWinnerTop1.Bye
{
	border-top: 1px solid transparent;
}

.BrackeTLinesInWinnerSplit
{
	height: 18px;
}

.BracketLinesInWinnerBottom1
{
	height: 7px;
	
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
}

.BracketLinesInBottomSpacer
{
	height: 43px;
}

.BracketLinesFullSpacer1
{
	height: 164px;
}

.BracketLinesOutTop1
{
	height: 64px;
}

.BracketLinesOutWinners
{
	height: 18px;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;

}

.BracketLinesOutBottom1
{
	height: 50px;
}

.BracketLinesInLB
{
	height: 32px;

	border-top: 1px solid #555;
	border-right: 1px solid #555;
}

.BracketLinesInLBBottomSpacer
{
	height: 11px;
}

.BracketLinesOutLB
{
	height: 40px;

	border-bottom: 1px solid #555;
}

.BracketLinesOutLBSpacer
{
	height: 11px;
}

.NodePreSpacer2
{
	height: 41px;
}

.NodeSpacer2
{
	height: 71px;
}

.BracketLinesInPreSpacer2
{
	height: 41px;
}

.BracketLinesInWinnerTop2
{
	height: 97px;

	border-top: 1px solid #555;
	border-right: 1px solid #555;
}

.BracketLinesInWinnerBottom2
{
	height: 48px;
	
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
}

.BracketLinesOutTop2
{
	height: 146px;
}

.BracketLinesOutBottom2
{
	height: 91px;
}

.BracketLinesInPreSpacer3
{
	height: 123px;
}


.BracketLinesOutTop3
{
	height: 303px;
}

.BracketLinesOutBottom3
{
	height: 91px;
}


.NodePreSpacer3
{
	height: 123px;
}

.NodeSpacer3
{
	height: 153px;
}

.NodePreSpacer4
{
	height: 280px;
}

.BracketLinesInWinnerTop3
{
	height: 172px;

	border-top: 1px solid #555;
	border-right: 1px solid #555;
}

.BracketLinesInWinnerBottom3
{
	height: 136px;
	
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
}



.NodeMissing
{
	height: 52px;
}

.NodeSpacer1
{
	height: 30px;
}

.NodeSpacerStart2
{
	height: 41px;
}

.NodeSpacerSubsequent2
{
	height: 112px;
}

.LeagueModalDialog
{
	margin: 20px auto;
	display: none;
	z-index: 1000;
	position: fixed;

	top: 30%;
	left: 50%;

	transform: translate(-50%);

	border: 1px solid #333;
	background-color: #111;

	padding: 12px;

	flex-direction: column;
}

.LeagueModalHeader
{
	font-size: 24px;
	margin: 0px auto;
	margin-bottom: 12px;
}

.MatchVODList
{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.MatchVODListTitle
{
	margin-top: 4px;
}


.MatchVODList.Hidden
{
	display: none;
}

.LeagueModalEntry
{
	width: 100%;
	display: flex;
	flex-direction: row;
	margin: 4px 0px;
}

.LeagueModalEntry.Centered
{
	margin: 0px auto;
}

.LeagueModalEntry.Hidden
{
	display: none;
}

.LeagueModalEntryLabel
{
	flex-direction: row;
	width: 40%;
	text-align: right;
	margin-top: auto;
	margin-bottom: auto;
}

.LeagueModalEntryValue
{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-grow: 1.0;
	margin-left: 10px;
}

.LeagueModalEntryValue.VOD 
{
	justify-content: center;
}

.LeagueModalInputText
{
	width: 300px;
	font-size: 14px;
	padding: 2px;
	background: #212628;
	border: 1px solid #444e52;
	color: #c5c5c5;
	box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.4);
	line-height: 18px;
	font-weight: normal;
	resize: none;
}

.LeagueModalInputText.Short
{
	width: 200px;
}

.LeagueModalInputText.VeryShort
{
	width: 100px;
}

.LeagueModalInputText.Hidden
{
	display: none;
}

.LeagueModalInputText.VOD
{
	margin-left: 8px;
}

.LeagueModalInputDropdown
{
	width: 205px;
}

.LeagueModalInputDropdown.Wide
{
	width: 400px;
}

.LeagueModalInputCheckbox
{
	margin-top: 6px;
	margin-left: 8px;
}


.LeagueModalEntryButtons
{
	display: flex;
	flex-direction: row;

	margin: 0px auto;
	margin-top: 14px;
}

.LeagueModalEntryButtons button
{
	color: white !important;
	margin: 0px 8px;
	width: 100px;
}


.LeagueModalSpacer
{
	border-bottom: 1px solid #333;
	margin: 10px 0px;
}

.DisplayNodeGroupModal .ModalBackground,
.DisplayNodeGroupSelectTeamModal .ModalBackground,
.DisplayNodeGroupSelectNodeGroupModal .ModalBackground,
.DisplayNodeEditModal .ModalBackground,
.DisplayEditStreamModal .ModalBackground,
.DisplayPhaseModal .ModalBackground,
.DisplayMatchGroupModal .ModalBackground,
.DisplayTiebreakModal .ModalBackground
{
	display: block;
	opacity: 0.8;
}

.DisplayNodeGroupModal #NodeGroupModal,
.DisplayNodeGroupSelectTeamModal #NodeGroupSelectTeamModal,
.DisplayNodeGroupSelectNodeGroupModal #NodeGroupSelectNodeGroupModal,
.DisplayNodeEditModal #NodeEditModal,
.DisplayEditStreamModal #EditStreamModal,
.DisplayPhaseModal #PhaseModal,
.DisplayMatchGroupModal #MatchGroupModal,
.DisplayTiebreakModal #TiebreakModal
{
	display: flex;
	max-height: 80%;
	overflow-y: auto;
}

#PhaseModal
{
	width: 400px;
}

#MatchGroupModal,
#TiebreakModal,
#NodeGroupModal
{
	width: 700px;
}

#NodeGroupModal button
{
	width: 150px;
}

#NodeGroupSelectTeamModal,
#NodeGroupSelectNodeGroupModal,
#NodeEditModal,
#EditStreamModal
{
	width: 600px;
}

#NodeEditModal
{
	top: 5%;
}

#NodeTitleName
{
	font-size: 24px;
	color: #AAA;
}


.ModalBackground
{
	position: fixed;
	z-index: 900;
	background: #000000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	opacity: 0.0;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	pointer-events: none;
}



.BracketColumnNodes .NodeSpacer,
.BracketLinesColumnOut .NodeSpacer,
.BracketLinesColumnIn .NodeSpacer
{
	height: 30px;
}

.BracketColumnNodes .NodeMissing
{
	height: 52px;
}

.BracketColumnNodes .OffsetTopSpacer1,
.BracketLinesColumnOut .OffsetTopSpacer1,
.BracketLinesColumnIn .OffsetTopSpacer1
{
	height: 40px;
}

.BracketColumnNodes .OffsetBottomSpacer1,
.BracketLinesColumnOut .OffsetBottomSpacer1,
.BracketLinesColumnIn .OffsetBottomSpacer1
{
	height: 42px;
}

.BracketColumnNodes .OffsetTopSpacer2,
.BracketLinesColumnOut .OffsetTopSpacer2,
.BracketLinesColumnIn .OffsetTopSpacer2
{
	height: 120px;
}

.BracketColumnNodes .OffsetBottomSpacer2,
.BracketLinesColumnOut .OffsetBottomSpacer2,
.BracketLinesColumnIn .OffsetBottomSpacer2
{
	height: 126px;
}

.BracketColumnNodes .OffsetTopSpacer3,
.BracketLinesColumnOut .OffsetTopSpacer3,
.BracketLinesColumnIn .OffsetTopSpacer3
{
	height: 284px;
}

.BracketColumnNodes .OffsetBottomSpacer3,
.BracketLinesColumnOut .OffsetBottomSpacer3,
.BracketLinesColumnIn .OffsetBottomSpacer3
{
	height: 126px;
}

.BracketColumnNodes .OffsetTopSpacer4
{
	height: 570px;
}

.BracketColumnNodes .LoserSpacer,
.BracketLinesColumnOut .LoserSpacer,
.BracketLinesColumnIn .LoserSpacer
{
	height: 40px;
}




.AboveHeader
{
	height: 8px;
}

.AboveHeader.Line
{
	height: 8px;
	border-bottom: 1px solid #555;
}

.BelowHeader
{
	height: 43px;
}

.BracketLinesColumnIn .TeamSpacer
{
	height: 18px;
}


/* For bracket nodes that go from themselves to something self-aligned */
.BracketLinesColumnIn .Size1Above
{
	height: 33px;
	border-bottom: 1px solid #555;
	border-left: 1px solid #555;
}

.BracketLinesColumnIn .Size1Below
{
	height: 10px;
}


/* For bracket nodes that are merging with directly vertically-adjacent nodes */
.BracketLinesColumnIn .Size2Above
{
	height: 54px;
	border-bottom: 1px solid #555;
	border-left: 1px solid #555;
}


.BracketLinesColumnIn .Size2Below
{
	height: 9px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
}

/* For spanning a winner/loser sub-brackets in a 4-team bracket */
.BracketLinesColumnIn .Size3Above
{
	height: 96px;
	border-bottom: 1px solid #555;
	border-left: 1px solid #555;
}


.BracketLinesColumnIn .Size3Below
{
	height: 49px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
}


/* For bracket nodes that have a double gap between vertically-adjacent nodes */
.BracketLinesColumnIn .Size4Above
{
	height: 180px;
	border-bottom: 1px solid #555;
	border-left: 1px solid #555;
}

.BracketLinesColumnIn .Size4Above.Spacer
{
	border: none;
}

.BracketLinesColumnIn .Size4Below
{
	height: 129px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
}

/* For spanning a winner/loser sub-brackets in a 8-team bracket */
.BracketLinesColumnIn .Size5Above
{
	height: 180px;
	border-bottom: 1px solid #555;
	border-left: 1px solid #555;
}


.BracketLinesColumnIn .Size5Below
{
	height: 89px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
}

/* For spanning a winner/loser sub-brackets in a 16-team bracket */
.BracketLinesColumnIn .Size6Above
{
	height: 300px;
	border-bottom: 1px solid #555;
	border-left: 1px solid #555;
}


.BracketLinesColumnIn .Size6Below
{
	height: 213px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
}



.FAQBody.Container
{
	text-align: left;
}

.RosterTable,
.ContentTable,
.SupportersClubTable,
.ManagersTable
{
	border-spacing: 10px;
}