/***** Description: positions the calendar div on the page *****/
.calendar_right_panel
{
	float: right;
}

/***** Description: specifies the margins of the calendar *****/
.calendar_side_margin
{
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding-bottom: 0.2em;
}

/***** Description: styles the calendar side container *****/
.calendar_box
{
	border: solid 1px #A2ADBC;
	width: 15em;
	margin-bottom: 0.5em;
}

/***** Description: This styles the month cells within the table *****/
.calendar_month
{
	text-align: center;
	padding-left: 0.5em;
	padding-right: 0.5em;
	background-color: #f0f0f0;
	color: inherit;
	border: 0;
	border-top: solid 1px #f0f0f0;
	border-bottom: solid 1px #f0f0f0;
}

/***** Description: Styles the main heading of the calendar table *****/
#calendar .main_calendar_header th.date_changer
{
	border: solid 1px #d8d8d8;
	background-color: #ffffff;
}

/***** Description: Styles the links within the main heading of *****/
/***** the calendar table *****/
#calendar .main_calendar_header th.date_changer a
{
	text-decoration: none;
	font-weight: bold;
	display: block;
}

/***** Description: Defines the styling for the calendar table *****/
#calendar 
{
	width: 14em;
	padding: 0 0 0 0;
	margin: 0.5em 0.5em 0.5em 0.5em;
	color: inherit;
	text-align: center;
	background-color: #fff;
	border: 0;
}

/***** Description: Defines the styling for the th tag of the *****/
/***** calendar table *****/
#calendar th
{
	height: 2em;
	width: 2em;
	font-weight: normal;
	border: 0;
}

/***** Description: Makes the tr tag so small in size so that it *****/
/***** looks like a small row spacer rather than another row *****/
.calendar_header_spacer
{
	height: 2px;
	font-size: 0.1em;
}

/***** Description: Styles the colour and border of the header *****/
#calendar .calendar_days_header
{
	background-color: #eaeaea;
	color: inherit;
	border: solid 1px #d8d8d8;
}

/***** Description: Defines the styling for the th tag of the *****/
/***** calendar table *****/
#calendar .calendar_days_header th 
{
	border: solid 1px #d8d8d8;
}

/***** Description: Styles the selected day cell of the table *****/
#calendar .today
{
	color: #ffffff;
	font-weight: bold;
	background: #e54203;
}

/***** Description: Defines the styling for the td tag of the *****/
/***** calendar table *****/
#calendar tr td 
{
	width: 2em;
	height: 2em;
	text-align: center;
	border: solid 1px #d8d8d8;
	color: inherit;
	background-color: #f0f0f0;
	padding: 0.3em 0 0 0;
}

/***** Description: Defines the styling for the a tag within the *****/
/***** calendar table *****/
#calendar td a
{
	text-decoration: none;
	font-weight: normal;
	display: block;
}

/***** Description: Defines the hover style for the a tag within  *****/
/***** the calendar table *****/
#calendar td.selectable:hover
{
	color: #ffffff;
	background-color: #6e6e6e;
}


#calendar td.selectable a:hover
{
	color: #ffffff;
	background-color: inherit;
}

/***** Description: Styles the a tags where events occur *****/
#calendar td.event a
{
	font-weight: bolder;
}

/***** Description: These classes define the time to view elements *****/
.time_to_view
{
	width: 14em;
	margin-top: 0.5em;
	margin-left: auto;
	margin-right: auto;
}

.date_changer_div
{
	float: left;
	display: inline-block;
	width: 2em;
	height: 2em;
	border: solid 0.1em #d8d8d8;
	text-align: center;
}

.date_changer_div a
{
	text-decoration: none;
	display: block;
	padding-top: 0.2em;
}

.time_picker_div
{
	padding-top: 0.2em;
	float: left;
	width: 9.6em;
	background-color: #f0f0f0;
	text-align: center;
	height: 3em;
}

/***** Description: Aligns text right *****/
.align_right
{
	text-align: right;
}

/***** Description: Aligns text left *****/
.align_center
{
	text-align: center;
}

/***** Description: Defines a margin for the contents area *****/
.calendar_contents
{
	margin-right: 16.5em;
}

/***** Description: Defines a padding to the event area *****/
.event_area
{
	padding-top: 0.5em;
}

/***** Description: Styles the event type text *****/
.event_type
{
	margin-left: 0.5em;
	font-weight: bold;
}

/***** Description: Styles the content area of each event *****/
.event_content
{
	padding-left: 0.5em;
	margin-bottom: 0.5em;
	padding-bottom: 1em;
	padding-right: 1em;
	padding-top: 0em;
}

/***** Description: Styles details link *****/
.event_details_link
{
	text-align: right;
	display: inline-block;
	width: 100%;
}

/***** Description: Defines the header style for each event *****/
.events_header
{
	font-size: 1.5em;
	font-weight: bold;
}

/***** Description: Styles the calendar main header *****/
.calendar_main_header
{
	font-size: 1.2em;
	font-weight: bold;
}

/***** Description: Styles the calendar sub-header *****/
.calendar_sub_header
{
	font-size: 1.1em;
}

/***** Description: Defines the styling for the events table *****/
#event_table
{
	margin: 1em 0 0 0;
	width: 100%;
	border: 0;	
}

/***** Description: Defines the styling for the events tables' *****/
/***** cells *****/
#event_table tr td
{
	text-align: left;
	border: 0;
}

/***** Description: This styles the hr tag *****/
.event_content hr
{
	height: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	border-top: 1px;
	border-top-style: solid;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

/***** Description: Style the list of links *****/
.event_links
{
	list-style-type: square;
}

/***** Description: These classes define the background colours *****/
/***** for each event type *****/
.education_background
{
	background-color: #F2DBDB;
	color: inherit;
}

.plenary_background
{
	background-color: #EBDAEB;
	color: inherit;
}

.committees_background
{
	background-color: #EBDAEB;
	color: inherit;
}

.getinvolved_background
{
	background-color: #F8E7DC;
	color: inherit;
}

.other_background
{
	background-color: #e1e1e1;
	color: inherit;
}

/***** Description: These classes define the hr colour *****/
/***** for each event type *****/
.education_background .event_content hr
{
	color: #E1C2B3;
	background-color: #E1C2B3;
	border-top-color: #E1C2B3;
}

.plenary_background .event_content hr
{
	color: #D6B4D6;
	background-color: #D6B4D6;
	border-top-color: #D6B4D6;
}

.committees_background .event_content hr
{
	color: #D6B4D6;
	background-color: #D6B4D6;
	border-top-color: #D6B4D6;
}

.getinvolved_background .event_content hr
{
	color: #ECCBB7;
	background-color: #ECCBB7;
	border-top-color: #ECCBB7;
}

.other_background .event_content hr
{
	color: #C7C7C7;
	background-color: #C7C7C7;
	border-top-color: #C7C7C7;
}

/***** Description: Side border to the sections title *****/
.education_sideborder
{
	border-left: solid 5px #de050a;
}

.plenary_sideborder
{
	border-left: solid 5px #bb0adb;
}

.committees_sideborder
{
	border-left: solid 5px #bb0adb;
}

.getinvolved_sideborder
{
	border-left: solid 5px #e54203;
}

.other_sideborder
{
	border-left: solid 5px #b6b5b5;
}

/***** Description: This class styles instructional text *****/
.instrutions
{
	font-size: 1.1em;
}