/* Cell containing month or events' list table  */

.ASEventCalendarBodyCell
{
  text-align: left;
  padding: 3px;
  padding-top: 4px;
}

/* Style for table with day cells for small calendar */
.ASEventCalendarMonthTable
{
 background-color: #F5F8D6;
 border: 0px solid #F5F8D6;
 border-spacing: 1px;
 border-collapse:collapse;
 width: 250px;
 margin: 0 auto; 
}

/* Style for table with day cells for large calendar */
.ASEventCalendarMonthTableLarge
{
 background-color: #F5F8D6;
 border: 0px solid #F5F8D6;
 border-spacing: 1px;
 border-collapse:collapse;
 width: 576px;
 margin: 0 auto;
}

/* Style for table with event's list for list-style view */
.ASEventCalendarListTable
{
  width: 576px;
}

/* div element containing table with day cells or events' list */
.ASEventCalendarCbody
{
  border: 0px solid #F5F8D6;
  width: 100%;
}

/* Row containing week headers */
.WeekHeadersRow
{
}

/* Cell containing week header for small calendar */
.WeekHeaderCell
{
	background-image:url(../png/footerBacker001.png);
	background-position:center center;
	background-repeat:repeat-x;
  color: #000000;
  font-weight:400;  
  font-size:11px;
  text-align: center;
  padding: 7px;
  border-bottom: 1px solid #F5F8D6;  
  border-right: 1px solid #F5F8D6;        
  width:14%;
}

/* Cell containing week header for large calendar */
.WeekHeaderCellLarge
{
    background-color: #c29dd3; 
	/*background-image:url(../png/footerBacker001.png);*/
	background-position:center center;
	background-repeat:repeat-x;
  	color: #000000;
  	font-weight:400;  
  	font-size:11px;
  	text-align: center;
  	padding: 7px;
  	border-bottom: 2px solid #f6dffb;  
  	border-right: 1px solid #f6dffb;        
  	width:14%;
}

/* Rows for each week on calendar view */
.WeekRow
{
}

/* Empty day cell (for previous or next month. Several such cells can presents at beginning and at the end of calendar) */
.EmptyDayCell
{
  background-color: #f6dffb;
  border-bottom: 1px solid #f6dffb;      
  border-right: 1px solid #f6dffb;      
  height: 28px;
}

/* The same as above, but for large calendar style */
.EmptyDayCellLarge
{
  background-color: #f6dffb;
  border-bottom: 1px solid #f6dffb;      
  border-right: 1px solid #f6dffb;      
  height: 50px;
}


/*
  Seven css class definitions below is for the day cells in the calendar.
    DayCell0 is for sundays
    DayCell1 is fo mondays
    and so on ...
    
    These are for small calendar style
*/
.DayCell0
{
  background-color: #E2E94D;
  font-size: 11px;
  color: #333388;
  padding: 4px;
  border-bottom: 1px solid #F5F8D6;    
  border-right: 1px solid #F5F8D6;      
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 28px;  
}

.DayCell1
{
  background-color: #F5F4A6;
  font-size: 11px;
  padding: 4px;
  border-bottom: 1px solid #F5F8D6;      
  border-right: 1px solid #F5F8D6;        
  cursor: pointer;
  text-align:center;
  font-family: arial;  
  height: 28px;  
}

.DayCell2
{
  background-color: #F5F4A6;
  font-size: 11px;
   
  padding: 4px;
  border-bottom: 1px solid #F5F8D6;      
  border-right: 1px solid #F5F8D6;        
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 28px;  
}

.DayCell3
{
  background-color: #F5F4A6;
  font-size: 11px;
   
  padding: 4px;
  border-bottom: 1px solid #F5F8D6;      
  border-right: 1px solid #F5F8D6;  
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 28px;  
}

.DayCell4
{
  background-color: #F5F4A6;
  font-size: 11px;
   
  padding: 4px;
  border-bottom: 1px solid #F5F8D6;      
  border-right: 1px solid #F5F8D6;
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 28px;  
}

.DayCell5
{
  background-color: #F5F4A6;
  font-size: 11px;
   
  padding: 4px;
  border-bottom: 1px solid #F5F8D6;      
  border-right: 1px solid #F5F8D6;
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 28px;  
}

