DIV.courseCalendar
	{
	position: relative;
	margin: 0 0px;
	}

DIV.courseCalendarSpacer
	{
	clear: both;
	margin-top: 18px;
	}

DIV.calendarHeader
	{
	width: 686px;
	background: #333;
	color: #eee;
	position: relative;
	}
	
DIV.calendarHeader A
	{
	color: #eef;
	}
	
#nextMonthLink
	{
	position: absolute;
	top: 6px;
	right: 6px;
	}

#previousMonthLink
	{
	position: absolute;
	top: 6px;
	left: 6px;
	}

DIV.calendarHeader H2
	{
	text-align: center;
	font-size: 30px;
	padding: 4px 0;
	font-weight: bold;
	}

DIV.dayLabel
	{
	width: 98px;
	float: left;
	background: #555;
	color: white;
	text-align: center;
	padding: 4px 0;
	font-weight: bold;
	}

DIV.day.day1
	{
	clear: both;
	}
	
DIV.day
	{
	position: relative;
	width: 98px;
	float: left;
	}
	
DIV.day LABEL
	{
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px;
	background: #ddd;
	color: #555;
	width: 20px;
	text-align: center;
	}
	
DIV.day UL
	{
	position: absolute;
	top: 26px;
	bottom: 0;
	right: 0;
	left: 0;
	font-size: 11px;
	}
		
DIV.day DIV
	{
	border: 1px solid #ddd;
	border-top: none;
	border-right: none;
	height: 126px;
	}

/* add right border on right-most column */
DIV.day.day7 DIV
	{
	border-right: 1px solid #ddd;	
	}
DIV.outOfMonth DIV
	{
	background: #eee;
	}

/* render the list items with appropriate decoration to simulate bars that span days */
.courseCalendar LI
	{
	background: #fdd;
	height: 12px;
	padding: 1px 2px;
	position: absolute;
	white-space: nowrap;
	cursor: pointer;
	}
	
.courseCalendar LI.capstart
	{
	right: 0px;
	left: 4px;
	}

.courseCalendar LI.capend
	{
	right: 4px;
	left: 0px;
	}

.courseCalendar LI.capnone
	{
	right: 0px;
	left: 0px;
	}

.courseCalendar LI.capboth
	{
	right: 4px;
	left: 4px;
	}

.courseCalendar LI.clipped
	{
	white-space: nowrap;
	text-overflow: ellipsis; /* for internet explorer */
	overflow: hidden;
	display:block;
	}
	
html>body .courseCalendar LI.clipped:after
	{
	content: "..."; 
	} 

/* event bars */
.courseCalendar LI SPAN.eventName
	{
	position: relative;
	z-index: 1;
	}


.courseCalendar LI.capstart { border-right: none !important; }
.courseCalendar LI.capnone { border-left: none !important; border-right: none !important; }
.courseCalendar LI.capend { border-left: none !important; }

/* bar positions */
.courseCalendar LI.pos0  { top: 0;     }
.courseCalendar LI.pos1  { top: 17px;  }
.courseCalendar LI.pos2  { top: 34px;  }
.courseCalendar LI.pos3  { top: 51px;  }
.courseCalendar LI.pos4  { top: 68px;  }
.courseCalendar LI.pos5  { top: 85px;  }
.courseCalendar LI.pos6  { top: 102px; }
.courseCalendar LI.pos7  { top: 119px; }
.courseCalendar LI.pos8  { top: 136px; }
.courseCalendar LI.pos9  { top: 153px; }
.courseCalendar LI.pos10 { top: 170px; }
.courseCalendar LI.pos11 { top: 187px; }
.courseCalendar LI.pos12 { top: 204px; }
.courseCalendar LI.pos13 { top: 221px; }
.courseCalendar LI.pos14 { top: 238px; }
.courseCalendar LI.pos15 { top: 255px; }
.courseCalendar LI.pos16 { top: 272px; }
.courseCalendar LI.pos17 { top: 289px; }
.courseCalendar LI.pos18 { top: 306px; }
.courseCalendar LI.pos19 { top: 323px; }
.courseCalendar LI.pos20 { top: 340px; }
.courseCalendar LI.pos21 { top: 357px; }
.courseCalendar LI.pos22 { top: 374px; }
.courseCalendar LI.pos23 { top: 391px; }
.courseCalendar LI.pos24 { top: 408px; }
.courseCalendar LI.pos25 { top: 425px; }
.courseCalendar LI.pos26 { top: 442px; }
.courseCalendar LI.pos27 { top: 459px; }
.courseCalendar LI.pos28 { top: 476px; }
.courseCalendar LI.pos29 { top: 493px; }
.courseCalendar LI.pos30 { top: 510px; }

/* bar colors */
.courseCalendar LI.color0 { background: #fdd; border: 1px solid #dbb; }
.courseCalendar LI.color1 { background: #dfd; border: 1px solid #bdb; }
.courseCalendar LI.color2 { background: #ddf; border: 1px solid #bbd; }
.courseCalendar LI.color3 { background: #eed; border: 1px solid #ccb; }
.courseCalendar LI.color4 { background: #ede; border: 1px solid #cbc; }
.courseCalendar LI.color5 { background: #dee; border: 1px solid #bcc; }
.courseCalendar LI.color6 { background: #dde; border: 1px solid #bbc; }
.courseCalendar LI.color7 { background: #eee; border: 1px solid #ccc; }

.courseCalendar LI.hover
	{
	background: #336;
	border: 1px solid #225;
	color: white;
	}

/* detail sidebar */

DIV.courseCalendar DIV.sidebar
	{
	width: 265px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	}

DIV.courseCalendar DIV.sidebar P.links
	{
	margin: 0;
	padding: 4px 0;
	text-align: right;
	border-bottom: 1px solid #bbb;
	}

A.ical
	{
	background: transparent url(../images/calendar/icalendar.gif) center left no-repeat;
	padding-left: 18px;
	}
	
TABLE.courseCalendarLink 
	{
	float: right;
	border: 1px solid #999;
	width: 300px;
	margin: 0 0 12px 20px;
	}
	
TABLE.courseCalendarLink TD
	{
	margin: 0;
	padding: 6px;
	vertical-align: top;
	}
	
TABLE.courseCalendarLink A
	{
	display: block;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 8px;
	}
	
#courseCalendarMonth
	{
	overflow: hidden;
	width: 686px;
	}

#courseCalendarDetails .help
	{
	position: relative;
	top: 160px;
	padding: 0 20px;
	font-size: 18px;
	font-weight: bold;
	color: #888;
	line-height: 1.4em;
	text-align: center;
	}
	
#courseCalendarDetails H3
	{
	font-size: 16px;
	font-weight: bold;
	color: #777;
	padding: 0;
	margin: 12px 0;
	}
	
#courseCalendarDetails P
	{
	color: #777;
	line-height: 1.4em;
	margin: 0;
	clear: both;
	}
	
#courseCalendarDetails DT
	{
	font-weight: bold;
	color: #333;
	margin-top: 12px;
	}

#courseCalendarDetails DD
	{
	margin-left: 8px;
	}