body {
    font-family: Arial;
    font-size: 10pt;
    margin: 10px;
}
a, a:visited {
    color: #009;
}
a:hover {
    color: #f60;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
.bold {
    font-weight: bold;
}
.clear {
    clear: both;
}
.nowrap {
    white-space: nowrap;
}

.starter {
    font-weight: bold;
}
.warning {
    color: red;
    font-weight: bold;
}

/********************************/

.playin {
    width: 200px;
    float: left;
    border-radius: 5px;
    border: #999 2px solid;
    background-color: #fff;
    margin: 10px;
}

#bracket {
    position: relative;
    background: #fff;
    width: 1040px;
}

#bracket .leftSide {
    float: right;
    top: 20px;
    left: 0px;
    position: absolute;
}

#bracket .rightSide {
    float: right;
    top: 20px;
    right: 0px;
    position: absolute;
}

span.setupTeam {
    display: inline-block;
    width: 100%;
}
span.setupTeam:hover {
    background-color: #ddf;
    cursor: pointer;
}
span.correctTeam {
    display: inline-block;
    width: 100%;
}
span.correctTeam:hover {
    font-weight: bold;
    cursor: pointer;
}
span.winner {
    font-weight: bold;
}
span.wrongPick {
    color: red;
    text-decoration: line-through;
}
span.rightPick {
    color: green;
}

.match {
    border: 1px solid #999;
    border-width: 1px 1px 2px medium;
    width: 105px;
    border-left: none;
    height: 30px;
    line-height: 15px;
    white-space: nowrap;
    position: absolute;
    left: 1px;
    padding: 0 0 0 5px;
}
.rightSide .match {
    border-left: 1px solid #999;
    border-right: none;
    left: auto;
    right: 1px;
}

.match dt {
    float: left;
    width: 98px;
}

.region {
    position: relative;
    width: 494px;
    background: transparent;;
    height: 350px;
}

dl.match.winnertop {
    background: url(/img/scoreboard_arrow.gif) no-repeat scroll 0 20% #ECECEC !important;
}

dl.match.winnerbottom {
    background: url(/img/scoreboard_arrow.gif) no-repeat scroll 0 85% #ECECEC !important;
}

dl.match.winnernone {
    background: url(/img/scoreboard_arrow.gif) no-repeat scroll 0 -1000px #ECECEC !important;
}

.round3.match.winnertop {
    background: url(/img/scoreboard_arrow.gif) no-repeat scroll 0 30px #FFFFFF !important;
}

.round3.match.winnerbottom {
    background: url(/img/scoreboard_arrow.gif) no-repeat scroll 0 45px #FFFFFF !important;
}

.round4.match.winnertop {
    background: url(/img/scoreboard_arrow.gif) no-repeat scroll 0 70px #FFFFFF !important;
}

.round4.match.winnerbottom {
    background: url(/img/scoreboard_arrow.gif) no-repeat scroll 0 85px #FFFFFF !important;
}

.finalfour.match.winnertop {
    background: url(/img/scoreboard_arrow.gif) no-repeat scroll 0 150px #FFFFFF !important;
}

.finalfour.match.winnerbottom {
    background: url(/img/scoreboard_arrow.gif) no-repeat scroll 0 165px #FFFFFF !important;
}

.round3.match.winnernone, .round4.match.winnernone, .finalfour.match.winnernone {
    background: url(/img/scoreboard_arrow.gif) no-repeat scroll 0 -1000px #FFFFFF !important;
}


.round1.match1 {
    top: 10px;
}
.round1.match2 {
    top: 50px;
}
.round1.match3 {
    top: 90px;
}
.round1.match4 {
    top: 130px;
}
.round1.match5 {
    top: 170px;
}
.round1.match6 {
    top: 210px;
}
.round1.match7 {
    top: 250px;
}
.round1.match8 {
    top: 290px;
}
.round2.match1 {
    top: 30px;
}
.round2.match2 {
    top: 110px;
}
.round2.match3 {
    top: 190px;
}
.round2.match4 {
    top: 270px;
}
.round3.match1 {
    top: 55px;
}
.round3.match2 {
    top: 215px;
}
.round4.match1 {
    top: 95px;
}



.round2.match {
    left: 112px;
    z-index: 500;
}
.rightSide .round2.match {
    left: auto;
    right: 112px;
}

.round3.match {
    left: 177px;
    height: 80px;
    z-index: 250;
}
.rightSide .round3.match {
    left: auto;
    right: 177px;
}

.round3 dl {
    position: absolute;
    top: 15px;
}

.round4.match {
    left: 245px;
    height: 160px;
    z-index: 200px;
}
.rightSide .round4.match {
    left: auto;
    right: 245px;
}

.round4 dl {
    position: absolute;
    top: 55px;
}

.finalfour.match {
    left: 315px;
    height: 330px;
    z-index: 180px;
    top: 175px;
}
.rightSide .finalfour.match {
    left: auto;
    right: 315px;
}

.finalfour dl {
    position: absolute;
    top: 135px;
}


.semifinal {
    position: absolute;
    border-bottom: 1px solid #999;
    width: 100px;
    line-height: 15px;
    white-space: nowrap;
    left: 425px;
    top: 240px;
}
.rightSide .semifinal {
    left: auto;
    right: 425px;
    top: 375px;
}


.champion {
    font-weight: bold;
    position: absolute;
    width: 110px;
    font-size: 1.2em;
    top: 325px;
    left: 461px;
    border: 2px solid #666;
    padding: 2px;
}
.champion.wrongPick {
    color: red;
    text-decoration: line-through;
}
.champion.rightPick {
    color: green;
}