/* 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 tr td a
{
  color: #057B86;
  font-weight: normal;
}
.calendar tr td a:hover {
  font-weight: normal;
}

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

/* 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: #DC382F;
  font-size: 18px;
  padding: 5px 0 10px;
}
#cal-list h2, cal-upcominglist h2
{
	font: bold 16px Tahoma, Arial, Helvetica, sans-serif !important;
        color: #00B2C2;
        float: left;
        padding: 15px 25px 0 15px;
}

#Monday {
  background: transparent url(uploads/images/Monday.gif) no-repeat scroll left top !important;
  width: 70px;
}

#Sunday {
  background: transparent url(uploads/images/Sunday.gif) no-repeat scroll right top !important;
  border-right: none !important;
}


/** large calendar rules (assuming table_id='big') **/
/* border on for #big */
#big{
  margin: 5px 14px 0;
  border-collapse: collapse;
  border: none;
  color: #057B86; 
  font: normal 12px Tahoma, Arial, Helvetica, sans-serif !important;
  text-align: center; 
  clear: both;
}

/* nice squares for the #big table */
#big th
{
  border-bottom: 1px solid #Fdd118;
  border-right: 1px solid #Fdd118;
  border-left: 1px solid #Fdd118;
  padding: 5px;
  width: 90px;
  background: transparent url(uploads/images/calendar_th_bg.gif) repeat-x scroll 0% 0%;
}

.Monday
{
  background: transparent url(uploads/images/Monday.gif) repeat-x scroll 0% 0% !important;
}

.Sunday
{
  background: transparent url(uploads/images/Sunday.gif) repeat-x scroll 100% 0% !important;
  border-right: 0px !important;
}


#big td {
  border: 1px solid #fdd118;
  vertical-align: top;
  padding: 2px 10px 2px 0;
  height: 100px;
  width: 110px;
  text-align: right;
  background: #ffffff url(uploads/images/calendar_td_bg.gif) repeat-x scroll left top;
  font-weight: normal;
}

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

#big li
{
  list-style-type: none;
  padding: 0px;
  margin: 10px !important;
  text-align: left;
}

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

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

#big .calendar-today, #big .calendar-today a
{
  background-color: #fbf6e2;
  font-weight: normal;
}

#big .calendar-month {
    color: #00B2C2 !important;
    font-family: Georgia, Times, serif;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 10px;
    text-align: left;
}

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

.calendar-event {
   padding-bottom: 15px;
}

/** Start small calendar rules (assuming table_id='small') **/
/* border on for #small */

div#calendar {
  margin: 2em 0 1em 1em;  /* margin for the entire div surrounding the news list */
  padding-bottom: 3px;
  border: 2px solid #00447A; 
  background: #B8B9BB; 
}

div#calendar h2 {
   line-height: 1.5em;
   background: #ffffff;
   margin-bottom: 1em;
   font-size:1.5em;
}

div#all-events {
  margin: 1em 0 0em 1em;  /* margin for the entire div surrounding the news list */
  padding-bottom: 3px;
}
#small {
  width: 95%;
  margin: 0 auto;
  border-collapse: collapse;
  border: 2px solid #00447A;
}

/* nice squares for the #small table */
#small th
{
  border: 2px solid #00447A;
  background-color: #B8B9BB;
  padding: 1px;
  width: 20px;
  color: #00447A;
  text-align: center;
}

#small td {
  border: 1px solid #00447A;
  vertical-align: middle;
  text-align: right;
  padding: 1px;
  height: 20px;
  width: 20px;
}

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

#small .calendar-month
{
  padding: 0 0 5px 0;
}

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

#small .calendar-today
{
  font-weight: bold;
}

/** End small calendar rules  **/


/*****************************************************
For use with the 'Calendar' template and the following
tag: {cms_module module='Calendar' table_id='cal-list'}
These styles are intended for all list types used with
the display='[listtype]' parameter.
******************************************************/
#cal-list {
       margin: 1em 1em 1em 11em;
   }

#cal-list h3 {
    font: bold 16px Tahoma, Arial, Helvetica, sans-serif !important;
    color: #00B2C2;
    margin-bottom: 5px;
}

#cal-list .calendar-date-from {
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif !important;
        color: #057B86;
        padding-bottom:10px;
}


#cal-list .cal-date-from-to {
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif !important;
        color: #8E6E23;

}

#cal-list .calendar-date-title {
	font-style: italic;
	font-weight: bold;
	font-size: 110%;
}

#cal-list .calendar-summary-title {
	font-style: italic;
	font-weight: bold;
	font-size: 110%;
	line-height: 1.5em;
}

#cal-list .calendar-details-title {
	font-style: italic;
	font-weight: bold;
	font-size: 110%;
	line-height: 1.5em;
}

.calendar-returnlink {
       padding-top: 5px;
       font-size: 12px;
}

/*****************************************************
For use with the Event Template on a detail page with
the following module call:
{cms_module module='Calendar' table_id='cal-event' 
display='list' detail='1'}
******************************************************/

#event h3 {
    color: #CC3433;
    font-family: Georgia, Times, serif;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

#event .cal-date-from-to {
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif !important;
        padding-bottom: 5px;
        color: #00B2C2;
}

#event .calendar-date-title {
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
        font-family: Georgia, Times New Roman, serif;
        padding-bottom: 5px;
        color: #00B2C2;
}

#event .calendar-summary-title {
	font-style: italic;
	font-weight: bold;
	font-size: 110%;
	line-height: 1.5em;	
}

#event .calendar-details-title {
	font-style: italic;
	font-weight: bold;
	font-size: 110%;
	line-height: 1.5em;
}

#calendar-list h3 {
	font-family: "trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	line-height: 1em;
        font-color: #CC3433 !important;
}

#calendar-list .cal-date-from-to {
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif !important;;
        padding-bottom: 5px;
}

#calendar-list .calendar-date-title {
	font-style: italic;
	font-weight: bold;
	font-size: 110%;
        font-family: Georgia, Times New Roman, serif;
        padding-bottom: 5px;
}

#calendar-list .calendar-summary-title {
	font-style: italic;
	font-weight: bold;
	font-size: 110%;
	line-height: 1.5em;
}

#calendar-list .calendar-details-title {
	font-style: italic;
	font-weight: bold;
	font-size: 110%;
	line-height: 1.5em;
}


/* End of 'Calendar CSS' */