/* events list */

/**************************************************************************************
/* update the following classes to change the appearance of the events list drop-in 
/* application and page
/*************************************************************************************/

/* this is the class used on the outside container element for the events list */
/* html example: <div class="EventsList_Wrapper"> */
/* this element is used to avoid the broken box model object in ie6 */
.EventsList_Wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* this is the class used on the inside container element for the events list sitecm page content */
/* html example: <div class="EventsList_Wrapper"><div class="EventsList"> */
.EventsList {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* this is the class used on the inside container element for the events list month and year select boxes */
/* html example: <div class="MonthYear"> */
.EventsList .MonthYear {
	padding-bottom: 20px;
}

/* this is the class used on the inside container element for the events list month select box */
/* html example: <div class="Month"> */
.EventsList .Month {}

/* this is the events list month select box */
/* html example: <div class="Month"><select> */
.EventsList .Month select {}

/* this is the class used on the inside container element for the events list year select box */
/* html example: <div class="Year"> */
.EventsList .Year {}

/* this is the events list year select box */
/* html example: <div class="Year"><select> */
.EventsList .Month select {}

/* this is the class used on the inside container element for the events list events */
/* html example: <div class="Events"> */
.EventsList .Events {
	border-top: solid 1px #999;
	border-bottom: solid 4px #999;
}

/* this is the class used on the container element for each row (and alternaterow) */
/* html example: <div class="Row"> */
/* each row contains .RequiredStar, .Label, .Value and .Spacer */
.EventsList .Row {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

/* this is the class used for changing the formatting of .Row for each alternating row */
/* html example: <div class="Row AlternateRow"> */
/* overrides .Row */
.EventsList .AlternateRow {}

/* these classes are used for customizing individuals events list dates */
/* html example: <div class="Row Row1"> */
/* row number starts at 1  */
.EventsList .Row1 {}

/* this is the class used on the container element for the event date */
/* html example: <div class="EventDate">...</div> */
.EventsList .EventDate {
	border-top: solid 3px #ccc;
	border-bottom: solid 1px #999;
	padding: 10px 0 5px 0;
	font-weight: bold;
	font-size: medium;
	color: #6788BE;
}

/* this is the class used on the container element for the event dates weekday */
/* html example: <span class="Weekday">...</span> */
.EventsList .Weekday {}

/* this is the class used on the container element for the event dates month */
/* html example: <span class="Month">...</span> */
.EventsList .Month {}

/* this is the class used on the container element for the event dates day */
/* html example: <span class="Day">...</span> */
.EventsList .Day {}

/* this is the class used on the container element for the event dates year */
/* html example: <span class="Year">...</span> */
.EventsList .Year {}

/* this is the class used on the container element for each row (and alternaterow) */
/* html example: <div class="SubRow"> */
/* each row contains .Label, .Value and .Spacer for .EventName, .EventAddress and .EventDirections  */
.EventsList .SubRow {
	display: block;
	width: 100%;
	margin: 0;
	padding: 2px 0;
	border-top: dashed 1px #ccc;
}

/* this is the class used for changing the formatting of .Row for each alternating row */
/* html example: <div class="SubRow AlternateSubRow"> */
/* overrides .Row */
.EventsList .AlternateSubRow {}

/* this is the class used on the container element for the event name */
/* html example: <div class="EventName">...</div> */
.EventsList .EventName {}

/* this is the class used on the container element for the event address */
/* html example: <div class="EventAddress">...</div> */
.EventsList .EventAddress {}

/* this is the class used on the container element for the event directions */
/* html example: <div class="EventDirections">...</div> */
.EventsList .EventDirections {}

/* this is the class used on the container element for the label */
/* html example: <label class="Label">EventsList Date/Time</label> */
.EventsList .Label {
	display: block;
	float: left;
	width: 25%;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

/* this is the class used on the container element for the value */
/* html example: <span class="Value">...</span> */
.EventsList .Value {
	display: block;
	float: left;
	width: 72%;
	margin: 0;
	padding: 0;
}

/* this is the class used on the spacer element that exists after each answer */
/* html example: <div class="Spacer"><img src="/images/shim.gif" width="1" height="1" border="0" alt="" /></div> */
.EventsList .Spacer {
	float: none;
	clear: both;
}

/* these classes are used for customizing individual event details */
/* html example: <div class="SubRow SubRow1"> */
/* row number starts at 1  */
.EventsList .SubRow1 {
	border-top: none;
}


.EventWindow td { padding: 0; margin: 0; line-height: normal; }