/* General CSS for the BikeRides */

@import "https://css.VybeNetworks.com/Vybe.css";
@import "https://css.VybeNetworks.com/nav_horiz.css";

/* page defaults */
HTML, BODY {
  font-family : 'arial', 'helvetica', sans-serif, verdana;
  font-size : 14pt;
  text-decoration : none;
  color : #000000;
  border-color: #c0c040;
  padding: 20px;
  margin: 0;
  background-color: #e8d8b0;
}

BODY {
  margin: auto;
  padding: 0;
}

TBODY {
  padding: 0;
  margin: 0;
  width: 100%;
}

/* some simple mixins */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }

/* some basic defaults */
TD {
  vertical-align: top;
  text-align: left;
}
TABLE {
  text-align: center;
  vertical-align: top;
  border-style: None;
}
H1 { margin: 0; }

A:link {
    text-decoration: none;
    color: #a03050;
}
A:visited {
    text-decoration: none;
    color: #a03050;
}
A:hover {
    background: #ffffff;
    text-decoration: underline overline;
}

.menulist {
  float: left;
  font-size: medium;
  width: 100%;
  display: inline;
}
.menulist-left {
  text-align: left;
}
.menulist-middle {
  text-align: center;
}
.menulist-right {
  text-align: right;
}


SECTION {
  width: 100%;
  text-align: left;
  float: left;
  max-width: 990px;
  margin: auto;
}

FOOTER {
  display: inline-block;
  font-size: 8pt;
  padding: 2px;
  vertical-align: bottom;
  width: 100%;
}

LI.BikeRides {
  display: inline;
  list-style: none;
  word-spacing: normal;
  margin-right: -2pt;
  font-size: 80%;
}

A.BikeRides-menu {
  border: 1px solid #777777;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
  background-color: #efeff2;
  white-space: nowrap;
}

LI.menuitem {
  display: inline;
  list-style: none;
  word-spacing: normal;
  font-size: 125%;
  padding: 2px;
}

UL.menuitem {
  padding: 0;
  margin: 0;
}
.menuitem a {
  border: 1px outset #e8e8e8;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
  background-color: #d8d8d8;
  white-space: nowrap;
  border-radius: 8px;
}
.menuitem a:hover {
  background-color: #dddddd;
}

ADDRESS {
  font-size: 9pt;
  color: #888888;
}

.message {
  color: red;
  text-align: left;
}

TABLE.BikeRides {
  border-style: double;
  border-width: 3px;
  margin: auto;
}
TR.BikeRides {
  border-style: solid;
  border-width: 3px;
  padding: 5px;
}
TD.BikeRides {
  border-style: none;
  border-width: 1px;
  padding: 3px;
}
TR.BikeRides:nth-child(odd) { background-color: #c4c4c4; }
TR.BikeRides:nth-child(even) { background-color: #d4d4d4; }

.BikeRides {
  width: 990px;
}

.listing TABLE {
  min-width: 480px;
}