/********************************************** Overall Calendar ****************************************/

.EventCalendar
{
	/* Wraps the entire calendar */
	width:1000px;
}

.EventCalendarHeader
{
	
	/* Wraps the dropdowns and search fields above the calendar */
}

.Calendar_Type
{
	float:left;
	clear:both;
}

.Calendar_Venue
{
	clear:both;
	float:none;
}
.Calendar_Search
{
	/* Wraps the search field */
	float:right;
}


.EventCalendarHeader_SearchLabel
{
	color:Gray;
	
     font-family:Arial;
     font-size:12px;
     font-weight:normal;
     text-align:right;		
     width:150px;
}
.EventCalendarHeader_SearchText
{
	color:Black;
	
     font-family:Arial;
     font-size:12px;
     font-weight:normal;
     text-align:left;		
     width:200px;	
}
.EventCalendarHeader_SearchButton
{	
}


.EventCalendarHeader_TypeText
{
	/* Wraps the text in front of the dropdown */
	color:Gray;
     font-family:Arial;
     font-size:12px;
     font-weight:normal;
     text-align:right;		
     width:150px;
     float:left;
}

.EventCalendarHeader_TypeTextHidden
{
	/* Wraps the text in front of the dropdown */
	color:Gray;
     font-family:Arial;
     font-size:12px;
     font-weight:normal;
     text-align:right;		
     width:0px;
     float:none;
}


.Calendar_CalendarTypeDropdown
{
	/* Wraps the CalendarType */
	float:left;
}

.EventCalendarHeader_VenueText
{
	/* Wraps the text in front of the dropdown */
	color:Gray;
     font-family:Arial;
     font-size:12px;
     font-weight:normal;
     text-align:right;		
     width:150px;
     float:left;
}

.EventCalendarHeader_VenueTextHidden
{
	/* Wraps the text in front of the dropdown */
	color:Gray;
     font-family:Arial;
     font-size:12px;
     font-weight:normal;
     text-align:right;		
     width:0px;
     float:left;
}


.Calendar_VenueDropdown
{
	/* Wraps the Venue dropdown */
	float:left;
}

.EventCalendarBody
{
	/* Wraps the Calendar table */
	clear: both;
}




/********************************************** Month Calendar ****************************************/

.MonthCalendar
{
	/* table class of the monthly calendar table */
	 /*border-color:White; */
	 background-color:White;
	 width:1000px;
}

table.MonthCalendar 
{
	 border-color:White;
	 border-spacing:2px;
	 border-style:none ;
}

table.MonthCalendar tr
{
	 border-color:White;
	 border-spacing:2px;
	 border-style:none ;
}

table.MonthCalendar td
{
	 border-color:White;
	 border-spacing:2px;
	 border-style:none ;
	 width:14%;
}



.MonthCalendar_Header
{
	/* Wraps the calendar header (previous month, month text, next month ) */
     
}

.MonthCalendar_HeaderDateText
{
	/* wraps the month/year header text */
	color:Gray;
	float:left;
     font-family:Arial;
     font-size:18px;
     font-weight:700;
     text-align:center;	
}

.MonthCalendar_PreviousLink a
{
	/* wraps the image used to link to the previous month */
	background-image: url(/Portals/_default/Skins/den_artscomplex/images/small-arrow-left.jpg);
	background-position:center; 
	background-repeat:no-repeat; 
	float:left;
	width:15px;	
}
.MonthCalendar_PreviousLink a span
{
	visibility:hidden;
}

.MonthCalendar_NextLink
{
	/* wraps the image used to link to the next month */
	background-image: url(/Portals/_default/Skins/den_artscomplex/images/small-arrow-right.jpg);
	background-position: center; 
	background-repeat:no-repeat; 
	float:left; 
	width:15px; 
}
.MonthCalendar_NextLink a span
{
	visibility:hidden;
}

.MonthCalendar_DaysHeader
{
	/* tr class for displaying days of week */
	text-align:center;
	color:Black;
	background-color:White;
}

.MonthCalendar_BlankDay
{
	/* td class for calendar cell not in the current month. Probably just blank the cell. */
	background-color:#999999;
	vertical-align:top;
}

.MonthCalendar_CurrentDay
{
	/* td class for current day's calendar cell. This will have events. */
	background-color:#D06D07;
	vertical-align:top;
}

.MonthCalendar_PastDay
{
	/* td class for calendar cell earlier in the current month. Date shows, but events don't. */
	background-color:#999999;
	vertical-align:top;
}

.MonthCalendar_FutureDay
{
	/* td class for calendar cell later in the current month.  This will have events. */	
	background-color:#CCCCCC;
	vertical-align:top;
}


.MonthCalendar_CellDate
{
	/* Wraps the date within the calendar cell */
	font-family:Bodoni MT;
	font-size:100%;
	font-weight:bold;
	color:White;
	padding-right:2px;
	float:right;
}

