.tooltip{
   			display: inline;
    		position: relative;
			text-decoration:none;
			text-align:left;
			line-height:1.3;
			overflow: none;
			cursor: pointer;
		}
		
.tooltip:hover:after{
background: #f8a037; /* Old browsers */
background: -moz-linear-gradient(top,  #f8a037 1%, #f48809 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f8a037), color-stop(100%,#f48809)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f8a037 1%,#f48809 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f8a037 1%,#f48809 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f8a037 1%,#f48809 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f8a037 1%,#f48809 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8a037', endColorstr='#f48809',GradientType=0 ); /* IE6-9 */

    		border-radius: 5px;
			border:solid 1px #F48809;
    		bottom: 24px;
    		color: #fff;
			font-size:12px;
    		content: attr(title);
    		left: -58px;
    		padding:6px 12px 8px 12px;
    		position: absolute;
    		z-index: 98;
    		width: 200px;
			line-height:1.7;
			font-weight:normal;
			font-family:Verdana;
		}
		
.tooltip:hover:before{
    		border: solid;
    		border-color: #F48809 transparent;
    		border-width: 6px 6px 0 6px;
    		bottom: 18px;
    		content: "";
    		left: 0%;
    		position: absolute;
    		z-index: 99;
		}