.rank { width: 25px; }
.nick { width: 125px; }
.help { padding-bottom: 5px; font-style: italic; }

.tdPercent     { height: 50px; font-size: 0.9em; vertical-align: bottom; width: 20px; border-width: 1px 1px 0 0; border-style:solid; border-right-color: #FFF; border-top-color: #CEF }
.lastCell { border-width: 1px 0 0 0; border-style:solid; border-color: #CEF }
.tdPercent div { background-color: blue; z-index: 0; }
.tdPercent span { position: absolute; z-index: 1; display: none; background-color: #206; color: white; height: 15px; }
.tdPercent span.over { margin-top: -15px; }
.tdPercent:hover { background-color: #CEF; }
.tdPercent:hover > span { display: block; }

.label2,
.label  { text-align: left; }
.label  { width: 230px; }
.label2 { width: 150px; }
.value  { width: 170px; }

#dayOfWeek .keys,
.legend { text-align: center; }
.keys td{ font-size: 90%; border-width: 1px 0 0 0; border-color: #206; border-style: solid;}
.legend { font-size: 80%; }

.graphs    { width: 738px; }
.graphs td { padding: 0; }
#timeOfDay { float: right; }
#dayOfWeek { float: left; }