/* fixed-btmnav */
#fixed-btmnav {
	position: relative;
	width: 100%;
	z-index: 2999;
	font-size: 0;
	background-color: #111;
	border-top: 1px solid #222;
	height: 50px;
}
.no-touch #fixed-btmnav {
	position: fixed;
	bottom: 0;
	top: auto;
	left: 0;
	right: auto;
	overflow: hidden;
}
#fixed-btmnav #btmnav_wrap {
	width: 1280px;
	margin: 0 auto;
}
#fixed-btmnav ul {
	margin: 0;
}
#fixed-btmnav li {
	float: left;
	width: 128px;
	height: 50px;
	font-size: 11px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	list-style-type: none;
}
#fixed-btmnav li.finals {width: 256px;}
#fixed-btmnav li.active {background: #5c8600 url(/xp/img/bg_active_round.gif) 0 0 repeat-x;}
#fixed-btmnav h4 {
	margin-top: 4px;
	font-size: 20px;
	color: #c7c7c7;
	letter-spacing: 1px;
	text-shadow: 1px 1px 0px #333;
}
#fixed-btmnav .finals h4 {font-size: 40px; margin-top: -4px;}
#fixed-btmnav .active h4 {color: #fff;}
#fixed-btmnav p {
	margin-top: 0px;
	color: #fff;
}



/* bracket_title */
#bracket_title {
	position: absolute;
	left: 50%;
	top: 60px;
	width: 454px;
	height: 270px;
	margin-left: -227px;
	background: transparent url(/xp/img/brackets_title.png) 50% 0 no-repeat;
}
#xp #bracket_title h1 {
	margin: 50px auto;
	background: none;
}

/* winner_logo */
#winner_logo {
	position: absolute;
	left: 50%;
	top: 499px;
	width: 256px;
	margin-left: -128px;
}

.window_close_wrap {
	position: absolute;
	left: 1241px;
	top: 5px;
	width: 34px;
	height: 34px;
	background-color: #161616;
}
.no-touch .window_close_wrap {
	position: fixed;
	right: 5px;
	left: auto;
}


/* bracket_schedule
#bracket_schedule {
	position: absolute;
	left: 50%;
	top: 990px;
	width: 400px;
	margin-left: -200px;
}
#bracket_schedule h3 {
	text-align: center;
}
#bracket_schedule ul {
	margin: 0 0 0 34px;
}
#bracket_schedule li {
	float: left;
	width: 60%;
	color: #666;
	font-size: 15px;
	line-height: 26px;
	list-style-type: none;
}
#bracket_schedule li.sched_date {
	color: #bbb;
	font-weight: bold;
	text-transform: uppercase;
	width: 37%;
} */


/* MAIN STYLE */

#xp #container.tournament-bracket {
	overflow-x: visible;
    /*width: 100%;*/
}
#bracket_wrap {
	background: transparent url(/xp/img/bg_tournament_bracket.jpg) 50% 0 no-repeat;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 1238px;
	height: 1200px;
	padding: 0 21px;
}
.bracket_col {
	/*position: absolute;*/
	float: left;
	width: 128px;
	margin-top: 66px;
}
	.bracket_col.qualif {width: 145px;}	/* 146px */
	.bracket_col.round1 {margin-top: 100px;}
	.bracket_col.round2 {margin-top: 167px;}
	.bracket_col.round3 {margin-top: 301px; width: 192px;}	/**/
.final_col {
	float: left;
	width: 52px;
	margin-top: 413px;
}

.game {
	position: relative;
	z-index: 999;
}
	.round1 .game {z-index: 998;}
	.round2 .game {z-index: 997;}
	.round3 .game {z-index: 996;}

.team_group {height: 67px;}
	.round1 .team_group {height: 134px;}
	.round2 .team_group {height: 267px;}
	.round3 .team_group {height: 534px;}
	.final_col .team_group {height: 179px;}/**/

.bracket_num {
	width: 17px;
	height: 17px;
	background-color: #333;
	font-size: 11px;
	color: #aaa !important;
	line-height: 17px;
	text-align: center;
		float: left;
		/*clear: left;*/
}

