/* <?php header('Content-type: text/css'); ?> */
/* <?php header('Content-type: text/css'); ?>      */
/* CSS Document */

/***************************************************************************************************

The following classes are used to control the look of the calendar.
	.calendar - properties of the table containing the calendar
	.cal_header - properties of the table cell containing the name of the month and year
	.cal_prevMonth - properties of the table cell containing link to previous month
	.cal_nextMonth - properties of the table cell containing link to next month
	.cal_daysOfWeek - properties of the table cells that contain each day of the week (sun-sat)
	.cal_inMonth - properties of each table cell for a day of the month
	.cal_notInMonth - properties of each table cell for days that are not part of the month
	
****************************************************************************************************/

.calendar {
	/* overall width of calendar */
	margin: 10px auto;
	border: 1px solid #666666;
	border-collapse: collapse;
}
.calendar ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.calendar li {
	margin-bottom: 5px;
	padding: 0px;
	font-size: 11px;
	line-height: 100%;
	
	
}
.cal_header {
	color: #000066;
	background: #E4E4E4;
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
	border: none;
	text-align: center;
}
.cal_prevMonth {
	background: #E4E4E4;
	font-size: 12px;
	font-weight: normal;
	padding: 3px;
	border: none;
	text-align: left;
}
.cal_nextMonth {
	background: #E4E4E4;
	font-size: 12px;
	font-weight: normal;
	padding: 3px;
	border: none;
	text-align: right;
}
.cal_daysOfWeek {
	color: #FFFFFF;
	background: #000066;
	border-bottom: 1px solid #666666;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 3px;
	width: 91px;
}
.cal_inMonth {
	background: #FFFFFF;
	border: 1px solid #666666;
	padding: 3px;
	font-size: 10px;
	text-align: left;
	width: 91px;
	height: 90px;
	vertical-align: top;
}

.cal_notInMonth {
	background: #E4E4E4;
	border: none;
	padding: 3px;
	width: 91px;
	height: 90px;
}


/********************************************************************

The id's below control the look of the details box that pops up
when the mouse is placed over an event. If you add a category for
for the details, include an id below if you want to apply a unique
style to that category.

*********************************************************************/
#details {
  position: absolute;
  background-color: #D8D8CA;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  visibility: hidden;
  padding: 3px;
  border: 1px solid #AE5F17;
  max-width: 275px;
}
#detail_title {
  font-weight: bold;
}
#detail_desc {
}
#details_register {
}