/* calendars.css */


#cintro
{
  color: #202020;
  font-size: 16pt;
}
#cmain
{
  color: #202020;
  font-size: 12pt;
}

#calendars_title
{
  text-align: center;
  font-size: 16pt;
}

/*-------------------------------------------*/

#calendars_table 
{
  display: table;
  zztable-layout: fixed;
  zzwidth: 1000px;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  zzmargin: 0 auto; 
  /*
border-style: solid;
border-color: blue;
border-width: 0px;
*/
}
#calendars_row  
{
 display: table-row;
}
#calendars_col_left
{
  display: table-cell;
  width: 200px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
  text-align: left;
  vertical-align: top;

border-style: dotted;
border-width: 0px;
border-color: gray;

}
#calendars_col_centre
{
  display: table-cell;
  width: 550px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
  text-align: left;
  vertical-align: top;

border-style: dotted;
border-width: 0px;
border-color: gray;

}
#calendars_col_right
{
  display: table-cell;
  width: 250px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
  text-align: left;
  vertical-align: top;

border-style: dotted;
border-width: 0px;
border-color: gray;

}

/*-------------------------------------------*/

/* For displaying a dieversary calendar table, highlighting the row of the next event */

#calendar_table 
{
  display: table;
  font-family: Arial, Verdana, sans-serif;
  float: left;
  text-align: left;
  vertical-align: top;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 2px 2px 2px 2px;
  margin: 0 auto; 
  empty-cells: show;
  
  border-style: solid;
  border-width: 1px;
  border-left-color: white;
  border-right-color: white;
  border-top-color: white;
  border-bottom-color: white;
}
#calendar_row  
{
  display: table-row;
  border-color: white;
  background-color: white;
}

#calendar_header /* default alignment */
{
  display: table-cell;
  color: #808080;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 2px 2px 2px 2px;
  font-weight: normal;
  font-size: 8pt;
  vertical-align: bottom;
  
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-left-color: white;
  border-right-color: white;
  border-top-color: white;
  border-bottom-color: white;
}
#calendar_header_left
{
  display: table-cell;
  margin: 0px 0px 0px 0px; 
  padding: 2px 2px 2px 2px;
  color: #808080;
  background-color: white;
  font-weight: normal;
  font-size: 8pt;
  text-align: left;
  vertical-align: bottom;
  
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 1px;
  border-right-width: 0px;
  border-left-color: white;
  border-right-color: white;
  border-top-color: white;
  border-bottom-color: black;
}
#calendar_header_right
{
  display: table-cell;
  margin: 0px 0px 0px 0px; 
  padding: 2px 2px 2px 2px;
  color: #808080;
  background-color: white;
  font-weight: normal;
  text-align: left;
  font-size: 8pt;
  vertical-align: bottom;
  
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 1px;
  border-right-width: 0px;
  border-left-color: white;
  border-right-color: white;
  border-top-color: white;
  border-bottom-color: black;
}
#calendar_header_bold
{
  display: table-cell;
  margin: 0px 0px 0px 0px; 
  padding: 2px 12px 2px 2px;
  color: black;
/*  color: #808080; */
  background-color: white;
  font-weight: bold;
  text-align: left;
  font-size: 8pt;
  vertical-align: bottom;
  
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 1px;
  border-right-width: 0px;
  border-left-color: white;
  border-right-color: white;
  border-top-color: white;
  border-bottom-color: black;
}

/* odd and even cells */

