body, html {height: 100%}
body {font-family: sans-serif; font-size: 14px; color: #036; padding: 0; margin: 0}
#main {margin: 0 30px; min-height: 100%}
#content {padding-top: 20px; padding-bottom: 80px}
#logo {padding: 50px; margin: 0 auto; width: 385px}
img {border: none}
#footer {margin: -30px 30px 0; font-size: 10px}
a {color: #036}
a:hover {color: #f00}

.label {font-weight: bold}
.c0 {background: #fafafa}
.c1 {background: #f5f5f5}
.c2 {background: #f0f0f0}
.c3 {background: #e5e5e5}
.hide {visibility: hidden}
.nojs {color: red; font-weight: bold; border: 2px solid; padding: 10px}

#speedcalc {font-size: 13px; border-collapse: collapse; border: 1px outset; margin: 40px}
#lap1, #total {border-top: 1px solid}
#speedcalc td {text-align: right; padding: 3px 12px}
#total, #average {font-weight: bold; line-height: 30px}
#speedcalc input, #customdist {text-align: right}
#speedcalc td.error {background: #f88}
#speedcalc td.narrow {padding: 3px}
#speedcalc td.narrowl {padding: 3px 12px 3px 3px}
#speedcalc td.narrowr {padding: 3px 3px 3px 12px}
#speedcalc td.mnarrow {padding: 3px 5px}
#lcd {margin-left: 480px}
#customdist.error {background: #f88}

#gvp, .splittimes {margin: 1em}
#gvp li {padding: .5em}
#gvp li select {width: 40px}
.splittimes  {border-collapse: collapse; border: 1px outset}
.splittimes th {text-align: right; padding: 2px 5px; font-size: .8em; border-bottom: 1px solid}
.splittimes td {text-align: right; padding: 2px 5px; font-size: .8em}
a.btn {cursor: default; text-decoration: none; color: #036; background: #f5f5f5; padding: 8px 16px; border: 2px outset}
a.btn:hover {color: #fff; background: #369}

#back {display: block; margin-top: 3em; padding-left: 26px; height: 16px; background: transparent url('/back.png') 0 0 no-repeat}
#back:hover {background-position: 0 -16px}