.tooltip {outline:none; }
.tooltip.rewards {
	position: absolute;
    width: 100%;
    height: 125%;
    z-index: 2;
    left: 0;
}
.tooltip strong {line-height:30px;}
.tooltip:hover {text-decoration:none;} 
.tooltip .content {
    z-index: 10;
    display: none;
    padding: 12px;
    box-sizing: border-box;
    margin-left: -80%;
    width: 250px;
    line-height: 16px;
    margin-top: 10px;
    position: absolute;
    color: #666;
    background: #FFF;
    left: 0;
	text-shadow:none;
	font-family:Arial;
	text-align:center;
}
.tooltip.rewards .content {
    bottom:-145%;
}
.tooltip:hover .content{
    display:inline; 
}

.tooltip .content .title {
	font-family:Oswald,sans-serif;
	font-size: 1.8rem;
	font-weight:bold;
	color:#000;
}

.tooltip .content .title em {
	font-weight: normal;
    position: absolute;
    top: 4%;
    right: 0%;
    display: block;
    font-style: normal;
    color: #666;
    width: 13%;
    height: 30%;
    font-size: 3rem;
}

.tooltip .red {
	color:red;
}

/*CSS3 extras*/
.tooltip .content
{
    border-radius:2px;        
    box-shadow: 0px 0px 4px 2px #000;
}