/* general typography */
.leaflet-container {
  background:#fff;
  font:15px/25px 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color:#404040;
  color:rgba(0,0,0,0.75);
  outline:0;
  overflow:hidden;
  -ms-touch-action:none;
  }
.leaflet-container *,
.leaflet-container *:after,
.leaflet-container *:before {
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
  }

.leaflet-container h1,
.leaflet-container h2,
.leaflet-container h3,
.leaflet-container h4,
.leaflet-container h5,
.leaflet-container h6,
.leaflet-container p {
  font-size:15px;
  line-height:25px;
  margin:0 0 10px;
  }
.mapbox-small,
.leaflet-control-attribution,
.leaflet-control-scale,
.leaflet-container input,
.leaflet-container textarea,
.leaflet-container label,
.leaflet-container small {
  font-size:12px;
  line-height:20px;
  }

.leaflet-container a            {
  color:#3887BE;
  font-weight:normal;
  text-decoration:none;
  }
.leaflet-container a:hover      { color:#63b6e5; }
.leaflet-container.dark a       { color:#63b6e5; }
.leaflet-container.dark a:hover { color:#8fcaec; }

.leaflet-container.dark .mapbox-button,
.leaflet-container .mapbox-button {
  background-color:#3887be;
  display:inline-block;
  height:40px;
  line-height:40px;
  text-decoration:none;
  color:#fff;
  font-size:12px;
  white-space:nowrap;
  text-overflow:ellipsis;
  }
  .leaflet-container.dark .mapbox-button:hover,
  .leaflet-container .mapbox-button:hover {
    color:#fff;
    background-color:#3bb2d0;
    }

/* Base Leaflet
------------------------------------------------------- */
.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-tile-container,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position:absolute;
  left:0;
  top:0;
  }

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-drag:none;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  }
.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
  }

.leaflet-tile {
  filter:inherit;
  visibility:hidden;
  }
.leaflet-tile-loaded {
  visibility:inherit;
  }
.leaflet-zoom-box {
  width:0;
  height:0;
  }

.leaflet-tile-pane    { z-index:2; }
.leaflet-objects-pane { z-index:3; }
.leaflet-overlay-pane { z-index:4; }
.leaflet-shadow-pane  { z-index:5; }
.leaflet-marker-pane  { z-index:6; }
.leaflet-popup-pane   { z-index:7; }

.leaflet-control {
  position:relative;
  z-index:7;
  pointer-events:auto;
  float:left;
  clear:both;
  }
  .leaflet-right .leaflet-control   { float:right; }
  .leaflet-top .leaflet-control     { margin-top:10px; }
  .leaflet-bottom .leaflet-control  { margin-bottom:10px; }
  .leaflet-left .leaflet-control    { margin-left:10px; }
  .leaflet-right .leaflet-control   { margin-right:10px; }

.leaflet-top,
.leaflet-bottom {
  position:absolute;
  z-index:1000;
  pointer-events:none;
  }
  .leaflet-top    { top:0; }
  .leaflet-right  { right:0; }
  .leaflet-bottom { bottom:0; }
  .leaflet-left   { left:0; }

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
  opacity:0;
  -webkit-transition:opacity 0.2s linear;
     -moz-transition:opacity 0.2s linear;
       -o-transition:opacity 0.2s linear;
          transition:opacity 0.2s linear;
  }
  .leaflet-fade-anim .leaflet-tile-loaded,
  .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity:1;
    }

.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition:-webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
     -moz-transition:   -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
       -o-transition:     -o-transform 0.25s cubic-bezier(0,0,0.25,1);
          transition:        transform 0.25s cubic-bezier(0,0,0.25,1);
  }
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated {
  -webkit-transition:none;
     -moz-transition:none;
       -o-transition:none;
          transition:none;
  }
.leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; }

/* cursors */
.map-clickable,
.leaflet-clickable {
  cursor: pointer;
  }
.leaflet-popup-pane,
.leaflet-control {
  cursor:auto;
  }
.leaflet-container {
  cursor:-webkit-grab;
  cursor:   -moz-grab;
  }
.leaflet-dragging,
.leaflet-dragging .map-clickable,
.leaflet-dragging .leaflet-clickable,
.leaflet-dragging .leaflet-container {
  cursor:move;
  cursor:-webkit-grabbing;
  cursor:   -moz-grabbing;
  }

.leaflet-zoom-box {
  background:#fff;
  border:2px dotted #202020;
  opacity:0.5;
  }

/* general toolbar styles */
.leaflet-control-layers,
.leaflet-bar {
  background-color:#fff;
  border:1px solid #999;
  border-color:rgba(0,0,0,0.4);
  border-radius:3px;
  box-shadow:none;
  }
.leaflet-bar a,
.leaflet-bar a:hover {
  color:#404040;
  color:rgba(0,0,0,0.75);
  border-bottom:1px solid #ddd;
  border-bottom-color:rgba(0,0,0,0.10);
  }
  .leaflet-bar a:hover,
  .leaflet-bar a:active {
    background-color:#f8f8f8;
    cursor:pointer;
    }
  .leaflet-bar a:first-child {
    border-radius:3px 3px 0 0;
    }
  .leaflet-bar a:last-child {
    border-bottom:none;
    border-radius:0 0 3px 3px;
    }
  .leaflet-bar a:only-of-type {
    border-radius:3px;
    }

.leaflet-bar .leaflet-disabled {
  cursor:default;
  opacity:0.75;
  }
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  display:block;
  content:'';
  text-indent:-999em;
  }

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display:none;
  }
  .leaflet-control-layers-expanded .leaflet-control-layers-list {
    display:block;
    position:relative;
    }

.leaflet-control-layers-expanded {
  background:#fff;
  padding:6px 10px 6px 6px;
  color:#404040;
  color:rgba(0,0,0,0.75);
  }
.leaflet-control-layers-selector {
  margin-top:2px;
  position:relative;
  top:1px;
  }
.leaflet-control-layers label {
  display: block;
  }
.leaflet-control-layers-separator {
  height:0;
  border-top:1px solid #ddd;
  border-top-color:rgba(0,0,0,0.10);
  margin:5px -10px 5px -6px;
  }

.leaflet-container .leaflet-control-attribution {
  background-color:rgba(255,255,255,0.25);
  margin:0;
  box-shadow:none;
  }
.leaflet-control-attribution a:hover,
.map-info-container a:hover {
  color:inherit;
  text-decoration:underline;
  }

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding:0 5px;
  }
  .leaflet-left .leaflet-control-scale    { margin-left:5px; }
  .leaflet-bottom .leaflet-control-scale  { margin-bottom:5px; }

.leaflet-control-scale-line {
  background-color:rgba(255,255,255,0.5);
  border:1px solid #999;
  border-color:rgba(0,0,0,0.4);
  border-top:none;
  padding:2px 5px 1px;
  white-space:nowrap;
  overflow:hidden;
  }
  .leaflet-control-scale-line:not(:first-child) {
    border-top:2px solid #ddd;
    border-top-color:rgba(0,0,0,0.10);
    border-bottom:none;
    margin-top:-2px;
    }
  .leaflet-control-scale-line:not(:first-child):not(:last-child) {
    border-bottom:2px solid #777;
    }

/* popup */
.leaflet-popup {
  position:absolute;
  text-align:center;
  pointer-events:none;
  }
.leaflet-popup-content-wrapper {
  padding:1px;
  text-align:left;
  pointer-events:all;
  }
.leaflet-popup-content {
  padding:10px 10px 15px;
  margin:0;
  line-height:inherit;
  }
.leaflet-popup-tip-container {
  width:20px;
  height:20px;
  margin:0 auto;
  position:relative;
  }
.leaflet-popup-tip {
  width:0;
	height:0;
  margin:0;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:10px solid #fff;
  box-shadow:none;
  }
.leaflet-popup-close-button {
  text-indent:-999em;
  position:absolute;
  top:0;right:0;
  pointer-events:all;
  }
  .leaflet-popup-close-button:hover {
    background-color:#f8f8f8;
    }

.leaflet-popup-scrolled {
  overflow:auto;
  border-bottom:1px solid #ddd;
  border-top:1px solid #ddd;
  }

/* div icon */
.leaflet-div-icon {
  background:#fff;
  border:1px solid #999;
  border-color:rgba(0,0,0,0.4);
  }
.leaflet-editing-icon {
  border-radius:3px;
  }

/* Leaflet + Mapbox
------------------------------------------------------- */
.leaflet-bar a,
.mapbox-icon,
.map-tooltip.closable .close,
.leaflet-control-layers-toggle,
.leaflet-popup-close-button,
.mapbox-button-icon:before {
  content:'';
  display:inline-block;
  width:26px;
  height:26px;
  vertical-align:middle;
  background-repeat:no-repeat;
  }
.leaflet-bar a {
  display:block;
  }

