
h1,h2,h3,h4,h5,h6 {
    margin-bottom: 1%;
}

.alongside {
    float: left;
    margin-right: 2%;
}

.spinner {
    background: url('/img/spinner.gif') no-repeat center;
    width: 100%;
    height: 100%;
}

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}

.block .para {
    margin: 1em 0;
}

.bottom {
    margin-top: 2em;
    text-align: right;
}

#unretire.modal {
    display: none;
}

#card.modal {
    display: none;
    top: 10%;
    left: 10%;
    margin-left: 0;
    margin-top: 0;
    width: 80%;
    height: 80%;
}

.modal-body {
    max-height: 1000%;
}

#card.modal textarea {
    width: 95%;
}

#card.modal input {
    display: block;
}

.hidden {
    display: none;
}

input.mid {
    width: 150px;
}

input.small {
    width: 50px;
}

.errors {
    margin-top: 2%;
}

.tablesorter th {
    cursor: pointer;
}

.ago {
    color: #ccc;
    font-style: italic;
    font-size: 80%;
}

.change {
    display: inline-block;
    background-color: #ffffee;
    padding: 0 0.4em;
}

.voting {
    margin-bottom: 2%;
}

.voting .like {
    float: left;
    margin-right: 2%;
}

.voting .dislike {
    float: left;
}

td.r, th.r {
    text-align: right;
    padding-right: 2%;
}

.dummy {
    cursor: default;
}

.dropzone {
    background: #eee;
    cursor: pointer;
    height: 100px;
    margin-bottom: 10%;
    overflow: hidden;
    width: 100%;
}

.dropzone img {
    border: 1px solid #000;
}

.dropzone-previews {
    background: #ccc;
}

.dz-image-preview > img {
    width: 100%;
}

@media (max-width: 800px) {
        .table th {
        display: none;
    }
        .temporary {
        display: none;
    }
}

.mana {
    display: inline-block;
    background: url('/img/mana/mana.png') no-repeat;
    color: transparent;
    width: 15px;
    height: 15px;
}

.mana-1 { background-position: -15px -0px; }
.mana-10 { background-position: -30px -0px; }
.mana-11 { background-position: -45px -0px; }
.mana-12 { background-position: -60px -0px; }
.mana-13 { background-position: -75px -0px; }
.mana-14 { background-position: -90px -0px; }
.mana-15 { background-position: -0px -15px; }
.mana-16 { background-position: -15px -15px; }
.mana-17 { background-position: -30px -15px; }
.mana-18 { background-position: -45px -15px; }
.mana-19 { background-position: -60px -15px; }
.mana-2 { background-position: -75px -15px; }
.mana-20 { background-position: -90px -15px; }
.mana-2b { background-position: -0px -30px; }
.mana-2g { background-position: -15px -30px; }
.mana-2r { background-position: -30px -30px; }
.mana-2u { background-position: -45px -30px; }
.mana-2w { background-position: -60px -30px; }
.mana-3 { background-position: -75px -30px; }
.mana-4 { background-position: -90px -30px; }
.mana-5 { background-position: -0px -45px; }
.mana-6 { background-position: -15px -45px; }
.mana-7 { background-position: -30px -45px; }
.mana-8 { background-position: -45px -45px; }
.mana-9 { background-position: -60px -45px; }
.mana-b { background-position: -75px -45px; }
.mana-bg { background-position: -90px -45px; }
.mana-bp { background-position: -0px -60px; }
.mana-br { background-position: -15px -60px; }
.mana-bu { background-position: -30px -60px; }
.mana-bw { background-position: -45px -60px; }
.mana-cp { background-position: -60px -60px; }
.mana-g { background-position: -75px -60px; }
.mana-gb { background-position: -90px -60px; }
.mana-gp { background-position: -0px -75px; }
.mana-gr { background-position: -15px -75px; }
.mana-gu { background-position: -30px -75px; }
.mana-gw { background-position: -45px -75px; }
.mana-r { background-position: -60px -75px; }
.mana-rb { background-position: -75px -75px; }
.mana-rg { background-position: -90px -75px; }
.mana-rp { background-position: -0px -90px; }
.mana-ru { background-position: -15px -90px; }
.mana-rw { background-position: -30px -90px; }
.mana-s { background-position: -45px -90px; }
.mana-t { background-position: -60px -90px; }
.mana-u { background-position: -75px -90px; }
.mana-ub { background-position: -90px -90px; }
.mana-ug { background-position: -0px -105px; }
.mana-up { background-position: -15px -105px; }
.mana-ur { background-position: -30px -105px; }
.mana-uw { background-position: -45px -105px; }
.mana-w { background-position: -60px -105px; }
.mana-wb { background-position: -75px -105px; }
.mana-wg { background-position: -90px -105px; }
.mana-wp { background-position: -0px -120px; }
.mana-wr { background-position: -15px -120px; }
.mana-wu { background-position: -30px -120px; }
.mana-x { background-position: -45px -120px; }
.mana-y { background-position: -60px -120px; }

