.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clear {
	clear: both;
}

.participantName {
	width: 550px;
}

.attendanceImageContainer {
	width: 30px;
}

.pointer {
	cursor: pointer;
}

.label {
	padding: 2px;
	width: 100px;
}

.value {
	padding: 2px;
	width: 300px;
}

.serialBlock {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	border-bottom: 1px solid gray;
	background-color: #CCCCCC;
	cursor: pointer;
}

.scheduleBlock {
	padding-left: 10px;
	border-bottom: 1px solid gray;
	background-color: #E0E1E1;
}

.scheduleElement {
	padding-top: 7px;
	padding-left: 10px;
	padding-bottom: 5px;
}

.scheduleContainer {
	display: none;
}

.participantBlock {
	padding-top: 4px;
	padding-left: 60px;
	padding-bottom: 5px;
	border-bottom: 1px solid gray;
	background-color: #EBEDED;
}

.participantContainer {
	display: none;
}

.arrow {
	height: 20px;
   	width: 20px;
	margin-bottom: -5px;
}

.dateFilter {
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.dateFieldElement {
	display: inline-block; 
	width: 130px; 
	vertical-align: middle;
}

.checkboxElement {
	vertical-align: middle;
}


.dateField {
	width: 70px;
}

.emptyList {
	margin-top: 30px;
	text-align: center;
}

.attendanceForm {
	border-bottom: 1px solid lightgray;
}