/* Start of CMSMS style sheet 'Calendar CSS' */
/*
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'}

*/

.calendar {
   background-color: #212121;
   color: #9cd3e9;
}
.calendar tr td {
   color: #333;
}
.calendar th {
   color: #ddd;
}



/* make all links blue */
.calendar tr td a
{
  color: #9cd3e9;

}

/* highlight "today" for the small calendar */
.calendar-today
{
  font-weight: bold;
}

/* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
  display: none;
}

#cal-upcominglist h2
,#cal-upcominglist .calendar-date
,#cal-upcominglist .calendar-summary
{
  display: inline;
  margin-right: 5px;
}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
  color: #9cd3e9;
  font-size: 120%;
}
#cal-list h2, #cal-upcominglist h2
{
  font-size: 110%;
}

/** large calendar rules (assuming table_id='big') **/
/* border on for #big */
#big{
 margin: auto;
  border-collapse: separate;
  border-spacing: 5px;
}

/* nice squares for the #big table */
#big th
{
  border: 0;
  padding: 3px;
  width: 75px;
}

#big td {
  border: 2px solid #9cd3e9;
  vertical-align: top;
  padding: 3px;
  height: 75px;
  width: 75px;
}

/* format summaries nicely in #big */
#big ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 3px;
padding-bottom: 5px;
}

#big li
{
  list-style-type: none;
  padding: 2px 0 5px 10px;
  margin: 0px;
background: url("images/bullet.gif") no-repeat 0 7px;
line-height: 1em;
}


/* background colours for #big */
#big td
{
  background-color: #eee;
}

#big .calendar-day
{
  background-color: #fff;
}

#big .calendar-today
{
  font-weight: normal;
  background-color: #9cd3e9;
}
#big .calendar-month {
font-size: 150%;
font-weight: bold;
}
#big .blank {
   border: 0;
   background-color: #5a5a5a;
}
#big .filled {
   background-color: #9cd3e9;
 background: url("images/calendar_bg.gif");
}

#big .filled a {
   color: #333;
font-weight: bold;
background-color: #fff;
}

#big .filled a:hover {
   color: #9cd3e9;
   background-color: #fff;
   font-weight: bold;
  
}

/** small calendar rules (assuming table_id='small') **/
/* border on for #small */
#small{
  margin: auto;
  border-collapse: separate;
  border-spacing: 3px;
  width: 240px;

}



/* nice squares for the #small table */
#small th
{
  border: 0;
  padding: 0;
  width: 15px;
  font-size: 9px;
}

#small table {
  margin:5px;
}


#small td {
  font-weight: bold;
  font-size: 9px;
  border: 2px solid #9cd3e9;
  vertical-align: top;
  padding: 3px;
  height: 15px;
  width: 15px;
overflow: hidden;

}

/* format summaries nicely in #small */
#small ul
{
  margin: 3px;
  padding: 3px;
  padding-left: 5px;
}

#small li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/* background colours for #small */
#small td
{
  background-color: #fff;
}

#small .calendar-day
{
  background-color: #fff;
}

#small .calendar-today
{
  font-weight: bold;
  color: #fff;
  background-color: #9cd3e9;
}


.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
  display: none;
}

#small .blank {
   border: 0;
   background-color: #333;
}

#small .filled {
   background-color: #9cd3e9;
}

#small .filled a {
   color: #333;
   background-color: #9cd3e9;
   background: url("images/calendar_bg.gif");
   font-weight: bold;
   font-size: 9px; 
   display:block;
   width: 100%;
   height: 140%;
   text-decoration: none;
   margin: -3px;
   padding: 3px;
}

#small .filled a:hover {
   color: #fff;
   background-color: #9cd3e9;
   background: none;
   font-weight: bold;
   font-size: 9px; 
   display:block;
   width:100%;
   height:140%;
   text-decoration:none;
   margin: -3px;
   padding: 3px;
}

.calendar-list h2, .calendar-upcominglist h2, .calendar-upcominglist h2 a {
margin-top:20px;
color: #9cd3e9;
font-size: 110%;
text-decoration: none;
font-weight: bold;
}
#big.calendar-upcominglist h2
{
font-size: 170%;
}
.calendar-list .calendar-date-from, 
.calendar-upcominglist .calendar-date-from,
#middleColumnLight .calendar-date-from 
{
text-transform: uppercase;
margin-bottom: 3px;
color: #ccc;
}
.calendar-list .calendar-summary {
margin-bottom: 30px;
}
#cal-upcominglist.calendar-upcominglist .calendar-date-from {
text-transform: uppercase;
color: #989898;
}
#cal-upcominglist.calendar-upcominglist .calendar-summary {
color: #666;
}
#cal-upcominglist.calendar-upcominglist .calendar-event {
margin-top: 20px;
}
.calendar-event h1 {
margin-top:20px;
margin-bottom: 3px;
color: #9cd3e9;
font-size: 180%;
text-decoration: none;
}
.calendar-returnlink {
margin-top: 20px;
}
.calendar-prev, .calendar-next {
display: none;
}
#small .calendar-prev, 
#small .calendar-next,
#big .calendar-prev,
#big .calendar-next {
display: inline;
}
/* TOOLTIPS */

/* End of 'Calendar CSS' */