.bracket_spot {
	width: 50px;
	height: 50px;
	background-color: #000;
	border: 1px solid #333;
	margin-bottom: 15px;
	float: left;
	background-color: transparent;
	background-image: url(/xp/img/bg_avatars.png);
	background-repeat: no-repeat;
		position: relative;	/* for IE */
		z-index: 999;
		background-position: -200px -250px;
}
	.br_right .bracket_num,
	.br_right .bracket_spot,
	.br_right .bracket_lines div {
		float: right;
	}
	.round1 .bracket_spot {margin-bottom: 82px;}
	.round2 .bracket_spot {margin-bottom: 215px;}
	.round3 .bracket_spot {margin-bottom: 482px;}
	.final_col .bracket_spot {margin-bottom: 0;}
	
.active_pop .bracket_spot {border-color: #fff;}

.bracket_spot a,
.bracket_spot span,
.team_avatar {
	display: block;
	width: 50px;
	height: 50px;
	position: relative;
}
.team_avatar {
	background-color: transparent;
	background-image: url(/xp/img/bg_avatars.png);
	background-repeat: no-repeat;
		background-position: -200px -250px;
}
.bracket_spot .lost {
	display: none;
	width: 50px;
	height: 50px;
	position: absolute;
	background-color: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}

.bracket_spot a:hover .team_hover {
	display: block;
	cursor: pointer;	/* for IE */
}
.bracket_lines {
	position: absolute;
	width: 77px;
	/*height: 119px;*/
	margin-top: 26px;
	right: 0;
	top: 0;
}
	.br_right .bracket_lines {
		right: auto;
		left: 0;
	}
	.round3 .bracket_lines {
		width: 141px;
	}
.final_line {
	float: left;
	width: 25px;
	height: 34px;
	margin: 0 0 92px;
	border-right: 1px solid #aaa;
}
	.teamB .final_line {margin: 89px 0 0;}

.bracket_lines div {
	border: 1px solid #aaa;
	width: 38px;
	float: left;
	height: 33px;
}
	.round1 .bracket_lines div {height: 66px;}
	.round2 .bracket_lines div {height: 132px;}
	/*.round3 .bracket_lines div {height: 264px;}*/
/*
*/
div.w_top_left {border-width: 1px 1px 0 0;}
div.w_btm_left {border-width: 0 1px 1px 0; clear: left;}
div.w_top_right {border-width: 0 0 1px 0;}
div.w_btm_right {border-width: 0;}
	.br_right div.w_top_left {border-width: 1px 0 0 1px;}
	.br_right div.w_btm_left {border-width: 0 0 1px 1px; clear: right;}

	.round3 .bracket_lines div.w_top_left,
	.round3 .bracket_lines div.w_top_right,
	.round3.br_right .bracket_lines div.w_btm_left,
	.round3.br_right .bracket_lines div.w_btm_right {
		height: 416px;
	}
	.round3 .bracket_lines div.w_btm_left,
	.round3 .bracket_lines div.w_btm_right,
	.round3.br_right .bracket_lines div.w_top_left,
	.round3.br_right .bracket_lines div.w_top_right {
		height: 112px;
	}
	.round3 .bracket_lines div.w_top_right,
	.round3 .bracket_lines div.w_btm_right {
		width: 102px;
	}

.wonA .teamB .lost,
.wonB .teamA .lost {
	display: block;
}

.wonA .teamA .bracket_num,
.wonB .teamB .bracket_num {
	background-color: #8cb61b;
	color: #000 !important;
}

.wonA .teamA .bracket_spot,
.wonB .teamB .bracket_spot,
.wonA .bracket_lines .w_top_left,
.wonA .bracket_lines .w_top_right,
.wonB .bracket_lines .w_btm_left,
.wonB .bracket_lines .w_btm_right,
.wonA .teamA .final_line,
.wonB .teamB .final_line {
	border-color: #8cb61b;
}

.wonB .bracket_lines .w_top_right {
	border-width: 0;
}
.wonB .bracket_lines .w_btm_right {
	border-width: 1px 0 0 0;
}

/* Team Hover */
.team_hover {
	display: none;
	position: absolute;
	left: -13px;
	top: -13px;
	width: 216px;
	height: 53px;
	padding: 10px 12px 12px;
	/*background-color: #111;*/
	background: #111 url(/xp/img/bg_team_hover.jpg) 0 0 no-repeat;
	border: 1px solid #333;
	z-index: 999;
	
}
	.br_right .team_hover {
		left: auto;
		right: -13px;
	}

#xp .team_hover p {
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 0 66px;
}
	#xp .br_right .team_hover p {margin: 0 66px 0 0;}

