/**********
Colo(u)rs:
Light Blue: #EDF5FA;
Table Outer Border/Calendar Heading Background Blue: #B7D5E4;
Highlights Calendar Cell Blue/text colour: #377EA3;
Calendar Thin Dark Line Blue: #679DB9;

Light Green: #F3F7EF;
Table Outer Border/Calendar Heading Background Green: #CCE0BB;
Highlights Calendar Cell Green/text colour: #6D9942;
Calendar Thin Dark Line Green: #8CB967;
**********/

.motto {
 font-family:times new roman;
 font-size:xsmall;
 color:#000000;
 font-style:italic;
}

/*
Style the list items.
Will set the list bullet as square, and make the text wrap
inline with the bullet
*/
li {
 list-style-type: square;
 /*list-style-image: url(images/blue_block.gif);*/
 margin-bottom:10px;
 margin-left: 0px;
 padding-left: 0px;
 list-style-position: inside;
}
/*
Style the list.
Will remove the large indent on the list LHS
*/
ul{
margin-left:0px;
padding-left: 0px;
}

/*
style the welcome text as read from the DB
don't want to do much here, as styling will have been set in the editor*/
#welcomeText{
font-size: 70%;
}

/*
Used to style the table cell the children's calendar is in
*/
.childrens_calendar{
padding-right: 40px;
padding-top: 10px;
}

/*
Used to style the table cell the young people's calendar is in
*/
.young_peoples_calendar{
padding-left: 40px;
padding-top: 10px;
}

/***********************************************************************************
*CALENDAR INCLUDE PAGE STYLING
************************************************************************************/
/******************************************************
*BLUE CALENDAR STYLING
******************************************************/
/*
Styling for the inner blue calendar table
*/
.cal_inner_table_blue{
background-color: #EDF5FA;
border-left: 1px solid #679DB9;
border-top: 1px solid #679DB9;
border-right: 1px solid #EDF5FA;
border-bottom: 1px solid #EDF5FA;
font-size: 70%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: right;
}

/*
Styling for the outer blue calendar table
*/
.cal_outer_table_blue{
background-color: #EDF5FA;
border: 1px solid #B7D5E4;
margin: 0px;
padding: 0px;
}


/*
styling for the calendar cell for today
*/
.cal_cell_today_blue{
color: white;
font-size: xx-small;
padding: 1px;
background-color: #377EA3;
border: 1px solid black;
}

/*
styling for the calendar cell for normal cells (i.e. not today).
*/
.cal_cell_normal_blue{
padding: 1px;
color:black;
font-size: xx-small;
}

/*
styling for the calendar cell for edition cells
*/
.cal_cell_edition_blue{
padding: 1px;
color:black;
font-size: xx-small;
/*font-weight: bold;*/
/*border: 1px solid #679DB9;*/
/*background-color: #B7D5E4;*/
}

/*
styling for the calendar cell for edition/today cells
*/
.cal_cell_edition_today_blue{
padding: 1px;
color:white;
font-size: xx-small;
background-color: #377EA3;
border: 1px solid black;
}

/*thin line used for styling the calendar
Used for HR below Days of week*/
.cal_thin_line_blue{
background-color: #679DB9;
border-left: 2px solid #EDF5FA;
}

/*table header background style
used to style the blue calendar header*/
.cal_header_table_row_blue{
background-color: #B7D5E4;
padding: 2px;
}

/*Used to style the calendar month title
also provides part of the border for the header*/
.cal_month_blue{
text-align: center;
font-weight: bold;
font-size: xx-small;
color: black;
padding: 2px;
border-top: 1px solid #EDF5FA;
border-bottom: 1px solid #679DB9;
}
/*provides part of the border for the header*/
.cal_header_left_blue{
border-top: 1px solid #EDF5FA;
border-left: 1px solid #EDF5FA;
border-bottom: 1px solid #679DB9;
padding-left: 3px

}
/*provides part of the border for the header*/
.cal_header_right_blue{
border-top: 1px solid #EDF5FA;
border-bottom: 1px solid #679DB9;
border-right: 1px solid #679DB9;
padding-right: 3px
}


/*style for the blue text
Used for edition date and the * above print
*/
.cal_blue_text{
font-size: 60%;
font-weight: bold;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #377EA3;
}

/*thin blue line
Used for HR below edition date*/
.thin_line_blue{
background-color: #679DB9;
}

