/* CSS for registeration elemts*/

#scheduledEvents table {
	width:90%;
	margin-left:1em;
	text-align:left;
}
#scheduledEvents .scheduledEventRow {
	border-bottom:solid #CCC 2px;
}
#scheduledEvents span {
	font-size:80%;
}
#scheduledEvents .scheduledClasses {
	width:90%;
	margin-left:1em;
	text-align:left;
	display:none;
	margin-top:1em;
	margin-bottom:1em;
	border:solid #CCC 1px;
	font-size:90%;
	color:#333333;
}
#scheduledEvents .scheduledClasses td{
	border:solid #CCC 1px;	
}
#scheduledEvents .scheduledClasses th {
	font-weight:bold;
	border-bottom:solid #CCC 1px;
	font-size:90%;
	padding-left:2em;
}
#scheduledEvents .scheduledClassRow {
	background:#F8F8F8;
}
#scheduledEvents .scheduledClassTime {
	width:20%;
	text-align:center;
}

#eventReport {
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
#eventReport .eventHeader {
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	border-bottom:solid #333333 2px;
}
#eventReport .eventSummary {
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	
	border-collapse:collapse;
}
#eventReport .eventSummary th {
	text-align:center;
	background:skyblue;
	color:black;
	padding:5px;
	border-bottom:solid #CCC 1px;
}
#eventReport .eventFooter th {
	text-align:right;
	background:white;
	color:black;
	padding:5px;
	border-bottom:solid #CCC 1px;
}
#eventReport .eventFooter .eventTotal {
	text-align:center;
	border-left:dashed #CCC 1px;
}
#eventReport .eventClass {
	color:black;
}
#eventReport .eventSummary .registrantCount {
	width:10%;
	text-align:center;
	border-left:dashed #CCC 1px;
}
#eventReport .eventSummary tr {
	border-bottom:dashed #CCC 1px;
}
#eventReport .eventSummary td {
	padding:5px;
}