.tip-trigger{position:relative}.tip-trigger span.pan-trigger{display:none;position:absolute;top:-35px;font-size:.95em;color:#fff;padding:5px 8px;border:1px solid #454544;background:#181818;background:-moz-linear-gradient(top,#181818 53%,#323232 57%);background:-webkit-gradient(linear,left top,left bottom,color-stop(53%,#181818),color-stop(57%,#323232));background:-webkit-linear-gradient(top,#181818 53%,#323232 57%);background:-o-linear-gradient(top,#181818 53%,#323232 57%);background:-ms-linear-gradient(top,#181818 53%,#323232 57%);background:linear-gradient(to bottom,#181818 53%,#323232 57%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#181818',endColorstr='#323232',GradientType=0 );-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;height:18px;line-height:18px;white-space:nowrap;word-wrap:normal;z-index:9}.tip-trigger span.pan-trigger:before{content:'';display:none;border:5px solid #181818;border-top-color:#181818;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;position:absolute;left:10px;top:28px;z-index:8;font-size:0;line-height:0;width:0;height:0}.tip-below span.pan-trigger{top:35px}.tip-below span.pan-trigger:before{border-top-color:transparent;border-right-color:transparent;border-bottom-color:#181818;border-left-color:transparent;top:-10px}.tip-trigger:hover span.pan-trigger,.tip-trigger:hover span.pan-trigger:before{display:block;display:cursor}.tip-trigger.tipFade span.pan-trigger{-webkit-animation:tipFade .5s ease-out;-moz-animation:tipFade .5s ease-out;animation:tipFade .5s ease-out}.tip-trigger.tipFadeDown span.pan-trigger{-webkit-animation:tipFadeDown .5s ease-out;-moz-animation:tipFadeDown .5s ease-out;animation:tipFadeDown .5s ease-out}.tip-trigger.tipFadeUp span.pan-trigger{-webkit-animation:tipFadeUp .5s ease-out;-moz-animation:tipFadeUp .5s ease-out;animation:tipFadeUp .5s ease-out}.tip-trigger.tipFadeLeft span.pan-trigger{-webkit-animation:tipFadeLeft .5s ease-out;-moz-animation:tipFadeLeft .5s ease-out;animation:tipFadeLeft .5s ease-out}.tip-trigger.tipFadeRight span.pan-trigger{-webkit-animation:tipFadeRight .5s ease-out;-moz-animation:tipFadeRight .5s ease-out;animation:tipFadeRight .5s ease-out}.tip-trigger.tipBounceDown span.pan-trigger{-webkit-animation:tipBounceDown .5s cubic-bezier(1,0,.78,1);-moz-animation:tipBounceDown .5s cubic-bezier(1,0,.78,1);animation:tipBounceDown .5s cubic-bezier(1,0,.78,1)}.tip-trigger.tipBounceLeft span.pan-trigger{-webkit-animation:tipBounceLeft .5s cubic-bezier(1,0,.78,1);-moz-animation:tipBounceLeft .5s cubic-bezier(1,0,.78,1);animation:tipBounceLeft .5s cubic-bezier(1,0,.78,1)}.tip-trigger.tipBounceRight span.pan-trigger{-webkit-animation:tipBounceRight .5s cubic-bezier(1,0,.78,1);-moz-animation:tipBounceRight .5s cubic-bezier(1,0,.78,1);animation:tipBounceRight .5s cubic-bezier(1,0,.78,1)}.tip-trigger.tipBounceIn span.pan-trigger{-webkit-animation:tipBounceIn .5s cubic-bezier(1,0,.78,1);-moz-animation:tipBounceIn .5s cubic-bezier(1,0,.78,1);animation:tipBounceIn .5s cubic-bezier(1,0,.78,1)}.tip-trigger.tipZoomIn span.pan-trigger{-webkit-animation:tipZoomIn .5s cubic-bezier(1,0,.78,1);-moz-animation:tipZoomIn .5s cubic-bezier(1,0,.78,1);animation:tipZoomIn .5s cubic-bezier(1,0,.78,1)}.tip-trigger.tipZoomOut span.pan-trigger{-webkit-animation:tipZoomOut .5s cubic-bezier(1,0,.78,1);-moz-animation:tipZoomOut .5s cubic-bezier(1,0,.78,1);animation:tipZoomOut .5s cubic-bezier(1,0,.78,1)}.tip-trigger.tipSpinIn span.pan-trigger{-webkit-animation:tipSpinIn .5s ease;-moz-animation:tipSpinIn .5s ease;animation:tipSpinIn .5s ease}@-webkit-keyframes tipFade{0%{opacity:0}100%{opacity:1}}@-moz-keyframes tipFade{0%{opacity:0}100%{opacity:1}}@keyframes tipFade{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes tipFadeDown{0%{opacity:0;-webkit-transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes tipFadeDown{0%{opacity:0;-moz-transform:translateY(-10px)}100%{opacity:1;-moz-transform:translateY(0)}}@keyframes tipFadeDown{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes tipFadeUp{0%{opacity:0;-webkit-transform:translateY(10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes tipFadeUp{0%{opacity:0;-moz-transform:translateY(10px)}100%{opacity:1;-moz-transform:translateY(0)}}@keyframes tipFadeUp{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes tipFadeLeft{0%{opacity:0;-webkit-transform:translateX(-10px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes tipFadeLeft{0%{opacity:0;-moz-transform:translateX(-10px)}100%{opacity:1;-moz-transform:translateX(0)}}@keyframes tipFadeLeft{0%{opacity:0;transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes tipFadeRight{0%{opacity:0;-webkit-transform:translateX(10px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes tipFadeRight{0%{opacity:0;-moz-transform:translateX(10px)}100%{opacity:1;-moz-transform:translateX(0)}}@keyframes tipFadeRight{0%{opacity:0;transform:translateX(10px)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes tipBounceDown{0%{opacity:0;-webkit-transform:translateY(-40px)}80%{-webkit-transform:translateY(0)}90%{-webkit-transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes tipBounceDown{0%{opacity:0;-moz-transform:translateY(-40px)}80%{-moz-transform:translateY(0)}90%{-moz-transform:translateY(-10px)}100%{opacity:1;-moz-transform:translateY(0)}}@keyframes tipBounceDown{0%{opacity:0;transform:translateY(-40px)}80%{transform:translateY(0)}90%{transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes tipBounceLeft{0%{opacity:0;-webkit-transform:translateX(-40px)}80%{-webkit-transform:translateX(0)}90%{-webkit-transform:translateX(-10px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes tipBounceLeft{0%{opacity:0;-moz-transform:translateY(-40px)}80%{-moz-transform:translateX(0)}90%{-moz-transform:translateY(-10px)}100%{opacity:1;-moz-transform:translateY(0)}}@keyframes tipBounceLeft{0%{opacity:0;transform:translateY(-40px)}80%{transform:translateX(0)}90%{transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes tipBounceRight{0%{opacity:0;-webkit-transform:translateX(40px)}80%{-webkit-transform:translateX(0)}90%{-webkit-transform:translateX(10px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes tipBounceRight{0%{opacity:0;-moz-transform:translateY(40px)}80%{-moz-transform:translateX(0)}90%{-moz-transform:translateY(10px)}100%{opacity:1;-moz-transform:translateY(0)}}@keyframes tipBounceRight{0%{opacity:0;transform:translateY(40px)}80%{transform:translateX(0)}90%{transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes tipBounceIn{0%{opacity:0;-webkit-transform:scale(.6)}80%{-webkit-transform:scale(1.2)}90%{-webkit-transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1)}}@-webkit-keyframes tipZoomIn{0%{opacity:0;-webkit-transform:scale(.6)}100%{opacity:1;-webkit-transform:scale(1)}}@-moz-keyframes tipZoomIn{0%{opacity:0;-moz-transform:scale(.6)}100%{opacity:1;-moz-transform:scale(1)}}@keyframes tipZoomIn{0%{opacity:0;transform:scale(.6)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes tipZoomOut{0%{opacity:0;-webkit-transform:scale(1.4)}100%{opacity:1;-webkit-transform:scale(1)}}@-moz-keyframes tipZoomOut{0%{opacity:0;-moz-transform:scale(1.4)}100%{opacity:1;-moz-transform:scale(1)}}@keyframes tipZoomOut{0%{opacity:0;transform:scale(1.4)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes tipSpinIn{0%{opacity:0;-webkit-transform:rotate(-270deg) scale(.8)}100%{opacity:1;-webkit-transform:rotate(0) scale(1)}}@-moz-keyframes tipSpinIn{0%{opacity:0;-moz-transform:rotate(-270deg) scale(.8)}100%{opacity:1;-moz-transform:rotate(0) scale(1)}}@keyframes tipSpinIn{0%{opacity:0;transform:rotate(-270deg) scale(.8)}100%{opacity:1;transform:rotate(0) scale(1)}}