/**
 *	CSS Document for Calendar
 *	A.Surrey
 */

.cal-div
{
	width: 100%;
	text-align: center;
	margin: 0 0 20px 0;
	float: left;
	padding: 0;
}

.calendar
{
	border: 1px solid #C3C5CA;
	background: #FFFFFF;
	color: #000000;
	font-size: 10px;
	text-align: center;
	width: 191px;
	margin: 0;
	float: right;
	/*border-collapse: collapse;*/
}

.calendar th a
{
	text-decoration: none;
}

.calendar tr td
{
	padding: 4px;
	background: #EEEEEE;
}

.calendar tr td a
{
	text-decoration: none;
	color: #000000;
	font-size: 10px;
}

.calendar tr td a:hover
{
	text-decoration: underline;
}

.calendar .header
{
	background: #DFE8F5;
	font-weight: bold;
	line-height: 20px;
}

.calendar .months
{
	background: #F5F4D3;
	font-weight: bold;
	line-height: 20px;
}

.calendar .cell
{
	/*border: 1px solid #FFFFFF;*/
}

.calendar .event
{
	background: #C3D9B9;
}

.calendar .course
{
	background: #9EC4DF;
}

.calendar .private
{
	background: #F79DAB;
}

.eventTbl
{
	font-size: 10px;
	border: 1px solid #C3C5CA;
	border-collapse: collapse;
	
}

.eventTbl tr
{
	border-bottom: 1px solid #C3C5CA;
}

.eventTbl td
{
	padding: 10px;
}

/* Events ****************************/

.expandLink
{
	float: right !important;
	color: #5A6889 !important;
	text-decoration: none !important;
	font-weight: bold !important;
	
}

/* Login box for calendar page */

#cal-login
{
	width: 171px;
	float: right;
	line-height: 20px;
	padding: 10px;
	font-size: 10px;
	color: #6C6D75;
	border: 1px solid #E7E7E7;
	background: #FFFFFF;
	text-align: center;
	font-weight: bold;
}

.tooltip
{
	width: 230px;
	border: none;
	padding: 0;
	position: absolute;
	z-index: 100;
	display: none;
}

.tooltip .top
{
	width: 230px;
	height: 25px;
	background: url(../images/tooltip-top.png);
	z-index: 100;
}

.tooltip .middle
{
	width: 194px;
	padding: 0 16px 0 20px;
	background: url(../images/tooltip-middle.png) repeat-y;
	z-index: 100;
}

.tooltip .bottom
{
	width: 230px;
	height: 21px;
	background: url(../images/tooltip-bottom.png);
	z-index: 100;
}

.tooltip .middle h3
{
	font-size: 10px;
	font-weight: bold;
	line-height: 16px;
	margin: 0;
	width: 194px;
	z-index: 100;
}
.tooltip .middle p
{
	font-size: 10px;
	font-weight: normal;
	margin: 0;
	padding: 5px 10px;
	z-index: 100;
}