﻿/***************** events calendar  ***************/

.calenderHeader {
	text-align: left;
	font-weight: bold;
	padding: 10px;

}
.eventsCalendar {
	margin: 10px 0px 0px 10px;
	background-color: #F7F7F7;
	border: 2px solid #645CA5;
	border-collapse:collapse;
	padding-bottom:10px
}

.eventsCalendar th, 
.eventsCalendar td {
	width: 45px;
	height: 40px;
	text-align:right;
	vertical-align:top;
	border: 1px solid #645CA5;
}

.eventsCalendar td.weekEnd {
	background-color:#D5D5E5;
}

.eventsCalendar th { 
	background: transparent url(/images/bg_tbl_hdr2.gif) repeat-x top left;
	text-align:center;
	font-weight: bold;
	border: 1px solid #645CA5;
	height: 30px;	
}
.eventsCalendar td {
	border-bottom: 1px solid #645CA5; 
	padding-right: 0px;
}
.eventsCalendar div.eventDay {
	background-color: #645CA5;
	color: #fff;
	font-weight: bold;
	padding-right: 5px;
}
.eventsCalendar td.eventDay {
	background-color: #F2FCFF;
	padding: 0px!important;
}	
.eventsCalendar div.eventTime {
	color: #003399;
	font-weight: normal;
	font-size: 9px;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0px;
	background-color: #F2FCFF;
	line-height: 12px;
	margin: 5px;
}
.eventsCalendar div.eventTime a {
	font-weight: normal;
	font-size: 9px!important;
	text-align: left;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	line-height: 12px;
	padding: 0px;
}
.eventsCalendar th.eventMonth {
	width: 300px;
	height: 30px;
	text-align: left;

}
.eventsCalendar th.clearCell {
	background-color: #ffffff;
	background-image: none!important;
	border-width: 0px!important;
}

