html {
  color: #eeeeee;
  background: #333333;
  font-size: 16px; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: 1.4em;
  font-weight: inherit;
  background: #999; }

legend {
  color: #000; }

fieldset {
  margin: 0 0 1.5em 0;
  padding: 1.4em;
  border: 1px solid #ccc;
  width: 90%; }

legend {
  padding: 0 .4em;
  font-size: 1.2em;
  background-color: #333;
  color: #DDD; }

label.solo {
  width: auto; }

label {
  float: left;
  width: 12em;
  display: block;
  clear: left;
  margin-right: 1em;
  text-align: left;
  color: #DDD;
  cursor: hand;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 2.5em; }

textarea {
  padding: .2em;
  margin: 0.5em 0.5em 0 0;
  border: 1px solid #666;
  height: 5em;
  width: 100%; }
  textarea:focus {
    border: 4px solid #FFCC66; }

input {
  border: 3px solid #666;
  padding: .2em;
  margin: 0.5em 0.5em 0 0;
  height: 2.5em;
  display: block;
  height: 2.5em;
  font-size: 1.4em;
  font-weight: bold;
  clear: right; }
  input[type="text"]:focus,
  input[type="password"]:focus {
    border: 3px solid #d45500;
    border-color: #d45500;
    background: #EEE; }

input.solo {
  clear: both;
  display: block;
  margin-left: 10em; }

input.inline {
  clear: none;
  display: inline; }

select {
  padding: .2em;
  margin: 0.5em 0.5em 0 0; }

select {
  padding: 0;
  background-color: #999;
  color: #333; }

input[type="text"], input[type="password"] {
  border: 3px solid #666; }
input[type="submit"] {
  margin: 0.5em 0.5em 0 0;
  background-color: #666;
  border: 1px solid #999;
  border-top-color: #CCC;
  border-left-color: #CCC;
  color: #DDD; }
input[type="checkbox"] {
  color: #DDD;
  clear: both; }
input[type="radio"] {
  padding: 0.5em;
  background-color: #fff;
  color: #DDD; }
input[type="hidden"] {
  height: 0;
  width: 0;
  margin: 0;
  padding: 0; }

form br {
  clear: both; }

option {
  background-color: #fff;
  color: #333; }

optgroup {
  background-color: #ccc;
  color: #333; }

button {
  margin: 0.5em 0.5em 0 0;
  padding: .4em;
  background-color: #ccc;
  color: #DDD; }

a {
  outline: none;
  color: #d45500;
  text-decoration: none; }

.Growler {
  text-align: center; }

.Growler-notice,
.error {
  border: 2px solid #999;
  background: #000 no-repeat center;
  color: #fff;
  opacity: .5;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 1.6em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  min-height: 40px;
  width: 28em;
  margin: 0 auto; }
  .Growler-notice .Growler-notice-body,
  .error .Growler-notice-body {
    padding: 1em;
    text-align: center; }
  .Growler-notice .Growler-notice-exit,
  .error .Growler-notice-exit {
    text-align: right;
    padding: .1em;
    font-size: 2em; }
  .Growler-notice .Growler-notice-head,
  .error .Growler-notice-head {
    text-align: left;
    height: 0; }

.error {
  background-color: #d45500;
  color: #000;
  font-weight: bold; }

body {
  background: #333 url(/images/bac.gif) repeat-x 0 -3em;
  margin: 0;
  padding: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 62.5%;
  line-height: 1.8em;
  letter-spacing: .05em; }
  body #canvas {
    width: 900px;
    margin: 0 auto;
    background: url(/images/shadow2.png) repeat-y left; }
    body #canvas #header {
      height: 21em;
      background: url(/images/header.gif) no-repeat left bottom;
      margin-left: .9em;
      position: relative; }
      body #canvas #header h1 {
        background: url(/images/logo-big.png) no-repeat center;
        width: 30.8em;
        height: 15.3em;
        text-indent: -99999em;
        padding: 1em 2em; }
      body #canvas #header ul.nav,
      body #canvas #header ul.start {
        position: absolute;
        right: 4em;
        top: 6em; }
        body #canvas #header ul.nav li,
        body #canvas #header ul.start li {
          float: left;
          color: #333;
          font-size: 1.8em;
          font-weight: bold;
          margin: 0 .2em;
          background: url(/images/nav.png) no-repeat;
          height: 2em; }
          body #canvas #header ul.nav li a,
          body #canvas #header ul.start li a {
            text-indent: -99999em;
            display: block;
            height: 2em; }
        body #canvas #header ul.nav li#add,
        body #canvas #header ul.start li#add {
          background-position: 0 0;
          width: 8em; }
        body #canvas #header ul.nav li#dash,
        body #canvas #header ul.start li#dash {
          background-position: -8.5em 0;
          width: 8em; }
      body #canvas #header ul.start li {
        background: url(/images/start.png) no-repeat;
        height: 2.5em; }
      body #canvas #header ul.start li#join {
        background-position: 0 0;
        width: 8em; }
      body #canvas #header ul.start li#login {
        background-position: -8em 0;
        width: 8em; }
      body #canvas #header #user {
        position: absolute;
        right: 2.5em;
        top: 11.2em;
        font-size: 1.4em;
        font-weight: bold; }
    body #canvas #content {
      background: url(/images/content.gif) no-repeat left top;
      margin-left: .9em;
      padding: 3em 4em 0 11em;
      min-height: 25em; }
      body #canvas #content #main {
        width: 45em;
        float: left;
        position: relative; }
        body #canvas #content #main #no_data {
          background: url(/images/no-data.png) no-repeat center;
          height: 30em;
          padding: 4em;
          color: #333;
          font-weight: bold; }
          body #canvas #content #main #no_data h1 {
            color: #d45500; }
        body #canvas #content #main .arrow_left {
          padding-left: 1em;
          background: url(/images/arrow-left.png) no-repeat left center;
          position: absolute;
          top: 12em;
          left: -2em;
          height: 4em;
          width: 2em;
          text-indent: -99em; }
        body #canvas #content #main .arrow_right {
          padding-left: 1em;
          background: url(/images/arrow-right.png) no-repeat left center;
          position: absolute;
          top: 12em;
          right: 0em;
          height: 4em;
          width: 2em;
          text-indent: -99em; }
      body #canvas #content #rail {
        width: 20em;
        float: left;
        margin-left: 4em; }
        body #canvas #content #rail .all_runs {
          margin-bottom: 1.5em; }
      body #canvas #content h1 {
        font-size: 1.9em;
        font-weight: bold;
        margin-bottom: 0.94736em;
        color: #BBB; }
      body #canvas #content h2 {
        font-size: 1.4em;
        font-weight: bold;
        margin-bottom: 1.285em;
        color: #999; }
      body #canvas #content h3 {
        font-size: 1.3em;
        font-weight: bold;
        color: #999;
        margin-bottom: 1.384em; }
      body #canvas #content ul {
        margin-bottom: 1.5em; }
        body #canvas #content ul li {
          font-size: 1.2em; }
      body #canvas #content p {
        font-size: 1.6em;
        margin-bottom: 1.25em; }
      body #canvas #content ul.splash {
        margin: 6em 0 0 1em;
        display: block; }
        body #canvas #content ul.splash li {
          font-size: 1.6em;
          font-weight: bold;
          margin: 0 0 .5em 2em;
          padding-left: 2em;
          color: #BBB;
          float: left; }
      body #canvas #content img.screen {
        float: left;
        margin: 0 3em 2em 0; }
      body #canvas #content .chart {
        width: 40em;
        height: 15em;
        margin: 2em 1em; }
        body #canvas #content .chart .flotr-grid-label {
          margin-top: .5em;
          line-height: 1.1em; }
        body #canvas #content .chart .flotr-legend-label {
          color: #000; }
      body #canvas #content table.run_list tbody {
        font-size: .8em; }
        body #canvas #content table.run_list tbody tr th {
          width: 10em;
          color: #d45500; }
        body #canvas #content table.run_list tbody tr th.miles {
          text-align: center; }
        body #canvas #content table.run_list tbody tr td {
          margin: .4em; }
        body #canvas #content table.run_list tbody tr td.distance {
          text-align: right;
          padding-right: 1.5em; }
      body #canvas #content #full_run_listing table.run_list tbody th {
        width: 5em; }
      body #canvas #content #full_run_listing table.run_list tbody td.comments {
        width: 30em; }
    body #canvas ul.legend {
      float: right;
      margin: 0 5em; }
      body #canvas ul.legend li {
        padding-left: 1em; }
      body #canvas ul.legend li.scheduled {
        background: url(/images/legend-grey.png); }
    body #canvas ol#splits {
      margin: 2em 0 0 18.2em; }
      body #canvas ol#splits li {
        list-style: decimal;
        font-size: 1.5em; }
        body #canvas ol#splits li input {
          font-size: 1em; }
    body #canvas .split_button {
      border: none;
      background: none;
      cursor: pointer; }
  body #foot {
    background: #333 url(/images/foot.gif) no-repeat left top;
    height: 3em; }

.group {
  display: inline-block; }
  .group:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

html[xmlns] .group {
  display: block; }

* html .group {
  height: 1%; }