style.css

body{
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size:10pt;
  padding-top: 30px;
  padding-bottom: 30px;
}

table{
  border-collapse:collapse;
}

/* Actor view styles */
#actor th.actor, #actor td {
  text-align:center;
}

#actor td{
  border: 1px solid rgb(0,0,0);
  text-align:center;
  padding:5px;
}

#actor .name label, #actor .role label{
  display: block;
}

th{
  text-align:left;
  padding: 5px;
}



#plan td, #plan th{
  vertical-align: text-top;
  border: 5px solid rgb(0,0,0);
  padding: 5px;
}
#plan td {
  height: 50px;
  text-align: left;
}
#plan th{
  font-size: 12pt;
  text-align: center;
  width: 150px;
}

#plan th.time{
  width: 75px;
  text-align:center;
}

.session{
  width: 200px;
}

.free{
  width: 200px;
}

.free span:after{
  content: " ";
}

tr.inUse {
  background-color: rgba(0,255,0,.5);
}

.act {
  text-align: center;  
}

.disabled {
  background-color:rgba(0,0,0,.25);
}

.inUse {
  background-color:rgba(255,0,0,.5);
}

.dblBooked {
  background-color:rgba(255,0,0,0.75);
}

#views-menu {
  position:fixed;
  top: 0px;
  left: 0px;
  width:100%;
  background-color: #FFF;
  margin:0px;
  padding: 0px;
}

#views-menu li{
  display:block;
  float:left;
  padding: 10px;
  font-size: 14pt;
}

#menu {
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
  background-color: #FFF;
  padding: 5px;
}

#segment-config{
  position: fixed;
  margin: auto;
  top:200px;
  z-index: 900;
}

.sketch-title{
  display: block;
  clear: right;
  font-size: 12pt;
  font-weight: bold;
}