/* Tooltip container */
	.tooltip {
		position: relative;
		display: block;
		/*border: 1px solid black;*/ /* If you want dots under the hoverable text */
	}

/* Tooltip text */
	.tooltip .tooltiptext {
		visibility: hidden;
		width: 65%;
		background-color: #fcfbd4;
		color: black;
		text-align: left;
		padding: 10px 10px 10px 10px;
		border-radius: 6px;
		border: 1px solid #3aaaf0;
		/* Position the tooltip text - see examples below! */
		position: absolute;
		z-index: 1;	
	}

/* Show the tooltip text when you mouse over the tooltip container */
	.tooltip:hover .tooltiptext {
		visibility: visible;
	}
	
/* Bottom Tooltip */
	.tooltip .tooltiptext {
		width: 65%;
		top: 25px;
		left: 90px;
		margin-left: -60px;
}