.leaflet-control-zoom-in,
.leaflet-control-zoom-out,
.leaflet-popup-close-button,
.leaflet-control-layers-toggle,
.leaflet-container.dark .map-tooltip .close,
.map-tooltip .close,
.mapbox-icon {
  opacity: .75;
  background-image:url(/assets/icons-000000.png);
  background-repeat:no-repeat;
  background-size:26px 260px;
  }
  .mapbox-button-icon:before,
  .leaflet-container.dark .leaflet-control-zoom-in,
  .leaflet-container.dark .leaflet-control-zoom-out,
  .leaflet-container.dark .leaflet-control-layers-toggle,
  .leaflet-container.dark .mapbox-icon {
    opacity: 1;
    background-image:url(/assets/icons-ffffff.png);
    background-size:26px 260px;
    }
  .leaflet-bar .leaflet-control-zoom-in                 { background-position:0 0; }
  .leaflet-bar .leaflet-control-zoom-out                { background-position:0 -26px; }
  .map-tooltip .close, .leaflet-popup-close-button      { background-position:0 -52px; }
  .mapbox-icon-info                                     { background-position:0 -78px; }
  .leaflet-control-layers-toggle                        { background-position:0 -104px; }
  .mapbox-icon-share:before, .mapbox-icon-share         { background-position:0 -130px; }
  .mapbox-icon-geocoder:before, .mapbox-icon-geocoder   { background-position:0 -156px; }
  .mapbox-icon-facebook:before, .mapbox-icon-facebook   { background-position:0 -182px; }
  .mapbox-icon-twitter:before, .mapbox-icon-twitter     { background-position:0 -208px; }
  .mapbox-icon-pinterest:before, .mapbox-icon-pinterest { background-position:0 -234px; }

@media
  (-webkit-min-device-pixel-ratio:2),
  (min-resolution:192dpi) {
    .leaflet-control-zoom-in,
    .leaflet-control-zoom-out,
    .leaflet-popup-close-button,
    .leaflet-control-layers-toggle,
    .mapbox-icon {
      background-image:url(/assets/icons-000000@2x.png);
      }
    .mapbox-button-icon:before,
    .leaflet-container.dark .leaflet-control-zoom-in,
    .leaflet-container.dark .leaflet-control-zoom-out,
    .leaflet-container.dark .leaflet-control-layers-toggle,
    .leaflet-container.dark .mapbox-icon {
      background-image:url(/assets/icons-ffffff@2x.png);
      }
}

.leaflet-popup-content-wrapper,
.map-legends,
.map-tooltip {
  background:#fff;
  border-radius:3px;
  box-shadow:0 1px 2px rgba(0,0,0,0.10);
  }
.map-legends,
.map-tooltip {
  max-width:300px;
  }
.map-legends .map-legend {
  padding:10px;
  }
.map-tooltip {
  z-index:999999;
  padding:10px;
  min-width:180px;
  max-height:400px;
  overflow:auto;
  opacity:1;
  -webkit-transition:opacity 150ms;
     -moz-transition:opacity 150ms;
       -o-transition:opacity 150ms;
          transition:opacity 150ms;
  }

.map-tooltip .close {
  text-indent:-999em;
  overflow:hidden;
  display:none;
  }
  .map-tooltip.closable .close {
    position:absolute;
    top:0;right:0;
    border-radius:3px;
    }
    .map-tooltip.closable .close:active  {
      background-color:#f8f8f8;
      }

.leaflet-control-interaction {
  position:absolute;
  top:10px;
  right:10px;
  width:300px;
  }
.leaflet-popup-content .marker-title {
  font-weight:bold;
  }
.leaflet-control .mapbox-button {
  background-color:#fff;
  border:1px solid #ddd;
  border-color:rgba(0,0,0,0.10);
  padding:5px 10px;
  border-radius:3px;
  }

/* Share modal
------------------------------------------------------- */
.mapbox-modal > div {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:-1;
  overflow-y:auto;
  }
  .mapbox-modal.active > div {
    z-index:99999;
    transition:all .2s, z-index 0 0;
    }

.mapbox-modal .mapbox-modal-mask {
  background:rgba(0,0,0,0.5);
  opacity:0;
  }
  .mapbox-modal.active .mapbox-modal-mask { opacity:1; }

.mapbox-modal .mapbox-modal-content {
  -webkit-transform:translateY(-100%);
     -moz-transform:translateY(-100%);
      -ms-transform:translateY(-100%);
          transform:translateY(-100%);
  }
  .mapbox-modal.active .mapbox-modal-content {
    -webkit-transform:translateY(0);
       -moz-transform:translateY(0);
        -ms-transform:translateY(0);
            transform:translateY(0);
    }

.mapbox-modal-body {
  position:relative;
  background:#fff;
  padding:20px;
  z-index:1000;
  width:50%;
  margin:20px 0 20px 25%;
  }
.mapbox-share-buttons {
  margin:0 0 20px;
  }
.mapbox-share-buttons a {
  width:33.3333%;
  border-left:1px solid #fff;
  text-align:center;
  border-radius:0;
  }
  .mapbox-share-buttons a:last-child  { border-radius:0 3px 3px 0; }
  .mapbox-share-buttons a:first-child { border:none; border-radius:3px 0 0 3px; }

.mapbox-modal input {
  width:100%;
  height:40px;
  padding:10px;
  border:1px solid #ddd;
  border-color:rgba(0,0,0,0.10);
  color:rgba(0,0,0,0.5);
  }

/* Info Control
------------------------------------------------------- */
.leaflet-control.mapbox-control-info {
  margin:5px 30px 10px 10px;
  min-height:26px;
  }
  .leaflet-control.mapbox-control-info-right {
    margin:5px 10px 10px 30px;
    }

