.psu-online-courses-table td, .psu-online-courses-table th {
	font-size: 0.9em;	
	padding: 5px;
}

ul.psu-online-courses-table-course-block {
	margin: 0px 2px;
}

.psu-online-courses-table-course-block li {
	list-style: none;
	margin: 0.1em;
}

.psu-online-courses-table-course-title {
	font-weight: bold;
}

.tooltip {
	border-bottom: 1px dotted #0077AA;
	cursor: help;
	}

.tooltip::after {
	background: rgba(0, 0, 0, 0.8);
	border-radius: 8px 8px 8px 0px;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	color: #FFF;
	content: attr(data-tooltip); /* The main part of the code, determining the content of the pop-up prompt */
	margin-top: -24px;
	opacity: 0; /* Our element is transparent... */
	padding: 3px 7px;
	position: absolute;
	visibility: hidden; /* ...and hidden. */
	transition: all 0.4s ease-in-out; /* To add some smoothness */
}

.tooltip:hover::after {
	opacity: 1; /* Make it visible */
	visibility: visible;
}