.hovertext, .hovercheck {
	position: relative;
}
span.hovertext:hover {
	text-decoration: underline;
	cursor: pointer;
}

.hovertext:before {
	content: attr(data-hover) "\a" attr(data-hover-mesa) "\a" attr(data-hover-college);
	visibility: hidden;
	opacity: 0;
	width: 100%;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	padding: 5px;
	transition: opacity .5s ease-in;

	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 110%;
	text-transform: capitalize;
}

.hovertext:hover:before {
	opacity: .95;
	visibility: visible;
	width: 200px;
}
.course-descriptor {
	text-decoration: underline;
	font-weight: 600;
}

.hovercheck label:before {
	content: attr(data-check);
	visibility: hidden;
	opacity: 0;
	width: 100%;
	background-color: #ddd;
	color: #000;
	text-align: center;
	border-radius: 5px;
	padding: 5px;
	transition: opacity .25s ease-in;

	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 110%;
	text-transform: capitalize;
}
.hovercheck label:hover:before {
	opacity: .95;
	visibility: visible;
	width: 85px;
}