body {background:white; border-top: 15px solid #f4e04c}
table {font-size: 10px; font-family: sans-serif; border-collapse: collapse; background:white}
td.unavailable {color: black; text-align: center; border: 1px solid lightgray;font-size: 9px;background: white}
td.available {color: black;text-align: center;border: 1px solid lightgray;font-size: 9px;background: #f4e04c;}
th.component {font-weight: normal;background: #049cdf;color:#ffffff;text-align:left;border: 1px solid lightgray;font-size:11px;padding-left:4px;padding-right:4px;}
td.component {text-align:left;border: 1px solid lightgray;font-size:11px;padding-left:4px;padding-right:4px;}
td.componentTotal {text-align:left;border: 1px solid lightgray;font-size:11px;background: #f4e04c;}
td.month {background:#049cdf; color:#ffffff;border: 1px solid lightgray}
td.day{background:#049cdf;color:#ffffff;border: 1px solid lightgray;width: 2em;font-size: 10px;}
td.submit {background:white;text-align:right;font-size: 9px; color: gray; padding-top: 5px; border-top: 2px solid #049cdf}
th.booking {font-weight: normal; background: #049cdf; color: #ffffff; text-align:left; border: 1px solid lightgray; font-size:11px;padding-left:4px;padding-right:4px;}
td.booking {text-align:left; font-size:11px;padding-left:4px;padding-right:4px;}
/*td {white-space: pre;}*/

.required { color: red; font-size: larger; font-weight: bold }
.inLineVal { color: red; font-size: 9px; }
.wideform {width: 35ex}
.xwideform {width: 50ex}
.narrowform {width: 8ex}


FORM input, 
FORM textarea,
FORM select {font-family: sans-serif; font-size: 9px}

FORM TD {font-size: 10px;
         text-align: left}

FORM TD.caption {text-align: right;
                 font-weight: normal;
                 font-size:11px}
.WRButton {border: 1px solid black; background-color:#ffffff}				 
.WRButtonActive {border: 1px solid black; background-color:#f4e04c}