table {
	font: normal 12px/15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
}

#content-cal	{margin:5px;}


#calendar {
	width: 100%;
	padding: 0;
	margin: 0;
	border-left: 1px solid #A2ADBC;
	font: normal 12px/15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	text-align: center;
	background-color: #fff;
	
}

.nav, .nav a {
	font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;	
	text-align: center;
	text-decoration: none;
}	


caption {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #A2ADBC;
	color: #fff;	 
	font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

th {
	font: bold 11px/15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	background: #D9E2E1;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
}

.today, td.today a, td.today a:link, td.today a:visited {
	color: #F6F4DA;
	font-weight: bold;
	background: #003366;
}

td {
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	width: 10%;
	height: 20px;
	text-align: left;
	
}

td a {
	text-decoration: none;
	font-weight: bold;
	display: block;
}

td a:link, td a:visited {	
	color: #608194;
	
}

td a:hover, td a:active {
	color: #6aa3ae;
	background-color: #99CCFF;
	text-decoration: underline;
}


a.tooltip{
    position:relative; 
    z-index:24; 
}

a.tooltip:hover{z-index:25; 
cursor:pointer;
text-decoration:none;/* for mozilla underlining*/
}

a.tooltip span{display: none}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1.6em; left:1.5em; width:15em;
	z-index:99;
	background:#CCCCCC;
	text-decoration:none;/* for IE underlining*/
	color:#000000;
	border: 1px solid #333333;
	padding: 0.5em 0 0 0.5em;

	}