body, html { margin: 0 0 20px 0; padding: 0; color: #fff; }
body { text-align:center; background: transparent url('./img/bg.png') repeat;}
td, th
{
    padding-left: 20px;
    padding-right: 20px;
}

.centering { float: left; position: relative; }
.centering  > * { margin: 0px auto; }

#packagesLink { background: #fff; display: inline-block; width: 80px; height: 20px; border: 1px solid #000; border-radius: 4px; text-align:center; margin: 0 0 20px 0; }
#packagesLink:hover { background: #eaeaea; }
#filterList { list-style: none; }
#filterList li > * { float: left; display: block; }
#filterList select { cursor: pointer; }
#filterList input[type=text], #filterList select { border-radius: 4px; }

button
{
    border: 0; 
    cursor: pointer;
    color: #fff;
    float: left;
    cursor: pointer;
    font-weight: bold;
}

#filterList button 
{
    width: 20px;
    height: 20px;
    margin: 0 0 0 10px;
    background: transparent url('./img/minus.png') no-repeat; 
    background-size: 100%;
}

.menu { float: left; margin: 20px auto; }
.menu > button
{
    width: 159px;
    height: 40px;
    background-size: 100%;
}

.menu > button:hover { color: green; }

.add_filter { background: transparent url('./img/addButton.png') no-repeat; }
.submit { background: transparent url('./img/confirmButton.png') no-repeat; }

#PageSelection { clear: both; }

table.data { color: black; border-radius: 4px; border-spacing: 0; clear: both; } 
table.data tr:first-child { background: #888888; }
table.data tr:not(:first-child):nth-child(odd) { background: #aeaeae; }
table.data tr:nth-child(even) { background: #dedede; }
table.data tr:not(:first-child):hover { background: #B5FF78 !important; }