/*
 *  bookings.css
 *  Style sheet for the bookings.php page
 *  copyright 2007-2008 Jim E Sontag
 *
 *  'A little style and a touch of class'
 *
 *  $Revision: 1.7 $
 *  $Date: 2008/11/28 11:12:42 $
 *************************************************************/

BODY { font-family: sans-serif; font-size: 10pt; color: black; }
EM { font: bold italic 100% sans-serif }
.dj FIELDSET { padding: 4px; margin: 8px; }
.dj LABEL { float: left; clear: none; margin-right: 8px; }
.dj LABEL { font-size: 80%; font-style: italic; }
.dj LEGEND { font-weight: 700; font-style: italic }

INPUT{ font-size: 110% }
SELECT { font-size: 100% }

/* calendar settings */
.calendar TABLE { font-family: Arial, sans-serif; }
.calendar TD { height: 24px; }

#lside { overflow: visible; -moz-border-radius: 8px; }
#rside { overflow: auto; -moz-border-radius: 8px; }
#rside { float: left; }
#lside { float: left; }
#rside { height: 416px; } 
#lside { height: 440px; } 
#ride { clear: right }
#lside { margin-left: 24px; width: 495px; border: thin dotted black  }
#rside { width: 240px }

#legend { clear: both; margin-left: 40px }
#sched { float: right; clear: right; width: 240px; margin-right:24px; }

#bdate { font-style:italic; }

#messages { 
  position: relative;
  float:left; clear:left; 
  width: 210px;
  height: 100px;
}
#messages P { margin: 1ex }
#formInfo { 
  width: 100%;
  position: relative;
  float:left; clear:left; 
}
#instruct { color: navy; }
#messages, #formInfo { top: -70px; }

#marqueeMenu {
  float:left;
  clear: none;
  width: 5ex;
  border: thin dotted black; 
}

#marquee { font: italic normal 9pt Arial, sans-serif; }

#emailInfo {
  position: relative;
  top: -60px;
  float:left; clear:left; 
  width: 35em;
  max-height: 8ex;
  overflow: auto;
  padding: 0px 4px;
  margin-top: 5px;
} 

#feature2, #feature3, #feature4 { text-decoration: none; font-style: italic }
#feature0, #feature1 { display: none }

.xfer { display: none }
.closed { display: none }
.opened { border: none }
.selected { background-color: white; color: black }

/* these are for the calendar settings */

.lev1 { background-color: #0099ff; color: black }
.lev1 { background-color: #aaaaaa; color: black }
.lev2 { background-color: #aaaaaa; color: black }
.lev3 { background-color: #aaaaaa; color: black }
.lev4 { background-color: #aaaaaa; color: black }

.lev5 { background-color: #fc1f35; color: black }
.lev6 { background-color: #fc1f35; color: black }

.moon2 { background-image: url( "img/fullMoon1.gif" ); }

.expired { text-decoration: line-through }
TD.selected { font-size: 110%; text-decoration: blink }
TD.today { font-size: 110%; font-style: italic }