#schedule{
  font-size:9px;
}

#schedule table.mothertable{
  background-color: #EEEEEE;
}

#schedule table.mothertable table.week td{
  width:29px;
}

#schedule div.legend_C_0{
  width:30px;
  height:30px;
  background-color:white;
  border:1px solid black;
} 

#schedule div.legend_C_1{
  width:30px;
  height:30px;
  background-color:yellow;
  border:1px solid black;
} 

#schedule div.legend_C_2{
  width:30px;
  height:30px;
  background-color:green;
  border:1px solid black;
} 

#schedule table.week td{
  width:30px;
  height:30px;
}

#schedule table.week td.dayTd{
  border:1px solid black;
  width:70px;
  height:28px;
  background-color:#999999;
  color:white;
  font-weight:bold;
  padding-left:5px;
  padding-right:5px;
  text-align:left;
}

#schedule table.week div.timelabel{
  text-align:center;
  width:16px;
  position:absolute;
  left:-8px;
  top:5px;
}

#schedule table.week div.timelabeltop{
  position:relative;
  height:25px;
}


#schedule div.togglebutton input.C_0{
  width:30px;
  height:30px;
  background-color:white;
  border:1px solid black;
} 

#schedule div.togglebutton input.C_1{
  width:30px;
  height:30px;
  background-color:yellow;
  border:1px solid black;
} 

#schedule div.togglebutton input.C_2{
  width:30px;
  height:30px;
  background-color:green;
  border:1px solid black;
} 

#schedule div.legend{
  height:210px;
  border:1px solid black;
  position:relative;
} 

#schedule div.legend_title{ 
  width:55px;
  background-color:#EEEEEE;
  position:absolute;
  top:-7px;
  left:7px;
  padding-left:3px;
}


#schedule div.buttons input{ 
  width:80px;
  height:25px;
}