div.tooltips {
  position: relative;
  display: inline;
}
div.tooltips > span {
position: absolute;
width: 210px;
color: #FFFFFF;
background: #124921;
border: 2px solid #E6E6E6;
height: 60px;
line-height: 1.5;
text-align: left;
visibility: hidden;
border-radius: 6px;
box-shadow: 2px 2px 2px #8F8F8F;
font-family: verdana;
font-size: small;
padding: 10px;
}

div.tooltips > span a{
font-size: 12px;
color: #8BCB1D;
}

div.tooltips > span a:hover{
font-size: 12px;
color: #A4F020;
}


div.tooltips > span:before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 32%;
  margin-left: -12px;
  width: 0; height: 0;
  border-bottom: 12px solid #E6E6E6;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}
div.tooltips > span:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 32%;
  margin-left: -8px;
  width: 0; height: 0;
  border-bottom: 8px solid #124921;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
div:hover.tooltips > span {
  visibility: visible;
  opacity: 1;
  top: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}

.grey {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
color:#000!important; 
font-family: verdana;
 font-size:10px; 

	font-weight:bold;
	padding:6px 16px;
	text-decoration:none!important;
	text-shadow:0px 1px 0px #ffffff;
}
.grey:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
text-decoration:none;
}
.grey:active {
	position:relative;
	top:1px;
text-decoration:none;
}