.mapbox-info-toggle {
  background-color:#fff;
  background-color:rgba(255,255,255,0.5);
  border-radius:50%;
  position:absolute;
  bottom:0;left:0;
  z-index:1;
  }
  .mapbox-control-info-right .mapbox-info-toggle  { left:auto; right:0; }
  .mapbox-info-toggle:hover { background-color:#fff; }

.map-info-container {
  background:#fff;
  padding:3px 5px 3px 27px;
  display:none;
  position:relative;
  bottom:0;left:0;
  border-radius:13px 3px 3px 13px;
  }
.mapbox-control-info.active .map-info-container {
  display:inline-block;
  }
.mapbox-control-info-right .map-info-container {
  left: auto;
  right: 0;
  padding: 3px 27px 3px 5px;
  border-radius:3px 13px 13px 3px;
  }

/* Geocoder
------------------------------------------------------- */
.leaflet-control-mapbox-geocoder {
  position:relative;
  }
.leaflet-control-mapbox-geocoder.searching {
  opacity:0.75;
  }
.leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-wrap {
  background:#fff;
  position:absolute;
  border:1px solid #999;
  border-color:rgba(0,0,0,0.4);
  border-bottom-width:0;
  overflow:hidden;
  left:26px;
  height:27px;
  width:0;
  top:-1px;
  border-radius:0 3px 3px 0;
  opacity:0;
  -webkit-transition:opacity 100ms;
     -moz-transition:opacity 100ms;
       -o-transition:opacity 100ms;
          transition:opacity 100ms;
  }
.leaflet-control-mapbox-geocoder.active .leaflet-control-mapbox-geocoder-wrap {
  width:180px;
  opacity:1;
  }
.leaflet-bar .leaflet-control-mapbox-geocoder-toggle,
.leaflet-bar .leaflet-control-mapbox-geocoder-toggle:hover {
  border-bottom:none;
  }
.leaflet-control-mapbox-geocoder-toggle {
  border-radius:3px;
  }
.leaflet-control-mapbox-geocoder.active,
.leaflet-control-mapbox-geocoder.active .leaflet-control-mapbox-geocoder-toggle {
  border-top-right-radius:0;
  border-bottom-right-radius:0;
  }
.leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-form input {
  background:transparent;
  border:0;
  width:180px;
  padding:0 0 0 10px;
  height:26px;
  outline:none;
  }
.leaflet-control-mapbox-geocoder-results {
  width:180px;
  position:absolute;
  left:26px;
  top:25px;
  border-radius:0 0 3px 3px;
  }
  .leaflet-control-mapbox-geocoder.active .leaflet-control-mapbox-geocoder-results {
    background:#fff;
    border:1px solid #999;
    border-color:rgba(0,0,0,0.4);
    }

.leaflet-control-mapbox-geocoder-results a,
.leaflet-control-mapbox-geocoder-results span {
  padding:0 10px;
  text-overflow:ellipsis;
  white-space:nowrap;
  display:block;
  width:100%;
  font-size:12px;
  line-height:26px;
  text-align:left;
  overflow:hidden;
  }
  .leaflet-control-mapbox-geocoder-results a:first-child {
    border-top:1px solid #999;
    border-top-color:rgba(0,0,0,0.4);
    border-radius:0;
    }
  .leaflet-container.dark .leaflet-control .leaflet-control-mapbox-geocoder-results a:hover,
  .leaflet-control-mapbox-geocoder-results a:hover {
    background:#f8f8f8;
    opacity:1;
    }

/* Dark Theme
------------------------------------------------------- */
.leaflet-container.dark .leaflet-bar {
  background-color:#404040;
  border-color:#202020;
  border-color:rgba(0,0,0,0.75);
  }
  .leaflet-container.dark .leaflet-bar a {
    color:#404040;
    border-color:rgba(0,0,0,0.5);
    }
  .leaflet-container.dark .leaflet-bar a:active,
  .leaflet-container.dark .leaflet-bar a:hover {
    background-color:#505050;
    }

.leaflet-container.dark .mapbox-info-toggle,
.leaflet-container.dark .map-info-container,
.leaflet-container.dark .leaflet-control-attribution {
  background-color:rgba(0,0,0,0.25);
  color:#f8f8f8;
  }
.leaflet-container.dark .leaflet-bar a.leaflet-disabled,
.leaflet-container.dark .leaflet-control .mapbox-button.disabled {
  background-color:#252525;
  color:#404040;
  }
.leaflet-container.dark .leaflet-control-mapbox-geocoder > div {
  border-color:#202020;
  border-color:rgba(0,0,0,0.75);
  }
  .leaflet-container.dark .leaflet-control .leaflet-control-mapbox-geocoder-results a {
    border-color:#ddd #202020;
    border-color:rgba(0,0,0,0.10) rgba(0,0,0,0.75);
    }
  .leaflet-container.dark .leaflet-control .leaflet-control-mapbox-geocoder-results span {
    border-color:#202020;
    border-color:rgba(0,0,0,0.75);
    }

/* Larger Screens
------------------------------------------------------- */
@media only screen and (max-width:800px) {
.mapbox-modal-body {
  width:83.3333%;
  margin-left:8.3333%;
  }
}

/* Smaller Screens
------------------------------------------------------- */
@media only screen and (max-width:640px) {
.mapbox-modal-body {
  width:100%;
  height:100%;
  margin:0;
  }
}

/* Browser Fixes
------------------------------------------------------- */
/* Map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container img { max-width:none!important; }
/* Stupid Android 2 doesn't understand "max-width: none" properly */
.leaflet-container img.leaflet-image-layer { max-width:15000px!important; }
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg { -moz-user-select:none; }
/* Older IEs don't support the translateY property for display animation */
.leaflet-oldie .mapbox-modal .mapbox-modal-content        { display:none; }
.leaflet-oldie .mapbox-modal.active .mapbox-modal-content { display:block; }
.map-tooltip { width:280px\8; /* < IE9 */ }

    /*
    }
      960 Grid System ~ Core CSS.
      Learn more ~ http://960.gs/

      Licensed under GPL and MIT.
    */
    /*
      Forces backgrounds to span full width,
      even if there is horizontal scrolling.
      Increase this if your layout is wider.

      Note: IE6 works fine without this fix.
    */
    body {
        min-width: 960px;
    }

    /* `Container
    ----------------------------------------------------------------------------------------------------*/
    .container_12 {
        margin-left: auto;
        margin-right: auto;
        width: 960px;
    }

    /* `Grid >> Global
    ----------------------------------------------------------------------------------------------------*/
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12 {
        display: inline;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
    }

    .push_1, .pull_1,
    .push_2, .pull_2,
    .push_3, .pull_3,
    .push_4, .pull_4,
    .push_5, .pull_5,
    .push_6, .pull_6,
    .push_7, .pull_7,
    .push_8, .pull_8,
    .push_9, .pull_9,
    .push_10, .pull_10,
    .push_11, .pull_11 {
        position: relative;
    }

    /* `Grid >> Children (Alpha ~ First, Omega ~ Last)
    ----------------------------------------------------------------------------------------------------*/
    .alpha {
        margin-left: 0;
    }

    .omega {
        margin-right: 0;
    }

    /* `Grid >> 12 Columns
    ----------------------------------------------------------------------------------------------------*/
    .container_12 .grid_1 {
        width: 60px;
    }

    .container_12 .grid_2 {
        width: 140px;
    }

    .container_12 .grid_3 {
        width: 220px;
    }

    .container_12 .grid_4 {
        width: 300px;
    }

    .container_12 .grid_5 {
        width: 380px;
    }

    .container_12 .grid_6 {
        width: 460px;
    }

    .container_12 .grid_7 {
        width: 540px;
    }

    .container_12 .grid_8 {
        width: 620px;
    }

    .container_12 .grid_9 {
        width: 700px;
    }

    .container_12 .grid_10 {
        width: 780px;
    }

    .container_12 .grid_11 {
        width: 860px;
    }

    .container_12 .grid_12 {
        width: 940px;
    }

    /* `Prefix Extra Space >> 12 Columns
    ----------------------------------------------------------------------------------------------------*/
    .container_12 .prefix_1 {
        padding-left: 80px;
    }

    .container_12 .prefix_2 {
        padding-left: 160px;
    }

    .container_12 .prefix_3 {
        padding-left: 240px;
    }

    .container_12 .prefix_4 {
        padding-left: 320px;
    }

    .container_12 .prefix_5 {
        padding-left: 400px;
    }

    .container_12 .prefix_6 {
        padding-left: 480px;
    }

    .container_12 .prefix_7 {
        padding-left: 560px;
    }

    .container_12 .prefix_8 {
        padding-left: 640px;
    }

    .container_12 .prefix_9 {
        padding-left: 720px;
    }

    .container_12 .prefix_10 {
        padding-left: 800px;
    }

    .container_12 .prefix_11 {
        padding-left: 880px;
    }

    /* `Suffix Extra Space >> 12 Columns
    ----------------------------------------------------------------------------------------------------*/
    .container_12 .suffix_1 {
        padding-right: 80px;
    }

    .container_12 .suffix_2 {
        padding-right: 160px;
    }

    .container_12 .suffix_3 {
        padding-right: 240px;
    }

    .container_12 .suffix_4 {
        padding-right: 320px;
    }

    .container_12 .suffix_5 {
        padding-right: 400px;
    }

    .container_12 .suffix_6 {
        padding-right: 480px;
    }

    .container_12 .suffix_7 {
        padding-right: 560px;
    }

    .container_12 .suffix_8 {
        padding-right: 640px;
    }

    .container_12 .suffix_9 {
        padding-right: 720px;
    }

    .container_12 .suffix_10 {
        padding-right: 800px;
    }

    .container_12 .suffix_11 {
        padding-right: 880px;
    }

    /* `Push Space >> 12 Columns
    ----------------------------------------------------------------------------------------------------*/
    .container_12 .push_1 {
        left: 80px;
    }

    .container_12 .push_2 {
        left: 160px;
    }

    .container_12 .push_3 {
        left: 240px;
    }

    .container_12 .push_4 {
        left: 320px;
    }

    .container_12 .push_5 {
        left: 400px;
    }

    .container_12 .push_6 {
        left: 480px;
    }

    .container_12 .push_7 {
        left: 560px;
    }

    .container_12 .push_8 {
        left: 640px;
    }

    .container_12 .push_9 {
        left: 720px;
    }

    .container_12 .push_10 {
        left: 800px;
    }

    .container_12 .push_11 {
        left: 880px;
    }

    /* `Pull Space >> 12 Columns
    ----------------------------------------------------------------------------------------------------*/
    .container_12 .pull_1 {
        left: -80px;
    }

    .container_12 .pull_2 {
        left: -160px;
    }

    .container_12 .pull_3 {
        left: -240px;
    }

    .container_12 .pull_4 {
        left: -320px;
    }

    .container_12 .pull_5 {
        left: -400px;
    }

    .container_12 .pull_6 {
        left: -480px;
    }

    .container_12 .pull_7 {
        left: -560px;
    }

    .container_12 .pull_8 {
        left: -640px;
    }

    .container_12 .pull_9 {
        left: -720px;
    }

    .container_12 .pull_10 {
        left: -800px;
    }

    .container_12 .pull_11 {
        left: -880px;
    }

    /* `Clear Floated Elements
    ----------------------------------------------------------------------------------------------------*/
    /* http://sonspring.com/journal/clearing-floats */
    .clear {
        clear: both;
        display: block;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0;
    }

    /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
    .clearfix:before,
    .clearfix:after,
    .container_12:before,
    .container_12:after {
        content: '.';
        display: block;
        overflow: hidden;
        visibility: hidden;
        font-size: 0;
        line-height: 0;
        width: 0;
        height: 0;
    }

    .clearfix:after,
    .container_12:after {
        clear: both;
    }

    /*
      The following zoom:1 rule is specifically for IE6 + IE7.
      Move to separate stylesheet if invalid CSS is a problem.
    */
    .clearfix,
    .container_12 {
        zoom: 1;
    }

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a{
  cursor: pointer;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}/* CSS Document */

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *




*/

body {
  font-family: "gillsans";
}

input {
  font-family: "gillsans";
}

body {
  background-color: #edecea;
  /*font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;*/
  color: #000;
  min-height: 100%
}

input {
  /*font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;*/
  color: #000;
}

.vehicle_selection
{
  display: block;
  margin-right: 20px;
  color: white;
  text-decoration: underline;
  line-height: 30px;
  float: right;
}

.vehicle_selection_details
{
  float: right;
  margin-top: 3px;
  margin-right: 20px;
  padding-top: 4px;
  padding-bottom: 4px;
  color: #fff;
}

.vehicle_selection_details_number_plate
{
  padding: 0 8px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
  color: #000;
  margin-left: 6px;
}

.tablet_header {
  background-color: white;
}

/* Structure */
.container {
  width: 960px;
  margin: 0 auto;
}

.tab, .mob, .not-desk {
  display: none;
}

.grid1,
.grid2,
.grid3,
.grid4,
.grid5,
.grid6,
.grid7,
.grid8,
.grid9,
.grid10,
.grid11,
.grid12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.container .grid1 {
  width: 60px;
}

.container .grid2 {
  width: 140px;
}

.container .grid3 {
  width: 220px;
}

.container .grid4 {
  width: 300px;
}

.container .grid5 {
  width: 380px;
}

.container .grid6 {
  width: 460px;
}

.container .grid7 {
  width: 540px;
}

.container .grid8 {
  width: 620px;
}

.container .grid9 {
  width: 700px;
}

.container .grid10 {
  width: 780px;
}

.container .grid11 {
  width: 860px;
}

.container .grid12 {
  width: 940px;
}

/* typography */
a {
  color: #cc3333;
  text-decoration: none;
}

a:hover, a:focus {
  color: #000;
  text-decoration: underline;
}

p {
  margin-bottom: 22px;
  font-size: 1em;
  line-height: 1.6;
}

blockquote {
  color: #cc3333;
  margin-bottom: 22px;
}

.meta {
  font-size: 0.8em;
  color: #777;
  font-weight: normal;
}

.positive {
  color: green;
}

.negative {
  color: red;
}

/* tables */
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

td.center, th.center {
  text-align: center !important;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

.table th,
.table td {
  padding: 5px;
  line-height: 1.2;
  text-align: left;
  vertical-align: middle;
  border-top: 1px solid #dddddd;
}

.table th {
  font-weight: bold;
}

.table thead th {
  vertical-align: bottom;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody + tbody {
  border-top: 2px solid #dddddd;
}

.table .table {
  background-color: #ffffff;
}

.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}

.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}

.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
}

