.helptip {
	cursor:pointer;
	font-size:11px;
	font-style:italic;
	line-height:16px;
	margin-left:20px;
	position:relative;
}

.helptip:before {
	background:#fff;
	border:2px solid #1b3249;
	border-radius:50%;
	content:'?';
	font-size:10px;font-style:normal;
	font-weight:800;
	height:16px;
	left:-20px;
	line-height:12px;
	position:absolute;
	text-align:center;
	width:16px;
}

.helptip-content {
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f6f6));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
	border:1px solid #a1a1a1;
	border-radius:5px;
	box-shadow:0 0 3px rgba(0,0,0,0.35);
	bottom:0;
	font-style:normal;
	margin-left:-9999px;
	max-width:320px;
	min-width:290px;
	opacity:0;
	padding:10px 18px 0;
	position:absolute;
	-moz-transition:opacity 0.4s linear 0s,top 0.2s linear 0s;
	-webkit-transition:opacity 0.2s linear 0s,top 0.2s linear 0s;
	z-index:1050;
}

.helptip-content:after,
.helptip-content:before {
	border:solid transparent;
	content:" ";
	height:0;
	left:25px;
	position:absolute;
	pointer-events: none;
	top:100%;
	width:0;
}

.helptip-content:after {
	border-color:rgba(255, 255, 255, 0);
	border-top-color:#f6f6f6;
	border-width:10px;
	margin-left:-10px;
}

.helptip-content:before {
	border-color:rgba(161, 161, 161, 0);
	border-top-color:#a1a1a1;
	border-width:11px;
	margin-left:-11px;
}


.helptip:hover > .helptip-content {
	margin:0 0 12px -38px;
	opacity:1;
	bottom:100%;
}