@charset "utf-8";
em { margin:0; padding:0 }
#drawsUtils { width: 845px !important; margin: 15px 0; padding:0; height: 160px; border:1px solid #CCC; background:#FFF }
#drawsUtils .navigator { clear: both; width: 843px; padding:0; border:none; margin-bottom:0; height: auto }
#drawRounds { float:left; width: 845px; height:25px; line-height:25px; background:#009BDF; color:#FFF; font-weight:bold; margin-bottom:10px }
#drawRounds .first { float:left; width:210px !important; height:25px; text-align:center; border-right:1px solid #B2B2B2 }
#drawRounds .second { float:left; width:210px; height:25px; text-align:center; border-right:1px solid #B2B2B2 }
#drawRounds .third { float:left; width:210px; height:25px; text-align:center; border-right:1px solid #B2B2B2 }
#drawRounds .fourth { float:left; width:210px; height:25px; text-align:center }

#drawbox { clear:both }
#drawbox .normalbox { width:185px; height: 40px; border:1px solid #CCC; padding:4px 0 0 5px; line-height: 120%; font-size: 13px; }
#drawbox .bye { width:185px; height: 40px; border:1px solid #CCC; padding: 8px 0 0 0; text-align:center; font-size:15px; }
#drawbox .nodata { width:185px; height: 40px; border:1px solid #CCC; padding: 12px 0 0 0; text-align:center; font-size:12px; color:#0091d2 }
#drawbox .winbox { width:185px; height: 40px; border:1px solid #CCC; padding:4px 0 0 5px; line-height: 120%; font-size: 13px; background: #E6F5FF; color: #0091D2; }
#drawbox .illegal { width:185px; height: 40px; border:1px solid #CCC; padding:4px 0 0 5px; line-height: 120%; font-size: 13px; background: #FF5959; color: #FFF; }
#drawbox .teamnormal { width: 167px; height: 40px; border: 1px solid #CCC; padding: 8px 0 0 0; text-align: center; font-size: 15px; }
.timerbox { float:right; position:relative; z-index:101; top:0; left:0 }
.controlbox { float:right; position:relative; z-index:100; top:-20px; left:0 }
.controlbox .win { background:#009BDF; font-size:11px }
.controlbox .del { background:#F00; font-size:11px }
.controlbox .diss { background:#F90; font-size:11px }
.teamcontrol { width:155px; height:28px; border:1px solid #CCC; padding:10px 0 0 10px; font-size:15px }
.teamcontrol .win { background:#009BDF; font-size:11px }
.teamcontrol .del { background:#F00; font-size:11px }
.teamcontrol .diss { background:#F90; font-size:11px }
.teamcontrol .posi { float:right; position:relative; z-index:100; top:-11px; left:0 }
.normalbox .buttons { position:relative; top:3px }
.normalbox .position { position:relative; top:8px; left:5px }
.normalbox2 .position { position:relative; top:8px; left:5px }
#drawbox .dis { width:160px; height:26px; border:1px solid #CCC; padding:10px 0 0 0; text-align: center; background:#E6F5FF; font-size: 15px;  } 

#back { position: relative; top:0; left:0; background: url("/assets/images/draws_prev_arrow.gif") no-repeat 0 0; }
#drawTableFinal #back { top: 26px; }
#match1 { position: absolute; top: 5px; left: 40px; width: 316px; }
#match1 .team1 { position: absolute; left: 0px; top: 2px; width: 100%; height: 28px; }
#match1 .team2 { position: absolute; left: 0px; top: 41px; width: 100%; height: 28px; }
#match1 .status { position: absolute; left: 0px; top: 29px; width: 218px; text-align: center; font-weight: bold; }
#match1 .statslink { position: absolute; right: 0px; top: 29px; width: 98px; height: 14px; text-align: center; font-style: italic; }
#match1 .name { float: left; width: 218px; line-height: 14px; }
#match1 .set { float: left; width: 19px; line-height: 28px; text-align: center; }
#winner1 { position: absolute; top: 43px; left: 391px; }
#match2 { position: absolute; top: 78px; left: 40px; width: 316px; }
#match2 .team1 { position: absolute; left: 0px; top: 2px; width: 100%; height: 28px; }
#match2 .team2 { position: absolute; left: 0px; top: 41px; width: 100%; height: 28px; }
#match2 .status { position: absolute; left: 0px; top: 29px; width: 218px; text-align: center; font-weight: bold; }
#match2 .statslink { position: absolute; right: 0px; top: 29px; width: 98px; height: 14px; text-align: center; font-style: italic; }
#match2 .name { float: left; width: 218px; line-height: 14px; }
#match2 .set { float: left; width: 19px; line-height: 28px; text-align: center; }
#winner2 { position: absolute; top: 81px; left: 391px; }
#next { position: relative; top: 0; right: 0px; background: url("/assets/images/draws_next_arrow.gif") no-repeat 0 0; }
#matchf { position: absolute; top: 1px; left: 40px; width: 316px; }
#matchf .team1 { position: absolute; left: 0px; top: 2px; width: 100%; height: 28px; }
#matchf .team2 { position: absolute; left: 0px; top: 41px; width: 100%; height: 28px; }
#matchf .status { position: absolute; left: 0px; top: 29px; width: 218px; text-align: center; font-weight: bold; }
#matchf .statslink { position: absolute; right: 0px; top: 29px; width: 98px; height: 14px; text-align: center; font-style: italic; }
#matchf .name { float: left; width: 218px; line-height: 14px; }
#matchf .set { float: left; width: 19px; line-height: 28px; text-align: center; }
#winnerf { position: absolute; top: 23px; left: 391px; }
#drawTable .stats { font-size: 0.9em; color: #052A48; line-height: 11px; }
#drawTable .stats a { text-decoration: none; }
.drawNavBkg { width: 640px; min-height: 147px; border: 1px; border-style: solid; border-color: #A3C2A3; }
.drawNavLine { line-height: 18px; }


.navigator #headers { float: left; width: 845px; height: 20px; line-height: 20px; background: #009BDF; color:#FFF; font-weight: bold; }
.navigator #headers div { float: left; width: 110px; margin-left:4px; text-align: center; font-weight: bold; }
.navigator #options { float: left; width: 845px !important; height: 125px !important; padding: 5px 14px 5px 13px; overflow: hidden; }
.navigator #options .column { float: left; width: 110px; margin-left: 4px; }
.navigator #headers div:first-child, .navigator #options .column:first-child { margin-left: 60px; }
.navigator #headers.nav7 { width: 600px !important; padding: 0px 4px; }
.navigator #options.nav7 { width: 600px !important; padding: 5px 4px; }
.navigator .btm-margin { margin-bottom: 5px; }
.navigator .navm7 .r1s1 { width: 83x; height: 25px; background: url('/assets/images/draw_navigator_sprite.png') 0px 0px no-repeat; }
.navigator .navm7 .r1s2 { width: 83px; height: 25px; background: url('/assets/images/draw_navigator_sprite.png') 0px -30px no-repeat; }
.navigator .navm7 .r1s3 { width: 83px; height: 25px; background: url('/assets/images/draw_navigator_sprite.png') 0px -60px no-repeat; }
.navigator .navm7 .r1s4 { width: 83px; height: 25px; background: url('/assets/images/draw_navigator_sprite.png') 0px -90px no-repeat; }
.navigator .navm7 .r2s1 { width: 83px; height: 55px; background: url('/assets/images/draw_navigator_sprite.png') -88px 0px no-repeat; }
.navigator .navm7 .r2s2 { width: 83px; height: 55px; background: url('/assets/images/draw_navigator_sprite.png') -88px -60px no-repeat; }
.navigator .navm7 .r3s1 { width: 83px; height: 115px; background: url('/assets/images/draw_navigator_sprite.png') -176px 0px no-repeat; }
.navigator .navm7 .r4s1 { width: 83px; height: 115px; background: url('/assets/images/draw_navigator_sprite.png') -264px 0px no-repeat; }
.navigator .navm7 .r5s1 { width: 83px; height: 115px; background: url('/assets/images/draw_navigator_sprite.png') -352px 0px no-repeat; }
.navigator .navm7 .r6s1 { width: 83px; height: 115px; background: url('/assets/images/draw_navigator_sprite.png') -440px 0px no-repeat; }
.navigator .navm7 .r7s1 { width: 83px; height: 115px; background: url('/assets/images/draw_navigator_sprite.png') -528px 0px no-repeat; }
.navigator.navm7r1s1 .r1s1 { background-position: 0px -120px; }
.navigator.navm7r1s2 .r1s2 { background-position: 0px -150px; }
.navigator.navm7r1s3 .r1s3 { background-position: 0px -180px; }
.navigator.navm7r1s4 .r1s4 { background-position: 0px -210px; }
.navigator.navm7r2s1 .r2s1 { background-position: -88px -120px; }
.navigator.navm7r2s2 .r2s2 { background-position: -88px -180px; }
.navigator.navm7r3s1 .r3s1 { background-position: -176px -120px; }
.navigator.navm7r4s1 .r4s1 { background-position: -264px -120px; }
.navigator.navm7r5s1 .r5s1 { background-position: -352px -120px; }
.navigator.navm7r6s1 .r6s1 { background-position: -440px -120px; }
.navigator.navm7r7s1 .r7s1 { background-position: -528px -120px; }
.navigator #headers.nav6 { width: 843px !important; padding: 0px 40px }
.navigator #options.nav6 { width: 845px !important; padding: 10px 40px; }
.navigator .navm6 .r1s1 { width: 110px; height: 55px; background: url('/assets/images/draw_navigator_sprite.png') -115px 0px no-repeat; }
.navigator .navm6 .r1s2 { width: 110px; height: 55px; background: url('/assets/images/draw_navigator_sprite.png') -115px -60px no-repeat; }
.navigator .navm6 .r2s1 { width: 110px; height: 115px; background: url('/assets/images/draw_navigator_sprite.png') -230px 0px no-repeat; }
.navigator .navm6 .r3s1 { width: 110px; height: 115px; background: url('/assets/images/draw_navigator_sprite.png') -345px 0px no-repeat; }
.navigator .navm6 .r4s1 { width: 110px; height: 115px; background: url('/assets/images/draw_navigator_sprite.png') -460px 0px no-repeat; }
.navigator .navm6 .r5s1 { width: 110px; height: 115px; background: url('/assets/images/draw_navigator_sprite.png') -575px 0px no-repeat; }
.navigator .navm6 .r6s1 { width: 110px; height: 115px; background: url('/assets/images/draw_navigator_sprite.png') -690px 0px no-repeat; }
.navigator.navm6r1s1 .r1s1 { background-position: -115px -120px; }
.navigator.navm6r1s2 .r1s2 { background-position: -115px -180px; }
.navigator.navm6r2s1 .r2s1 { background-position: -230px -120px; }
.navigator.navm6r3s1 .r3s1 { background-position: -345px -120px; }
.navigator.navm6r4s1 .r4s1 { background-position: -460px -120px; }
.navigator.navm6r5s1 .r5s1 { background-position: -575px -120px; }
.navigator.navm6r6s1 .r6s1 { background-position: -690px -120px; }
.navigator #headers.nav5 { width: 435px !important; padding: 0px 87px 0px 86px; }
.navigator #options.nav5 { width: 435px !important; padding: 5px 87px 5px 86px; }
.navigator .navm5 .r1s1 { width: 83px; height: 115px; background: url('/assets/images/draw_navigator_sprite.png') -176px 0px no-repeat; }
.navigator .navm5 .r2s1 { width: 83px; height: 115px; background: url('/assets/images/draw_navigator_sprite.png') -264px 0px no-repeat; }
.navigator .navm5 .r3s1 { width: 83px; height: 115px; background: url('/assets/images/draw_navigator_sprite.png') -352px 0px no-repeat; }
.navigator .navm5 .r4s1 { width: 83px; height: 115px; background: url('/assets/images/draw_navigator_sprite.png') -440px 0px no-repeat; }
.navigator .navm5 .r5s1 { width: 83px; height: 115px; background: url('/assets/images/draw_navigator_sprite.png') -528px 0px no-repeat; }
.navigator.navm5r1s1 .r1s1 { background-position: -176px -120px; }
.navigator.navm5r2s1 .r2s1 { background-position: -264px -120px; }
.navigator.navm5r3s1 .r3s1 { background-position: -352px -120px; }
.navigator.navm5r4s1 .r4s1 { background-position: -440px -120px; }
.navigator.navm5r5s1 .r5s1 { background-position: -528px -120px; }
.navigator #headers.nav3 { width: 259px !important; padding: 0px 175px 0px 174px; }
.navigator #options.nav3 { width: 259px !important; padding: 5px 175px 5px 174px; }
.navigator .navq3 .r1s1 { width: 83px; height: 25px; background: url('/assets/images/draw_navigator_sprite.png') 0px 0px no-repeat; }
.navigator .navq3 .r1s2 { width: 83px; height: 25px; background: url('/assets/images/draw_navigator_sprite.png') 0px -30px no-repeat; }
.navigator .navq3 .r1s3 { width: 83px; height: 25px; background: url('/assets/images/draw_navigator_sprite.png') 0px -60px no-repeat; }
.navigator .navq3 .r1s4 { width: 83px; height: 25px; background: url('/assets/images/draw_navigator_sprite.png') 0px -90px no-repeat; }
.navigator .navq3 .r2s1 { width: 83px; height: 55px; background: url('/assets/images/draw_navigator_sprite.png') -88px 0px no-repeat; }
.navigator .navq3 .r2s2 { width: 83px; height: 55px; background: url('/assets/images/draw_navigator_sprite.png') -88px -60px no-repeat; }
.navigator .navq3 .r3s1 { width: 83px; height: 115px; background: url('/assets/images/draw_navigator_sprite.png') -176px 0px no-repeat; }
.navigator.navq3r1s1 .r1s1 { background-position: 0px -120px; }
.navigator.navq3r1s2 .r1s2 { background-position: 0px -150px; }
.navigator.navq3r1s3 .r1s3 { background-position: 0px -180px; }
.navigator.navq3r1s4 .r1s4 { background-position: 0px -210px; }
.navigator.navq3r2s1 .r2s1 { background-position: -88px -120px; }
.navigator.navq3r2s2 .r2s2 { background-position: -88px -180px; }
.navigator.navq3r3s1 .r3s1 { background-position: -176px -120px; }
.navigator .navm3 .r1s1 { width: 83px; height: 115px; background: url('/assets/images/draw_navigator_sprite.png') -352px 0px no-repeat; }
.navigator .navm3 .r2s1 { width: 83px; height: 115px; background: url('/assets/images/draw_navigator_sprite.png') -440px 0px no-repeat; }
.navigator .navm3 .r3s1 { width: 83px; height: 115px; background: url('/assets/images/draw_navigator_sprite.png') -528px 0px no-repeat; }
.navigator.navm3r1s1 .r1s1 { background-position: -352px -120px; }
.navigator.navm3r2s1 .r2s1 { background-position: -440px -120px; }
.navigator.navm3r3s1 .r3s1 { background-position: -528px -120px; }
.navigator #headers.nav2 { width: 171px !important; padding: 0px 219px 0px 218px; }
.navigator #options.nav2 { width: 171px !important; padding: 5px 219px 5px 218px; }
.navigator .navq2 .r1s1 { width: 83px; height: 115px; background: url('/assets/images/draw_navigator_sprite.png') -176px 0px no-repeat; }
.navigator .navq2 .r2s1 { width: 83px; height: 115px; background: url('/assets/images/draw_navigator_sprite.png') -264px 0px no-repeat; }
.navigator.navq2r1s1 .r1s1 { background-position: -176px -120px; }
.navigator.navq2r2s1 .r2s1 { background-position: -264px -120px; }
.navigator .navm2 .r1s1 { width: 83px; height: 115px; background: url('/assets/images/draw_navigator_sprite.png') -440px 0px no-repeat; }
.navigator .navm2 .r2s1 { width: 83px; height: 115px; background: url('/assets/images/draw_navigator_sprite.png') -528px 0px no-repeat; }
.navigator.navm2r1s1 .r1s1 { background-position: -440px -120px; }
.navigator.navm2r2s1 .r2s1 { background-position: -528px -120px; }
.navigator #headers.nav1 { width: 86px !important; padding: 0px 261px; }
.navigator #options.nav1 { width: 86px !important; padding: 5px 261px; }
.navigator .navm1 .r1s1 { width: 83px; height: 115px; background: url('/assets/images/draw_navigator_sprite.png') -528px 0px no-repeat; }
.navigator.navm1r1s1 .r1s1 { background-position: -528px -120px; }
#drawTable, #drawbox a:link, a:active { color:#0091d2; line-height: 80%; }
#drawTable, #drawbox a:visited { color:#0091d2 }

#sbtu a:link { text-decoration:none; color:#FFF }
#sbtu a:visited { text-decoration:none; color:#FFF }

.tab { margin:20px 0; padding:0 }
.tab .tab_u { display:table; max-width: 845px; width:100%; margin:0 auto }
.tab .tab_l { display:table-cell; width:50% }
.tab_s3 { width: 845px }
.tab .tab_a { display:block; position:relative; width:100%; height: 40px; background-color:#ddd; color:#666; font-family:AppleSDGothicNeo-Light, HelveticaNeue-Light, sans-serif; font-size:17px; letter-spacing:-1px; line-height:37px; text-align:center; white-space:nowrap; text-overflow:ellipsis }
.tab .tab_a:after { position:absolute; top:0; left:-1px; width:1px; height:35px; background-color:#d2d2d2; content:'' }
.tab .tab_l:first-child .tab_a:after,
.tab .tab_lon .tab_a:after{display:none}
.tab .tab_lon .tab_a { z-index:2; background-color:#5CC8F2; border:1px solid #CCC; color:#FFF }