.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}

.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
}

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}

.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f8e8e8;
  font-size: 0.9em;
}

.table-striped tbody > tr:nth-child(even) > td,
.table-striped tbody > tr:nth-child(even) > th {
  background-color: #f4f9fc;
  font-size: 0.9em;
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: #f5f5f5;
}

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
  display: table-cell;
  float: none;
  margin-left: 0;
}

.table td.span1,
.table th.span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}

.table td.span2,
.table th.span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}

.table td.span3,
.table th.span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}

.table td.span4,
.table th.span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}

.table td.span5,
.table th.span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}

.table td.span6,
.table th.span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}

.table td.span7,
.table th.span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}

.table td.span8,
.table th.span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}

.table td.span9,
.table th.span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}

.table td.span10,
.table th.span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}

.table td.span11,
.table th.span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}

.table td.span12,
.table th.span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}

.table tbody tr.success > td {
  background-color: #dff0d8;
}

.table tbody tr.error > td {
  background-color: #f2dede;
}

.table tbody tr.warning > td {
  background-color: #fcf8e3;
}

.table tbody tr.info > td {
  background-color: #d9edf7;
}

.table-hover tbody tr.success:hover > td {
  background-color: #d0e9c6;
}

.table-hover tbody tr.error:hover > td {
  background-color: #ebcccc;
}

.table-hover tbody tr.warning:hover > td {
  background-color: #faf2cc;
}

.table-hover tbody tr.info:hover > td {
  background-color: #c4e3f3;
}

/*theme*/
#main_container {
  min-height: 760px;
  background-color: #f4f4f4;
  padding-bottom: 30px;
  margin-bottom: 40px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0px 3px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

#top_bar {
  background-color: #cc3333;
  margin-bottom: 10px;
  height: 50px;
  border-top: 1px solid #111111;
}

#footer_wrap {
  height: 68px;
  background-color: #edecea;
}

#main_footer_content {
  text-align: center;
  color: #999;
  margin-top: 20px;
  font-size: 0.8em;
  width: 860px;
  margin-left: 100px;

}

#main_footer_content a {
  color: #aaa;
  text-decoration: none;
}

#main_footer_content .footer_links a {
  color: #999;
  text-decoration: none;
}

#main_footer_content a:hover {
  color: #ee1c25;
  text-decoration: underline;
}

span.score {
  height: 28px;
  width: 28px;
  display: inline-block;
  background-image: url(/assets/small_circle_highlight-8f4f6d6bbfe86f4b0081bdc2f3138e72fd35affb37d57937f325124d6e89d2a0.png);
  line-height: 28px;
  font-weight: bold;
  text-align: center;
}

/* nav */
#top_bar .app_logo {
  float: left;
  position: relative;
  display: block;
  top: 8px;
  height: 30px;
  width: 141px;
  padding-right: 70px;
  border-right: 1px solid #971111;
  text-indent: -9000px;
  /*background: transparent url(
 ) no-repeat 0% 100%;*/
}

#client_branding {
  display: block;
  margin-top: -10px;
  margin-bottom: 5px;
}

#client_branding .client_logo {
  display: block;
  float: left;
  width: 152px;
  height: 50px;
  margin-top: 0px;
  /*background: transparent url(
 ) no-repeat 0 0;*/
  text-indent: -90000px;
}

#client_branding .client_badge {
  display: block;
  float: right;
  width: 150px;
  height: 40px;
  margin-top: 8px;
  background: transparent url(/assets/tayb_badge-9e7df764a519b9061d9ad32f6134f99757a3b06678eb929a413045c5a746c675.png) no-repeat 0 0;
  text-indent: -90000px;
}

.nav > li > a {
  display: block;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav > li > a > img {
  max-width: none;
}

.nav > .pull-right {
  float: right;
}

.nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}

.nav li + .nav-header {
  margin-top: 9px;
}

.nav-list {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
}

.nav-list > li > a,
.nav-list .nav-header {
  margin-left: -15px;
  margin-right: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.nav-list > li > a {
  padding: 3px 15px;
}

.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #0088cc;
}

.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  margin-right: 2px;
}

.nav-list .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.nav-tabs,
.nav-pills {
  *zoom: 1;
}

.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  content: "";
  line-height: 0;
}

.nav-tabs:after,
.nav-pills:after {
  clear: both;
}

.nav-tabs > li,
.nav-pills > li {
  float: left;
}

.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
  margin-top: 20px;
}

.nav-tabs > li {
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  color: #666;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #dddddd;
  background: #cc3333;
  color: #fff;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  color: #111111;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
  font-weight: bold;
}

.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
  color: #ffffff;
  background-color: #0088cc;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li > a {
  margin-right: 0;
}

.nav-tabs.nav-stacked {
  border-bottom: 0;
}

.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}

.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}

.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
  border-color: #ddd;
  z-index: 2;
}

.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px;
}

.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px;
}

.nav-tabs .dropdown-menu {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}

.nav-pills .dropdown-menu {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.nav .dropdown-toggle .caret {
  border-top-color: #0088cc;
  border-bottom-color: #0088cc;
  margin-top: 6px;
}

.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
  border-top-color: #005580;
  border-bottom-color: #005580;
}

/* move down carets for tabs */
.nav-tabs .dropdown-toggle .caret {
  margin-top: 8px;
}

.nav .active .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

.nav-tabs .active .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}

.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {
  cursor: pointer;
}

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999;
}

.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
  border-color: #999999;
}

.tabbable {
  *zoom: 1;
}

.tabbable:before,
.tabbable:after {
  display: table;
  content: "";
  line-height: 0;
}

.tabbable:after {
  clear: both;
}

.tab-content {
  overflow: auto;
  padding: 0px 10px 20px 10px;
}

.tab-content ul h3 {
  color: #cc3333;
  font-weight: normal;
  margin-top: 30px;
}

.tab-content ul li {
  padding: 0px 0 10px 0;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 30px;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-bottom-color: transparent;
  border-top-color: #ddd;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}

.nav > .disabled > a {
  color: #999999;
}

.nav > .disabled > a:hover,
.nav > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  cursor: default;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle {
  *margin-bottom: -3px;
}

.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}

.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  text-decoration: none;
  color: #ffffff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: default;
}

.open {
  *z-index: 1000;
}

.open > .dropdown-menu {
  display: block;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  -webkit-border-radius: 5px 5px 5px 0;
  -moz-border-radius: 5px 5px 5px 0;
  border-radius: 5px 5px 5px 0;
}

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

.dropdown .dropdown-menu .nav-header {
  padding-left: 20px;
  padding-right: 20px;
}

.typeahead {
  z-index: 1051;
  margin-top: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

nav {
  display: inline-block;
  margin: 0;
  padding: 0;
}

/*#main_nav li {*/
/*float: left;*/
/*}*/
#main_nav li a {
  color: black;
  display: block;
  font-weight: 100;
  font-size: 20px;
  padding-top: 19px;
  height: 20px;
  padding-bottom: 15px;
  text-align: left;
  vertical-align: middle;
  text-decoration: none;
  border-bottom: 1px solid #cccccc;
  width: 147px;
  padding-left: 3px;
  letter-spacing: -0.5px;
}

#main_nav li a.selected {
  font-weight: 100;
  font-family: 'gillsansbold';
  font-size: 18px;
}

#main_nav li a:hover {
  font-family: 'gillsansbold';
  font-weight: 100;
  font-size: 18px;
}

#main_nav > li:first-child a {
  border-top: 1px solid #cccccc;
}

#main_nav li a:hover {
  background-color: transparent;
}

.dropdown-menu:after {
  position: absolute;
  top: -6px;
  right: 3px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

.right .dropdown-menu {
  right: -2px;
  top: 36px;
  left: auto;
}

#user_dropdown {
  position: relative;
  top: 8px;
  background: url(/assets/user_drop-48abcf851b8c6dae8182f74c9e714b884c9f228cd225c8714b5dd1250e8823c8.png) no-repeat top right;
  display: block;
  width: 50px;
  height: 30px;
}

#main_nav li {
  position: relative;
}

#main_nav li.selected a span {
  display: block;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 10px solid #cc3333;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  top: 50px;
}

/* overview panel */
#overview_panel {
  position: relative;
  padding: 12px;
  left: 45px;
  margin: 30px 0;
  width: 871px;
  height: 262px;
  background: url(/assets/panel_bg-4da2edf26d210a13c6f881913a0432abed91dbd3f82743b414264398d41f6bd2.png) no-repeat;
}

#panel_left {
  position: relative;
  width: 428px;
  float: left;
  height: 260px;
  border-right: 1px solid #aaa;
}

#panel_right {
  width: 440px;
  float: left;
  height: 260px;
  border-left: 1px solid #fff;
}

#panel_right .inner {
  padding-right: 0px;
  padding-top: 0px;
}

#panel_left .inner {
  padding-left: 0px;
  padding-bottom: 0px;
}

#panel_right .inner h4 {
  font-size: 0.85em;
  font-weight: bold;
  margin-bottom: 8px;
}

#panel_score {
  position: absolute;
  color: #faf7cf;
  top: -24px;
  left: -57px;
  width: 104px;
  height: 104px;
  background: url(/assets/score_bubble-9744bcf88683923efa13e0ded5ad879884c17417f52793d685a74b8fc6b04bf5.png) no-repeat;
  text-align: center;
  font-size: 2em;
  line-height: 70px;
}

