body {
    font-size: 16px;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    -ms-background-size: cover;
    background-size: cover;
    background-color: transparent;

}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #505164;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 5px;
}

#loading-container {
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 1900;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #fff;
    opacity: 0.9;
    -ms-transition: all linear 0.25s;
    -moz-transition: all linear 0.25s;
    -webkit-transition: all linear 0.25s;
    -o-transition: all linear 0.25s;
    transition: all linear 0.25s;
}

    #loading-container p {
        /*color: #333;*/
        text-align: center;
        font-size: 30px;
        font-weight: lighter;
        line-height: 45px;
        margin-top: 50px;
    }

#loading-progress {
    position: relative;
    font-size: 100px;
    width: 223px;
    height: 26px;
    margin: 50px auto;
    background-image: url(img/loader.gif);
    background-repeat: no-repeat;
}

div#friend-selection
{
    background-color: #0099c6;
}

div#friend-selection ul
{
    list-style-type: none;
    padding: 10px;
}

div#friend-selection ul li
{
    background-color: #fff;
    margin: 10px;
    text-align: left;
    padding-left: 10px;
}

div#friend-selection ul li.disabled
{
    background-color: #ccc; 
}

div#friend-selection ul li.active
{    
    cursor: pointer;
}

div#friend-selection ul li.selected
{
    background-color: orange; 
}

div#friend-selection ul li span.status
{
    display: block;
    height: 20px;
    font-size: small;
    font-style: italic;
}