/*
#####################################################################
# Common calendar styles
#####################################################################
*/
/* Page columns table */
table.calPageColumns {
	width:100%;
}

/* Tab bar box */
div.calTabBar {
	margin-bottom:10px;
}

/* Mode navigation box */
div.calModeNavBox {
	white-space:nowrap;
	text-align:center;
}

/* Mode navigation off state */
a.calModeNavOff, a:link.calModeNavOff, a:visited.calModeNavOff, a:active.calModeNavOff {
	color:#A44C4C;
}
a:hover.calModeNavOff { text-decoration:underline; }

/* Mode navigation on state */
a.calModeNavOn, a:link.calModeNavOn, a:visited.calModeNavOn, a:active.calModeNavOn, a:hover.calModeNavOn {
	color:gray;
	font-weight:bold;
}

/* Mode navigation column (left page column) */
td.calModeColumnBox {
	width:200px;
	padding-right:20px;
	border-right:1px #999 dotted;
	min-height:325px;
	vertical-align:top;
}

/* Calendar entries column (right page column) */
td.calEntriesColumnBox {
	padding-left:20px;
	min-height:325px;
	vertical-align:top;
}

/* Category label box */
div.calCategoryLabelBox {
	margin-top:10px;
	margin-bottom:10px;
}

/* Category title label */
span.calCategoryLabel {
	font-size:16px;
	color:#77916C;
	font-weight:bold;
}

/* Category title label text */
span.calCategoryLabelData {
	font-size:16px;
	color:#555;
}

/* Entries output table */
table.calEntries {
	width:100%;
	margin-bottom:20px;
}

/* Entries output table column labels */
th.calEntries {
	text-align:left;
	font-weight:bold;
	border-bottom:1px #999 dotted;
}

/* Entries output table data cells */
td.calEntries {
	text-align:left;
	border-bottom:1px #999 dotted;
	vertical-align:top;
}

/* Entries output table data cells expired */
td.calEntriesExpired {
	text-align:left;
	font-style:italic;
	color:#777;
	border-bottom:1px #999 dotted;
	vertical-align:top;
}

/* Page links box */
div.calPageLinkBox {
	margin:20px 0px 20px 0px;
	text-align:right;
}

/* Previous, next page links */
a.calPageLink, a:link.calPageLink, a:visited.calPageLink, a:active.calPageLink {
	color:#A44C4C;
}
a:hover.calPageLink { text-decoration:underline; }

span.calPageLinkDisabled {
	color:#999;
}

/*
#####################################################################
# Category view page styles
#####################################################################
*/

/* Category selection link off-state style */
a.calCategoryNavOff, a:link.calCategoryNavOff, a:visited.calCategoryNavOff, a:active.calCategoryNavOff {
	color:#A44C4C;
}
a:hover.calCategoryNavOff { text-decoration:underline; }

/* Category selection link on-state style */
a.calCategoryNavOn, a:link.calCategoryNavOn, a:visited.calCategoryNavOn, a:active.calCategoryNavOn, a:hover.calCategoryNavOn {
	color:gray;
	font-weight:bold;
}

/*
#####################################################################
# Calendar view page styles
#####################################################################
*/

/* Calendar table */
table.cal {
	border:1px #77916C solid;
}

/* Back/forward month navigation (top-row) */
td.calMonthNav {
	background-color:#ABD47E;
	vertical-align:middle;
	text-align:center;
	color:white;
	font-weight:bold;
	padding:0px;
	border:1px #ABD47E solid;
}

/* Back/forward navigation link styles (top row of calendar table) */
a.calMonthNav, a:link.calMonthNav, a:visited.calMonthNav, a:active.calMonthNav {
	font-family:arial,helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:white;
}
a:hover.calMonthNav { text-decoration:underline; }

/* Week day label cells (second row of table) */
td.calDayOfWeek {
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:13px;
	color:white;
	background-color:#ABD47E;
	border:1px #ABD47E solid;
	padding:0px;
	width:25px;
	vertical-align:middle;
	text-align:center;
}

/* Shared day-cell styles */
td.calTodayWithEvent, td.calToday, td.calDayWithEvent, td.calDay, td.calDayDisabled {
	text-align:center;
	vertical-align:middle;
	line-height:20px;
	background-color:#EEE;
	border:1px #DDD solid;
	color:#777;
}

/* Selected day (today) with an event set */
td.calTodayWithEvent {
	border-color:#AF5151;
	color:#A24B4B;
	font-weight:bold;
}

/* Selected day (today) without an event set */
td.calToday {
	border-color:#AF5151;
	font-weight:bold;
}

/* Non-selected day (not today) with an event set */
td.calDayWithEvent {
	color:#A24B4B;
	font-weight:bold;
}

/* Link for any calendar day with event set */
a.calDayWithEvent, a:link.calDayWithEvent, a:visited.calDayWithEvent, a:active.calDayWithEvent {
	color:#A24B4B;
	font-weight:bold;
	text-decoration:none;
}
a:hover.calDayWithEvent {
	text-decoration:underline;
}

/* Non-selected day (not today) without an event set */
td.calDay {
}

/* Disabled month day (belongs to previous or next month) */
td.calDayDisabled {
	color:#BBB;
}

td.calTodayIs {
	text-align:center;
	background-color:#ABD47E;
}

/* Today's date link box */
div.calTodayIs {
	background-color:#ABD47E;
	border:1px #77916C solid;
	border-top:0px;
}

/* Today's date link */
a.calTodayIs, a:link.calTodayIs, a:visited.calTodayIs, a:active.calTodayIs {
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	color:white;
}

a:hover.calTodayIs { text-decoration:underline; }


/*
#####################################################################
# Entry view page styles
#####################################################################
*/

/* Entry detail box (contains date & description) */
div.calEntryDetailBox {
	margin:20px 0px 30px 0px;
}

/* Entry description block */
td.calEntryData {
	border:1px #CCC solid;
	background-color:#EFEFEF;
}

td.calEntryDataLabel {
	vertical-align:top;
	width:50px;
	font-weight:bold;
	color:#77916C;
}