.cal_tooltip {
	position: absolute;
	z-index: 3;
	background: #EEEEEE;
	border: 1px solid #999999;
	width: 200px;
	display: none;
	color: #000000;
}

.cal_tooltip p {
	color: #000000;
}

/*
 * Compact
*/

.compact {
	/** configure the width **/
	width:220px;
	background-color: #EEEEEE;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:0px;
	text-align:center;
	margin: auto auto;
}

.compact th {
	background-color: #DDDDDD;
	font-weight: bold;
	height: 20px;
}

.compact td {
	width: 22px;
	height: 20px;
	text-align: center;
	font-size:0.9em;
	padding: 2px;
	vertical-align: middle;
}

.compact .cal_header {
	background-color: #FF6600;
	font-weight: bold;
	height: 24px;
	color: #FFFFFF;
	background: url('cal_bar.jpg');
}

.compact .cal_footer {
	background-color: #FF6600;
	font-weight: bold;
	font-size:0.8em;
	color: #FFFFFF;
	width:100%;
	background: url('cal_bar.jpg');
}

.compact .today {
	width: 18px;
	height: 16px;
	background-color: #FFFF66;
	padding: 2px;
	border: 1px solid #000000;
	vertical-align: middle;
}

.compact .link {
	width: 18px;
	height: 16px;
	background-color: #FF6600;
	padding: 2px;
	border: 1px solid #000000;
	vertical-align: middle;
	cursor: pointer;
}

.compact a, .compact a:link, .compact a:hover {
	font-weight: bold;
	color: #FFFFFF;
}

.compact a.headerNav, .compact a:link.headerNav, .compact a:hover.headerNav {
	/*background-color: #FF6600;*/
	color: #ffffff;
}

.compact a.footerNav, .compact a:link.footerNav, .compact a:hover.footerNav {
	width: 100%;
/*	background-color: #FF6600;*/
	color: #ffffff;
}

/*
 * Tiled
*/

.tiled {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	margin: auto auto;
	text-align: center;
}

.tiled .cal_header {
	font-weight: bold;
	font-size: 14pt;
}

.tiled .cal_footer {
	font-weight: bold;
	width: 100%;
}

.tiled .day_bg {
	background: #fff;
	margin: 5px;
	width: 72px;
}

.tiled .day {
	background: url('daybg.jpg');
	width: 70px;
	height: 70px;
	border: 1px solid #999999;
	text-align: left;
}

.tiled .dayMouseOver {
	border: 1px solid #CCCCCC;
}

.tiled .today {
	background: url('todaybg.jpg');
	width: 70px;
	height: 70px;
	border: 1px solid #999999;
	text-align: left;
}

.tiled .todayMouseOver {
	border: 1px solid #CCCCCC;
}

.tiled .link {
	background: url('linkbg.jpg');
	width: 70px;
	height: 70px;
	border: 1px solid #ff6600;
	vertical-align: middle;
	color: #fff;
	text-align: left;
}

.tiled .linkMouseOver {
	cursor: pointer;
	border: 1px solid #ff3300;
}

.tiled .number {
	position: absolute;
	margin-left: 5px;
	font-size: 32pt;
	color: #fff;
	z-index: 2;
	cursor: default;
}

.tiled a, .tiled a:link {
	color: #000000;
}

.tiled a.headerNav, .tiled a:link.headerNav {
	color: #000000;
}

.tiled a.footerNav, .tiled a:link.footerNav {
	color: #000000;
}

.tiled a:hover, .tiled a:hover.headerNav, .tiled a:hover.footerNav {
	font-weight: bold;
	color: #FF6600;
}

/*
 * week
*/

.week {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	margin: auto auto;
	text-align: center;
}

.week .cal_header {
	font-weight: bold;
	font-size: 14pt;
}

.week .cal_footer {
	width: 100%;
}

.week .day_bg {
	background: #fff;
	margin: 5px;
	width: 72px;
}

.week .day {
	background: url('daybg_week.jpg');
	width: 70px;
	height: 70px;
	border: 1px solid #999999;
	text-align: left;
}

.week .dayMouseOver {
	border: 1px solid #CCCCCC;
}

.week .today {
	background: url('todaybg.jpg');
	width: 70px;
	height: 70px;
	border: 1px solid #999999;
	text-align: left;
}

.week .todayMouseOver {
	border: 1px solid #CCCCCC;
}

.week .link {
	background: url('linkbg.jpg');
	width: 70px;
	height: 70px;
	border: 1px solid #ff6600;
	vertical-align: middle;
	color: #fff;
	text-align: left;
}

.week .linkMouseOver {
	border: 1px solid #ff3300;
	vertical-align: middle;
	cursor: pointer;
}

.week .number {
	position: absolute;
	margin-left: 5px;
	font-size: 32pt;
	color: #fff;
	z-index: 2;
	cursor: default;
}

.week a, .week a:link {
	color: #000000;
}

.week a.headerNav, .week a:link.headerNav {
	color: #000000;
}

.week a.footerNav, .week a:link.footerNav {
	color: #000000;
}

.week a:hover, .week a:hover.headerNav, .week a:hover.footerNav {
	font-weight: bold;
	color: #FF6600;
}