/* STYLES FOR CALENDAR PAGES */

/* event detail page */

.eventtable {
	border-right: 1px solid #091F50;
	border-bottom: 1px solid #091F50;
	width: 90%; 
}

.eventtable .label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #091F50;
	text-align: right;
	font-weight: bold;
	background-color: #ffffff;
	width: 40%;
	padding-right: 5px;
	border-top: 1px solid #091F50;
	border-left: 1px solid #091F50;
}

.eventtable .data {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #091F50;
	width: 60%;
	padding-left: 5px;
	border-left: 1px solid #eeeeee;
	border-top: 1px solid #091F50;
	background-color: #ffffff;
}


/* daily calendar */

.dailycalendar {
	border-right: 1px solid #091F50;
	border-bottom: 1px solid #091F50;
	width: 90%; 
}

.dailycalendar TH {
	background-color: #000000;
	color: #cccccc;
	font-weight: bold;
	text-align: center;
}

.dailycalendar .tdtime {
	text-align: right;
	vertical-align: top;
	padding-right: 3px;
	border-left: 1px solid #091F50;
	border-right: 1px solid #091F50;
	border-top: 1px solid #091F50;
}

.dailycalendar .tdfilled {
	vertical-align: top;
	border-top: 1px solid #dddddd;
	background-color: #CCFFCC;
}

.dailycalendar .tdunfilled {
	vertical-align: top;
	border-top: 1px solid #dddddd;
	background-color: #ffffff;
}

.dailycalendar TD a {
	text-decoration: none;
}

.dailycalendar TD a:hover {
	color: #000000;
	text-decoration: underline;
}

/* monthly calendar */

.monthlycalendar {
	border-right: 1px solid #091F50;
	border-bottom: 1px solid #091F50;
	width: 100%;
	font-size: 11px;
}

.monthlycalendar TH {
	background-color: #091F50;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	width: 14%;
}

.monthlycalendar TD {
	background-color: #ffffff;
	width: 14%;
	height: 80px;
	vertical-align: top;
	padding: 0px;
	border-top: 1px solid #091F50;
	border-left: 1px solid #091F50;
}

.monthlycalendar TD a {
	text-decoration: none;
}

.monthlycalendar TD a:hover {
	color: #091F50;
	text-decoration: underline;
}

.monthlycalendar .leadingrow {
	background-color: #588CD0;
	width: 14%;
	border-left: 1px solid #091F50;
}

.monthlycalendar .endingrow {
	background-color: #588CD0;
	width: 14%;
	border-top: 1px solid #091F50;
	border-left: 1px solid #091F50;
}

.monthlycalendar .date {
	font-weight: bold;
	border-right: 1px solid #091F50;
	border-bottom: 1px solid #091F50;
	width: 25px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	color: #091F50;
}

.monthlycalendar .date a {
	font-weight: bold;
	text-decoration: none;
	color: #091F50;
}

.monthlycalendar .events {
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
/*	border-bottom: 1px dotted #cccccc; */
}