#tiptip_holder { display: none; position: absolute; top: 0px; left: 0px; z-index: 99999; }
#tiptip_holder.tip_top { padding-bottom: 5px; }
#tiptip_holder.tip_bottom { padding-top: 5px; }
#tiptip_holder.tip_right { padding-left: 5px; }
#tiptip_holder.tip_left { padding-right: 5px; }
#tiptip_content { font-size: 11px; color: rgb(255, 255, 255); text-shadow: 0px 0px 2px rgb(0, 0, 0); padding: 4px 8px; border: 1px solid rgba(255, 255, 255, 0.25); background-color: rgba(25, 25, 25, 0.92); background-image: linear-gradient(to bottom, transparent 0%, rgb(0, 0, 0) 100%); border-radius: 3px; box-shadow: 0px 0px 3px rgb(85, 85, 85); }
#tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0px; width: 0px; }
#tiptip_holder.tip_top #tiptip_arrow { border-top-color: rgba(255, 255, 255, 0.35); }
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: rgba(255, 255, 255, 0.35); }
#tiptip_holder.tip_right #tiptip_arrow { border-right-color: rgba(255, 255, 255, 0.35); }
#tiptip_holder.tip_left #tiptip_arrow { border-left-color: rgba(255, 255, 255, 0.35); }
#tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgba(25, 25, 25, 0.92); }
#tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgba(25, 25, 25, 0.92); }
#tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgba(25, 25, 25, 0.92); }
#tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgba(25, 25, 25, 0.92); }
@media not all {
  #tiptip_content { padding: 4px 8px 5px; background-color: rgba(45, 45, 45, 0.88); }
  #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45, 45, 45, 0.88); }
  #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20, 20, 20, 0.92); }
}