#panel_score .indicator {
  width: 14px;
  height: 14px;
  position: relative;
  left: 72px;
  bottom: 33px;
  background: url(/assets/positive_indicator-098a790e1c692be8b55eea8a778002e07b937599c6e198e3e91b9d11113e2792.png) no-repeat;
}

#panel_goal {
  border-bottom: 1px solid #aaa;
  padding-left: 56px;
}

#panel_goal .progress {
  margin-bottom: 4px;
  position: relative;
}

#panel_goal .distance_marker {
  position: absolute;
  top: 0;
  left: 0;
  width: 364px;
  height: 16px;
  background: url(/assets/distance_marker-ddc266ebddbb2841e22afbaed2a9770094a4dc2321fb9f71c8030de6bf9b0a93.png) no-repeat;
}

#panel_goal #panel_goal_boundaries {
  font-size: 0.7em;
  color: #555;
  margin-bottom: 6px;
}

#panel_goal_target {
  color: #003366;
  font-weight: bold;
  line-height: 0.9;
  display: block;
  position: absolute;
  right: 8px;
  top: 52px;
  width: 45px;
  height: 45px;
  background: url(/assets/big_circle_highlight-ac8cacc49a7f9abd2f98b1d1e0d31939525a69383d28bf9c765c74a5bc28865b.png) no-repeat;
  text-align: center;
}

#panel_goal_target .meta {
  font-size: 0.7em;
}

#panel_goal_target .inner {
  padding: 10px 0;
}

#panel_meta {
  border-top: 1px solid #fff;
  padding-top: 11px;
}

#panel_meta table {
  background-color: #fafafa;
  border: 1px solid #aaa;
  font-size: 0.9em;
}

#panel_meta table td {
  height: 28px;
}

#panel_meta table td.blue {
  color: #003366;
  font-weight: bold;
}

#panel_latest_journeys {
  border: 1px solid #ccc;
  font-size: 0.80em
}

#panel_latest_journeys tr:first-child th {
  background: #f3f3f3 url(/assets/table_th_bg-01c62202a825ebe1a94f7460086eb70add01047e1f45137d6a04f5ac8e5dcb53.jpg) repeat-x 0 50%;
  border-bottom: 1px solid #CC3333;
  padding: 14px 5px 6px;
}

#panel_latest_journeys a {
  color: #555;
}

/* sprites */
.sprite {
  background: transparent url(/assets/icons_sprite-243ea19b9c19a2c2f0e34d6e6ccb8455850c88f624388857ba2990a508f10df3.png) no-repeat;
  display: inline-block;
  width: 27px;
  height: 20px;
}

.sprite.car {
  background-position: -6px -9px;
}

.sprite.line_graph {
  background-position: -6px -49px;
}

.sprite.bar_graph {
  background-position: -6px -89px;
}

.sprite.bulb {
  background-position: -6px -126px;
  height: 26px;
}

/* maps */
#map-canvas {
  width: 100%;
  height: 506px;
  background: #eee;
}

#map-canvas img {
  max-width: none;
}

.map_wrap {

}

/* Progres bars */
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  overflow: hidden;
  height: 16px;
  margin-bottom: 20px;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #888;
}

.progress .bar {
  width: 0%;
  height: 100%;
  color: #ffffff;
  float: left;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #91ca00, #78a504);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#91ca00), to(#78a504));
  background-image: -webkit-linear-gradient(top, #91ca00, #78a504);
  background-image: -o-linear-gradient(top, #91ca00, #78a504);
  background-image: linear-gradient(to bottom, #91ca00, #78a504);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff91ca00', endColorstr='#ff78a504', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress .bar + .bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
  -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
}

.progress-striped .bar {
  background-color: #149bdf;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
}

.progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-danger .bar,
.progress .bar-danger {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}

.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
  background-color: #ee5f5b;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-success .bar,
.progress .bar-success {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(to bottom, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}

.progress-success.progress-striped .bar,
.progress-striped .bar-success {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-info .bar,
.progress .bar-info {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-warning .bar,
.progress .bar-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}

.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
  background-color: #fbb450;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

/* alerts */
.alert {
  padding: 8px 35px 8px 14px;
  margin-top: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-left: 20px;
  margin-bottom: 0px;
}

.alert,
.alert h4 {
  color: #c09853;
}

.alert h4 {
  margin: 0;
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
  color: #CECECE;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}

.alert-success h4 {
  color: #468847;
}

.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}

.alert-danger h4,
.alert-error h4 {
  color: #b94a48;
}

.alert-info {
  background-color: #F7F7F7;
  border-color: #E4E4E4;
  color: #C5C5C5;
  margin-left: 22px;
  width: 731px;
  margin-bottom: 0px;
  border-radius: 0px;
  text-align: center;
}

.login_width .alert-info {
  margin-left: 180px;
}

.alert-info h4 {
  color: #3a87ad;
}

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}

.alert-block p + p {
  margin-top: 5px;
}

/* pagination */
.pagination {
  margin: 20px 0;
}

.pagination ul {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul > li {
  display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #fff;
  cursor: default;
  background: #cc3333;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  color: #999999;
  background-color: transparent;
  cursor: default;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}

.pagination-large ul > li > a,
.pagination-large ul > li > span {
  padding: 11px 19px;
  font-size: 17.5px;
}

.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}

.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
}

.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
}

.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
}

.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 0 6px;
  font-size: 10.5px;
}

/* misc */
.ad_wrap {
  padding: 16px 0 0 20px;
  border-left: 1px solid #ddd;
}

.tab-pane {
  padding-top: 14px;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
  background-color: #f4f4f4;
}

/* helpers */
.left {
  float: left;
}

.right {
  float: right;
}

.align {
  min-width: 1.3em;
  display: inline-block;
  text-align: right;
}

.table-striped td .align {
  display: inline;
  width: auto;
  color: #222222;
}

.inner {
  padding: 12px;
}

.clearfix {
  clear: both;
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}

.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#whats_this_more {
  position: absolute;
  top: 110px;
  left: 50px;
  border: solid 1px black;
  padding: 10px;
  width: 200px;
  background-color: #fff;
}

#map_info_floating {
  position: absolute;
  top: 125px;
  left: 50px;
  z-index: 999;
  padding: 5px;
  border-radius: 5px;
  border: solid 1px #cccccc;
  background-color: #ffffff;
  opacity: 0.8;
}

/*.nice_submit {*/
/*padding: 5px 10px;*/
/*display: block;*/
/*border: solid 1px grey;*/
/*background-color: white;*/
/*border-radius: 5px;*/
/*opacity: 1;*/
/*}*/
/*#tag_id*/
/*{*/
/*padding: 5px 10px;*/
/*display: block;*/
/*border: solid 1px grey;*/
/*background-color: white;*/
/*border-radius: 5px;*/
/*opacity: 1;*/
/*}*/
.header_bar {
  background-color: #d11142;
  height: 30px;
}

.content_container {
  background-color: #edecea;
}

.log_out_user {
  background-image: url(/assets/logout_icon-a494f9cf36b4898e734bf82b516d4892da5b6edf16c62b659ac4640ac60763e1.png);
  background-color: black;
  width: 120px;
  color: white;
  display: block;
  font-size: 15px;
  background-repeat: no-repeat;
  background-position: 35px 3px;
  padding-left: 23px;
  vertical-align: middle;
  text-align: center;
  line-height: 25px;
  height: 30px;
  font-weight: 200;
  float: right;
}

.log_out_user:hover {
  background-color: #555;
  color: white;
  text-decoration: none;
}

.privilege_logo {
  margin-top: 38px;
  right: -10px;
  position: absolute;
  width: 158px;
}

.drive_xpert_logo {
  margin-top: 29px;
  margin-bottom: 27px;
  margin-left: -2px;
  width: 216px;
}

.margin_top_20 {
  margin-top: 20px;
}

.white_content_inner {
  background-color: white;
  margin-left: 12px;
  width: 780px;
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.number_plate {
  background-color: #edecea;
  border-radius: 13px;
  padding: 5px 19px;
  font-family: 'gillsansbold';
  text-transform: uppercase;
  font-size: 26px;
  margin-left: 11px;
  margin-top: 10px;
}

.your_score {
  font-size: 26px;
  margin-left: 19px;
  margin-top: 7px;
  font-family: "gillsanslight";
  /*font-weight: 100;*/
  margin-bottom: 37px;
}

.your_car {
  font-size: 26px;
  margin-left: 29px;
  margin-top: 5px;
  font-family: "gillsanslight";
  /*font-weight: 100;*/
  letter-spacing: -0.5px;
}

#car_health {
  font-size: 26px;
  margin-left: 27px;
  margin-top: 5px;
  font-family: "gillsanslight";
  /*font-weight: 100;*/
}

#score_value {
  font-size: 55px;
  position: absolute;
  top: 104px;
  left: 32px;
  font-family: "gillsanslight";
  /*font-weight: 100;*/
  width: 201px;
  text-align: center;
}

#score_above {
  font-size: 18px;
  position: absolute;
  top: 81px;
  left: 32px;
  font-family: "gillsanslight";
  /*font-weight: 100;*/
  width: 201px;
  text-align: center;
}

#score_below {
  font-size: 19px;
  position: absolute;
  top: 160px;
  left: 32px;
  font-weight: normal;
  width: 201px;
  text-align: center;
}

#total_distance_value {
  top: 283px;
  position: absolute;
  font-size: 17px;
  left: 32px;
  font-weight: normal;
  width: 201px;
  text-align: center;
  font-family: "gillsanslight";
}

