div.jQBracket
{
  font-family:Arial;
  font-size:14px;
  float:left;
  clear:both;
  position:relative;
  background-color:#333;
  background:0;
}

div.jQBracket .tools
{
  position:absolute;
  top:0;
  color:#fff;
}

div.jQBracket .tools span
{
  cursor:pointer;
  display:block;
  text-align:center;
  width:18px;
  height:18px;
  background-color:#666;
  margin:5px;
}

div.jQBracket .tools span:hover
{
  background-color:#999;
}

div.jQBracket .finals
{
  float:right;
  right:0;
  clear:right;
  position:relative;
}

div.jQBracket .bracket
{
  float:right;
  height:400px;
  clear:left;
}

div.jQBracket .loserBracket
{
  float:right;
  height:200px;
  clear:left;
  position:relative;
}

div.jQBracket .round
{
  position:relative;
  width:100px;
  margin-right:40px;
  float:left;
}

div.jQBracket .match
{
  position:relative;
  float:left;
  display:block;
  width:100%;
}

div.jQBracket .editable
{
  cursor:pointer;
}

div.jQBracket .team
{
  position:relative;
  z-index:1;
  float:left;
  background-color:#666;
  color:#fff;
  width:100px;
  height:16px;
  border-radius:5px;
  cursor:default;
  box-shadow:1px 1px 2px rgba(0,0,0,.4);
  margin:1px 0;
}

div.jQBracket .team b
{
  font-weight:400;
  padding-left:3px;
  height:inherit;
  position:absolute;
  width:70px;
  white-space:nowrap;
  overflow:hidden;
}

div.jQBracket .team b[disabled]
{
  cursor:default;
}

div.jQBracket .team b input
{
  font-size:10px;
  width:60px;
  height:16px;
  position:absolute;
  padding:0;
}

div.jQBracket .team span
{
  font-weight:700;
  float:right;
  background-color:rgba(255,255,255,.3);
  border-radius:0 3px 3px 0;
  text-align:right;
  width:20px;
  padding:0 5px 0 0;
}

div.jQBracket .team span[disabled]
{
  color:#999;
  cursor:default;
}

div.jQBracket .team span input
{
  font-size:10px;
  width:inherit;
  height:16px;
  padding:0;
}

div.jQBracket .team b input.error,div.jQBracket .team span input.error
{
  background-color:#fcc;
}

div.jQBracket .team.np
{
  background-color:#666;
  color:#eee;
}

div.jQBracket .team.na
{
  background-color:#999;
  color:#ccc;
}

div.jQBracket .team.win
{
  color:#eee;
}

div.jQBracket .team.win span
{
  color:#060;
}

div.jQBracket .team.lose span
{
  color:#900;
}

div.jQBracket .team.lose
{
  background-color:#666;
  color:#333;
}

div.jQBracket .team.tie span
{
  color:#00f;
}

div.jQBracket .team.highlight
{
  background-color:#3c0;
  color:#000;
}

div.jQBracket .team.highlightWinner
{
  background-color:#da0;
  color:#000;
}

div.jQBracket .team.highlightLoser
{
  background-color:#ccc;
  color:#000;
}

div.jQBracket .teamContainer
{
  z-index:1;
  position:relative;
  float:left;
  display:block;
}

div.jQBracket .connector
{
  border:2px solid #666;
  border-left-style:none;
  position:absolute;
  display:block;
  z-index:1;
}

div.jQBracket .connector div.connector
{
  border:0;
  border-bottom:2px solid #666;
  height:0;
  position:absolute;
  display:block;
}

div.jQBracket .np .connector,div.jQBracket .np .connector div.connector
{
  border-color:#222;
}

div.jQBracket .bubble
{
  display:block;
  width:30px;
  right:-35px;
  position:absolute;
  text-align:center;
  font-size:11px;
  height:16px;
}

div.jQBracket .bubble:after
{
  content:"";
  display:block;
  position:absolute;
  top:3px;
  width:0;
  height:0;
  border-top:5px solid transparent;
  border-right:5px solid transparent;
  border-bottom:5px solid transparent;
  left:-5px;
  border-left:0;
}

div.jQBracket .bubble.third:after
{
  border-right:6px solid #963;
}

div.jQBracket .bubble.fourth:after
{
  border-right:6px solid #678;
}

div.jQBracket .highlightWinner .bubble
{
  background-color:#da0;
  color:#960;
}

div.jQBracket .highlightWinner .bubble:after
{
  border-right-color:#da0;
}

div.jQBracket .highlightLoser .bubble
{
  background-color:#ccc;
  color:#333;
}

div.jQBracket .highlightLoser .bubble:after
{
  border-right-color:#ccc;
}

div.jQBracket.rl .finals
{
  float:left;
  left:0;
  clear:left;
}

div.jQBracket.rl .round
{
  margin-right:0;
  margin-left:40px;
  float:right;
}

div.jQBracket.rl .team b
{
  padding-right:3px;
  right:0;
}

div.jQBracket.rl .team span
{
  float:left;
  padding-right:0;
  padding-left:5px;
  text-align:left;
}

div.jQBracket.rl .connector
{
  border-left-style:solid;
  border-right-style:none;
  border-width:2px;
}

div.jQBracket.rl .bubble
{
  left:-35px;
}

div.jQBracket.rl .bubble:after
{
  left:auto;
  right:-5px;
  border-left:5px solid transparent;
  border-right:0;
}

div.jQBracket.rl .bubble.third:after
{
  border-right:0;
  border-left:6px solid #963;
}

div.jQBracket.rl .bubble.fourth:after
{
  border-right:0;
  border-left:6px solid #678;
}

div.jQBracket.rl .highlightWinner .bubble:after
{
  border-left-color:#da0;
}

div.jQBracket.rl .highlightLoser .bubble:after
{
  border-left-color:#ccc;
}

div.jQBracket .connector.highlight,div.jQBracket .connector div.connector.highlight,div.jQBracket.rl .connector.highlight,div.jQBracket.rl .connector div.connector.highlight
{
  border-color:#0c0;
}

div.jQBracket .connector.highlightWinner,div.jQBracket .connector div.connector.highlightWinner,div.jQBracket.rl .connector.highlightWinner,div.jQBracket.rl .connector div.connector.highlightWinner
{
  border-color:#da0;
}

div.jQBracket .connector.highlightLoser,div.jQBracket .connector div.connector.highlightLoser,div.jQBracket.rl .connector.highlightLoser,div.jQBracket.rl .connector div.connector.highlightLoser
{
  border-color:#ccc;
}

div.jQBracket .bubble.third,div.jQBracket.rl .bubble.third
{
  background-color:#963;
  color:#310;
}

div.jQBracket .bubble.fourth,div.jQBracket.rl .bubble.fourth
{
  background-color:#678;
  color:#ccd;
}

div.jQBracket.rl .bracket,div.jQBracket.rl .loserBracket
{
  float:left;
  clear:right;
}

div.jQBracket.rl .match,div.jQBracket.rl .team,div.jQBracket.rl .teamContainer
{
  float:right;
}