table.genre td { width: 140px; }

span.title { line-height: 25px; display: block; }

img.boxart { width: 90px; height: 130px; border: none; }

div.platform-scrollable { height: 200px; width: 630px; float: right; clear: both; }

div.platform-scrollable-genre { height: 200px; width: 950px; float: right; clear: both; }

.scrollable { position: relative; overflow: hidden; width: 510px; height: 200px; float: left; padding: 10px; }
.scrollable .items { /* this cannot be too large */ width: 20000em; position: absolute; }

.scrollable-genre { position: relative; overflow: hidden; width: 820px; height: 200px; float: left; padding: 10px; }
.scrollable-genre .items { /* this cannot be too large */ width: 20000em; position: absolute; }

a.browse-genre { background: url("/images/homepage/arrows.png") no-repeat; display: block; width: 30px; height: 35px; float: left; margin: 80px 12px; cursor: pointer; font-size: 1px; }
a.right-genre { background-position: -30px -41px; clear: right; margin-right: 0px; }
a.right-genre:hover { background-position: -60px -41px; }
a.right-genre:active { background-position: 0px -41px; }
a.left-genre { background-osition: -30px 0; }
a.left-genre:hover { background-position: 0px 0; }
a.left-genre:active { background-position: -60px 0; }
a.disabled { visibility: hidden !important; }

.brackets { /* background: #293036; */ position: relative; padding: 2px; overflow: scroll; /* border: 1px solid red; */ }

