/* 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: 98%;

}

	

/* Selected month table layout */

.selectedMonth {

	width: 98%;

	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: #333333;

	text-align: center;

	color: #FFFFFF;

	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: #000000;

}

	

/* Used for numbered month days */

.normalDayCell {

	width: 14%;

	height: 80px;

	border-width: 1px;

	border-color: #cccccc;

	border-style: solid;

	background-color: #666666;

}



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

.todayCell {

	width: 14%;

	height: 80px;

	border-width: 1px;

	border-color: #cccccc;

	border-style: solid;

	background: #333333;

}

	

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

.emptyDayCellMini {

	width: 14%;

	height: 25px;

	border-width: 1px;

	border-color: #cccccc;

	border-style: solid;

	background-color: #000000;

}

	

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

.normalDayCellMini {

	width: 14%;

	height: 25px;

	border-width: 1px;

	border-color: #cccccc;

	border-style: solid;

	background-color: #666666;

	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: #333333;

	text-align: left;

}



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

.timeSlotCell {

	background-color: #666666;

	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: #E8E8E8;

	font-weight: 700 ;

	font-size: 20px ;

	text-align: center;

	padding: 10px;

}

	

/* Text at top of columns */

.columnHeaderText {

	font-weight: 900 ;

	font-size: 130% ;

	text-align: center;

}

	

/* Text at top of boxes */

.boxHeader {

	color: #CCCCCC;

	font-weight: bold ;

	font-size: 85% ;

}

	

/* Small text */

.smallText {

	font-size: 10px ;

}



/* Small text to appear as a link */

.smallLinkText {

	color: #CCCCCC;

	font-size: 85% ;

	cursor: pointer;

}

	

/* Category Key Text */

a.categoryKey {
  color: #ffcc00;
}
.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: #FFFFFF;

	text-decoration: none ;

	background-color: #000000;

}

.viewDayLink:visited {

	color: #FFFFFF;

	text-decoration: none;

	background-color: #000000;

}

.viewDayLink:hover {

	color: #FFFFFF;

	text-decoration: underline;

	background-color: #000000;

}

.viewDayLink:focus {

	color: #FFFFFF;

	text-decoration: underline;

	background-color: #000000;

}

.viewDayLink:focus:hover {

	color: #FFFFFF;

	text-decoration: underline;

	background-color: #000000;

}

.viewDayLink:active {

	color: #FFFFFF;

	text-decoration: underline;

	background-color: #000000;

}

	

/* View day links for mini calendars */

.viewDayLinkMini:link {

	color: #FFFFFF;

	text-decoration: none ;

}

.viewDayLinkMini:visited {

	color: #FFFFFF;

	text-decoration: none;

}

.viewDayLinkMini:hover {

	color: #FFFFFF;

	text-decoration: underline;

}

.viewDayLinkMini:focus {

	color: #FFFFFF;

	text-decoration: underline;

}

.viewDayLinkMini:focus:hover {

	color: #FFFFFF;

	text-decoration: underline;

}

.viewDayLinkMini:active {

	color: #FFFFFF;

	text-decoration: underline;

}

	

/* View link style for events */

.eventLink {

	color: #FFFFFF;

	text-decoration: none ;

	font-size: xx-small;

	cursor: pointer;

}	





/* Below here is the style for the date picker */

body.cal_widget  { 

	font-weight: 400;

	font-size: 100%;

	font-family: Verdana, Arial, Helvetica, sans-serif ;

	text-align: left;

	text-transform: none;

	margin: 0em;

	padding: 0em;

	background-color: url("box_background.gif") ! important; 

}

table.calendar_widget {

	border-collapse: collapse;

	margin: 0em;

	padding: 0em;

	font-size: 12px; 

}

table.calendar_widget td a:link { 

	text-decoration: none; 

	color: #FFFFFF; 

}

table.calendar_widget td a:visited { 

	text-decoration: none; 

	color: black; 

}

td.widget_td { 

	border-width: 1px; 

	text-align: center; 

}

td.month_year_display { 

	text-align: center; 

}

td.button_display { 

	text-align: none; 

	width: 100%; 

}

td.clear_button_display { 

	text-align: left; 

}

td.close_button_display { 

	text-align: right; 

}

td.weekday { 

	background-color: #666666; 

	text-align: center;

}

td.weekend { 

	background-color: #CCCCCC; 

	text-align: center;

}

span.today { 

	border-width: 1px;

	border-color: #cccccc;

	border-style: solid;

	background: #666666 url("box_background.gif") #FFFFFF;

	text-align: left;

}

span.other_month { 

	color: #b0b0b0; 

}

span.current_selection { 

	border-width: 2px;

	background-color: #FFFFFF;

	color: #000000;

}

td.number { 

	cursor: default; 

	border-width: 1px;

	border-color: #cccccc;

	border-style: solid;

	background-color: #666666;

	text-align: left;

}

td.number:hover { 

	background-color: #c0c0c0; 

}