@import url(baseStyle.css);

/* ====================== Better Calendar ======================== */
.categoryEvents #content.calendarContainer {
	padding-right: 10px;
	background: url(/Common/Img/borders/bkgndPagePhoto.gif) repeat-y 0px 0px;}


.calendarContainer {padding-bottom: 40px;
	width: 605px;
	float: left;
	padding: 15px 6px 0px 0px;}
.calendarContainer a {text-decoration: none;}

#calendarCol1 {}
#calendarCol2 {
	float: right;
	width: 245px;
	padding-left: 10px;
	padding-bottom: 5px;
}

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

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

.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;}

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

.calendarDay {
	padding: 4px;
	border: 1px solid #D0D0D0;}
.calendarTodayDay {background-color: #f8981d;}
.calendarTodayDay a {color: #FFFFFF;}
.calendarSelectedDay {background-color: #0065a3;}
.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 {display: none;}
.EventDayMode .dayToggle, .EventMonthMode .monthToggle {
	color: #999999;
	text-decoration: none;}

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

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

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