/*****************************************************************************************/
/*                                                                                       */
/*                         Single Day View (day)                                         */
/*                                                                                       */
/*****************************************************************************************/
/* The cells that are defined as workday hour cells. */
#primaryContent .dv_HourCell {
	background : #eee !important ;
	font-family : Arial, Arial Narrow, Times New Roman ;
	font-size : 9pt ;
	font-weight : Bold ;
}
/* The evening and morning hour cells. */
#primaryContent .dv_HourCellEve {
	background : #a3afad ;
	font-family : Arial, Arial Narrow, Times New Roman ;
	font-size : 9pt ;
	font-weight : Bold ;
}
/* An event listed on the daily calendar. */
.dv_EventTitle {
	background : #6C8FB2 !important ;
	font-family : Arial, Arial Narrow, Times New Roman ;
	font-size : 9pt ;
	font-weight : Bold ;
	cursor : pointer ;
}
/* The borders of the hour cells. */
.dv_BorderCell {
	background : #D5E1DF  !important ;
}

.dv_HourLayer
{
	
}
.dv_HiddenEventLayer 
{
	position : absolute ;
	visibility : hidden ;
}
.dv_EventLayer
{
	background: transparent ;
	position: absolute;
}
.dv_Event {
	background : transparent ;
	font-family : Arial, Arial Narrow, Times New Roman ;
	font-size : 9pt ;
	font-weight : Bold ;
}
.dv_EventTransparent {
	background : transparent ;
	font-family : Arial, Arial Narrow, Times New Roman ;
	font-size : 9pt ;
	font-weight : Bold ;
}

#primaryContent .dv_DayHeader br 
{
	padding: 0;
	margin: 0;
	height: 0;
	display: none;
}


#primaryContent .dv_DayHeaderBkg{
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: none;
    background: #fff;
    font-family: arial ;
}
/* The button for moving the calendar to the next day. */
#primaryContent .dv_DayHeaderNext{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    BACKGROUND: #fff;
    FONT-FAMILY: Arial ;
    text-align : right ;
    height: 47px;
    border-left: 4px solid #eee;
    border-right: 2px solid #ddd;
    border-top: 4px solid #ddd;
    border-bottom: 4px solid #ddd;
    padding-right: 15px;
}

/* The button for moving the calendar to the previous day. */
#primaryContent .dv_DayHeaderPrev{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    BACKGROUND: #fff;
    FONT-FAMILY: Arial ;
    text-align : left ;
    height: 47px;
    border-left: 2px solid #ddd;
    border-right: 4px solid #eee;
    border-top: 4px solid #ddd;
    border-bottom: 4px solid #ddd;
    padding-left: 15px;
}
/* The day header for the calendar. */
#primaryContent .dv_DayHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    BACKGROUND: #fff;
    FONT-FAMILY: Arial ;
    text-align: center;
    line-height: 1.75;
    height: 47px;
    border-top: 4px solid #ddd;
    border-bottom: 4px solid #ddd;
}

#primaryContent .dv_DayHeader a:link, #primaryContent .dv_DayHeader a:visited,
#primaryContent .dv_DayHeaderNext a:link, #primaryContent .dv_DayHeaderPrev a:link,
#primaryContent .dv_DayHeaderNext a:visited, #primaryContent .dv_DayHeaderPrev a:visited
{
	text-decoration: none;
	font-size: 14px;
	color: #aaa;
}

#primaryContent .dv_DayHeader a:hover, #primaryContent .dv_DayHeader a:active, #primaryContent .dv_DayHeader a:visited:hover,
#primaryContent .dv_DayHeaderNext a:hover, #primaryContent .dv_DayHeaderPrev a:hover,
#primaryContent .dv_DayHeaderNext a:active, #primaryContent .dv_DayHeaderPrev a:active,
#primaryContent .dv_DayHeaderNext a:visited:hover, #primaryContent .dv_DayHeaderPrev a:visited:hover
{
	color: #000;
	text-decoration: none;
	font-size: 14px;
}

