/* Course Examples tool tip styles */
.tooltip{ /*displaying tooltip inline with element using relative positioning */
	display: inline;
	position: relative;
}
/*:hover selector which selects an element, on mouseover and the :after selector, which inserts content after the selected element */
.tooltip:hover:after{
	background: #333; /*For browsers not supporting rgba, dark grey */
	background: rgba(100,80,80,.8); /*Grey color with 80% opacity */
	border-radius: 5px; /*Rounded corners */
	bottom: 26px;
	color: #fff; /* Text color white */
	content: attr(data-title);/*load content from data-title */
	left: -40%; /*Left offset from element */
	padding: 5px 15px;
	position: absolute;
	z-index: 98;
	width: 140px;
}
/* Creating little arrow at bottom of tooltip */
.tooltip:hover:before{
	border: solid;
	border-color: #333 transparent;
	border-width: 6px 6px 0 6px;
	bottom: 20px;
	content: "";
	left: 50%;
	position: absolute;
	z-index: 99;
}
/*Formatting span element for class description */
.descriptions{
	display: inline;
	vertical-align: top;
	float: none;
	position: relative;
	background-color: #DAA520
}
#spnButtons{
	display: inline;
	vertical-align: top;
	float: right;
	/*position: relative;	*/
}