/* TotalCalendar Default Stylesheet (default.css)

	This CSS file gets loaded on every page of the calendar.

	CSS Version:  2.0

	Author: Matt Palermo

	Copyright (c)2004, TotalCalendar. ALL RIGHTS RESERVED. */





/* Define the styles for specific parts of the calendar */

.mainPageTable {

	width: 100%;

}



/* Selected month table layout */

.selectedMonth {

	width: 100%;

	border-style: none;

}



/* Weekday cell styles (at top of calendar that show days of the week */

.weekdayCell {

	width: 14%;

	min-width: 45px;

	height: 19px;

	border-width: 1px;

	border-color: #ffffff;

	border-style: solid none;

	background-color: #e9e9e9;

	text-align: center;

	color: #000000;

	font-weight: bold;

	font-size: 85%;

}



/* Column cell in Main Page Table */

.columnCell {

	padding: 0em .2em 0em .2em;

}



/* Used for empty month days */

.emptyDayCell {

	width: 14%;

	height: 80px;

	border-width: 1px;

	border-color: #cccccc;

	border-style: solid;

	background-color: #e7e7e7;

}



/* Used for numbered month days */

.normalDayCell {

	width: 14%;

	height: 80px;

	border-width: 1px;

	border-color: #cccccc;

	border-style: solid;

	background-color: #FFFFFF;

}



/* Used for today's date in month view */

.todayCell {

	width: 14%;

	height: 80px;

	border-width: 1px;

	border-color: #cccccc;

	border-style: solid;

	background: #C8D2E2;

}



/* Used for empty month days in mini cal */

.emptyDayCellMini {

	width: 14%;

	height: 25px;

	border-width: 1px;

	border-color: #cccccc;

	border-style: solid;

	background-color: #e7e7e7;

}



/* Used for numbered month days in mini cal */

.normalDayCellMini {

	width: 14%;

	height: 25px;

	border-width: 1px;

	border-color: #cccccc;

	border-style: solid;

	background-color: #FFFFFF;

	text-align: left;

}



/* Used for today's date in month view in mini cal */

.todayCellMini {

	width: 14%;

	height: 25px;

	border-width: 1px;

	border-color: #cccccc;

	border-style: solid;

	background: #C8D2E2;

	text-align: left;

}



/* Format for a timeslot cell on the full day view */

.timeSlotCell {

	background-color: #E7E7E7;

	border: 1px solid #000000;

	padding: 0px 2px 0px 2px;

}



/* All content boxes in the columns use this table format */

.boxTable {

	width: 100%;

	background: url("box_background.gif") #FFFFFF repeat-x top left;

}



/* Calendar title style */

.calTitleText {

	color: #cc0000;

	font-weight: 700;

	font-size: 24px;

	text-align: right;

	padding: 10px;


}



/* Text at top of columns */

.columnHeaderText {

	font-weight: 900;

	font-size: 85%;

	text-align: center;

}



/* Text at top of boxes */

.boxHeader {

	font-weight: bold;

	font-size: 85%;

}



/* Small text */

.smallText {

	font-size: 10px;

}



/* Small text to appear as a link */

.smallLinkText {

	color: #0000cc;

	font-size: 85%;

	cursor: pointer;

}



/* Category Key Text */

.categoryKey {

	font-weight: bold;

	font-size: 85%;

}



/* Used for all confirmation/error messages */

.confirmationText {

	font-weight: bold;

	font-size: 85%;

	color: #990000;

}



/* This makes the "Advanced" option for repetition methods stand out */

.advancedOption {

	color: #990000;

}



/* View day links in month view */

.viewDayLink:link {

	color: #0000cc;

	text-decoration: none;

	background-color: #C8D2E2;

}

.viewDayLink:visited {

	color: #000099;

	text-decoration: none;

}

.viewDayLink:hover {

	color: #0000ff;

	text-decoration: underline;

}

.viewDayLink:focus {

	color: #0000ff;

	text-decoration: underline;

}

.viewDayLink:focus:hover {

	color: #0000ff;

	text-decoration: underline;

}

.viewDayLink:active {

	color: #00ff99;

	text-decoration: underline;

}



/* View day links for mini calendars */

.viewDayLinkMini:link {

	color: #446294;

	text-decoration: none ;

}

.viewDayLinkMini:visited {

	color: #000099;

	text-decoration: none;

}

.viewDayLinkMini:hover {

	color: #0000ff;

	text-decoration: underline;

}

.viewDayLinkMini:focus {

	color: #0000ff;

	text-decoration: underline;

}

.viewDayLinkMini:focus:hover {

	color: #0000ff;

	text-decoration: underline;

}

.viewDayLinkMini:active {

	color: #00ff99;

	text-decoration: underline;

}



/* View link style for events */

.eventLink {

	color: #0000cc;

	text-decoration: none;

	font-size: 85%;

	cursor: pointer;

}