BODY {
    font-family: Verdana;
    font-size: 12pt;
    margin: 2px auto;
    width:1200px;
    background: #e0e0e0;
}

TABLE {
    font-family: Verdana;
}

.header {
    font-size: 20pt;
    text-align: center;
}

.routes {
}

.route_image {
    border-radius: 5px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}

.route_data {
    vertical-align:top;
}

.run_data {
    vertical-align:top;
}

.data_values {
    width:170px;
    border-spacing:0;
}

table.data_values tr:nth-child(2) td:first-child {
    border-radius: 5px 5px 0 0;
}

table.data_values tr:last-child td:first-child {
    border-radius: 0 0 5px 5px;
}

.data_value {
    text-align:center;
    font-weight:bold;
    font-size:16pt;
}

.data_label {
    text-align:center;
    font-size:8pt;
}

.data_unit {
    text-align:center;
    font-size:8pt;
}

.data_header {
    text-align: center;
    font-size:12pt;
}

.round_corners {
    border-radius: 5px;
}

.data_box {
    font-size: 40pt;
    color: #ffffff;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#b0b0b0), to(#505050)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #a9a9a9,  #7a7a7a); /* for firefox 3.6+ */
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .8);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}

#totals {
    margin:auto;
}

#total_data td:nth-child(2) {
    border-radius: 5px 0 0 5px;
}

#total_data td:last-child  {
    border-radius: 0 5px 5px 0;
}

.total_data {
    width: 200px;
    font-size: 40pt;
    color: #ffffff;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#0000b0), to(#000050)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #a9a9a9,  #7a7a7a); /* for firefox 3.6+ */
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .8);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}

#records {
    margin:auto;
}

#record_data td:nth-child(2) {
    border-radius: 5px 0 0 5px;
}

#record_data td:last-child  {
    border-radius: 0 5px 5px 0;
}

.record_data {
    width: 200px;
    font-size: 40pt;
    color: #ffffff;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#b00000), to(#500000)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #a9a9a9,  #7a7a7a); /* for firefox 3.6+ */
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .8);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}

.narrow {
  width:80px;
}
.small {
  font-size:12pt;
}
.img-embed {
  display: inline-block;
  position:relative;
  top:-170px;
  left:-80px;
  margin-right:-80px;
  margin-bottom:-140px;
}
.transparent {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(176, 176, 176, 0.5)), to(rgba(80, 80, 80, 0.5))); /* for webkit browsers */
  background: -moz-linear-gradient(top,  rgba(176, 176, 176, 0.5),  rgba(80, 80, 80, 0.5)); /* for firefox 3.6+ */
}

.hidden {
    display:none;
}

.chart {
  width:  320px;
  height: 255px
}

.time_chart {
  border: solid black 0px;
}