/*
last modified date		Comment
3/24/2006		changed class "calendarSelectedDay" to remove underline so that 
users wouldn't think to click on day and expect an event on that day
*/

/* ================================
    CSS STYLES FOR Module EventCalendar
   ================================
*/
.normalText
{
	font-size: 7pt;
	color: black;
	font-family: Verdana;
	
	
}

body
{
	font-family: Verdana;
}

.calendar
{
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	font-size: 7pt;
	border-left: lightgrey 1px solid;
	color: black;
	border-bottom: lightgrey 1px solid;
	font-family: Verdana;
}

.calendarTitle
{
	
	/*
	This changes the calendar title header, where the month names are
	*/
	font-weight: bold;
	font-size: 9pt;
	color:  White;
	background-color: #CF7600;
}

.calendarTitle,
.calendarTitle td
{
	/*
	this controls the background to the calendar title, where the month is
	*/
	font-weight: bold;
	font-size: 9pt;
	color: White;
	background-color: #CF7600;
}

.calendarNextPrev, .calendarNextPrev a:link
{
	/*
	This changes the previous and next months; e.g., if the month were March, 
	this controls the display of months February and April
	*/
	color:  White;
	font-size: 8pt;
	padding: 0px .5em;
}

.calendarNextPrev a, .calendarNextPrev a:visited, .calendarNextPrev a:hover
{
	/*
	This changes the previous and next months; e.g., if the month were March, 
	this controls the display of months February and April
	*/
	color:  White;
	font-size: 8pt;
	padding: 0px .5em;
}

.calendarDayHeader
/*
this controls the header for the weekdays, such as where Monday, Tuesday, etc. display
*/
{
	font-weight: bold;
	font-size: 7pt;
	font-family: Verdana;
	background-color: #939871;
	color: White;
}

.calendarDay, .calendarDay td
{
	font-size: 7pt;
	/*
	This controls the display of the day numbers, such 1,2,3 thru 31
	*/
	color:  #cf7600;
	font-family: Verdana;
	text-align: left;
	text-decoration: none;
	font-weight:bold;
	background-color:#FFF;
	
}

.calendarDay a,
.calendarDay a:visited,
.calendarDay a:hover,
.calendarDay a:link
{
	color:  #cf7600;
/*
	This controls the display of the day numbers, such 1,2,3 thru 31
*/
	text-align: left;
	font-size: 7pt;
	font-family: Verdana;
	text-decoration: none;
	font-weight:bold;
	
}

.calendarHighlighted
{
	/*
	Small calendar
	This controls the display of the days in which there is an evenet
	*/
	/*
	color: #ff2400;
	*/
	color:  #939871;
	text-align: left;
	font-size: 7pt;
	font-family: Verdana;
	text-decoration: underline;
	font-weight:bolder;
}
.calendarHighlighted a, .calendarHighlighted a:link, .calendarHighlighted a:visited, .calendarHighlighted a:hover 
{
	/*
	Small calendar
	This controls the display of the days in which there is an evenet
	*/
	text-decoration: underline;
	font-size: 7pt;
	color:  #939871;
	font-weight:bolder;
}


.previousNextYearToday
{
	font-size: 8pt;
	color:  #939871;
	font-weight:bolder;
	text-decoration:underline;
	
}

A.previousNextYearToday:link 
{
	font-size:8pt;
	text-decoration: underline;
	color:#939871;
	font-weight:bolder;
}
A.previousNextYearToday:visited  
{
	font-size:8pt;
	text-decoration: underline;
	color:#939871;
	font-weight:bolder;
}
A.previousNextYearToday:active  
{
	font-size:8pt;
	text-decoration: underline;
	color:#939871;
	font-weight:bolder;
}
A.previousNextYearToday:hover  
{
font-size:8pt;
	text-decoration: underline;
	color:#686B50;
	font-weight:bolder;	
}





.calendarOtherMonthDay
{
	color: #808080;
	background-color: gainsboro;
}

.calendarOtherMonthDay a, .calendarOtherMonthDay a:visited, .calendarOtherMonthDay a:hover
{
	color: #8080c0;
	background-color: gainsboro;
}


.calendarWeekendDay
{
	background-color: WhiteSmoke; 
}

.calendarTodayDay
{
	/*
	this controls the display of the current day
	*/
	border-right: #939871 2px solid;
	border-top: #939871 2px solid;
	border-left: #939871 2px solid;
	border-bottom: #939871 2px solid;
}

.calendarSelectedDay
{
	
 /*
 This controls the display of the selected day
*/
 background-color:White;
 font-weight: bold;
 color:  Black;
}

.calendarSelectedDay a,
.calendarSelectedDay a:visited,
.calendarSelectedDay a:hover
{
	/*
	This controls the display of the selected day
	*/
	color:  Black;
	font-weight: bold;
}

.calendarSelector
{
	background-color: #c0c0e0;
}

.calendarSelector a,
.calendarSelector a:visited,
.calendarSelector a:hover
{
	/*
	color: #0000ff;
	*/
	color:Black;
	text-decoration: none;
}	
.MYBGCLASS
{
	background-color:#cf7600;
}
.MYFGCLASS
{
	background-color:White;
}
.MYCLOSEFONTCLASS
{
	font-size:10px;
	color:White;
}

.MYCLOSEFONTCLASS A
{
	color:White;
}

A.MYCLOSEFONTCLASS:link {
     color: White;
}

A.MYCLOSEFONTCLASS:visited  {
    color:White;
}

A.MYCLOSEFONTCLASS:active   {
    color:White;
}

A.MYCLOSEFONTCLASS:hover    {
    color:White;
}
.myStuff
{
	height:50px;
	width:100%;
}
/* 
	STYLES FOR THE POP UP 
*/
.dcPopUpForeground {background-color:white;}
.dcPopUpFont {color: #FFFFFF;}
.dcPopUpFont a,
.dcPopUpFont a:visited,
.dcPopUpFont a:hover,
.dcPopUpFont a:link
{
	color:#CF7600;
}
.dcPopUpBackground{background-color:#939871;}

.dcPopUpCaptionFont{color:#FFFFFF;
	font-size:10px;}

.linkList
{
	list-style-type:disc;	
	
}
.eventList
{
padding-left:8px;
margin-left:8px;
list-style-position:outside;
}
.smallCalendarStyle{
height:100%;
width:50px;
}
.calendarSelector
{
	display:none;
}
.mycaption
{
	font-size:10px;	
}