body{
	margin: 0px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Osaka", sans-serif;
	font-size: 11px;
	line-height: 14px;
	background:  #d3d5db;
}

a{
	color: #3366CC;
	text-decoration: none;
}
a:hover{
	color: #f5a054;
	text-decoration: none;
}


a.tooltip {
	border-bottom: 1px dotted #000;
	color: #000;
	outline: none;
	cursor: finger;
	text-decoration: none;
	position: relative;
}

a.tooltip span {
	position: absolute;
	
	top: 50px;
	left: -70px;
	width: 250px;
	margin-left: -99em;
	opacity: 0;
	text-decoration: none !important;

	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

	box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);

	-moz-transition-property: opacity;
	-moz-transition-duration: 0.5s;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
	-o-transition-property: opacity;
	-o-transition-duration: 0.5s;
}

a.tooltip:hover span {
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	z-index: 99;
	margin-left: 0;
	opacity: 1;
}

a.tooltip.top:hover span {
}


div #tip {
	position: absolute;
	top: -18px;
	left: 0px;
	text-align: center;
	width: 100%;
}

.classic { 
	padding: 20px 15px;
	color: #848ba0;
}
 
.classic {background: #ffffff; border: 1px solid #d8dadf; }

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

li {
	display: inline;
}