#instructions {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 36px;
    margin-top: -18px;
    text-align: center;
}

#scrim {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 300;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

#dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 360px;
    height: 200px;
    background: #171717 url(http://cdn.backgroundhost.com/backgrounds/subtlepatterns/stressed_linen.png);
    border: solid 10px #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    margin-left: -180px;
    margin-top: -100px;
    z-index: 400;
    display: none;

    .fa {
        position:absolute;
        top:10px;
        left:10px;
        color:#fff;
    }

    .message {
        position:absolute;
        top:10px;
        left:50px;
        right:10px;
        font-size: 115%;
        color: #f7f7f7;
    }

    .actions {
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 10px;

        a {
            margin-left: 10px;
        }
    }
}