@charset "utf-8";
/* CSS Document */


#containerCalendar {
	text-align:left;
	border:0;
}

#containerCalendar h2.blueBox {
	background:#6895CE url(../images/backgroundBoxHeadBlue.gif) no-repeat;
}

table.calendar {
	margin-bottom:		0px;
}

table.calendar th, table.calendar td {
	padding:			0;
	margin:				0;
}

table.calendar caption {
	font-weight:bold;
	font-size:11px;
	color:#5f5e5e;
	text-align:left;
	padding-bottom:8px;
}

table.calendar th {
	color:				#5f5e5e;
	font-size:			0.75em;
	font-weight:		normal;
	padding-bottom:		0.2em;
}

table.calendar td {

	width:				1.9em;
	height:				1.4em;
	text-align:			center;
	vertical-align:		top;
	background-color:	#e3e3e3;
	border:				solid 1px #e3e3e3;	
}

table.calendar td.excludedDays {
	border:				solid 1px #e3e3e3;
	background:			none;
}

table.calendar td div {
	width:				100%;
	height:				50%;
	position:relative;
	cursor:pointer;
}


span.hideCalendarDetails {
	display:none;
}

span.showCalendarDetails {
	display:block;
	position:absolute;
	padding:2px 4px;
	background-color:#ffffe1;
	border:solid 1px black;
	z-index:1000;
	color:#000;
	top:-20px;
	left:-15px;
}

table.calendar .green { background-color: #76C400; }
table.calendar .green:hover { background-color: #5B9900; }

table.calendar .red { background-color: #FF4001; }
table.calendar .red:hover { background-color: #C73201; }

table.calendar .orange { background-color: #FF9900; }
table.calendar .orange:hover { background-color: #C77600; }

table.calendar .blue { background-color: #0052B0; }
table.calendar .blue:hover { background-color: #3275C4; }

table.calendar .yellow { background-color: #E5D400; }
table.calendar .yellow:hover { background-color: #B3A400; }

table.calendar .lightblue { background-color: #00BC8C; }
table.calendar .lightblue:hover { background-color: #00936D; }

table.calendar .purple { background-color: #3A00A4; }
table.calendar .purple:hover { background-color: #612EBB; }

table.calendar .pink { background-color: #D00070; }
table.calendar .pink:hover { background-color: #A20057; }

table.calendar tr.date td {
	color:				#747474;
	font-size:			0.7em;
	text-align:			center;
	border:				0px;
	line-height:		1em;
	height:				1.2em;
	background:			none;
}

#containerCalendar hr {
	height:1px;
	border:0;
	background-color:#e3e3e3;
	color:#e3e3e3;
	margin:7px 0 10px;
}

.calendarPreviousMonth {
	float:left;
	margin:5px 0 10px;
}

.calendarNextMonth {
	float:right;
	margin:5px 0 10px;	
}