body{
	font-family: 'helvetica', 'Open Sans', arial;
}

.tooltips{
	position: absolute;
	right: -2.4em;
  top: 0.7em;
	width: 22px;
	height: 22px;
	background: url('../img/question-mark.png') no-repeat scroll 0 0;
}

.tooltips.magazaUrl {
	right: -3.2em;
  top: -0.2em;
	width: 22px;
	height: 22px;
}

.tooltips:hover .tooltipContent{
	visibility: visible;
}

.tooltipContent{
	border: 5px solid rgba(51,122,183,1);
	line-height: 1.3em;
	text-align: left;
	color: #000;
	width: 250px;
	visibility: hidden;
	position: absolute;
	top: -410%;
	left: 735%;
	margin-left: -150px;
	background: #D5DFE7;
	padding: 1px 6px 5px 10px;;
	z-index: 2;
}

.tooltipContent.dbm {
	top: -957%;
	left: 85%;
}

.tooltipContent.right-edge{
	left: -100px !important; /* has the upper hand compared the left side */
}

.tooltipContent.left-edge{
	left: 150px;
}