.self, .used, .progress, .open, .cancelled, .close, .past, .deny
{
   width:2em;
   height:2em;
   margin:auto;
   font-size:10pt;
}

.self
{
   background-color:#ffcc00;
}

.used
{
   background-color:#ff4444;
}

.progress
{
    background-color:#555
}

.open
{
   background-color:#9dd823;
}
.cancelled
{
   background-color:#ddff63;
}
.closed
{
   background-color:#eeeeee;
}

.past
{
   background-color:#cccccc;
}

.deny
{
   background-color:#23BFD8;
}

.item_heading
{
   padding:5px;
   font-size:9pt;
   font-weight:bold;
   background-color:white;
   line-height:1.1em;
   text-transform:uppercase;
}

.day_heading
{
   padding:8px 10px;
   width:70px;
   background-color:white;
}

.timetable_heading, .timetable_heading_right
{
   font-size:20pt;
   font-weight:bold;
   color:white;
   text-align:left;
   padding: 10px 10px;
}

.timetable_heading_right
{
   text-align:right;
}

.separator
{
   width:0px;
}

.time
{
   padding:1px 5px;
   text-align:right;
   background-color:white;
}

.familylist
{
   width:800px;
   padding: 4px;
}

table.booking
{
   margin:0px;
   text-align:center;
   border-spacing:1px;
   background:linear-gradient(45deg, #222, #777, #555);

   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
tr.booking,td.booking
{
   background-color:white;
   padding:5px;
   margin:0px;
   text-align:center;
   border-spacing:0px;
   border-collapse;
}
table.cancellation
{
   margin:0px;
   text-align:center;
   border-spacing:1px;
   background:linear-gradient(45deg, #804d00, #b36b00, #995c00);
}
tr.cancellation,td.cancellation
{
   background-color:white;
   padding:5px;
   margin:0px;
   text-align:center;
   border-spacing:0px;
   border-collapse;
}


.daily_view
{
   padding: 10px;
   height:80%;
   max-height: 900px;
}

.daily_view_item, .daily_view_time, .daily_view_used, .daily_view_open, .daily_view_past
{
   font-size: 30px;   
   font-weight: bold; 
   padding: 0px 15px;
   width:150px;

   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}


.daily_view_time
{
   font-weight: bold; 
   font-size: 30px; 
   padding: 15px;
   padding-left: 5px;
   padding-right: 20px;   
   width:auto;

   vertical-align: bottom;
   height:30px;
   border-left: #cccccc solid 1px;
}

.daily_view_item
{
   width:auto;
   padding: 15px;
}

.daily_view_used
{
   background-color:#ffcc00;
}

.daily_view_open
{
   background-color:#9dd823;
}

.daily_view_past
{
   background-color:#cccccc;
}

.daily_view_spacer
{
   width:20px;
}

.now
{
   position: absolute;
   right: 100px;
   top: 0px;
   font-size: 60px; 
}