/*
-------------------------------------------------------------

    jQuery Tooltips
    See jquery.tooltip.js for usage.

    DIV.tooltip-container
       DIV.tooltip-pointer
       DIV.tooltip-pointer-border
       <tooltip content>

    Created by @dylang

-------------------------------------------------------------
*/
.tooltip-container {
  z-index: 100000;
  border: 4px solid #cccccc;
  background: white;
  padding: 20px;
  position: absolute;
  width: 270px;
  font-size: 12px;
  line-height: 15px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  /* Tooltip content hacks */
  /* for tooltips with paragraphs in them */ }
  .tooltip-container .tooltip-pointer,
  .tooltip-container .tooltip-pointer-border {
    border-color: transparent;
    border-style: solid;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    position: absolute; }
  .tooltip-container .tooltip-pointer {
    border-width: 19px; }
  .tooltip-container .tooltip-pointer-border {
    border-width: 22px; }
  .tooltip-container p {
    margin-bottom: 10px; }
  .tooltip-container p:last-child {
    margin-bottom: 0; }

/* IE6 doesn't support border transparency,
   The chroma filter should make that color transparent */
.ie6 .tooltip-container .tooltip-pointer {
  border-color: pink;
  filter: chroma(color=pink); }
.ie6 .tooltip-container .tooltip-pointer-border {
  border-color: pink;
  filter: chroma(color=pink); }

/* Pointers */
/* Pointing down */
.tooltip-down .tooltip-pointer {
  border-top-color: white !important;
  bottom: -36px;
  left: 136px; }
.tooltip-down .tooltip-pointer-border {
  border-top-color: #cccccc !important;
  bottom: -45px;
  left: 133px; }

/* Pointing up */
.tooltip-up .tooltip-pointer {
  border-bottom-color: white !important;
  top: -36px;
  left: 136px; }
.tooltip-up .tooltip-pointer-border {
  border-bottom-color: #cccccc !important;
  top: -45px;
  left: 133px; }

/* Pointing Left */
.tooltip-left .tooltip-pointer {
  border-right-color: white !important;
  left: -36px; }
.tooltip-left .tooltip-pointer-border {
  border-right-color: #cccccc !important;
  left: -44px; }

/* Pointing Right */
.tooltip-right .tooltip-pointer {
  border-left-color: white !important;
  left: 306px; }
.tooltip-right .tooltip-pointer-border {
  border-left-color: #cccccc !important;
  left: 310px; }


/* Util */
.hide {
    display: none;
}