body
{

}

.strikeout
{
    background-image: url(crossout.png);
    background-size: 100% 100%;
}

.die
{
    border: 2px solid black;
    border-radius: 4px;
    vertical-align: middle;
}

.dieBox
{
    margin: 20px;
    font-size: 40px;
}

table
{
    width: 100%;
}

div.frame
{
    display: block;
    margin: 10px;
    border: 6px double lightgrey;
    width: 260px;
    padding: 10px 10px;
}

.field > label
{
    display: inline-block;
    width: 80px;
}

.validationError
{
    color: red;
}

.submit
{
    margin-top: 20px;
}

.submit input[type='submit']
{
    width: 100%;
}

table.rank tr.gold
{
    background-color: #cbaf66;
}

table.rank tr.silver
{
    background-color: #c0c0c0;
}

table.rank tr.bronze
{
    background-color: #c49d94;
}

tr.hilighted
{
    outline: 3px solid #ab404b;
}

table.hilightFirstDataRow tr:nth-child(2)
{
    outline: 3px solid #ab404b;
}

td, th
{
    padding: 2px 6px;
}

td.numbers
{
    text-align: right;
}

div.fieldsubtext
{
    height: 2em;
    font-size: 66%;
}