.dv_DayHeaderTransparent {
	background : transparent ;
	font-family : Arial ;
	font-size : 11pt ;
	font-weight : bold ;
}
.dv_LongDescriptionHidden {
	visibility : hidden ;
	position : absolute ;
}
.dv_LongDescriptionVisible {
	position : relative ;
	visibility : visible ;
	background-color : #eeeeee ;
}
/*****************************************************************************************/
/*                                                                                       */
/*                         Month View (month)                                            */
/*                                                                                       */
/*****************************************************************************************/
/* Weekend day of week header. */
#primaryContent .mv_weekendDOWHeader {
	background : #eee !important ;
	font-family : arial ;
	font-weight : bold ;
	font-size : 8pt;
	border-top : #ddd 2px solid;
	border-bottom : #ddd 8px solid;
	border-right: #ddd 1px solid;
	border-left: #ddd 1px solid;
	text-align : center ;
	line-height: 2;
}
/* Weekday day of week header. */
#primaryContent .mv_weekdayDOWHeader {
	background : #eee !important ;
	font-family : Arial ;
	font-weight : Bold ;
	font-size : 8pt;
	border-top : #ddd 2px solid;
	border-bottom : #ddd 8px solid;
	border-right: #ddd 1px solid;
	border-left: #ddd 1px solid;
	text-align : center ;
	line-height: 2;
}
/* Month header. */
#primaryContent .mv_MonthHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16pt;
    BACKGROUND: transparent;
    FONT-FAMILY: Arial ;
    text-align: center;
    line-height: 1.75;
    height: 47px;
    border-top: 4px solid #ddd;
    border-bottom: 4px solid #ddd;
}

#primaryContent .mv_MonthHeader br 
{
	padding: 0;
	margin: 0;
	height: 0;
	display: none;
}

/* Month header background. */
#primaryContent .mv_MonthHeaderBkg
{

    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: none;
    background: none;
    font-family: arial ;
}
/* The button for moving the calendar to the next month. */
#primaryContent .mv_MonthHeaderNext
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    BACKGROUND: transparent;
    FONT-FAMILY: Arial ;
    text-align : right ;
    height: 47px;
    border-left: 4px solid #eee;
    border-right: 2px solid #ddd;
    border-top: 4px solid #ddd;
    border-bottom: 4px solid #ddd;
    padding-right: 15px;
}
/* The button for moving the calendar to the previous month. */
#primaryContent .mv_MonthHeaderPrev
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    BACKGROUND: transparent;
    FONT-FAMILY: Arial ;
    text-align : left ;
    height: 47px;
    border-left: 2px solid #ddd;
    border-right: 4px solid #eee;
    border-top: 4px solid #ddd;
    border-bottom: 4px solid #ddd;
    padding-left: 15px;
}

#primaryContent .mv_MonthHeaderNext a:link, #primaryContent .mv_MonthHeaderPrev a:link,
#primaryContent .mv_MonthHeaderNext a:visited, #primaryContent .mv_MonthHeaderPrev a:visited
{
	text-decoration: none;
	font-size: 14px;
	color: #aaa;
}

#primaryContent .mv_MonthHeaderNext a:hover, #primaryContent .mv_MonthHeaderPrev a:hover,
#primaryContent .mv_MonthHeaderNext a:active, #primaryContent .mv_MonthHeaderPrev a:active,
#primaryContent .mv_MonthHeaderNext a:visited:hover, #primaryContent .mv_MonthHeaderPrev a:visited:hover
{
	text-decoration: none;
	font-size: 14px;
	color: #000;
}

/* The cells at the beginning or end of the month that do not contain days. */
#primaryContent .mv_NonMonthBorder
{
    border-right: #CCC 1px solid;
    border-top: #CCC 1px solid;
    background: #eee;
    border-left: #CCC 1px solid;
    border-bottom: #CCC1px solid;
    
}