.MonthCalendar_EventList
{
	/* Wraps the list of events in a calendar cell so we can scroll. */
	height: 100px;	 
	width:100px;
	overflow:auto; 

position: relative;
/* margin: 0.3em auto; */
padding: 1px;

}

.MonthCalendar_EventListTime
{
	/* Wraps the event time in a calendar cell. */
	font-family:Arial;
	font-size: 70%;
	color:Gray;	
	position: relative; 
}

.MonthCalendar_EventListEvent
{
	/* Wraps the event name in a calendar cell. */
	font-family:Arial;
	font-size: 70%;
	color:Black;	
	position: relative; 
}

.MonthCalendar_EventListVenue
{
	/* Wraps the event venue in a calendar cell. */
	font-family:Arial;
	font-size: 55%;
	color:Navy;
	position: relative; 
}



/********************************************** Small Month Calendar ****************************************/
/********************************************** Small Month Calendar ****************************************/


table.SmallMonthCalendar
{
	/* Class of the small month calendar table */
	border-style:none;
}


.SmallMonthCalendar_HeaderTR
{
	/* class of TR containing SmallMonthCalendar_Header */
	height:10px;
}

.SmallMonthCalendar_Header
{
	 background-color:ActiveBorder ;
	 
}

.SmallMonthCalendar_HeaderDateText
{
/*	font-family:Broadway; */
/*	font-size:60%; */
	float:left;
}

.SmallMonthCalendar_PreviousLink a
{
	background-image: url(/Portals/0/priormonth.gif);
	background-position:center; 
	background-repeat:no-repeat; 
	float:left;
	width:15px;	
}

.SmallMonthCalendar_PreviousLink a span
{
	visibility:hidden;
}

.SmallMonthCalendar_NextLink
{
/*	background-image: url(/Portals/0/nextmonth.gif); */
	background-position: center; 
	background-repeat:no-repeat; 
	float:left; 
	width:15px; 
}

.SmallMonthCalendar_NextLink a span
{
	visibility:hidden;
}


.SmallMonthCalendar_CellDate
{
}

.SmallMonthCalendar_BlankDay
{
	background-color:Black;
}

.SmallMonthCalendar_PastDay
{
	background-color:Gray;

}

.SmallMonthCalendar_CurrentDayEvent
{
	background-color:Orange;
}

.SmallMonthCalendar_CurrentDayNoEvent
{
	background-color:Yellow;
}

.SmallMonthCalendar_FutureDayEvent
{
	background-color:Orange;
}

.SmallMonthCalendar_FutureDayNoEvent
{
	background-color:Olive;
}





/********************************************** Day Calendar ****************************************/
.DayCalendar
{
	/* table class of day calendar */
	background-color:#333333;
}

.DayCalendar_Header
{
	/* div wrapping day calendar header (previous/next month links and date) */
	width:100%;
	height:21px;
	background-color:#FAAC47;

}

.DayCalendar_HeaderDateText
{
	/* div wrapping header's date text */
	font-family:Veranda;
	font-size:1.1em;
	float:left;
}

.DayCalendar_PreviousLink a
{
	/* div wrapping previous link */
	background-image: url(/Portals/_default/Skins/den_artscomplex/images/small-arrow-left.jpg);
	background-position:center; 
	background-repeat:no-repeat; 
	float:left;
	width:15px;
	float:left;	
}
.DayCalendar_PreviousLink a span
{
	visibility:hidden;
}

.DayCalendar_NextLink a
{
	/* div wrapping previous link */
	background-image: url(/Portals/_default/Skins/den_artscomplex/images/small-arrow-right.jpg);
	background-position:center; 
	background-repeat:no-repeat; 
	float:left;
	width:15px;	
	float:left;
}
.DayCalendar_NextLink a span
{
	visibility:hidden;
}

.DayCalendar_EventListPast
{
	/* Event List for past date (no events are listed) */
	background-color:Gray;
}

.DayCalendar_EventListEmpty
{
	/* Empty event list */
}

.DayCalendar_EventListTime
{
	/* div wrapping an event time */
	color: #ccc;
	font-family:veranda;
	font-size:.9em;
	font-weight:bold;
	width:200px;
	text-align:left;
	float:left;
}

.DayCalendar_EventListEvent
{
	/* div wrapping an event description */	
	color: #FAAC47;
	text-transform: uppercase;
	font-family:Veranda;
	font-size:1.1em;
	font-weight:bold;
	float:left;
}

.DayCalendar_EventListVenue
{
	/* div wrapping an event's venue */
	color: #ccc;
	font-family:Veranda;
	float:left;
}



/********************************************** Week Calendar ****************************************/
.WeekCalendar
{
	/* table class of day calendar */	
}

