/* Start of CMSMS style sheet 'Module: Calendar (small)' */
/*
Example stylesheet for Calendar module

For using this "small"-class insert something like this in your page
or template;

{cms_module module='Calendar' table_id='small'}

*/

#small  .transparent {
    filter:alpha(opacity=90);
    background-color:green;
    display:none;
    width:170;
    height:100;
    position:absolute;
    color: white;
    border: 1 green solid;
}

/* make all links red */
.calendar tr td a
{
  color: #7d0021;
}

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

/* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */
#small .date-head
{
  font-weight: bold; font-size:1.15em; padding-top:0.2cm; padding-bottom:0.2cm;  color: #294B5F;
}

#small .event-title
{
  font-weight: bold; font-size:1em; padding-top:0.1cm; padding-bottom:0.1cm;
}

#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: red;
  font-size: 120%;
}
#small #cal-list h2, cal-upcominglist h2
{
  font-size: 110%;
}

#small .calendar-month
{
  font-weight: bold; font-size:0.9m; padding-top: 1px;
}

/** large calendar rules (assuming table_id='small') **/
/* border on for #small */
#small  {font-size:0.8em; margin: 0; border: dotted 0px #adadad;  border-collapse: collapse; border-bottom: dotted 1px #adadad;}

/* nice squares for the #small table */
#small th
   { padding: 1px; width: 16px; border-bottom: dotted 1px #adadad }

#small td    {text-align:center; padding: 1px; width: 16px; height:15px; border: dotted 0px #adadad }
table#small a.date {
padding-top:2px;
display:block;
width:16px;
height:15px;
text-decoration:none;
}
table#small a.date:hover {
background:#9e9e9e;
}

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

#small li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
/* background colours for #small */
#small td
 { background-color: #fff }

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

#small .calendar-today
 { font-weight: normal;   background-color: #fff000; }

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
 { background-color: #9f6; display: none }

table#small td.event { background-color: #d4d4d4; }
td#text div table#small td.event  { background-color: #d4d4d4 }
/* End of 'Module: Calendar (small)' */