/* 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;
}

#small .calendar-month
{
  font-weight: bold; font-size:1.2em; padding: 0.1cm
}


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

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

#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
  display: none;
}

#cal-upcominglist
,#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%;
}


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

/* nice squares for the #small table */
#small th { 
  padding: 2px; 
}

#small td {
  text-align:center; 
  height: 16px;
}

table#small td a {
  padding: 2px;
  color: black;
  display:block;
  text-decoration:none;
  background-color: #8e8e8f;
  height: 14px;
}

table#small td a:hover {
  color: black;
  display:block;
  text-decoration:none;
  background-color: red;
}


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

#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;
}



.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 }

#small .calendar-today {
  padding-top: 2px;
  height: 14px;
  font-weight: bold;   
  background-color: #fff000;
  display: block;
}


#small .calendar-today a{ 
  height: 13px;
  margin-top: -3px;
  font-weight: bold;   
  background-color: #fff000;
  display: block;
  border: solid 1px #8e8e8f;
}
/* End of 'Module: Calendar (small)' */