h1
{
    margin: 0;
}
body
{
    width: 900px;
    margin: auto;
}
.header
{
    width: 700px;
    margin: auto;
    text-align: center;
}
.heroes
{
    width: 890px;
    margin: auto;
}
h2.attacker
{
    color: #0A0;
}
h2.defender
{
    color: #A00;
}
input
{
    width: 40px;
}
td
{
    text-align: center;
    padding-right: 3px;
    padding-left: 3px;
}
.armies, .armies input, .armies select
{
    background-color: #CCC;
}
.onlycustom
{
    color: #A00;
}
.armies .attacker
{
    background-color: #DFD;
}
.armies .attacker input, .armies .attacker select
{
    background-color: white;
}
.armies .defender
{
    background-color: #FDD;
}
.armies .defender input, .armies .defender select
{
    background-color: white;
}
.armies select
{
    max-width: 250px;
}
.result
{
    color: #AA0000;
    font-weight: bold;
}
.simulation td
{
    margin: 0px;
    border: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.simulation .odd
{
    background-color: #EEE;
}
.simulation .even
{
    background-color: #DDD;
}
.submit
{
    width: 300px;
    margin: auto;
}
.submit input
{
    width: 300px;
    margin-top: 10px;
}
.simulation
{
    width: 890px;
    margin: auto;
}
.footer
{
    margin: auto;
    width: 700px;
    text-align: center;
}
.footer .description
{
    font-size: small;
}
.quantity input
{
    margin: 0;
}
.quantity .minus, .quantity .plus
{
    padding: 0;
    margin: 0;
    width: 17px;
}