/* DIV: The Div element containing the Calendar table(s) */
DIV.calDiv {
    /* width: 145px; */ /* Removed fixed width to prevent overflow issues */
    max-width: 100%;
    box-sizing: border-box;
  /*  min-width: 250px;  Ensure minimum width */
    overflow: visible; /* Ensure calendar is fully visible */
}

/* TABLE: The table containing the entire Calendar */
TABLE.calTable {
    width: 100%;
    background-color: #DDDDDD; 
    border: solid #999999 1px;
}

/* TD: The cell containing the title/date/time table 'calTitleTable' */
TD.calTitleDateCell {
    width: 100%; 
    font-size: 9pt;
     /* border-bottom-style: solid; */ 
    border-width: 1px; 
    border-color: #AAAAAA; 
}

/* TABLE: The table containing the "title", date and time */
TABLE.calTitleTable {
    width: 100%;
    background-color: #FFFFFF; 
    border-width: 0px; 
}

/* TD: The title cell in the title table */
TD.calTitleFieldExpanded { 
    width: 100%;
    /* height: 12px; */
    /* overflow-y: hidden; */
    font-family: sans-serif;
    font-size: 8pt;
    font-weight: bold;
    text-align: left;
    padding-left: 2px;
    /*cursor: pointer;*/
}
TD.calTitleFieldCollapsed { 
    width: 100%;
    font-family: sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #1111BB;
    text-align: left;
    padding-left: 2px;
    cursor: pointer;
}

/* TD: The date/time cell in the title table */
TD.calDateTimeFieldExpanded { 
    /* height: 12px; */
    font-family: sans-serif; 
    font-size: 8pt; 
    padding-right: 1px;
    /*cursor: pointer;*/
}
TD.calDateTimeFieldCollapsed { 
    font-family: sans-serif; 
    font-size: 8pt; 
    padding-right: 1px;
   /*  color: #1111BB; */
    text-decoration: none;
    cursor: pointer;
}

/* SPAN: The date/time field in the 'calDateTimeField' cell 
SPAN.calDateField { 
    cursor: pointer; 
} */

/* The time field in the 'calDateTimeField' cell */
.calTimeFieldExpandedColon { 
    /* height: 12; */
    font-family: sans-serif; 
    font-size: 8pt; 
    /* color: blue; */
    text-decoration: none;
    cursor: pointer; 
}
.calTimeFieldExpanded { 
    /* height: 12;  */
    font-family: sans-serif; 
    font-size: 8pt; 
    /* color: blue; */
    text-decoration: none; /* underline; */
    cursor: pointer; 
}
.calTimeFieldExpanded:hover {
    color: blue;
}
.calTimeFieldCollapsed { 
    color: #1111BB;
    text-decoration: none;
    cursor: pointer; 
}

/* SPAN: The time field in the 'calDateTimeField' cell */
.calTimeFieldDisabled { 
    color: black;
    text-decoration: none;
}

/* TABLE: The table containing the Month name and previous/next links */
TABLE.calMonthHeaderTable {
	background-image: linear-gradient(to bottom, #eaeaea, #e5e5e5 60%, #d9d9d9);
    background-color: #D5D5F6; 
    height: 16px;
}

/* TD: The cell containing the previous/next month links */
TD.calMonthAdvance { 
    font-family: sans-serif; 
    font-size: 9pt; 
}

/* A: The previous/next year/month clickable links */
A.calMonthAdvanceClick { 
    color: blue; 
    text-decoration: none;
}

/* TD: The cell containing the month name/abbreviation */
TD.calMonthName { 
    font-family: sans-serif; 
    font-size: 8pt; 
}

/* TD: The Calendar table (calTable) cell which contains the month days table */
TD.calMonthDaysCell { 
    width: 100%;
    font-family: sans-serif; 
    font-size: 7pt; 
    text-align: center; 
    background-color: #EFFFFF; 
    color: #000000; 
}

/* TABLE: The table containing the day-of-week header and month days */
TABLE.calMonthDaysTable {
    width: 100%;
    background-color: #DDDDDD; 
    border: solid #DDDDDD 1px; 
}

/* TD: The cell containing the days-of-week header */
TD.calMonthDOW { 

/* mao cal */ 
   line-height: 20px;
   color: #696969;
   background: #f3f3f3;
 
    font-family: sans-serif; 
    font-size: 7pt; 
   /* width: 18px; */
    text-align: center; 
  
}

/* TD: The cell containing the previous month days */
TD.calPrevMonthDays { 

/* mao  cal*/	
  font-weight: bold;
  border-top: 1px solid #c2c2c2;
  border-left: 1px solid #c2c2c2;
font-family: sans-serif;
font-size: 9pt;
text-align: center;
cursor: pointer;
box-shadow: inset 1px 1px rgba(255, 255, 255, 0.5);
background: #f3f3f3;
color: #b3b3b3;		
	
	
	
}

/* TD: The cell containing the next month days */
TD.calNextMonthDays { 

/* mao  cal*/	
  font-weight: bold;
  border-top: 1px solid #c2c2c2;
  border-left: 1px solid #c2c2c2;

font-family: sans-serif;
font-size: 9pt;
text-align: center;
cursor: pointer;
box-shadow: inset 1px 1px rgba(255, 255, 255, 0.5);
background: #f3f3f3;
color: #b3b3b3;
}

/* TD: The cell containing the current month days, when disabled */
TD.calThisMonthDaysDisabled { 
    font-family: sans-serif; 
    font-size: 9pt; 
    text-align: center; 
    background-color: #EFFFFF; 
    color: #000033;
    border-bottom-style: solid;
    border-right-style: solid; 
    border-width: 1px; 
    border-color: #BBBBBB;
}

/* TD: The cell containing the current month days, when enabled */
TD.calThisMonthDaysEnabled { 

/* mao cal */

  font-weight: bold;
  border-top: 1px solid #c2c2c2;
  border-left: 1px solid #c2c2c2;
  
font-family: sans-serif;
font-size: 9pt;
text-align: center;
cursor: pointer;
color: #666;
background-image: linear-gradient(to bottom, #eaeaea, #e5e5e5 60%, #d9d9d9); 
box-shadow: inset 1px 1px rgba(255, 255, 255, 0.5);
	
}

/* TD: The user selected day */
TD.calSelectedDay {
    font-family: sans-serif; 
    font-size: 9pt; 
    text-align: center; 
    background-color: #A2A2A2; /*#8888FF;*/
    color: #0000FF; /*#FFFFFF;*/
    cursor: pointer;
    /* border-bottom-style: solid; */
    /* border-right-style: solid; */ 
    /* border-width: 1px; */ 
    /* border-color: #BBBBBB; */
}

/* TD: The cell containing the calendar 'expand' bar */
TD.calExpandBar { 
    height: 11px; 
    text-align: center;
    background-color: #EEEEEE; 
    border-top: solid #888888 0px;
    border-left: solid #888888 0px;
    border-bottom: solid #CCCCCC 1px;
    border-right: solid #FFFFFF 1px;
    cursor: pointer;
}

/* TD: The cell containing the calendar 'expand' bar */
TD.calCollapseBar { 
    height: 11px; 
    text-align: center;
    background-color: #EEEEEE; 
    border-top: solid #888888 0px;
    border-left: solid #888888 0px;
    border-bottom: solid #CCCCCC 1px;
    border-right: solid #FFFFFF 1px;
    cursor: pointer;
}