/*****************************************************************************************/
/*                         Single Day View (day)                                         */
/*****************************************************************************************/
/* The cells that are defined as workday hour cells. */
.dv_HourCell {
background: #99DDFF;
font-family: Arial, Arial Narrow, Times New Roman;
font-size: 9pt;
font-weight: Bold;
}
/* The evening and morning hour cells. */
.dv_HourCellEve {
background: #6699DD;
font-family: Arial, Arial Narrow, Times New Roman;
font-size: 9pt;
font-weight: Bold;
}
/* An event listed on the daily calendar. */
.dv_EventTitle {
background: #aaddaa;
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: #0033AA;
}
.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;
}
.dv_DayHeaderBkg{
background: #99DDFF;
color: #0033AA;
font-family: Arial;
font-size: 11pt;
font-weight: bold;
border-left: solid 1px #0033AA;      
border-top: solid 1px #0033AA;
border-bottom: solid 1px #0033AA;
border-right: solid 1px #0033AA;
}
/* The button for moving the calendar to the next day. */
.dv_DayHeaderNext{
background: #99DDFF;
color: #0033AA;
font-family: Arial;
font-size: 9pt;
font-weight: bold;
text-align: right;
}
/* The button for moving the calendar to the previous day. */
.dv_DayHeaderPrev{
background: #99DDFF;
color: #0033AA;
font-family: Arial;
font-size: 9pt;
font-weight: bold;
text-align: left;
}
/* The day header for the calendar. */
.dv_DayHeader {
background: #99DDFF;
color: #0033AA;
font-family: Arial;
font-size: 11pt;
font-weight: bold;
text-align: center;
}
.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. */
.mv_weekendDOWHeader, .mv_weekdayDOWHeader {
background: #333333;
font-family: arial;
font-weight: bold;
font-size: 8pt;
line-height: 18pt;
color: #ffffff;
border-top: #000000 1px solid;
border-bottom: #666666 1px solid;
border-right: 0px;
border-left: 0px;
text-align: center;
}
/* Month header. */
.mv_MonthHeader {
    font-weight: bold;
    font-size: 12pt;
    background: transparent;
    font-family: Arial;
    height: 2em;
}
/* Month header background. */
.mv_MonthHeaderBkg {
    border: 0px;
    font-weight: bold;
    /* font-size: 9pt; */
    background: #FFE680;
    font-family: arial;
}
/* The button for moving the calendar to the next month. */
.mv_MonthHeaderNext {
    font-weight: bold;
    background: transparent;
    font-family: Arial;
    text-align: right;
    padding-right: 10px;
}
/* The button for moving the calendar to the previous month. */
.mv_MonthHeaderPrev {
    font-weight: bold; 
    background: transparent;
    font-family: Arial;
    text-align: left;
    padding-left: 10px;
}
/* The cells at the beginning or end of the month that do not contain days. */
.mv_NonMonthBorder {
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    background: #cccccc;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}
.mv_NonMonthCell {
    font-weight: normal;
    font-size: 9pt;
    font-family: arial;
    border: 0px;
}
.mv_DateNonMonthDayCell {
    font-weight: bold;
    font-size: 9pt;
    background: #cccccc;
    border-bottom: #000000 0px solid;
    font-family: arial
}
/* The cells where the numerical weekdays appear. */
.mv_DateCell {
    font-weight: bold;
    font-size: 9pt;
    background: #ffffff;
    /* border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid; */
    font-family: arial;
}
/* table cell containing start and end times. */
.mv_start_and_end_times {
    text-transform:lowercase; /* to make AM and PM lowercase */
}

/* The cells where the numerical weekend days appear. */
.mv_DateCellWeekend {
    font-weight: bold;
    font-size: 9pt;
    background: #ffffff;
    /* border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid; */
    font-family: Arial;
}
/* The cells where today’s numerical day appears. */
.mv_DateCellToday {
    background: #ffffff;
    /* border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid; */
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
}
/* The weekend cells that hold the Add Event and View Event buttons. */
.mv_DateCellEmptyWeekend {
    background: #ececec;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
}
/* The today cell that holds the Add Event and View Event buttons. */
.mv_DateCellEmptyToday { 
    background: #ffe680;
    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: #ffffff;
    font-family: arial
}
/* The popup window that appears when the event is hovered over. */
.mv_eventContainer {
    visibility: hidden;
    position: absolute;
    z-index:1;
}
/* The today cell that holds listed events. */
.mv_dayBorderToday {
    border-right: #cccccc 1px solid;
    border-top: #b38b3b 1px solid;
    background: #ffe680;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}
/* The weekday cell that holds listed events. */
.mv_dayBorder {
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    background: #ffffff;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}
/* The Weekend day cell that holds listed events. */
.mv_dayBorderWeekend {
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    background: #ececec;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}
/* The event title cell. */
.mv_eventTitle {
    font-weight: normal;
    font-size: 11px;
    color: Black;
    background: #ffffcc;
    font-family: Arial;
    border: solid 1px #ccc;
    -moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}
/* 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: #FFE680;
    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;
    -moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}
/*****************************************************************************************/
/*                         Inline View (inline)                                          */
/*****************************************************************************************/
/* The inline view header background. */
.ILViewHeaderBkg {
    border: 0px;
    font-weight: bold;
    font-size: 11pt;
    background: #ffffff;
    text-align: center;
}
.ILViewHeader {
    font-weight: bold;
    font-size: 11pt;
    text-align: center;
}
/* Font for the event description. */
.ILViewEvent {
    font-size: 9pt;
    line-height:1.5em;
    border-top:solid 1px #eee;
}
/* The date for the inline view. */
.ILViewDate {
    border-top: solid 1px #eee;
    border-bottom: solid 1px #999;
    font-weight: bold;
    font-size: 10pt;
    margin-top:5px;
    background: #eee url(/images/cal_ilview_date_background.gif) repeat-x scroll 0%;
    background-position: bottom;
}
.ILViewTodayDate
{
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    font-weight: bold;
    font-size: 9pt;
    background: #eeeeaa;
    border-left: #cccccc 1px solid;
}
/* The cell the events are listed in. */
.ILViewDayCell
{
    border: 0px;
    font-weight: bold;
}
.ILViewTodayCell
{
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    font-weight: bold;
    font-size: 9pt;
    background: #eeeedd;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}
.il_start_and_end_times {
    text-transform:lowercase;
    width:20%;
    border-top: #eee 1px solid;
}   
.ilview_calendar {
    margin-left:3%;
    margin-right:3%;
}
td.il_eventlocation{
width:25%;
border-top: #eee 1px solid;
}
td.il_eventtitle {
width:40%;
font-weight: bold;
border-top: #eee 1px solid;
}
td.il_longdesc {
width:auto;
border-top: #eee 1px solid;
} 

/*****************************************************************************************/
/*                         Month-Up With Event (monthupwithevent)                        */
/*****************************************************************************************/
/* The cells at the beginning or end of the month that do not contain days. */

div.calendar_mupwithevent {
width:635px; 
margin-left:15px; 
margin-top:10px;
vertical-align: top;
}
div.calendar_mupwithevent h2 {
margin-top: 20px;
}
.mup_calendardateselectordiv {
float:right;
width: 35%;
vertical-align:top;
}
#centerPaneContent table {
margin:0px; 
padding:0px;
}
.mup_weekdayCell table {
margin:0px; 
padding:0px;
}
table.mup_eventDisplay {
border-width: 0px;
margin-bottom: 50px;
}
.mup_nonMonthCell, .mup_weekendCell, .mup_weekdayCell, .mup_weekdayEventCell, .mup_weekenddayEventCell, .mup_weekendEventCell {
font-family: Verdana, sans-serif;
font-weight: normal;
font-size: 8pt;
text-align: center;
border-right: #aaaaaa 1px solid;
border-bottom: #aaaaaa 1px solid;
border-left: #aaaaaa 1px solid;
}
.mup_nonMonthCell {
background: #ffffff;
}
/* The weekend day cell. */
.mup_weekendCell {
background: #efefef;
color: #666666;
}
/* The week day cell. */
.mup_weekdayCell {
background: #ffffff;
color: #999999;
}
/* Highlights the weekdays that have events. */
.mup_weekdayEventCell {
background: #FFE28A;
cursor: pointer;
}
.mup_weekenddayEventCell {
background: #FFCC00;
cursor: pointer;
}
.mup_weekendEventCell {
background: #FFE28A;
cursor: pointer;
}
/* Weekend and Weekday days of week header. */
.mup_weekendDOWHeader, .mup_weekdayDOWHeader  {
background: #333333;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-size: 8pt;
border-right: none;
border-bottom: #000000 1px solid;
border-left: none;
text-align: center;
}
/* The year selection cell. */
.mup_yearFooter {
background: #eeeeee;
font-weight: bold;
text-align: center;
}
.mup_yearFooter a {
font-weight: normal;
}
/* The border around the month header. */
.mup_monthHeaderBorder {
background: #ffcc00;
font-weight: bold;
border-right: none;
border-top: none;
border-bottom: #000000 1px solid;
border-left: none;
text-align: center;
}
/* The month header. */
.mup_monthHeader {
background: #ffcc00;
font-weight :bold;
text-align: center;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
/* The previous and next buttons on the month header. */
.mup_monthHeaderPrev, .mup_monthHeaderNext {
background: #ffcc00;
font-weight: normal;
font-family:Arial, sans-serif;
font-size:9px;
text-align: center;
}
/* The background for the event display. */
.mup_eventDispBkg {
background: #ffffff;
font-weight: normal;
text-align: left;
}
/* The event display. */
.mup_eventDisplay {
background: transparent;
font-weight: normal;
text-align: left;
}
/* The event display date header. */
.mup_eventDisplayDate {
font-weight: bold;
background: transparent;
}
.mup_eventDisplayDate h3 {
font-size:14px;
margin-top: 0px;
margin-bottom: 0px;
}
.mup_eventDisplayEventTitle, .mup_eventDisplayLocation, .mup_eventDisplayTimes, .mup_eventDisplayLongDesc {
background: transparent;
text-align: left;
}
/* Display for the event title. */
.mup_eventDisplayEventTitle h4 {
font-size:18px;
margin-top: 15px;
margin-bottom: 5px;
margin-right: 15px;
}
/* Display for the event location. */
.mup_eventDisplayLocation {
}
/* Display for event times. */
.mup_eventDisplayTimes {
font-weight: bold;
text-transform:lowercase;
}
/* Displays the event’s long description. */
.mup_eventDisplayLongDesc p {
margin-right: 15px;
}
div.mup_exhibition_list {
float:right;
clear:right;
width: 35%;
}
.mup_exhibition_list h5 {
font-weight: bold;
border-bottom: 1px solid #cccccc;
}
.mup_exhibition_list ul {
list-style-type:none;
margin-left:0px;
padding-left:0px;
}
.mup_exhibition_list ul li {
margin-left:0px;
padding-left:0px;
margin-bottom: 10px;
}
.mup_hiddenEvent {
visiblity: hidden;
position: absolute;
display: none;
color: #cccccc;
}
.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;
}
/* highlights the currently selected cell in mup view */
.thechosenone {
background-color:#ffcc00;
}
/*****************************************************************************************/
/*                         Event View (event)                                            */
/*****************************************************************************************/
.evt_TitleCell {
 padding:5px;
 border: solid 1px #eee;
}
.evt_TitleCell h2 {
font-size: 1.5em;
font-weight:bold;
margin-bottom: 10px;
margin-left: 10px;
}
.evt_DateCell {
 border-top: #eee 1px solid;
 border-left: #eee 1px solid;
 border-right: #eee 1px solid;
 padding-left:15px;
 font-size: 1.25em;
}
.evt_ViewDayCell {
 border-bottom: #eee 1px solid;
 border-left: #eee 1px solid;
 border-right: #eee 1px solid;
}
.evt_ViewEvent tbody tr td {
 text-align: left;
 font-size: 1.25em;
}
/*****************************************************************************************/
/*                         Event Type Control (used in month display)                    */
/*****************************************************************************************/
/* The background of the event type control cell. */
.etCtrl_background {
    font-size: 9pt;
    background: #ffcc00;
    font-family: Arial;
}
/* The instructions cell for event type control. */
.etCtrl_InstructCell {
    background: #ffcc00;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    text-align: left;
}
/* The cell the selection box is displayed in. */
.etCtrl_SelCell {
    background: #ffcc00;
    font-family: Arial;
    font-size: 9pt;
    text-align: right;
}
/* The event type selection box. */
.etCtrl_selectBox {
background: #ffffff;
}