/*
 * view-source:
 * http://netdna.webdesignerdepot.com/uploads7/how-to-create-a-simple-css3-tooltip/tooltip_demo.html
 */

.tooltip{
 display: inline;
 position: relative;
 transition: width 2s;
}
		
.tooltip:hover:after{
 background: #333;
 background: rgba(0,0,0,.8);
 border-radius: 5px;
 bottom: 26px;
 color: #fff;
 content: attr(title);
 left: 20%;
 padding: 5px 15px;
 position: absolute;
 z-index: 98;
 width: auto;
 max-width: 100%;
 line-height:110%;
}
		
.tooltip:hover:before{
 border: solid;
 border-color: #333 transparent;
 border-width: 6px 6px 0 6px;
 bottom: 20px;
 content: "";
 left: 25%; /* 50%; */
 position: absolute;
 z-index: 99;
}