body {
}

div#maincolumn
{
	width:750px;	
}

div#container
{
	background: none; 
}

div#content
{
	background: none;
}



/*DATA GRID*/

.GridView, .DisplayGridView
{
	width: 100%;
	background-color: #f5f5f5;
	border: solid 0px black;
}

.DisplayGridView
{
	background-color: White;
	width:100%;
}

.GridViewHeader
{
	background-color: Black;
	color: White;
} 

.GridViewAltRow
{
	background-color: White;
}

 .GridViewRule
 {
	width: 100%;
	color:Black;
 }
 
 .GridViewLightRule
{
	color: #dcdcdc;
	border-bottom-width: thin;
	width: 100%;
	clear:both;
}

/*MONTH YEAR CONTROL*/

.PreviousMonth,.CurrentMonth,.NextMonth
{
	float:left;
	width:16px;
}

.CurrentMonth
{
	width: 608px;
	text-align:center;
}

.NextMonth
{
	float:right;
}


.ContextMenuPanel 
{
	border: 1px solid #868686;
	z-index: 1000;
	background: #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
}

.ContextMenuBreak
{
	margin:1px 1px 1px 32px;
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	
}

a.ContextMenuItem, a.ContextMenuItem-Selected
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 5px 4px 5px;
	white-space: nowrap;
	text-align: left;
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 4px 3px 4px;	
}

a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 4px 3px 4px;
}


/* Event Details View */
 
 #EventTitle
 {
	float:left;
	font-weight: bold;
	margin-bottom: 5px;
	width: 50%;
	font-size: 10pt;
 }
 
 #EventDate, #EventLocation
 {
	float:right;
	font-size: 8pt;
	text-align:right;
	white-space: nowrap;
 }
 
 #EventLocation
 {
	clear:both;
	white-space: nowrap;
 }
 
 #ShortText
 {
	clear: both;
	width: 100%;
	margin: 5px 2px 2px 2px;
 }
 
/* ADMIN */
 .LongText
 {
	width: 310px;
 }
 
 .MessageBox
{
	border: solid 1px #c0c0c0;
	background-color: #f5f5f5;
	font-weight:bold;
	width:100%;
	overflow:visible;
	position:relative;
	display:block;
	height: 18px;
}

.CalendarPopUp
{
	position:relative;
	display:inline;
	font-size: xx-large;
	border: solid 1px #c0c0c0;
	background-color: #e4ecff;
	z-index: 500;
}

/* CALENDAR */

.Calendar
{
	width: 100%;
	margin-top: 10px;
}

.CalendarDay
{
	text-align:left;
	border: white 1px solid;
	font-size: 6pt;
	background-color: #dcdcdc;
	height: 100px;
	vertical-align: top;
}

.CalendarDate
{
	font-size: 6pt;
	/*float: left;*/
	vertical-align: top;
	text-align: left;
/*	background-color: #dcdcdc;*/
}

.CalendarMO
{
	margin: 5pt;
	float: left;
	width: 10pt;
	height: 10pt;
	border: black 1px solid;
	cursor: pointer;
}

.CalendarOtherMonth
{
	font-size: 6pt;
	color: #c0c0c0;
	background-color: #c0c0c0;
	border: white 1px solid;
	vertical-align: top;
	text-align: left;
}

.CalendarDayContainer
{
	height: auto;
	width: 100%;
	vertical-align: top;
}

.CalendarDayView {
	/*background-color:#ffffdd;*/
	background-color:#e9e8df;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:10px;
	width:600px;
	height: 600px;
	/*height: auto;*/
	z-index: 199;
	/*overflow: auto;*/
}

.CalendarDayItem
{
	border: black 1px solid;
	cursor: pointer;
	background-color: #c0c0c0;
}

.CalendarDayItem:hover
{
	background-color:  #dddddd;
}

#CalendarDayItemSite
{
	display: none;
}

#CalendarDayItem:hover  #CalendarDayItemSite
{
	display: block;
	font-size: 8pt;
	padding: 2px;
	clear: none;
}

.CalendarDayView
{
	display: none;
	left: 540px;
	position: absolute;
	top: 450px;
	width: auto;
	height: auto;
	z-index: 1;
}

.CalendarDayView:hover
{
	display: block;
}
.CalendarDayViewTitle
{
	font-weight:bold;
	text-align:center;
	border-bottom: black thin solid;
	width: auto;
}

.CalendarDayViewSite
{
	padding-left: 4pt;
	font-size: 8pt;
}

.CalendarDayViewItem
{
	padding: 4px;
	white-space:nowrap;
	font-size: 10pt;
	width: auto;
	cursor: pointer;
}

.CalendarDayViewItem:hover
{
	background-color: Gray;
}