/* Team Data */
.bracket_spot .team_avatar {
	float: left;
	margin-top: 2px;
	background-color: #000;
}
	.br_right .bracket_spot .team_avatar {float: right;}

#xp .team_hover p.team_name {
	color: #8cb61b;
	font-size: 13px;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 4px;
}
#xp .team_oper,
#xp .team_srce {
	color: #fff;
}
/*#xp p.team_date {
	font-size: 10px;
}*/



/* Avatars */
.team_1, .team_1 .team_avatar {background-position: 0px 0px;}
.team_2, .team_2 .team_avatar {background-position: -50px 0px;}
.team_3, .team_3 .team_avatar {background-position: -100px 0px;}
.team_4, .team_4 .team_avatar {background-position: -150px 0px;}
.team_5, .team_5 .team_avatar {background-position: -200px 0px;}
.team_6, .team_6 .team_avatar {background-position: -250px 0px;}
.team_7, .team_7 .team_avatar {background-position: -300px 0px;}
.team_8, .team_8 .team_avatar {background-position: -350px 0px;}

.team_9, .team_9 .team_avatar {background-position: 0px -50px;}
.team_10, .team_10 .team_avatar {background-position: -50px -50px;}
.team_11, .team_11 .team_avatar {background-position: -100px -50px;}
.team_12, .team_12 .team_avatar {background-position: -150px -50px;}
.team_13, .team_13 .team_avatar {background-position: -200px -50px;}
.team_14, .team_14 .team_avatar {background-position: -250px -50px;}
.team_15, .team_15 .team_avatar {background-position: -300px -50px;}
.team_16, .team_16 .team_avatar {background-position: -350px -50px;}

.team_17, .team_17 .team_avatar {background-position: 0px -100px;}
.team_18, .team_18 .team_avatar {background-position: -50px -100px;}
.team_19, .team_19 .team_avatar {background-position: -100px -100px;}
.team_20, .team_20 .team_avatar {background-position: -150px -100px;}
.team_21, .team_21 .team_avatar {background-position: -200px -100px;}
.team_22, .team_22 .team_avatar {background-position: -250px -100px;}
.team_23, .team_23 .team_avatar {background-position: -300px -100px;}
.team_24, .team_24 .team_avatar {background-position: -350px -100px;}

.team_25, .team_25 .team_avatar {background-position: 0px -150px;}
.team_26, .team_26 .team_avatar {background-position: -50px -150px;}
.team_27, .team_27 .team_avatar {background-position: -100px -150px;}
.team_28, .team_28 .team_avatar {background-position: -150px -150px;}
.team_29, .team_29 .team_avatar {background-position: -200px -150px;}
.team_30, .team_30 .team_avatar {background-position: -250px -150px;}
.team_31, .team_31 .team_avatar {background-position: -300px -150px;}
.team_32, .team_32 .team_avatar {background-position: -350px -150px;}

.spot_xp, .spot_xp .team_avatar {background-position: 0px -200px;}
.spot_elite, .spot_elite .team_avatar {background-position: -50px -200px;}
.spot_gamestop, .spot_gamestop .team_avatar {background-position: -100px -200px;}
.spot_hmv, .spot_hmv .team_avatar {background-position: -150px -200px;}
.spot_game, .spot_game .team_avatar {background-position: -200px -200px;}
.spot_micromania, .spot_micromania .team_avatar {background-position: -250px -200px;}
.spot_gamemania, .spot_gamemania .team_avatar {background-position: -300px -200px;}
.spot_gamescom, .spot_gamescom .team_avatar {background-position: -350px -200px;}
.spot_cdon, .spot_cdon .team_avatar {background-position: 0px -250px;}
.spot_fnac, .spot_fnac .team_avatar {background-position: -50px -250px;}
.spot_multiplay, .spot_multiplay .team_avatar {background-position: -100px -250px;}
.spot_australia, .spot_australia .team_avatar {background-position: -150px -250px;}
.spot_blank {background-position: -200px -250px;}



