/* TotalCalendar Default Stylesheet (default.css)
	This CSS file gets loaded on every page of the c/* 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. */
	
	html, body{
.scrollbar
scrollbar-face-color:#617d29;
scrollbar-base-color:#000000;
scrollbar-arrow-color:000000;
scrollbar-track-color:#617d29;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-Color:#000000;
}
	
	
	
/* 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: #617d29;
	border-style: solid none;
	background-color: #000000;
	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: #617d29;
	border-style: solid;
	background-color: #000000;
}
	
/* Used for numbered month days */
.normalDayCell {
	width: 14%;
	height: 80px;
	border-width: 1px;
	border-color: #617d29;
	border-style: solid;
	background-color: #000000;
}

/* Used for today's date in month view */
.todayCell {
	width: 14%;
	height: 80px;
	border-width: 1px;
	border-color: #617d29;
	border-style: solid;
	background: #000000;
}
	
/* Used for empty month days in mini cal */
.emptyDayCellMini {
	width: 14%;
	height: 25px;
	border-width: 1px;
	border-color: #617d29;
	border-style: solid;
	background-color: #000000;
}
	
/* Used for numbered month days in mini cal */
.normalDayCellMini {
	width: 14%;
	height: 25px;
	border-width: 1px;
	border-color: #617d29;
	border-style: solid;
	background-color: #000000;
	text-align: left;
}

/* Used for today's date in month view in mini cal */
.todayCellMini {
	width: 14%;
	height: 25px;
	border-width: 1px;
	border-color: #617d29;
	border-style: solid;
	background: #000000;
	text-align: left;
}

/* Format for a timeslot cell on the full day view */
.timeSlotCell {
	background-color: #000000;
	border: 1px solid #617d29;
	padding: 0px 2px 0px 2px;
}

/* All content boxes in the columns use this table format */
.boxTable {
	width: 100%;
	background: url("") #FFFFFF repeat-x top left;
}
	
/* Calendar title style */
.calTitleText {
	color: #ffffff;
	font-weight: 700 ;
	font-size: 16px ;
	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: #ffffff;
	font-weight: bold ;
	font-size: 85% ;
}
	
/* Small text */
.smallText {
	font-size: 10px ;
}

/* Small text to appear as a link */
.smallLinkText {
	color: #ffffff;
	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: #DD2219;
}

/* This makes the "Advanced" option for repetition methods stand out */
.advancedOption {
	color: #DD2219;
}
	
/* 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("") ! 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: #000000; 
	text-align: center;
}
td.weekend { 
	background-color: #000000; 
	text-align: center;
}
span.today { 
	border-width: 1px;
	border-color: #617d29;
	border-style: solid;
	background: #000000 url("") #FFFFFF;
	text-align: left;
}
span.other_month { 
	color: #ffffff; 
}
span.current_selection { 
	border-width: 2px;
	background-color: #FFFFFF;
	color: #000000;
}
td.number { 
	cursor: default; 
	border-width: 1px;
	border-color: #617d29;
	border-style: solid;
	background-color: #000000;
	text-align: left;
}
td.number:hover { 
	background-color: #000000; 
}