/*-------------------------------------------
Find styles
---------------------------------------------

These styles are for the find pages.

Ben Sturmfels

------------------------------------------*/

#ride-info {
  clear: right;
  margin: 1em 0;
}

th {
  vertical-align: bottom;
  text-align: left;
  background: #019fc2;
  color: white;
  padding: 0.5em;
}
th a {
  color: white;
  display: block;
}
td {
  vertical-align: top;
  width: auto;
  padding: 0.5em 0.5em 0.5em 0.5em;
}

th em { line-height: inherit; }

.when { width: 8em; }
.name { width: 14em; }
#ride-list.level { width: 5em; } /* conflict with #page-info.level */
.surface { width: 6em; }
.km { width: 6em; }
.by { width: 10em; }

.club-name { width: 16em; }
.club-where { width: 13em; }
.club-when { width: 13em; }
.club-activities { width: 15em; }

#form-controls {
  clear: both;
}

#ride-info label {
  font-weight: bold;
  display: block;
  width: 7em;
  clear: left;
  float: left;
}

#ride-info label.long {
  display: inline;
  width: auto;
  float: none;
}

p { max-width: 55em; } /* over-ride default.css */

#ride-info tr { border-bottom: 1px solid white; }

#ride-info textarea { vertical-align: top }

/* background colour blocks */
.a { background: #71C8C2; }
.b { background: #EEFFFF; }
.c { background: #DDEEEE; }
tr.b td { padding-top: 0.8em; }
.a label { color: white; }

/* floating elements ignore the top margin of clearing */
.email { margin-bottom: 1em; }

#ride-info.club label { width: 11em; }

/* zebra stripes on lists */
#ride-list tr.odd { background: #eee; }

.fields-block { float: left;}
.fields-block label { float: none; display: inline;}
.fields-block input { float: none;}

#form-find-filter {
  clear: both;
  background: #dde;
  padding: 0.5em 1em;
  margin: 0.5em 0 1em;
}

#form-find-filter label {
 display: inline;
 width: auto;
 float: none;
}

#form-find-filter img {
  float: none;
  display: inline;
  vertical-align: middle;
}

#form-find-filter input {
  vertical-align: middle;
}

/* cancel button */
#form-controls a img { vertical-align: bottom; }

#page-summary { overflow: auto; }

/* styles pulled from find_shop/index.html */
table#finda { width: 100% }
form#form_search { float: left;}
form#form_reset  { float: right;}

.pagination {
  background: #dde;
  color: #264770;
  padding: 4px 2px 4px 7px;
  border: 1px solid #ddd;
  margin: 0 0 1.5em;
  clear: both;
  width: 100%;
}
.pagination span { text-align: right; }
.pagination span a:link, .pagination p a:visited, 
.pagination p a:hover, .pagination p a:active {
  text-decoration: none; 
  background: #fff;
  padding: 2px 5px;
  border: 1px solid #ccc;
}
.pagination * { margin: 0; }
#main-content { width: 75%; }