table
{
  border-collapse : collapse;
}

td.calendar
{
  padding : 3px 3px 3px 3px;
  text-align : center;
  vertical-align : center;
}

span.low, td.low
{
  padding : 3px 3px 3px 3px;
  text-align : center;
  background-color : #FFCC33;
}

span.medium, td.medium
{
  padding : 3px 3px 3px 3px;
  text-align : center;
  background-color : #00CC00;
}

span.high, td.high
{
  padding : 3px 3px 3px 3px;
  text-align : center;
  background-color : #CC0000;
}

span.peak, td.peak
{
  padding : 3px 3px 3px 3px;
  text-align : center;
  background-color : #00FFFC;
}

td.low-booked
{
  padding : 3px 3px 3px 3px;
  text-align : center;
  background-image : url(images/low-booked.gif);
  background-repeat : repeat;
}

td.medium-booked
{
  padding : 3px 3px 3px 3px;
  text-align : center;
  background-image : url(images/medium-booked.gif);
  background-repeat : repeat;
}

td.high-booked
{
  padding : 3px 3px 3px 3px;
  text-align : center;
  background-image : url(images/high-booked.gif);
  background-repeat : repeat;
}

td.peak-booked
{
  padding : 3px 3px 3px 3px;
  text-align : center;
  background-image : url(images/peak-booked.gif);
  background-repeat : repeat;
}