.tipsy { padding: 5px; font-size: 12px; position: absolute; z-index: 100000; margin-top: 7px;}
  .tipsy-inner { padding: 5px 8px 4px 8px; color: #4b5360; max-width: 200px; text-align: center; background: url(../img/tooltip-bg.png) repeat-x; background-color: rgba(255,255,255,0.9); text-shadow: 0px 1px 0px white; font-weight: 700; border: 1px solid rgba(1,2,2,.2);
-moz-box-shadow: 0 1px 2px rgba(57,62,72,.12), 0 0 5px rgba(0,0,0,.04), inset 0 -3px 3px rgba(255,255,255,.56);
-webkit-box-shadow: 0 1px 2px rgba(57,62,72,.12), 0 0 5px rgba(0,0,0,.04), inset 0 -3px 3px rgba(255,255,255,.56);
box-shadow: 0 1px 2px rgba(57,62,72,.12), 0 0 5px rgba(0,0,0,.04),inset 0 -3px 3px rgba(255,255,255,.56); 
background-clip: padding-box;
  }
  .tipsy-inner { border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; height: 16px; line-height: 16px;}
  .tipsy-arrow { position: absolute; background: transparent url('../img/tooltip-arrow.png') center center no-repeat; width: 20px; height: 8px; margin-top: -1px; margin-left: -10px !important;}
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }