/***
 Style sheet for calendar
 Only the stuff to establish the grid
 Dimensions should be overridden
 ***/

ul.Calendar {
	/*width: 350px ;*/
}

/* Each day "square" on the calendar is an <li>*/
ul.Calendar > li {
	position: relative ;	/*so enclosed elements can be positioned absolutely*/
	width: 40px ;
	height: 40px ;
	float: left ;
	/*border: solid 1px #cccccc ;*/
	margin: 1px ;
}

/* Sunday */
ul.Calendar > li:nth-child(7n + 1) {
	color: red ;
}

ul.Calendar > li.WeekdayHeading:first-child {
	clear: left ;
}

/* Saturday */
ul.Calendar > li:nth-child(7n) {
	color: blue
}

ul.Calendar > li.Holiday {
	color: red	
}

ul.MiniCalendar.Calendar > li.EventDay {
	background-color: #a4d8ac
}

/* The day numeral */
ul.Calendar > li > div:first-child {
	padding: 3px ;
	/*pointer-events: none ;*/
}

/* event info */
ul.Calendar li > a > div {
	/*background-color: #c0f0f0 ;*/
	padding: 2px ;
	margin-bottom: 2px
}

ul.Calendar li a div img {
	float: left ;
	margin-right: 3px ;
	margin-top: 5px
}

ul.Calendar > li.WeekdayHeading {
	text-align: center ;
	margin: 0 1px
}

ul.Calendar > li.LeadingDay {
	
}

ul.Calendar > li.WeekdayHeading {
	border: none ;
	/*margin: 2px*/
}

ul.Calendar > li.LeadingDay.Passed {
	background-color: white
}

ul.Calendar > li.Today {
	/*background-color: #c2dcdc*/
}

ul.Calendar > li > a > div:first-child {
	/*z-index: -3*/
}

ul.Calendar > li div:nth-child(2) {
	/* z-index: -1 ; */
}


/* Nav */
.CalendarNav {
	text-align: center ;
	margin: 0 auto ;
	width: 25em ;
	margin-bottom: 30px ;
}
.CalendarNav * {
	float: left
}

.CalendarNav h4 {
	margin: 0
}

.CalendarNav a {
	display: block ;
	width: 4em ;
	margin: 0 1em ;
	height: 1em ;
	margin-top: 0.5em
}


/*
MiniCalendar は全ページに出るので色、サイズなど全てここで定義して良い
*/

#mini_calendar {
	border: solid thin #2e2c80 ;
	border-radius: 3px
}

.MiniCalendar.Calendar {
	margin-bottom: 6px ;
	margin-left: 12px
}


.MiniCalendar.Calendar li {
	width: 28px ;
	height: 28px ;
	border: solid 1px #cccccc
}


.MiniCalendar.Calendar li.LeadingDay,
.MiniCalendar.Calendar li.NextMonth {
	border-color: white ;
	color: #cccccc
}

.MiniCalendar.Calendar li.WeekdayHeading {
	border-color: white	;
	height: 20px ;
	font-weight: bold ;
	font-size: 12px ;
	text-align: center ;
	/*width: 29px*/
	margin: 0 2px
}

.MiniCalendar.Calendar li a {
	position: absolute ;
	top: 0 ;
	height: 30px ;
	width: 28px
}

.MiniCalendar.Calendar li a div {
	height: 26px ;
	opacity: 0.5
}

.MiniCalendar.CalendarNav {
	width: 100% ;
	margin: 10px 0 0 15%  ;
	color: #2e2c80
}

.MiniCalendar.CalendarNav h4{
	text-align: center ;
}

.MiniCalendar.CalendarNav a {
	display: none
}