.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: 1999;
}
.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: 1200;
}
/* 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;
}
/*=======================================================================*/
/*=======================================================================*/
/*.sftipvten_container_bottom, .sftipvten_container_top,.sftipvten_container_left,.sftipvten_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:1999;
}
.sftipvten_container_bottom:after,.sftipvten_container_top:after,.sftipvten_container_left:after,.sftipvten_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:1200;
}*/
/* creates triangle */
/*.sftipvten_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;
	}

	.sftipvten_container_top.center:after {
		left:45%;
	}
	.sftipvten_container_bottom.center:after {
		left:45%;
	}*/
/*-----------------------------------------*/
/*.sftipvten_container_left {
	margin-left:50px;
}

	.sftipvten_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;
	}*/
/*-----------------------------------------*/
/*.sftipvten_container_right {
	margin-right:50px;
}
	.sftipvten_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;
	}

.sftipvten_content{
	float:left;
	width:auto;
	min-width:120px;
}*/
.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;
}