#trailimageid {
	display: none;
	font-size: 0.75em;
	z-index: 200;
	left: 0px;
	position: absolute;
	top: 0px;
}

/*Styles options for Popup Box that displays when mouse is moved over a day on the 
Main Calendar*/

div.calendarEventNumber {
	position: relative;
	text-align: center;
	top: 15px;
	font-size: 18px;
	font-weight: bold;
}

div.calendarDisplayPopup 
{
	padding: 5px; 
	background-color: #FFFFFF; 
	border-style: solid;
	border-width: 2px;
	border-color: #000000;
	text-align: left;
	vertical-align: top;
	width:250px;
	color: #760710;
}
div.calendarDisplayPopup .Title {
	background-color: #760710;
	font-weight: bold;
	color: #FFFFFF;
	padding: 3px;
	white-space: nowrap;
}
div.calendarDisplayPopup LI {
	padding: 5px;
}
div.calendarDisplayPopup LI .Event {
	font-weight: bold;
}
div.calendarDisplayPopup LI .Time {
	padding-left: 15px;
	color: #000000;
	font-size: 10px;
}

/*Main Calendar Style Options*/
.weekendDay
{
	font-size: 10px;
	font-weight:normal;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	background-color: #faeced;
	text-align: left;
	vertical-align: top;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	height: 70px;
	width: 75px;
	color: #FFFFFF;
	background-image: url('/images/Calendar/cal_weekend.jpg');
	background-position: center center;
	background-repeat: no-repeat;
}

.weekDay 
{
	font-size: 10px;
	background-color: #FFFFFF;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	text-align: left;
	vertical-align: top;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	color: #760710;
	font-weight:normal;
	height: 70px;
	width: 75px;
	background-image: url('/images/Calendar/cal_weekday.jpg');
	background-position: center center;
	background-repeat: no-repeat;
}

.otherMonthDay
{
	background-color: #F4F4F4;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	text-align: left;
	vertical-align: top;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	color: #c9c9c9;
	font-size: 10px;
	font-weight: normal;
	height: 70px;
	width: 75px;
	background-image: url('/images/Calendar/cal_outsideMonth.jpg');
	background-position: center center;
	background-repeat: no-repeat;
}

.otherMonthDay A
{
	color: #760710;
	font-size: 10px;
	font-weight: normal;
}


.dayHoverOver
{
	font-size: 10px;
	background-color: #760710;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	text-align: left;
	vertical-align: top;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	color: #FFFFFF;
	font-weight: normal;
	height: 70px;
	width: 75px;
	background-image: url('/images/Calendar/cal_today.jpg');
	background-position: center center;
	background-repeat: no-repeat;
}
.dayHoverOver A, .dayHoverOver A:Link, .dayHoverOver A:Visited, .dayHoverOver A:Active {
	color: #FFFFFF;
}
.dayHoverOver A:Hover {
	color: #FFFFFF;
}

.selectedDay
{
	font-size: 10px;
	background-color: #760710;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	text-align: left;
	vertical-align: top;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	color: #FFFFFF;
	font-weight: normal;
	height: 70px;
	width: 75px;
	background-image: url('/images/Calendar/cal_today.jpg');
	background-position: center center;
	background-repeat: no-repeat;
}
.selectedDay A, .selectedDay A:Link, .selectedDay A:Visited, .selectedDay A:Active {
	color: #FFFFFF;
}
.selectedDay A:Hover {
	color: #FFFFFF;
}

.calendarTitle
{
	font-size: 18px;
	background-color: #760710;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
	font-weight: bold;
	border-color: #000000;
	border-style: solid;
	border-width: 2px;
	padding: 10px;
	width: 535px;
	padding-right: 10px;
	background-image: url('/images/Calendar/calendarChange.gif');
	background-position: right center;
	background-repeat: no-repeat;
}

.calendarDayHeader
{
	color: #760710;
	background-color: #DDDDDD;
	border-color: #000000;
	border-style: solid;
	border-width: 2px;
	text-align: center;
	vertical-align: middle;
	height: 25px;
	font-weight: bold;
	padding: 5px;
	font-size: 12px;
}
   
.topBarPopupCalendar
{	
	background-color:  #DDDDDD;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	color: #760710;
	text-align: left;
	vertical-align: top;
} 
  
.calendar 
{
	font-family: Arial, Helvetica, sans-serif;
	color: #760710;
}  
.calendar .weekDay A, .calendar .weekendDay A {
	color: #760710 !important;
	text-decoration: none !important;
}
.calendar .selectedDay A, .calendar .dayHoverOver A {
	color: #FFFFFF !important;
	text-decoration: none !important;
}
.calendar .otherMonthDay A {
	text-decoration: none !important; 
}

/*this style is for the selected month/year in the fastNav popup calendar */
td.selected_None 
{
	background-color: #760710;
	color:#FFFFFF;
}

.topBarPopupCalendar 
{
	cursor: hand;
}
/*Style options for list of events table that displays a lists of the days events for the 
current day that is selected on the main calendar.*/
div.selectedDayEventsList
{
	background-color: #FFFFFF;
	border-color: #760710;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
} 

div.selectedDayEventsListHeader
{
	background-color: #760710;
	font-family: Arial;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	vertical-align: top;
	font-size: 20px;
}   

div.selectedDayEventsListItemTitles
{
	font-family: Arial;
	font-weight: bold;
	color: #760710;
	text-align: left;
	vertical-align: top;
	font-size: 20px;
}

div.selectedDayEventLocation
{
	font-family: Arial;
	font-weight: bold;
	color: #760710;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	padding-left:10px;
	letter-spacing: 1px;
}

div.selectedDayEventTime 
{
	font-family: Arial;
	font-weight: normal;
	color: #000000;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	padding-left:10px;
}
div.selectedDayEventDateRange
{
	font-family: Arial;
	font-weight: normal;
	color: #000000;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	padding-left:10px;
}
a.selectedDayEventsListEditLink  
{
	font-family: Arial;
	font-weight: bold;
	color: #000000;
	font-size: 10px;
	padding-left:10px;
}  

a.selectedDayEventsTitleLink 
{
	font-family: Arial;
	font-weight: bold;
	color: #760710;
	text-align: left;
	vertical-align: top;
	font-size: 20px;
}

.SelectedDayClass 
{
	background-color:Gray;
}

/*Edit Events Style Options*/ 
.inputLabels
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}     

.inputLabelsVisable
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align:right;
	padding-right:5px;
} 
.RecurringOptionTable
{
	border: 1px solid #760710;
	padding: 10px;
}
 
/*Approval Events Style Options*/    
.ApprovalLabels
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}