body  { font-family:Verdana; background: #FFFFFF; margin:10px;  }
table { font-family:Verdana; border:none; border-collapse:collapse; padding:0px; }
td 	 { font-family:Verdana; border:none; border-collapse:collapse; padding:0px; }


.monthNavTable {  background: #FFFFFF;  }
.backLink { font-size:xx-small; color:white; text-decoration: none; }

.monthNavButtonCell 		{  text-decoration: none; background-image:url(../img/calendar/monthBgr.gif); font-size: x-small; text-align: center; }
.monthNavButtonCellActive 	{  text-decoration: none; background-image:url(../img/calendar/monthBgrActive.gif); font-size: x-small; font-weight: bold; text-align: center; position: relative; top: 1px; z-index: 999;  }
	a.monthButton 			{  text-decoration: none; font-family:Verdana; color: #666666; }
	a.monthButtonActive 	{  text-decoration: none; font-family:Verdana; color: #FFFFFF; }
	
.viewNavigationTable 	{ background: #666666; border-top: 0px solid #333333; border-right: 1px solid #333333; border-bottom: 1px solid #D1D1D1; border-left: 1px solid #333333; }
.viewNavTable 			{ background: #666666; border: 0px; margin-left: 8px; margin-top: 3px; }
	a.viewButton 		{ height:24px; background-image: url(../img/calendar/viewNavBgr.gif); font-size: x-small; text-align: center; font-family:Verdana; color: #666666; vertcical-align:middle; text-decoration:none;  }
	a.viewButtonActive 	{ height:24px; background-image: url(../img/calendar/viewNavBgrActive.gif); font-size: x-small; font-weight: bold; text-align: center; font-family:Verdana; color: #FFFFFF; vertcical-align:middle;  text-decoration:none; position: relative; top:1px; }		

.yearSelect { background: #999999; padding: 5px; width: 60px;  border: 1px solid #333333; height: 200px; text-align: center;	font-size: xx-small; }

.allEventsHeaderTitle 	{ white-space:nowrap; padding-left:5px; background-color:#999999; color: #333333; font-size:10px; font-weight:bold; border-bottom:1px solid #666666; }
.allEventsHeader 		{ padding-left:5px; background-color:#999999; color: #333333; font-size:10px; font-weight:bold; border-bottom:1px solid #666666; }

.eventLineTable {
border-top: 1px solid #ffffff;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
border-left: 1px solid #ffffff;
font-size:xx-small;
padding-left:3px;
padding-right:3px;
}

.eventLine { font-size:xx-small; text-decoration: none; padding:2px;  }

.listEventsHeader { background-color:#999999; height:30px; font-size:xx-small; font-weight:bold; color:#333333; padding-left:5px; padding-right:5px; border-bottom:1px solid #666666; }
.listEventLine { font-size:xx-small; text-decoration: none; padding:2px;  border-bottom:1px dotted #cccccc;}
.listAnchor { font-size:xx-small; font-weight:bold; color:#FFFFFF; text-decoration: none; }
	a.listAnchor:hover { text-decoration:underline; }

.dayNoEventLine { background-color:#ffffff; border-bottom:1px dotted #cccccc; color:#ffffff }
		
		A.monthEventAnchor {   font-family: 'Verdana';  color: #000000; text-decoration: none; }
		A.monthEventAnchor:visited {   font-family: 'Verdana';  color: #000000; text-decoration: none; }
		A.monthEventAnchor:hover {  text-decoration: underline; }

		A.weekEventAnchor {   font-family: 'Verdana'; color: #000000; text-decoration: none; }
		A.weekEventAnchor:visited {   font-family: 'Verdana'; color: #000000; text-decoration: none; }
		A.weekEventAnchor:hover {  text-decoration: underline; }

		A.dayEventAnchor {   font-family: 'Verdana'; color: #000000; text-decoration: none; }
		A.dayEventAnchor:visited {   font-family: 'Verdana'; color: #000000; text-decoration: none; }
		A.dayEventAnchor:hover {  text-decoration: underline; }

		A.listEventAnchor  {   font-family: 'Verdana'; font-weight:bold; color: #000000; text-decoration: none;  }
		A.listEventAnchor:visited  {   font-family: 'Verdana'; font-weight:bold; color: #000000; text-decoration: none;  }
		A.listEventAnchor:hover {  text-decoration:underline; }

		
.dayHour {
font-size:xx-small;
white-space:nowrap;
background-color:#E4E4E4;
text-align:right;
padding-right:5px;
border-bottom:1px solid #cccccc;
}


.currentMonthTable {  
background: #666666; 
}
.currentMonthNavTable {
background: #666666;
border-width: 1px;
border-style: solid;
border-color: #333333;
border-bottom: none;
}
 .currentMonth { background: #666666; 
 color: #FFFFFF; 
 font-size: medium; 
}
.bottomNavTable {
background: #666666;
border-width: 1px;
border-style: solid;
border-color: #555555;
}




.weekTitle {
	background: #999999;
	font-size: 10pt;
	font-weight: bold;
	color: #CCCCCC;
	text-transform: capitalize;
	text-align: left;
	vertical-align: bottom;
	white-space: nowrap;
	margin: 0px 0px 0px 10px;
}


.monthViewTable { background: #999999; }

.calendarExtrasTable {  background: #999999; font-size:5px; line-height:5px; }

.announcements {  background: #FFFFFF; padding: 5px; font-size: x-small; color: #990000; }

.legend {
	background: #FFFFFF;
	white-space: nowrap;
	padding: 2px;
	margin-right:5px;
}
.legendColoredSquare {  font-size: 0px; height: 10px; width: 10px; position: relative; margin-left: -3px; }
.legendItem { font-size: 10px; padding: 0px; }


.dateWeekTable {
	font-size: x-small;
	font-weight: bold;
	text-decoration:none;
	color: #333333;
	text-align: center;
	width: 25px;
	height: 16px;
	}
	A.dateWeekTable:hover { color:#000000;}

.dateWeekendTable {
	font-size: x-small;
	font-weight: bold;
	text-decoration:none;
	color: #ADADAD;	
	text-align: center;
	width: 25px;
	height: 16px;
}
	A.dateWeekendTable:hover {
	color:#999999;
	}


.eventDiv { 
background: #FFFFFF url(../img/calendar/eventBgr.gif); 
border-top: 0px; 
border-right: 1px solid #D2D2D2; 
border-bottom: 1px solid #D2D2D2; 
border-left: 0px; 
font-size:xx-small;
font-weight:bold;
color:#333333;
}
	A.eventDiv {
	background-color:#F5F5F5;
	text-decoration:underline;
	text-align:right;
	width:30px;
	border:none;
	font-size:small;
	font-weight:bold;
	color:#333333;
	}

.eventWeekendDiv { 
background: #F5F5F5 url(../img/calendar/eventWeekendBgr.gif); 
border-top: 1px solid #CCCCCC; 
border-right: 1px solid #CCCCCC; 
border-bottom: 1px solid #CCCCCC; 
border-left: 0px solid #CCCCCC;
font-size:xx-small;
font-weight:bold;
color:#999999;
}
	A.eventWeekendDiv {
	background-color:#F5F5F5;
	text-decoration:underline;
	text-align:right;
	width:30px;
	border:none;
	font-size:small;
	font-weight:bold;
	color:#999999;
	}

.eventOtherMonthDiv {
background: #FFFFFF url(../img/calendar/eventBgr.gif);
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 0px solid #CCCCCC;
font-size:xx-small;
font-weight:bold;
color:#cccccc;
}
	A.eventOtherMonthDiv {
	background-color:#F5F5F5;
	text-decoration:underline;
	text-align:right;
	width:30px;
	border:none;
	font-size:small;
	font-weight:bold;
	color:#cccccc;
	}


.eventDivToday {
background: #E5E5E5 url(../img/calendar/eventTodayBgr.gif);
border-top: 0px solid #D2D2D2;
border-right: 1px solid #D2D2D2;
border-bottom: 1px solid #D2D2D2;
border-left: 0px solid #D2D2D2;
font-size:xx-small;
font-weight:bold;
color:#333333;
}
	A.eventDivToday {
	background-color:#F5F5F5;
	text-decoration:underline;
	text-align:right;
	width:30px;
	border:none;
	font-size:small;
	font-weight:bold;
	color:#000000;
	}

	
	
	
.weekViewDayLyne {
font-size:10px;
background-color:#F5F5F5;
border-top:2px solid #cccccc;
white-space:nowrap;
}
	

.eventTodaySmall {
background: #E5E5E5 url(../img/calendar/eventTodayBgr.gif);
border-top: 0px solid #D2D2D2;
border-right: 1px solid #D2D2D2;
border-bottom: 1px solid #D2D2D2;
border-left: 0px solid #D2D2D2;
font-size: xx-small;
}

.eventSmall {
background: #CCCCCC;
border-top: 0px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
border-left: 0px solid #999999;
font-size: 10px;
color: #333333;
text-align: center;
}

.eventWeekendSmall {
background: #B9B9B9;
border-top: 0px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
border-left: 0px solid #999999;
font-size: 10px;
color: #666666;
text-align: center;
}


.calendarTableSmall {
background: #999999;
margin-left: 10px;
}

.monthSmall {  font-size: xx-small; font-weight: bold; color: #FFFFFF; }


.weekTitleSmall {
font-size: 10px;
font-weight: bold;
color: #999999;
text-transform: capitalize;
text-align: center;
vertical-align: bottom;
border-top: 1px solid #FFFFFF;
border-right: 0px solid #FFFFFF;
border-bottom: 0px solid #FFFFFF;
border-left: 0px solid #FFFFFF;
background: #DEDEDE;
}

.icon { 
	border: 0px;
	margin-right:3px;
	margin-left:3px;
}

.hollydayDate {
	background: #FF6600;
	color: #333333;
	font-weight: bold;
	font-size: x-small;
	text-align: center;
	height: 16px;
	width: 23px;
	border: 0px;
}

.hollydayTitle {
	color: #FF6600;
	font-size: xx-small;
	padding: 0px 0px 0px 3px;
}


.dayCalendarTable {}


.eventViewbyCell { background-color:#333333; font-size:10pt; }
.eventDayHeaders { font-size:11pt; font-weight:bold; color:#333333; text-align:center; }
.eventDay { font-size:30px; font-weight: bold; color:#333333; width:80px; }
.eventDayRepeat { font-size:11pt; font-weight: bold; color:#ffffff;  }
.eventEndDay { font-size:30px; font-weight: bold; color:#333333; width:80px; }
.eventEndDayRepeat { font-size:46pt; font-weight: bold; color:#000000;  }
.eventMonthMulti { font-size:24pt; font-weight: bold; color:#333333;  }
.eventlrgDateDiv { color:#FFFFFF; }

.eventMonth { font-size:8pt; font-weight:bold; color:#333333; text-transform:capitalize; }
.eventTime { font-size:10pt; color:#004080; }
.eventHeader { font-size:16pt; font-weight:bold; color:#333333 }
.eventTableSpacer { background-color:#333333; }
.relatedLinks { font-size:9pt; color:#000000; text-align:top; vertical-align:bottom; text-decoration:none; cursor:hand;}
.eventExport { width:120px; height:35px; font-family:'Tw Cen MT'; top:6px; right:-7px; position:relative; }

.eventSideCell { background-color:#E1E1E1; text-align:center; padding:5px; }
.eventDateCell { font-size:14pt; background-color:#333333; font-weight:bold; color:#CCC4B1; }
.eventDateDiv { font-size:10pt; font-weight: bold; color:#FFFAEF; text-decoration:none; margin:5px; white-space: nowrap;}

.eventDetailCell { background-color:#ffffff; border-left:2px solid #333333; font-size:10pt; color:#000000; padding:10px; height:300px }
.eventDetailBottomCell { background-color:#F8F5E7; font-size:10pt; color:#000000; vertical-align:top;  }

.eventExtraDetailTable { background-color:#E1E1E1; }
.eventExtraDetailCell { background-color:#E1E1E1; vertical-align:top; font-size: xx-small; padding:5px; border-left:1px dotted #666666; }
.eventExtraDetailTitle { margin-bottom:5px; font-weight:bold; white-space:nowrap; }

.exportButton { padding:3px; border:1px solid #CCCC99; background-color:#FAEDCB; }
.exportOutlookButton { color:#333333; text-decoration:none; }
.exportOutlookButton:hover { color:#333333; text-decoration:underline;  }



.topSpacer { height:3px; background-color:#999999; font-size:1px; border-bottom:1px solid #666666; }


.calendarEditCell {
padding:3px;
text-align:center;
font-family:'Courier';
font-size: xx-small;
color:#000000;
background-color:#EAEAEA;
border:1px dotted #CC0000;
white-space:nowrap;
}

.calendarEdit {
display:image;
background-color:#CC0000;
padding-left:7px;
padding-right:7px;
white-space:nowrap;
text-align:left;
vertical-align:middle;
font-size: small;
font-weight:bold;
color:#ffffff;
}

.ToolTip { position:absolute; visibility:hidden; }
INPUT.htmlButton { font-size:x-small; font-family:"MS Sans Serif";  border:1px outset;}
INPUT.htmlText { font-size:x-small; font-family:"MS Sans Serif"; }
select { font-size:x-small; font-family:"MS Sans Serif"; }


.eventMiniTable { background: #999999; }

.miniMonthName { color:#ffffff }
	a.eventAnchor { text-decoration:none; color:#ffffff;; font-weight:bold; }
	a.eventAnchor:visited { color:#ffffff;  }
	a.eventAnchor:hover { color:#ffffff;  }
	
	
.miniMonthDayHeaders { font-size: 9px;font-weight: bold;color: #999999;text-transform: capitalize;text-align: center;vertical-align: bottom;border-top: 1px solid #FFFFFF;border-right: 0px solid #FFFFFF;border-bottom: 0px solid #FFFFFF;border-left: 0px solid #FFFFFF;background: #DEDEDE; }

.minieventDiv { background:#CCCCCC; border:1px solid #ffffff; font-size:xx-small; color:#000000; }
.minieventWeekendDiv { background: #B9B9B9; border:1px solid #ffffff; font-size:xx-small;c olor:#666666; }
.minieventOtherMonthDiv { background: #B9B9B9; border: 1px solid #ffffff; font-size:xx-small; color:#666666; }
.minieventDivToday { background: #E1D9D9; border: 1px solid #ffffff; font-size:xx-small; color:#330000;  }
.minieventOtherMonthDivToday { background: #E1D9D9; border: 1px solid #ffffff; font-size:xx-small; color:#330000; }

.monthPopOut { padding:2px; border-bottom:1px solid #333333; border-right:1px solid #333333; }
A.miniOver:hover { background:#666666; }
A.miniOver:active { background:#666666; }



.editEventButton, {
	font-family:Arial;
	font-size:8pt;
	line-height:8px;
	width:30px;
	height:15px;
	}

.addEventToDayButton {
	font-family:Arial;
	font-size:8pt;
	line-height:4px;
	width:12px;
	height:12px;
	}