/* display blank column for $isNext flag */
#calendar_odd
{
  display: table-cell;
  color: white;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 2px 2px 2px 2px;
  text-align: right;
  vertical-align: top;
  font-size: 10pt;
  
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 1px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-left-color: black;
  border-right-color: white;
  border-top-color: white;
  border-bottom-color: white;
}
#calendar_odd_first
{
  display: table-cell;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 2px 2px 2px 2px;
  text-align: right;
  vertical-align: top;
  font-size: 10pt;
  
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 1px;
  border-left-color: white;
  border-right-color: black;
  border-top-color: white;
  border-bottom-color: white;
}
#calendar_odd_left
{
  display: table-cell;
  background-color: #f0d000;
  margin: 0px 0px 0px 0px; 
  padding: 2px 2px 2px 2px;
  text-align: left;
  vertical-align: top;
  font-size: 10pt;
  
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-left-color: white;
  border-right-color: white;
  border-top-color: white;
  border-bottom-color: white;
}
#calendar_odd_right
{
  display: table-cell;
  background-color: #f0d000;
  margin: 0px 0px 0px 0px; 
  padding: 2px 2px 2px 2px;
  text-align: right;
  vertical-align: top;
  font-size: 10pt;
  
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-left-color: white;
  border-right-color: white;
  border-top-color: white;
  border-bottom-color: white;
}
#calendar_odd_bold
{
  display: table-cell;
  background-color: #f0d000;
  margin: 0px 0px 0px 0px; 
  padding: 2px 12px 2px 2px;
  text-align: right;
  vertical-align: top;
  font-size: 10pt;
  font-weight: bold;
  
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-left-color: white;
  border-right-color: white;
  border-top-color: white;
  border-bottom-color: white;
}

/* "stripy" column - rightmost */
#calendar_even
{
  display: table-cell;
  color: white;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 2px 2px 2px 2px;
  text-align: right;
  vertical-align: top;
  font-size: 10pt;
  
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 1px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-left-color: black;
  border-right-color: white;
  border-top-color: white;
  border-bottom-color: white;
}
#calendar_even_first
{
  display: table-cell;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 2px 2px 2px 2px;
  text-align: left;
  vertical-align: top;
  font-size: 10pt;
  
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 1px;
  border-left-color: white;
  border-right-color: black;
  border-top-color: white;
  border-bottom-color: white;
}
#calendar_even_left
{
  display: table-cell;
  background-color: #ffc0c0;
  margin: 0px 0px 0px 0px; 
  padding: 2px 2px 2px 2px;
  text-align: left;
  vertical-align: top;
  font-size: 10pt;
  
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-left-color: white;
  border-right-color: white;
  border-top-color: white;
  border-bottom-color: white;
}
#calendar_even_right
{
  display: table-cell;
  background-color: #ffffe0;
  margin: 0px 0px 0px 0px; 
  padding: 2px 2px 2px 2px;
  text-align: right;
  vertical-align: top;
  font-size: 10pt;
  
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-left-color: white;
  border-right-color: white;
  border-top-color: white;
  border-bottom-color: white;
}
#calendar_even_bold
{
  display: table-cell;
  background-color: #ffffe0;
  margin: 0px 0px 0px 0px; 
  padding: 2px 12px 2px 2px;
  text-align: right;
  vertical-align: top;
  font-size: 10pt;
  font-weight: bold;
  
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-left-color: white;
  border-right-color: white;
  border-top-color: white;
  border-bottom-color: white;
}

#calendar_blank
{
  display: table-cell;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 2px 2px 2px 2px;
  text-align: right;
  vertical-align: top;
  font-size: 10pt;
  
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-left-color: white;
  border-right-color: white;
  border-top-color: white;
  border-bottom-color: white;
}
#calendar_bottom
{
  display: table-cell;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 2px 2px 2px 2px;
  text-align: right;
  vertical-align: top;
  font-size: 10pt;
  
  border-style: solid;
  border-top-width: 1px;
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-left-color: white;
  border-right-color: white;
  border-top-color: black;
  border-bottom-color: white;
}

/*-------------------------------------------*/

