@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;}
.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 #415A80;}

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

.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: #415A80;
	padding: 10px 5px 10px 5px;}
	
.calendarDayHeader {
	padding: 5px;
	border: 1px solid #D0D0D0;}

.calendarDay {
	padding: 4px;
	border: 1px solid #D0D0D0;}
.calendarTodayDay {background-color: #900D35;}
.calendarTodayDay a {color: #FFFFFF;}
.calendarSelectedDay {background-color: #415A80;}
.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: #415A80;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;}

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

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


/* ====================== Lunch Menu Calendar ======================== */
.categoryLunchMenu #content {background: url(/Common/Img/borders/bkgndPagePhoto.gif) repeat-y 0px 0px;}

.date {
	display: block;
	padding-bottom: 6px;}
	
.lunchItemTitle {
	font-size: 10px;
	font-weight: bold;}

.lunchItemDesc, .lunchItemDesc p {
	color: #86866D;
	font-size: 9px;
	display: block;
	padding: 4px 0px 0px 0px;}

.lunchItemDesc p {padding: 0px;}