/* $Id:  */

/**
 * Styling for the ff2champ bracket design
 */

/* Bracket - set a width so browser will scroll bracket */
div.bracket-block {
  width: 700px;
}

/* Fonts */
div.bracket-subtitle {
  font-size: 1.25em;
}
div.bracket-comments {
  font-size: 1.0em;
}
div.bracket-round-comment {
  font-size: 1.25em;
}
div.bracket-match-competitor {
  font-size: 1.25em;
}
div.bracket-match-comment {
  font-size: 0.75em;
}
div.bracket-match-competitor-comment {
  font-size: 0.75em;
}
div.bracket-match-id {
  font-size: 0.75em;
}
div.bracket-match-score {
  font-size: 0.75em;
}
div.bracket-match-home {
  font-size: 0.75em;
}
div.bracket-result {
  font-size: 1.25em;
}
div.bracket-result-comment {
  font-size: 1.0em;
}

/* Round elements */
div.bracket-round {
  width: 150px;
}

/* Result elements */
div.bracket-results {
  width: 150px;
}

div.bracket-ff-grid {
  position: relative;
  width: 800px;
  height: 600px;
}

div.bracket-ff-block {
  position: absolute;
  width: 400px;
  height: 300px;
}

#round-1-ff-block {
  top: 0px;
  left: 0px;
}

#round-2-ff-block {
  top: 0px;
  left: 400px;
}

#round-3-ff-block {
  top: 300px;
  left: 0px;
}

#round-4-ff-block {
  top: 300px;
  left: 400px;
}

#round-1-3-ff-block-horz-separator {
  position: absolute;
  top: 250px;
  left: 0px;
  width: 200px;
  border-top: medium black solid;
}

#round-2-4-ff-block-horz-separator {
  position: absolute;
  top: 250px;
  left: 500px;
  width: 200px;
  border-top: medium black solid;
}

#round-1-2-ff-block-vert-separator {
  position: absolute;
  top: 20px;
  left: 350px;
  height: 150px;
  border-left: medium black solid;
}

#round-3-4-ff-block-vert-separator {
  position: absolute;
  top: 350px;
  left: 350px;
  height: 150px;
  border-left: medium black solid;
}

/* Logo images */
div.bracket-logo-image-block {
  position: absolute;
  top: 200px;
  left: 250px;
  width: 200px;
  overflow: hidden;
}
.bracket-logo-image {
  display: block;
  margin: auto;
}
div.bracket-sponsorlogo-image-block {
  position: absolute;
  top: 520px;
  left: 250px;
  width: 200px;
  overflow: hidden;
}
.bracket-sponsorlogo-image {
  display: block;
  margin: auto;
}

/* Defines the top of the first match in Round 1 */
#round-1-spacer {
  height: 10px;
}
/* Defines the height of each match in Round 1 */
div.round-1-match {
  height: 100px;  
}
/* Defines the top of the first match in Round 2 */
#round-2-spacer {
  height: 10px;
}
/* Defines the height of each match in Round 2 */
div.round-2-match {
  height: 100px;  
}
/* Defines the top of the first match in Round 3 */
#round-3-spacer {
  height: 10px;
}
/* Defines the height of each match in Round 3 */
div.round-3-match {
  height: 100px;  
}
/* Defines the top of the first match in Round 4 */
#round-4-spacer {
  height: 10px;
}
/* Defines the height of each match in Round 4 */
div.round-4-match {
  height: 100px;  
}
/* Defines the top of first result */
#results-spacer {
  height: 80px;
}
div.bracket-result-spacer {
  height: 20px;
}