.total_distance_value {
  font-family: "gillsans";
  font-weight: bold;
}

#score_knob {
  height: 300px;
}

.indicator_grey {
  background-color: #edecea;
}

.indicator_green {
  background-color: #bfd732;
}

.indicator_grey, .indicator_green {
  float: left;
  width: 23px;
  height: 8px;
  display: block;
  margin-right: 2px;
}

.indicator {
  float: left;
  width: 23px;
  height: 8px;
  display: block;
  margin-right: 2px;
}

#battery_health {
  position: absolute;
  left: 146px;
  top: 5px;
  font-size: 18px;
}

#battery_health_bar {
  position: absolute;
  top: 12px;
  right: -113px;
  width: 150px;
}

#car_health_container {
  position: relative;
}

#engine_faults_details {
  position: absolute;
  left: 147px;
  top: 36px;
  font-size: 17px;
}

#engine_faults {
  position: absolute;
  left: 147px;
  top: 48px;
  font-size: 17px;
}

#engine_faults_number {
  background-color: #ee1c25;
  color: white;
  border-radius: 20px;
  width: 28px;
  height: 22px;
  left: 114px;
  position: absolute;
  padding-top: 6px;
  text-align: center;
  top: 7px;
}

#engine_faults_info {
  position: absolute;
  left: 151px;
  width: 102px;
  text-decoration: underline;
  color: #ee1c25;
  top: 13px;
  font-size: 16px;
  cursor: pointer;
}

#show_scores_since {
  position: absolute;
  top: 8px;
  left: -8px;
  padding-top: 5px;
  font-size: 17px;
  display: none;
}

.relative {
  position: relative;
}

#show_scores_since_select {
  position: absolute;
  top: 5px;
  left: 137px;
  padding-top: 5px;
  display: none;
}

#show_scores_since_select select {
  width: 204px;
  height: 27px;
  border: solid 1px #ccc;
  background-color: white;
  font-size: 13px;
  display: none;
}

#show_scores_since_update {
  position: absolute;
  top: 10px;
  left: 351px;
  padding-top: 6px;
  text-transform: uppercase;
  color: white;
  background-color: #66cc33;
  border-radius: 4px;
  font-family: "gillsanslight";
  /*font-weight: 100;*/
  width: 79px;
  text-align: center;
  font-size: 14px;
  padding-bottom: 5px;
  letter-spacing: 2px;
  cursor: pointer;
  display: none;
}

.indicator_large {
  width: 63px;
  height: 8px;
  background-color: #edecea;
  margin-left: 2px;
  margin-bottom: 2px;
  float: left;
}

.indicator_large_0 {
  background-color: #ed1c24;
}

.indicator_large_20 {
  background-color: #f68b1f;
}

.indicator_large_40 {
  background-color: #ffc212;
}

.indicator_large_60 {
  background-color: #bfd732;
}

.indicator_large_80 {
  background-color: #66cc33;
}

#score_components {
  margin-top: 74px;
}

.score_comp_title {
  font-family: "gillsanslight";
  /*font-weight: 100;*/
  font-size: 16px;
  display: block;
  margin-left: 26px;
  margin-top: 22px;
  margin-bottom: 10px;
}

.bars {
  margin-left: 25px;
}

.text_score_indicator {
  position: absolute;
  top: 23px;
  left: 365px;
  width: 80px;
  font-size: 14px;
}

.indicator_battery_0 {
  background-color: #ed1c24;

}

.indicator_battery_20 {
  background-color: #f68b1f;

}

.indicator_battery_40 {
  background-color: #ffc212;

}

.indicator_battery_60 {
  background-color: #bfd732;

}

.indicator_battery_80 {
  background-color: #66cc33;
}

.indicator_0 {
  color: #ed1c24;

}

.indicator_20 {
  color: #f68b1f;

}

.indicator_40 {
  color: #ffc212;

}

.indicator_60 {
  color: #bfd732;

}

.indicator_80 {
  color: #66cc33;
}

#location_title {
  font-size: 26px;
  margin-left: 29px;
  margin-top: 7px;
  font-family: "gillsanslight";
  /*font-weight: 100;*/
  letter-spacing: -0.5px;
}

#location_updated {
  font-size: 19px;
  font-weight: bold;
  letter-spacing: -0.5px;
  position: absolute;
  top: 50px;
  left: 225px;
  font-family: "gillsans";

}

.location_map {
  width: 740px;
  height: 506px;
  margin-top: 35px;
  margin-left: 20px;
}

.your_score_circle_container {
  margin-left: 21px;
  position: relative;
  height: 327px;
}

#nav_container {
  z-index: 50;
}

.popup_info {
  position: absolute;
  cursor: pointer;
  top: -5px;
  left: -8px;
  /*border: solid 1px #666666;*/
  /*border-radius: 20px;*/
  width: 25px;
  height: 25px;
  text-align: center;
  vertical-align: middle;
  /*color: #666666;*/
  font-size: 22px;
  background-image: url(/assets/popup_info_icon-2b1ac33597763378f687b70966cee757db6fa0ae231d0331e65ffb8c9cbd0061.png);
  background-repeat: no-repeat;
  text-indent: -1000px;
  overflow: hidden;
}

.popup_info:hover {
  color: #aaa;
  border-color: #aaa;
}

.score_component {
  height: 42px;
}

/* Qtip style */
.qtip_style {
  border-color: rgb(0, 0, 0);
  background-color: #fff;
  font-size: 16px;
  line-height: 16px;
  padding: 5px 5px 0px 5px;
  width: 250px;
}

.qtip_style p {
  padding-top: 3px;
  padding-bottom: 5px;
  font-size: 16px;
  margin-bottom: 5px;
}

.qtip_close {
  position: absolute;
  top: 5px;
  right: 15px;
  text-decoration: underline;
  font-size: 16px;
  cursor: pointer;
}

#car_health_info {
  position: absolute;
  top: -1px;
  left: -2px;
}

.your_car_white {
  /*height: 78px; untill working */
  min-height: 38px;
}

.section_title {
  color: black;
  border-width: 0px;
  font-size: 21px;
  font-family: "gillsanslight";
  /*font-weight: 100;*/
  letter-spacing: -0.5px;
}

.login_title {
  margin-left: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
}

#login_form label {
  display: block;
  width: 155px;
  margin-left: 15px;
  margin-bottom: 5px;
  float: left;
  text-align: right;
  padding-right: 20px;
  padding-top: 7px;
  font-family: "gillsanslight";
  /*font-weight: 100;*/
}

#login_form .medium_input {
  display: block;
  /*margin-left: 20px;*/
  height: 24px;
  border: solid 1px #ccc;
  border-radius: 0px;
  margin-bottom: 14px;
  background-color: white !important;
  float: left;
}

.forgotten_password {
  margin-left: 190px;
  margin-bottom: 20px;
  display: block;
  text-decoration: underline;
  font-size: 16px;
  margin-top: 10px;
  color: #ee1c25;
  width: 136px;
}

.login_button {
  display: block;
  margin-left: 190px;
  margin-bottom: 15px;
  border-width: 0px;
  -webkit-appearance: none;
  text-indent: -1000px;
  width: 207px;
  height: 37px;
  background-image: url(/assets/sign_in_btn-280757b52f4139ec867b7cfa09eb778a5381b0c4a1e161e6863ab6f28811e05b.png);
  overflow: hidden;
  background-position: top left;
  background-color: #fff;
  background-size: 100%;
  cursor: pointer;
}

.login_button:hover {
  background-position: bottom left;
}

.sign_up_button {
  display: block;
  margin-left: 190px;
  margin-bottom: 15px;
  border-width: 0px;
  -webkit-appearance: none;
  text-indent: -1000px;
  width: 207px;
  height: 37px;
  background-position: top left;
  background-image: url(/assets/sign_me_up_btn-07fb3f2aca2c6e02b13ea452903307f8db508497701aa3ffebe791c9b2d431ee.png);
  overflow: hidden;
  background-size: 100%;
}

.sign_up_link {
  text-indent: -1000px;
  overflow: hidden;
  width: 207px;
  height: 37px;
  display: block;
}

.sign_up_button:hover {
  background-position: bottom left;
}

.or_login {
  font-family: "gillsanslight";
  display: block;
  margin-left: 284px;
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 18px;
}

#session_username {
  width: 270px;
}

#session_password {
  width: 150px;
}

input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

.question_mark {
  position: absolute;
  top: 3px;
  width: 25px;
  height: 25px;
  display: block;
  background-image: url(/assets/question_mark_tab-50da4a7528f67b649efc9ccbdd84abbea8b96acab78943847936f4ed7d928163.png);
  cursor: pointer;
}

#questionmark_username {
  right: 280px;
}

#questionmark_password {
  right: 400px;
}

.register_title {
  margin-top: 7px;
  margin-left: 29px;
  margin-bottom: 27px;
  font-size: 27px;
}

#register_form label:not(.css-label) {
  display: block;
  width: 156px;
  margin-left: 20px;
  margin-bottom: 0px;
  float: left;
  font-size: 18px;
  text-align: right;
  margin-top: 3px;
  margin-right: 13px;

}

#register_form .medium_input {
  display: block;
  width: 220px;
  margin-right: 10px;
  height: 23px;
  border: solid 1px #d6d8d8;
  border-radius: 0px;
  margin-bottom: 12px;
  background-color: white !important;
  font-size: 16px;
  padding-left: 5px;
}

.medium_input {
  font-size: 16px;
}

#register_form #password, #register_form #password_confirmation, #register_form #reg {
  width: 156px;
}

