/* start generic page layouts */

body {
  background-color: #eeeeee;
  margin: 0;
  border: 0;
  padding: 0;
  min-width: 0px;

  font-family: Calibri, Arial, sans-serif;
  font-size: 115%;
  color: #111111;
}

#header {
  background-color: #aa7700;
  margin: 0;
  border: 0;
  padding: 7;
  padding-top: 15;
  text-align: center;
}

#header > h1, h2 {
  color: #111111;
  margin: 0;
  border: 0;
  padding: 15;
  line-height: 0;
}

#header > h1 {
  font-size: xx-large;
}

#header > h2 {
  font-size: large;
}

#login {
  color: #eeeeee;
  float: right;
  padding-top: 6;
  padding-right: 8;
  line-height: 1;
}

#login > p {
  margin: 0;
}

#login > p > a {
  color: #eeeeee;
  text-decoration: none;
}

#editBike, #uneditBike {
  width: 100%;
  text-align: right;
  margin: 0;
  padding: 0;
  padding-bottom: 5;
  text-decoration: none;
}

#error {
  margin-top: 40;
  margin-bottom: 20;
}

.error {
  color: red;
  line-height: 50%;
}

.center {
  text-align: center;
}

.indented {
  margin-left: 25;
}

#nav {
  width: 100%;
  margin: auto;
  text-align: center;
  white-space: nowrap;
  margin-bottom: 40;
}

.nav > li {
  list-style-type: none;
  display: inline;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-left: 5px;
  margin-right: 5px;
  border: 1px solid #000000;
  text-align: center;
  font-size: medium;
}

.nav > li > a {
  text-decoration: none;
  color: #111111;
}

.nav > li > a:hover {
  color: #aa7700;
  text-decoration: none;
  cursor: pointer;
}


#footer {
  clear: right;
  width: 80%;
  margin: auto;
  text-align: center;
  margin-top: 110;
  margin-bottom: 20;
}

#footer > p {
  margin: 0;
  border: 0;
  padding: 0;
}

#footer > .img {
  margin-top: 10;
}

#content {
  width: 80%;
  margin: auto;
}

#content h3 {
  font-size: large;
  margin-bottom: 5;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

#content h6 {
  font-size: large;
  margin-bottom: 5;
  margin-top: 20;
  padding-top: 0;
  padding-bottom: 0;
}

.narrow {
  width: 66%;
  margin: auto;
}

p, li {
  font-size: medium;
}

td {
  vertical-align: top;
  padding-left: 3;
  padding-right: 3;
}

.border td, tr {
  border: 1px solid #999999;
  border-collapse: collapse;
  margin: 0;
}

/* end generic page layouts */


/* start two-column page layouts */

.twocolumns {
  padding-top: 10;
  clear: right;
}

.widecolumn1 {
  width: 35%;
  padding-right: 15;
}

.widecolumn2 {
  width: 65%;
  padding-left: 15;
  text-align: center;
  float: right;
}

.widecolumn2 > div {
  text-align: left;
}

.column1 {
  margin-top: 10;
  width: 50%;
  padding-right: 20;
}

.column2 {
  margin-top: 10;
  width: 50%;
  padding-left: 20;
  float: right;
}

.column1 > h3, .column2 > h3 {
  font-size: large;
  margin-bottom: 5;
  margin-top: 25;
  padding-bottom: 0;
}

.column1 > ul, .column2 > ul {
  margin: 0;
}

/* end two-column page layouts */

/* begin bike detail layout */

.bike_listing > .widecolumn1 > h4 {
  font-size: 100%;
  margin-top: 10;
  margin-bottom: 0;
}

.bike_listing > .widecolumn1 > table {
  margin-left: 10;
  border-collapse: collapse;
}

/* begin bike listing layout */

.bikelist {
 border-collapse: collapse;
 width: 95%;
 margin-bottom: 30;
}

.bikelist > td, tr {
  border: 0;
}

th {
  text-align: left;
}

h5 {
  font-size: 110%;
  padding: 3;
  margin: 0;
  border: 0;
  background-color: #aa7700;
  width: 95%;
}

#selector {
  width: 100%;
  font-size: 50%;
}

.select {
  list-style-type: none;
}

.select > input[type=checkbox] {
  transform: scale(0.75);
}

legend {
  text-align: center;
  padding: 5;
}

fieldset {
  border: 1;
  padding: 5;
  border-radius: 8px;
}

.note {
  font-size: 70%;
}

#hiddenContent {
  width: 100%;
}

#pictureFrame {
  width: 100%;
  text-align: center;
}