.DayCell6
{
  background-color: #F5F4A6;
  font-size: 11px;
   
  padding: 4px;
  border-bottom: 1px solid #F5F8D6;      
  border-right: 1px solid #F5F8D6;      
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 28px;  
}


/*
  Seven css class definitions below is for the day cells when mouse cursor placed over it.
    DayCell0w is for sundays
    DayCell1w is fo mondays
    and so on ...
    
    These are for small calendar style
*/

.DayCell0w
{
  background-color: #D2D94D;
  font-size: 11px;
  color: #333388;
  padding: 4px;
  border-bottom: 1px solid #F5F8D6;    
  border-right: 1px solid #F5F8D6;      
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 28px;  
}

.DayCell1w
{
  background-color:  #E5E4A6;
  font-size: 11px;
   
  padding: 4px;
  border-bottom: 1px solid #F5F8D6;      
  border-right: 1px solid #F5F8D6;        
  cursor: pointer;
  text-align:center;
  font-family: arial;  
  height: 28px;  
}

.DayCell2w
{
  background-color:  #E5E4A6;
  font-size: 11px;
   
  padding: 4px;
  border-bottom: 1px solid #F5F8D6;      
  border-right: 1px solid #F5F8D6;        
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 28px;  
}

.DayCell3w
{
  background-color:  #E5E4A6;
  font-size: 11px;
   
  padding: 4px;
  border-bottom: 1px solid #F5F8D6;      
  border-right: 1px solid #F5F8D6;  
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 28px;  
}

.DayCell4w
{
  background-color:  #E5E4A6;
  font-size: 11px;
   
  padding: 4px;
  border-bottom: 1px solid #F5F8D6;      
  border-right: 1px solid #F5F8D6;
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 28px;  
}

.DayCell5w
{
  background-color:  #E5E4A6;
  font-size: 11px;
   
  padding: 4px;
  border-bottom: 1px solid #F5F8D6;      
  border-right: 1px solid #F5F8D6;
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 28px;  
}

.DayCell6w
{
  background-color:  #E5E4A6;
  font-size: 11px;
   
  padding: 4px;
  border-bottom: 1px solid #F5F8D6;      
  border-right: 1px solid #F5F8D6;      
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 28px;  
}



/*
  Seven css class definitions below is for the day cells in the calendar.
    DayCell0Large is for sundays
    DayCell1Large is fo mondays
    and so on ...
    
    These are for LARGE calendar style
*/

.DayCell0Large
{
  background-color: #c29dd3;
  font-size: 11px;
  color: #000000;
  padding: 4px;
  border-bottom: 1px solid #f6dffb;    
  border-right: 1px solid #f6dffb;      
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 50px;  
}
 
.DayCell1Large
{
  background-color: #efc5f7;
  font-size: 11px;
  padding: 4px;
  border-bottom: 1px solid #f6dffb;      
  border-right: 1px solid #f6dffb;        
  cursor: pointer;
  text-align:center;
  font-family: arial;  
  height: 50px;  
}

.DayCell2Large
{
  background-color: #efc5f7;
  font-size: 11px;
  padding: 4px;
  border-bottom: 1px solid #f6dffb;      
  border-right: 1px solid #f6dffb;        
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 50px;  
}

.DayCell3Large
{
  background-color: #efc5f7;
  font-size: 11px;
   
  padding: 4px;
  border-bottom: 1px solid #f6dffb;      
  border-right: 1px solid #f6dffb;  
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 50px;  
}

.DayCell4Large
{
  background-color: #efc5f7;
  font-size: 11px;
   
  padding: 4px;
  border-bottom: 1px solid #f6dffb;      
  border-right: 1px solid #f6dffb;
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 50px;  
}

.DayCell5Large
{
  background-color: #efc5f7;
  font-size: 11px;
   
  padding: 4px;
  border-bottom: 1px solid #f6dffb;      
  border-right: 1px solid #f6dffb;
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 50px;  
}

.DayCell6Large
{
  background-color: #efc5f7;
  font-size: 11px;
  padding: 4px;
  border-bottom: 1px solid #f6dffb;      
  border-right: 1px solid #f6dffb;      
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 50px;  
}


