.sftip_container_bottom, .sftip_container_top,.sftip_container_left,.sftip_container_right {
	position: absolute;
	padding: 5px 10px;
	margin: 1em 0 3em;
	color: #fff;
	background: #4888C8; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: auto;
	overflow: visible;	
	text-align: center;
	box-shadow: 0 0 5px 5px rgba(100, 100, 100, 0.1);
	z-index:9999;
}

    .sftip_container_bottom:after,.sftip_container_top:after,.sftip_container_left:after,.sftip_container_right:after {
	content: "";
	position: absolute;
	bottom: -6px; /* value = - border-top-width - border-bottom-width */
	left: 20px; /* controls horizontal position */
	border-width: 7px 7px 0; /* vary these values to change the angle of the vertex */
	border-style: solid;
	border-color: #4888C8 transparent;
	/* reduce the damage in FF3.0 */
	display: block;
	width: 0;
	z-index:9999;
}

/* creates triangle */
	.sftip_container_bottom:after {
		top: -6px; /* value = - border-top-width - border-bottom-width */
		bottom: auto;
		left: auto;
		border-width: 0 7px 7px; /* vary these values to change the angle of the vertex */
		border-color: #4888C8 transparent;
	}

	.sftip_container_top.center:after {
		left:45%;
	}
	.sftip_container_bottom.center:after {
		left:45%;
	}
/*-----------------------------------------*/
.sftip_container_left {
	margin-left:50px;
}

	.sftip_container_left:after {
		top: 7px; /* controls vertical position */
		right: -10px; /* value = - border-left-width - border-right-width */
		bottom: auto;
		left: auto;
		border-width: 5px 0 5px 15px;
		border-color: transparent #4888C8;
	}

/*-----------------------------------------*/
.sftip_container_right {
	margin-right:50px;
}
	.sftip_container_right:after {
		top: 16px; /* controls vertical position */
		left: -50px; /* value = - border-left-width - border-right-width */
		bottom: auto;
		border-width: 10px 50px 10px 0;
		border-color: transparent #4888C8;
	}

.sftip_content{
	float:left;
	width:auto;
	min-width:120px;
}

    .sftip_content span{
        font-weight: bold !important;
        color: #ffd800 !important;
    }

/*=======================================================================*/
/*=======================================================================*/

.sftipvten_container_bottom, .sftipvten_container_top,.sftipvten_container_left,.sftipvten_container_right {
	position: absolute;
	padding: 5px 10px;
	margin: 1em 0 3em;
	color: #fff;
	background: #333439; 
	width: auto;
	overflow: visible;	
	text-align: left;
	box-shadow: 0 0 2px 2px rgba(100, 100, 100, 0.1);
	z-index:9999;
	border-left:5px solid #00B200;
}

.sftipvten_content{
	/*float:left;*/
	width:auto;
	min-width:120px;
	position:relative;
}