/* CSS Document */

/*NEW CSS STYLES FOR MONTHLY TIMETABLES*/

body {
 background-color: #fff;
 color: #261f6c;
 font-size: 100%;
}

.h2month{
   padding-top:20px;
   padding-left:20px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:17px;
   font-weight:100;
   color: #261f6c;
}

/*controls appearance of whole table*/
.clmonth {
 float:left;
 border-collapse: collapse;
 width: 630px;
}

/*controls appearance of Month title text*/
.clmonth caption {
 text-align: left;
 font: 110% Arial, Helvetica, sans-serif;
 padding-bottom: 6px;
}

/*controls appearance of days of the week text cells*/
.clmonth th {
 text-align:center;
 border: 1px solid #AAA;
 border-bottom: none;
 padding: 2px 8px 2px 8px;
 font: 80% Arial, Helvetica, sans-serif;
 background-color: #778ad6;
 color: #fff;
}

/*controls appearance of content table cells*/
.clmonth td {
 border: 1px solid #EAEAEA;
 font: 70% Arial, Helvetica, sans-serif;
 padding: 2px 4px 2px 4px;
 vertical-align: top;
}

/*controls appearance of empty table cells*/
.clmonth td.previous, .clmonth td.next {
 background-color: #F6F6F6;
 color: #C6C6C6;
}

/*controls appearance of days of active table cells*/
.clmonth td.active {
 background-color: #F2F5FF;
 color: #261f6c;
 border: 2px solid #778ad6;
 font: 70% Arial, Helvetica, sans-serif;
}

/*controls appearance of days of day courses table cells*/
.clmonth td.day-course {
 background-color: #66FFFF;
 color: #261f6c;
 border: 2px solid #778ad6;
 font: 70% Arial, Helvetica, sans-serif;
}

/*controls appearance of days of retreats table cells*/
.clmonth td.retreats {
 background-color: #FFFF66;
 color: #261f6c;
 border: 2px solid #778ad6;
 font: 70% Arial, Helvetica, sans-serif;
}


/*controls appearance of days of term break table cells*/
.clmonth td.termbreak {
 background-color: #C0C0C0;
 color: #261f6c;
 border: 2px solid #778ad6;
 font: 70% Arial, Helvetica, sans-serif;
}

/*controls appearance of days of festival table cells*/
.clmonth td.festival {
 background-color: #FFCC00;
 color: #261f6c;
 border: 2px solid #778ad6;
 font: 70% Arial, Helvetica, sans-serif;
}

/*controls appearance of listed events in active table cells*/
.clmonth ul {
 list-style-type: none;
 margin: 0;
 padding-left: 12px;
 padding-right: 6px;
}

.clmonth li {
 margin-bottom: 8px;
}





/*monthly timetable - bold body text style*/
.bold {
font-family:arial;
font-size:100%;
font-weight:bold;
color: #261f6c;
}


/*monthly timetable - red text style*/
.red {
font-family:arial;
font-size:100%;
color: #CC3300;
}


/*monthly timetable - table date text style*/
.date {
font-family:arial;
font-size:16px;
font-weight:bolder;
color: #778ad6;
}



/*download monthly timetable sprite3 and link rules*/
.timetabledownload {
   float:left;
   width:380px;
   margin-top:10px;
   margin-left:5px;
   margin-bottom:10px;
}

.downloadarrowcontain {
   float:left;
   display:inline;
   height:27px;
   margin-left:5px;
}

a:link.sprite3, a:visited.sprite3{
   float:left;
   background:url(images/booking-form-download-arrow.gif) no-repeat top left;
   background-position:0px -27px;
   width:320px;
   height:25px;
   padding-top:5px;
   text-align:center;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color: #22478f;
   line-height:1.4em;
   font-size:12px;
   text-decoration:none;
}
 
a:hover.sprite3{
   background-position:0px 0px;
   text-align:center;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color: #261f6c;
   line-height:1.4em;
   font-size:12px;
   text-decoration:none;
}


/*open timetable key specific rules*/
.keytop {
   width:138px;
   height:76px;
   background-image:url(images/e-news-top.jpg);
   margin-top:120px;
}

.keymiddle {
   background-image:url(images/e-news-middle.jpg);
   background-repeat:repeat-y;
}

.keytextblue {
   width:130px;
   padding-top:1px;
   padding-bottom:10px;
   padding-left:8px;
   text-align:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:100;
   line-height:1.4em;
   color: #22478f;
 }
 
 .keytextred {
   width:130px;
   padding-top:1px;
   padding-bottom:10px;
   padding-left:8px;
   text-align:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:100;
   line-height:1.4em;
   color: #CC3300;
 }
 
  .keytextgrey {
   width:130px;
   padding-top:1px;
   padding-bottom:10px;
   padding-left:8px;
   text-align:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:100;
   line-height:1.4em;
   color: #868686;
 }
 
   .keytextdaycourses {
   width:113px;
   display:block;
   background-color:#66FFFF;
   padding-left:18px;
   margin-left:5px;
   text-align:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:bold;
   line-height:1em;
   color: #22478f;
 }
 
   .keytextretreats {
   width:113px;
   display:block;
   background-color:#FFFF66;
   padding-left:18px;
   margin-left:5px;
   text-align:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:bold;
   line-height:1em;
   color: #22478f;
 }
 
   .keytextfestivals {
   width:113px;
   display:block;
   background-color:#FFCC00;
   padding-left:18px;
   margin-left:5px;
   text-align:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:bold;
   line-height:1em;
   color: #22478f;
 }

   .keytexttermbreak {
   width:113px;
   display:block;
   background-color:#C0C0C0;
   padding-left:18px;
   margin-left:5px;
   text-align:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:bold;
   line-height:1em;
   color: #22478f;
 }



/*close timetable key specific rules*/