Echelon Earlgrey Theme

body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 85%;
    margin: 0px;
    padding: 0px;
    /* next lines are needed for wrapper (see below) - min-width of body and width of wrapper should be equal*/
    text-align: center;
    min-width: 600px;
}
#wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    text-align: left;
    border: 0px solid #000000;
    margin-top: 10px;
}
/*background-color sets the bordercolor inside the clientlistings*/
table {
    border: 1px none #000000;
    background-color: #999999;
    font-size: 90%;
    margin: 0px;
    padding: 0px;
}
a {
    color: #333333;
    text-decoration: underline;
}


.head {
    background-color: #DDDDDD;
    background-image: url(../img/head.gif);
    background-repeat: no-repeat;
    font-size: 100%;
    color: #666666;
    vertical-align: top;
}
a.head {
    font-size: 100%;
    color: #FFFFFF;
}
input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
    color: #000000;
    background-color: #DDDDDD;
    border: 1px inset #000000;
}

.tabelkop {
    font-weight: bold;
    background-color: #999999;
    color: #000000;
    font-size: 110%;
}
.tabelinhoud {
    background-color: #F0F0F0;
    color: #000000;
}
.tabeluitleg {
    background-color: #DDDDDD;
    color: #000000;
    margin: 0px;
    padding: 0px;
    border: 1px dashed #999999;
    font-size: 110%;
    text-align: center;
}
.tabelonderschrift {
    background-color: #999999;
    font-size: 70%;
    color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    margin-bottom: 0px;
}
.tabelonderschrift a {
    color: #FFFFFF;
    text-decoration: none;
}
.recordnavigatie {
    color: #666666;
    background-color: #DDDDDD;
    margin: 0px;
    padding: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}


/* Navigation Section */
.activegame {
    color: #000000;
}
.navigatie {
    background-color: #999999;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}
a.navigatie:link, a.navigatie:visited {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}
a.navigatie:hover {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

/* Ban Section */
.expired {
    color: #FFFFFF;
    background-color: #008A00;
}
.permanent {
    color: #FFFFFF;
    background-color: #950000;
    font-weight: bold;
}
.active {
    color: #000000;
    background-color: #FF9900;
}
.inactive {
    color: #666666;
}