/* ROUND MENU BOX */

.menuHeader  { background-color: #eeeeee; padding: 5px; margin-bottom: 5px; border: outset white 1px; }
.menuLine  { padding: 3px; }
.categoryTitle { display: inline-block; color: gray; font-size: 13px; line-height: 15px; padding: 3px; margin-right: 5px; }
.roundLink { display: inline-block; color: gray; font-size: 13px; padding: 3px; margin-right: 3px; text-decoration: none; }
.roundLinkActive { color: white; font-weight: bold; padding: 3px; background-color: black; }


/* TITLE BOX */

.titleHeader { font-size: 12px; line-height: 15px; background-color: #eeeeee; padding: 5px; margin-bottom: 5px; border: outset white 1px; }
.titleEvent { font-size: 14px; line-height: 17px; font-weight: bold; }
.titleRound { font-size: 13px; line-height: 15px; }
.titleUpdate { font-size: 11px; }
.titleAdvancing { font-size: 11px; }
.titleLogo { width: 120px; }


/* RESULTS BOX */

.heatContainer { background-color: #eeeeee; padding: 5px; margin-bottom: 5px; }
.heatTableHeader { background-color: #eeeeee; color: gray; font-weight: bold; border: none; }
.heatTitle { background-color: #eeeeee; font-size: 14px; font-weight: bold; }

.tdPosHeader { width: 15px; }
.tdSingletHeader { width: 6px; }
.tdNameHeader { text-align: left; }
.tdFromHeader { width: 40px; text-align: center; }
.tdNeedsHeader { width: 20%; text-align: center; }
.tdTopScoresHeader { width: 80px; text-align: center; }
.tdTotalHeader { width: 60px; text-align: center; }

.cell { border-right: solid 1px silver; border-bottom: solid 1px silver; background-color: white; }
.tdPos { color: white; font-weight: bold; background-color: black; text-align: center; }
.tdSinglet { text-align: center; }
.tdName { font-size: 12px; line-height:26px; font-weight: bold; padding-left: 5px; text-align: left; }
.tdFrom { color: gray; text-align: center; }
.tdNeeds { color: gray; font-weight: bold; text-align: center; }
.tdTopScores { color: gray; font-weight: bold; text-align: center; }
.tdTotal { font-size: 12px; font-weight: bold; text-align: center; }

.colorName { display:none; }


/* HEAT TABLE */

.heatHeader { font-size:11px; padding: 5px; }
.tdCompetitor { text-align: center; font-size:12px; line-height:16px; font-weight: bold; padding: 3px; }
.tdScores { text-align: center; }
.tdAverages { text-align: center; width: 20%; }
.tdJudges { text-align: center; }
.tdScore { text-align: center; width: 15%; }
.tdAverage { text-align: center; font-size:11px; }
.tdTopScore { text-align: center; font-size:11px; font-weight: bold; }
.tdTopScoreChar { font-size: 10px; color: green; }
.tdInterference { text-align: center; }
.tdInterferenceChar { font-size: 9px; color: red; }
.tdPaddlingInterferenceChar { font-size: 12px; color: red; }
.tdInterferedScore { font-size: 9px; }
.tdWaves { font-size: 9px; }

/* HEAT TABLE */

.teamRankingTable { text-align: center; font-size: 10px; }
.teamRankingCaption { background-color: #dadada; color: gray; font-weight: bold; border: none; }
.teamRankingPos { color: white; font-weight: bold; background-color: black; text-align: center; }
.teamRankingTeam { font-size: 12px; line-height:26px; font-weight: bold; padding-left: 5px; text-align: left; }
.teamRankingPlc {  }
.teamRankingPts {  }
.teamRankingPoints { font-size: 11px; font-weight: bold; }

/* MISC */

.button { padding: 3px; cursor: pointer; }

.button:hover {
color: white;
background-color:black;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}

.sliding-effect {
-webkit-transition:  .8s ease;
-moz-transition:     .8s ease;
-o-transition:       .8s ease;
-ms-transition:      .8s ease;
transition:          .8s ease;
}

.closeButton { position:absolute; width:12px; height:12px; padding:2px; padding-top:0px; background-color:white; border:outset white 1px; cursor:pointer; right: 40px; }

.rounded { -moz-border-radius: 3px; border-radius: 3px; }

.copyright { font-size: 11px; color: silver; }


/* DEFAULTS */

A { color: gray; }
A:link { text-decoration: none; }
A:visited {  }
A:hover {  }
A:active {  }

BODY { font-size: 10px; line-height: 12px; font-family: arial; background-color: black; padding: 10px; }

TABLE { font-size: 10px; line-height: 12px; font-family: arial; width: 100%; }

TD { padding: 2px; }