#cal_index_table 
{
  display: table;
  font-family: Arial, Verdana, sans-serif;
  /* float: left; */
  text-align: left;
  vertical-align: top;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  margin: 0 auto; 
  empty-cells: show;
  
  border-style: solid;
  border-width: 0px;
  border-left-color: white;
  border-right-color: white;
  border-top-color: white;
  border-bottom-color: white;
}
#cal_index_row  
{
  display: table-row;
}
#cal_index_header
{
  display: table-cell;
  padding: 1px 1px 1px 1px;
  margin: 0px 0px 0px 0px;
  color: black;
  font-weight: normal;
  font-size: 16pt;
  vertical-align: bottom;
  
  border-style: solid;
  border-width: 1px;
  border-color: white;
}
#cal_index_cell
{
  display: table-cell;
  padding: 1px 1px 1px 1px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: top;
  font-size: 9pt;
  color: #808080;
  
  border-style: solid;
  border-width: 1px;
  border-color: white;
}
#cal_index_cell a
{
  display: table-cell;
  padding: 1px 1px 1px 1px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: top;
  font-size: 10pt;
  color: Black;
  text-decoration: none;
  
  border-style: solid;
  border-width: 1px;
  border-color: white;
}
#cal_index_cell a:hover
{
  display: table-cell;
  padding: 1px 1px 1px 1px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: top;
  font-size: 10pt;
  color: #8080f0;
  text-decoration: none;
  
  border-style: solid;
  border-width: 1px;
  border-color: #8080f0;
}

/*-------------------------------------------*/

#cal_form_table 
{
  display: table;
  font-family: Arial, Verdana, sans-serif;
  /* float: left; */
  text-align: left;
  vertical-align: top;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  margin: 0 auto; 
  empty-cells: show;
  
  border-style: solid;
  border-width: 0px;
  border-color: white;
}
#cal_form_row  
{
  display: table-row;
}
#cal_form_cell_left
{
  display: table-cell;
  padding: 1px 1px 1px 1px;
  margin: 0px 0px 0px 0px;
  color: black;
  font-weight: normal;
  font-size: 10pt;
  vertical-align: bottom;
  
  border-style: solid;
  border-width: 1px;
  border-color: white;
}
#cal_form_cell_right
{
  display: table-cell;
  padding: 1px 1px 1px 10px;
  margin: 0px 0px 0px 0px;
  color: black;
  font-weight: normal;
  font-size: 10pt;
  vertical-align: middle;
  
  border-style: solid;
  border-width: 1px;
  border-color: white;
}

/*-------------------------------------------*/

#cal_table 
{
  display: table;
  font-family: Arial, Verdana, sans-serif;
  text-align: center;
  vertical-align: top;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 2px 2px 2px 2px;
  margin: 0 auto; 
  empty-cells: show;
  
  border-style: solid;
  border-width: 0px;
  border-color: green;
}
#cal_row  
{
  display: table-row;
  border-color: white;
  background-color: white;
}
#cal_header
{
  display: table-cell;
  color: #808080;
  font-size: 12pt;
  font-weight: normal;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 2px 12px 2px 12px;
  vertical-align: bottom;
  
  border-style: solid;
  border-width: 0px;
  border-color: white;
}
#cal_header_right
{
  display: table-cell;
  color: #808080;
  font-size: 12pt;
  font-weight: normal;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 2px 12px 2px 12px;
  text-align: right;
  vertical-align: bottom;
  
  border-style: solid;
  border-width: 0px;
  border-color: white;
}
#cal_cell
{
  display: table-cell;
  color: black;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 2px 12px 2px 12px;
  font-weight: normal;
  font-size: 10pt;
  vertical-align: bottom;
  
  border-style: solid;
  border-width: 0px;
  border-color: white;
}
#cal_cell_right
{
  display: table-cell;
  color: black;
  text-align: right;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 2px 12px 2px 12px;
  font-weight: normal;
  font-size: 10pt;
  vertical-align: bottom;
  
  border-style: solid;
  border-width: 0px;
  border-color: white;
}
#cal_cell_num
{
  display: table-cell;
  color: black;
  text-align: right;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 2px 2px 2px 2px;
  font-weight: normal;
  font-size: 10pt;
  vertical-align: bottom;
  
  border-style: solid;
  border-width: 1px;
  border-color: #e0e0e0;
}