zhdk/madek

.tooltip
  position: absolute
  z-index: 1030
  display: block
  visibility: visible
  padding: 5px
  font-size: 11px
  opacity: 0
  filter: alpha(opacity = 0)

.tooltip.in
  opacity: 0.8
  filter: alpha(opacity = 80)

.tooltip.top
  margin-top: -3px

.tooltip.right
  margin-left: 3px

.tooltip.bottom
  margin-top: 3px

.tooltip.left
  margin-left: -3px

.tooltip-inner
  max-width: 200px
  padding: 3px 8px
  color: #ffffff
  text-align: center
  text-decoration: none
  background-color: #000000
  -webkit-border-radius: 4px
  -moz-border-radius: 4px
  border-radius: 4px

.tooltip-arrow
  position: absolute
  width: 0
  height: 0
  border-color: transparent
  border-style: solid

.tooltip.top .tooltip-arrow
  bottom: 0
  left: 50%
  margin-left: -5px
  border-width: 5px 5px 0
  border-top-color: #000000

.tooltip.right .tooltip-arrow
  top: 50%
  left: 0
  margin-top: -5px
  border-width: 5px 5px 5px 0
  border-right-color: #000000

.tooltip.left .tooltip-arrow
  top: 50%
  right: 0
  margin-top: -5px
  border-width: 5px 0 5px 5px
  border-left-color: #000000

.tooltip.bottom .tooltip-arrow
  top: 0
  left: 50%
  margin-left: -5px
  border-width: 0 5px 5px
  border-bottom-color: #000000