html, body
{
    margin: 0;
    padding: 0;
}
body
{
    font: 12px/1.5em Arial, Helvetica, sans-serif;
    color: #333;
    background-color: #fff;
}
a,
a:link,
a:visited{color: #01628F;}
a:hover,
a:active{}
a img{border: none;}


/* ~~~ === POSITIONING SELECTORS ============================ ~~~ */
#wrapper
{
    position: relative;
    width: 591px;
    height: 541px;
    margin: 10px auto;
    background: transparent url(../images/leaderboard_bg.jpg) no-repeat 0 0;
}
#leaderboardContainer
{
    position: absolute;
    top: 112px;
    left: 124px;
    width: 349px;
    height: 180px;
    overflow: auto;
}
#btn-play
{
    position: absolute;
    top: 310px;
    left: 44px;
    width: 152px;
    height: 64px;
}
/* ~~~ LEADERBOARD TABLE ~~~ */
.tableRecord
{
    width: 100%;
    border-collapse: collapse;
}
.tableRecord td
{
    text-align: center;
    padding: 0 4px;
}
td.position
{
    font-weight: bold;
    text-align: right;
    width: 1%;
    white-space: nowrap;
}
td.left{text-align: left;}
td.time{text-align: right;}
p.note
{
    position: absolute;
    bottom: 0;
    left: 0;
    color: #01628F;
    text-align: center;
}