.title-bar { overflow: hidden; padding:15px 0 0; margin-bottom:20px; }
.title-bar h1 { font: bold 28px/28px helvetica, arial,sans-serif; padding:0 0 0 15px; float:left; }
.title-bar .tertiary { float:right; text-align: right; padding:0 15px 0 0; }
.title-bar .tertiary span { display: block; }
.title-bar .print-button { font-size: 11px; display: inline-block; padding: 4px 8px; border: 1px solid #ccc; line-height: 12px; position: relative; top: -6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fafafa; }
.bracket-groups { overflow: hidden; border-bottom: 1px dashed #8c8b8b; margin-bottom: 15px; padding-bottom:10px; }
.bracket-groups table { width: 228px; border-collapse: separate; color: #444444; float:left; margin:0 2px 10px 0; }
.bracket-groups table.last { margin-right:0; }
.bracket-groups table tr th { background:none;  border-bottom: 0; text-align: left;  border-top:1px solid #c1c1c1; text-align: center; font-size: 9px; padding:4px 0 3px; }
.bracket-groups table tr th.group { font: normal 12px/12px helvetica, arial,sans-serif; padding:0 0 0 10px; text-align: left; }
.bracket-groups table tr td { text-align: center; padding:3px 0 4px; font-size: 10px;  }
.bracket-groups table tr td.team-name { text-align: left; padding: 0 0 0 7px; width: 115px; }
.bracket-groups table tr.advancing { background:#f1f1f1; }
.bracket-groups table tr.advancing td.team-name { font-weight: bold; }
.bracket-groups table tr td.total { font-weight: bold; }
.bracket-stages { overflow: hidden; padding: 0 5px;  }
.bracket-stages h3 { text-transform:uppercase; padding-bottom:8px; font-size: 12px; font-family: Helvetica, Arial, sans-serif; text-align: center; color: #444; }
.bracket-stages .region .game p {margin: 0; color: #545454; }
.bracket-stages .region .game p.round { text-transform:uppercase;}
.bracket-stages .region { overflow:hidden; background: transparent url(/prod/assets/worldcup2010/bracket/wc-bracket-sprite.png) no-repeat  120px -85px; }
.bracket-stages .game { margin-bottom:12px; overflow:hidden; }
.bracket-stages .game.last { margin-bottom:0 !important; }
.bracket-stages .game p.date { font-size: 9px; margin-bottom: 3px; font-weight:normal !important; }
.bracket-stages .game.live p.date span { color: #ff0000; font-weight:bold; }
.bracket-stages .game .matchup { border: 1px solid #c1c1c1; width: 118px; height: 56px; overflow: hidden; background: transparent url(/prod/assets/worldcup2010/bracket/wc-bracket-sprite.png) repeat-x center 6px; font-size:9px; cursor:pointer;  }
.bracket-stages .game .matchup .teaminfo { overflow:hidden; margin: 10px 0 7px; }
.bracket-stages .game .matchup .teaminfo span { display: block; float: left; font-weight:bold; }
.bracket-stages .game .matchup .teaminfo span.seed { width:18px; margin-left: 2px; }
.bracket-stages .game .matchup .teaminfo span.score { float: right; margin-right: 5px;  }
.bracket-stages .game .matchup .teaminfo span.team { margin-left:5px; font-weight:normal;}
.bracket-stages .game .matchup .teaminfo span.winner {font-weight:bold;}
.bracket-stages .game .matchup.link-overlay { display:none; background: #2a2a2a; cursor:default !important; }
.bracket-stages .game .matchup.link-overlay a { color: #fff; font: bold 9px verdana, arial, sans-serif; display:block; padding: 2px 0 2px 4px; background:none; }
.bracket-stages .game .matchup.link-overlay a:hover { background:#5c5c5c; text-decoration:none; }
.bracket-stages .game .matchup.link-overlay a:visited { color: #fff !important; }

.bracket-stages .semifinals .region { background: transparent url(/prod/assets/worldcup2010/bracket/wc-bracket-sprite.png) no-repeat 120px -1105px; padding-top: 30px; }
.bracket-stages .semifinals.right .region { background: transparent url(/prod/assets/worldcup2010/bracket/wc-bracket-sprite.png) no-repeat 0 -1305px; padding-top: 30px; text-align:right; }
.bracket-stages .semifinals.right .game .matchup { float: right; text-align:left; }

.bracket-stages .quarterfinals .region { background: transparent url(/prod/assets/worldcup2010/bracket/wc-bracket-sprite.png) no-repeat 120px -484px; }
.bracket-stages .quarterfinals.right .region { background: transparent url(/prod/assets/worldcup2010/bracket/wc-bracket-sprite.png) no-repeat 0 -785px; }
.bracket-stages .quarterfinals.right .game .matchup { float: right; text-align:left; }

.bracket-stages .r16 { width: 131px; float: left; }
.bracket-stages .r16.right .game { margin-left:11px; text-align:left; clear: right; }
.bracket-stages .r16.right .game p.date { text-align:right; }
.bracket-stages .r16.right .region { overflow:hidden; background: transparent url(/prod/assets/worldcup2010/bracket/wc-bracket-sprite.png) no-repeat  0 -285px; }

.bracket-stages .quarterfinals { width: 131px; float: left; }
.bracket-stages .quarterfinals .region { margin-top: 45px; }
.bracket-stages .quarterfinals .game { margin-bottom:96px; }
.bracket-stages .quarterfinals.right .game p.date { text-align:right; }
.bracket-stages .quarterfinals.right .game { margin-bottom:96px; }

.bracket-stages .semifinals { width: 131px; float: left; }
.bracket-stages .semifinals .region { margin-top: 100px; }

.bracket-stages .finals { width: 120px; float: left; }
.bracket-stages .finals .region { margin-top: 65px; background: none; }
.bracket-stages .finals .game { margin: 0 0 50px; }
.bracket-stages .finals .game p { text-align:center; margin-right: 6px; font-weight:bold; }