a { text-decoration: none; }

.sample { color:#bb9966 }
.sample:hover { background-color:#f2efd7 }

/* TOOLTIP STYLE */

a.tooltip { outline:none; text-decoration:none; }

a.tooltip > span {
   width:350px; padding: 15px 15px; cursor: help; margin-top: 5px; margin-left: -90px;
   opacity: 0; visibility: hidden; z-index: 10; position: absolute;
   font-family: Arial; font-size: 12px; font-style: normal;  top:0px; left:500px;
     	
   -webkit-box-shadow: 4px 4px 4px #999;
   box-shadow: 4px 4px 4px #999;	

   -webkit-transition-property:opacity, margin-top, visibility, margin-left;
   -webkit-transition-duration:0.2s, 0.1s, 0.2s, 0.1s;
   -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;

   -moz-transition-property:opacity, margin-top, visibility, margin-left;
   -moz-transition-duration:0.2s, 0.1s, 0.2s, 0.1s;
   -moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;

   -o-transition-property:opacity, margin-top, visibility, margin-left;
   -o-transition-duration:0.2s, 0.1s, 0.2s, 0.1s;
   -o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;

   transition-property:opacity, margin-top, visibility, margin-left;
   transition-duration:0.2s, 0.1s, 0.2s, 0.1s;
   transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
}

a.tooltip:hover > span { opacity: 1; text-decoration:none; visibility: visible;
   overflow: visible; margin-top:50px; display: inline; margin-left: -60px; }

a.tooltip > span { color: #000000; border: 1px solid #e2dfc7; background: #e2dfc7;
/*   background: -moz-linear-gradient(top, #e2dfc7 0%, #f2efd7 100%); */
/*   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2dfc7), color-stop(100%,#f2efd7)); */
/*   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2dfc7', endColorstr='#f2efd7',GradientType=0 ); */
}

/* style for tooltip text */
.shortcut { color:#3300bb; font-weight:bold; }