/******************************************************
*GREEN CALENDAR STYLING
******************************************************/

/*
Styling for the inner green calendar table
*/
.cal_inner_table_green{
background-color: #F3F7EF;
border-left: 1px solid #8CB967;
border-top: 1px solid #8CB967;
border-right: 1px solid #F3F7EF;
border-bottom: 1px solid #F3F7EF;
font-size: 70%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: right;
}

/*
Styling for the outer green calendar table
*/
.cal_outer_table_green{
background-color: #F3F7EF;
border: 1px solid #CCE0BB;
margin: 0px;
padding: 0px;
}



/*
styling for the calendar cell for today
*/
.cal_cell_today_green{
color: white;
font-size: xx-small;
padding: 1px;
background-color: #6D9942;
border: 1px solid black;
}


/*
styling for the calendar cell for normal cells (i.e. not today).
*/
.cal_cell_normal_green{
padding: 1px;
color:black;
font-size: xx-small;
}

/*
styling for the calendar cell for edition cells
*/
.cal_cell_edition_green{
padding: 1px;
color:black;
font-size: xx-small;
/*font-weight: bold;*/
/*border: 1px solid #679DB9;*/
/*background-color: #B7D5E4;*/
}

/*
styling for the calendar cell for edition/today cells
*/
.cal_cell_edition_today_green{
padding: 1px;
color:white;
font-size: xx-small;
background-color: #6D9942;
border: 1px solid black;
}




/*thin line used for styling the calender
Used for HR below Days of week*/
.cal_thin_line_green{
background-color: #8CB967;
border-left: 2px solid #F3F7EF;
}



/*table header background style
used to style the green calendar header*/
.cal_header_table_row_green{
background-color: #CCE0BB;
padding: 2px;
}

/*Used to style the calendar month title
also provides part of the border for the header*/
.cal_month_green{
text-align: center;
font-weight: bold;
font-size: xx-small;
color: black;
padding: 2px;
border-top: 1px solid #F3F7EF;
border-bottom: 1px solid #8CB967;
}
/*provides part of the border for the header*/
.cal_header_left_green{
border-top: 1px solid #F3F7EF;
border-left: 1px solid #F3F7EF;
border-bottom: 1px solid #8CB967;
padding-left: 3px;

}
/*provides part of the border for the header*/
.cal_header_right_green{
border-top: 1px solid #F3F7EF;
border-bottom: 1px solid #8CB967;
border-right: 1px solid #8CB967;
padding-right: 3px;
}

/*style for the green text
Used for edition date and the * above print
*/
.cal_green_text{
font-size: 60%;
font-weight: bold;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #6D9942;
}

/*thin green line
Used for HR below edition date*/
.thin_line_green{
background-color: #8CB967;
}


/***********************************************
*CALENDAR COMMON
***********************************************/
/*styling used for the weekdays header cells*/
.cal_cell_weekdays{
padding: 3px 1px 3px 5px;
color: black;
font-size: xx-small;
}


/*style the calendar links*/
.calendar_container_blue a, .calendar_container_blue a:link, .calendar_container_blue a:visited{
text-decoration: none;
color:#327A9E;
font-size: xx-small;
}

.calendar_container_blue a:hover{
text-decoration: underline;
color:#327A9E;
font-size: xx-small;
}

/*style the calendar links*/
.calendar_container_green a, .calendar_container_green a:link, .calendar_container_green a:visited{
text-decoration: none;
color:#63913A;
font-size: xx-small;
}

.calendar_container_green a:hover{
text-decoration: underline;
color:#63913A;
font-size: xx-small;
}

/*style for the edition date text below the calendar*/
.cal_edition_date{
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}

/*style for the instruction text below the calendar*/
.cal_instruction_text{
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding=right: 5px;
font-size: xx-small;
}

/*
Used to make the link text bold for the selected edition
*/
.cal_cell_link_bold{
font-weight: bold;
}


/*style for the title text image for the calendar
e.g. Young People's Edition/Children's Edition
*/
.cal_title_header{
padding-bottom: 10px;
}
/*
Style for the spacer cell placed at the bottom of the calendar when it takes up 5 weeks to display
(As opposed to six, which some months do...depends on the starting day of the week and month length)
*/
.cal_table_spacer{
font-size: xx-small;
}


