/* @override
	http://ocsc.dev/styles/calendar.css
*/

/*======= CALENDAR =======*/

/* calendar in admin styles */

table.year,
table.month {
	text-align: center;
	border-top: 1px solid #a3bfe7;
	border-left: 1px solid #a3bfe7;
	width: 100%;
	border-collapse: collapse;
	}

.year td,
.month td {
	vertical-align: top;
	width: 14.25%;
	height: 6em;
	text-align: left;
	color: #a6bfe9;
	line-height: 1em;
	font-size: 1.4em;
	padding: .2em;
	}

td.dayname {
	border-bottom: 1px solid #b1b7c0;
	border-right: 1px solid #c8d4e7;
	height: auto;
	}

.nomonthday,
.monthday,
.today,
.selectedday,
.sunday,
.saturday {
	border-bottom: 1px solid #a3bfe7;
	border-right: 1px solid #a3bfe7;
	}

td.dayname {
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	background-color: #2a69c4;
	color: #ffffff;
	padding: .2em 0;
	}

td.nomonthday {
	background-color: #fff;
	}

td.monthday {
	background-color: #f6f8fb;
	}

td.today,
td.selectedday {
	background-color: #f6f8fb;
	background-image: url(../images/_css/bg_calendar_selected_day.gif);
	}

.sunday,
.saturday {
	background-color: #e9f2ff;
	}

.sunday a,
.saturday a {
	
	}

.event {
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	color: red;
	background-color: #ffff99;
	height: 90px;
	width: 90px;
	}

.event a {
	background-color: #ffff99;
	color: red;
	}

table.year ul.events,
table.month ul.events {
	font-size: .75em;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1.3em;
	color: #182a44;
	}

li.eventcontent,
li.eventclass {
	padding-top: .4em;
	margin-top: .4em;
	border-top: 1px solid #c4d2e9;
	position: relative;
	}
li.eventclass {
	background-color: #fff;
	}

li.eventcontent span.time,
li.eventclass span.time {
	display: none;
	position: absolute;
	z-index: 100;
	top: -.25em;
	left: 100%;
	padding: .8em .8em 1.4em .8em;
	color: #0e254e;
	font-weight: bold;
	white-space: pre;
	background-color: white;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
li.eventcontent span.time img,
li.eventclass span.time img {
	vertical-align: middle;
}

li.eventcontent span.time span.arrow,
li.eventclass span.time span.arrow {
	display: block;
	width: 7px;
	height: 9px;
	position: absolute;
	left: -7px;
	top: .8em;
	background: transparent url(../images/_css/bg_calendar_time_bubble.png) no-repeat top left;
}


li.eventcontent:hover span.time,
li.eventclass:hover span.time {
	display:  block;
	}




/*=========== timeline display styles ================*/

div.timelineMonth {
	float: left;
	width:33%;
	padding-bottom: 1.36em;
	}

div.timelineMonth h2 {
	padding-bottom: .4em;
	}

div.timelineMonth h3 {
	color: #2465BF;
	}

div.timelineMonth li {
	clear: left;
	}

div.timelineMonth li span {
	display: block;
	float: left;
	}

div.timelineMonth li.shim {
	padding-top: 1.36em;
	margin-top: 0em;
	}

div.timelineMonth li span.day { width: 3em; }
div.timelineMonth li span.date { width: 3em; }
div.timelineMonth li span.hour { width: 5.5em; color:#444; }
div.timelineMonth li span.am-pm { display: inline; float:none; color:#aaa; padding-left: .2em; }
div.timelineMonth li span.title { display: inline; float:none; }