/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

ul.leaderboard-widget {
    height: 210px;
    overflow: auto;
}

ul.leaderboard-widget li {
    border-bottom: 1px solid #9FCEF1;
    clear: both;
    overflow: auto;
    padding: 0.3em;
}

ul.leaderboard-widget li.leaderboard_header {
    font-weight: bold;
}

.widget ul.leaderboard-widget li a:link, .widget ul.leaderboard-widget li a:visited {
    background: none repeat scroll 0 0 transparent;
    border-bottom: medium none;
    line-height: inherit;
    padding: 0;
}

.leaderboard_name {
    float: left;
    width: 50%;
}

.leaderboard_correct, .leaderboard_points {
    float: left;
    width: 25%;
    text-align: center;
}

#lb_fastest .leaderboard_correct {
    float: right;
    text-align: left;
    width: 40%;
}

.lb-hours {
    text-align: right;
    display: inline-block;
    width: 65px;
}

p#lb_fastest {
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
    height: 200px;
}

.lb-tabs {
    border-bottom: 1px solid #CCCCCC;
}

.lb-tabs span {
    background: none repeat scroll 0 0 #EEEEEE;
    border-color: #CCCCCC;
    border-radius: 7px 7px 0 0;
    border-style: solid;
    border-width: 1px 1px 0;
    cursor: pointer;
    display: inline-block;
    margin: 10px 5px 0 0;
    padding: 5px 10px;
}

.lb-tabs span.active {
    background: none repeat scroll 0 0 #FFFFFF;
}

#lb-view-1 #lb_top_ranked, #lb-view-2 #lb_fastest {
    display: none;
}

#lb-view-1 #lb_fastest, #lb-view-2 #lb_top_ranked {
    display: block;
}

.leaderboard-notes {
    font-size: 13px;
    line-height: 17px;
    padding: 9px 5px 0;
}

#message-status {
    background: none repeat scroll 0 0 #FFFFE5;
    border-color: #F2F2DA;
    border-image: none;
    border-style: solid;
    border-width: 1px 0;
    bottom: 0;
    color: #314A68;
    font-size: 16px;
    left: 0;
    padding: 12px 10px;
    position: fixed;
    right: 0;
    width: auto;
}