#primaryContent .mv_NonMonthCell
{
    font-weight: normal;
    font-size: 9pt;
   background: #eee !important; 
    border: none;
}

#primaryContent .mv_DateNonMonthDayCell
{
    font-weight: bold;
    font-size: 9pt;
    font-family: arial;
    background: none;
    border: none;
}
/* The cells where the numerical weekdays appear. */
#primaryContent .mv_DateCell
{
    font-weight: bold;
    font-size: 9pt;
    background: #FFF;
    border-left: #Ccc 1px solid;
    border-bottom: #ccc 1px solid;
    font-family: arial ;
}


#primaryContent .mv_DateCell a:link, #primaryContent .mv_DateCellWeekend a:link, #primaryContent .mv_DateCell a:visited:link, #primaryContent .mv_DateCellWeekend a:visited:link
{
	text-decoration: none;
	color: #999;
	font-family: Georgia, "Times New Roman", Serif; 
}

#primaryContent .mv_DateCell a:hover, #primaryContent .mv_DateCellWeekend a:hover
{
	text-decoration: none;
	color: #5f9cae;
	font-family: Georgia, "Times New Roman", Serif; 
}

#primaryContent td.mv_DateCell:hover , #primaryContent td.mv_DateCellWeekend:hover
{

}


/* The cells where the numerical weekend days appear. */
.mv_DateCellWeekend
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    BACKGROUND: #fff !important;
    BORDER-LEFT: #C9BDA5 1px solid !important;
    BORDER-BOTTOM: #C9BDA5 1px solid !important;
    FONT-FAMILY: Arial ;	
}
/* The cells where today’s numerical day appears. */
#primaryContent .mv_DateCellToday
{
    background : #e1e8ef ;
    border-left : 1px solid #0071bd ;
    border-bottom :1px solid #0071bd ;
    font-family: Arial ;
    font-size : 9pt ;
    font-weight : bold ;
}
/* The weekend cells that hold the Add Event and View Event buttons. */
.mv_DateCellEmptyWeekend
{
    background : #fff !important;
    border-bottom : #ccc 1px solid !important ;
    font-family: Arial ;
    font-size : 9pt ;
    font-weight : bold ;
}
/* The today cell that holds the Add Event and View Event buttons. */
#primaryContent .mv_DateCellEmptyToday
{
    background : #e1e8ef;
    border-bottom : 1px solid #0071bd;
    font-family: Arial ;
    font-size : 9pt ;
    font-weight : bold ;
}
/* The weekday cells that holds the Add Event and View Event buttons. */
.mv_DateCellEmpty
{
    font-weight: bold;
    font-size: 9pt;
    background: #FFF !important;
    border-bottom: #ccc 1px solid !important;
    font-family: arial
}
/* The popup window that appears when the event is hovered over. */
.mv_eventContainer
{
    visibility: hidden ;
    position: absolute ;
}
/* The today cell that holds listed events. */
#primaryContent .mv_dayBorderToday
{
    border-right: #0071bd 2px solid ;
    border-top: #0071bd 2px solid ;
    background: #f3f6f9;
    border-left: #0071bd 2px solid ;
    border-bottom: #0071bd 2px solid ;
}
/* The weekday cell that holds listed events. */
.mv_dayBorder
{
    border-right: #ccc 1px solid !important ;
    border-top: #ccc 1px solid !important;
    background: #FFF !important ;
    border-left: #ccc 1px solid !important ;
    border-bottom: #ccc 1px solid !important ;
}
/* The Weekend day cell that holds listed events. */
.mv_dayBorderWeekend
{
    border-right: #C9BDA5 1px solid !important ;
    border-top: #C9BDA5 1px solid !important ;
    background: #fff !important ;
    border-left: #C9BDA5 1px solid !important ;
    border-bottom: #C9BDA5 1px solid !important ;
}
/* The event title cell. */
.mv_eventTitle
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    BACKGROUND: transparent ;
    FONT-FAMILY: Arial
}
/* Today’s event title cell. */
.mv_DayCellToday
{
	background : transparent ;
	font-family : Arial ;
    font-weight : bold ;
    font-size : 9pt ;
}
.mv_DayCell
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    BACKGROUND: transparent ;
    FONT-FAMILY: Arial
}
/* The font for the event pop-up. */
.mv_TodayCell
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    BACKGROUND: #eee !important;
    FONT-FAMILY: Arial
}
/* The border for the event pop-up. */
.mv_eventPopup
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
}

