div.calendar
{
	margin-top: 1em;
}

div.calendar h1
{
	font-weight: bold;
	font-size: 130%;
}

p.monthNavigation
{
	float: right;
}

div.calendar table
{
	border-collapse: collapse;
	width: 100%;
	clear: both;
}

div.calendar td, div.calendar th
{
	border: 1px solid #bfbfbf;
	padding: 0.3em;
}

div.calendar thead, div.calendar table.scheme td.week
{
	color: #000000;
	background-color: #dfdfdf;
	font-weight: bold;
	width: 2%;
}

div.calendar table.scheme td
{
	width: 14%;
}


div.calendar th.week
{
	width: 1%;
}

div.calendar th.day
{
	width: 1%;
}

div.calendar th.activities
{
	width: 98%;
}

div.calendar th.schemeWeek
{
	width: 2%;
}

div.calendar th.schemeDay
{
	width: 14%;
}

div.calendar td.week
{
	vertical-align: top;
}

div.calendar td.date
{
	vertical-align: top;
	white-space: nowrap;
}


div.calendar .holiday, .CalendarBoxWeekList .holiday
{
	background-color: #ffe7e7;
}

div.calendar .otherMonthDay
{
	background-color: #dfdfdf;
	color: #7f7f7f; 
}


div.calendar .evenRow
{
	background-color: #f7f7f7;	
}

div.calendar table ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
div.calendar table li
{
	margin: 0.1em 0;
	padding: 0;
	clear: both;
}

div.calendar .schemeDayNumber
{
	text-align: right;
}
div.calendar table.scheme td
{
	vertical-align: top;
	height: 13em;
}

div.calendar table.scheme li
{
	font-size: 80%;
}

div.calendar table.scheme li.nonbreaking
{
	white-space: nowrap;
	overflow: hidden;
	width: 92px;
}

div.calendar .activityIcon
{
	float: left;
	padding-right: 0.5em;
	display: block;
}

div.calendar .activityInfo
{
	float: left;
}

div.calendar .activityTimes
{
	float: left;
	width: 7.5em;
}

div.calendar .activityTimesStartTimesOnly
{
	float: left;
	width: 4em;
}

div.calendar .enteredCount
{
	float: right;
}

div.calendar .dateName
{
	clear: both;
	float: right;
	text-align: right;
    font-style: italic;
    font-size: 80%;
}

.CalendarErrorPanel
{
	border: 1px solid #ff0000;
	background: #ffdddd;
	padding: 0.3em;
	margin: 0.3em;
	color: #000000;
}

/********************** CALENDAR START PAGE BOXES ************************/
.CalendarBoxSchemeHeaderRow
{
	padding-top: 2px;
	padding-bottom: 2px;
}

.CalendarBoxSchemeMonthRow
{
	padding-top: 2px;
	padding-bottom: 2px;
}

.CalendarBoxSchemeWeekRow
{
	padding-top: 1px;
	padding-bottom: 2px;
	text-align: center;
}

table.CalendarBoxList
{
	border-collapse: collapse;
	width: 100%;
}

table.CalendarBoxList tr td
{
	vertical-align: top;
	padding: 2px;
}
table.CalendarBoxList tr.row1
{
	background-color: #f7f7f7;
}
table.CalendarBoxList tr.row2
{

}
table.CalendarBoxList tr.holiday td
{
	background-color: #ffe7e7;
}
table.CalendarBoxList tr td.dateWide
{
	border-right: 1px solid #bfbfbf;
	text-align: left;
	padding-right: 4px;
	width: 55px;
}

table.CalendarBoxList tr td.dateNarrow
{
	border-right: 1px solid #bfbfbf;
	text-align: left;
	padding-right: 4px;
	width: 35px;
}

/* Calendar box scheme styles */
table.calendarBoxScheme
{
	width: 100%;
	margin: 0 auto 10px;
	border-collapse:collapse;
}

table.calendarBoxScheme td
{
	font-size: 80%;
	text-align: right;
	vertical-align: top;
	border: 1px solid #7f7f7f;
	width: 14.2%;
    background-repeat: no-repeat;
}

table.calendarBoxSchemeMonthSelector
{
	width: 100%;
}

table.calendarBoxSchemeNarrow td
{
	height: 19px;
	font-size: 70%;
}

table.calendarBoxSchemeWide td
{
	height: 40px;
}

/* cell corner images */
table.calendarBoxScheme td div
{
	padding: 2px;
	background-repeat: no-repeat;
}

