@import url("teamcolors.css");

.tournament
{
  width: 775px;
  height: 324px;
  position: relative;
  margin: 0px auto;
  border: 0px solid #000; /* this was at 2px */
  font-family: Arial;
}

.tournament_note
{
	width:775px;
	position: relative;
	margin: 2px auto 0px auto;
	border: 1px solid #000;
	background-color:#ccc;
	text-align:center;
	font-family: Verdana;
	height: 37px;

}

.tournament_label
{
   position: relative;
   top: 10px;
   font-weight: bold;
   font-size: 20px;
   text-align: left;
   font-family: Verdana;
}

.team
{
   position: absolute;
   height: 16px;
   width: 110px;
   overflow: hidden;
   font-weight: bold;
   font-size: 12px;
   border-bottom: 2px solid #000000; 
}

.winner
{
   position: absolute;
   height: 16px;
   width: 90px;
   overflow: hidden;
   font-weight: bold;
   font-size: 13px;
   border-bottom: 2px solid #000000; 
}

.firstround
{
   position: absolute;
   height: 24px;
   width: 110px;
   overflow: hidden;
   font-size: 9px;
}

.firstround > p
{
   margin: 8px 1px 0px;
}

.quarterfinal
{
   position: absolute;
   height: 54px;
   width: 90px;
   overflow: hidden;
   font-size: 9px;
}

.quarterfinal > p
{
   margin: 23px 1px 0px;
}

.semifinal
{
   position: absolute;
   height: 154px;
   width: 90px;
   overflow: hidden;
   font-size: 9px;
}

.semifinal > p
{
   margin: 70px 1px 0px;
}

.champion_label
{
   position: absolute;
   height: 10px;
   width: 90px;
   font-size: 9px;
   text-align: center;
}


/* Set Vertical position of teams and games*/
.seed1, .seed2
{
   top: 50px;
}

.quarterNW, .quarterNE
{
   top: 66px;
}

.winner_quarterNW, .winner_quarterNE
{
   top: 93px;
}

.semiE, .semiW
{
   top: 109px;
}

.seed8, .seed7
{
   top: 100px;
}

.firstNW, .firstNE
{
   top: 116px;
}

.winner_firstNW, .winner_firstNE
{
   top: 120px;
}   

.winner_semiW
{
   top: 130px;
}

.seed9, .seed10
{
   top: 140px;
}

.champion
{
   top: 178px;
}

.champion_label
{
   top: 196px;
}

.seed5, .seed6
{
   top: 200px;
}

.firstSW, .firstSE
{
   top: 216px;
}

.winner_semiE
{
   top: 228px;
}

.seed12, .seed11
{
   top: 240px;
}

.winner_firstSW, .winner_firstSE
{
   top: 220px;
}

.winner_quarterSW, .winner_quarterSE
{
   top: 263px;
}

.quarterSW, .quarterSE
{
   top: 236px;
}

.seed4, .seed3
{
   top: 290px;
}
  

/* Set Horizontal position of teams and games*/
.seed8, .seed9, .seed5, .seed12, .firstNW, .firstSW
{
   left: 23px;
}

.seed1, .seed4
{
   left: 113px;
}

.quarterNW, .quarterSW, .winner_firstNW, .winner_firstSW
{
   left: 133px;
}

.winner_quarterNW, .winner_quarterSW, .semiW
{
   left: 223px;
}

.winner_semiW
{
   left: 313px;
}

.champion, .champion_label
{
   left: 337px;
}

.winner_semiE
{
   left: 361px;
}

.winner_quarterNE, .winner_quarterSE, .semiE
{
   left: 451px;
}

.seed2, .seed3, .quarterSE, .quarterNE, .winner_firstNE, .winner_firstSE
{
   left: 541px;
}

.seed6, .seed7, .seed11, .seed10, .firstNE, .firstSE
{
   left: 631px;
}


/* Set borders to make bracket */
.seed9, .seed12, .seed4, .firstNW, .firstSW, .quarterNW, .quarterSW, .winner_firstNW, .winner_quarterSW, .semiW
{
   border-right: 2px solid #000000;
}

.seed11, .seed10, .seed3, .firstNE, .firstSE, .quarterNE, .quarterSE, .winner_firstNE, .winner_quarterSE, .semiE
{
   border-left: 2px solid #000000;
}

/* Borders used for blanking */
.seed2, .seed6, .seed7, .winner_firstSE, .winner_quarterNE
{
   border-left: 2px solid #ffffff;
}


.rank
{
   width: 18px;
   height: 100%;
   background-color: #222222;
   color: #ffffff;
   float: both;
}

.teamname
{
   height: 100%;
}


/* Set text alignment */
.seed1,
.seed8, .seed9,
.seed5, .seed12,
.seed4
{
   text-align: left;
}

.seed2,
.seed7, .seed10,
.seed6, .seed11,
.seed3
{
   text-align: right;
}

.firstNW, .firstSW, .quarterNW, .quarterSW, .semiW
{
   text-align: right;
   vertical-alignment: middle;
}

.firstNE, .firstSE, .quarterNE, .quarterSE, .semiE
{
   text-align: left;
   vertical-alignment: middle;
}


/* Set rank box alignment */
.seed1 .rank,
.seed8 .rank, .seed9 .rank,
.seed5 .rank, .seed12 .rank,
.seed4 .rank
{
   float: left;
   margin-right: 3px;
   border-left: 2px solid #222222;
}

.seed2 .rank,
.seed7 .rank, .seed10 .rank,
.seed6 .rank, .seed11 .rank,
.seed3 .rank
{
   float: right;
   margin-left: 3px;
   border-right: 2px solid #222222;
}