/*****************************************************************************************/
/*                                                                                       */
/*                         Inline View (inline)                                          */
/*                                                                                       */
/*****************************************************************************************/
/* The inline view header background. */
.ILViewHeaderBkg
{
    BORDER-RIGHT: #9999ff 2px solid;
    BORDER-TOP: #9999ff 2px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    BACKGROUND: #ddddff;
    BORDER-LEFT: #9999ff 2px solid;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: center ;
}

.ILViewHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    BACKGROUND: #ddddff;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: center ;
}
/* Font for the event description. */
.ILViewEvent
{
    FONT-SIZE: 9pt;
    FONT-FAMILY: Arial;
}
/* The date for the inline view. */
.ILViewDate
{
    BORDER-RIGHT: #9999ff 1px solid;
    BORDER-TOP: #9999ff 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    BACKGROUND: #ddddff;
    BORDER-LEFT: #9999ff 1px solid;
    FONT-FAMILY: Arial ;
}
.ILViewTodayDate
{
    BORDER-RIGHT: #9999ff 1px solid;
    BORDER-TOP: #9999ff 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    BACKGROUND: #eeeeaa;
    BORDER-LEFT: #9999ff 1px solid;
    FONT-FAMILY: Arial
}
/* The cell the events are listed in. */
.ILViewDayCell
{
    BORDER-RIGHT: #9999ff 1px solid;
    BORDER-TOP: #9999ff 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    BACKGROUND: #eeeeff;
    BORDER-LEFT: #9999ff 1px solid;
    BORDER-BOTTOM: #9999ff 1px solid;
    FONT-FAMILY: Arial
}
.ILViewTodayCell
{
    BORDER-RIGHT: #9999ff 1px solid;
    BORDER-TOP: #9999ff 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    BACKGROUND: #eeeedd;
    BORDER-LEFT: #9999ff 1px solid;
    BORDER-BOTTOM: #9999ff 1px solid;
    FONT-FAMILY: Arial
}