#register_form #email {
  width: 266px;
}

#register_form #fullname {
  width: 267px;
}

#registration_email_popup, #registration_password_popup {
  position: absolute;
  font-size: 20px;
}

#registration_email_popup {
  top: 0px;
  right: 286px;
}

#registration_password_popup {
  top: 0px;
  right: 396px;
}

.register_button {
  background-color: #66cc33;
  border: 0px;
  border-radius: 3px;
  color: white;
  text-transform: uppercase;
  display: block;
  width: 137px;
  margin-left: 189px;
  margin-top: 18px;
  font-size: 12px;
  letter-spacing: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-family: "gillsanslight";
}

.register_button:disabled {
  background-color: #c0c0c0;
}

.register_button.valid {
  background-color: #66cc33;
  cursor: pointer;
}

.send_instructions_button {
  background-color: #66cc33;
  border: 0px;
  border-radius: 3px;
  color: white;
  text-transform: uppercase;
  display: block;
  width: 105px;
  margin-left: 189px;
  margin-top: 5px;
  font-size: 12px;
  letter-spacing: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
  /*font-family: "gillsanslight";*/
  text-indent: -1000px;
  background-image: url(/assets/button_send_instructions_green-c058164d2bb9a8dd338cbdaf013ca0b5d3b4b24c3fbf0fa22e35c2ebbb6fcecb.png);
  overflow: hidden;
}

.dob_input {
  width: 42px !important;
  text-align: center;
  float: left;
}

.loading {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  display: none;
  align-content: center;
  vertical-align: middle;
  z-index: 9999;
  opacity: 0.7;
  text-align: center;
}

.loading_image {
  margin-top: 400px;
}

/*FAQ Page*/
.faqs_container {
  width: 541px;
}

.faqcat_title {
  margin-top: 7px;
  margin-left: 28px;
  margin-bottom: -6px;
  font-size: 27px;
}

.faq_category_title {
  font-weight: normal;
  border-bottom: solid 1px #ccc;
  font-size: 19px;
  padding-bottom: 7px;
  margin-top: 29px;
  vertical-align: middle;
  margin-left: 29px;
  margin-right: 30px;
  margin-bottom: 0px;
  font-family: 'gillsansbold';
}

.faq_answer {
  font-family: "gillsans";
  padding-bottom: 20px;
}

.faq_answer em {
  font-family: 'gillsansbold';
}

.faq_answer ul {
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.faq_answer li {
  padding-top: 5px;
  padding-bottom: 5px;
  list-style-type: disc;
  list-style: initial;
}

.faq_entry {
  position: relative;
  border-bottom: solid 1px #ccc;

  margin-left: 30px;
  margin-right: 30px;
}

.faq_entry h3 {
  font-size: 18px;
  font-family: "gillsans";
  /*font-weight: 100;*/
  width: 430px;
  display: table-cell;
  vertical-align: middle;
  height: 52px;

}

.faq_entry p {
  font-weight: normal;
  font-size: 16px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-right: 50px;
}

.faq_close {
  display: block;
  height: 31px;
  width: 31px;
  background-image: url(/assets/faq-close-fd701b84b14be5831382599946e4716c9b27747cb704cbeae04ed35cd564eeb5.png);
  background-size: 31px 31px;
  position: absolute;
  top: 10px;
  right: 0px;
}

.faq_open {
  display: block;
  height: 31px;
  width: 31px;
  background-image: url(/assets/faq-open-83280773851a132d61d35505a5f3dc68d231bfd8f8108ae9b55dcb13dc4e1ffb.png);
  background-size: 31px 31px;
  position: absolute;
  top: 10px;
  right: 0px;
}

/*JOURNEY etails*/
.journey_details {
  margin-left: 29px;
  margin-top: 5px;
  font-size: 27px;
  margin-bottom: 13px;
}

#journey_details_info {
  position: absolute;
  left: 197px;
  top: 46px;
}

#journey_selection {
  width: 414px;
  margin-left: 139px;
  height: 26px;
  background-color: white;
  border: solid 1px #ccc;
  margin-bottom: 10px;
  position: absolute;
  top: 86px;
  left: 22px;
}

.select_journey_title {
  margin-left: 29px;
  margin-bottom: 7px;
  margin-top: 18px;
  font-size: 17px;
  font-family: 'gillsans';
  font-weight: bold;
}

.name_journey_link {
  position: absolute;
  top: 90px;
  right: 8px;
  text-decoration: underline;
}

.show_journey {
  position: absolute;
  top: 83px;
  right: 114px;
  background-color: #66cc33;
  border: 0px;
  border-radius: 3px;
  color: white;
  text-transform: uppercase;
  display: block;
  width: 77px;
  font-size: 12px;
  letter-spacing: 4px;
  padding-top: 10px;
  padding-bottom: 8px;
  font-family: "gillsanslight";
  /*font-weight: 100;*/
  text-align: center;
  text-indent: -1000px;
  background-image: url(/assets/button_show_green-53ffc9dde4d1bd818b0bb292d082f9c9a1b2b6fe8de24e7502538b1ad1139c3a.png);
  overflow: hidden;
}

.journey_select_spacing {
  height: 54px;
}

#journey_list_loading
{
  margin-left: 29px;
  height: 54px;
  margin-top: 18px;
  font-size: 17px;
  padding-left: 26px;
  background: url(/assets/saving-9a8895b0e635dc3b6858e36c3dbceb8bb181af1c699cab76335574ad6efe21d4.gif) left 1px no-repeat;
  background-size: 16px 16px;
  font-weight: bold;
}

#map-wrap .journey_map {
  margin: auto;
  width: 740px;
}

.your_score_journey {
  font-size: 26px;
  margin-left: 19px;
  margin-top: 17px;
  font-family: "gillsanslight";
  /*font-weight: 100;*/
  margin-bottom: 36px;
}

#journey_score_components {
  margin-top: 84px;
}

/*CHANGE Password*/
.password_title {
  margin-top: 7px;
  font-size: 26px;
  margin-left: 29px;
}

.password_width {
  width: 540px;
  height: 387px;
}

.reset_width {
  width: 540px;
}

.password_text {
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 9px;
  font-size: 16px;
}

#password_form .form_row {
  margin-left: 20px;
  margin-top: 15px;
  height: 24px;
}

#reset_form .form_row {
  margin-left: 20px;
  margin-top: 15px;
}

#password_form label {
  display: block;
  width: 148px;
  float: left;
  padding-top: 5px;
  text-align: right;
  padding-right: 14px;
  font-size: 18px;
}

#reset_form label {
  display: block;
  width: 168px;
  float: left;
  padding-top: 5px;
  text-align: right;
  padding-right: 14px;
  font-size: 18px;
}

#password_form .form_row input, #reset_form .form_row input {
  display: block;
  width: 192px;
  float: left;
  font-size: 18px;
  border: solid 1px #d6d8d8;
}

.update_password_button {
  color: white;
  display: block;
  border-radius: 3px;
  background-color: #66cc33;
  margin-left: 183px;
  margin-bottom: 1px;
  border-width: 0px;
  text-transform: uppercase;
  font-size: 12px;
  padding: 8px 0px;
  letter-spacing: 3px;
  -webkit-appearance: none;
  -webkit-border-radius: 3px;
  margin-top: 23px;
  width: 96px;
  letter-spacing: 4.5px;
  text-align: center;
  text-indent: -1000px;
  background-image: url(/assets/button_update_password_green-d9cc4c86253075ca5832e24c49d82c56037a1aa6a42ed03d7a7ee02795831622.png);
  overflow: hidden;
}

.reset_password_button {
  color: white;
  display: block;
  border-radius: 3px;
  background-color: #66cc33;
  margin-left: 201px;
  margin-bottom: 1px;
  border-width: 0px;
  text-transform: uppercase;
  font-size: 12px;
  padding: 8px 0px;
  letter-spacing: 3px;
  -webkit-appearance: none;
  -webkit-border-radius: 3px;
  margin-top: 23px;
  width: 96px;
  letter-spacing: 4.5px;
  text-align: center;
  text-indent: -1000px;
  background-image: url(/assets/button_update_password_green-d9cc4c86253075ca5832e24c49d82c56037a1aa6a42ed03d7a7ee02795831622.png);
  overflow: hidden;
}

/*NAVIGATION*/

#more_info li {
  margin-left: 10px;
}

#more_info li > a {
  font-size: 15px;
  height: auto;
  display: block;
  width: 137px;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 10px;
  min-height: 11px;
  padding-bottom: 10px;
}

#more_info li > a.selected, #more_info li > a:hover {
  font-size: 15px;
}

/* OBD INSTALL */

.obd_install_white h1 {
  font-size: 26px;
  font-family: "gillsanslight";
  /*font-weight: 100;*/
  margin-left: 29px;
  margin-top: 7px;
  margin-bottom: 8px;
}

#change_car {
  top: 81px;
  left: 10px;
  color: #ee1c25 !important;
}

#change_car a {
  color: #ee1c25;
  font-size: 15px;
  margin-left: 5px;
  text-decoration: underline;
}

.obd_install_white #obd_car_time {
  margin-left: 29px;
  font-size: 17px;
  line-height: 22px;
  margin-top: 3px;
  margin-bottom: 0px;
}

.obd_install_white h2 {
  margin-top: 13px;
  font-size: 18px;
  margin-left: 29px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-family: 'gillsansbold'
}

.obd_install_white .install_subtitle {
  margin-top: -3px;
  font-size: 18px;
  margin-left: 29px;
  margin-bottom: 0px;
}

