@import url(baseStyle.css);

/* ====================== Better Calendar ======================== */
.calendarContainer {padding-bottom: 40px;}
.calendarContainer a {text-decoration: none;}

#calendarCol1 {margin-right: 270px;}
#calendarCol2 {
	float: right;
	width: 255px;}

#eventContainer {padding-left: 20px;}
	
.eventToggle {
	padding-bottom: 20px;
	margin: 0px 0px 0px -20px;}
.EventMonthMode .eventToggle {
	padding-bottom: 20px;
	margin: 0px 0px 20px -20px;
	border-bottom: 1px solid #CF2E4D;}

.dayTitle {
	padding-bottom: 20px;
	margin: 0px 0px 20px -20px;
	border-bottom: 1px solid #CF2E4D;}

.eventToggle a, .dayTitle a {text-decoration: underline;}

.Calendar {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	background-color: #EBEBEB;}
.Calendar, .Calendar a {
	color: #5C5D5D;
	text-decoration: none;}

.calendarTitle td, .calendarTitle a {
	color: #FFFFFF;
	font-size: 13px;
	background-color: #CF2E4D;
	padding: 10px 5px 10px 5px;}
	
.calendarDayHeader {
	padding: 5px;
	border: 1px solid #D0D0D0;}

.calendarDay {
	padding: 4px;
	border: 1px solid #D0D0D0;}
.calendarTodayDay {background-color: #FFFFFF;}
.calendarSelectedDay {background-color: #CF2E4D;}
.calendarSelectedDay a {color: #FFFFFF;}

.calendarDay a {
	width: 100%;
	height: 100%;
	display: block;}
.calendarOtherMonthDay a {visibility: hidden;}

.labelToday, .labelEvent, .labelSDesc, .labelDate, .labelTime, .labelLDesc, .labelRegister {display: block;}

.EventDayMode .labelDate, .EventMonthMode .labelToday, .EventMonthMode .dayTitle, .labelSDesc {display: none;}
.EventDayMode .dayToggle, .EventMonthMode .monthToggle {
	color: #999999;
	text-decoration: none;}

.labelEvent {
	color: #CF2E4D;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;}

.labelDate {
	color: #999999;
	font-size: 12px;
	margin-left: -20px;
	padding-bottom: 5px;}

.labelRegister {
	display: block;
	padding: 10px 0px 0px 0px;}
.labelRegister a {
	color: #CF2E4D;
	text-decoration: underline;}
	
.labelLDesc p {padding-bottom: 0px;}
.labelLDesc {
	margin-bottom: 15px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #CF2E4D;}



	
.labelTime {}