/* form panel */
.leaveFormContent {
  width: 59%;
  padding: 0 0px;
  float:left;
  text-align: left;
 }

 /* calendar panel */
.leaveFormCalendar {
  padding: 0 0px;
  float:right;
  text-align: left;
 } 

 /* non-weekday head */
.ui-datepicker-week-end {
 color: #f00;
 } 
 
 /* holidays days
.ui-datepicker-week-end .ui-state-default {
 background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
 } */
 
 /* non-weekday and holidays */
.holiday .ui-state-default{ color: #f00; font-weight: bold; }
.SH .ui-state-default{ color: #CC00FF; font-weight: bold; }
.annualLeave .ui-state-default{ color: #33f; font-weight: bold; }
.sickLeave .ui-state-default{ color: #0cc; }
.otherLeave .ui-state-default{ color: #00aa00; font-weight: bold; }
	
 /* event calendar header */
 
 /* header */
.eventhead{
 background-color: #39c;
 color: #fff;
 font-weight: bolder;
 font-size: 16px;
 }
 
 /* weekday */
.eventweekday{
 background-color: #9cf;
 font-weight: bolder;
 }
 
 /* border */
.eventborder{
 border-color: #6c9; 
 }

 /* holiday */
.eventholiday{
 background-color: #e9e9f8;
 }
 
 /* current day */
.eventcurday{
 background-color: #ffff66;
 }
 
 /* hyperlink: prev or next month */
.eventhypermth{
 font-family : Arial; 
 Font-size : 18px; 
 font-weight : bolder;
 text-decoration : none; 
 color : #fff
 } 
 
 /*
  * the following css are used for set maximum height in each td
  * and minimum width in which notes are annotated
  *																*/
  
  /*
.tdcal{
 min-height: 69px;
 max-height: 69px;
 overflow-x: hidden;
 overflow-y: auto;
 } 
 
* html .tdcal{ 
   height: expression( this.scrollHeight > 69 ? "69px" : "auto" ); 
   height: expression( this.scrollHeight < 69 ? "69px" : "auto" ); 
 }
 
.note{
 min-width: 900px;
 }
 
* html .note{ 
   width: expression( document.body.clientWidth < 900 ? "900px" : "auto" ); 
 }
 
.note1 {
  width: 18%;
  padding: 0 0px;
  float:left;
  text-align: left;
 }

.note2 {
  width: 14%;
  padding: 0 0px;
  float:left;
  text-align: left;
 } 
 
.note3 {
  width: 18%;
  padding: 0 0px;
  float:left;
  text-align: left;
 } 
 */