body
{
    background-color:#dddddd;
    padding:0em;
}

input {
    border-collapse:collapse;
    border: 1px solid black;
    background-color:#ddd;
    text-align:right;
}

input[type=number] {
    text-align:right;
}

.ListBoxArrows {
    display:inline-block;
    vertical-align:middle;
    width:16px;
    height:40px;
}

.ListBoxSearch * {
    vertical-align:middle;
}

.ListBoxUl {
    overflow:scroll;
    padding:0px;
    margin:0px;
    background-color:cornflowerblue;
}

.overall_theme table, .overall_theme tr, .overall_theme td, .overall_theme th
{
    text-align:center;
    border-collapse:collapse;
    border: 1px solid black;
}

.overall_theme table
{
    background-color:cornflowerblue;
    margin-top:.5em;
    margin-bottom:.5em;
}

.overall_theme > table > tbody > tr > td:nth-child(odd), .overall_theme th:nth-child(odd)
{
    background-color:#00cc00;
}

#the_header { 
    display:table-cell;
    vertical-align:middle;
    height:50px;
    color:royalblue;
}

#attr_chart input[type=number]
{
    width:4em
}

#point_info input {
    width:4em;
}

#point_info td {
    text-align:right;
}

#disp_output input {
    width:30em;
}

#disp_output td {
    width:3em;
    text-align:right;
}

.player > table {
    vertical-align: top;
    display: inline-block;
}

.collection_table {
    display:inline-block;
    vertical-align:top;
}

.info_container {
    display:inline-block;
    vertical-align:top;
}