#banList {
    width: 99%;
    background-color: #ffffff;
    border: 1px solid #BBB;
    margin: auto;
    margin-bottom: 10px;
}

#banList th {
    background-color: #EEE;
    border: 1px solid #BBB;
    height: 20px;
    padding: 2px;
    border-bottom: 1px solid #BBB;
}

#banList td {
    border: 1px solid #DDD;
    padding: 3px;
    vertical-align: top;
}

#banList .user {
    width: 15%;
    text-align: left;
}

#banList .moderator {
    width: 15%;
    text-align: left;
}

#banList .comment {
    width: 30%;
    text-align: left;
}

#banList .started {
    font-size: 80%;
    text-align: center;
    vertical-align: middle;
}

#banList .period {
    text-align: center;
}

#banList .expired {
    font-size: 80%;
    text-align: center;
    vertical-align: middle;
}

#banList .topic {
    text-align: center;
}

#banList .btnAmnesty {
    width:30px;
    text-align: center;
    padding: 0px;
    vertical-align: middle;
}

#banList .btnAmnesty a {
    margin:5px;
    text-decoration: none;
    cursor: pointer;
    font-size: 85%;
}

#banList .btnAmnesty a:hover {
    margin:0;
    font-size: 90%;
}

a.btnAmnesty {
    text-decoration: none;
    cursor: pointer;
}

#banList .warning {
    background-color: #FEFE00;
}

#banList tr.ban-expired {
    font-size: 80%;
    background-color: #DDD;
    vertical-align: middle;
}

#banList tr.ban-active {
    background-color: #FFF;
}

#bans-paginator {
    width: 98.5%;
    text-align: center;
    height: 20px;
    margin: auto;
}

#bans-paginator a {
    text-decoration: none;
}

#bans-paginator a:hover {
    color: red;
}

#ban-modes {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}