table.calendarBoxSchemeWide td div.external
{
	background-image: url("/Calendar/Images/external_corner_wide.png");
}
table.calendarBoxSchemeWide td div.internal
{
	background-image: url("/Calendar/Images/internal_corner_wide.png");
}
table.calendarBoxSchemeWide td div.selfOwned
{
	background-image: url("/Calendar/Images/selfOwned_corner_wide.png");
}
table.calendarBoxSchemeWide td div.externalinternal
{
	background-image: url("/Calendar/Images/external_internal_corner_wide.png");
}
table.calendarBoxSchemeWide td div.externalselfOwned
{
	background-image: url("/Calendar/Images/external_selfOwned_corner_wide.png");
}
table.calendarBoxSchemeWide td div.internalselfOwned
{
	background-image: url("/Calendar/Images/internal_selfOwned_corner_wide.png");
}
table.calendarBoxSchemeWide td div.externalinternalselfOwned
{
	background-image: url("/Calendar/Images/external_internal_selfOwned_corner_wide.png");
}
table.calendarBoxSchemeNarrow td div.external
{
	background-image: url("/Calendar/Images/external_corner_narrow.png");
}
table.calendarBoxSchemeNarrow td div.internal
{
	background-image: url("/Calendar/Images/internal_corner_narrow.png");
}
table.calendarBoxSchemeNarrow td div.selfOwned
{
	background-image: url("/Calendar/Images/selfOwned_corner_narrow.png");
}
table.calendarBoxSchemeNarrow td div.externalinternal
{
	background-image: url("/Calendar/Images/external_internal_corner_narrow.png");
}
table.calendarBoxSchemeNarrow td div.externalselfOwned
{
	background-image: url("/Calendar/Images/external_selfOwned_corner_narrow.png");
}
table.calendarBoxSchemeNarrow td div.internalselfOwned
{
	background-image: url("/Calendar/Images/internal_selfOwned_corner_narrow.png");
}
table.calendarBoxSchemeNarrow td div.externalinternalselfOwned
{
	background-image: url("/Calendar/Images/external_internal_selfOwned_corner_narrow.png");
}
/* end cell corner images */

table.calendarBoxSchemeWide td, table.calendarBoxSchemeNarrow td
{
	padding: 0;
}

/* cell backgrounds */
table.calendarBoxSchemeWide td.normalDayTop { background-image: url("/Calendar/Images/calendarScheme_white_top.png"); }
table.calendarBoxSchemeWide td.normalDayTopLeft { background-image: url("/Calendar/Images/calendarScheme_white_topleft.png"); }
table.calendarBoxSchemeWide td.normalDayTopRight { background-image: url("/Calendar/Images/calendarScheme_white_topright.png"); }
table.calendarBoxSchemeWide td.normalDayLeft { background-image: url("/Calendar/Images/calendarScheme_white_left.png"); }
table.calendarBoxSchemeWide td.normalDayRight { background-image: url("/Calendar/Images/calendarScheme_white_right.png"); }
table.calendarBoxSchemeWide td.normalDayBottom { background-image: url("/Calendar/Images/calendarScheme_white_bottom.png"); }
table.calendarBoxSchemeWide td.normalDayBottomLeft { background-image: url("/Calendar/Images/calendarScheme_white_bottomleft.png"); }
table.calendarBoxSchemeWide td.normalDayBottomRight { background-image: url("/Calendar/Images/calendarScheme_white_bottomright.png"); }
table.calendarBoxSchemeWide td.normalDayActivity { background-image: url("/Calendar/Images/calendarScheme_white_activity.png"); }

table.calendarBoxSchemeWide td.holidayTop { background-image: url("/Calendar/Images/calendarScheme_red_top.png"); }
table.calendarBoxSchemeWide td.holidayTopLeft { background-image: url("/Calendar/Images/calendarScheme_red_topleft.png"); }
table.calendarBoxSchemeWide td.holidayTopRight { background-image: url("/Calendar/Images/calendarScheme_red_topright.png"); }
table.calendarBoxSchemeWide td.holidayLeft { background-image: url("/Calendar/Images/calendarScheme_red_left.png"); }
table.calendarBoxSchemeWide td.holidayRight { background-image: url("/Calendar/Images/calendarScheme_red_right.png"); }
table.calendarBoxSchemeWide td.holidayBottom { background-image: url("/Calendar/Images/calendarScheme_red_bottom.png"); }
table.calendarBoxSchemeWide td.holidayBottomLeft { background-image: url("/Calendar/Images/calendarScheme_red_bottomleft.png"); }
table.calendarBoxSchemeWide td.holidayBottomRight { background-image: url("/Calendar/Images/calendarScheme_red_bottomright.png"); }
table.calendarBoxSchemeWide td.holidayActivity { background-image: url("/Calendar/Images/calendarScheme_red_activity.png"); }