/*
  Seven css class definitions below is for the day cells when mouse cursor placed over it.
    DayCell0w is for sundays
    DayCell1w is fo mondays
    and so on ...
    
    These are for LARGE calendar style
*/
.DayCell0wLarge
{
  background-color: #a082ae;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
  padding: 4px;
  border-bottom: 1px solid #F5F8D6;    
  border-right: 1px solid #F5F8D6;      
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 50px;  
}

.DayCell1wLarge
{
  background-color:  #dbb5e3;
  font-size: 11px;
  font-weight: bold;
  padding: 4px;
  border-bottom: 1px solid #f6dffb;      
  border-right: 1px solid #f6dffb;        
  cursor: pointer;
  text-align:center;
  font-family: arial;  
  height: 50px;  
}

.DayCell2wLarge
{
  background-color:  #dbb5e3;
  font-size: 11px;
  font-weight: bold;
  padding: 4px;
  border-bottom: 1px solid #f6dffb;      
  border-right: 1px solid #f6dffb;       
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 50px;  
}

.DayCell3wLarge
{
  background-color:  #dbb5e3;
  font-size: 11px;
  font-weight: bold;
  padding: 4px;
  border-bottom: 1px solid #f6dffb;      
  border-right: 1px solid #f6dffb;  
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 50px;  
}

.DayCell4wLarge
{
  background-color:  #dbb5e3;
  font-size: 11px;
  font-weight: bold;
  padding: 4px;
  border-bottom: 1px solid #f6dffb;      
  border-right: 1px solid #f6dffb;
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 50px;  
}

.DayCell5wLarge
{
  background-color:  #dbb5e3;
  font-size: 11px;
  font-weight: bold;
  padding: 4px;
  border-bottom: 1px solid #f6dffb;      
  border-right: 1px solid #f6dffb;
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 50px;  
}

.DayCell6wLarge
{
  background-color:  #dbb5e3;
  font-size: 11px;  
  font-weight: bold;
  padding: 4px;
  border-bottom: 1px solid #f6dffb;      
  border-right: 1px solid #f6dffb;      
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 50px;  
}



/* Style for day cell which has event for it date assigned. For small calendar style */

.DayCellWithEvent
{
  background-color: #afafaf;
  font-size: 11px;
  color: #000000;  
  padding: 4px;
  border-bottom: 1px solid #F5F8D6;      
  border-right: 1px solid #F5F8D6;      
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 28px;  
}


/* Style for day cell which has event for it date assigned when mouse over it. For small calendar style*/
.DayCellWithEventw
{
  background-color: #C5C4A6;
  font-size: 11px;
  color: #993333;  
  padding: 4px;
  border-bottom: 1px solid #F5F8D6;      
  border-right: 1px solid #F5F8D6;      
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 28px;  
}

/* Style for day cell which has event for it date assigned. For LARGE calendar style */
.DayCellWithEventLarge
{
  background-color: #e196b2;
  font-size: 11px;
  color: #000000;  
  padding: 4px;
  border-bottom: 1px solid #f6dffb;      
  border-right: 1px solid #f6dffb;      
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 50px;  
}
/*  */
/* Style for day cell which has event for it date assigned when mouse over it. For LARGE calendar style*/
.DayCellWithEventwLarge
{
  background-color: #d67e9f;
  font-size: 11px;
  color: #ffffff;
  font-weight: bold;  
  padding: 4px;
  border-bottom: 1px solid #f6dffb;      
  border-right: 1px solid #f6dffb;      
  cursor: pointer;
  text-align:center;
  font-family: arial;
  height: 50px;  
}

/* Style for cell, containing table with top-side controls (month, year) */
.ASEventCalendarHeadCell
{
  text-align: center;
  padding-top: 3px;
}

/* Table containing top-side controls */
.ASEventCalendarHeaderTable
{
  border: 0px solid #FF9900;
  background-color: #f6dffb;
  width: 207px;
  margin: 0 auto;
}

