/*
* The entire calendar table
*/
table.calendar {
	border: 1px solid black;
	background-color:white;
	font-family:Verdana;
	font-size:11px;
	border-collapse: Collapse;
}


/*
* The header row cells containing the arrows for switching
*/
td.calendar_header {
	background-color:#003366;
	font-weight:bold;
	color:white;
	width:25px; height:20px;
	text-align:center;
}

td.calendar_header a {
	
	text-decoration: none;
	font-weight:bold;
	color:white;
	font-family:Arial;
	font-size:11px;
	
}
/*
* The header row cell containing the year and month name display
*/
td.calendar_header_year_display {
	background-color:#003366;
	font-weight:bold;
	color:white;
	width:102px;
	text-align:center;
	
}

/*
* The cells of the calendar week column
*/
td.calendar_week {
	background-color:#003366;
	color:#F5F5DC;
	font-weight:bold;
	text-align:center;
	width:23px; height:20px;
	border:1px solid lightgrey;

}

/*
* The cells containg days (numbers) of the current month
*/
td.month_day {
	background-color:#ffffff;
	text-align:center;
	color:black;
	width:23px; height:20px;
	border:1px solid lightgrey;
	
}

a.month_day {
	text-decoration:none;	
	color: black;
}


/*
* The cells containg some days (numbers) of the next and previous month
*/
td.other_month_day {

	background-color:	#F5F5DC;
	color:darkgrey;
	text-align:center;
	width:23px; height:20px;
	border:1px solid lightgrey;
}
/*
* The header row containing the weekday names
*/
td.header_weekday {
	background-color:#ffffcc;
	color:#003366;
	font-weight:bold;
	text-align:center;
	width:23px; height:20px;
	border:1px solid lightgrey;
}

/*
* The element containing the clock
*/
span.timer {
	font-size:10px;
	font-family:Arial;
	background-color:#ffffcc;
	color:black;
}

/*
* The input element for setting the clock
*/
input.xis_timer {
	font-size:10px;
	width:50px;
	height:16px;
	background-color:#ffffcc;
	font-family:Arial;
	color:black;
}

/*
* Style of the current day
*/
td.today {
	background-color:#ffffcc;
	text-align:center;
	color:black;
	font-weight:bold;
	width:23px; height:20px;
	border:1px solid lightgrey;
}

a.today {
	text-decoration:none;
	background-color:#ffffcc;
	color:black;
	font-weight:bold;
		
}


/*
* Style of the entire footer row containing clock and close link
*/
*.xis_footer {
	
	font-family:Arial;
	background-color:#ffffcc;
	color:black;
	width:100%;
	font-size:10px;
  height:15px;
	border-top:1px solid black;
}

*.xis_footer a {
	font-size:10px;
	line-height:10px;
	color:black;
	text-decoration:none;
}

/*
* Style of the tooltip displaying current date and time
*/
div.dtp_tooltip {
	background-color:#ffffcc;
	border: 1px solid #003366;
	display:none;
	position:absolute;
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	color:#003366;
	padding:5px;
	text-align:center;
}