/* Start of CMSMS style sheet 'Calendar CSS example' */
/*
Example stylesheet for Calendar module

For using this "big"-class insert something like this in your page
or template;

{cms_module module='Calendar' table_id='big'}

*/



/* make all links red */
.calendar tr td a
{
  /*color: red;*/
font-size:8pt;
}

/* highlight "today" for the small calendar */
.calendar-today
{
  font-weight: bold;
}

/* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */
.calendar-upcominglist{text-align:center;}
.calendar-upcominglist .calendar-event{text-align:left;border-bottom:1px solid #A9A9A9;padding:2px 0;}

/** large calendar rules (assuming table_id='big') **/
/* border on for #big */
#big{
  margin: 0px;
  /*border-collapse:    collapse;*/

}
.calendar{ border: 1px solid #A9A9A9;}

/* nice squares for the #big table */
#big th
{
  border-left: 1px solid #a9a9a9;
border-right: 1px solid #a9a9a9;
  padding: 3px;
  width:55px;
background-color:#ccc;
text-transform:uppercase;
}

#big td {
  border: 1px solid #A9A9A9;
  vertical-align: top;
  padding: 3px;
  height: 40px;
}

/* format summaries nicely in #big */
#big ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
}

#big li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
 line-height:11px;
}

/* background colours for #big */
#big td
{
  background-color: #fff;
}

#big .calendar-day
{
  background-color: #80ff80;
}

#big .calendar-today
{
  font-weight: normal;
  background-color: #8080ff;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title
{
  display: none;
}
.calendar-event .calendar-details-title{font-weight:bold;}
.calendar-event .calendar-date-title{display: inline;font-weight:bold;}
.calendar-returnlink{display:none;}
/*copy from old site */
.calendar-prev a,.calendar-next a{color:#000000;
font-family:Arial,Helvetica,Verdana,sans-serif;
font-size:9pt;
text-decoration:underline;}
.calendar-prev a{float:left}
.calendar-next a{float:right;margin-top:0;.margin-top:-20px;}
.calendar-month,.calendar-month a{color:#000000;font-family:Arial,Helvetica,Verdana,sans-serif;font-size:9pt;text-decoration:none;font-weight:bold;}
.calendar-month{font-size:13pt;}
.calendar tr td a{background-color:#EEEEEE;
border-bottom: 2px solid #A9A9A9;
border-right: 2px solid #A9A9A9;
color:#000000;
}
.calendar tr td ul a{
background-color:transparent;
border:none;
}
#big td td{
border:none;
height:auto;
padding:0;
width:10px;
background-color:#eee;
}
/*.calendar-prev a:hover,.calendar-next a:hover{text-decoration:underline;}*/
#big td.event{background-color:#fafad2;width:80px;}
a.button:hover{background-color:#7A2426;
border-color:#FFFFFF gray gray #FFFFFF;
border-style:solid;
border-width:2px 2px 1px;
color:#F9F6C1;
font-family:Arial,Helvetica,Verdana,sans-serif;
font-size:8pt;
line-height:20px;
padding:1px 9px;}
.SearchHead{font-weight:bold;text-decoration:underline;}
.clarificBox{background-color:#eee;border: 1px solid rgb(100, 112, 88); padding: 3px;text-align:left;margin-top:2px;}
.calendar-event h1{font-size:24px}
.calendar-list .calendar-event{border-top:2px solid #235937;}
.calendar-list h2{margin-bottom:10px;margin-top:0;}
.calendar-event div{margin-left:20px;}
.calendar-upcominglist .calendar-event div{margin-left:0;}
.calendar-upcominglist .calendar-event a:hover{color:#781F1C;}
/* End of 'Calendar CSS example' */