table.calendarBoxSchemeWide td.otherMonthDayTop { background-image: url("/Calendar/Images/calendarScheme_grey_top.png"); }
table.calendarBoxSchemeWide td.otherMonthDayTopLeft { background-image: url("/Calendar/Images/calendarScheme_grey_topleft.png"); }
table.calendarBoxSchemeWide td.otherMonthDayTopRight { background-image: url("/Calendar/Images/calendarScheme_grey_topright.png"); }
table.calendarBoxSchemeWide td.otherMonthDayLeft { background-image: url("/Calendar/Images/calendarScheme_grey_left.png"); }
table.calendarBoxSchemeWide td.otherMonthDayRight { background-image: url("/Calendar/Images/calendarScheme_grey_right.png"); }
table.calendarBoxSchemeWide td.otherMonthDayBottom { background-image: url("/Calendar/Images/calendarScheme_grey_bottom.png"); }
table.calendarBoxSchemeWide td.otherMonthDayBottomLeft { background-image: url("/Calendar/Images/calendarScheme_grey_bottomleft.png"); }
table.calendarBoxSchemeWide td.otherMonthDayBottomRight { background-image: url("/Calendar/Images/calendarScheme_grey_bottomright.png"); }
table.calendarBoxSchemeWide td.otherMonthDayActivity { background-image: url("/Calendar/Images/calendarScheme_grey_activity.png"); }

table.calendarBoxScheme td.normalDay
{
	background-color: #ffffff;
}

table.calendarBoxScheme td.otherMonthDay
{
	background-color: #dfdfdf;
	color: #7f7f7f; 
}

table.calendarBoxScheme td.holiday
{
	background-color: #ffe7e7;
}



table.calendarBoxScheme tr.weekdayNames td
{
	text-align: center;
	width: 14.2%;
	border: none;
	font-size: 80%;
	font-weight: bold;
	padding-bottom: 2px;
	height: auto;
}

div.CalendarNextcomingEventsHeader
{
	padding: 6px 0 8px 0;
	font-weight: bold;
	margin-left: 18px;
}

/* CALENDAR BOX WEEK LIST */
table.CalendarBoxWeekList
{
	border-collapse: collapse;
	width: 100%;
}

table.CalendarBoxWeekList tr td
{
	vertical-align: top;
	padding: 2px;
}
table.CalendarBoxWeekList tr.row1
{
	background-color: #f7f7f7;
}
table.CalendarBoxWeekList tr.row2
{

}
table.CalendarBoxWeekList tr.holiday td
{
	background-color: #ffe7e7;
}

table.CalendarBoxWeekList td
{
	border: 1px solid #bfbfbf;
}

table.CalendarBoxWeekList td.dateWide
{
	text-align: left;
	padding-right: 4px;
	width: 55px;
}

table.CalendarBoxWeekList td.dateNarrow
{
	text-align: left;
	padding-right: 4px;
	width: 55px;
}
/********************** END CALENDAR START PAGE BOXES ************************/


/********************** CALENDAR EVENT PAGE ************************/
.calendarEvent legend
{
	color: #000000;
}

/******************** CALENDAR EDIT PAGES **************************/
table.calenderEventEditor td.section
{
	vertical-align: top;
    font-weight: bold;
    width:120px;
    padding-bottom: 10px;
    padding-right: 20px;
}

table.calenderEventEditor td.caption
{
	vertical-align: top;
	padding-bottom: 10px;
	width:170px;
}

.collapsePanelHidden
{
	display: none;


}

.collapsePanelHeader img
{
	cursor: pointer;
}

.collapsePanelHeader
{
	width:350px;
	height:20px;
 
}
 /*Modal popup starts */
.RecurrencePopup
{
    width: 350px;
    height:230px;
    background:lightgrey;
    border-style:inset;
   border-width:10px;
    border-color:transparent;
    
 }
.PopupHeader
{
	text-align:left;
	width: 250px;
	height:20px;
}

/*** Copied from system.css - but removed display:none**/
.calendarEventPreviewFrame 
{
	padding: 0;
    margin: 0;
    border: 1px outset #C9C7BA;
	width: 99%;
	/*height: 82%;*/
	height: 500px; /* hardcoded height at the moment */
}
.requiredField
{
	color: Red;
}
.nocomingevents
{
    width:85%;
    margin: 6px auto 0;
}