.tipso_bubble, .tipso_bubble>.tipso_arrow {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.tipso_bubble {
	position: absolute;
	text-align: center;
	border-radius: 6px;
	z-index: 9999;
	padding: 5px ;
	font:300 12px 'Open Sans', sans-serif;
	  color: #FFFFFF;
	  
	
}

.tipso_style {
	cursor: pointer;

}

.tipso_bubble>.tipso_arrow {
	position: absolute;
	width: 0;
	height: 0;
	border: 8px solid;
	pointer-events: none
}

.tipso_bubble.top>.tipso_arrow {
	border-color: #000 transparent transparent;
	top: 100%;
	left: 50%;
	margin-left: -8px
}

.tipso_bubble.bottom>.tipso_arrow {
	border-color: transparent transparent #000;
	bottom: 100%;
	left: 50%;
	margin-left: -8px
}

.tipso_bubble.left>.tipso_arrow {
	border-color: transparent transparent transparent #000;
	top: 50%;
	left: 100%;
	margin-top: -8px
}

.tipso_bubble.right>.tipso_arrow {
	border-color: transparent #000 transparent transparent;
	top: 50%;
	right: 100%;
	margin-top: -8px
}