.tipsy {
  position: absolute;
  padding: 5px;
  z-index: 100000;
}

.tipsy-inner {
  background-color: #FFF;
  color: #000;
  max-width: 200px;
  padding: 24px 20px 24px 16px;
  position: relative;
  text-align: left;
}

/* Rounded corners */
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/* Uncomment for shadow */
.tipsy-inner { box-shadow: 0 0 3px #C7C8CC; -webkit-box-shadow: 0 0 3px #C7C8CC; -moz-box-shadow: 0 0 3px #C7C8CC; }

/*.tipsy-arrow {*/
  /*position: absolute;*/
  /*width: 0;*/
  /*height: 0;*/
  /*line-height: 0;*/
  /*border: 10px solid #C7C8CC;*/
  /*z-index: 1;*/
/*}*/

/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #fff; }
.tipsy-arrow-s { border-top-color: #fff; }
.tipsy-arrow-e { border-left-color: #fff; }
.tipsy-arrow-w { border-right-color: #fff; }

/*.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }*/
/*.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}*/
/*.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}*/
/*.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }*/
/*.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }*/
/*.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }*/
/*.tipsy-e .tipsy-arrow {*/
  /*right: -3px;*/
  /*top: 50%;*/
  /*margin-top: -7px;*/
  /*border-left-style: solid;*/
  /*border-right: none;*/
  /*border-top-color: transparent;*/
  /*border-bottom-color: transparent;*/
/*}*/

/*.tipsy-w .tipsy-arrow {*/
    /*left: -3px;*/
    /*top: 50%;*/
    /*margin-top: -7px;*/
    /*border-right-style: solid;*/
    /*border-left: none;*/
    /*border-top-color: transparent;*/
    /*border-bottom-color: transparent;*/
/*}*/

.tipsy-e .tipsy-inner:after,
.tipsy-e .tipsy-inner:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}

.tipsy-e .tipsy-inner:after {
    top: 49px;
    border-color: transparent transparent transparent #fff;
    border-width: 10px;
}

.tipsy-e .tipsy-inner:before {
    top: 48px;
    border-color: transparent transparent transparent #C7C8CC;
    border-width: 11px;
}

.tipsy-w .tipsy-inner:after,
.tipsy-w .tipsy-inner:before {
    content: '';
    display: block;
    position: absolute;
    right: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}

.tipsy-w .tipsy-inner:after {
    top: 49px;
    border-color: transparent #fff transparent transparent;
    border-width: 10px;
}

.tipsy-w .tipsy-inner:before {
    top: 48px;
    border-color: transparent #C7C8CC transparent transparent;
    border-width: 11px;
}