/**
 * @project: <jquery.tootletips>
 * @file: <tootletips.css> - 
 * @author: <https://twitter.com/isocroft>
 * @created: <11/05/2015>
 * @desc: small library for making tooltips
 * @license: MIT 
 * @copyright: (c) 2015. All rights reserved
 */

.arrow-tip{ 
	   width :0;
	   height:0;
	   line-height:0;
	   border-style:solid;
	   opacity:1;
           filter:alpha(opacity=100);
	   position:absolute;   
	   bottom:auto;
	   z-index:3000;
	}   
	
	.arrow-n-tip{
	   border-width: 0 7px 10px 7px;
	   border-color:transparent transparent #222222 transparent;
	   top:-7px;
	   left:50%;
	   margin-left:-4px;
	}
	
	.arrow-e-tip{
	  border-width: 7px 0 7px 10px;
	  border-color:transparent transparent transparent #222222;
	  top:50%;
	  right:-7px;
	  margin-top:-7px;
	}

    .arrow-s-tip{
           border-width: 10px 7px 0 7px;
	       border-color:#222222 transparent transparent transparent;
	       bottom:-7px;
	       left:50%;
	       margin-left:-4px;
    }

    .arrow-w-tip{
         border-width: 7px 10px 7px 0;
	     border-color:transparent #222222 transparent transparent;
	     top:50%;
	     left:-8px;
	     margin-top:-7px;
    }
	
	.tooltip { /* <div> only */
      pointer-events: none; /* enable click through */
      opacity:0;
      filter:alpha(opacity=100);
      display:inline-block;
	  display:-moz-inline-block;
          *display:inline;
          *zoom:1;
	  z-index:5000;
      position:absolute;
      padding:10px 13px;
      color:#ffffff; 
	  width:auto;
      margin-top:20px;
      text-align:center;
      text-decoration:none;
      font-size:x-small;
	  background-color:#222222;  
	  font-weight:bold;
	  border:1px solid transparent;
	  border-radius:5px;
      box-shadow:0 1px 10px -6px #dedede;
    }

    html .tooltip.tooltip-active,
    .cssanimations  .tooltip.tooltip-active{
	  opacity:1;
      margin:5px;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease;
    }

    html .tooltip.tooltip-out,
    .cssanimations .tooltip.tooltip-out{
      opacity:0;
      margin-top:20px;
    }