/* TipTip CSS - Version 1.2 */

.tiptip {cursor: pointer;}

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: -2px;
	z-index: 250;
	webkit-transition:  0s ease-out;
	-moz-transition:  0s ease-out;
  	-ms-transition:  0s ease-out;
  	-o-transition:  0s ease-out;
  	transition:  0s ease-out;  
	text-align: center;
}

#tiptip_holder.tip_top {padding-bottom: 5px;}
#tiptip_holder.tip_bottom {padding-top: 5px;}
#tiptip_holder.tip_right {padding-left: 5px;}
#tiptip_holder.tip_left {padding-right: 5px;}

#tiptip_content {
	font-family: 'sfprodisplay-regular';
	font-size: 15px;
	letter-spacing: 0em;
	line-height: 22px;
	height:auto;
	color: #fff;
	text-shadow: 0 0 0px #000;
	padding: 7px 16px 10px 16px;
	border: 0px solid #444;
	min-width:50px;
	background:rgba(31,42,55,1);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow:0px 0px 10px rgba(0,0,0,.2);
	-webkit-box-shadow: 0px 2px 12px rgba(0,0,0,.2);
	-moz-box-shadow:0px 2px 12px rgba(0,0,0,.2);
	text-shadow:0px 0px 10px rgba(0,0,0,0);
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 7px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {border-top-color: rgba(31,42,55,1);}
#tiptip_holder.tip_bottom #tiptip_arrow {border-bottom-color: rgba(31,42,55,1);}
#tiptip_holder.tip_right #tiptip_arrow {border-right-color: rgba(31,42,55,1);}
#tiptip_holder.tip_left #tiptip_arrow {border-left-color: rgba(31,42,55,1);}

/*top tip*/
#tiptip_holder.tip_top #tiptip_arrow_inner,
#tiptip_holder.tip_top #tiptip_arrow { /*added*/
	margin-top: -7px;
	margin-left: -6px;
	border-top-color:rgba(31,42,55,1);
	border-bottom-width: 0px; /*added*/
}
/*bottom tip*/
#tiptip_holder.tip_bottom #tiptip_arrow_inner,
#tiptip_holder.tip_bottom #tiptip_arrow { /*added*/
	/*margin-top: -5px;*/
	margin-top: 6px;
	margin-left: -6px;
	border-bottom-color:rgba(31,42,55,1);
	border-top-width: 0px; /*added*/
}
/*right tip*/
#tiptip_holder.tip_right #tiptip_arrow_inner,
#tiptip_holder.tip_right #tiptip_arrow { /*added*/
	margin-top: -8px;
	/*margin-left: -5px;*/
	margin-left: 5px;
	border-right-color:rgba(31,42,55,1);
	border-left-width: 0px; /*added*/
}
/*left tip*/
#tiptip_holder.tip_left #tiptip_arrow_inner,
#tiptip_holder.tip_left #tiptip_arrow { /*added*/
	margin-top: -8px;
	margin-left: -7px;
	border-left-color:rgba(31,42,55,1);
	border-right-width: 0px; /*added*/
}

/*added*/
#tiptip_holder.tip_top #tiptip_arrow,
#tiptip_holder.tip_right #tiptip_arrow,
#tiptip_holder.tip_bottom #tiptip_arrow,
#tiptip_holder.tip_left #tiptip_arrow 
{border-color:transparent;}

/*corner tips*/ /*added*/
#tiptip_holder.tip_left_top #tiptip_arrow,
#tiptip_holder.tip_right_top #tiptip_arrow,
#tiptip_holder.tip_left_bottom #tiptip_arrow,
#tiptip_holder.tip_right_bottom #tiptip_arrow
{display:none;}