/* Mouse over state for buttons at the top which are for navigating thru months and years */
.ASEventCalendarHeaderButtonHover
{
  border: 1px solid #8d888e;
  background-color: #c29dd3;
  font-size: 11px;
  font-weight: 700;
  padding-left: 4px;
  padding-right: 4px;  
  padding-top: 0px;
  padding-bottom: 0px;
  cursor: pointer;  
  width: 12px;
  color: #FFFFFF;
}

/* Normal state for buttons at the top which are for navigating thru months and years */
.ASEventCalendarHeaderButton
{
  border: 1px solid #f6dffb;
  background-color: #f6dffb;
  color: #555555;
  font-size: 11px;
  font-weight: 700;
  padding-left: 4px;
  padding-right: 4px;  
  padding-top: 0px;
  padding-bottom: 0px;
  cursor: pointer;
  width: 12px;
  
}


/* This class used for cells containing month dropdown select and year texbox*/
.ASEventCalendarHeaderCell
{
  font-size: 11px;
  font-weight: 700;
  padding-left: 0px;
  padding-right: 5px;  
  padding-top: 0px;
  padding-bottom: 0px;
}

/* Space between Year and Month control at the top */
.ASEventCalendarHeaderSpacer
{
  font-size: 11px;
  font-weight: 700;
  padding: 0px;
  width: 10px;
}

/* Space at the end of row with year and month controls */
.ASEventCalendarHeaderSpacer2
{
  background-color: eeeeff;
  font-size: 11px;
  font-weight: 700;
  padding: 0px;
  width: 0px;
}

/* Year textbox element */
.ASEventCalendarYearControl
{
  font-size: 11px;
  width: 30px;  
}

/* Div element containing whole event calendar component */
.ASEventCalendarContainer
{
  background-color: #f6dffb;
  border: 1px solid #8d888e;
  color: #000000;
}


/* Class currently not used */
.ASEventCalendarImageContainer
{
  padding: 0px;
  marging: 0px;
  vertical-align: bottom;
  margin-left: 2px;
  margin-bottom: 1px;
  white-space: nowrap;
  float:left;
  clear:right;
}

/* Class currently not used */
.ASEventCalendarImage
{
  cursor: pointer;
}


/* Style for popup menu with events */
.ASEventCalendarMenu
{
	background-color: #ffffff;
  	border: 1px solid #8d888e;
  	padding: 4px;
}


/* Cell containing event date in popup menu */
.ASEventCalendarListDateCell
{
  vertical-align: top;
  font-size: 10px;
  padding-right: 9px;
  width: 120px;
}

/* Class currently not used */
.ASEventCalendarListBorderRow
{
  border-top: 1px dashed #888888;
  padding-top: 5px
}

/* 
===========================================================================
          Month Select Styles
===========================================================================
*/

  /* Cell with month name in dropdawn list */
  .monthCell
  {
    font-size: 11px;
    font-family: Arial;    
    padding-left: 3px;
    padding-right: 3px;    
    cursor: pointer;    
  }
  
  /* Mouse over state for the cell with month name in dropdawn list */     
  .monthCellHover
  {
    border: 1px solid #c29dd3;    
    font-size: 11px;
    font-family: Arial;    
    background-color: #f6dffb;
    padding-left: 3px;
    padding-right: 3px;    
    color: #ffffff;
    cursor: pointer;        
  }  

  /* Table containing dropdown list of months' */
  .monthTable
  {
    background-color: #f6dffb;      
    border: 1px solid #F5F8D6;     
    width: 75px;
  }
  
  /* Top month dropdown area where selected month are displaying*/
  .MonthSelectHead
  {
    border: 1px solid #8d888e;    
    background-color: #f6dffb;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    cursor: pointer;
    font-size: 11px;
    font-family: Arial;    
  }
  
  /* Mouse over state for top month dropdown area where selected month are displaying*/  
  .MonthSelectHeadHover  
  {
    border: 1px solid #8d888e;
    color: #FFFFFF;
    background-color: #c29dd3;    
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    cursor: pointer;    
    font-size: 11px;
    font-family: Arial;        
  }
   
   /* DIV element containing month dropdown list*/
   .bContainer
   {
    background-color: #F5F8D6;       
    border: 1px solid #A5C759;    
   }