html
{
	height: 100%;
}
body
{
	min-height:100%;
}


/* Table of the month calendar */
.MonthCalendar
{
	width: 100%;
	font-family:Arial;
}
/* Month table header */
.MonthCalendar td.Title 
{
	background-color: Silver;
	background-image:url(Image/xpress_demo_repeat.jpg);
	background-repeat:repeat-x;
	background-position: 0px -15px;
}
/* Next Month Button Image */
.Next {
	background-image:url(Image/next.gif);
	background-repeat:no-repeat;
	width:18px;
	height:14px;
	border:none;
}
/* Previous Month Button Image */
.Previous {
	background-image:url(Image/previous.gif);
	background-repeat:no-repeat;
	width:18px;
	height:14px;
	border:none;
}
/* Day Headers, (Sun, Mon, Tue, Wed, Thu, Fri, Sat) */
.DayHeader 
{
}
/* Day Number */
.MonthCalendar .DayNumber
{
	color:#000000;
}
/* Link for "day view" */
.DayNumber .DayViewLink
{
	font-size:smaller;
	color: Gray;
	padding-left: 3px;
	text-decoration:none;
}
.MonthCalendar a
{
	cursor:pointer;
}
/*
	Day - General day in the month calendar
	Weekend - Weekend day in the month calendar
	OtherMonth - Days included from previous or next month
	Today - Today
*/
.Day, .Weekend, .OtherMonth, .Today
{
	font-size:11px;
	height: 70px;
	text-align:left;
	vertical-align:top;
}
.MonthCalendar .Day 
{
}


.MonthCalendar .OtherMonth 
{
	background-color:#DDDDDD;
}
.MonthCalendar .Weekend 
{
	background-color:#EEEEEE;
}
.MonthCalendar .Weekend.OtherMonth
{
	background-color:#E4E4E4;
}
.MonthCalendar .OtherMonth .DayNumber
{
	color: #999999;
}
.MonthCalendar .Today 
{
	background-color:#E6EFF7;
}


/* Background div when event popup is up */
.Modal
{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	background-color: #888888;
	z-index: 101;
	filter:alpha(opacity=0);
	opacity: 0.0;
	-moz-opacity:0.0;
}
/* Div containing the event details/popup */
.DescriptionDisplay
{
	display: none;
	position:absolute;
	top: 175px;
	left: 90px;
	width: 600px;
	min-height: 300px;
	background-color: #FFFFFF;
	border: solid 2px #000000;
	z-index: 200;
	padding: 10px;
	filter:alpha(opacity=0);
	opacity: 0.0;
	-moz-opacity:0.0;
}
/* Close button for the popup */
.DescriptionDisplay .CloseButton
{
	position:absolute;
	top:1px;
	right: 3px;
	cursor:pointer;
	font-family:Arial;
	font-size: 16px;
	font-weight: bold;
	color:#F60605;
}
/* Title in the popup */
.DescriptionDisplay .Title
{
	background-color: #FFFFFF;
}
/* Date in the popup */
.DescriptionDisplay .Date
{
}
/* Description in the popup */
.DescriptionDisplay .Description
{
}


/* Day View Classes */

/* Div which contains link back to month view */
.MonthView 
{
	text-align:right;
	position: relative;
	bottom: 19px;
}
/* Table class for Day View */
.DayCalendar 
{
	position: relative;
	bottom: 18px;
	width: 100%;
	border: solid 2px #000000;
	border-collapse: collapse;
}
.DayCalendar th 
{
	background-color: #C0C0C0;
	border-bottom: solid 2px #000000;
	font-weight: bold;
}
.DayCalendar td
{
	border: solid 1px #BBBBBB;
	background-color:#FAFAFA;
}
.DayCalendar .Time 
{
	width: 200px;
	vertical-align:top;
}
.DayCalendar .Details 
{
}
.UpcomingEvents
{
	padding:3px;
	width: 100%;
}
.UpcomingEvents #title
{
	font-weight:bold;
}
.UpcomingEvents #dates
{
	margin-left:30px;
}
.UpcomingEvents #dates #day 
{	
	margin:2px 0px 2px 0px;
	display:list-item;
	list-style-image: url(Image/date.gif);
	padding:3px;
	font-family:Verdana;
	font-size:smaller;
	line-height:10px;
}
.EventDetail .title
{
	font-weight:bold;
}
.EventDetail
{
	width:100%;
	padding:3px;
	background-color:#FAFAFA;
	border: solid 2px #000000;
}
.EventDetail #dates
{
	margin-left:20px;
}
.EventDetail #dates #day
{
	margin:2px 0px 2px 0px;
	display:list-item;
}
.EventDetail .description
{
	margin-top:5px;
}