/*
 *  Copyright Mark A. Sheldon, Fall 2007
 *
 *  Style sheet to go with the JavaScript tools for building a calendar or
 *  syllabus in a web page.  
 *  
 *  You can set the calendar's class to be anything you want, so you can
 *  rename styles involving "calendar" if you wish.  But the JavaScript
 *  code *does* assume the existence of the following classes:
 *  
 *  td.holiday:     used to format a holiday entry
 *  td.filler:      used to format a slot that is either in the starting week 
 *                  but before the starting date or in the ending week but
 *                  after the ending date
 *  a.unavailable:  used for links to information that is not yet released,
 *                  eg, pending problem set solutions
 *
 *  .admin:         used for administrative notes, eg, Last day to add a course
 *                  (This class isn't actually generated by the JavaScript,
 *                  but there is a utility function, admin_note(), that 
 *                  uses it.)
 *  
 *  The .due class has no special status in the JavaScript
 *
 */


table.calendar
{
   border-collapse: collapse;
   border-style: solid;
   border-width: 1px;
   border-color: #000000;
   width: 100%;
}

table.calendar td
{
   vertical-align: top;
   border-style: solid;
   border-width: 1px;
}

table.calendar th
{
   border-style: solid;
   border-width: 1px;
}

table.calendar td.holiday
{
   background-color: #9999FF;
}

table.calendar td.filler
{
   background-color: blue;
}

table.calendar a
{
   text-decoration: none;
}

table.calendar a:hover
{
   text-decoration: underline;
}


table.calendar a.unavailable
{
   text-decoration: none; /* underline; */
}

/*
table.calendar a.unavailable:after
{
   content: "";
}
*/

table.calendar a.unavailable:hover
{
   cursor: not-allowed;
   /* color: white; */
   text-decoration: underline; /* line-through;   none; */
}

/*
table.calendar a.unavailable:hover:after
{
   content: " unavailable";
}
*/

table.calendar .due
{
   color: red;
}

table.calendar .admin
{
   font-size: small;
}