.bracket_links .link { padding: 5px 0; margin: 10px 15px 10px 0; font-size: 15px; font-weight: bold; color: #f7b700; }
.bracket_links .link a.bracket_nav { font-size: 15px; font-weight: bold; color: #bae9fd; }
.bracket_links .link a.bracket_nav:hover { font-size: 15px; font-weight: bold; color: red; }

.header_rules, .bracket_links { font-weight: bold; color: #bae9fd; padding: 2px 5px; border: 1px solid #666f76; height: 30px; width: auto; margin: 2px 0; }

.header { left: 0px; padding: 2px 0; border: 1px solid #666f76; height: auto; float: left; clear: both; }

.header_round, .header_round_current, .header_winner { width: 146px; font-weight: bold; margin: auto 0; height: auto; text-align: center; float: left; }

.header_round_dates { color: #a1a1a1; }

.header_round { color: #bae9fd; }

.header_round_current { color: #996d13; }

.header_winner { color: #f7b700; }

.header_break { margin: 2px; clear: both; }

.match_last_break { padding-top: 9px; }

.team_content { width: 129px; height: 25px; background: #0a9edc url(/images/icons/brackets/match_bg.png) repeat-x; border: 1px solid #0a9edc; margin: 1px; color: #e1e1e1; /* for text */ font-size: 9px; padding: 2px; font-family: Verdana; }

.team_winner { width: 129px; height: 25px; background: #4c8d02 url(/images/icons/brackets/match_bg_winner.png) repeat-x; border: 1px solid #86e400; margin: 1px; color: #e1e1e1; /* for text */ font-size: 9px; padding: 2px; font-family: Verdana; }

.team_loser { width: 129px; height: 25px; background: #3a4144 url(/images/icons/brackets/match_bg_loser.png) repeat-x; border: 1px solid #5e6b71; margin: 1px; color: #e1e1e1; /* for text */ font-size: 9px; padding: 2px; font-family: Verdana; }

.team_blank { width: 129px; height: 25px; border: 1px solid #2a3035; margin: 1px; padding: 2px; }

.team_user { width: 129px; height: 25px; background: #996d13 url(/images/icons/brackets/match_bg_user.png) repeat-x; border: 1px solid #f3c000; margin: 1px; color: #e1e1e1; /* for text */ font-size: 9px; padding: 2px; font-family: Verdana; }

.team_seed { color: #019aff; width: 13px; position: absolute; z-index: 4; font-size: 9px; }

.team_race { padding: 2px 0 0 16px; float: left; }
.team_race img { width: 18px; }

.team_winner .team_seed { color: #70f000; }

.team_loser .team_seed { color: #6e7884; }

.team_user .team_seed { color: white; }

.team_name { text-align: right; font-weight: bold; font-style: italic; white-space: nowrap; text-decoration: none; position: relative; z-index: 2; font-size: 9px; color: #0099ff; }

.team_loser .team_name { color: #999999; }

.team_name a { text-decoration: underline; font-style: normal; color: white; }

div.boxOuter .brackets a { font-size: 10px; color: white; }

.team_score { top: 3px; text-align: right; color: black; position: relative; z-index: 3; }

.bracket_img { left: 138px; padding-top: 15px; width: 10px; position: absolute; background-color: transparent; z-index: 1; }

#bracket_img_ie6_6, #bracket_img_ie6_7, #bracket_img_ie7_6, #bracket_img_ie7_7 { display: none; }

/* BEGIN ROUND 1 */
.round_1 { width: 150px; float: left; position: absolute; left: 0px; padding-top: 0px; }

.round_loser_1 { width: 150px; float: left; /* position: absolute; */ left: 0px; padding-top: 40px; }

.match_1, .match_last_1 { width: 146px; padding-left: 2px; padding-right: 2px; }

.match_break_1 { padding-top: 20px; }

.team_break_1 { padding-top: 6px; }

.team_vs_1 { padding-left: 23px; padding-top: 25px; width: 13px; position: absolute; }

/* END ROUND 1 */
/* BEGIN ROUND 2 */
.round_2, .round_loser_2 { width: 150px; float: left; position: absolute; left: 146px; padding-top: 20px; }

.match_2 { width: 126px; padding-left: 2px; padding-right: 2px; }

.match_last_2 { width: 146px; padding-left: 2px; padding-right: 2px; }

.match_break_2 { padding-top: 62px; }

.match_break_loser_2 { padding-top: 20px; }

.team_break_2 { padding-top: 52px; }

.team_vs_2 { padding-left: 89px; padding-top: 48px; width: 13px; position: absolute; }

/* END ROUND 2 */
/* BEGIN ROUND 3 */
.round_3 { width: 150px; float: left; position: absolute; left: 292px; padding-top: 62px; }

.round_loser_3 { width: 150px; float: left; position: absolute; left: 292px; padding-top: 40px; }

.match_3, .match_last_3 { width: 146px; padding-left: 2px; padding-right: 2px; }

.match_break_3 { padding-top: 145px; }

.round_loser_3 .match_break_3 { padding-top: 62px; }

.team_break_3 { padding-top: 145px; }

.team_vs_3 { padding-left: 89px; padding-top: 92px; width: 13px; position: absolute; }

/* END ROUND 3 */
/* BEGIN ROUND 4 */
.round_4 { width: 150px; float: left; position: absolute; left: 438px; padding-top: 147px; }

.round_loser_4 { width: 150px; float: left; position: absolute; left: 438px; padding-top: 40px; }

.match_4, .match_last_4 { width: 146px; padding-left: 2px; padding-right: 2px; }

.match_break_4 { padding-top: 322px; }

.match_break_loser_4 { padding-top: 109px; }

.team_break_4 { padding-top: 320px; }

.team_vs_4 { padding-left: 89px; padding-top: 179px; width: 13px; position: absolute; }

/* END ROUND 4 */
/* BEGIN ROUND 5 */
.round_5 { width: 150px; float: left; position: absolute; left: 584px; padding-top: 319px; }

.round_loser_5 { width: 150px; float: left; position: absolute; left: 584px; padding-top: 55px; }

.match_5, .match_last_5 { width: 146px; padding-left: 2px; padding-right: 2px; }

.match_break_5 { padding-top: 676px; }

.round_loser_5 .match_break_5 { padding-top: 148px; }

.team_break_5 { padding-top: 670px; }

.team_vs_5 { padding-left: 89px; padding-top: 353px; width: 13px; position: absolute; }

/* END ROUND 5 */
/* BEGIN ROUND 6 */
.round_6 { width: 150px; float: left; position: absolute; left: 730px; padding-top: 664px; }

.round_loser_6 { width: 150px; float: left; position: absolute; left: 730px; padding-top: 100px; }

.match_6, .match_last_6 { width: 146px; padding-left: 2px; padding-right: 2px; }

.match_break_6 { padding-top: 1378px; }

.match_break_loser_6 { padding-top: 287px; }

.team_break_6 { padding-top: 1376px; }

.team_vs_6 { padding-left: 89px; padding-top: 701px; width: 13px; position: absolute; }

/* END ROUND 6 */
/* BEGIN ROUND 7 */
.round_loser_7 { width: 150px; float: left; position: absolute; left: 876px; padding-top: 117px; }

.round_7 { width: 150px; float: left; position: absolute; left: 876px; padding-top: 1359px; }

.match_7, .match_last_7 { width: 146px; padding-left: 2px; padding-right: 2px; }

.match_break_7 { padding-top: 2788px; }

.round_loser_7 .match_break_7 { padding-top: 323px; }
.round_loser_7 .team_break_4 { padding-top: 325px; }

.team_break_7 { padding-top: 2782px; }

.team_vs_7 { padding-left: 89px; padding-top: 1398px; width: 13px; position: absolute; }

/* END ROUND 7 */
/* BEGIN ROUND 8 */
.round_loser_8 { width: 150px; float: left; position: absolute; left: 1022px; padding-top: 252px; }

.round_8 { width: 150px; float: left; position: absolute; left: 1022px; padding-top: 2767px; }

.match_8, .match_last_8 { width: 146px; padding-left: 2px; padding-right: 2px; }

.match_break_8 { padding-top: 5600px; }

.match_break_loser_8 { padding-top: 642px; }

.team_break_8 { padding-top: 5600px; }

.team_vs_8 { padding-left: 89px; padding-top: 2790px; width: 13px; position: absolute; }

/* END ROUND 8 */
/* BEGIN ROUND 9 */
.round_9 { width: 150px; float: left; position: absolute; left: 1168px; padding-top: 5580px; }

.round_loser_9 { width: 150px; float: left; position: absolute; left: 1168px; padding-top: 270px; }

.match_9, .match_last_9 { width: 146px; padding-left: 2px; padding-right: 2px; }

.match_break_9 { padding-top: 11238px; }

.round_loser_9 .match_break_9 { padding-top: 678px; }
.round_loser_9 .team_break_5 { padding-top: 680px; }

.team_break_9 { padding-top: 11232px; }

.team_vs_9 { padding-left: 89px; padding-top: 5px; width: 13px; position: absolute; }

/* END ROUND 9 */
/* BEGIN ROUND 10 */
.round_10 { width: 150px; float: left; position: absolute; left: 1315px; padding-top: 11210px; }

.round_loser_10 { width: 150px; float: left; position: absolute; left: 1313px; padding-top: 585px; }

.match_10, .match_last_10 { width: 146px; padding-left: 2px; padding-right: 2px; }

.match_break_10 { padding-top: 0px; }

.match_break_loser_10 { padding-top: 1352px; }

.team_break_10 { padding-top: 22502px; }

.team_vs_10 { padding-left: 89px; padding-top: 5px; width: 13px; position: absolute; }

/* END ROUND 10 */
/* BEGIN ROUND 11 */
.round_11 { width: 150px; float: left; position: absolute; left: 1461px; padding-top: 22478px; }

.round_loser_11 { width: 150px; float: left; position: absolute; left: 1458px; padding-top: 605px; }

.match_11, .match_last_11 { width: 146px; padding-left: 2px; padding-right: 2px; }

.match_break_11 { padding-top: 0px; }

.round_loser_11 .match_break_11 { padding-top: 1390px; }

.team_break_11 { padding-top: -33px; }

.round_loser_11 .team_break_6 { padding-top: 1388px; }

.team_vs_11 { padding-left: 89px; padding-top: 5px; width: 13px; position: absolute; }

/* END ROUND 11 */
/* BEGIN ROUND 12 */
.round_12 { width: 150px; float: left; position: absolute; left: 1603px; padding-top: 5530px; }

.round_loser_12 { width: 150px; float: left; position: absolute; left: 1603px; padding-top: 1278px; }

.match_12, .match_last_12 { width: 146px; padding-left: 2px; padding-right: 2px; }

.match_break_12 { padding-top: 0px; }

.match_break_loser_12 { padding-top: 2772px; }

.team_break_12 { padding-top: -33px; }

.team_vs_12 { padding-left: 89px; padding-top: 5px; width: 13px; position: absolute; }

/* END ROUND 12 */
/* BEGIN ROUND 13 */
.round_13 { width: 150px; float: left; position: absolute; left: 1748px; padding-top: 2843px; }

.round_loser_13 { width: 150px; float: left; position: absolute; left: 1748px; padding-top: 1297px; }

.match_13, .match_last_13 { width: 146px; padding-left: 2px; padding-right: 2px; }

.match_break_13 { padding-top: 0px; }

.round_loser_13 .match_break_13 { padding-top: 2810px; }

.team_break_13 { padding-top: -33px; }

.round_loser_13 .team_break_7 { padding-top: 2809px; }

.team_vs_13 { padding-left: 89px; padding-top: 5px; width: 13px; position: absolute; }

/* END ROUND 13 */
/* BEGIN ROUND 14 */
.round_14 { width: 150px; float: left; position: absolute; left: 1893px; padding-top: 2843px; }

.round_loser_14 { width: 150px; float: left; position: absolute; left: 1893px; padding-top: 2682px; }

.match_14, .match_last_14 { width: 146px; padding-left: 2px; padding-right: 2px; }

.match_break_14 { padding-top: 0px; }

.match_break_loser_14 { padding-top: 5613px; }

.team_break_14 { padding-top: -33px; }

.team_vs_14 { padding-left: 89px; padding-top: 5px; width: 13px; position: absolute; }

/* END ROUND 14 */
/* BEGIN ROUND 15 */
.round_15 { width: 150px; float: left; position: absolute; left: 2038px; padding-top: 2843px; }

.round_loser_15 { width: 150px; float: left; position: absolute; left: 2038px; padding-top: 2701px; }

.match_15, .match_last_15 { width: 146px; padding-left: 2px; padding-right: 2px; }

.match_break_15 { padding-top: 5652px; }

.round_loser_15 .team_break_8 { padding-top: 5648px; }

.team_break_15 { padding-top: 11334px; }

.team_vs_15 { padding-left: 89px; padding-top: 5px; width: 13px; position: absolute; }

/* END ROUND 15 */
/* BEGIN ROUND 16 */
.round_16 { width: 150px; float: left; position: absolute; left: 2183px; padding-top: 2843px; }

.round_loser_16 { width: 150px; float: left; position: absolute; left: 2183px; padding-top: 5503px; }

.match_16, .match_last_16 { width: 146px; padding-left: 2px; padding-right: 2px; }

.match_break_16 { padding-top: 0px; }

.match_break_loser_16 { padding-top: 11296px; }

.team_break_16 { padding-top: -33px; }

.team_vs_16 { padding-left: 89px; padding-top: 5px; width: 13px; position: absolute; }

/* END ROUND 16 */
/* BEGIN ROUND 17 */
.round_17 { width: 150px; float: left; position: absolute; left: 2328px; padding-top: 2843px; }

.round_loser_17 { width: 150px; float: left; position: absolute; left: 2328px; padding-top: 5520px; }

.match_17, .match_last_17 { width: 146px; padding-left: 2px; padding-right: 2px; }

.match_break_17 { padding-top: 0px; }

.round_loser_17 .team_break_9 { padding-top: 11336px; }

.team_break_17 { padding-top: -33px; }

.team_vs_17 { padding-left: 89px; padding-top: 5px; width: 13px; position: absolute; }

/* END ROUND 17 */
/* BEGIN ROUND 18 */
.round_loser_18 { width: 150px; float: left; position: absolute; left: 2474px; padding-top: 11166px; }

/* END ROUND 18 */
/* BEGIN ROUND 19 */
.round_loser_19 { width: 150px; float: left; position: absolute; left: 2620px; padding-top: 11185px; }

.match_18, .match_last_18 { width: 146px; padding-left: 2px; padding-right: 2px; }

/* END ROUND 19 */
.breakingnews { display: none; }

div.ga-header-bg { text-align: center; margin: 0px auto; width: 1000px; height: auto; clear: both; background: url("/images/giveaway/giveaway_bg.jpg?rev=3") no-repeat; }
div.prize-image { padding-top: 190px; }
div.social-icons { padding-top: 25px; margin: 0px auto; width: 450px; float: left; }
div.ga-lower { margin: 0px auto; width: 750px; text-align: left; color: white; clear: both; }
div.ga-bottom { width: 750px; margin: 0px auto; text-align: left; }
div.ga-sponsors { width: 831px; margin: 0px auto; text-align: left; }
div.bc-player { display: none; width: 575px; height: 375px; }
div.ga-rules { display: none; color: black; }
div.clr { clear: both; }
div.ctr { margin: 0px auto; }

span.prize-title { font-size: 36px; font-weight: bold; color: #fe6419; }
span.prize-details { font-size: 20px; color: #fe6419; font-weight: bold; }
span.prize-specifics { text-transform: uppercase; color: #eeeeee; font-size: 16px; }
span.how-to-enter { font-size: 20px; color: #fe6419; font-weight: bold; }
span.how-to-enter-specifics { text-transform: uppercase; color: #eeeeee; font-size: 12px; }
span.do-more { color: #fe6419; font-size: 16px; }
span.do-more a { color: #fe6419; font-size: 16px; }
span.lower-callout { font-size: 26px; color: #fe6419; font-weight: bold; }
span.what-is-callout { font-size: 55px; font-weight: bold; }
span.what-is-specifics, span.join-the-action-specifics { text-transform: uppercase; color: #eeeeee; font-size: 16px; }
span.watch-videos-specifics { text-transform: uppercase; color: #eeeeee; font-size: 13px; }

div.countdown { color: white; font-size: 24px; font-weight: bold; }

td.watch-more-link { text-align: right; padding-right: 15px; }

a.plink:hover { color: #4489f4 !important; }

ul.promo-tags { border: 1px solid #aaaaaa; list-style-type: none; margin: 0; padding: 0; width: 150px; float: left; border-radius: 7px; -moz-border-radius: 7px; }
ul.promo-tags li { color: #2c2c2c; font-weight: bold; }
ul.promo-tags li.promo-tag { background: #eeeeee; height: 30px; width: 150px; display: block; clear: left; line-height: 30px; border-top: 1px solid #c1c1c1; }
ul.promo-tags li.promo-tag:hover { background: #bbbbbb; }
ul.promo-tags li.active { background: #bbbbbb !important; }
ul.promo-tags li.all { background: #e2e2e2; height: 30px; width: 150px; display: block; clear: left; line-height: 30px; }
ul.promo-tags li span.tag { margin-left: 5px; }
ul.promo-tags a { text-decoration: none; }

table.promo-table td.promo-logo { vertical-align: middle; width: 150px; text-align: center; }
table.promo-table td a.promo-url-link { font-weight: bold; font-size: 12px; color: #0079d9; }

div.promo-display { width: 450px; }

div.promo-marker { display: block; float: right; margin-right: 5px; }

div.promo-callout { text-align: center; color: #0079d9; font-weight: bold; font-size: 14px; padding: 5px; }

.matchBoxContainer img { border-radius: 5px; }
.matchBoxContainer h3 { border-radius: 2px; }
.matchBoxContainer .teamInfo { display: -webkit-flex; display: -ms-flex; display: -moz-flex; display: -o-flex; display: flex; margin-top: 40px; }
.matchBoxContainer .teamInfo .versus { -webkit-align-self: center; -ms-align-self: center; -moz-align-self: center; -o-align-self: center; align-self: center; font-size: 20px; margin-top: -20px; color: #7b7b7b; }
.matchBoxContainer .teamInfo .team { -webkit-flex-grow: 2; -ms-flex-grow: 2; -moz-flex-grow: 2; -o-flex-grow: 2; flex-grow: 2; text-align: center; font-weight: bold; }
.matchBoxContainer .teamInfo .team span { font-size: 40px; }
.matchBoxContainer .teamInfo .team.leftTeam { color: #464646; margin-left: 5em; }
.matchBoxContainer .teamInfo .team.leftTeam img { margin-right: 2em; }
.matchBoxContainer .teamInfo .team.rightTeam { color: gray; margin-right: 5em; }
.matchBoxContainer .teamInfo .team.rightTeam img { margin-left: 2em; }
.matchBoxContainer .teamStats { display: -webkit-flex; display: -ms-flex; display: -moz-flex; display: -o-flex; display: flex; }
.matchBoxContainer .teamStats .team { -webkit-flex: 1; -ms-flex: 1; -moz-flex: 1; -o-flex: 1; flex: 1; text-align: center; font-size: 14px; line-height: 3; font-weight: bold; }
.matchBoxContainer .teamStats .team img { margin-right: 5px; margin-top: -4px; }
.matchBoxContainer .teamStats .team span a { color: #353535; }
.matchBoxContainer .teamStats .stats { -webkit-flex: 1; -ms-flex: 1; -moz-flex: 1; -o-flex: 1; flex: 1; padding-left: 10px; text-align: center; }
.matchBoxContainer .teamStats .stats strong { color: rgba(0, 0, 0, 0.74); }
.matchBoxContainer .teamStats .stats .bordered { border-left: 1px solid black; border-right: 1px solid black; padding-left: 5px; padding-right: 5px; }
.matchBoxContainer .teamStats .roster { -webkit-flex: 1; -ms-flex: 1; -moz-flex: 1; -o-flex: 1; flex: 1; padding: 5px 20px 5px 5px; }
.matchBoxContainer .teamStats .roster > *:first-child { font-size: 12px; position: relative; font-weight: normal; }
.matchBoxContainer .teamStats .roster > *:first-child strong { font-weight: bold; margin-right: 0.25em; }
.matchBoxContainer .teamStats .roster .title-right-line { margin-top: 1em; }
.matchBoxContainer .teamStats .roster .title-right-line:before { content: ""; display: block; border-top: solid 2px rgba(175, 160, 160, 0.45); width: 100%; height: 1em; position: absolute; top: 50%; z-index: 1; }
.matchBoxContainer .teamStats .roster .title-right-line > *:first-child { padding-right: 1em; position: relative; z-index: 5; color: #484848; background-color: white; }
.matchBoxContainer .teamStats .roster .player .player-details { display: inline-block; position: relative; top: 8px; left: 5px; }
.matchBoxContainer .teamStats .roster .player .player-details span { display: inline-block; }
.matchBoxContainer .teamStats .roster .player .player-details .title { font-weight: bold; font-size: 12px; }
.matchBoxContainer .teamStats .roster .player .player-details .title a { color: #353535; }
.matchBoxContainer .teamStats .roster .player .player-details .xp, .matchBoxContainer .teamStats .roster .player .player-details .propoints { color: gray; }
.matchBoxContainer .teamStats .roster .player .player-details .xp { margin-right: 5px; }

.matchBoxDetails .notification { height: 28px; text-align: center; line-height: 2.3; font-size: 12px; }
.matchBoxDetails .notification.completed { background-color: #4faf48; color: white; }
.matchBoxDetails .notification.scheduled, .matchBoxDetails .notification.reported { background-color: gray; color: white; }
.matchBoxDetails .notification.disputed { background-color: red; color: white; }
.matchBoxDetails .notification.reverted, .matchBoxDetails .notification.moderated { background-color: yellow; color: black; }
.matchBoxDetails .premium_match { font-weight: bold; text-align: center; line-height: 4; font-size: 14px; }
.matchBoxDetails .premium_match img { display: inline-block; margin-top: -4px; }
.matchBoxDetails .extended_details { display: none; }
.matchBoxDetails #showMatchDetailsBtn { margin-top: 3px; border: 2px solid #399eeb; line-height: 2; border-radius: 4px; background-color: white; width: 100%; color: #399eeb; font-weight: bold; font-size: 12px; }
.matchBoxDetails #showMatchDetailsBtn:focus { outline: none; }
.matchBoxDetails #showMatchDetailsBtn:active { background-color: #007ae2; }
.matchBoxDetails .match_group_btn { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; width: 225px; margin-right: 3px; }
.matchBoxDetails .match_group_btn button, .matchBoxDetails .match_group_btn input, .matchBoxDetails .match_group_btn a { margin: 3px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; background-color: #007ae2; font-weight: bold; width: 100%; display: inline-block; line-height: 3; text-align: center; border-radius: 3px; color: white; border: none; padding: 0; cursor: pointer; }
.matchBoxDetails .match_group_btn button:hover, .matchBoxDetails .match_group_btn input:hover, .matchBoxDetails .match_group_btn a:hover { text-decoration: none; background-color: #0c7abf; }
.matchBoxDetails .match_group_btn button.info, .matchBoxDetails .match_group_btn input.info, .matchBoxDetails .match_group_btn a.info { background-color: darkgoldenrod; }
.matchBoxDetails .match_group_btn button.info:hover, .matchBoxDetails .match_group_btn input.info:hover, .matchBoxDetails .match_group_btn a.info:hover { cursor: default; }
.matchBoxDetails .match_group_btn button.infoAction, .matchBoxDetails .match_group_btn input.infoAction, .matchBoxDetails .match_group_btn a.infoAction { background-color: darkgoldenrod; }
.matchBoxDetails .match_group_btn button.infoAction:hover, .matchBoxDetails .match_group_btn input.infoAction:hover, .matchBoxDetails .match_group_btn a.infoAction:hover { background-color: #d19f0b; }
.matchBoxDetails .match_group_btn .cancellation .accept { width: 46%; background-color: chocolate; }
.matchBoxDetails .match_group_btn .cancellation .accept:hover { background-color: #e1781e; }
.matchBoxDetails .match_group_btn .cancellation .decline { width: 46%; }
.matchBoxDetails .match_group_btn .cancellation .message_box { color: #ff2727; font-size: 1em; padding: 0; font-weight: 600; margin: 0; text-align: center; }
.matchBoxDetails .match_group_btn .report_problem .report_problem_group { display: none; }
.matchBoxDetails .match_group_btn .report_problem .report_problem_group .report_problem_option { line-height: 2; width: 95%; }
.matchBoxDetails .match_group_btn .report_problem .pressed { background-color: #034f86; }
.matchBoxDetails .match_group_btn .report_problem .selected, .matchBoxDetails .match_group_btn .report_problem .reported { background-color: red; }
.matchBoxDetails .match_group_btn .report_problem .message_warning, .matchBoxDetails .match_group_btn .report_problem .message_info { font-weight: bold; text-align: center; }
.matchBoxDetails .match_group_btn .report_problem .message_warning p, .matchBoxDetails .match_group_btn .report_problem .message_info p { text-align: justify; margin: 5px; }
.matchBoxDetails .match_group_btn .report_problem .message_warning { color: red; }
.matchBoxDetails .match_group_btn .report_problem .message_info { color: green; }

.tickets .ticketToggle { float: right; clear: both; color: white; cursor: pointer; }
.tickets .ticket { border-bottom: 1px solid #ababab; padding: 1em 1px 1em 1em; overflow: auto; }
.tickets .ticket.reply { padding-left: 4em; }
.tickets .ticket .avatar { float: left; }
.tickets .ticket .details { overflow: auto; padding-left: 1em; }
.tickets .ticket .details .user img { display: inline-block; margin-top: -6px; }
.tickets .ticket .details .user span a { font-size: 15px; font-weight: bold; color: #444444; margin-left: -5px; }
.tickets .ticket .details .user div { color: darkgrey; }
.tickets .ticket .details .status { cursor: default; float: right; background-color: gray; padding: 5px 8px 5px 8px; color: white; }
.tickets .ticket .details .status.responded { background-color: orange; }
.tickets .ticket .details .body { padding: 1em 0 1em 0; }
.tickets .ticket .details .body p { margin: 0; }

div.msg-header { padding: 10px 10px 10px 220px; border-bottom: 2px solid #999999; }
div.msg-subject { font-size: 18px; line-height: 24px; font-weight: bold; }
div.msg-subject * { font-size: 18px; line-height: 24px; font-weight: bold; }
div.msg { position: relative; clear: both; font-size: 9px; padding: 10px; border-bottom: 1px dotted #666666; }
div.msg-user { float: left; width: 200px; }
div.msg-text { position: relative; margin-left: 200px; padding: 0 10px; font-family: "Lucida Grande", Arial, Helvetica, Tahoma, sans-serif; font-size: 12px; line-height: 1.4em; }
div.msg-date { font-family: "Lucida Grande", Arial, Helvetica, Tahoma, sans-serif; font-size: 9px; color: #aaaaaa; }
div.msg-text a { font-family: "Lucida Grande", Arial, Helvetica, Tahoma, sans-serif; font-size: 12px; }
div.msg-reply { display: block; margin-left: 200px; padding: 0 10px; font-family: "Lucida Grande", Arial, Helvetica, Tahoma, sans-serif; font-size: 12px; line-height: 1.4em; }
div.msg-reply textarea { font-family: "Lucida Grande", Arial, Helvetica, Tahoma, sans-serif; font-size: 12px; background: whitesmoke none; color: black; padding: 3px; width: 508px; height: 80px; }

#myMsgs table.list td { border-bottom: 1px dotted #444444 !important; }
#myMsgs table.list td.alt1, #myMsgs table.list td.alt2 { border-bottom: 1px dotted #444444 !important; }
#myMsgs .mail-summary { color: #a2c2da; font-size: 10px; width: 200px; }
#myMsgs .boxForm .data input[type=text] { background: white none; border: 1px solid #0099ff; color: black; padding: 4px; }

.boxForm .data textarea { background: white none; border: 1px solid #0099ff; color: black; padding: 4px; }

#myMsgs blockquote { border: 1px solid #0099ff; background-color: #d1d1d1; color: #444444; padding: 10px; margin: 5px 0; }

/* Globals ------------------------------------------------------ */
body { font-family: "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; font-size: 11px; font-style: normal; margin: 0; padding: 0; }
body a#uservoice-feedback-tab { outline: none; }
body a#uservoice-feedback-tab:link { outline: none; }

img { border: 0; vertical-align: middle; }
img.circle { border-radius: 50%; }
img.square { border-radius: 5px; }

h1 { margin: 0; padding: 0; font-size: 28px; font-weight: bold; color: #f1f1f1; text-transform: uppercase; text-decoration: none !important; border: 0px; }

h2 { margin: 0px; padding: 0px; font-size: 26px; font-weight: normal; color: #999999; line-height: 32px; border: none; }

h3 { font-size: 16px; font-weight: bold; color: #f1f1f1; margin: 0; padding: 0; text-decoration: none !important; border: 0px; }

h4 { font-size: 14px; font-weight: bold; color: #f1f1f1; margin: 0; padding: 0; }

h5 { font-size: 11px; font-weight: bold; color: #222222; margin: 0; padding: 8px 2px 0 2px; text-transform: uppercase; }

a { color: #004d98; text-decoration: none; }
a:hover { color: #0099ff; text-decoration: underline; }

a.browse-teamLg { background: url("/images/homepage/arrows.png") no-repeat; display: block; width: 25px; height: 35px; float: left; margin: 95px 8px; cursor: pointer; font-size: 1px; }
a.right-teamLg { background-position: -30px -41px; clear: right; margin-right: 0px; }
a.right-teamLg:hover { background-position: -60px -41px; }
a.right-teamLg:active { background-position: 0px -41px; }
a.left-teamLg { background-position: -30px 0; }
a.left-teamLg:hover { background-position: 0px 0; }
a.left-teamLg:active { background-position: -60px 0; }
a.disabled { visibility: hidden !important; }

a.browse-offer { background: url("/images/homepage/arrows.png") no-repeat; display: block; width: 25px; height: 35px; float: left; margin: 72px 8px; cursor: pointer; font-size: 1px; }
a.right-offer { background-position: -30px -41px; clear: right; margin-right: 0px; }
a.right-offer:hover { background-position: -60px -41px; }
a.right-offer:active { background-position: 0px -41px; }
a.left-offer { background-position: -30px 0; }
a.left-offer:hover { background-position: 0px 0; }
a.left-offer:active { background-position: -60px 0; }
a.disabled { visibility: hidden !important; }

a.browse-pro-points { background: url("/images/common/small_arrows.png") no-repeat; display: block; width: 14px; height: 19px; float: left; margin: 20px 8px; cursor: pointer; font-size: 1px; }
a.right-pro-points { background-position: -15px -21px; clear: right; margin-right: 0px; }
a.right-pro-points:hover { background-position: -30px -21px; }
a.right-pro-points:active { background-position: 0px -21px; }
a.left-pro-points { background-position: -15px 0; }
a.left-pro-points:hover { background-position: 0px 0; }
a.left-pro-points:active { background-position: -30px 0; }
a.disabled { visibility: hidden !important; }

a.browse-rank { background: url("/images/common/small_arrows.png") no-repeat; display: block; width: 14px; height: 19px; float: left; margin: 20px 8px; cursor: pointer; font-size: 1px; }
a.right-rank { background-position: -15px -21px; clear: right; margin-right: 0px; }
a.right-rank:hover { background-position: -30px -21px; }
a.right-rank:active { background-position: 0px -21px; }
a.left-rank { background-position: -15px 0; }
a.left-rank:hover { background-position: 0px 0; }
a.left-rank:active { background-position: -30px 0; }
a.disabled { visibility: hidden !important; }

a.browse-rank { background: url("/images/common/small_arrows.png") no-repeat; display: block; width: 14px; height: 19px; float: left; margin: 20px 8px; cursor: pointer; font-size: 1px; }
a.right-rank { background-position: -15px -21px; clear: right; margin-right: 0px; }
a.right-rank:hover { background-position: -30px -21px; }
a.right-rank:active { background-position: 0px -21px; }
a.left-rank { background-position: -15px 0; }
a.left-rank:hover { background-position: 0px 0; }
a.left-rank:active { background-position: -30px 0; }
a.disabled { visibility: hidden !important; }

a.browse-team { background: url("/images/homepage/arrows.png") no-repeat; display: block; width: 25px; height: 35px; float: left; margin: 50px 8px; cursor: pointer; font-size: 1px; }
a.right-team { background-position: -30px -41px; clear: right; margin-right: 0px; }
a.right-team:hover { background-position: -60px -41px; }
a.right-team:active { background-position: 0px -41px; }
a.left-team { background-position: -30px 0; }
a.left-team:hover { background-position: 0px 0; }
a.left-team:active { background-position: -60px 0; }
a.disabled { visibility: hidden !important; }

a.browse-video { background: url("/images/homepage/arrows.png") no-repeat; display: block; width: 25px; height: 35px; float: left; margin: 55px 4px; cursor: pointer; font-size: 1px; }
a.right-video { background-position: -30px -41px; clear: right; margin-right: 0px; }
a.right-video:hover { background-position: -60px -41px; }
a.right-video:active { background-position: 0px -41px; }
a.left-video { background-position: -30px 0; }
a.left-video:hover { background-position: 0px 0; }
a.left-video:active { background-position: -60px 0; }
a.disabled { visibility: hidden !important; }

sup { font-weight: normal; font-size: 9px; }

.panel { position: relative; }

.panel-screen { position: absolute; left: 5px; top: 5px; }

.panel-layer { position: absolute; visibility: hidden; z-index: 1000; }

.transparent { filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; }

.highlight { color: #999999; }

.r1, .r2 { background: transparent none; border-bottom: 1px dotted #919191; }

.r3 { background: #666666 none; }

a.expand { background: url(/images/skins/common/icons/expand.png) no-repeat 0 0px; padding-left: 15px; height: 16px; }
a.collapse { background: url(/images/skins/common/icons/collapse.png) no-repeat 0 0px; padding-left: 15px; height: 16px; }

div#homepage-container { width: 980px; margin: 0px auto; }

.advertisement { background: none; text-align: center; margin: 10px auto; position: relative; }
.advertisement.leaderboard, .advertisement.footer { max-width: 970px; }

#breadcrumbs { background: black url(/images/skins/default/bread_bg.png) repeat-x; border-left: 1px solid black; border-right: 1px solid black; clear: both; display: block; margin: auto; padding: 2px 5px 6px 5px; width: 948px; text-align: left; font-family: "Helvetica Neue", Tahoma, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #666666; }
#breadcrumbs a { font-family: "Helvetica Neue", Tahoma, Helvetica, Arial, sans-serif; font-size: 9px; font-weight: normal; color: #aaaaaa; }
#breadcrumbs a:hover { font-size: 9px; font-weight: normal; color: #0099ff; }
#breadcrumbs strong { font-size: 9px; color: white; }

ul.breadcrumbs { margin: 0; padding: 5px 0 10px 0; text-align: left; li: ahover; li-color: #0099ff; li-background-repeat: repeat-x; }
ul.breadcrumbs li { display: inline; list-style-type: none; font-size: 11px; font-weight: normal; color: #222222; }
ul.breadcrumbs p { display: inline; margin: 0; padding: 0px 5px; }
ul.breadcrumbs a { padding: 0px 5px; font-size: 11px; font-weight: normal; color: #0099ff; text-decoration: none; }

ul.tabs { list-style-type: none; width: 700px; border: none; }
ul.tabs li { float: left; font-size: 16px; }
ul.tabs li.bullet { width: 20px; text-align: center; }

div.platformSlider { height: 175px; width: 695px; float: right; clear: both; }

div.about { height: 175px; width: 633px; float: right; clear: both; }

div.videos { height: 135px; width: 933px; float: right; clear: both; }

#overDiv { position: absolute; visibility: hidden; z-index: 1000; font-size: 10px !important; }
#overDiv p { margin: 0px; padding: 2px 0px; border-top: 1px solid #cccccc; }
#overDiv p:first-child { border-top: 0px; }
#overDiv b { font-size: 10px !important; color: #cccccc; }

#form-errors { clear: both; text-align: left; background: #f9421e url(/images/icons/64/error.png) no-repeat 17px 13px; color: white; font-weight: bold; padding: 20px 0 1px 90px; margin-bottom: 10px; min-height: 65px; }
#form-errors ul { padding-left: 15px; font-weight: normal; margin-top: 7px; }
#form-errors ul li { font-size: 8px; }
#form-errors ul li span { font-size: 11px; margin-left: -5px; display: block; }
#form-errors a { color: white; text-decoration: underline; }
#form-errors a:hover { color: white; text-decoration: underline; }

#arena-alert { clear: both; width: 946px; text-align: left; font-size: 11px; border: 2px solid #ff9900; margin: 5px; color: #222222; }

#arena-alert-header { font-weight: bold; padding: 2px 1px; background-color: #ffcc00; border-bottom: 1px solid #ff9900; height: 20px; }
#arena-alert-header div { padding: 3px 1px; text-transform: uppercase; float: left; }
#arena-alert-header a { float: right; text-decoration: none; text-transform: uppercase; color: #cc0000; }
#arena-alert-header a:hover { color: red; }

#arena-alert-message { background: #ffffdd url(/images/icons/64/alert.png) no-repeat 5px 5px; padding: 5px 5px 5px 74px; min-height: 40px; line-height: 18px; }

#arena-alert-date { font-size: 10px; color: #cc9900; line-height: 16px; }

#arena-alert-title { font-size: 14px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #ff9900; }

#arena-alert-message a { color: #0066cc; text-decoration: underline; }
#arena-alert-message a:hover { color: #0099ff; }

.exturl { background-image: url(/images/common/exturl.gif); background-repeat: no-repeat; background-position: right center; padding-right: 14px; }

.clr { clear: both; }

.clrlt { clear: left; }

.clrrt { clear: right; }

.txtL { text-align: left !important; }

.txtR { text-align: right !important; }

.txtC { text-align: center !important; }

.hide { display: none; }

.lt { float: left; }

.rt { float: right; }

.sm { width: 170px; }

.md { width: 314px; }

.hxl { width: 380px; }

.lg { width: 638px; }

.xl { width: 638px; }

.full { width: 960px; }

.auto { width: auto; }

.adlb { width: 970px; }

.adrect { width: 300px; }

.adsky { width: 160px; overflow: hidden; }

.adgb { width: 190px; overflow: hidden; }

.sm h3.bar { background-image: url(/images/skins/default/box_header_170.png); border-bottom: 1px solid #f1f1f1; }

.md h3.bar { background-image: url(/images/skins/default/box_header_310.png); border-bottom: 1px solid #f1f1f1; }

.lg h3.bar { background-image: url(/images/skins/default/box_header_630.png); border-bottom: 1px solid #f1f1f1; }

.xl h3.bar { background-image: url(/images/skins/default/box_header_770.png); border-bottom: 1px solid #f1f1f1; }

.full h3.bar { background-image: url(/images/skins/default/box_header_950.png); border-bottom: 1px solid #f1f1f1; }

.nopad { padding: 0px; }

.nomgn { margin: 0px; }

.smpad { padding: 5px; }

.smmgn { margin: 5px; }

.nomgntop { margin-top: 0px; }

div.boxOuter { display: block; margin: 4px; text-align: left; border: 1px solid #dadada; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
div.boxOuter.plain { border-color: transparent; }
div.boxOuter h3 { padding: 5px 5px 5px; font-size: 14px; color: #252525; line-height: 22px; border-bottom: 1px solid #cccccc; }
div.boxOuter h3 span { font-size: 16px; left: 0px !important; }
div.boxOuter div.boxInner { padding: 4px; overflow: hidden; }
div#content-competition-getting-started { padding: 0px 16px; }
div#content-competition-getting-started h3 { padding: 0px; font-size: 18px; line-height: 35px; border: none; background: none; }
div#content-competition-getting-started p { margin: 0px; padding-bottom: 10px; font: 12px Helvetica, Arial, sans-serif; }
div#content-competition-getting-started a { font: 12px Helvetica, Arial, sans-serif; }
div#content-competition-getting-started ul.rules { margin: 0px; padding-bottom: 10px; }
div.boxOuter div.boxAd { margin: 4px; padding: 1px; color: #e1e1e1; }
div.boxOuter div.boxAdTxt { color: #000022; text-transform: uppercase; font-size: 8px; text-align: center; padding-bottom: 4px; }
div.boxOuter div.boxContent { padding: 5px; }
div.boxOuter div.boxNews { color: #222222; display: block; margin: 5px; padding: 5px; font-family: "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; color: black; }
div.boxOuter div.boxNews * { font-family: "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; color: black; }
div.boxOuter div.boxNews a { color: #0066cc; }
div.boxOuter div.boxNews a:hover { color: #0099ff; }
div.boxOuter div.boxNews .news-byline { font-size: 11px; font-weight: bold; color: #aaaaaa; }
div.boxOuter div.boxNews .news-summary { font-style: italic; font-weight: bold; color: #a7b1ba; }
div.boxPlatform { width: 635px; height: 400px; }
div.boxPlatform h5 { color: #222222; }
div.boxPlatform div.boxInner { padding: 7px; margin-bottom: 0px; }
div.boxPlatform strong { font-size: 11px; }
div.boxPlatform #pltlogo { height: 50px; }
div.boxPlatformNews { clear: both; margin: 0px; padding: 5px; font-size: 11px; background: white; }
div.boxPlatformNews.alt { background: #ececec; }
div.boxPlatformNews a { text-decoration: underline; }
div.boxDashboard { width: 635px; overflow: hidden; zoom: 1; }
div.boxDashboard h5 { color: #222222; }

img#imgDashboard { margin: 5px 5px 5px 5px; height: 310px; width: 185px; float: left; }

#boxArenaNews_Display { margin: 0px; padding: 0px; width: 436px; height: 295px; overflow: auto; overflow-x: hidden; overflow-y: auto; z-index: 0; }

#boxArenaNewsCtl { background: #2a3035 url(/images/skins/default/box_content_bg.png) repeat-x; border: 1px solid #3777a8; margin: 5px 5px 0px 0; padding: 5px; display: block; color: #f1f1f1; float: right; font-size: 11px; font-weight: bold; width: 415px; height: 12px; }
#boxArenaNewsCtl a { text-decoration: none; font-weight: bold; font-size: 11px; color: #0099ff; }
#boxArenaNewsCtl a:hover { color: #0099ff; }

div#boxArenaNewsTitle { padding-bottom: 4px; margin: 0 0 4px 0; font-weight: bold; font-size: 14px; color: #f1f1f1; border-bottom: 1px dotted #666666; }
div.dateline { margin: 0px; padding: 0px; font-weight: bold; font-size: 10px; }
div.byline { padding: 5px 0; font-weight: normal; }
div.byline a { background: transparent url(/images/common/member.gif) no-repeat scroll left center; padding: 3px 0 3px 20px; font-weight: bold; color: #f1f1f1 !important; text-decoration: none; }
div.byline a:hover { text-decoration: underline; }

img.btn-join { width: 47px; height: 17px; border: 0; margin: 0; padding: 8px 8px 0 6px; }

hr.divider { border: 0; color: #666666; background-color: #666666; height: 1px; margin: 4px 0; padding: 0; }

input.go { border: 0; width: 20px; height: 20px; vertical-align: middle; }
input.img[type=checkbox] { position: absolute; left: -999em; }
input.img[type=checkbox] + label { display: block; height: 16px; padding-left: 20px; background: url(/images/skins/common/forms/checkbox.png) top left no-repeat; }
input.img[type=checkbox]:checked + label { background-image: url(/images/skins/common/forms/checkbox_on.png); }
input.img[type=radio] { position: absolute; left: -999em; }
input.img[type=radio] + label { display: block; height: 16px; padding-left: 25px; background: url(/images/skins/common/forms/radio.png) top left no-repeat; }
input.img[type=radio]:checked + label { background-image: url(/images/skins/common/forms/radio_on.png); }

form.std { margin: 0; padding: 0; }
form.std fieldset { border: 1px solid #333333; margin: 0 0 20px 0; }
form.std legend { font-size: 10px; font-weight: bold; color: #252525; text-transform: uppercase; }
form.std br { clear: both; line-height: 10px; }
form.std .info { padding: 3px; font-size: 10px; color: #999999; }
form.std .lbl { float: left; text-align: right; width: 200px; color: #666666; font-size: 10px; font-weight: bold; }
form.std .field { margin-left: 210px; font-weight: bold; }
form.std .data { margin-left: 210px; }
form.std .data input[disabled] { color: #cccccc; }
form.std .desc { font-size: 10px; color: #cccccc; }
form.std .req { text-decoration: none; color: #666666; font-weight: bold; }
form.std .req:before { content: "* "; color: red; font-weight: bold; }
form.std input, form.std textarea, form.std select, form.std .input { font-family: "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; font-size: 11px; color: black; padding: 2px; }
form.std input[type=file] { color: #747474; width: 100%; }
form.std input[type=text], form.std select { width: 200px; }
form.std form.std input[type=file] { width: 300px; }
form.std input.sm[type=text], form.std input.sm[type=file] { width: 50px; }
form.std select.sm { width: 50px; }
form.std input.lg[type=text], form.std input.lg[type=file] { width: 380px; }
form.std select.lg { width: 400px; }
form.std input[type=checkbox], form.std input[type=radio] { background: transparent none; color: #f1f1f1; padding: 0; margin: 0 5px 0 0; border-width: 0px; }
form.std textarea.lg { width: 400px; height: 100px; }
form.mcol { display: inline; font-family: "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; font-size: 11px; }
form.mcol fieldset { border-width: 1px; border-color: #999999; margin: 0 0 20px 0; }
form.mcol legend { font-weight: bold; }
form.mcol .m25 { margin-left: 25px; }
form.mcol .form-element { font-family: "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; clear: both; text-align: left; padding: 5px 0; margin-left: 10px; }
form.mcol .form-element div.left { float: left; display: block; width: 50%; }
form.mcol .form-element div.right { float: right; display: block; width: 50%; }
form.mcol .form-element input, form.mcol .form-element textarea, form.mcol .form-element select { font-family: "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; font-size: 11px; background: white; color: black; border: 2px inset #3777a8; padding: 2px; }
form.mcol .form-element .tiny { width: 40px; }
form.mcol .form-element .narrow { width: 100px; }
form.mcol .form-element .normal { width: 250px; }
form.mcol .form-element .wide { width: 300px; }
form.mcol .form-element .huge { width: 540px; }
form.mcol .form-element textarea.huge { height: 60px; }

div.btn { display: inline; }
div.btn input { padding: 3px; color: #222222; font-size: 10px; font-weight: bold; font-family: "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; }

table.list { width: 100%; border-collapse: collapse; }
table.list th { padding: 6px; color: #252525; background: url(/images/skins/default/dev/striped_background.png); }
table.list th.table-header { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #585858), color-stop(100%, #252525)); background: -webkit-linear-gradient(#585858, #252525); background: -moz-linear-gradient(#585858, #252525); background: -o-linear-gradient(#585858, #252525); background: -ms-linear-gradient(#585858, #252525); background: linear-gradient(#585858, #252525); text-shadow: rgba(0, 0, 0, 0.9) 0 1px 2px; background-color: #252525; color: #ececec !important; }
table.list td { padding: 5px !important; background: white; color: #222222; }
table.list th a { color: #222222 !important; }
table.list-sm { width: 100%; border-collapse: collapse; }
table.list-sm th { padding: 6px; color: #252525; background: url(/images/skins/default/dev/striped_background.png); }
table.list-sm td { padding: 5px !important; color: #222222; border-color: white !important; }
table.list-sm .alt1 { background: #ececec; }
table.list-xs th, table.list-xs td { font-size: 10px; }

table.arena-table.list { width: 100%; border-collapse: collapse; }
table.arena-table.list th { padding: 6px; color: #252525; background: white; }
table.arena-table.list td { padding: 5px !important; background: white; color: #222222; }
table.arena-table.list th a { color: #222222 !important; }
table.arena-table.list-sm { width: 100%; border-collapse: collapse; }
table.arena-table.list-sm th { padding: 6px; color: #252525; background: white; }
table.arena-table.list-sm td { padding: 5px !important; color: #222222; border-color: white !important; }
table.arena-table.list-sm .alt1 { background: #ececec; }
table.arena-table.list-xs th, table.arena-table.list-xs td { font-size: 10px; }

.stat { white-space: nowrap; text-align: center; }

table.list th[title] { cursor: help; }

table.list-center th, table.list-center td { text-align: center; }

table.list tr.flag-update td { background: #009900 none !important; color: white !important; }

table.list tr.flag-delete td { background: red none !important; color: white !important; }

div.paging { padding: 10px !important; overflow: hidden; zoom: 1; }
div.paging-pages { float: right; }
div.paging-pages ul { list-style-type: none; float: right; margin: 0px; padding: 0px; }
div.paging-pages ul li { float: left; padding-left: 1px; }
div.paging-pages ul li a { color: #7d7d7d !important; border: 1px solid #b2b2b2; background: url(/images/skins/default/page_number_background.gif); }
div.paging-pages ul li a:hover { color: black !important; text-decoration: none; }
div.paging-pages ul li strong { color: white !important; border: 1px solid black; background: url(/images/skins/default/current_page_number_background.gif); }
div.paging-pages ul li a, div.paging-pages ul li strong { display: block; padding: 0px 4px; height: 17px; text-align: center; line-height: 17px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
div.paging-jump { float: left; }
div.paging-jump input { width: 30px !important; }

.txt-comment, .txt-comment-hover { font-size: 10px !important; font-weight: normal !important; }

a.txt-comment { font-size: 10px !important; font-weight: normal !important; }
a.txt-comment:hover { font-size: 10px !important; font-weight: normal !important; }

.txt-rt { font-weight: normal; text-align: right; }

.icon-rank { width: 12px; height: 7px; border: 0; padding-left: 2px; vertical-align: middle; }

.icon12 { width: 12px; height: 12px; border: 0; }

.icon16 { width: 16px; height: 16px; border: 0; }

.icon20 { width: 20px; height: 20px; border: 0; }

.icon24 { width: 24px; height: 24px; border: 0; }

.icon32 { width: 32px; height: 32px; border: 0; }

.icon36 { width: 36px; height: 36px; border: 0; }

.icon48 { width: 48px; height: 48px; border: 0; }

.icon64 { display: block; width: 64px; height: 64px; border: 0; }

.icon96 { display: block; width: 96px; height: 96px; border: 0; }

.icon-rt { padding-right: 5px; }

.icon-lt { padding-left: 5px; }

.icon-f-lt { float: left; display: block; padding: 0 5px 0 0; }

.icon-f-rt { position: relative; float: left; display: block; padding: 0 0 0 5px; }

div.boxMedium { width: 310px; margin: 5px; text-align: left; background-image: url(/images/skins/default/box_bg.png); background-repeat: repeat-x; }
div.boxMedium h3 { margin: 0; padding: 4px 6px; height: 14px; background-image: url(/images/skins/default/box_header_310.png); background-repeat: no-repeat; font-family: "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; color: white; }
div.boxMedium h4 { margin: 0; padding: 9px 6px; height: 12px; background-image: url(/images/skins/default/box_header_310.png); background-repeat: no-repeat; font-family: "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; font-size: 9px; font-weight: bold; text-transform: uppercase; }
div.boxMedium h5 { margin: 0; padding: 9px 6px; height: 12px; background-image: url(/images/skins/default/box_header_310.png); background-repeat: no-repeat; font-family: "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; font-size: 8px; font-weight: bold; text-transform: uppercase; color: #666666; }
div.boxMedium p { clear: both; background: #f1f1f1 none; font-size: 11px; line-height: 14px; margin: 5px; padding: 5px; border: 1px solid white; outline: #999999 solid 1px; }
div.box { clear: both; display: block; background: #f1f1f1 none; font-size: 11px; line-height: 14px; margin: 5px; padding: 5px; border: 1px solid white; outline: #999999 solid 1px; }

form.box { clear: both; display: block; background: #f1f1f1 none; font-size: 11px; line-height: 14px; margin: 5px; padding: 5px; border: 1px solid white; outline: #999999 solid 1px; }

div.tabbed-box p { height: 243px; }
div.boxLarge { width: 630px; margin: 5px; text-align: left; background-image: url(/images/skins/default/box_bg.png); background-repeat: repeat-x; }
div.boxLarge h3 { margin: 0; padding: 4px 6px; height: 14px; background-image: url(/images/skins/default/box_header_630.png); background-repeat: no-repeat; font-family: "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; color: white; }
div.boxLarge p { margin: 0; display: block; position: relative; }

p.no-header { margin: 5px 0 0 0 !important; padding: 0 5px 5px 5px !important; }

div#rotator { position: relative; float: left; margin: 4px 4px 8px; width: 632px; height: 317px; border: none; }

ul#rotator-tabs { float: left; margin: 0px; padding: 0px; width: 124px; list-style-type: none; }
ul#rotator-tabs li a { display: block; margin-bottom: 1px; padding: 5px; height: 34px; font: 10px Arial, Helvetica, sans-serif; color: #252525; text-decoration: none; background: #dadada; border: 1px solid #dadada; border-right: none; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
ul#rotator-tabs li a.on { background: white; font-weight: bold; }

#rotator .boxFeature { float: right; margin-bottom: 8px; padding: 1px 1px 1px 0px; border: 1px solid #dadada; border-left: none; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-top-right-radius: 5px; -moz-border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

#feature-background-link { display: block; height: 277px; width: 506px; position: absolute; top: 2px; right: 2px; z-index: 4; }

#feature { position: relative; height: 277px; width: 506px; overflow: hidden; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-top-right-radius: 4px; -moz-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
#feature .feature-text { position: absolute; bottom: 15px; width: 486px; padding: 10px; font: 12px "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; background: #242424; background: rgba(36, 36, 36, 0.75); z-index: 5; }

#feature-status { -webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; border-top-right-radius: 4px; }

#feature-image { display: block; float: left; margin: 0px; padding: 0px; height: 64px; width: 64px; }

#feature-title { font-size: 16px; font-weight: bold; color: white; }

#feature-body { color: #a6a6a6; }

#feature-link a, #feature-extra a { color: white; text-decoration: none; }
#feature-link a:hover, #feature-extra a:hover { text-decoration: underline; }

#rotator .more-features { clear: both; margin-top: 8px; padding: 5px 10px; background: url(/images/skins/default/dev/striped_background.png); overflow: hidden; }
#rotator .more-features div { width: 612px; color: #252525; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#rotator .more-features strong { font-size: 14px; color: #cb1500; }
#rotator .more-features img { display: none; }
#rotator .more-features a { padding-left: 10px; font-size: 11px; color: #252525; text-decoration: none; }
#rotator .more-features a:hover { text-decoration: underline; }

div.arena-news { background: #f1f1f1 none; font-family: "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; font-size: 11px; line-height: 14px; width: 410px; height: 250px; overflow: auto; margin: 5px; padding: 5px; border: 1px solid white; outline: #666666 solid 1px; float: right; }
div.arena-news strong { font-size: 12px; font-weight: bold; }

a.arenabar { width: auto; height: 22px; padding: 3px 3px 5px 3px; margin: 3px; cursor: default; display: block; text-decoration: none; }
a.arenabar div { background: transparent; padding: 0px 0 0 8px; font-size: 10px; font-weight: bold; text-decoration: none; }
a.arenabar.alt { background: #ececec; }
a.arenabar a.button-join { display: block; float: right; }
a.arenabar a.button-join img { display: block; margin: 0px; padding: 0px; height: 17px; width: 47px; }
a.arenabar a.listing { display: block; float: left; text-decoration: none; }
a.arenabar a.listing .platform { color: #222222; }
a.arenabar a.listing img { display: block; margin: 0px; padding: 0px 5px 0px 0px; }

div.ad-728x90 { display: block; margin: 5px; padding: 5px; width: 728px; height: 105px; background-image: url(/images/skins/common/ads/728x90.png); background-repeat: no-repeat; }
div.ad-300x250 { display: block; margin: 5px; padding: 5px; width: 300px; height: 265px; background-image: url(/images/skins/common/ads/300x250.png); background-repeat: no-repeat; }
div.ad-160x600 { display: block; margin: 5px; padding: 5px; width: 160px; height: 615px; background-image: url(/images/skins/common/ads/160x600.png); background-repeat: no-repeat; }
div.row { clear: both; padding-top: 5px; }
div.ad-728 { width: 738px; }
div.membership { display: block; margin: 5px 5px 5px 0; padding: 5px; width: 190px; height: 105px; background-image: url(/images/skins/common/ads/200x90.png); background-repeat: no-repeat; text-align: center; }
div.membership img { border: 0px; width: 190px; height: 105px; display: inline; margin: 0; padding: 0; }
div.h-small { width: 200px; }
div.h-medium { width: 310px; }
div.h-large { width: 630px; }
div.h-xlarge { width: 960px; }

.gamercard { font-size: 10px; color: #cccccc; }
.gamercard a:link, .gamercard a:active, .gamercard a:visited, .gamercard a:hover { font-size: 10px; color: #0099ff; }
.gamercard #myteams { border: 0; margin: 0; padding: 0; width: 38px; height: 6px; }
.gamercard img.icon { width: 16px; height: 16px; border: 0; }
.gamercard img.avatar { width: 55px; height: 55px; float: left; margin: 0 5px 5px 0; }
.gamercard .gamertag a { font-size: 11px; font-weight: bold; color: #ffcc00; text-decoration: none; }
.gamercard .gamertag a:hover { font-size: 11px; font-weight: bold; color: #0099ff; }
.gamercard em { font-size: 10px; color: white; }

#network-navigation-wrapper { margin: 0 auto; position: relative; width: 1200px; }

#network-navigation.navigation ul { list-style-type: none; margin: 0; padding: 0; margin-top: 33px; }
#network-navigation.navigation li { float: left; list-style-type: none; }
#network-navigation.navigation a { background-image: url(/images/skins/default/navigation.jpg); background-repeat: no-repeat; display: block; height: 80px; text-indent: -999em; width: 137px; }
#network-navigation.navigation #network-nav-mlg { background-image: url(/images/skins/default/mlg_logo.png); background-position: 2px 11px; margin-right: 87px; }
#network-navigation.navigation #network-nav-gamebattles:link, #network-navigation.navigation #network-nav-gamebattles:visited { background-position: 0px 0px; }
#network-navigation.navigation #network-nav-gamebattles:hover { background-position: 0px -80px; }
#network-navigation.navigation #network-nav-gamebattles:active, #network-navigation.navigation #network-nav-gamebattles.active { background-position: 0px -159px; }
#network-navigation.navigation #network-nav-tv:link, #network-navigation.navigation #network-nav-tv:visited { background-position: -137px 0px; }
#network-navigation.navigation #network-nav-tv:hover { background-position: -137px -80px; }
#network-navigation.navigation #network-nav-tv:active, #network-navigation.navigation #network-nav-tv.active { background-position: -137px -159px; }
#network-navigation.navigation #network-nav-pro-circuit:link, #network-navigation.navigation #network-nav-pro-circuit:visited { background-position: -274px 0px; }
#network-navigation.navigation #network-nav-pro-circuit:hover { background-position: -274px -80px; }
#network-navigation.navigation #network-nav-pro-circuit:active, #network-navigation.navigation #network-nav-pro-circuit.active { background-position: -274px -159px; }
#network-navigation.navigation #network-nav-mymlg:link, #network-navigation.navigation #network-nav-mymlg:visited { background-position: -411px 0px; }
#network-navigation.navigation #network-nav-mymlg:hover { background-position: -411px -80px; }
#network-navigation.navigation #network-nav-mymlg:active, #network-navigation.navigation #network-nav-mymlg.active { background-position: -411px -159px; }
#network-navigation.navigation #network-nav-store:link, #network-navigation.navigation #network-nav-store:visited { background-position: -548px 0px; }
#network-navigation.navigation #network-nav-store:hover { background-position: -548px -80px; }
#network-navigation.navigation #network-nav-store:active, #network-navigation.navigation #network-nav-store.active { background-position: -548px -159px; }

#header { background: #dadada url(/images/skins/default/background_gradient.png) 0 0 repeat-x; height: 151px; padding: 0; width: 100%; z-index: 9999999; position: relative; }
#header a { display: block; }
#header h1 a { position: absolute; top: 11px; left: 2px; width: 137px; height: 56px; text-indent: -9999px; background: transparent url(/images/skins/default/mlg_logo.png) 0 0 no-repeat; }
#header ul { position: absolute; }
#header .partners { height: 80px; top: 0; left: 180px; border-right: 1px solid rgba(255, 255, 255, 0.1); border-left: 1px solid rgba(45, 45, 45, 0.56); }
#header li img { position: absolute; top: 0; left: 0; }
#header li a:hover img { top: -80px; }
#header li a:active img { top: -160px; }
#header li.partner { width: 137px; height: 80px; overflow: hidden; position: relative; float: left; }
#header li.more_partners { width: 137px; height: 80px; overflow: hidden; position: relative; float: left; background: transparent url(/images/skins/default/more_menu.png) 0 0 no-repeat; }
#header li.more_partners:hover { overflow: visible; background-position: 0 -80px; }
#header li.more_partners:hover ul { opacity: 1; }
#header li.more_partners ul { width: 137px; -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3); opacity: 0; top: 80px; z-index: 1; padding: 7px 0; background: #313131 url(/images/skins/default/more_menu_background.png) 0 0 repeat-x; -webkit-transition: opacity 0.15s ease-out 0; -moz-transition: opacity 0.15s ease-out 0; -o-transition: opacity 0.15s ease-out 0; transition: opacity 0.15s ease-out 0; }
#header li.more_partners ul li { padding: 0 10px; }
#header li.more_partners ul a { font-size: 11px; line-height: 17px; color: #959595; }
#header li.more_partners ul a span { -webkit-transition: color 0.15s ease-out 0; -moz-transition: color 0.15s ease-out 0; -o-transition: color 0.15s ease-out 0; transition: color 0.15s ease-out 0; }
#header li.more_partners ul a:hover span { color: white; }
#header .upper_header { text-align: right; color: #a6a6a6; }
#header .upper_header .sign_in_widget_for_header { display: inline; position: absolute; right: 80px; top: 6px; font-size: 10px; }
#header .upper_header .sign_in_widget_for_header .welcome_for_header .account_link, #header .upper_header .sign_in_widget_for_header .welcome_for_header .sign_out_link { color: #a6a6a6; display: inline; }
#header .upper_header .sign_in_widget_for_header .sign_in_form .sign_in, #header .upper_header .sign_in_widget_for_header .register_form .register { display: none; }
#header .upper_header .sign_in_widget_for_header .sign_in_link, #header .upper_header .sign_in_widget_for_header .register_link { color: #a6a6a6; display: inline; }
#header .upper_header .sign_in_widget_for_header .sign_in_for_header .sign_in_link, #header .upper_header .sign_in_widget_for_header .sign_in_for_header .register_link { color: #a6a6a6; display: inline; }

.site_nav { padding-left: 4px; margin-top: 113px; height: 40px; }
.site_nav li { display: inline; float: left; position: relative; }
.site_nav a { display: block; color: #2a2a2a; font-size: 11px; font-family: "Helvetica Neue", Tahoma, Helvetica, Arial, sans-serif; font-weight: 500; height: 22px; margin-top: 1px; padding: 12px 20px 0px 20px; text-decoration: none; text-transform: uppercase; }
.site_nav a:hover { border-bottom: 3px solid #e199a4; color: #2a2a2a; }
.site_nav a.current { border-bottom: 3px solid #cd1734; cursor: default; color: #2a2a2a; }
.site_nav a.active { border-bottom: 3px solid #333333; background-color: #333333; background-image: url(/images/skins/default/channel_menu_background.gif); background-repeat: repeat-x; color: white; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; }

#header .site_nav .channel-menu { background-color: #010101; background-image: url(/images/skins/default/channel_menu_background.gif); background-position: 0 -37px; background-repeat: repeat-x; display: none; margin: 0; padding: 10px 0px; position: absolute; z-index: 25000; }
#header .site_nav .channel-menu li { display: block; float: none; position: relative; }
#header .site_nav .channel-menu li a:link, #header .site_nav .channel-menu li a:visited, #header .site_nav .channel-menu li a:active { color: #999999; font-family: "Helvetica Neue", Tahoma, Helvetica, Arial, sans-serif; font-weight: 500; text-transform: none; height: 20px; line-height: 20px; padding: 0 20px; position: relative; white-space: nowrap; }
#header .site_nav .channel-menu li a:hover { color: white; border-bottom: 0px; }
#header .site_nav .channel-menu li.divider { padding-bottom: 4px; margin-bottom: 4px; border-bottom: 2px solid #666666; }

#masthead { position: relative; margin: 0 auto; width: 980px; height: 101px; clear: both; }

#mybar { width: 499px; height: 26px; float: right; position: relative; z-index: 10; }

#btnLogin { font-weight: bold; }

#mybar div.mybar-left { background-image: url(/images/skins/default/mybar_left_2.0.png); background-repeat: no-repeat; height: 26px; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 10; }
#mybar div.mybar-right { background-image: url(/images/skins/default/mybar_right.png); background-repeat: no-repeat; float: right; height: 26px; left: 0px; position: relative; top: 0px; width: 46px; z-index: 10; }
#mybar div.mybar-menu { background-image: url(/images/skins/default/mybar_bg.png); background-repeat: repeat-x; width: 390px; height: 26px; position: absolute; top: 0px; left: 63px; margin: 0; padding: 0; z-index: 10; }
#mybar div.mybar-menu ul { width: 375px; height: 26px; margin: 0; padding: 0 5px 0 10px; z-index: 10; }
#mybar div.mybar-menu ul li { display: inline; list-style-type: none; font-family: "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; font-size: 10px; line-height: 22px; color: white; padding: 0 5px 0 0; }
#mybar div.mybar-menu ul li:before { content: url(/images/skins/common/menu_divider.png) " "; padding: 0 5px 0 0; }
#mybar div.mybar-menu ul li:first-childbefore { content: ""; padding: 0; }
#mybar div.mybar-menu ul li a { font-family: "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; font-size: 10px; text-decoration: none; }
#mybar div.mybar-menu ul li.welcome { font-weight: bold; }
#mybar div.mybar-menu ul li.welcome a { color: #ffcc00; }
#mybar div.mybar-menu ul li.welcome a:hover { color: #0099ff; }
#mybar div.mybar-menu ul li.mail a { background: url(/images/skins/common/icons/mail.png) no-repeat 0 3px; padding-left: 15px; color: #eeeeee; }
#mybar div.mybar-menu ul li.mail a:hover { color: #0099ff; }
#mybar div.mybar-menu ul li.loginout a { color: #6dcff6; }
#mybar div.mybar-menu ul li.loginout a:hover { color: #0099ff; }
#mybar div.mybar-menu ul li.support a { background: url(/images/skins/common/icons/support.png) no-repeat; padding-left: 15px; text-decoration: none; color: #eeeeee; }
#mybar div.mybar-menu ul li.support a:hover { background: url(/images/skins/common/icons/support.png) no-repeat; padding-left: 15px; text-decoration: none; color: #0099ff; }
#mybar div.mybar-menu ul li.store a { background: url(/images/skins/common/icons/store.png) no-repeat; padding-left: 20px; text-decoration: none; color: #eeeeee; }
#mybar div.mybar-menu ul li.store a:hover { background: url(/images/skins/common/icons/store.png) no-repeat; padding-left: 20px; text-decoration: none; color: #0099ff; }
#mybar #quicklinks { width: 150px; height: 26px; margin: 0; padding: 0 5px 0 10px; position: relative; top: -25px; left: 345px; }

#mybar-content { background-image: url(/images/skins/common/login_bg.png) !important; background: transparent url(/images/skins/common/login_bg.gif) no-repeat; display: block; position: absolute; top: -45px; left: 24px; width: 444px; height: 71px; z-index: 5; color: #6dcff6; font-size: 10px; padding: 5px 0 0 10px; font-family: "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; font-size: 9px; }
#mybar-content form { margin: 0; padding: 0; display: inline; }
#mybar-content input.in { margin: 0 5px 0 5px; border: 1px solid #336699; background-color: #23445d; color: white; width: 120px; }
#mybar-content .remember { display: inline; position: relative; left: 280px; }
#mybar-content .remember label { font-size: 9px; color: #6dcff6; padding-top: 3px; }
#mybar-content ul { clear: both; margin: 0; padding: 0; position: relative; }
#mybar-content ul li { display: inline; list-style-type: none; line-height: 22px; padding: 0 6px 0 0; }
#mybar-content ul li:before { content: url(/images/skins/common/menu_divider.png) " "; padding: 0 6px 0 0; }
#mybar-content ul li:first-childbefore { content: ""; padding: 0; }
#mybar-content ul li a { font-size: 9px; color: #e1e1e1; }
#mybar-content ul li a:hover { color: #0099ff; }

#mybar .team { position: relative; display: inline; }
#mybar .team img.team-alert { position: absolute; z-index: 1000; top: 12px; left: 14px; width: 12px; height: 12px; border: 0; }

.thumb { width: 120px; height: 90px; border: 1px solid white; float: left; margin: 0 5px 5px 0; }

.thumbsm { width: 60px; height: 40px; border: 1px solid white; float: left; margin: 0 5px 5px 0; }

#logo { position: absolute; top: 23px; left: 23px; }
#logo img.logo { width: 336px; height: 73px; position: relative; }

#menubar { background-image: url(/images/skins/default/menu_bg.png); background-repeat: repeat-x; height: 29px; z-index: 5000; }

#main-menu { width: 1075px; height: 29px; background-image: url(/images/skins/default/menu.png); background-repeat: no-repeat; margin: 0 auto; z-index: 5000; }
#main-menu ul { float: left; width: 800px; height: 26px; margin: 0; padding: 4px 0 0 90px; z-index: 5000; }
#main-menu li { display: inline; position: relative; list-style-type: none; color: white; z-index: 5000; }
#main-menu li:before { content: url(/images/skins/default/menu_divider.png); padding: 0 2px 0 0px; }
#main-menu li:first-childbefore { content: ""; }
#main-menu a { padding: 4px 5px; height: 18px; line-height: 15px; font-family: "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; color: #c4cacf; border-width: 0 1px 0 1px; border-style: solid; border-color: transparent; z-index: 5000; }
#main-menu a.parent { background-image: url(/images/skins/common/icons/dropdown_hover.png); background-repeat: no-repeat; background-position: -32px; padding-right: 1px; }
#main-menu a.parent:after { content: " " url(/images/skins/common/icons/dropdown.png); background-position: center right; }
#main-menu a.parent:hover:after { content: " " url(/images/skins/common/icons/dropdown_hover.png); }
#main-menu a.on { background-image: url(/images/skins/common/menu_on2.png) !important; background-repeat: repeat-x; border-left-color: #1e2022; border-right-color: #5e7a90; color: #000033 !important; }
#main-menu a:hover { background-image: url(/images/skins/common/menu_hover2.png); background-repeat: repeat-x; background-position: 0; border-left-color: #1e2022; border-right-color: #5e7a90; color: white; }
#main-menu li ul { width: 200px; display: none; padding: 0; margin: 0; position: absolute; left: 4px; top: 17px; z-index: 5000; }
#main-menu li ul li { ahover-color: white; ahover-background-image: url(/images/skins/common/menu_hover2.png); ahover-background-repeat: repeat-x; ahover-z-index: 5001; ahover-border-left-color: #555555; ahover-border-right-color: #555555; }
#main-menu li ul li:before { content: ""; padding: 0; z-index: 5001; }
#main-menu li ul li a:before { content: url(/images/skins/common/icons/12/arena.png) " "; background-position: left center; z-index: 5001; }
#main-menu li ul li a.news:before { content: url(/images/skins/common/icons/12/news.png) " "; background-position: left center; z-index: 5001; }
#main-menu li ul li a.member:before { content: url(/images/skins/common/icons/12/member.png) " "; background-position: left center; z-index: 5001; }
#main-menu li ul li a.options:before { content: url(/images/skins/common/icons/12/options.png) " "; background-position: left center; z-index: 5001; }
#main-menu li ul li a.search:before { content: url(/images/skins/common/icons/12/search.png) " "; background-position: left center; z-index: 5001; }
#main-menu li ul li a.video:before { content: url(/images/skins/common/icons/12/video.png) " "; background-position: left center; z-index: 5001; }
#main-menu li ul li.divider { display: block; width: 228px; height: 1px; padding: 0; margin: 0; font-size: 1px; line-height: 1px; z-index: 1000; background-color: white; border-color: #999999; border-bottom-width: 1px; border-bottom-style: solid; }
#main-menu li ul li a { display: block; font-size: 9px; padding: 1px 3px; width: 220px; background-image: url(/images/skins/default/opacity/90.png); border-color: #555555; border-bottom-color: #333333; border-width: 0 1px 1px 1px; border-style: solid; z-index: 5001; }
#main-menu li ul li:last-child a { border-bottom-color: #555555; }
#main-menu li ul li.current a { background-image: url(/images/skins/common/menu_on2.png) !important; color: #000033 !important; }
#main-menu li ul li.current a:before { content: url(/images/skins/common/icons/check_hover.png) " "; background-position: left center; z-index: 5001; }
#main-menu li ul li.current a:hover { background-image: url(/images/skins/common/menu_hover2.png); color: white; }
#main-menu li ul li.current a:hover:before { content: url(/images/skins/common/icons/check_hover.png) " "; z-index: 5001; }
#main-menu li:hover ul { display: block; z-index: 5000; }

#menu-search { display: inline; position: relative; top: 2px; left: -45px; }
#menu-search input.box { width: 120px; font-size: 9px; color: #666666; border-width: 1px; border-style: solid; border-top-color: #1e2022; border-right-color: #5e7a90; border-bottom-color: #5e7a90; border-left-color: #1e2022; }

#locale { float: right; position: relative; left: -45px; font-family: "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; font-size: 10px; color: #999999; }
#locale img { width: 20px; height: 13px; border: 0; vertical-align: middle; }

#arena-header { clear: both; margin: -10px 0px 0px -9px; padding: 0px; height: 198px; width: 990px; border: none; position: relative; background-size: 100%; }

#arena-logo { display: block; margin: 0px auto; padding: 0px; height: 80px; width: 985px; border: none; }

#arena-stats { width: 610px; text-align: center; }
#arena-stats td.header-stat { font-size: 16px; font-weight: bold; width: 15%; }

#arena-dashboard-img { margin: 15px 0px 0px 15px; width: 170px; height: 133px; }

#arena-menu { left: 1px; clear: both; width: 990px; height: 30px; position: relative; margin: 0px 0px 0px -10px; }
#arena-menu ul { display: table; width: 100%; margin: 0px; list-style-type: none; padding: 0px; height: 100%; }
#arena-menu ul li { display: table-cell; text-transform: uppercase; font-weight: bold; border-left: 0px; position: relative; padding: 0px; -webkit-box-shadow: 0px 1px 2px #c4c4c4; -moz-box-shadow: 0px 1px 2px #c4c4c4; box-shadow: 0px 1px 2px #c4c4c4; }
#arena-menu ul li a { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eaeaea)); background: -webkit-linear-gradient(#ffffff, #eaeaea); background: -moz-linear-gradient(#ffffff, #eaeaea); background: -o-linear-gradient(#ffffff, #eaeaea); background: linear-gradient(#ffffff, #eaeaea); display: block; padding: 8px 10px; color: #222222; }
#arena-menu ul li a.on { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #c0c0c0)); background: -webkit-linear-gradient(#ffffff, #c0c0c0); background: -moz-linear-gradient(#ffffff, #c0c0c0); background: -o-linear-gradient(#ffffff, #c0c0c0); background: linear-gradient(#ffffff, #c0c0c0); color: black; }
#arena-menu ul li ul { display: none; position: absolute; top: 26px; padding: 0px; width: 200px; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eaeaea)); background: -webkit-linear-gradient(#ffffff, #eaeaea); background: -moz-linear-gradient(#ffffff, #eaeaea); background: -o-linear-gradient(#ffffff, #eaeaea); background: linear-gradient(#ffffff, #eaeaea); z-index: 9999; }
#arena-menu ul li ul li { display: block; float: none; text-align: left; }
#arena-menu ul li ul li:hover { background: #eaeaea; }
#arena-menu ul li ul li a { display: block; color: black; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eaeaea)); background: -webkit-linear-gradient(#ffffff, #eaeaea); background: -moz-linear-gradient(#ffffff, #eaeaea); background: -o-linear-gradient(#ffffff, #eaeaea); background: linear-gradient(#ffffff, #eaeaea); }
#arena-menu ul li ul li a:hover { color: black; background: silver; }
#arena-menu ul li:hover { background: #2585cf; }
#arena-menu ul li:hover a { background: #eaeaea; color: black; text-decoration: none; }
#arena-menu ul li:hover ul { display: block; }
#arena-menu ul li:hover ul li { background: #d8d8d8; }
#arena-menu ul li:hover ul li:hover { background: #2891e4; }
#arena-menu ul li:hover ul li a { color: black; }
#arena-menu ul li:hover ul li a:hover { color: black; }
#arena-menu ul li.menu-title { padding: 5px 10px 5px 0px; font-weight: bold; color: #222222; }
#arena-menu ul li.menu-title:hover { background: none; }

#arenahdr-toggle { display: none !important; }

div.confirmation { margin: 5px; padding: 1px 0 0 0; }
div.confirmation div { background: #66cc00; color: white; font-family: "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; font-size: 11px; text-align: center; text-decoration: none; cursor: default; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
div.confirmation div a { font-size: 11px; color: white; text-decoration: none; }
div.confirmation div a:hover { text-decoration: underline; }
div.confirmation div b { display: block; position: relative; left: 0; top: -1px; }
div.confirmation div b b { border-width: 0 0 1px 0; top: 2px; padding-top: 5px; height: 22px; }
div.notice { margin: 5px; padding: 1px 0 0 0; }
div.notice div { background: #ffff33; color: black; font-family: "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; font-size: 11px; text-align: center; text-decoration: none; cursor: default; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
div.notice div a { font-size: 11px; color: black; text-decoration: none; }
div.notice div a:hover { text-decoration: underline; }
div.notice div b { display: block; position: relative; left: 0; top: -1px; }
div.notice div b b { top: 2px; padding-top: 5px; height: 22px; }

#ticker { color: #f1f1f1; }

#ticker_title { float: left; padding: 4px 0 4px 5px; margin: 0; color: #f1f1f1; font-weight: bold; }

#ticker_ctl { color: #f1f1f1; float: right; font-size: 9px; padding: 0 2px 0 0; }
#ticker_ctl a { text-decoration: none; font-size: 14px; font-weight: bold; color: #0099ff; }
#ticker_ctl a:hover { color: #0099ff; }

#ticker_results { margin-top: 0px; font-weight: bold; height: 36px; line-height: 18px; }
#ticker_results div { float: right; color: #999999; margin: 0; padding: 0; }
#ticker_results div.sep { float: none; height: 1px; background: #666666; overflow: hidden; }

#ticker_links { padding: 4px; line-height: 18px; }
#ticker_links select { float: right; border: 1px solid #333333; background: #333333; color: white; }

ul.news { margin: 0px; padding: 0px; list-style-type: none; }
ul.news li { padding: 6px; overflow: hidden; zoom: 1; }
ul.news li.alt { background: #ececec; }
ul.news li span { float: right; }
ul.news li a { display: block; float: left; margin: 0px; padding: 0px; width: 210px; text-decoration: none; background: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
ul.news li a img { display: inline; float: none; }
ul.news li.more { float: none; text-align: right; }
ul.news li.more span { float: none; }
ul.news li.more span a { display: inline; float: none; width: auto; }
ul.list { margin: 0; padding: 0; text-align: left; }
ul.list li { clear: both; padding: 3px; list-style-type: none; font-weight: normal; font-size: 10px; line-height: 15px; height: 15px; border-top: 1px solid #333333; border-bottom: 1px solid black; color: #d1d1d1; }
ul.list li:first-child { border-top-width: 0px; }
ul.list li:last-child { border-bottom-width: 0px; }
ul.list li a { font-weight: normal; float: none; height: 15px; width: 220px; }
ul.list li div.trim { float: left; overflow: hidden; }
ul.list li span { float: right; text-align: right; font-size: 9px; font-weight: bold; color: #f9b600; }
ul.list li span a { font-size: 9px; font-weight: normal; float: none; height: auto; width: auto; }
ul.list li span a:hover { font-weight: normal; }
ul.list-ds li { height: 30px; }
ul.list-ts li { display: block; margin: 0px; padding: 5px; height: auto; border: none; }
ul.list-ts li.alt { background: #ececec; }
ul.list-ts li .label { float: left; }
ul.list-ts li .value { float: right; }
ul.list-ts li div.matches-heading { margin-bottom: 4px; padding-bottom: 4px; color: #222222; border-bottom: 1px solid #dadada; }
ul.list-ts li div.matches-heading .value a { color: #4489f4; }
ul.list-ts li div.matches-heading .value a:hover { color: white; }
ul.list-ts li div { overflow: hidden; zoom: 1; }

#container { clear: both; width: 972px; margin: 10px auto; padding: 9px 9px 5px; background: white; text-align: center; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

ul.rules li { overflow: hidden; }
ul.rules li strong { font-weight: bold; }

.comments div.comment:first-child { border-top: none; }

.comment { clear: both; padding: 5px; overflow: hidden; zoom: 1; border-bottom: 1px dotted #999999; }

.comment-alt { clear: both; padding: 5px; background: #ececec; overflow: hidden; zoom: 1; }

.comment a, .comment-alt a { display: inline !important; float: none !important; color: #004d98; }

.comment a:hover, .comment-alt a:hover { color: #0099ff; }

.comment-avatar { float: left; width: 64px; }

.comment-link { float: right; border: 0; }

.comment-body { margin-left: 72px; }

.comment-title { padding: 5px 0; height: 15px; border-bottom: 1px dotted #666666; }

.comment-user { float: left; color: #999999; padding-right: 10px; }

.comment-dateline { float: left; padding: 0 10px; border-left: 1px dotted #666666; font-size: 10px; color: #999999; }

.comment-rating { color: #222222; font-weight: bold; }

.comment-text { color: #222222; padding: 5px 0; }

#legal { color: #888888; font-size: 11px; border-top: 2px solid #262626; clear: both; padding-bottom: 8px; padding-top: 3px; }
#legal:after { content: ""; display: table; clear: both; }
#legal .gamespot { float: left; }
#legal .links { float: right; padding-top: 8px; }
#legal .links a:link, #legal .links a:visited, #legal .links a:hover, #legal .links a:active { color: #888888; font-weight: normal; line-height: 14px; text-decoration: none; }

#team-profile { height: 200px; }
#team-profile .tag { color: #999999; font-size: 10px; font-weight: bold; }

#team-logo { float: left; width: 250px; }
#team-logo img { width: 250px; height: 200px; border: 0; padding: 0 10px 0 0; }

#team-content { float: right; width: 375px; }

#team-profile hr { border: 0; color: #3e7397; background-color: #3e7397; height: 1px; margin: 4px 0; padding: 0; }

.win { color: #3d871b !important; font-weight: bold; }

.loss { color: #cc0000 !important; font-weight: bold; }

.notify { color: red !important; font-weight: bold; }

div.bar-outer { background: #111111 url(/images/skins/default/list_header_bg.gif) repeat scroll 0; border: 1px solid black; height: 16px; text-align: left; width: 50px; position: relative; }
div.bar-inner { background: #0066cc url(/images/icons/16/pctbar.png) repeat scroll 0; height: 16px; }
div.bar-inner-green { background: #006600 url(/images/icons/16/pctbar_green.png) repeat scroll 0; height: 16px; }
div.bar-inner-purple { background: #330033 url(/images/icons/16/pctbar_purple.png) repeat scroll 0; height: 16px; }
div.bar-inner-gold { background: #cccc00 url(/images/icons/16/pctbar_gold.png) repeat scroll 0; height: 16px; }
div.bar-text { color: white; font-size: 9px; font-weight: bold; height: 16px; text-align: center; width: 50px; padding-top: 2px; }

.scorecard { display: block; float: left; width: 306px; }
.scorecard .title { background: transparent url(/images/skins/default/scorecard/title.png) no-repeat; font-size: 10px; height: 11px; padding: 4px 5px; }
.scorecard .datetime { float: left; font-size: 10px; margin-left: 2px; color: #919191; }
.scorecard a { font-size: 10px; }
.scorecard .scorebox { display: block; width: 306px; height: 22px; }
.scorecard .scorebox .team { float: left; display: block; margin-bottom: 1px; padding: 4px 5px; height: 12px; width: 250px; background: url(/images/skins/default/scorecard/team.png); color: white; font-size: 11px; border: 1px solid #3777a8; }
.scorecard .scorebox .team .arrow { width: 7px; height: 11px; float: right; border: 0; margin-top: -11px; }
.scorecard .scorebox .score { float: left; display: block; margin-left: 1px; text-align: center; padding: 4px 5px; height: 12px; width: 30px; background: url(/images/skins/default/scorecard/score.png); color: white; border: 1px solid #3777a8; }

#pb { width: 100%; height: 20px; text-align: center; position: relative; z-index: 100; }
#pb div, #pb ul, #pb li { margin: 0; padding: 0; }
#pb .pbblue { background-image: url(/cdn/gb/pb/hdr_bg_blue.gif); background-repeat: repeat-x; height: 20px; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 0; }
#pb .pbred { background-image: url(/cdn/gb/pb/hdr_bg_red.gif); background-repeat: repeat-x; float: right; height: 20px; left: 0px; position: relative; top: 0px; width: 50%; z-index: 0; }
#pb .pbmain { background-image: url(/cdn/gb/pb/hdr_bg_red.gif); background-repeat: repeat-x; height: 20px; left: 0px; position: relative; top: 0px; width: 950px; z-index: 0; }
#pb .pbc { width: 950px; margin: auto; }
#pb .pblogo { background-image: url(/cdn/gb/pb/logo_mlg_sm.gif); background-repeat: no-repeat; float: left; width: 78px; height: 20px; }
#pb .pblogo img { display: inline; width: 78px; height: 20px; border: 0; }
#pb ul.pbmenu { float: left; width: 430px; }
#pb .pbmenu li { display: inline; list-style-type: none; }
#pb .pbmenu li a { display: block; float: left; font-family: "Helvetica Neue", Tahoma, Helvetica, Arial, sans-serif; font-size: 11px; padding: 0px 7px; }
#pb .pbmenu li a:link, #pb .pbmenu li a:visited, #pb .pbmenu li a:active { color: white; background-image: url(/cdn/gb/pb/hdr_item_red_off.gif); background-repeat: repeat-x; text-decoration: none; height: 20px; line-height: 18px; }
#pb .pbmenu li a:hover { color: white; background-image: url(/cdn/gb/pb/hdr_item_red_on.gif); background-repeat: repeat-x; text-decoration: none; height: 20px; line-height: 18px; }
#pb .pbpromo { background-image: url(/cdn/gb/pb/hdr_promobar.gif); background-repeat: no-repeat; height: 20px; line-height: 18px; width: 442px; float: right; text-align: left; position: relative; z-index: 1000; }
#pb .pbpromo #portalBarText { display: inline; color: white; padding-left: 26px; }
#pb .pbpromo #portalBarText a { color: white; text-decoration: none; }
#pb .pbpromo #portalBarText a:hover { text-decoration: underline; }

#popalert { background: transparent url(/images/skins/common/popalert/top.png) no-repeat top right; width: 352px; position: absolute; z-index: 9999; visibility: hidden; overflow: hidden; }
#popalert a { font-family: "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; font-size: 11px; color: #003399; }

#popalert-arrow { background-image: url(/images/skins/common/popalert/arrow.png); background-repeat: no-repeat; width: 23px; height: 22px; position: absolute; z-index: 10000; top: 50px; left: 0px; }

#popalert-title { font-family: "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; height: 22px; padding: 8px 0px 0px 8px; float: left; color: white; margin-left: 22px; }

#popalert-close { padding: 6px 25px 0 0; float: right; vertical-align: middle; }
#popalert-close a { color: #0099ff; font-size: 11px; font-weight: bold; background-image: url(/images/skins/common/icons/close.png); background-repeat: no-repeat; background-position: right; padding: 0 24px 8px 0; }

#popalert-content { background-image: url(/images/skins/common/popalert/bg.png); background-repeat: repeat-y; min-height: 50px; clear: both; margin: 0; z-index: inherit; padding: 8px; color: black; margin-left: 22px; padding-right: 20px; }

#popalert-options { text-align: right; position: absolute; bottom: 30px; right: 30px; }
#popalert-options a { background: transparent url(/images/skins/common/icons/12/options.png) no-repeat; padding-left: 16px; }

#popalert-bottom { background-image: url(/images/skins/common/popalert/bottom.png); background-repeat: no-repeat; background-position: bottom left; margin: 0; height: 1px; padding: 15px; z-index: inherit; margin-left: 22px; }

#dimmer { display: none; background-color: black; height: 100%; width: 100%; display: none; z-index: 9998; top: 0px; left: 0px; position: absolute; }

div.gtc { background-repeat: no-repeat; width: 250px; height: 24px; }
div.gtc-xbl { background-image: url(/images/common/platforms/xbl_gamertag.gif); }
div.gtc-psn { background-image: url(/images/common/platforms/psn_id.gif); }
div.gtc-wii { background-image: url(/images/common/platforms/wii_code.gif); }
div.gtc div { padding-top: 5px; padding-left: 120px; width: 120px; text-align: center; color: white !important; font-weight: normal !important; font-style: normal !important; font-size: 10px !important; font-family: "Helvetica Neue", Tahoma, Helvetica, Arial, sans-serif; text-decoration: none !important; }
div.gtc a:link, div.gtc a:visited, div.gtc a:active { color: white !important; font-weight: normal !important; font-style: normal !important; font-size: 10px !important; font-family: "Helvetica Neue", Tahoma, Helvetica, Arial, sans-serif; text-decoration: none !important; }
div.gtc a:hover { color: #ff9900 !important; font-weight: normal !important; font-style: normal !important; font-size: 10px !important; font-family: "Helvetica Neue", Tahoma, Helvetica, Arial, sans-serif; text-decoration: none !important; }

.selectbox { width: 200px; }
.selectbox input { width: 100%; border: none; background: #333333 url(/images/skins/default/sbarrows.png) no-repeat scroll center right; margin: 0; padding: 3px 25px 3px 3px !important; text-align: left; color: #e1e1e1; }
.selectbox input[type=text] { padding: 4px 25px 4px 4px; }

.sbsm input { padding: 0px 25px 0px 0; font-size: 10px; }
.sbsm input[type=text] { padding: 1px 25px 1px 1px; }
.sbsm input.hover { border-color: #6699ff; }

.selectbox div { top: -1px; z-index: 6001; display: none; }
.selectbox ul { position: absolute; z-index: 6000; list-style: none; width: 198px; background: #010101; overflow: auto; margin: 0; padding: 0; }
.selectbox ul li { margin: 0; padding: 0; }
.selectbox ul li:last-child { border-bottom: 0px; }
.selectbox li a { display: block; margin: 0; padding: 0 4px; white-space: nowrap; background-color: transparent; border-bottom: 1px solid #333333; font-size: 10px; color: #e1e1e1; text-decoration: none; }
.selectbox li a:hover { color: #666666; }

.sbsm li a { font-size: 10px; }

/* Widget Tabs ------------------------------------------------------ */
.tabs { margin: 0px 4px 0px; padding: 5px 0px 0px; border-bottom: 1px solid #dadada; }
.tabs ul { position: relative; top: 1px; margin: 0px; padding: 0px; list-style-type: none; line-height: 17px; overflow: hidden; zoom: 1; }
.tabs ul li { float: left; padding-left: 2px; }
.tabs ul li a { display: block; padding: 0px 10px; font-size: 9px; font-weight: bold; color: black; line-height: 27px; text-decoration: none; background: #dadada; border: 1px solid #dadada; border-bottom: none; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-top-left-radius: 4px; -moz-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.tabs ul li a:hover { color: black; text-decoration: none; }
.tabs ul li.rt { float: right; }
.tabs ul li.on a, .tabs ul li a:hover { background: white; }

/* Bracket ------------------------------------------------------ */
.brackets { overflow: auto !important; }
.brackets .header_rules { padding: 5px; border: none; }
.brackets .header .header_round { color: #222222; }
.brackets .bracket_links span.link a.bracket_nav { color: #004d98; }
.brackets .bracket_links span.link a.bracket_nav:hover { color: #0099ff; }
.brackets .team_content { background: #cccccc; border: none; color: black; }
.brackets .team_content .team_name { color: #326e9c; }
.brackets .team_content .team_name a { color: #326e9c; }
.brackets .team_content .team_seed { color: #326e9c; }
.brackets .team_winner { background: #326e9c; border: none; color: black; }
.brackets .team_winner .team_name { color: whitesmoke; }
.brackets .team_winner .team_name a { color: whitesmoke; }
.brackets .team_winner .team_seed { color: whitesmoke; }
.brackets .team_loser { background: #e1e1e1; border: none; color: black; }
.brackets .team_loser .team_name { color: #6e7884; }
.brackets .team_loser .team_name a { color: #6e7884; }
.brackets .team_loser .team_seed { color: #6e7884; }

#home-sidebar-ad { border: 0px !important; margin: 5px !important; background: none; }

/* Messages ------------------------------------------------------ */
#myMsgs .data textarea { border: 1px solid darkgrey; }
#myMsgs .data input[type="text"] { border: 1px solid darkgrey !important; }

/* Header Dropdown ------------------------------------------------------ */
.header-dropdown { z-index: 50000; padding: 5px 0px; }
.header-dropdown dl, .header-dropdown dd, .header-dropdown dt, .header-dropdown ul { margin: 0; padding: 0; }
.header-dropdown dd { position: relative; z-index: 10000; }
.header-dropdown dt a { position: relative; margin: 0; padding: 3px 26px 2px 8px; font-family: "Helvetica Neue", Arial, sans-serif; font-size: 11px; line-height: 16px; color: white; border: 1px solid black; text-decoration: none; cursor: pointer; }
.header-dropdown dt a img { position: absolute; top: 8px; right: 5px; }
.header-dropdown dd ul { display: none; background: black; border: 1px solid black; list-style-type: none; }
.header-dropdown dd ul li a { display: block; padding: 5px 5px 5px 15px; color: #aaaaaa; text-decoration: none; }
.header-dropdown dd ul li a:hover { color: white; background: #111111; }

#theme-switcher.header-dropdown { float: left; padding-left: 3px; }
#theme-switcher.header-dropdown dt a { width: 116px; }
#theme-switcher.header-dropdown dd ul { width: 150px; }

#user-bar { display: inline; position: absolute; right: 80px; top: 6px; color: white; }

#header #network-navigation-wrapper #topbar #user-bar .account { display: inline; text-decoration: underline; color: white; }

#header #network-navigation-wrapper #topbar #user-bar .user_action { display: inline; text-decoration: underline; color: gray; font-size: 9px; }

.badge-row { text-align: center; width: 10%; vertical-align: top; }

.badge-row-end { color: red; font-weight: bold; font-size: 20px; }

.rankTitle { border-bottom: 1px solid #003366; color: #999999; font-size: 11pt; }

.scrollableBoxart { position: relative; overflow: hidden; width: 620px; height: 175px; float: left; }
.scrollableBoxart .items { /* this cannot be too large */ width: 20000em; position: absolute; }

.scrollableTeams { position: relative; overflow: hidden; width: 210px; height: 110px; float: left; padding: 10px; }
.scrollableTeams .items { /* this cannot be too large */ width: 20000em; position: absolute; }

.scrollableGamercards { position: relative; overflow: hidden; width: 210px; height: 150px; float: left; padding: 10px; }
.scrollableGamercards .items { /* this cannot be too large */ width: 20000em; position: absolute; }

.scrollableRanks { position: relative; overflow: hidden; width: 195px; height: 60px; float: left; }
.scrollableRanks .items { /* this cannot be too large */ width: 20000em; position: absolute; }

.scrollableProPoints { position: relative; overflow: hidden; width: 260px; height: 95px; float: left; }
.scrollableProPoints .items { /* this cannot be too large */ width: 20000em; position: absolute; }

.scrollableBadges { position: relative; overflow: hidden; width: 375px; height: 75px; float: left; }
.scrollableBadges .items { /* this cannot be too large */ width: 20000em; position: absolute; }

.scrollableAbout { position: relative; overflow: hidden; width: 530px; height: 175px; float: left; padding: 10px; }
.scrollableAbout .items { /* this cannot be too large */ width: 20000em; position: absolute; }

.scrollableVideos { position: relative; overflow: hidden; width: 830px; height: 120px; float: left; padding: 10px; }
.scrollableVideos .items { /* this cannot be too large */ width: 20000em; position: absolute; }

.items div { float: left; }

div.homepage-main { height: 450px; padding: 2px; }

div.homepage-main-text { text-align: right; float: right; width: 650px; font-size: 12px; }

div.homepage-btn { background: url(/images/buttons/homepage_btn.png); width: 240px; height: 46px; text-align: center; border-radius: 5px; }
div.homepage-btn p { margin-top: 10px; font-size: 18px; color: white; font-weight: bold; }

div.blue-btn { background: url(/images/buttons/homepage_btn.png); width: 261px; height: 46px; float: right; text-align: center; }
div.blue-btn p { margin-top: 10px; font-size: 18px; color: white; font-weight: bold; }

div.homepage-tournament-btn { background-color: #1278c2; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #34b0fa), color-stop(100%, #0163de)); background: -webkit-linear-gradient(#34b0fa, #0163de); background: -moz-linear-gradient(#34b0fa, #0163de); background: -o-linear-gradient(#34b0fa, #0163de); background: linear-gradient(#34b0fa, #0163de); float: right; width: 46px; height: 21px; text-align: center; margin-top: 5px; }
div.homepage-tournament-btn p { margin-top: 4px; font-weight: bold; color: white; }

.blue-gradient { background-color: #1278c2 !important; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #34b0fa), color-stop(100%, #0163de)); background: -webkit-linear-gradient(#34b0fa, #0163de); background: -moz-linear-gradient(#34b0fa, #0163de); background: -o-linear-gradient(#34b0fa, #0163de); background: linear-gradient(#34b0fa, #0163de); }
.blue-gradient:hover { background: #34b0fa !important; }

div.arena-tournament-btn { background-color: #1278c2; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #34b0fa), color-stop(100%, #0163de)); background: -webkit-linear-gradient(#34b0fa, #0163de); background: -moz-linear-gradient(#34b0fa, #0163de); background: -o-linear-gradient(#34b0fa, #0163de); background: linear-gradient(#34b0fa, #0163de); float: right; width: 72px; height: 24px; font-size: 12px; text-align: center; margin-top: 5px; }
div.arena-tournament-btn:hover { background: #34b0fa; }
div.arena-tournament-btn p { margin-top: 4px; font-weight: bold; color: white; }

div.homepage-tournament-btn-feature { float: right; background: url(/images/homepage/join.png); width: 46px; height: 21px; text-align: center; margin-top: 25px; }
div.homepage-tournament-btn-feature p { margin-top: 4px; font-weight: bold; color: white; }

div.tagline { text-align: right; font-size: 36px; width: 630px; height: 100px; float: right; }

p.homepage-news-title { font-size: 14px; font-weight: bold; margin-top: 0px; margin-bottom: 7px; }

span.dashboard-username { font-size: 14px; line-height: 20px; font-weight: bold; }

#gb-homepage .bp-col > div { margin-bottom: 10px; }

.alert-wrapper, .splash-wrapper { width: 990px !important; margin: 0 -14px; }

.alert-wrapper { margin-top: -9px; margin-bottom: -1px; padding-top: 4px; background-color: white; }

.gaming-arenas-header { color: black; text-align: center; margin-top: 10px; margin-bottom: 15px; font-weight: bold; }

.container-header-image { color: black; width: 980px !important; margin: -14px -14px 0px -14px; background-size: 100% !important; height: 105px; }

#alert { height: 40px; padding-top: 0; margin: 0 !important; }
#alert a { color: #22aaff; }
#alert .header-diagonal { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #222222)) !important; background: -webkit-linear-gradient(#444444, #222222) !important; background: -moz-linear-gradient(#444444, #222222) !important; background: -o-linear-gradient(#444444, #222222) !important; background: linear-gradient(#444444, #222222) !important; margin-bottom: 0; }
#alert .header-text { padding-left: 14px; }
#alert .alert-info, #alert .alert-contents, #alert .alert-links, #alert .alert-timer { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; font-size: 11px; }
#alert .alert-info { padding-top: 4px; }
#alert .alert-links { margin: 3px 0.75em; border: 1px solid rgba(255, 255, 255, 0.25); border-width: 0 1px; padding: 2px 0; }
#alert .alert-links a { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; vertical-align: top; padding: 0 1em; }
#alert .alert-links a + a { border-left: 1px solid rgba(255, 255, 255, 0.25); }
#alert .alert-timer { color: #ccff00; font-size: 16px; }

.splash-wrapper { height: 350px; margin-bottom: 10px; position: relative; }

#splash { position: absolute; height: 350px; top: 0; left: 0; right: 0; margin-top: -10px; background-color: black; background-image: url("/images/homepage/2.0/heroWallpaper2.jpg"); background-position: center center; background-repeat: no-repeat; }
#splash ul { list-style-type: none; margin: 0; padding: 0; }
#splash li { display: inline; }
#splash li:before { display: inline; content: "\2022"; padding-right: 0.4em; }
#splash li:first-child:before { display: none; }
#splash .tagline { width: 690px; height: 90px; padding: 5px; line-height: 38px; }
#splash .homepage-main { padding: 0; height: auto; }
#splash .system-image { float: left; width: 270px; min-height: 352px; }
#splash .panes table { border-spacing: 0; }
#splash .panes td { padding: 0; }
#splash .panes a { display: block; }
#splash .panes img { display: block; width: 88px; height: 132px; margin-right: 7px; }
#splash .homepage-main-text { text-align: left; float: left; width: 380px; min-height: 250px; padding-right: 10px; }
#splash .homepage-main-text ul { text-align: center; }
#splash .advertisement-sidebar { width: 300px; padding: 0 5px; float: right; }
#splash .nav-widgets { clear: both; text-align: left; }
#splash .nav-buttons p { margin: 0; line-height: 46px; }
#splash .nav-buttons a { color: white; }
#splash .system-list { margin-left: 1em; font-size: 18px; font-weight: bold; line-height: 46px; }
#splash .system-list a { cursor: pointer; }
#splash .system-list li:before { font-size: 12px; vertical-align: 0.25em; padding-right: 0.5em; }
#splash .premium-upsell { text-align: center; font-size: 18px; font-weight: bold; padding: 5px; background: rgba(0, 0, 0, 0.15); }
#splash .premium-upsell span, #splash .premium-upsell img { padding: 0 0.25em; vertical-align: middle; }
#splash .homepage-btn-wrapper { color: white; font-weight: bold; font-size: 14px; position: absolute; right: 375px; top: 225px; }
#splash .homepage-btn-wrapper span { line-height: 24px; margin-left: 160px; }
#splash .homepage-btn { background-image: none; background-color: #c3293a; text-transform: uppercase; font-weight: 300; }
#splash .homepage-btn a { display: block; text-decoration: none; }
#splash .homepage-btn p:hover { background: rgba(255, 255, 255, 0.1); }

.how-to-play { width: 100%; align: center; margin: 40px auto 50px; }
.how-to-play td { width: 210px; text-align: center; vertical-align: top; }
.how-to-play a { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; border: 1px solid transparent; position: relative; }
.how-to-play a:hover { border-color: #34b0fa; }
.how-to-play a:hover:after { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; background-color: transparent; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(153, 153, 153, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(rgba(153, 153, 153, 0.2), rgba(255, 255, 255, 0)); background: -moz-linear-gradient(rgba(153, 153, 153, 0.2), rgba(255, 255, 255, 0)); background: -o-linear-gradient(rgba(153, 153, 153, 0.2), rgba(255, 255, 255, 0)); background: linear-gradient(rgba(153, 153, 153, 0.2), rgba(255, 255, 255, 0)); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

#gb-premium-block img { float: left; width: 100px; margin-right: 10px; }
#gb-premium-block .boxContent > div { margin-left: 110px; }
#gb-premium-block h4 { margin: 0 0 5px; }
#gb-premium-block p { margin: 0 0 10px; }
#gb-premium-block .homepage-btn { float: none; width: auto; height: auto; background-position: center center; padding: 0.33em; border-radius: 3px; }
#gb-premium-block .homepage-btn a { color: white; }

.team-btn { background: url(/images/buttons/homepage_btn.png); float: none; width: 135px; height: 25px; margin: 0px auto; background-position: center center; padding: 0.33em; border-radius: 5px; text-align: center; }
.team-btn a { color: white; font-weight: bold; margin-top: 5px; }
.team-btn p { line-height: 0px; }

div.fb-like-hp { float: right; margin-top: 85px; margin-right: 85px; }

div#gb-like-mlg { border: none; display: block; margin: 4px; }

div.fb-like-bg-i { background: url("/images/homepage/fb_logged_in.png"); height: 137px; width: 315px; }

div.fb-like-bg-o { background: url("/images/homepage/fb_logged_out.png"); height: 137px; width: 315px; }

.category-horizontalx5 .trc_rbox_header { padding-top: 10px; }

.wordpress { text-align: left; color: #252525; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.wordpress.notification { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffff80), color-stop(100%, yellow)); background: -webkit-linear-gradient(top, #ffff80 0%, yellow 100%); background: -moz-linear-gradient(top, #ffff80 0%, yellow 100%); background: -o-linear-gradient(top, #ffff80 0%, yellow 100%); background: -ms-linear-gradient(top, #ffff80 0%, yellow 100%); background: linear-gradient(top, #ffff80 0%, #ffff00 100%); text-align: center; position: absolute; top: 0; left: 0; right: 0; z-index: 2; border: 0; padding: 8px 30px; font-size: 14px; line-height: 14px; display: none; }
.wordpress.notification a { color: #124f86 !important; font-weight: bold; }
.wordpress.notification .close { display: block; position: absolute; top: 7px; right: 7px; width: 16px; height: 16px; background: transparent url(/images/common/cross.png) 0 0 no-repeat; cursor: pointer; }
.wordpress.breakingnews { border-radius: 3px; border: 1px solid #dadada; background: #ececec url(/images/common/translucent-stripes.png) 0 0 repeat; padding: 10px; margin: 0 0 10px; font-size: 12px; }
.wordpress.breakingnews a { color: #c91438; font-size: 14px; }

.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6, .wysiwyg ul, .wysiwyg ol, .wysiwyg p { margin: 12px 0; }
.wysiwyg h1 { font-size: 18px; }
.wysiwyg h2 { font-size: 16px; }
.wysiwyg h3 { font-size: 14px; }
.wysiwyg h4 { font-size: 12px; }
.wysiwyg ul, .wysiwyg ol { margin-left: 2em; }
.wysiwyg ul li { list-style-type: disc; }
.wysiwyg ol li { list-style-type: decimal; }
.wysiwyg table { border-collapse: collapse; }
.wysiwyg > *:first-child { margin-top: 0; }
.wysiwyg > *:last-child { margin-bottom: 0; }

.overlay { padding: 40px; width: 645px; display: none; background-image: url(/images/common/whiteOverlay.png?v=2); z-index: 99999; }
.overlay .close { background: url(/images/skins/default/overlay_close.png) no-repeat; position: absolute; top: 15px; right: 8px; display: block; width: 35px; height: 35px; cursor: pointer; }

.overlay-youtube { text-align: center; padding: 0 30px 0; height: 116px; cursor: pointer; }

#chat_widget_online_list { padding: 5px 0 0 5px; }

#chat_widget_online { height: 495px; overflow: auto; }

.potw-header { margin-left: 20px; }

.potw-content-outer { height: 255px; width: 302px; border: 1px solid #dadada; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin: 0px auto; background: white; position: relative; }

.potw-content-inner { padding-left: 15px; padding-right: 15px; margin-top: 30px; color: black; }

.potw-avatar { float: left; }

.potw-btn { width: 150px; height: 35px; background-color: #98012e; color: white; border-style: none; border: 0px; cursor: hand; cursor: pointer; margin-top: 10px; font-weight: bold; font-size: 17px; }

.potw-rules { padding-left: 5px; padding-top: 4px; }

.potw-wins { color: #cc3333; font-weight: bold; font-size: 12px; }

.potw-member { font-size: 12px; }
.potw-member > span { font-weight: bold; }

.potw-mlgrank { font-size: 12px; }
.potw-mlgrank > span { font-weight: bold; }

.potw-user { font-size: 16px; font-weight: bold; line-height: 20px; }

.potw-info { margin-top: 30px; }

.potw-more { position: absolute; bottom: 5px; right: 5px; }

.potw-button { margin-top: 20px; }
.potw-button .new-blu-btn { padding: 10px 80px; font-weight: bold; font-size: 18px; }

.new-blu-btn { color: white; font-weight: 700; font-size: 14px; line-height: 14px; text-decoration: none; text-align: center; white-space: nowrap; padding: 6px 30px; margin: 0px; border: 1px solid #015ca5; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #3c9be6; background-image: -webkit-gradient(linear, left top, left bottom, from(#3c9be6), to(#1978c2)); background-image: -webkit-linear-gradient(top, #3c9be6, #1978c2); background-image: -moz-linear-gradient(top, #3c9be6, #1978c2); background-image: linear-gradient(to bottom, #3c9be6, #1978c2); background-repeat: no-repeat; background-position: left top; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; -webkit-font-smoothing: antialiased; }
.new-blu-btn:hover { background-color: #026eda; background-image: -webkit-gradient(linear, left top, left bottom, from(#1978c2), to(#3c9be6)); background-image: -webkit-linear-gradient(top, #1978c2, #3c9be6); background-image: -moz-linear-gradient(top, #1978c2, #3c9be6); background-image: linear-gradient(to bottom, #1978c2, #3c9be6); }

a.arena-link { color: #017dde !important; }

div.blue-box { width: 300px; color: white; background-color: #1a87dc; height: 40px; position: relative; }
div.blue-box:hover { background-color: #34b0fa; }
div.blue-box span { font-weight: bold; line-height: 40px; text-align: center; display: block; font-size: 16px; }

.border-top { border: 0px !important; border-top: 1px solid #dadada !important; }

.shadow-right { box-shadow: 0px 0px 10px -7px #888888, 6px 0px 10px -7px #888888; }

.shadow-bottom { box-shadow: 0px -7px 10px -7px #888888, 0px 7px 10px -7px #888888; }

#platform-selector-container { width: 150px; height: 34px; overflow: hidden; }
#platform-selector-container #platform-selector { background: url(/images/common/dropit.png) no-repeat right #1c89de !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: white; font-weight: bold; width: 150px; padding: 5px; font-size: 16px; line-height: 1; border: 0px; border-radius: 0; height: 34px; cursor: pointer; }

.popdown { width: 150px; height: 35px; overflow: hidden; }
.popdown select { background-color: #1278c2 !important; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #34b0fa), color-stop(100%, #0163de)); background: -webkit-linear-gradient(#34b0fa, #0163de); background: -moz-linear-gradient(#34b0fa, #0163de); background: -o-linear-gradient(#34b0fa, #0163de); background: linear-gradient(#34b0fa, #0163de); -webkit-appearance: none; -moz-appearance: none; appearance: none; color: white; font-weight: bold; font-size: 14px; width: 150px; padding: 5px; line-height: 1; border: 0px; border-radius: 0; height: 34px; cursor: pointer; }

.med-blue-btn { background-color: #1278c2; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #34b0fa), color-stop(100%, #0163de)); background: -webkit-linear-gradient(#34b0fa, #0163de); background: -moz-linear-gradient(#34b0fa, #0163de); background: -o-linear-gradient(#34b0fa, #0163de); background: linear-gradient(#34b0fa, #0163de); float: right; width: 150px; height: 35px; font-size: 12px; text-align: center; margin-top: 5px; cursor: pointer; }
.med-blue-btn:hover { background: #34b0fa; }
.med-blue-btn p { margin-top: 4px; font-weight: bold; color: white; }
.med-blue-btn a { text-decoration: none; }

.profile-field { color: black; font-size: 9px; padding-right: 5px; text-align: right; display: block; float: left; font-weight: bold; }

.placeholder-text { text-align: center; padding: 20px 0px; font-weight: bold; }

.icon64-pad { padding: 0px 15px 10px 0px; }

.victory { font-size: 16px; color: #3caf0a; font-weight: bold; }

.defeat { font-size: 16px; color: red; font-weight: bold; }

.profile-body .bp-row { margin-top: 10px; }

a.naked-link { text-decoration: none; color: inherit; }
a.naked-link:hover { background-color: transparent; }

.red-circle { width: 20px; height: 20px; border-radius: 15px; border: 1px double black; line-height: 25px; background: red; display: inline-block; margin-left: 10px; }

.green-circle { width: 20px; height: 20px; border-radius: 15px; border: 1px double black; line-height: 25px; background: green; display: inline-block; margin-left: 10px; }

#profile-member { clear: both; margin: -10px 0px 0px -9px; padding: 0px; height: 160px; width: 990px; border: none; position: relative; z-index: 9990; background-size: 100%; }
#profile-member .med-blue-btn { margin: 8px 0px; }
#profile-member .med-blue-btn span { line-height: 32px; font-size: 14px; color: white; font-weight: bold; }
#profile-member .popdown { margin: 8px 0px; }

#profile-avatar-wrapper { width: 142px; height: 185px; padding: 10px 0px 0px 10px; text-align: center; }

.membership-display { background: url(/images/premium/premium_profile.png) no-repeat; width: 438px; padding: 5px; height: 25px; text-align: center; padding-top: 6px; overflow: hidden; }
.membership-display img { margin-top: -6px; }
.membership-display span { font-size: 16px; font-weight: bold; color: white; }

#profile-credit-wrapper { padding-top: 15px; }
#profile-credit-wrapper span { font-size: 18px; }

#profile-rewards { border: 3px solid #e8e8e8; width: 600px; }
#profile-rewards #rank { float: left; width: 253px; text-align: center; border-right: 3px solid #e8e8e8; height: 313px; font-weight: bold; }
#profile-rewards #rank img { width: 100%; }
#profile-rewards #trophy-case-wrapper { margin-left: 253px; background-color: #f3f3f3; width: 347px; }
#profile-rewards #trophy-case-wrapper #trophy-case { height: 313px; }
#profile-rewards #trophy-case-wrapper #trophy-case .trophy-shelf { padding-top: 53px; }
#profile-rewards #trophy-case-wrapper #trophy-case .trophy-shelf .shelf-background { background: url(/images/profile/trophyShelfTransparent.png) no-repeat center bottom; width: 342px; height: 72px; margin-left: auto; margin-right: auto; }
#profile-rewards #trophy-case-wrapper #trophy-case .trophy-shelf .shelf-background img { padding: 0px 10px; }
#profile-rewards #trophy-case-wrapper #trophy-case #trophy-tag { margin-top: 20px; position: absolute; margin-left: 130px; width: 226px; height: 63px; background: url(/images/profile/trophyAchievementTab.png); }
#profile-rewards #trophy-case-wrapper #trophy-case #trophy-tag .tag-content { margin: 10px 0px 0px 50px; height: 63px; float: left; text-align: center; }
#profile-rewards #trophy-case-wrapper #trophy-case #trophy-tag .tag-content span { text-decoration: none; font-size: 24px; font-weight: bold; color: #2578be; }

.boxProfileCard { position: relative; left: -25px; padding-bottom: 5px; }

.icon64-row { text-align: center; width: 64px; float: left; margin: 0px 7px; }

.featured-team-wrapper { width: 300px; margin: 5px; }
.featured-team-wrapper .sections-label { color: #999999; font-size: 80%; padding-bottom: 5px; }
.featured-team-wrapper .user-team-stats { font-size: 80%; }

.recent-match-wrapper { width: 100%; border-radius: 2px; margin: 5px; }
.recent-match-wrapper .match-content { padding-left: 10px; width: 170px; }
.recent-match-wrapper span.match-result { text-align: center; padding-left: 60px; }
.recent-match-wrapper span.match-xp { text-align: right; font-size: 10px; float: right; }
.recent-match-wrapper span.match-name { font-weight: bold; font-size: 12px; display: block; text-align: center; }

.tournament-checkin { background: #1c89e5; color: white; font-weight: bold; padding: 9px; font-size: 18px; line-height: 1; width: 310px; border: 0px; border-radius: 0; height: 34px; cursor: pointer; text-transform: uppercase; }
.tournament-checkin:hover { background: #34b0fa; text-decoration: none; }
.tournament-checkin.done { background: #009900; margin: 0 auto; height: 15px; padding-top: 8px; cursor: auto; }

/* Support page ------------------------------- */
#faq, #contact, #match_support, #arena_support, #other_support { display: none; }

.supportButton { display: inline-block; vertical-align: top; }
.supportButton a { text-decoration: none; }
.supportButton .button { color: black; text-decoration: none; border: 1px solid black; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #dddddd; text-align: center; margin-right: 10px; margin-bottom: 5px; }
.supportButton .button.normal:hover, .supportButton .button.active { background: #95bcf2; cursor: pointer; text-decoration: none; }
.supportButton .button.disabled { color: #9a9a9a; border: 1px solid #cccccc; }
.supportButton .big { width: 172px; line-height: 52px; font-size: 18px; }
.supportButton .small { width: 100px; line-height: 30px; font-size: 14px; }
.supportButton img { margin-top: -4px; margin-right: 4px; }
.supportButton .last { margin-right: 0; }

.blueButton { background-color: #0083de; border: 1px solid black; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; width: 95px; line-height: 30px; text-align: center; color: white; display: inline-block; font-size: 12px; }
.blueButton:hover { background-color: #0a5ea8; cursor: pointer; }

.assistly-widget a { width: 100px !important; height: 22px; overflow: hidden; text-align: center; }

.pull-left { float: left; }

.pull-right { float: right; }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.std-btn { border: none; box-sizing: border-box; color: #333333; cursor: pointer; display: inline-block; font-size: 14px; min-width: 80px; padding: 6px 16px; text-align: center; text-decoration: none; }
.std-btn:hover, .std-btn :active, .std-btn :visited { color: white; text-decoration: none; }
.std-btn.std-btn-block { display: block; }
.std-btn.std-btn-disabled { background-color: #999999; cursor: default; }
.std-btn.std-btn-disabled:hover { background-color: #999999; }
.std-btn.std-btn-rounded { border-radius: 2px; }
.std-btn.std-btn-sm { font-size: 12px; line-height: 16px; padding: 3px 8px; }
.std-btn.std-btn-lg { padding: 8px 20px; }
.std-btn.std-btn-xl { font-size: 16px; padding: 12px 30px; }
.std-btn.std-btn-primary { background-color: #1a87dc; color: white; }
.std-btn.std-btn-primary:hover { background-color: #419fe8; }
.std-btn.std-btn-cta { background-color: #cc3333; color: white; }
.std-btn.std-btn-cta:hover { background-color: #d65c5c; }

.std-btn-list-inline .std-btn { margin-right: 4px; }
.std-btn-list-inline .std-btn:last-child { margin-right: 0; }

.std-btn-list-vertical .std-btn { display: block; margin-bottom: 4px; }
.std-btn-list-vertical .std-btn:last-child { margin-bottom: 0; }

h1.std-header, h2.std-header, h3.std-header, h4.std-header, h5.std-header, h6.std-header { color: #333333; font-weight: bold; }
h1.std-header .highlight, h2.std-header .highlight, h3.std-header .highlight, h4.std-header .highlight, h5.std-header .highlight, h6.std-header .highlight { color: #1a87dc !important; }

h1.std-header { font-size: 40px; }

h2.std-header { font-size: 32px; }

h3.std-header { font-size: 24px; }

h4.std-header { font-size: 18px; line-height: 30px; }

.std-input { border: 1px solid #bbbbbb; border-radius: 2px; color: #777777; box-sizing: border-box; height: 22px; }

.std-label { line-height: 22px; }

.std-list-inline-container { display: table; width: 100%; }

.std-list-inline { display: table-row; }
.std-list-inline li { display: table-cell; }

.std-list-panel { box-sizing: border-box; margin: 0; padding: 0; list-style: none; }
.std-list-panel > li { border-bottom: 1px dotted #cccccc; box-sizing: border-box; margin-bottom: 10px; padding-bottom: 10px; }
.std-list-panel > li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.std-list-panel > li h1.std-header, .std-list-panel > li h2.std-header, .std-list-panel > li h3.std-header, .std-list-panel > li h4.std-header, .std-list-panel > li h5.std-header, .std-list-panel > li h6.std-header { box-sizing: border-box; font-size: 18px; margin-bottom: 10px; padding: 0 5px; }
.std-list-panel > li > div { background-color: #f2f2f2; box-sizing: border-box; padding: 5px; }
.std-list-panel > li h3 { background: none; border: none; color: #1a87dc !important; text-shadow: none; }

.std-list-panel-alt > li > div { background: none; }
.std-list-panel-alt > li h1.std-header, .std-list-panel-alt > li h2.std-header, .std-list-panel-alt > li h3.std-header, .std-list-panel-alt > li h4.std-header, .std-list-panel-alt > li h5.std-header, .std-list-panel-alt > li h6.std-header { background-color: #f2f2f2; }

.std-panel { border: 1px solid #cccccc; border-radius: 3px; box-sizing: border-box; width: 100%; }
.std-panel .std-panel-heading { border-bottom: 1px solid #cccccc; box-sizing: border-box; font-size: 13px; font-weight: bold; line-height: 16px; padding: 8px; width: 100%; }
.std-panel .std-panel-body { padding: 8px; }

.std-table { border-spacing: 0; width: 100%; }

.std-text { color: #333333; }
.std-text.highlight { color: #1a87dc !important; }

.std-text-center { text-align: center; }

.std-text-muted { color: #666666; }

.std-text-success { color: #008800; }

.std-text-danger { color: #cc3333; }

#pro-points-total .pro_points_header .game, #pro-points-total .pro_points_data .game { width: 250px; }
#pro-points-total .pro_points_header .region, #pro-points-total .pro_points_data .region { width: 140px; }
#pro-points-total .pro_points_header .points, #pro-points-total .pro_points_data .points { width: 140px; }
#pro-points-total .pro_points_header .rank, #pro-points-total .pro_points_data .rank { width: 98px; }

#pro-points-log, #pro-points-total { display: none; }
#pro-points-log .game, #pro-points-total .game { width: 125px; }
#pro-points-log .game img, #pro-points-total .game img { padding-right: 3px; }
#pro-points-log .activity, #pro-points-total .activity { width: 195px; }
#pro-points-log .date, #pro-points-total .date { width: 125px; }
#pro-points-log .points, #pro-points-total .points { width: 80px; }
#pro-points-log .status, #pro-points-total .status { width: 100px; }
#pro-points-log .pro_points_header, #pro-points-total .pro_points_header { line-height: 30px; background-color: gray; font-size: 14px; color: white; }
#pro-points-log .pro_points_header div, #pro-points-total .pro_points_header div { display: inline-block; text-align: center; }
#pro-points-log .pro_points_data, #pro-points-total .pro_points_data { line-height: 30px; border-bottom: 1px dotted black; }
#pro-points-log .pro_points_data div, #pro-points-total .pro_points_data div { display: inline-block; text-align: center; vertical-align: middle; }

/*  Font Awesome the iconic font designed for use with Twitter Bootstrap ------------------------------------------------------- The full suite of pictographic icons, examples, and documentation can be found at: http://fortawesome.github.com/Font-Awesome/  License ------------------------------------------------------- The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0: http://creativecommons.org/licenses/by/3.0/ A mention of 'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable source code is considered acceptable attribution (most common on the web). If human readable source code is not available to the end user, a mention in an 'About' or 'Credits' screen is considered acceptable (most common in desktop or mobile software).  Contact ------------------------------------------------------- Email: dave@davegandy.com Twitter: http://twitter.com/fortaweso_me Work: Lead Product Designer @ http://kyruus.com */
@font-face { font-family: "FontAwesome"; src: url(https://netdna.bootstrapcdn.com/font-awesome/3.0/font/fontawesome-webfont.eot); src: url(https://netdna.bootstrapcdn.com/font-awesome/3.0/font/fontawesome-webfont.eot?#iefix) format('embedded-opentype'), url(https://netdna.bootstrapcdn.com/font-awesome/3.0/font/fontawesome-webfont.woff) format('woff'), url(https://netdna.bootstrapcdn.com/font-awesome/3.0/font/fontawesome-webfont.ttf) format('truetype'); font-weight: normal; font-style: normal; }

/*  Font Awesome styles ------------------------------------------------------- */
[class^="icon-"]:before, [class*=" icon-"]:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; }

a [class^="icon-"], a [class*=" icon-"] { display: inline-block; text-decoration: inherit; }

/* makes the font 33% larger relative to the icon container */
.icon-large:before { vertical-align: middle; font-size: 4/3em; }

.btn [class^="icon-"], .btn [class*=" icon-"], .nav-tabs [class^="icon-"], .nav-tabs [class*=" icon-"] { /* keeps button heights with and without icons the same */ line-height: 0.9em; }

li [class^="icon-"], li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; }
li .icon-large:before, li .icon-large:before { /* 1.5 increased font size for icon-large * 1.25 width */ width: 1.875em; }

ul.icons { list-style-type: none; margin-left: 2em; text-indent: -0.8em; }
ul.icons li [class^="icon-"], ul.icons li [class*=" icon-"] { width: 0.8em; }
ul.icons li .icon-large:before, ul.icons li .icon-large:before { /* 1.5 increased font size for icon-large * 1.25 width */ vertical-align: initial; }

/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */
.icon-glass:before { content: "\f000"; }

.icon-music:before { content: "\f001"; }

.icon-search:before { content: "\f002"; }

.icon-envelope:before { content: "\f003"; }

.icon-heart:before { content: "\f004"; }

.icon-star:before { content: "\f005"; }

.icon-star-empty:before { content: "\f006"; }

.icon-user:before { content: "\f007"; }

.icon-film:before { content: "\f008"; }

.icon-th-large:before { content: "\f009"; }

.icon-th:before { content: "\f00a"; }

.icon-th-list:before { content: "\f00b"; }

.icon-ok:before { content: "\f00c"; }

.icon-remove:before { content: "\f00d"; }

.icon-zoom-in:before { content: "\f00e"; }

.icon-zoom-out:before { content: "\f010"; }

.icon-off:before { content: "\f011"; }

.icon-signal:before { content: "\f012"; }

.icon-cog:before { content: "\f013"; }

.icon-trash:before { content: "\f014"; }

.icon-home:before { content: "\f015"; }

.icon-file:before { content: "\f016"; }

.icon-time:before { content: "\f017"; }

.icon-road:before { content: "\f018"; }

.icon-download-alt:before { content: "\f019"; }

.icon-download:before { content: "\f01a"; }

.icon-upload:before { content: "\f01b"; }

.icon-inbox:before { content: "\f01c"; }

.icon-play-circle:before { content: "\f01d"; }

.icon-repeat:before { content: "\f01e"; }

/* \f020 doesn't work in Safari. all shifted one down */
.icon-refresh:before { content: "\f021"; }

.icon-list-alt:before { content: "\f022"; }

.icon-lock:before { content: "\f023"; }

.icon-flag:before { content: "\f024"; }

.icon-headphones:before { content: "\f025"; }

.icon-volume-off:before { content: "\f026"; }

.icon-volume-down:before { content: "\f027"; }

.icon-volume-up:before { content: "\f028"; }

.icon-qrcode:before { content: "\f029"; }

.icon-barcode:before { content: "\f02a"; }

.icon-tag:before { content: "\f02b"; }

.icon-tags:before { content: "\f02c"; }

.icon-book:before { content: "\f02d"; }

.icon-bookmark:before { content: "\f02e"; }

.icon-print:before { content: "\f02f"; }

.icon-camera:before { content: "\f030"; }

.icon-font:before { content: "\f031"; }

.icon-bold:before { content: "\f032"; }

.icon-italic:before { content: "\f033"; }

.icon-text-height:before { content: "\f034"; }

.icon-text-width:before { content: "\f035"; }

.icon-align-left:before { content: "\f036"; }

.icon-align-center:before { content: "\f037"; }

.icon-align-right:before { content: "\f038"; }

.icon-align-justify:before { content: "\f039"; }

.icon-list:before { content: "\f03a"; }

.icon-indent-left:before { content: "\f03b"; }

.icon-indent-right:before { content: "\f03c"; }

.icon-facetime-video:before { content: "\f03d"; }

.icon-picture:before { content: "\f03e"; }

.icon-pencil:before { content: "\f040"; }

.icon-map-marker:before { content: "\f041"; }

.icon-adjust:before { content: "\f042"; }

.icon-tint:before { content: "\f043"; }

.icon-edit:before { content: "\f044"; }

.icon-share:before { content: "\f045"; }

.icon-check:before { content: "\f046"; }

.icon-move:before { content: "\f047"; }

.icon-step-backward:before { content: "\f048"; }

.icon-fast-backward:before { content: "\f049"; }

.icon-backward:before { content: "\f04a"; }

.icon-play:before { content: "\f04b"; }

.icon-pause:before { content: "\f04c"; }

.icon-stop:before { content: "\f04d"; }

.icon-forward:before { content: "\f04e"; }

.icon-fast-forward:before { content: "\f050"; }

.icon-step-forward:before { content: "\f051"; }

.icon-eject:before { content: "\f052"; }

.icon-chevron-left:before { content: "\f053"; }

.icon-chevron-right:before { content: "\f054"; }

.icon-plus-sign:before { content: "\f055"; }

.icon-minus-sign:before { content: "\f056"; }

.icon-remove-sign:before { content: "\f057"; }

.icon-ok-sign:before { content: "\f058"; }

.icon-question-sign:before { content: "\f059"; }

.icon-info-sign:before { content: "\f05a"; }

.icon-screenshot:before { content: "\f05b"; }

.icon-remove-circle:before { content: "\f05c"; }

.icon-ok-circle:before { content: "\f05d"; }

.icon-ban-circle:before { content: "\f05e"; }

.icon-arrow-left:before { content: "\f060"; }

.icon-arrow-right:before { content: "\f061"; }

.icon-arrow-up:before { content: "\f062"; }

.icon-arrow-down:before { content: "\f063"; }

.icon-share-alt:before { content: "\f064"; }

.icon-resize-full:before { content: "\f065"; }

.icon-resize-small:before { content: "\f066"; }

.icon-plus:before { content: "\f067"; }

.icon-minus:before { content: "\f068"; }

.icon-asterisk:before { content: "\f069"; }

.icon-exclamation-sign:before { content: "\f06a"; }

.icon-gift:before { content: "\f06b"; }

.icon-leaf:before { content: "\f06c"; }

.icon-fire:before { content: "\f06d"; }

.icon-eye-open:before { content: "\f06e"; }

.icon-eye-close:before { content: "\f070"; }

.icon-warning-sign:before { content: "\f071"; }

.icon-plane:before { content: "\f072"; }

.icon-calendar:before { content: "\f073"; }

.icon-random:before { content: "\f074"; }

.icon-comment:before { content: "\f075"; }

.icon-magnet:before { content: "\f076"; }

.icon-chevron-up:before { content: "\f077"; }

.icon-chevron-down:before { content: "\f078"; }

.icon-retweet:before { content: "\f079"; }

.icon-shopping-cart:before { content: "\f07a"; }

.icon-folder-close:before { content: "\f07b"; }

.icon-folder-open:before { content: "\f07c"; }

.icon-resize-vertical:before { content: "\f07d"; }

.icon-resize-horizontal:before { content: "\f07e"; }

.icon-bar-chart:before { content: "\f080"; }

.icon-twitter-sign:before { content: "\f081"; }

.icon-facebook-sign:before { content: "\f082"; }

.icon-camera-retro:before { content: "\f083"; }

.icon-key:before { content: "\f084"; }

.icon-cogs:before { content: "\f085"; }

.icon-comments:before { content: "\f086"; }

.icon-thumbs-up:before { content: "\f087"; }

.icon-thumbs-down:before { content: "\f088"; }

.icon-star-half:before { content: "\f089"; }

.icon-heart-empty:before { content: "\f08a"; }

.icon-signout:before { content: "\f08b"; }

.icon-linkedin-sign:before { content: "\f08c"; }

.icon-pushpin:before { content: "\f08d"; }

.icon-external-link:before { content: "\f08e"; }

.icon-signin:before { content: "\f090"; }

.icon-trophy:before { content: "\f091"; }

.icon-github-sign:before { content: "\f092"; }

.icon-upload-alt:before { content: "\f093"; }

.icon-lemon:before { content: "\f094"; }

.icon-phone:before { content: "\f095"; }

.icon-check-empty:before { content: "\f096"; }

.icon-bookmark-empty:before { content: "\f097"; }

.icon-phone-sign:before { content: "\f098"; }

.icon-twitter:before { content: "\f099"; }

.icon-facebook:before { content: "\f09a"; }

.icon-github:before { content: "\f09b"; }

.icon-unlock:before { content: "\f09c"; }

.icon-credit-card:before { content: "\f09d"; }

.icon-rss:before { content: "\f09e"; }

.icon-hdd:before { content: "\f0a0"; }

.icon-bullhorn:before { content: "\f0a1"; }

.icon-bell:before { content: "\f0a2"; }

.icon-certificate:before { content: "\f0a3"; }

.icon-hand-right:before { content: "\f0a4"; }

.icon-hand-left:before { content: "\f0a5"; }

.icon-hand-up:before { content: "\f0a6"; }

.icon-hand-down:before { content: "\f0a7"; }

.icon-circle-arrow-left:before { content: "\f0a8"; }

.icon-circle-arrow-right:before { content: "\f0a9"; }

.icon-circle-arrow-up:before { content: "\f0aa"; }

.icon-circle-arrow-down:before { content: "\f0ab"; }

.icon-globe:before { content: "\f0ac"; }

.icon-wrench:before { content: "\f0ad"; }

.icon-tasks:before { content: "\f0ae"; }

.icon-filter:before { content: "\f0b0"; }

.icon-briefcase:before { content: "\f0b1"; }

.icon-fullscreen:before { content: "\f0b2"; }

.icon-group:before { content: "\f0c0"; }

.icon-link:before { content: "\f0c1"; }

.icon-cloud:before { content: "\f0c2"; }

.icon-beaker:before { content: "\f0c3"; }

.icon-cut:before { content: "\f0c4"; }

.icon-copy:before { content: "\f0c5"; }

.icon-paper-clip:before { content: "\f0c6"; }

.icon-save:before { content: "\f0c7"; }

.icon-sign-blank:before { content: "\f0c8"; }

.icon-reorder:before { content: "\f0c9"; }

.icon-list-ul:before { content: "\f0ca"; }

.icon-list-ol:before { content: "\f0cb"; }

.icon-strikethrough:before { content: "\f0cc"; }

.icon-underline:before { content: "\f0cd"; }

.icon-table:before { content: "\f0ce"; }

.icon-magic:before { content: "\f0d0"; }

.icon-truck:before { content: "\f0d1"; }

.icon-pinterest:before { content: "\f0d2"; }

.icon-pinterest-sign:before { content: "\f0d3"; }

.icon-google-plus-sign:before { content: "\f0d4"; }

.icon-google-plus:before { content: "\f0d5"; }

.icon-money:before { content: "\f0d6"; }

.icon-caret-down:before { content: "\f0d7"; }

.icon-caret-up:before { content: "\f0d8"; }

.icon-caret-left:before { content: "\f0d9"; }

.icon-caret-right:before { content: "\f0da"; }

.icon-columns:before { content: "\f0db"; }

.icon-sort:before { content: "\f0dc"; }

.icon-sort-down:before { content: "\f0dd"; }

.icon-sort-up:before { content: "\f0de"; }

.icon-envelope-alt:before { content: "\f0e0"; }

.icon-linkedin:before { content: "\f0e1"; }

.icon-undo:before { content: "\f0e2"; }

.icon-legal:before { content: "\f0e3"; }

.icon-dashboard:before { content: "\f0e4"; }

.icon-comment-alt:before { content: "\f0e5"; }

.icon-comments-alt:before { content: "\f0e6"; }

.icon-bolt:before { content: "\f0e7"; }

.icon-sitemap:before { content: "\f0e8"; }

.icon-umbrella:before { content: "\f0e9"; }

.icon-paste:before { content: "\f0ea"; }

.icon-user-md:before { content: "\f200"; }

.header-gradient-button, #gb-header .user-nav .logged-out, #gb-header .user-nav .user-name, #gb-header .icon-nav a, #gb-header .watch-button, #gb-header .play-button { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; background-color: #fbfbfb; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #ededed)); background: -webkit-linear-gradient(#fbfbfb, #ededed); background: -moz-linear-gradient(#fbfbfb, #ededed); background: -o-linear-gradient(#fbfbfb, #ededed); background: linear-gradient(#fbfbfb, #ededed); border: 1px solid #d4d4d4; }
.header-gradient-button:hover, #gb-header .user-nav .logged-out:hover, #gb-header .user-nav .user-name:hover, #gb-header .icon-nav a:hover, #gb-header .watch-button:hover, #gb-header .play-button:hover { background-color: #ededed; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(100%, #fbfbfb)); background: -webkit-linear-gradient(#ededed, #fbfbfb); background: -moz-linear-gradient(#ededed, #fbfbfb); background: -o-linear-gradient(#ededed, #fbfbfb); background: linear-gradient(#ededed, #fbfbfb); }

.nav-container, #site-nav { max-width: 970px; margin-left: auto; margin-right: auto; }

#gb-header { position: relative; z-index: 102; margin-bottom: 10px; font: normal 12px Arial, Helvetica, sans-serif; }
#gb-header ul { margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; }
#gb-header ul li { list-style-image: none; list-style-type: none; margin-left: 0; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; white-space: nowrap; }
#gb-header a { text-decoration: none; }
#gb-header i { font-size: 16px; }
#gb-header .games-bar { background-color: #121212; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2e2e2e), color-stop(100%, #121212)); background: -webkit-linear-gradient(#2e2e2e, #121212); background: -moz-linear-gradient(#2e2e2e, #121212); background: -o-linear-gradient(#2e2e2e, #121212); background: linear-gradient(#2e2e2e, #121212); font-size: 10px; border-top: 1px solid #474747; border-bottom: 1px solid #8f8f8f; text-align: center; text-transform: uppercase; }
#gb-header .games-bar a { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; font-weight: normal; color: #c8ed48; padding: 0 0.5em; }
#gb-header .games-bar a:hover { text-decoration: underline; }
#gb-header .games-bar li { line-height: 24px; }
#gb-header .games-bar li:after { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; content: "|"; color: #aeaeae; }
#gb-header .games-bar li:last-child:after { display: none; }
#gb-header .main-nav { *zoom: 1; background-color: #eeeeee; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4e4e4), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(#e4e4e4, #eeeeee); background: -moz-linear-gradient(#e4e4e4, #eeeeee); background: -o-linear-gradient(#e4e4e4, #eeeeee); background: linear-gradient(#e4e4e4, #eeeeee); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); text-align: center; position: relative; height: 53px; margin-bottom: 25px; font-weight: bold; }
#gb-header .main-nav:after { content: ""; display: table; clear: both; }
#gb-header .user-nav, #gb-header .icon-nav { max-width: 250px; padding-top: 13px; }
#gb-header .user-nav a, #gb-header .icon-nav a { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; padding-top: 0.5em; padding-bottom: 0.5em; color: black; }
#gb-header .user-nav { float: left; text-align: left; position: relative; }
#gb-header .user-nav i { line-height: 0; position: relative; top: 0em; margin-right: 0.25em; }
#gb-header .user-nav i.logged-in { color: #4780d3; }
#gb-header .user-nav .user-name, #gb-header .user-nav .logged-out { text-transform: uppercase; height: 15px; padding: 6px 8px 4px 5px; margin-right: 3px; }
#gb-header .user-nav .logged-out { padding: 6px 8px 4px; }
#gb-header .user-nav .user-name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 230px; position: relative; z-index: 3; left: 0; }
#gb-header .user-nav .menu { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #fbfbfb; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #ededed)); background: -webkit-linear-gradient(#fbfbfb, #ededed); background: -moz-linear-gradient(#fbfbfb, #ededed); background: -o-linear-gradient(#fbfbfb, #ededed); background: linear-gradient(#fbfbfb, #ededed); max-width: 260px; border: 1px solid #d4d4d4; display: none; position: absolute; top: 100%; left: 0; z-index: 9999; margin-top: -1px; list-style-type: none; }
#gb-header .user-nav .menu a { display: block; }
#gb-header .user-nav .menu li { padding: 0 2em 0 0.5em; display: block; }
#gb-header .user-nav .menu li:hover { background: rgba(255, 255, 255, 0.9); }
#gb-header .user-nav .menu li:first-child { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
#gb-header .user-nav:hover .user-name { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; background: #fbfbfb; border-bottom-width: 0; }
#gb-header .user-nav:hover .menu { display: block; }
#gb-header .icon-nav { float: right; }
#gb-header .icon-nav a { padding: 4px 0.4em 3px; min-width: 1.5em; text-align: center; }
#gb-header .watch-play { overflow: hidden; *zoom: 1; height: 60px; background: transparent url("/images/nav-images/hcs-beveled-header.png") center bottom no-repeat; width: 470px; margin: 0 auto; position: absolute; left: 50%; margin-left: -235px; padding-top: 9px; }
#gb-header .watch-button, #gb-header .play-button { width: 100px; height: 32px; font-size: 14px; line-height: 32px; text-align: center; text-transform: uppercase; color: #4780d3; margin-top: 7px; position: relative; }
#gb-header .watch-button:active:after, #gb-header .play-button:active:after { display: block; content: ""; position: absolute; width: 90%; height: 3px; bottom: 0; left: 5%; margin-bottom: -9px; background: #3c9be6; }
#gb-header .watch-button { float: left; margin-left: 35px; }
#gb-header .play-button { float: right; margin-right: 35px; position: relative; }
#gb-header .active:after { display: block; content: ""; position: absolute; width: 90%; height: 3px; bottom: 0; left: 5%; margin-bottom: -9px; background: #3c9be6; }
#gb-header .home-logo { padding-top: 6px; }

#site-nav { width: 970px; background-color: #1278c2; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3c9be6), color-stop(100%, #1978c2)); background: -webkit-linear-gradient(#3c9be6, #1978c2); background: -moz-linear-gradient(#3c9be6, #1978c2); background: -o-linear-gradient(#3c9be6, #1978c2); background: linear-gradient(#3c9be6, #1978c2); margin-top: 10px; margin-bottom: 10px; border-top: 1px solid #54a7c9; border-spacing: 0; text-transform: uppercase; }
#site-nav td { position: relative; text-align: center; border-right: 1px solid #0a7fdb; }
#site-nav td:last-child { border-right-width: 0; }
#site-nav td:hover ul { display: block; }
#site-nav a { display: block; padding: 0.5em 1em; color: white; text-decoration: none; }
#site-nav .drop-down { position: relative; }
#site-nav .drop-down > a:after { content: "\25bc"; display: block; position: absolute; top: 50%; right: 5px; margin-top: -0.67em; font-size: 0.8em; }
#site-nav .gb-drop-down { position: relative; }
#site-nav ul { background-color: #1674be; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1674be), color-stop(100%, #115891)); background: -webkit-linear-gradient(#1674be, #115891); background: -moz-linear-gradient(#1674be, #115891); background: -o-linear-gradient(#1674be, #115891); background: linear-gradient(#1674be, #115891); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; border-top: 1px solid #115891; position: absolute; top: 100%; left: 0; text-align: left; text-transform: none; white-space: nowrap; min-width: 100%; z-index: 5999999; display: none; margin: 0; padding: 0; list-style-type: none; }
#site-nav td:hover, #site-nav li:hover { background-color: #3ca5f8; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3ca5f8), color-stop(100%, #1982d5)); background: -webkit-linear-gradient(#3ca5f8, #1982d5); background: -moz-linear-gradient(#3ca5f8, #1982d5); background: -o-linear-gradient(#3ca5f8, #1982d5); background: linear-gradient(#3ca5f8, #1982d5); }
#site-nav li:last-child { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
#site-nav li { padding: 0.5em 1em; }
#site-nav li a { padding: 0; }
#site-nav li a img { margin-right: 0.33em; }
#site-nav li.divider { padding-bottom: 4px; margin: 2px; border-bottom: 1px solid white; }
#site-nav li.divider:hover { background: none; }
#site-nav li.platform { font-size: 14px; font-weight: bold; padding-bottom: 2px; }
#site-nav li.platform:hover { background: none; }

.bp-row { width: 962px; margin: 0 auto; *zoom: 1; text-align: left; }
.bp-row:after { content: ""; display: table; clear: both; }
.bp-row .bp-row { width: auto; }
.bp-row .boxOuter { margin-left: 0; margin-right: 0; }
.bp-row .content { margin: 20px 0px; word-wrap: break-word; overflow: hidden; }

.bp-col { display: inline; float: left; margin-right: 10px; min-height: 1px; }
.bp-col.one { width: 152px; }
.bp-col.two { width: 314px; }
.bp-col.three { width: 476px; }
.bp-col.four { width: 638px; }
.bp-col.five { width: 800px; }
.bp-col.six { width: 962px; }
.bp-col.last, .bp-col:last-child { margin-right: 0; }

.module { *zoom: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; position: relative; padding: 10px; border-width: 1px; border-style: solid; margin: 0 0 10px; }
.module:after { content: ""; display: table; clear: both; }
.module > :last-child { margin-bottom: 0; }
.module .header, .module .footer { clear: both; padding: 5px 10px; border-style: solid; margin-left: -10px; margin-right: -10px; }
.module .header { -moz-border-radius-top-left: 5px; -webkit-border-top-left-radius: 5px; -o-border-top-left-radius: 5px; -ms-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-top-right: 5px; -webkit-border-top-right-radius: 5px; -o-border-top-right-radius: 5px; -ms-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; border-width: 0 0 1px; margin-top: -10px; margin-bottom: 10px; }
.module .footer { -moz-border-radius-bottom-left: 5px; -webkit-border-bottom-left-radius: 5px; -o-border-bottom-left-radius: 5px; -ms-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottom-right: 5px; -webkit-border-bottom-right-radius: 5px; -o-border-bottom-right-radius: 5px; -ms-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; border-width: 1px 0 0; margin-top: 10px; margin-bottom: -10px; }

#theme-selector { z-index: 9991; padding: 0 10px 5px; border-bottom: 2px solid #262626; }
#theme-selector label { color: #666666; }
#theme-selector a { cursor: pointer; color: #f4f4f4; padding: 0 25px 0 8px; line-height: 2em; text-decoration: none; }
#theme-selector dl { display: inline-block; width: 125px; position: relative; margin: 0; background-color: gray; }
#theme-selector dt { border: 1px solid #252525; background-image: url(/images/nav-images/menu-down.png); background-position: 95% 55%; background-repeat: no-repeat; }
#theme-selector dd { position: absolute; width: 121px; left: 1px; margin: 0; height: 0; overflow: hidden; }
#theme-selector dd a { line-height: 2.5em; }
#theme-selector dl:hover { -moz-border-radius-bottom-left: 3px; -webkit-border-bottom-left-radius: 3px; -o-border-bottom-left-radius: 3px; -ms-border-bottom-left-radius: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottom-right: 3px; -webkit-border-bottom-right-radius: 3px; -o-border-bottom-right-radius: 3px; -ms-border-bottom-right-radius: 3px; -khtml-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
#theme-selector dl:hover dd { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); -moz-border-radius-bottom-left: 3px; -webkit-border-bottom-left-radius: 3px; -o-border-bottom-left-radius: 3px; -ms-border-bottom-left-radius: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottom-right: 3px; -webkit-border-bottom-right-radius: 3px; -o-border-bottom-right-radius: 3px; -ms-border-bottom-right-radius: 3px; -khtml-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; border: 1px solid gray; border-width: 0 1px 1px; height: auto; background: #111111; z-index: 5000000; }
#theme-selector ul { background-color: #252525; padding: 0; margin: 0; }
#theme-selector ul li:hover { background: #111111; }
#theme-selector ul li a { display: block; color: #787878; }
#theme-selector ul li a:hover { color: #f4f4f4; }

.header-diagonal-container, .header-diagonal-container-social { border: 1px solid #dadada; }
.header-diagonal-container .header-diagonal, .header-diagonal-container-social .header-diagonal { border-top: 0; }
.header-diagonal-container .header-diagonal > .header-text, .header-diagonal-container-social .header-diagonal > .header-text { padding-left: 10px; padding-top: 5px; top: 0; }

.header-diagonal { background: white !important; padding: 0 !important; border-top: 1px solid #dadada; border-bottom: 0 !important; position: relative; min-height: 29px; line-height: 18px; text-shadow: none !important; margin-bottom: 10px; }
.header-diagonal > .header-text { color: black !important; vertical-align: top; float: left; max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; top: -1px; height: 18px; padding: 2px 40px 10px 1px; background-image: url("/images/hcs/header-diagonal.png"); background-position: right top; background-repeat: no-repeat; }
.header-diagonal > .header-more { float: right; font-size: 10px; padding: 5px 5px 0 0; }
.header-diagonal > .header-more big { font-size: 175%; line-height: 0; vertical-align: -0.1em; }
.header-diagonal > .header-more a { color: #0079d9; text-decoration: none; }
.header-diagonal.big { min-height: 39px; }
.header-diagonal.big > .header-text { height: 28px; padding: 9px 55px 3px 1px; background-image: url("/images/hcs/header-diagonal-40px.png"); }
.header-diagonal.big > .header-more { padding-top: 10px; }

.header-diagonal-container-social { margin-top: 4px; padding-bottom: 8px; }

.ladder-btn-orange input[type=button] { background-color: #e24613; width: 225px; margin: 3px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; font-weight: bold; display: inline-block; line-height: 3; text-align: center; border-radius: 3px; color: white; border: none; padding: 0; cursor: pointer; }

body { overflow-x: hidden; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; }

html { overflow-x: hidden; background: #dadada url("/images/nav-images/hcs-stripes.gif") 0 0 repeat; color: #222222; }
html .header_rules, html .bracket_links { color: #222222 !important; }
html .header_rules, html .bracket_links { color: #222222 !important; }
html .brackets .header .header_round { color: #222222 !important; }
html h1 { color: #999999; }
html ul.list li span { color: #222222; }
html div h4 { color: #222222; }
html table.list th { background: #dadada; color: #222222; }
html table.list td { background: #f2f2f2; color: #222222; }
html table.list .alt1 { background: #f7f7f7; }
html table.list .alt2 { background: #f7f7f7; }
html table.list th a { color: #222222 !important; }
html table.list tr.highlight_row td { background: url(/images/skins/default/row_highlight.png); }
html table.list-sm td { background: #f2f2f2; color: #222222; }
html table.list-sm .alt1 { color: #222222; background: white; }
html table.list-sm .alt2 { background: #f2f2f2; }
html table.list-xs th, html table.list-xs td { color: #222222; font-size: 10px; }
html div.boxOuter { border-color: #dadada; }
html div.boxOuter h3 { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #585858), color-stop(100%, #252525)); background: -webkit-linear-gradient(#585858, #252525); background: -moz-linear-gradient(#585858, #252525); background: -o-linear-gradient(#585858, #252525); background: -ms-linear-gradient(#585858, #252525); background: linear-gradient(#585858, #252525); text-shadow: rgba(0, 0, 0, 0.9) 0 1px 2px; background-color: #252525; color: #ececec !important; }
html div.bar-inner { background: #999999 url(/images/icons/16/pctbar_gray.png) repeat scroll 0 !important; }
html div.bar-outer { background: #555555 !important; }
html .header-dropdown { color: #a6a6a6; }
html #ticker { color: #222222; }
html #ticker_idx { color: #222222; }
html form.std .desc { color: black; }
html div.boxInner ul.news li { background: #f2f2f2; }
html div.boxInner ul.news li.alt { background: white; }
html ul.news li { background: #f2f2f2; border-bottom: 1px dotted black; }
html ul.news li.alt { background: white; }
html div.boxInner tr.leaderboards td.alt { background: white; }
html tr.leaderboards td.alt { background: white; }
html ul.list-ts li div.matches-heading .value a { color: #004d98; }
html ul.list-ts li div.matches-heading .value a:hover { color: #4489f4; }
html .ladder_season { color: #999999; }
html .team-btn a { color: white; }
html .userTeam { border-bottom: 1px dotted black; }
html .header-dropdown { color: white; }
html a.txt-comment { color: black !important; }
html .txt-comment { color: black; }
html a.arenabar { border-bottom: 1px dotted #222222; }
html a.arenabar div.platform { color: #222222; font-size: 9px; font-weight: normal; }

/*Supporting Wallpaper Ads */
#gpt-wallpaper_ad_container { position: fixed; top: 0px; left: 50%; margin-left: -951px; z-index: -2; }

#container { position: relative; padding: 0 !important; width: 990px; z-index: 0; }

#subcontainer { padding: 9px 9px 5px; background-color: white; z-index: 100; }

.wallpaper-ad-box { z-index: -100; }

.watch-play { z-index: 1; }

.advertisement.leaderboard { z-index: 100; }

#site-nav { z-index: 100; position: relative; font-weight: bold; }

.alert { padding: 8px 35px 8px 14px; margin-bottom: 10px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.alert-red { color: #b94a48; text-align: center; background-color: #f2dede; border-color: black; }

div.trophy_case_toast { display: none; border: 2px solid #666666; -moz-border-radius: 8px; -webkit-border-radius: 8px; width: 520px; min-height: 125px; z-index: 25000; }
div.trophy_case_toast div { padding: 2px; background-color: white; width: 500px; }
div.trophy_case_toast div.close { background-image: url(/images/skins/default/overlay_close.png); position: absolute; right: 0px; top: 5px; cursor: pointer; height: 28px; width: 28px; }
div.trophy_case_toast div.toast_header { padding-bottom: 5px; color: white; background: url(/images/skins/common/popalert/alert_header.jpg) no-repeat; }
div.trophy_case_toast div.trophy_toast_inner { float: left; width: 100%; clear: both; text-align: center; }

div.trophy_toast_wrapper { float: left; width: 70%; border: none; text-align: center; font-size: 14px; color: #017dde; }

.alert-box { color: #224444; border-radius: 5px; padding: 10px 10px 10px 0px; line-height: 17px; margin: 5px; display: flex; align-items: center; }
.alert-box.error { background: #f4f4f4 no-repeat 10px 50%; border: 1px solid #e6e6e6; margin: 5px; padding: 10px 10px 10px 0px; }
.alert-box.success { background: #f4f4f4 no-repeat 10px 50%; border: 1px solid #e6e6e6; margin: 5px; padding: 10px 10px 10px 0px; }
.alert-box.warning { background: #f4f4f4 no-repeat 10px 50%; border: 1px solid #e6e6e6; margin: 5px; padding: 10px 10px 10px 0px; }
.alert-box.notice { background: #f4f4f4 no-repeat 10px 50%; margin: 5px; border: 1px solid #e6e6e6; padding: 10px 10px 10px 0px; }
.alert-box span.alert-box-icon { display: block; font-weight: bold; text-align: center; min-width: 40px; }
.alert-box span.alert-box-text { font-family: Tahoma, Geneva, Arial, sans-serif; font-size: 11px; }

.error-icon:before { content: "\f06a"; font-family: FontAwesome; font-size: 22px; color: #c3c2c3; }

.notice-icon:before { content: "\f05a"; font-family: FontAwesome; font-size: 22px; color: #c3c2c3; }