.obd_install_white .install_paragraph {
  margin-top: 27px;
  font-size: 18px;
  margin-left: 29px;
  margin-right: 29px;
  margin-bottom: 20px;
  font-family: "gillsanslight";
}

.obd_install_white .install_image {
  width: 480px;
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 10px;

  padding-bottom: 25px;
}

.obd_install_white {
  width: 540px;
}

/* Contact */
.contact_white {
  width: 540px;
}

.contact_white h1 {
  font-size: 26px;
  font-family: "gillsanslight";
  /*font-weight: 100;*/
  margin-left: 28px;
  margin-top: 6px;
  margin-bottom: 13px;
}

.contact_white p {
  font-size: 19px;
  margin-left: 29px;
  margin-top: 0px;
  letter-spacing: -0.4px;
  line-height: 22px;
}

.contact_links p {
  padding-top: 0px;
  padding-bottom: 12px;
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 16px;
  font-family: "gillsanslight";
  /*font-weight: 100;*/
}

.contact_links a {
  color: black;
  font-weight: 500;
  text-decoration: underline;
}

/* Terms */

.terms_white h1 {
  font-size: 26px;
  font-family: "gillsanslight";
  /*font-weight: 100;*/
  margin-left: 28px;
  margin-top: 6px;
  margin-bottom: 13px;
}

@media (min-width: 768px) {
  .terms_white h2,
  .terms_white h3,
  .terms_white ul,
  .terms_white p {
    margin-left: 29px;
    margin-right: 30px;
  }
}

.terms_white ul {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Journey Naming CSS */
#name_journey_form {
  top: 87px;
  z-index: 999;
  right: 50px;
  background-color: white;
  height: 60px;
  float: left;
  /* display: block; */
  width: 760px;
  padding: 10px;
}

#enter_journey_name_text {
  width: 190px;
  font-size: 17px;
  padding: 4px;
  margin-left: 10px;
  margin-right: 10px;
}

#journey_name_text {
  width: 307px;
  border: solid 1px #ccc;
  font-size: 14px;
  padding: 4px;
  margin-left: 16px;
  margin-right: 10px;
}

#journey_name_confirm {
  /* position: absolute; */
  margin-top: 5px;
  top: 120px;
  right: 114px;
  background-color: #66cc33;
  border: 0px;
  border-radius: 3px;
  color: white;
  text-transform: uppercase;
  /* display: block; */
  width: 77px;
  font-size: 12px;
  letter-spacing: 4px;
  padding-top: 10px;
  padding-bottom: 8px;
  font-family: "gillsanslight";
  /* font-weight: 100; */
  text-align: center;
  display: block;
  text-indent: -1000px;
  overflow: hidden;
  position: absolute;
  background-image: url(/assets/button_save_green-55ddf205c82e4d3490b0b8be1c86ae1422704597f84dd81e58ea4d4734f370a5.png);

}

.car_make_button {
  top: 83px;
  background-color: #66cc33;
  border: 0px;
  border-radius: 3px;
  color: white;
  text-transform: uppercase;
  width: 90px;
  font-size: 12px;
  letter-spacing: 4px;
  padding-top: 10px;
  padding-bottom: 8px;
  font-family: "gillsanslight", sans-serif;
  text-align: center;
  /*display: inline-block;*/
  text-indent: -1000px;
  overflow: hidden;
  height: 30px;
  margin-left: 90px;
  margin-top: 7px;
  /*position: relative;*/
  display: block;
  background-image: url(/assets/button_submit_green-d3357c6d50a17555484a3d5bb6e5e17d2244b585a8ccb54ef083560817d2f98d.png);
}

#journey_name_confirm:hover {
  text-decoration: none;
  cursor: pointer;
}

#hide_name_journey_form {
  padding-left: 10px;
  text-decoration: underline;
  position: absolute;
  top: 130px;
  right: 60px;
}

/* FORGOTTEN PASSWORD */

.forgotten_password_text {
  margin-left: 30px;
  margin-right: 30px;
}

.password_form .large_btn {
  width: 214px;
}

.password_form #username {
  width: 210px;
}

/* Default CSS */

.default_content_padding {
  padding: 10px 30px;
}

.default_text_style {
  font-size: 18px;
}

/* Browser Fixes */

#content_container {
  display: block;
  width: 800px;
  float: left;
}

#engine_faults, #engine_faults_details {
  display: none;
}

/*  Login Form  */
.field_with_errors input {
  /*border-color: #ee1c25 !important;*/
}

em.form_message.error {
  margin-left: 190px;
  padding: 7px 0;
  display: inline-block;
  font-size: 16px;
  color: #aaa;
}

em.form_message.error b {
  color: #777;
}

.contact_white .faq_entry p {
  font-size: 16px;
  margin-left: 0px;
  width: 430px
}

.contact_white p {
  width: 500px;
}

.change_car_select {
  width: 200px;
}

.change_car label {
  float: left;
  width: 80px;
  text-align: right;
  margin-right: 10px;
}

#questionmark_forgotten_password {
  top: -5px;
  right: 417px;
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out,
.leaflet-popup-close-button,
.leaflet-control-layers-toggle,
.leaflet-container.dark
.map-tooltip .close,
.mapbox-icon {
  opacity: .75;
  background-image: url(/assets/icons-000000-8db14f1e8d5d51a53aeba7e02c767da3bc2ad1ab70dd68bcbae02a8fcadde305.png) !important;
  background-repeat: no-repeat;
  background-size: 26px 260px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
  .leaflet-control-zoom-in,
  .leaflet-control-zoom-out,
  .leaflet-popup-close-button,
  .leaflet-control-layers-toggle,
  .mapbox-icon {
    background-image: url(/assets/icons-000000@2x-cbc0b98ebd39c6125b0ef72e1bb1a23af7c56b3ba8d09ec62bd0c10062df2186.png) !important;
  }
}

#map-canvas-incompatible {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  padding: 75px;
  border: dashed 1px #ccc;
  height: 351px;
  color: #ccc;
  background-color: #eee;
}

.question {
  cursor: pointer;
}

.change_car h3 {
  font-size: 18px;
  margin-bottom: 20px;
}

.obd_select_row {
  height: 23px;
}

.obd_select_row select {
  height: 25px;
  display: block;
  border: solid 1px #ccc;
  background-color: white;
  /*-webkit-appearance:none;*/
  border-radius: 0px;
}

#car_make, #car_model, #car_year {
  min-width: 205px
}

.margin_30 {
  margin-left: 30px;
  margin-right: 30px;
}

#form_errors label.error {
  display: block;
  margin-left: 30px;
  margin-top: 6px;
  color: #bbb;
}

#form_errors label:first-child {
  margin-top: 20px;
}

#impliedsubmit {
  position: absolute;
  right: 0px;
  top: 20px;
  width: 32px;
  height: 32px;
  display: block;
  padding: 0px;
  margin: 0px;
  border: solid 0px rgb(178, 21, 28);
  background-color: rgb(255, 237, 176);
  color: rgb(178, 21, 28);
  font-size: 25px;
  background-image: url(/assets/cookie_cross-17df3bc0298d9ca315f8ada3a0075ac5eb2a59c85041f5726d3104658a8a360e.png);
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: 1000px;
  cursor: pointer;
}

#cookiesdirective {
  text-align: left;
  z-index: 9999;
  font-size: 14px;
}

#find_out_more_link {
  font-size: 16px;
  background-image: url(/assets/cookie_arrow-ad3784cf37297f52c20b67e4e587a850d54c9d03ae84c145e7cb25343e2d32e5.png);
  background-repeat: no-repeat;
  background-position: 194px;
  background-size: 5px;
}

#epd {
  z-index: 9999;
}

#register_form #registration_username {
  width: 263px;
}

#register_form #registration_password,
#register_form #registration_password_confirmation,
#register_form #registration_postcode,
#register_form #registration_car_reg,
#register_form #registration_dob {
  width: 153px;
}

#registration_agree_to_terms {
  display: block;
  border: solid 1px #ccc;
  width: 15px;
  height: 15px;
  float: left;
  -webkit-appearance: checkbox;
  margin-left: 189px;
}

li.form_message.error {
  margin-left: 189px;
  color: #cd0a0a;
}

ul.form_message.error {
  margin-bottom: 10px;
  margin-top: 10px;
}

#register_form .terms_label {
  width: 400px;
  display: block;
  margin-left: 10px;
  margin-bottom: 10px;
  float: left;
  font-size: 18px;
  text-align: left;
  margin-top: 3px;
  margin-right: 0px;

}

.dob_input_year {
  width: 65px !important;
}

#reset_form li.form_message.error {
  margin-left: 183px;
  color: #cd0a0a;
}

.colorbox_content_container {
  /*display: inline-block;*/
  padding: 20px;
  background-color: white;
  position: relative;
  /*background: #FFF;*/
  /*padding: 20px;*/
  width: auto;
  max-width: 600px;
  margin: 20px auto;
  border: solid 1px #ccc;
}

.colorbox_content_container h2 {
  font-size: 20px;
  margin-bottom: 10px;
  padding-bottom: 0px;
}

.instructions_lookup {
  padding: 20px;
  margin: 10px 30px;
  border: solid 1px #CC9933;
  background-color: #FFFFCC;
  color: #888;
}

.no_journeys_info {
  padding: 20px;
  margin: 10px 30px;
  border: solid 1px #CC9933;
  background-color: #FFFFCC;
  color: #888;
}

.car_install_select_message {
  font-size: 14px;
  margin-left: 91px;
  margin-bottom: 0px;
  margin-top: 8px;
  color: red;
}

.top-links-container {
  position: initial;
  float: right;
  margin-right: 0;
  margin-bottom: 20px;
  margin-top: 20px;
}