.tips-content {
  font: 13px/1.7 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #fff;
  font-weight: bold;
  text-shadow: 0px 1px #000;
  padding: 4px 11px;
  background: #2a2a2a;
}

.tips-container-bottom {
  display: none;
  position: absolute;
  margin-top: 13px;
  z-index: 1000;
  white-space: nowrap;
}

.tips-container-top {
  display: none;
  position: absolute;
  margin-top: 0px;
  z-index: 1000;
  white-space: nowrap;
}

.tips-caret-top, .tips-caret-bottom {
  position: relative;
	background: #2a2a2a;
}

.tips-caret-top:after {
	position: absolute;
	border: solid transparent;
	top: 100%;
	content: "";
	height: 0;
	width: 0;
  margin-top: 28px;
}

.tips-caret-top:after {
	border-top-color: #2a2a2a;
	border-width: 8px;
	left: 50%;
	margin-left: -8px;
}

.tips-caret-top:before {
	border-width: 9px;
	left: 50%;
	margin-left: -9px;
}

.tips-caret-bottom:after {
	position: absolute;
	border: solid transparent;
	bottom: 100%;
	content: "";
	height: 0;
	width: 0;
}

.tips-caret-bottom:after {
	border-bottom-color: #2a2a2a;
	border-width: 8px;
	left: 50%;
	margin-left: -8px;
}