/*****************************************************************************************/
/*                                                                                       */
/*                         Month-Up With Event (monthupwithevent)                        */
/*                                                                                       */
/*****************************************************************************************/
/* The cells at the beginning or end of the month that do not contain days. */
.mup_nonMonthCell {
	background : #eeeeee ;
	font-family : Arial ;
	font-weight : normal ;
	font-size : 8pt;
	text-align : center ;
	border-right: #aaaaaa 1px solid ;
	border-bottom: #aaaaaa 1px solid ;
	border-left: #aaaaaa 1px solid ;
}
/* The weekend day cell. */
.mup_weekendCell {
	background : #dedeff ;
	font-family : Arial ;
	font-weight : normal ;
	font-size : 8pt;
	text-align : center ;
	border-right: #aaaaaa 1px solid ;
	border-bottom: #aaaaaa 1px solid ;
	border-left: #aaaaaa 1px solid ;
}
/* The week day cell. */
.mup_weekdayCell {
	background : #eeffff ;
	font-family : Arial ;
	font-weight : normal ;
	font-size : 8pt;
	text-align : center ;
	border-right: #aaaaaa 1px solid ;
	border-bottom: #aaaaaa 1px solid ;
	border-left: #aaaaaa 1px solid ;
}
/* Highlights the weekdays that have events. */
.mup_weekdayEventCell {
	background : #ffffee ;
	font-family : Arial ;
	font-weight : normal ;
	font-size : 8pt;
	text-align : center ;
	border-right : #aaaaaa 1px solid ;
	border-bottom : #aaaaaa 1px solid ;
	border-left : #aaaaaa 1px solid ;
	cursor : pointer ;
}
.mup_weekenddayEventCell {
	background : #eeeedd ;
	font-family : Arial ;
	font-weight : normal ;
	font-size : 8pt;
	text-align : center ;
	border-right : #aaaaaa 1px solid ;
	border-bottom : #aaaaaa 1px solid ;
	border-left : #aaaaaa 1px solid ;
	cursor : pointer ;
}
.mup_weekendEventCell {
	background : #ccccff ;
	font-family : Arial ;
	font-weight : normal ;
	font-size : 8pt;
	text-align : center ;
	border-right : #aaaaaa 1px solid ;
	border-bottom : #aaaaaa 1px solid ;
	border-left : #aaaaaa 1px solid ;
	cursor : pointer ;
}
/* Weekend day of week header. */
.mup_weekendDOWHeader {
	background : #ddddff ;
	font-family : Arial ;
	font-weight : Bold ;
	font-size : 8pt;
	border-right: #aaaaaa 1px solid ;
	border-bottom: #aaaaaa 1px solid ;
	border-left: #aaaaaa 1px solid ;
	text-align : center ;
}
/* Weekday day of week header. */
.mup_weekdayDOWHeader {
	background : #eeeeff ;
	font-family : Arial ;
	font-weight : Bold ;
	font-size : 8pt;
	border-right: #aaaaaa 1px solid ;
	border-bottom: #aaaaaa 1px solid ;
	border-left: #aaaaaa 1px solid ;
	text-align : center ;
}
/* The year selection cell. */
.mup_yearFooter
{
	background : #eeeeee ;
	font-family : Arial ;
	font-weight : Bold ;
	font-size : 9pt;
	text-align : center ;
}
/* The border around the month header. */
.mup_monthHeaderBorder {
	background : #eeeeee ;
	font-family : Arial ;
	font-weight : Bold ;
	font-size : 10pt;
	border-right : #aaaaaa 1px solid ;
	border-top : #aaaaaa 1px solid ;
	border-bottom : #aaaaaa 1px solid ;
	border-left : #aaaaaa 1px solid ;
	text-align : center ;
}
/* The month header. */
.mup_monthHeader {
	background : #eeeeee ;
	font-family : Arial ;
	font-weight : Bold ;
	font-size : 10pt;
	text-align : center ;
}
/* The previous button, on the month header. */
.mup_monthHeaderPrev {
	background : #eeeeee ;
	font-family : Arial ;
	font-weight : Bold ;
	font-size : 8pt;
	text-align : center ;
}	
/* The next button, on the month header. */
.mup_monthHeaderNext {
	background : #eeeeee ;
	font-family : Arial ;
	font-weight : Bold ;
	font-size : 8pt;
	text-align : center ;
}
/* The background for the event display. */
.mup_eventDispBkg {
	background : #eeeeff ;
	font-family : Arial ;
	font-weight : normal ;
	font-size : 10pt;
	text-align : left ;
	border-right : #aaaaaa 1px solid ;
	border-top : #aaaaaa 1px solid ;
	border-bottom : #aaaaaa 1px solid ;
	border-left : #aaaaaa 1px solid ;
}
/* The event display. */	
.mup_eventDisplay {
	background : transparent ;
	font-family : Arial ;
	font-weight : normal ;
	font-size : 10pt;
	text-align : left ;
}
/* The event display date header. */
.mup_eventDisplayDate {
	font-size : 12pt ;
	font-weight : bold ;
	background : transparent ;
	font-family : Arial ;
	text-align : center ;
	border-bottom : #aaaaaa 1px solid ;
}
/* Display for the event title. */
.mup_eventDisplayEventTitle {
	font-weight : bold ;
	background : transparent ;
	font-family : Arial ;
	font-size : 10pt;
	text-align : left ;
}
/* Display for the event location. */
.mup_eventDisplayLocation {
	background : transparent ;
	font-family : Arial ;
	font-weight : normal ;
	font-size : 10pt;
	text-align : left ;
}
/* Display for event times. */
.mup_eventDisplayTimes {
	background : transparent ;
	font-family : Arial ;
	font-weight : normal ;
	font-size : 10pt;
	text-align : left ;
}
/* Displays the event’s long description. */
.mup_eventDisplayLongDesc {
	background : transparent ;
	font-family : Arial ;
	font-weight : normal ;
	font-size : 10pt;
	text-align : left ;
}
.mup_hiddenEvent {
	visiblity : hidden ;
	position : absolute ;
	display : none ;
}
.mup_weekdayLoggedInCell {
	background : #eeffff ;
	font-family : Arial ;
	font-weight : normal ;
	font-size : 8pt;
	text-align : center ;
	border-right : #aaaaaa 1px solid ;
	border-bottom : #aaaaaa 1px solid ;
	border-left : #aaaaaa 1px solid ;
	cursor : pointer ;
}
.mup_weekenddayLoggedInCell {
	background : #dedeff ;
	font-family : Arial ;
	font-weight : normal ;
	font-size : 8pt;
	text-align : center ;
	border-right : #aaaaaa 1px solid ;
	border-bottom : #aaaaaa 1px solid ;
	border-left : #aaaaaa 1px solid ;
	cursor : pointer ;
}
/*****************************************************************************************/
/*                                                                                       */
/*                         Event View (event)                                            */
/*                                                                                       */
/*****************************************************************************************/