/* qual_popup */
#qual_popup {
	display: none;
	position: absolute;
	left: 50%;
	top: 0px;
	width: 676px;
	/*height: 477px;*/
	margin-left: -338px;
    overflow: hidden;
    padding: 9px;
	z-index: 1000;
}
#xp #qual_popup .transparency {
	width: 820px;
		z-index: auto;
}
#xp #qual_popup .popup_col {
	float: left;
	width: 184px;
}
#xp #qual_popup #qual_popup_left {
	width: 383px;
	margin-right: 23px;
}
#xp #qual_popup #video_wrap,
#xp #qual_popup #photo_wrap {
	position: relative;
	padding: 0;
	margin-bottom: 20px;
	background-color: #000;
}
#xp #qual_popup #photo_wrap img {
	display: block;
}
#xp #qual_popup #age-gate,
#xp #qual_popup #video-player iframe,
#xp #qual_popup #video-player,
#xp #qual_popup #image-viewer {
	width: 383px;
	height: 215px;
}
#xp #qual_popup #age-gate .dob-prompt {
	width: 250px;
	padding: 40px 0 0;
}
.hidden {display: none;}


/* popup_content */
#qual_popup #popup_content {
	position: relative;
	padding: 30px 42px 40px;
	border: 1px solid #424242;
	background: #000 url(/xp/img/bg_qual_popup.jpg) 50% -50px no-repeat;
}
#qual_popup #popup_content .team_avatar {
	float: left;
	position: relative;
	left: auto;
	top: auto;
	margin: 9px 0 0;
}
#popup_content h2 {
	font-size: 36px;
	color: #8cb61b;
	margin-left: 70px;
}
#popup_content h3 {
	color: #fff;
	margin: 0 0 0 70px;
}
#popup_content h3#last_line {margin-bottom: 20px;}
#popup_content h3 .team_country {
	color: #838383;
}
#xp #qual_popup #popup_content h4 {
	color: #8cb61b;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0px 0 3px;
}
#qual_popup #popup_content p {
	font-size: 12px;
	line-height: 17px;
}

#qual_popup #popup_content .team_pers {
	margin-bottom: 10px;
}
#qual_popup #popup_content .team_pers p {
	margin: 0 0 5px 0;
}
#qual_popup #popup_content .team_members {
	color: #fff;
}
#qual_popup .team_qualif .team_pers {
	display: none;
}

/* Medals */
.team_medal {
	width: 50px;
	height: 56px;
	margin: 5px 0 0;
	float: left;
	background-color: transparent;
	background-image: url(/xp/img/team_medal.png);
	background-repeat: no-repeat;
		background-position: -200px -250px;
}
.medal_1 {background-position: 0 0;}
.medal_2 {background-position: -50px 0;}
.medal_3 {background-position: -100px 0;}
.medal_4 {background-position: -150px 0;}
.medal_5 {background-position: 0 -56px;}
.medal_6 {background-position: -50px -56px;}
.medal_7 {background-position: -100px -56px;}
.medal_8 {background-position: -150px -56px;}
#xp #qual_popup #popup_content .team_info h4 {
	margin: 0 0 0 70px;
}
#xp #qual_popup #popup_content .team_info p {
	color: #fff;
	margin: 0 0 0 70px;
}


/* Custom scrollbar */
#scrollbar1 { width: 383px; clear: both; }
#scrollbar1 .viewport { width: 363px; height: 70px; overflow: hidden; position: relative; }
.tall #scrollbar1 .viewport { height: 292px; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #79aa17; }
#scrollbar1 .scrollbar { background: #333333 url(/xp/img/bg_scroll_top.png) 50% -5px no-repeat; position: relative; float: right; width: 2px; margin: 0 6px; }
#scrollbar1 .track { background: transparent url(/xp/img/bg_scroll_btm.png) 50% 100% no-repeat; height: 100%; width:12px; position: relative; left: -5px; }
#scrollbar1 .thumb { background: #79aa17 url(/xp/img/bg_scroll_thumb.png) 0 0 no-repeat; height: 23px; width: 12px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 12px; }
#scrollbar1 .disable{ display: none; }



/* Helper Classes */

#fixed-btmnav h4,
#popup_content h2 {
	visibility: hidden;
}
.cufon-ready #fixed-btmnav h4,
.cufon-ready #popup_content h2 {
	visibility: visible !important;
}