.WeekCalendar_Header
{
	/* div wrapping week calendar header (previous/next week links and date) */
	background-color:ThreeDFace;
}

.WeekCalendar_PreviousLink
{
	/* div wrapping previous link */
	background-image: url(/Portals/_default/Skins/den_artscomplex/images/small-arrow-left.jpg);
	background-position:center; 
	background-repeat:no-repeat; 
	float:left;
	width:15px;
	float:left;	
}
.WeekCalendar_PreviousLink a span
{
	visibility:hidden;
}

.WeekCalendar_HeaderDateText
{
	/* div wrapping header's date text */
	float:left;
	font-family:Arial;
	font-size:1em;
}

.WeekCalendar_NextLink
{
	/* div wrapping next link */
	background-image: url(/Portals/_default/Skins/den_artscomplex/images/small-arrow-right.jpg);
	background-position:center; 
	background-repeat:no-repeat; 
	float:left;
	width:15px;
	float:left;	
}
.WeekCalendar_NextLink a span
{
	visibility:hidden;
}


.WeekCalendar_DateCellTD
{
}


.WeekCalendar_DateCell 
{
	/* td containing the day's date */
	vertical-align:top;
}

.WeekCalendar_DayText
{
	/* Div wrapping week calendars day text (Monday, Tuesday,...) */	
	vertical-align:top; 
	text-align:center;
	font-family:Arial;
	font-size:1.1em;
	color:White;
	background-color:#CCCCCC;
	float:none;
}

.WeekCalendar_DateText
{
	/* Div wrapping week calendars date text (1/1/2009) */	
	vertical-align:top;
	text-align:center;
	font-family:Arial;
	font-size:.8em;
	color:Black;
	background-color:#CCCCCC;	
	float:none;
}

.WeekCalendar_EventCell 
{
	/* td containing the date's event list */
	vertical-align:top;
}

.WeekCalendar_EventListCurrent
{
	/* Event list for today */	
	background-color:#D06D07;
	height:75px;
	/* overflow-y:auto; */
}

.WeekCalendar_EventListFuture
{
	/* Event list for future date */	
	background-color:#CCCCCC;
	height:75px;
	/* overflow-y:auto; */
}

.WeekCalendar_EventListPast
{
	/* Event List for past date (no events are listed) */	
	background-color:#999999;
	height:75px;
}

.WeekCalendar_EventListEmpty
{
	/* Empty event list for future date (no events are listed) */	
	background-color:#999999;
	height:75px;
}

.WeekCalendar_EventListTime
{
	/* div wrapping an event time */
	float:left;
	width:150px;
}

.WeekCalendar_EventListEvent
{
	/* div wrapping an event description */
	float:none;
}

.WeekCalendar_EventListVenue
{
	/* div wrapping an event venue name */
	float:inherit;
	padding-left:150px;
}





/********************************************** List Calendar ****************************************/
.ListCalendar
{
	/* table class of list */	
	clear:both;
}

.ListCalendar_Header
{
	/* div wrapping list header */
	background-color:ThreeDFace;
}

.ListCalendar_HeaderText
{
	/* div wrapping date text */
}

.ListCalendar_EventList
{
	/* div wrapping list of events */
	width:600px;
	overflow-y:scroll; 
	height:600px;
	background-color:#999999;
}

.ListCalendar_EventListEmpty
{
	/* div wrapping empty list of events */	
	background-color:#CCCCCC;
}

.ListCalendar_EventListItem
{
/* djb 11/18/2009 */
	/* div wrapping an event */
	float:none;
/*	clear:both */
}

.ListCalendar_EventListDate
{
	/* div wrapping an event date */
	clear: both; /* djb 2/2/10 */
	font-family: Arial;
	font-size:1.1em;
	width: 75px;
	float:left;
}

.ListCalendar_EventListTime
{
	/* div wrapping an event time */
	font-family: Arial;
	font-size:.9em;
	font-weight:bold;
	width: 150px;
	float:left;
}

.ListCalendar_EventListEvent
{
	/* div wrapping an event event name */
	font-family: Arial;
	font-size:1.1em;
	font-weight:bold;
 	float:none; 
/*	float:left; */
}

.ListCalendar_EventListVenue
{
	/* div wrapping an event venue name */
	font-family: Arial;
	font-size:.8em;
	padding-left:225px;
	float:inherit;
}


.vscrollerbase {left: 0 !important;}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 7px;
background-image:url(/images/MonthCalendar_EventScrollBackground.gif); 
}
.vscrollerbar {
width: 7px;
background-color: black;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}
/*
.vscrollerbarbeg {
height: 120px;
}
*/
/*

.hscrollerbase {
top: 0px;
}
.scrollwrapper {
overflow: hidden;
}
*/