body {
  font: 12px black verdana,sans-serif;
}


#appointments-top {
  height: 18px;
  width: 465px;
  background: url('images/top.gif');
}

#appointments-body-l {
  width: 465px;
  background: url('images/left.gif') white repeat-y left;
}

#appointments-body-r {
  width: 465px;
  background: url('images/right.gif') repeat-y right;
}

#appointments-bottom {
  height: 18px;
  width: 465px;
  background: url('images/bottom.gif');
}

body {
  font: 12px black verdana,sans-serif;
}


#appointments-top {
  height: 18px;
  width: 465px;
  background: url('images/top.gif');
}

#appointments-body-l {
  width: 465px;
  background: url('images/left.gif') white repeat-y left;
}

#appointments-body-r {
  width: 465px;
  background: url('images/right.gif') repeat-y right;
}

#appointments-bottom {
  height: 18px;
  width: 465px;
  background: url('images/bottom.gif');
}

#appointments-body {
  padding: 15px 4px 0 2px;
}

#greenbox-container { padding-left: 53px; }

#greenbox-tl {
  width: 406px;
  background: url('images/greenbox-tl.gif') #268028 no-repeat top left;
}

#greenbox-tr {
  background: url('images/greenbox-tr.gif') no-repeat top right;
}

#greenbox {
  padding: 10px 10px 14px 14px;
  color: #f2f8f2;
  font: 400 12px verdana,sans-serif;
}

#greenbox-blackbox {
  height: 28px;
  background: black;
  color: white;
  font: bold 14px;
}

#greenbox-instructions {
  background: url('images/instructions.jpg');
  height: 40px;
}



#appointment-calendar th {
  width: 53px;
  padding: 2px 0;
  background: white;
  text-align: right;
  font-weight: normal;
}

#days-of-week {
  clear: right;
  height: 17px;
}

.day-headings td {
  text-align: center;
  width: 58px;
  padding: 0;
}

.unavailable-slot {
  background: url('images/timenull.gif');
  width: 58px;
  height: 20px;
}

.available-slot {
  background: url('images/singleover.gif');
  width: 58px;
  height: 20px;
}

.available-slot-over {
  background: url('images/singleopen.gif');
  width: 58px;
  height: 20px;
  cursor: pointer;
}

.group-lesson-slot {
  background: url('images/groupopen.gif');
  width: 58px;
  height: 20px;
}

.group-lesson-slot-over {
  background: url('images/groupover.gif');
  width: 58px;
  height: 20px;
  cursor: pointer;
}

.group-lesson-slot-booked {
  background: url('images/groupfull.gif');
  width: 58px;
  height: 20px;
}

.booked-slot {
  background: url('images/booked.gif');
  width: 58px;
  height: 20px;
}

#date-advance {
  margin-left: 16px;
  margin-top: 4px;
}

.spacer { height: 12px; }

.error { 
  color: red; 
  font-weight: bold; 
  margin-bottom: 10px;
}
.error-container { 
  width: 350px;
  padding: 15px 0 5px 15px;
  margin-bottom: 15px;
  border: 2px solid gray;
}

#appointments-body {
  padding: 15px 4px 0 2px;
}

#greenbox-container { padding-left: 53px; }

#greenbox-tl {
  width: 406px;
  background: url('images/greenbox-tl.gif') #268028 no-repeat top left;
}

#greenbox-tr {
  background: url('images/greenbox-tr.gif') no-repeat top right;
}

#greenbox {
  padding: 10px 10px 14px 14px;
  color: #f2f8f2;
  font: 400 12px verdana,sans-serif;
}

#greenbox-blackbox {
  height: 28px;
  background: black;
  color: white;
  font: bold 14px;
}

#greenbox-instructions {
  background: url('images/instructions.jpg');
  height: 40px;
}



#appointment-calendar th {
  width: 53px;
  padding: 2px 0;
  background: white;
  text-align: right;
  font-weight: normal;
}

#days-of-week {
  clear: right;
  height: 17px;
}

.day-headings td {
  text-align: center;
  width: 58px;
  padding: 0;
}

.unavailable-slot {
  background: url('images/timenull.gif');
  width: 58px;
  height: 20px;
  border-top: 1px solid white;
}

.available-slot {
  background: url('images/singleover.gif');
  width: 58px;
  height: 20px;
  border-top: 1px solid white;
  
}

.available-slot-over {
  background: url('images/singleopen.gif');
  width: 58px;
  height: 20px;
  cursor: pointer;
  border-top: 1px solid white;
  
}

.group-lesson-slot {
  background: url('images/groupopen.gif');
  width: 58px;
  height: 20px;
  border-top: 1px solid white;
  
}

.group-lesson-slot-over {
  background: url('images/groupover.gif');
  width: 58px;
  height: 20px;
  cursor: pointer;
  border-top: 1px solid white;
  
}

.group-lesson-slot-booked {
  background: url('images/groupfull.gif');
  width: 58px;
  height: 20px;
  border-top: 1px solid white;
  
}

.booked-slot {
  background: url('images/booked.gif');
  width: 58px;
  height: 20px;
  border-top: 1px solid white;
  
}

#date-advance {
  margin-left: 16px;
  margin-top: 4px;
}

.spacer { height: 12px; }

.error { 
  color: red; 
  font-weight: bold; 
  margin-bottom: 10px;
}
.error-container { 
  width: 350px;
  padding: 15px 0 5px 15px;
  margin-bottom: 15px;
  border: 2px solid gray;
}

.making-appt {
  padding: 25px 130px 30px 30px;
}