body
{
background: #f8f8ff;
color: #100;
font: .9em Tahoma, sans-serif;
}
h1, h2
{
margin: 0;
}
h1
{
float: left;
padding-right: .5em;
}
h2
{
padding-top: .5em;
clear: left;
}
h2.tag
{
font-size: 1.1em;
clear: none;
padding: .6em 0 0 0;
}
table
{
border-collapse: collapse;
}
td, th, span
{
border: 1px solid black;
white-space: pre;
white-space: nowrap;
padding: .3em;
min-width: 2em;
text-align: center;
background: #eee;
}
th
{
background: #ccc;
}
td, span
{
background: #ddd;
cursor: pointer;
}
td.empty
{
background: #eee;
cursor: default;
}
ul
{
clear: left;
}
.chart
{
-moz-column-width: 21em;
list-style-type: none;
margin: 0;
padding: .5em 0 0 0;
}
.chart li
{
margin: 0;
padding: .5em;
}
span.sel, td.sel
{
background: #100;
color: #f8f8ff;
}
p
{
position: absolute;
top: 1em;
right: 1.5em;
margin: 0;
color: #ddd;
}
p a
{
color: #77b;
}
.time th
{
border-left: none;
}
.time th, .time td
{
border-top: none;
background: none;
cursor: default;
text-align: left;
font-size: .8em;
padding: 0 0 2px 2px;
}
.time td:last-child
{
border-right: none;
}

.scaled
{
width: 3000px;
}
.scaled, .scaled *
{
display: block;
}
.scaled td, .scaled th
{
float: left;
height: 1.2em;
margin-left: -1px;
margin-top: -1px;
overflow: hidden;
padding: .3em 0;
min-width: 0;
}
.scaled th
{
clear: left;
width: 160px;
}
.scaled .time td, .scaled .time th
{
padding: 0 0 2px 0;
}
.scaled .time td:before
{
content: "\A0";
font-size: .4em;
}
.scaled .time th
{
border-left: 1px solid white;
}

.list, .listed ul, .listed table
{
display: none;
}
.listed .list
{
display: block;
}

@media print
{
*
{
background: white !important;
color: black !important;
}
span.sel, td.sel, th
{
color: #200 !important;
font-weight: bold;
}
p
{
display: none;
}
}