* {
    margin:0;
    padding:0;
}

h1, .stats , #ui, #help{
    margin:1em;
}

#ui form {
    display:inline;
}
#ui p {
    display:inline;
    padding-right:1em;
}

.stats > li {
    display: inline-block;
    width: 6em;
    font-weight: bold;
}
.ie7 .stats > li {
    display:inline;
}

.graph {
    color: #0000FF;
    text-decoration: underline;
}
.graph:hover {
    background-color:#CCCCCC;
}

.runner {
    border:1px dashed grey;
    margin:1em
}

h2 {
    background-color:#CCCCCC;
    padding:0.2em;
}
h2 a {
    font-family: Arial, sans-serif;
    color:white;
    text-decoration:none;
}
h2 a:hover {
    text-decoration:underline;
}
.runner > p {
    display:inline-block;
    width:5em;
    font-weight:bold;
}
.ie7 .runner > p {
    display:inline;
}
.runner > p:first-of-type {
    width:10em;
}

.runner > ul {
    list-style-type:none;
}
.js .runner > ul {
    display:none;
}
.js .runner.active > ul {
    display:block;
}
.result {
    margin-left:2em;
}

.result > li {
    display:inline-block;
    list-style-type:none;
    padding:0.5em;
    width:4em;
}
.ie7 .result > li {
    display:inline;
}

.hidden {
    display:none;
}