body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #282828;
}

.footer {
    color: #888888;
    font-size: 13px;
    text-align: right;
}



.big-gold-text {
    font-family: 'Courier';
    font-size:  45px;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.9), -1px -1px 0px rgba(255,255,255,0.8), 1px 1px 0px rgba(0,0,0,0.8);
	opacity: 0.8;
}

.big-silver-text {
    font-family: 'Courier';
    font-size:  35px;
    text-shadow: 0px 0px 7px rgba(0,0,0,0.9), -1px -1px 0px rgba(255,255,255,0.5), 1px 1px 0px rgba(0,0,0,0.8);
	opacity: 0.8;
}

.big-bronze-text {
    font-family: 'Courier';
    font-size:  30px;
    text-shadow: 0px 0px 7px rgba(0,0,0,0.9), -1px -1px 0px rgba(255,255,255,0.5), 1px 1px 0px rgba(0,0,0,0.8);
	opacity: 0.8;
}

.gold-text {
    font-family: 'Courier';
    font-size:  25px;
    text-shadow: 0px 0px 7px rgba(0,0,0,0.9), -1px -1px 0px rgba(255,255,255,0.5), 1px 1px 0px rgba(0,0,0,0.8);
	opacity: 0.8;
}

.gold-small-text {
    font-family: 'Courier';
    font-size:  12px;
    text-shadow: 0px 0px 7px rgba(0,0,0,0.9), -1px -1px 0px rgba(255,255,255,0.5), 1px 1px 0px rgba(0,0,0,0.8);
	opacity: 0.8;
}

.silver-text {
    font-family: 'Courier';
    font-size:  25px;
    text-shadow: 0px 0px 7px rgba(0,0,0,0.9), -1px -1px 0px rgba(255,255,255,0.5), 1px 1px 0px rgba(0,0,0,0.8);
	opacity: 0.8;
}

.bronze-text {
    font-family: 'Courier';
    font-size:  25px;
    text-shadow: 0px 0px 7px rgba(0,0,0,0.9), -1px -1px 0px rgba(255,255,255,0.5), 1px 1px 0px rgba(0,0,0,0.8);
	opacity: 0.8;
}


div.tooltip {
    position: fixed;
    text-align: center;
    /*width: 200px;*/
    max-height: 400px;
    overflow-y:auto;
    z-index: 15;
    top: 0;
    left: 0;

    padding: 2px;
    font: 12px sans-serif;
    background: lightsteelblue;
    border: 0px;
    border-radius: 8px;
}