.calendar 
{
	width: 100%;
	font-family: Verdana;
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	color: Black;
	border-color: #AAAAAA;
}

/* header */
.header
{
	color: White;
	font-size: 12pt;
	font-weight: bold;
	height: 20px;
	
	background-color: #195BA4;
}

.header table
{
	width: 100%;
}

.header th
{
	padding: 5px;
	vertical-align: middle;
}

.header .left
{
	width: 14%;
	text-align: left;
}

.header .center
{
	width: 72%;
	text-align: center;
}

.header .center > table
{
	width: auto;
	margin-right: auto;
	margin-left: auto;
}

.header .right
{
	width: 14%;
	text-align: right;
}

.header a
{
	color: White;
	font-size: 8pt;
}

.dayHeader th
{
	font-weight: bold;
	font-size: 8pt;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	color: #333399;
	background-color: #EEEEEE;
	border-color: #AAAAAA;
}

/* day */
.day
{
	font-size: 8pt;
	text-align: left;
	vertical-align: top;
	border-style: solid;
	border-width: 1px;
	height: 110px;
	width: 14%;
	padding: 5px;
	background-color: #F0F2F4;
	border-color: #AAAAAA;
}

.inactive
{
	color: #999999;
	background-color: White;
}

@media screen, handheld, projection, tv
{
	.today
	{
		background-color: #73ADE6;
	}
}

/* day details */
.details
{
	vertical-align: middle;
	line-height: 18px;
	width: 100%;
}

.details img
{
	vertical-align: middle;
}

.details span
{
	vertical-align: middle;
}

.pad
{
	margin-top: 10px;
}
 
.clickable
{
	cursor: pointer;
}

.hidden
{
	display: none;
}

.recurrence
{
	margin-left: 3px;
}

.systemEntry
{
	font-style: italic;
}

div.entryAvailTile, div.entryUnavailTile
{
	margin-top: 4px;
	padding: 2px;
}

div.entryAvailTile
{
	border: solid 1px #76b176;
	background: #c0eec0;
}

div.entryUnavailTile
{
	border: solid 1px #FF6565;
	background: #FFE5E5;
}

div.entryAvailOverriddenTile, div.entryUnavailOverriddenTile
{
	border-style: dashed !important;
	text-decoration: line-through;
}

.entryAvailTile div, .entryUnavailTile div
{
	width: 100%;
}

.availText
{
	display: none;
}

.availErrorContainer
{
	color: red;
	margin-left: 50px;
}

@media print
{
	.availText
	{
		display: inline;
	}
}

/* Popup highlight */
.entryAvailTile.selected,
.entryUnavailTile.selected
{
	border: 1px solid #195BA4;
	box-shadow: 0px 0px 5px #195BA4;
}

/* Popup */

.calendarPopupContent
{
	width: 100%;
}

.calendarPopupContent tbody > tr > th,
.calendarPopupContent tr > th
{
	width: 85px;
	text-align: left;
	vertical-align: top;
}

.calendarPopupContent a:hover,
.calendarPopupContent a:visited,
.calendarPopupContent a:link,
.calendarPopupContent a:active
{
	color: #0000EE;
}

.calendarPopupContent a.disabled:hover,
.calendarPopupContent a.disabled:visited,
.calendarPopupContent a.disabled:link,
.calendarPopupContent a.disabled:active
{
	color: #888888;
	cursor: default;
}

.calendarPopupContent .actionContainer
{
	border-top: 1px solid #AAAAAA; 
	margin-top: 10px; 
	padding: 5px;
}

.calendarPopupContent .systemMessage,
.calendarPopupContent .errorMessage
{
	margin-top: 10px; font-style: italic;
}

.calendarPopupContent .errorMessage
{
	color: Red;
}