.evt_TitleCell 
{
		background : #eee !important ;
		font-family : Arial ;
		font-weight : bold ;
		font-size : 12pt;
		text-align : center ;
		border-top : #A39986 1px solid ;
		border-left : #A39986 1px solid ;
		border-right : #A39986 1px solid ;
}
.evt_DateCell 
{
		background : #eee !important ;
		font-family : Arial ;
		font-weight : bold ;
		font-size : 9pt;
		text-align : center ;
		border-top : #A39986 1px solid ;
		border-left : #A39986 1px solid ;
		border-right : #A39986 1px solid ;
}
.evt_ViewDayCell 
{
		background : #eee !important ;
		font-family : Arial ;
		font-weight : normal ;
		font-size : 10pt;
		text-align : left ;
		border-bottom : #A39986 1px solid ;
		border-left : #A39986 1px solid ;
		border-right : #A39986 1px solid ;
}
.evt_ViewEvent 
{
		background : #eee !important ;
		font-family : Arial ;
		font-weight : bold ;
		font-size : 10pt;
		text-align : left ;
}

/*****************************************************************************************/
/*                                                                                       */
/*                         Event Type Control (used in month display)                    */
/*                                                                                       */
/*****************************************************************************************/
/*****************************************************************************************/
/*                                                                                       */
/*                         Event Type Control (used in month display)                    */
/*                                                                                       */
/*****************************************************************************************/
/* The background of the event type control cell. */
#primaryContent .etCtrl_Background 
{
    font-size: 9pt ;
    background: #fff  !important ;
    border: none;
    font-family: Arial ;
}
/* The instructions cell for event type control. */
.etCtrl_InstructCell {
	background: transparent ;
	font-family: Arial ;
    font-size: 9pt ;
    font-weight : bold ;
    text-align : right ;
    vertical-align : top ;
}


/* The cell the selection box is displayed in. */
.etCtrl_SelCell {
	background: transparent ;
	font-family: Arial ;
    font-size: 9pt ;
    text-align : left ;
    vertical-align : top ;
}

.etCtrl_SelCell option 
{
	font-size: 11px;
	line-height: 1.5;
	padding: 2px 4px;
}

/* The event type selection box. */
.etCtrl_selectBox {
	background : #eee !important ;
	width: 300px;
	margin-left: 60px;
	border: 3px solid #ddd;
	padding: 5px;
}