/*------------------------------------*\
    $IMPORTS
\*------------------------------------*/
/**
 * Override and complement inuit.css defaults
 */
/*------------------------------------*\
    $COLOURS
\*------------------------------------*/
/*------------------------------------*\
    $METRICS
\*------------------------------------*/
/*------------------------------------*\
    $FLAGS
\*------------------------------------*/
/*------------------------------------*\
    $FONTS
\*------------------------------------*/
/**
 * Create vendor-prefixed CSS in one go, e.g.
 *
   `@include vendor(border-radius, 4px);`
 *
 */
/**
 * Force overly long spans of text to truncate, e.g.:
 *
   `@include truncate(100%);`
 *
 * Where `$truncation-boundary` is a united measurement.
 */
/**
 * For retina background images, e.g.
 *
 .logo {
    background: url("http://www.goskyride.com/content/14/css/logo.png") no-repeat;
	@include image-2x("logo2x.png", 100px, 25px);
 }
 *
 */
/**
 * Hide content off-screen without resorting to `display:none;`, also provide
 * breakpoint specific hidden elements.
 */
.accessibility,
.visuallyhidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

/*------------------------------------*\
    $CLEARFIX
\*------------------------------------*/
/**
 * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
 * Extend the clearfix class with Sass to avoid the `.cf` class appearing over
 * and over in your markup.
 */
.cf:after, ul.entities:after, ul.entities li:after, ul.entities li .actions:after, .find-widget--dashboard .find-widget .tabs:after, .find-widget--narrow .button-wrapper:after, .ride-widget:after, .media:after, .ride-social-topbar .wrapper:after, .ride-social-topbar .promo-wrapper:after, .ride-social-topbar .latest-news:after, .ride-social-topbar .layout_location:after, .ride-social-topbar .layout_product:after, .content ol.articles li:after,
.panel ol.articles li:after, .layout__modal #overflow:after, .layout__modal .modal-article:after, .layout__partner .partner-search__find:after, .layout__partner .partner-search__header:after {
  content: "";
  display: table;
  clear: both;
}

/* For when a quick and dirty clear is needed, sorry folks */
.cb {
  clear: both;
}

/**
 * Load the inuit.css framework (or not, for now...)
 */
/**
 * Add our fonts, base styles and components
 */
@font-face {
  font-family: 'SkyTextMedium';
  src: url("../fonts/sky_med-webfont.eot");
  src: url("../fonts/sky_med-webfont.eot#iefix") format("embedded-opentype"), url("../fonts/sky_med-webfont.woff") format("woff"), url("../fonts/sky_med-webfont.ttf") format("truetype"), url("../fonts/sky_med-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SkyTextRegular';
  src: url("../fonts/sky_reg-webfont.eot");
  src: url("../fonts/sky_reg-webfont.eot#iefix") format("embedded-opentype"), url("../fonts/sky_reg-webfont.woff") format("woff"), url("../fonts/sky_reg-webfont.ttf") format("truetype"), url("../fonts/sky_reg-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SkyTextRegular';
  src: url("../fonts/sky_med-webfont.eot");
  src: url("../fonts/sky_med-webfont.eot#iefix") format("embedded-opentype"), url("../fonts/sky_med-webfont.woff") format("woff"), url("../fonts/sky_med-webfont.ttf") format("truetype"), url("../fonts/sky_med-webfont.svg") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'SkyRideIcons';
  src: url("../fonts/SkyRideIcons_-ofoiho.eot");
  src: url("../fonts/SkyRideIcons.eot") format("embedded-opentype"), url("../fonts/SkyRideIcons_-ofoiho.woff") format("woff"), url("../fonts/SkyRideIcons_-ofoiho.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'SkyRideIcons';
    src: url("../fonts/SkyRideIcons.svg") format("svg");
  }
}
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, .layout__dashboard .optional-widget legend, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, em, img, ins,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input
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;
}

body.access :focus {
  outline: solid 3px #FF0080;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  font-size: 62.5%;
  line-height: 1;
}

body, input, textarea, select {
  font-family: "SkyTextRegular", "Arial", sans-serif;
}
.is-plugin body, .is-plugin input, .is-plugin textarea, .is-plugin select {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 {
  margin-bottom: 15px;
  padding-top: 17px;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 3.8em;
  color: #009cdd;
}
.is-plugin h1 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
h1 a {
  color: #009cdd !important;
}

body.access h1 {
  color: #0079B7;
}

h2 {
  margin: 20px 0 0 0;
  font-family: "SkyTextRegular", "Arial", sans-serif;
  font-size: 2.8em;
  color: #58595B;
}
.is-plugin h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h2 a {
  color: #009cdd !important;
}

h3 {
  margin: 20px 0 0 0;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 2.2em;
  color: #313131;
}
.is-plugin h3 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

body.access h2,
body.access h3 {
  color: #333;
}

h3.navigator {
  position: relative;
  background: url(../images/backgrounds/divider-light.png) repeat-x center;
  text-align: center;
}

h3.navigator span {
  padding: 0 10px;
  background: #FFF;
}

h3.navigator a.more {
  position: absolute;
  top: 4px;
  background-color: white !important;
  font-size: 0.7em;
}

h3.navigator a.more.prev {
  left: 0;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

h3.navigator a.more.next {
  right: 0;
  padding-left: 0 !important;
}

p, .layout__dashboard .optional-widget legend, li {
  margin: 10px 0 0 0;
  padding-bottom: 6px;
  font-size: 1.6em;
  color: #313131;
  line-height: 1.7;
}

p > small, .layout__dashboard .optional-widget legend > small {
  color: #a2a2a2;
  font-size: 1.1em;
}

li {
  margin: 0;
}

p.overview, .layout__dashboard .optional-widget legend.overview {
  color: #666;
}

p.breadcrumbs, .layout__dashboard .optional-widget legend.breadcrumbs {
  font-size: 1.3em;
  color: #888888;
}

p.padded, .layout__dashboard .optional-widget legend.padded {
  margin-left: 20px;
  margin-right: 20px;
}

p strong, .layout__dashboard .optional-widget legend strong, li strong {
  font-family: "SkyTextMedium", "Arial", sans-serif !important;
}
.is-plugin p strong, .is-plugin .layout__dashboard .optional-widget legend strong, .layout__dashboard .optional-widget .is-plugin legend strong, .is-plugin li strong {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: bold !important;
}

ul, ol {
  margin: 15px 20px 0 20px;
}

li {
  margin-left: 30px;
}

li li {
  font-size: 1em;
}

a {
  color: #009cdd;
  text-decoration: none;
}
.is-social a {
  color: #3eb6b4;
}
.is-plugin a {
  color: #009cdd;
}

body.access a {
  color: #0079B7;
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
}

dl {
  margin: 15px 20px 0 20px;
  font-size: 1.4em;
  color: #333;
  line-height: 1.6em;
}

dt {
  float: left;
  display: inline;
  width: 140px;
  margin-top: 5px;
  color: #A8A8A8;
}

dl.profile dt {
  width: 200px;
}

dd {
  padding: 5px 0 5px 160px;
  border: solid #EEE;
  border-width: 0 0 1px 0;
}

dd span.meta {
  margin-left: 10px;
  color: #009cdd;
}

dl.profile dd {
  padding-left: 240px;
}

blockquote {
  display: block;
  width: 445px;
  margin: 15px 0 20px 0;
  padding: 5px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #eeeeee url(../images/backgrounds/flag.png) no-repeat right bottom;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
}

blockquote p, blockquote .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget blockquote legend {
  font-family: "SkyTextRegular", "Arial", sans-serif;
  font-size: 1.8em;
  color: #009cdd;
  line-height: 1.4em;
}
.is-plugin blockquote p, .is-plugin blockquote .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .is-plugin blockquote legend {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

table {
  border-spacing: 0;
}

.table-wrapper {
  margin: 20px 20px 0 20px;
}

.table-wrapper table {
  width: 100%;
}

.table-wrapper table th,
.table-wrapper table td {
  padding: 12px 14px;
  font-size: 1.4em;
  text-align: left;
}

.table-wrapper table th {
  background-color: #009cdd;
  color: #FFF;
  white-space: nowrap;
}
.is-social .table-wrapper table th {
  background-color: #3eb6b4;
}
.is-plugin .table-wrapper table th {
  background-color: #009cdd;
}

body.access .table-wrapper table th {
  border-color: #444;
  background: #000;
  color: #FFF;
}

.table-wrapper table th a {
  color: #FFF;
}

.table-wrapper table td,
.table-wrapper table tbody tr th {
  background: whitesmoke !important;
  color: #444;
}

.table-wrapper table tbody tr:nth-child(odd) th,
.table-wrapper table tr:nth-child(odd) td {
  background-color: #fff !important;
}

body.access .table-wrapper table tbody tr th {
  background: whitesmoke;
  color: #444;
}

.table-wrapper table td span {
  white-space: nowrap;
}

.is-collapsed {
  display: none;
}

/* --- Grouping --- */
.grouped {
  margin: 20px 0;
  padding: 5px;
  background-color: whitesmoke;
}

.grouped.alert {
  background-color: #009cdd;
}
.is-social .grouped.alert {
  background-color: #3eb6b4;
}
.is-plugin .grouped.alert {
  background-color: #009cdd;
}

.originator {
  background-color: #0098d5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0098d5), to(#0378aa));
  background-image: -webkit-linear-gradient(top, #0098d5, #0378aa);
  background-image: -moz-linear-gradient(top, #0098d5, #0378aa);
  background-image: linear-gradient(top, #0098d5, #0378aa);
  border-radius: 5px;
  border: 1px solid #0388be;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 1em;
  line-height: 1em;
  text-transform: uppercase;
}
.is-social .originator {
  background-color: #3eb6b4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3eb6b4), to(#38a3a1));
  background-image: -webkit-linear-gradient(top, #3eb6b4, #38a3a1);
  background-image: -moz-linear-gradient(top, #3eb6b4, #38a3a1);
  background-image: linear-gradient(top, #3eb6b4, #38a3a1);
  border: 1px solid #38a3a1;
}
.is-plugin .originator {
  background-color: #009cdd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#009cdd), to(#008ac4));
  background-image: -webkit-linear-gradient(top, #009cdd, #008ac4);
  background-image: -moz-linear-gradient(top, #009cdd, #008ac4);
  background-image: linear-gradient(top, #009cdd, #008ac4);
  border: 1px solid #008ac4;
}

.originator span {
  background: url(../images/icons/bicycle21x18.png) no-repeat 3px center;
  display: block;
  padding: 8px 5px 8px 28px;
}

/* --- Jump Links --- */
ul.jump {
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
}

ul.jump li {
  margin: 0;
  padding: 0;
}

ul.jump li a {
  display: block;
  padding: 5px 8px;
  border: solid #DDD;
  border-width: 0 0 1px 0;
}

ul.jump li.current a {
  color: #888;
}

/* --- Section Overview --- */
/* --- Area (column) --- */
.area {
  float: left;
  display: inline;
  width: 490px;
}

.area.confined {
  width: 360px;
}

.area.bisected {
  width: 430px;
}

.area:last-child {
  float: right;
}

.section-overview .area {
  width: 469px;
}

.area--flush-left {
  float: left !important;
  margin-left: -25px;
}

.area--centred {
  display: block;
  float: none !important;
  margin: 0 auto;
}

/* --- Downloads --- */
ul.downloads {
  margin: 0 0 0 20px;
  padding: 0;
  list-style: none;
}

ul.downloads li {
  float: left;
  display: inline;
  width: 225px;
  margin: 20px 20px 0 0;
  padding: 0;
  line-height: 1em;
}

ul.downloads li a.button {
  float: none;
  display: block;
  width: auto;
  margin: 8px 0 0 125px;
  font-size: 1em;
}

.loading-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent url(http://www.goskyride.com/content/14/images/icons/loader--yellow.gif) no-repeat center center;
  z-index: 999;
}
.is-social .loading-mask {
  background: transparent url(../images/icons/loader--teal.gif) no-repeat center center;
}
.is-plugin .loading-mask {
  background: transparent url(../images/icons/loader--teal.gif) no-repeat center center;
}

.inline-warning {
  color: #900;
  font-weight: bold;
}

.left-space-wrapper {
  margin-left: 64px !important;
}

.repeat-monthly {
  display: block;
  padding: 10px 0 0 20px;
  font-size: 1.2em;
}

/* Ride Series List Control */
.ride-series-list-table {
  margin: 10px 0 20px 64px;
  font-size: 1.4em;
  color: #777777;
  width: 85%;
}

.ride-series-list-table tr th {
  font-weight: bold;
  padding: 0 0 10px 0;
}

.ride-series-list-table tr td {
  padding: 0 20px 10px 0;
}

/* spinner styling */
.fixed-spinner {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -32px;
  margin-top: -32px;
  padding: 20px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: #FFF;
  text-align: center;
  display: none;
  z-index: 99;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}

.series-icon {
  display: block;
  margin: 15px auto 0;
}

/* Hide text */
.is-hidden-text {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  line-height: 0;
  width: 0;
  height: 0;
  float: left;
  margin: 0;
  padding: 0;
}

/* Message list component */
.message-ordered-list {
  clear: both;
  display: block;
  margin: 0 !important;
  padding: 10px 0 0 0;
}

.message-ordered-list li {
  color: #fff !important;
}

/* Helper classes */
.push--top {
  margin-top: 20px;
}

/*------------------------------------*\
    $CSSWIZARDRY-GRIDS
\*------------------------------------*/
/**
 * CONTENTS
 * INTRODUCTION.........How the grid system works.
 * VARIABLES............Your settings.
 * MIXINS...............Library mixins.
 * GRID SETUP...........Build the grid structure.
 * WIDTHS...............Build our responsive widths around our breakpoints.
 * PUSH.................Push classes.
 * PULL.................Pull classes.
 */
/*------------------------------------*\
    $INTRODUCTION
\*------------------------------------*/
/**
 * csswizardry grids provides you with widths to suit a number of breakpoints
 * designed around devices of a size you specify. Out of the box, csswizardry
 * grids caters to the following types of device:
 *
 * palm     --  palm-based devices, like phones and small tablets
 * lap      --  lap-based devices, like iPads or laptops
 * portable --  all of the above
 * desk     --  stationary devices, like desktop computers
 * regular  --  any/all types of device
 *
 * These namespaces are then used in the library to give you the ability to
 * manipulate your layouts based around them, for example:
 *
   <div class="grid__item  one-whole  lap--one-half  desk--one-third">
 *
 * This would give you a grid item which is 100% width unless it is on a lap
 * device, at which point it become 50% wide, or it is on a desktop device, at
 * which point it becomes 33.333% width.
 *
 * csswizardry grids also has push and pull classes which allow you to nudge
 * grid items left and right by a defined amount. These follow the same naming
 * convention as above, but are prepended by either `push--` or `pull--`, for
 * example:
 *
   `class="grid__item  one-half  push--one-half"`
 *
 * This would give you a grid item which is 50% width and pushed over to the
 * right by 50%.
 *
 * All classes in csswizardry grids follow this patten, so you should fairly
 * quickly be able to piece together any combinations you can imagine, for
 * example:
 *
   `class="grid__item  one-whole  lap--one-half  desk--one-third  push--desk--one-third"`
 *
   `class="grid__item  one-quarter  palm--one-half  push--palm--one-half"`
 *
   `class="grid__item  palm--one-third  desk--five-twelfths"`
 */
/*------------------------------------*\
    $VARIABLES
\*------------------------------------*/
/**
 * If you are building a non-responsive site but would still like to use
 * csswizardry-grids, set this to 'false':
 */
/**
 * Is this build mobile first? Setting to 'true' means that all grids will be
 * 100% width if you do not apply a more specific class to them.
 */
/**
 * Set the spacing between your grid items.
 */
/**
 * Would you like Sass' silent classes, or regular CSS classes?
 */
/**
 * Would you like push and pull classes enabled?
 */
/**
 * Using `inline-block` means that the grid items need their whitespace removing
 * in order for them to work correctly. Set the following to true if you are
 * going to achieve this by manually removing/commenting out any whitespace in
 * your HTML yourself.
 *
 * Setting this to false invokes a hack which cannot always be guaranteed,
 * please see the following for more detail:
 *
 * github.com/csswizardry/csswizardry-grids/commit/744d4b23c9d2b77d605b5991e54a397df72e0688
 * github.com/csswizardry/inuit.css/issues/170#issuecomment-14859371
 */
/**
 * Define your breakpoints. The first value is the prefix that shall be used for
 * your classes (e.g. `.palm--one-half`), the second value is the media query
 * that the breakpoint fires at.
 */
/**
 * Define which namespaced breakpoints you would like to generate for each of
 * widths, push and pull. This is handy if you only need pull on, say, desk, or
 * you only need a new width breakpoint at mobile sizes. It allows you to only
 * compile as much CSS as you need. All are turned on by default, but you can
 * add and remove breakpoints at will.
 *
 * Push and pull shall only be used if `$push` and/or `$pull` and `$responsive`
 * have been set to 'true'.
 */
/**
 * You do not need to edit anything from this line onward; csswizardry-grids is
 * good to go. Happy griddin'!
 */
/*------------------------------------*\
    $MIXINS
\*------------------------------------*/
/**
 * These mixins are for the library to use only, you should not need to modify
 * them at all.
 *
 * Enclose a block of code with a media query as named in `$breakpoints`.
 */
/**
 * Drop relative positioning into silent classes which can't take advantage of
 * the `[class*="push--"]` and `[class*="pull--"]` selectors.
 */
/*------------------------------------*\
    $GRID SETUP
\*------------------------------------*/
/**
 * 1. Allow the grid system to be used on lists.
 * 2. Remove any margins and paddings that might affect the grid system.
 * 3. Apply a negative `margin-left` to negate the columns' gutters.
 */
.grid, .promo-wrapper, .ride-detail .ride-detail__inner, .ride-type-selector, .ride-widget, .group-detail .group-detail__inner, .site-sections, .hero-tab, .social-header, .site-foot .site-foot__inner, .layout__dashboard .welcome-panel, .layout__ride-details .tab-content, .layout__social .social-steps, .layout__social .social-items, .buddy-messages {
  list-style: none;
  /* [1] */
  margin: 0;
  /* [2] */
  padding: 0;
  /* [2] */
  margin-left: -20px;
  /* [3] */
  letter-spacing: -0.31em;
}

/* Opera hack */
.opera:-o-prefocus,
.grid,
.promo-wrapper,
.ride-detail .ride-detail__inner,
.ride-type-selector,
.ride-widget,
.group-detail .group-detail__inner,
.site-sections,
.hero-tab,
.social-header,
.site-foot .site-foot__inner,
.layout__dashboard .welcome-panel,
.layout__ride-details .tab-content,
.layout__social .social-steps,
.layout__social .social-items,
.buddy-messages {
  word-spacing: -0.43em;
}

/**
 * 1. Cause columns to stack side-by-side.
 * 2. Space columns apart.
 * 3. Align columns to the tops of each other.
 * 4. Full-width unless told to behave otherwise.
 * 5. Required to combine fluid widths and fixed gutters.
 */
.grid__item, .ride-detail .ride-detail__inner .ride-detail__primary, .ride-detail .ride-detail__inner .ride-detail__secondary, .ride-type-selector > div, .group-detail .group-detail__inner .group-detail__primary, .site-sections .site-sections__img, .site-sections .site-sections__content, .site-sections .site-sections__children, .social-header__search, .social-header__stats, .site-foot__nav, .site-foot__overview, .site-foot__logo, .site-foot__copyright, .site-foot__links, .layout__dashboard .welcome-panel .next-rides, .layout__dashboard .welcome-panel .actions, .layout__dashboard .welcome-panel .recommended-rides, .layout__dashboard .welcome-panel .recommended-buddies, .layout__dashboard .welcome-panel .recommended-groups, .layout__ride-details .tab-content .tab, .layout__social .social-steps > *, .layout__social .social-items > *, .buddy-messages__buddies, .buddy-messages__conversations {
  display: inline-block;
  /* [1] */
  padding-left: 20px;
  /* [2] */
  vertical-align: top;
  /* [3] */
  width: 100%;
  /* [4] */
  -webkit-box-sizing: border-box;
  /* [5] */
  -moz-box-sizing: border-box;
  /* [5] */
  box-sizing: border-box;
  /* [5] */
  letter-spacing: normal;
  word-spacing: normal;
}

/**
 * Reversed grids allow you to structure your source in the opposite order to
 * how your rendered layout will appear. Extends `.grid`.
 */
.grid--rev {
  direction: rtl;
  text-align: left;
}
.grid--rev > .grid__item, .ride-detail .ride-detail__inner .grid--rev > .ride-detail__primary, .ride-detail .ride-detail__inner .grid--rev > .ride-detail__secondary, .ride-type-selector.grid--rev > div, .group-detail .group-detail__inner .grid--rev > .group-detail__primary, .site-sections .grid--rev > .site-sections__img, .site-sections .grid--rev > .site-sections__content, .site-sections .grid--rev > .site-sections__children, .grid--rev > .social-header__search, .grid--rev > .social-header__stats, .grid--rev > .site-foot__nav, .grid--rev > .site-foot__overview, .grid--rev > .site-foot__logo, .grid--rev > .site-foot__copyright, .grid--rev > .site-foot__links, .layout__dashboard .welcome-panel .grid--rev > .next-rides, .layout__dashboard .welcome-panel .grid--rev > .actions, .layout__dashboard .welcome-panel .grid--rev > .recommended-rides, .layout__dashboard .welcome-panel .grid--rev > .recommended-buddies, .layout__dashboard .welcome-panel .grid--rev > .recommended-groups, .layout__ride-details .tab-content .grid--rev > .tab, .layout__social .social-steps.grid--rev > *, .layout__social .social-items.grid--rev > *, .grid--rev > .buddy-messages__buddies, .grid--rev > .buddy-messages__conversations {
  direction: ltr;
  text-align: left;
}

/**
 * Gutterless grids have all the properties of regular grids, minus any spacing.
 * Extends `.grid`.
 */
.grid--full {
  margin-left: 0;
}
.grid--full > .grid__item, .ride-detail .ride-detail__inner .grid--full > .ride-detail__primary, .ride-detail .ride-detail__inner .grid--full > .ride-detail__secondary, .ride-type-selector.grid--full > div, .group-detail .group-detail__inner .grid--full > .group-detail__primary, .site-sections .grid--full > .site-sections__img, .site-sections .grid--full > .site-sections__content, .site-sections .grid--full > .site-sections__children, .grid--full > .social-header__search, .grid--full > .social-header__stats, .grid--full > .site-foot__nav, .grid--full > .site-foot__overview, .grid--full > .site-foot__logo, .grid--full > .site-foot__copyright, .grid--full > .site-foot__links, .layout__dashboard .welcome-panel .grid--full > .next-rides, .layout__dashboard .welcome-panel .grid--full > .actions, .layout__dashboard .welcome-panel .grid--full > .recommended-rides, .layout__dashboard .welcome-panel .grid--full > .recommended-buddies, .layout__dashboard .welcome-panel .grid--full > .recommended-groups, .layout__ride-details .tab-content .grid--full > .tab, .layout__social .social-steps.grid--full > *, .layout__social .social-items.grid--full > *, .grid--full > .buddy-messages__buddies, .grid--full > .buddy-messages__conversations {
  padding-left: 0;
}

/**
 * Align the entire grid to the right. Extends `.grid`.
 */
.grid--right {
  text-align: right;
}
.grid--right > .grid__item, .ride-detail .ride-detail__inner .grid--right > .ride-detail__primary, .ride-detail .ride-detail__inner .grid--right > .ride-detail__secondary, .ride-type-selector.grid--right > div, .group-detail .group-detail__inner .grid--right > .group-detail__primary, .site-sections .grid--right > .site-sections__img, .site-sections .grid--right > .site-sections__content, .site-sections .grid--right > .site-sections__children, .grid--right > .social-header__search, .grid--right > .social-header__stats, .grid--right > .site-foot__nav, .grid--right > .site-foot__overview, .grid--right > .site-foot__logo, .grid--right > .site-foot__copyright, .grid--right > .site-foot__links, .layout__dashboard .welcome-panel .grid--right > .next-rides, .layout__dashboard .welcome-panel .grid--right > .actions, .layout__dashboard .welcome-panel .grid--right > .recommended-rides, .layout__dashboard .welcome-panel .grid--right > .recommended-buddies, .layout__dashboard .welcome-panel .grid--right > .recommended-groups, .layout__ride-details .tab-content .grid--right > .tab, .layout__social .social-steps.grid--right > *, .layout__social .social-items.grid--right > *, .grid--right > .buddy-messages__buddies, .grid--right > .buddy-messages__conversations {
  text-align: left;
}

/**
 * Centered grids align grid items centrally without needing to use push or pull
 * classes. Extends `.grid`.
 */
.grid--center {
  text-align: center;
}
.grid--center > .grid__item, .ride-detail .ride-detail__inner .grid--center > .ride-detail__primary, .ride-detail .ride-detail__inner .grid--center > .ride-detail__secondary, .ride-type-selector.grid--center > div, .group-detail .group-detail__inner .grid--center > .group-detail__primary, .site-sections .grid--center > .site-sections__img, .site-sections .grid--center > .site-sections__content, .site-sections .grid--center > .site-sections__children, .grid--center > .social-header__search, .grid--center > .social-header__stats, .grid--center > .site-foot__nav, .grid--center > .site-foot__overview, .grid--center > .site-foot__logo, .grid--center > .site-foot__copyright, .grid--center > .site-foot__links, .layout__dashboard .welcome-panel .grid--center > .next-rides, .layout__dashboard .welcome-panel .grid--center > .actions, .layout__dashboard .welcome-panel .grid--center > .recommended-rides, .layout__dashboard .welcome-panel .grid--center > .recommended-buddies, .layout__dashboard .welcome-panel .grid--center > .recommended-groups, .layout__ride-details .tab-content .grid--center > .tab, .layout__social .social-steps.grid--center > *, .layout__social .social-items.grid--center > *, .grid--center > .buddy-messages__buddies, .grid--center > .buddy-messages__conversations {
  text-align: left;
}

/**
 * Align grid cells vertically (`.grid--middle` or `.grid--bottom`). Extends
 * `.grid`.
 */
.grid--middle > .grid__item, .ride-detail .ride-detail__inner .grid--middle > .ride-detail__primary, .ride-detail .ride-detail__inner .grid--middle > .ride-detail__secondary, .ride-type-selector.grid--middle > div, .group-detail .group-detail__inner .grid--middle > .group-detail__primary, .site-sections .grid--middle > .site-sections__img, .site-sections .grid--middle > .site-sections__content, .site-sections .grid--middle > .site-sections__children, .grid--middle > .social-header__search, .grid--middle > .social-header__stats, .grid--middle > .site-foot__nav, .grid--middle > .site-foot__overview, .grid--middle > .site-foot__logo, .grid--middle > .site-foot__copyright, .grid--middle > .site-foot__links, .layout__dashboard .welcome-panel .grid--middle > .next-rides, .layout__dashboard .welcome-panel .grid--middle > .actions, .layout__dashboard .welcome-panel .grid--middle > .recommended-rides, .layout__dashboard .welcome-panel .grid--middle > .recommended-buddies, .layout__dashboard .welcome-panel .grid--middle > .recommended-groups, .layout__ride-details .tab-content .grid--middle > .tab, .layout__social .social-steps.grid--middle > *, .layout__social .social-items.grid--middle > *, .grid--middle > .buddy-messages__buddies, .grid--middle > .buddy-messages__conversations {
  vertical-align: middle;
}

.grid--bottom > .grid__item, .ride-detail .ride-detail__inner .grid--bottom > .ride-detail__primary, .ride-detail .ride-detail__inner .grid--bottom > .ride-detail__secondary, .ride-type-selector.grid--bottom > div, .group-detail .group-detail__inner .grid--bottom > .group-detail__primary, .site-sections .grid--bottom > .site-sections__img, .site-sections .grid--bottom > .site-sections__content, .site-sections .grid--bottom > .site-sections__children, .grid--bottom > .social-header__search, .grid--bottom > .social-header__stats, .grid--bottom > .site-foot__nav, .grid--bottom > .site-foot__overview, .grid--bottom > .site-foot__logo, .grid--bottom > .site-foot__copyright, .grid--bottom > .site-foot__links, .layout__dashboard .welcome-panel .grid--bottom > .next-rides, .layout__dashboard .welcome-panel .grid--bottom > .actions, .layout__dashboard .welcome-panel .grid--bottom > .recommended-rides, .layout__dashboard .welcome-panel .grid--bottom > .recommended-buddies, .layout__dashboard .welcome-panel .grid--bottom > .recommended-groups, .layout__ride-details .tab-content .grid--bottom > .tab, .layout__social .social-steps.grid--bottom > *, .layout__social .social-items.grid--bottom > *, .grid--bottom > .buddy-messages__buddies, .grid--bottom > .buddy-messages__conversations {
  vertical-align: bottom;
}

/**
 * Create grids with narrower gutters. Extends `.grid`.
 */
.grid--narrow {
  margin-left: -10px;
}
.grid--narrow > .grid__item, .ride-detail .ride-detail__inner .grid--narrow > .ride-detail__primary, .ride-detail .ride-detail__inner .grid--narrow > .ride-detail__secondary, .ride-type-selector.grid--narrow > div, .group-detail .group-detail__inner .grid--narrow > .group-detail__primary, .site-sections .grid--narrow > .site-sections__img, .site-sections .grid--narrow > .site-sections__content, .site-sections .grid--narrow > .site-sections__children, .grid--narrow > .social-header__search, .grid--narrow > .social-header__stats, .grid--narrow > .site-foot__nav, .grid--narrow > .site-foot__overview, .grid--narrow > .site-foot__logo, .grid--narrow > .site-foot__copyright, .grid--narrow > .site-foot__links, .layout__dashboard .welcome-panel .grid--narrow > .next-rides, .layout__dashboard .welcome-panel .grid--narrow > .actions, .layout__dashboard .welcome-panel .grid--narrow > .recommended-rides, .layout__dashboard .welcome-panel .grid--narrow > .recommended-buddies, .layout__dashboard .welcome-panel .grid--narrow > .recommended-groups, .layout__ride-details .tab-content .grid--narrow > .tab, .layout__social .social-steps.grid--narrow > *, .layout__social .social-items.grid--narrow > *, .grid--narrow > .buddy-messages__buddies, .grid--narrow > .buddy-messages__conversations {
  padding-left: 10px;
}

/**
 * Create grids with wider gutters. Extends `.grid`.
 */
.grid--wide {
  margin-left: -40px;
}
.grid--wide > .grid__item, .ride-detail .ride-detail__inner .grid--wide > .ride-detail__primary, .ride-detail .ride-detail__inner .grid--wide > .ride-detail__secondary, .ride-type-selector.grid--wide > div, .group-detail .group-detail__inner .grid--wide > .group-detail__primary, .site-sections .grid--wide > .site-sections__img, .site-sections .grid--wide > .site-sections__content, .site-sections .grid--wide > .site-sections__children, .grid--wide > .social-header__search, .grid--wide > .social-header__stats, .grid--wide > .site-foot__nav, .grid--wide > .site-foot__overview, .grid--wide > .site-foot__logo, .grid--wide > .site-foot__copyright, .grid--wide > .site-foot__links, .layout__dashboard .welcome-panel .grid--wide > .next-rides, .layout__dashboard .welcome-panel .grid--wide > .actions, .layout__dashboard .welcome-panel .grid--wide > .recommended-rides, .layout__dashboard .welcome-panel .grid--wide > .recommended-buddies, .layout__dashboard .welcome-panel .grid--wide > .recommended-groups, .layout__ride-details .tab-content .grid--wide > .tab, .layout__social .social-steps.grid--wide > *, .layout__social .social-items.grid--wide > *, .grid--wide > .buddy-messages__buddies, .grid--wide > .buddy-messages__conversations {
  padding-left: 40px;
}

/*------------------------------------*\
    $WIDTHS
\*------------------------------------*/
/**
 * Create our width classes, prefixed by the specified namespace.
 */
/**
 * Our regular, non-responsive width classes.
 */
/**
 * Whole
 */
.one-whole, .ride-detail .ride-detail__inner .ride-detail__primary.ride-detail__primary--stretched, .group-detail .group-detail__inner .group-detail__primary.group-detail__primary--stretched {
  width: 100%;
}

/**
 * Halves
 */
.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths, .social-header__search, .social-header__stats, .site-foot__overview, .layout__dashboard .welcome-panel .next-rides, .layout__dashboard .welcome-panel .actions, .layout__ride-details .tab-content .tab {
  width: 50%;
}

/**
 * Thirds
 */
.one-third, .two-sixths, .four-twelfths, .site-sections .site-sections__children, .promo-wrapper .promo, .layout__dashboard .welcome-panel .recommended-rides, .layout__dashboard .welcome-panel .recommended-buddies, .layout__dashboard .welcome-panel .recommended-groups, .layout__social .social-steps .social-step, .layout__social .social-item {
  width: 33.333%;
}

.two-thirds, .four-sixths, .eight-twelfths {
  width: 66.666%;
}

/**
 * Quarters
 */
.one-quarter, .two-eighths, .three-twelfths, .ride-detail .ride-detail__inner .ride-detail__secondary, .ride-type-selector > div, .site-sections .site-sections__img, .site-foot__nav, .site-foot__logo {
  width: 25%;
}

.three-quarters, .six-eighths, .nine-twelfths, .ride-detail .ride-detail__inner .ride-detail__primary, .group-detail .group-detail__inner .group-detail__primary {
  width: 75%;
}

/**
 * Fifths
 */
.one-fifth, .two-tenths {
  width: 20%;
}

.two-fifths, .four-tenths {
  width: 40%;
}

.three-fifths, .six-tenths {
  width: 60%;
}

.four-fifths, .eight-tenths {
  width: 80%;
}

/**
 * Sixths
 */
.one-sixth, .two-twelfths {
  width: 16.666%;
}

.five-sixths, .ten-twelfths {
  width: 83.333%;
}

/**
 * Eighths
 */
.one-eighth, .is-plugin .site-foot__logo {
  width: 12.5%;
}

.three-eighths {
  width: 37.5%;
}

.five-eighths {
  width: 62.5%;
}

.seven-eighths {
  width: 87.5%;
}

/**
 * Tenths
 */
.one-tenth, .is-plugin .site-foot__top {
  width: 10%;
}

.three-tenths, .site-foot__copyright, .buddy-messages__buddies {
  width: 30%;
}

.seven-tenths, .site-foot__links, .buddy-messages__conversations {
  width: 70%;
}

.nine-tenths {
  width: 90%;
}

/**
 * Twelfths
 */
.one-twelfth {
  width: 8.333%;
}

.five-twelfths, .site-sections .site-sections__content {
  width: 41.666%;
}

.seven-twelfths {
  width: 58.333%;
}

.eleven-twelfths {
  width: 91.666%;
}

/**
 * Our responsive classes, if we have enabled them.
 */
/*------------------------------------*\
    $PUSH
\*------------------------------------*/
/**
 * Push classes, to move grid items over to the right by certain amounts.
 */
/*------------------------------------*\
    $PULL
\*------------------------------------*/
/**
 * Pull classes, to move grid items back to the left by certain amounts.
 */
.accordion {
  position: relative;
  margin: 20px 0 0 0;
  background-color: whitesmoke;
}
.accordion h2.alternate {
  display: block;
  margin: 0;
  padding: 20px;
  border-bottom: solid 1px #fff;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 2.4em;
  color: #313131;
  cursor: pointer;
}
.is-plugin .accordion h2.alternate {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.accordion dl {
  font-size: 1.5em;
}
.accordion dl dt {
  width: 190px;
}
.accordion dl dd {
  padding-left: 200px;
}
.accordion dt, .accordion p label, .accordion .layout__dashboard .optional-widget legend label, .layout__dashboard .optional-widget .accordion legend label {
  color: #888;
}
.accordion .toggle {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  top: 18px;
  right: 18px;
  width: 26px;
  height: 26px;
  border: solid 1px gainsboro;
  background-color: #fff;
  cursor: pointer;
}
.accordion .toggle span {
  display: block;
  height: 26px;
  background: url(../images/backgrounds/toggle.png) no-repeat center 8px;
  text-indent: -9999px;
}
.accordion .toggle.active span {
  background-position: center -22px;
}

.appriseOverlay {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  display: none;
  z-index: 99999;
}

.appriseOuter {
  background: #eee;
  border: 1px solid #fff;
  box-shadow: 0px 3px 7px #333;
  -moz-box-shadow: 0px 3px 7px #333;
  -webkit-box-shadow: 0px 3px 7px #333;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -khtml-border-radius: 4px;
  position: absolute;
  z-index: 99999999;
  min-width: 200px;
  min-height: 50px;
  max-width: 75%;
  position: fixed;
  display: none;
}

.appriseInner {
  padding: 20px;
  color: #333;
  font-size: 1.4em;
  text-shadow: 0px 1px 0px #fff;
}
.appriseInner ul {
  list-style: none;
}
.appriseInner button {
  border: 1px solid #bbb;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -khtml-border-radius: 3px;
  background: -moz-linear-gradient(100% 100% 90deg, #eeeeee, #d5d5d5);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#d5d5d5));
  background: -webkit-linear-gradient(#eeeeee, #d5d5d5);
  background: -o-linear-gradient(#eeeeee, #d5d5d5);
  color: #232d3d;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 10px;
  margin: 0 3px;
  text-shadow: 0px 1px 0px #fff;
  cursor: pointer;
  box-shadow: 0px 1px 2px #ccc;
  -moz-box-shadow: 0px 1px 2px #ccc;
  -webkit-box-shadow: 0px 1px 2px #ccc;
}
.appriseInner button:hover {
  color: #FB6900;
}

.aButtons, .aInput {
  margin: 20px 10px 0px 10px;
  text-align: center;
}

.aTextbox {
  border: 1px solid #aaa;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -khtml-border-radius: 4px;
  box-shadow: 0px 1px 0px #fff;
  -moz-box-shadow: 0px 1px 0px #fff;
  -webkit-box-shadow: 0px 1px 0px #fff;
  width: 180px;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 10px;
}

#banner {
  position: relative;
  min-height: 200px;
}
#banner img {
  width: 100%;
}
#banner.banner-extended {
  min-height: 400px;
}
#banner h1 {
  height: 0;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
}
#banner > span {
  position: absolute;
  bottom: 25px;
  left: 25px;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 5em;
  color: #FFF;
}
.is-plugin #banner > span {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.button-wrapper {
  margin: 0 0 10px 0;
}

.button-wrapper--cleared {
  clear: both;
}

.button-wrapper.flush {
  margin: 0;
}

.button {
  float: left;
  display: inline;
  background: #e00000;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  text-align: left;
}
.is-social .button {
  background: #3eb6b4;
}
.is-plugin .button {
  background: #e00000;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
.button:hover, .button:focus {
  background: #777777 !important;
}
.is-social .button:hover, .is-social .button:focus {
  background: #777777 !important;
}
.is-plugin .button:hover, .is-plugin .button:focus {
  background: #777777 !important;
}
.button.space-left {
  margin-left: 5px;
}
.button--stretched {
  float: none;
  display: block;
  width: auto;
}

.button-wrapper--form a.button {
  width: auto;
  margin-bottom: 15px;
}

body.access a.button {
  background: #d70000;
  text-decoration: none;
}

a.button.full {
  width: auto;
}
a.button.towered {
  display: block;
  float: none;
}

#sidebar a.button.full {
  float: none;
  display: block;
  width: auto;
  margin-right: 15px;
  font-size: 1.2em;
}

a.button.secondary {
  background: #777777;
}
a.button.secondary:hover, a.button.secondary:focus {
  background: #777777;
}

body.access a.button.secondary {
  background: #777777;
}

a.button:hover {
  text-decoration: none;
}
a.button span {
  display: block;
  padding: 10px 27px 10px 9px;
  background: url(../../../Content/14/images/icons/generic-button-arrow.png) no-repeat right center;
  color: #FFF;
  white-space: nowrap;
}

a.button.back {
  width: auto;
}
a.button.back span {
  padding-right: 12px;
  padding-left: 27px;
  background: url(../../../Content/14/images/icons/generic-button-arrow--reversed.png) no-repeat 10px center;
}
a.button.delete {
  width: auto;
}
a.button.delete span {
  background: url(../images/backgrounds/cross-white.png) no-repeat right 10px center;
}
a.button.icon span, a.button.more:after span, a.button.more.prev:before span, .dropdown dt a.button:after span {
  width: 31px;
  height: 31px;
  padding: 0;
  background: no-repeat center center;
  text-indent: 9999px;
}
a.button.icon.icon-calendar span, a.button.icon-calendar.more:after span, a.button.icon-calendar.more.prev:before span, .dropdown dt a.button.icon-calendar:after span {
  background-image: url(../images/icons/calendar.png);
}
a.more {
  color: #009cdd;
  padding-right: 15px;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  white-space: nowrap;
}
a.more:after {
  content: "\3e";
  font-size: 0.8em;
  padding: 2px 0 0 2px;
}
.is-social a.more {
  color: #3eb6b4;
}
.is-plugin a.more {
  color: #009cdd;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 15px;
}
a.more.prev {
  padding-left: 27px;
  padding-right: 0;
}
a.more.prev:after {
  content: "";
  font-size: 0.8em;
  padding: 2px 0 0 2px;
}
a.more.prev:before {
  content: "\3c";
  font-size: 0.8em;
  padding: 2px 2px 0 0;
}
a.more--inverted {
  color: #fff;
  background: url(../../../Content/14/images/icons/generic-button-arrow.png) no-repeat right center;
}
a.close {
  background: transparent url(../images/backgrounds/cross-white.png) no-repeat right center;
  padding-right: 15px;
  font-family: "SkyTextMedium", "Arial", sans-serif;
}
.is-plugin a.close {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
a.right {
  display: block;
  text-align: right;
}
a.fl-right {
  float: right;
}
a.fl-left {
  float: left !important;
}
a.not {
  background: none;
  white-space: nowrap;
}
a.not:hover {
  background: none;
}
a.not span {
  background: none;
  color: #818181;
}
.is-plugin a.not {
  background: none;
}

body.access p span.option a.more, body.access .layout__dashboard .optional-widget legend span.option a.more, .layout__dashboard .optional-widget body.access legend span.option a.more {
  color: #000 !important;
}

span.more.alt {
  color: #a0a0a0;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  text-transform: uppercase;
}
.is-plugin span.more.alt {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

a.button--login {
  background: white;
  box-shadow: none;
}
a.button--login:hover, a.button--login:focus {
  background: #0078aa;
}
a.button--login:hover span, a.button--login:focus span {
  color: #ffffff;
  background: url(../../../Content/14/images/icons/generic-button-arrow.png) no-repeat right center;
}
a.button--login span {
  color: #009cdd;
  background: url(../../../Content/14/images/icons/blue-button-arrow.png) no-repeat right center;
  padding: 8px 27px 8px 9px;
}
.is-social a.button--login:hover, .is-social a.button--login:focus {
  background: #31908e;
}
.is-social a.button--login:hover span, .is-social a.button--login:focus span {
  color: #ffffff;
  background: url(../../../Content/14/images/icons/generic-button-arrow.png) no-repeat right center;
}
.is-social a.button--login span {
  color: #3eb6b4;
  background: url(../../../Content/14/images/icons/teal-button-arrow.png) no-repeat right center;
}

.button--video {
  display: block;
  position: relative;
  background-size: cover;
}
.button--video span {
  width: 59px;
  height: 39px;
  display: block;
  position: absolute;
  background: url(../images/icons/video-play.png);
  background-position: center top;
  background-repeat: no-repeat;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -29px;
}
.button--video:hover span, .button--video:focus span {
  background-position: center bottom;
}

.bx-controls {
  margin-top: 20px;
  text-align: center;
}
.bx-controls .bx-pager-item {
  display: inline;
  padding: 0;
  margin: 0;
  line-height: 1;
}
.bx-controls .bx-pager-link {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 3px;
  border: solid 1px #b1b1b1;
  text-indent: -9999px;
}
.bx-controls .bx-pager-link.active {
  border-color: #009cdd;
}
.bx-controls .bx-controls-direction > a {
  position: absolute;
  bottom: 12px;
  width: 22px;
  height: 22px;
  background: no-repeat center center;
  text-indent: -9999px;
}
.bx-controls .bx-controls-direction > a.bx-prev {
  background-image: url(../images/backgrounds/arrow-left-grey.png);
}
.bx-controls .bx-controls-direction > a.bx-next {
  background-image: url(../images/backgrounds/arrow-right-grey.png);
}

a.cycle-controls {
  position: absolute;
  width: 26px;
  height: 26px;
  text-indent: -9999px;
  opacity: 0.5;
}
a.cycle-controls:hover {
  opacity: 1;
}
a.cycle-controls span {
  display: block;
  height: 26px;
  background: url(../images/backgrounds/toggle-play.png) no-repeat center 8px;
  text-indent: -9999px;
}
a.cycle-controls.resume span {
  background-position: center -22px;
}

.more-or-less {
  font-size: 1.4em;
  text-align: center;
}

.conversation {
  margin: 5px 0 0 0;
  padding: 0;
  list-style: none;
  position: relative;
}
.conversation li {
  position: relative;
  margin: 0;
  padding: 15px 0;
}
.is-social .conversation a {
  color: #3eb6b4;
}
.conversation__date {
  font-size: 0.8em;
  text-align: center;
}
.conversation__image {
  float: left;
  width: 8%;
}
.conversation__image--secondary {
  float: right;
}
.conversation__image img {
  max-width: 100%;
}
.conversation__message {
  background-color: #009cdd;
  color: #ffffff;
  float: right;
  margin: 0 20% 0 0;
  padding: 15px;
  width: 65%;
}
.is-social .conversation__message {
  background-color: #3eb6b4;
}
.is-plugin .conversation__message {
  background-color: #009cdd;
}
.conversation__message--secondary {
  background-color: #707070;
  float: left;
  margin: 0 0 0 20%;
}
.is-social .conversation__message--secondary {
  background-color: #eeeeee;
  color: #666666;
}
.conversation__message--full {
  width: 100%;
  margin: 0;
}
.conversation__flag {
  position: absolute;
  bottom: 0;
  right: 0;
}

.new-message {
  margin: 12px 0 0 3%;
  width: 75.5%;
}
.new-message label {
  display: block;
  font-size: 1.4em;
  margin: 10px 0;
  width: 100%;
}
.new-message textarea {
  box-sizing: border-box;
  font-size: 1.4em;
  width: 100%;
  margin: 0 0 0.5em 0;
}

/* --- Custom radio buttons and checkboxes --- */
span.custom-checkbox, span.custom-radio {
  position: relative;
  display: block;
  margin-top: 6px;
  border: solid 1px #CECECE;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #FFF;
  font-size: 12px;
  white-space: nowrap;
  line-height: 1;
}
span.custom-checkbox label, span.custom-radio label {
  display: block !important;
  padding: 8px 8px 8px 34px;
}
span.custom-checkbox span.input, span.custom-radio span.input {
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 100%;
  text-align: center;
  padding-top: 2px;
}
span.input input {
  margin-top: 7px;
}
span.custom-checkbox span.help {
  position: absolute;
  top: 6px;
  right: 6px;
}
span.search {
  position: relative;
  display: block;
  line-height: 1;
}
span.search input {
  margin: 0 !important;
  padding-left: 27px !important;
}
span.search:after {
  position: absolute;
  top: 0;
  left: 1px;
  width: 25px;
  height: 95%;
  content: '';
  background: url(../images/icons/form-search.png) no-repeat center center;
  text-align: center;
}
span.image-checkbox input {
  display: none;
}
span.image-checkbox label {
  display: block;
  text-align: center;
}
span.image-checkbox .highlight {
  display: block;
  margin-bottom: 4px;
  padding: 2px;
  position: relative;
}
span.image-checkbox .highlight img {
  display: block;
  pointer-events: none;
  position: relative;
}
span.image-checkbox .highlight img.deselected {
  display: block;
}
span.image-checkbox .highlight img.selected {
  display: none;
}
span.image-checkbox .highlight .tick {
  background-color: #009cdd;
  border: 1px solid #ffffff;
  display: none;
  left: 5px;
  padding: 3px;
  position: absolute;
  top: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
span.image-checkbox input:checked + label > .highlight {
  background-color: #009cdd;
}
span.image-checkbox input:checked + label > .highlight img.deselected {
  display: none;
}
span.image-checkbox input:checked + label > .highlight img.selected {
  display: block;
}
span.image-checkbox input:checked + label > .highlight .icon, span.image-checkbox input:checked + label > .highlight a.more:after, span.image-checkbox input:checked + label > .highlight a.more.prev:before, span.image-checkbox input:checked + label > .highlight .dropdown dt a:after, .dropdown dt span.image-checkbox input:checked + label > .highlight a:after {
  display: block;
}

/* --- Styled Checkboxes --- */
/* --- Dropdown with view/edit mode --- */
.dropdown {
  position: relative;
  float: left;
  display: inline;
  margin-right: 50px;
  width: auto;
  max-width: 140px;
}
.dropdown.last-child {
  margin: 0;
}
.dropdown .custom-checkbox,
.dropdown .custom-radio {
  border: none;
  border-radius: none;
}
.dropdown .custom-checkbox label,
.dropdown .custom-radio label {
  padding: 8px 6px 0 24px;
  font-size: 15px;
}
.dropdown .custom-checkbox .input,
.dropdown .custom-radio .input {
  width: 20px;
}
.dropdown fieldset div > label {
  font-size: 15px !important;
}
.dropdown fieldset select,
.dropdown fieldset textarea,
.dropdown fieldset input[type=text],
.dropdown fieldset input[type=password] {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  display: block;
  background-color: #f5f5f5;
  box-sizing: border-box;
  width: 100%;
  font-size: 15px;
}
.dropdown fieldset span.search:after {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.dropdown .date-range-fields {
  padding-top: 15px;
}

.dropdown-who {
  max-width: 150px;
}

.dropdown dl {
  margin: 0;
  padding: 0;
  line-height: 1;
}
.dropdown dt {
  position: relative;
  float: none;
  display: block;
  width: auto;
  margin: 0;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 17px;
}
.is-plugin .dropdown dt {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.dropdown.open dt {
  z-index: 100;
}
.dropdown dt a {
  display: block;
  padding: 6px 25px 6px 6px;
  color: #707070;
}
.dropdown dt a:after {
  position: absolute;
  top: 6px;
  right: 0;
  content: '\65';
}
.dropdown dd {
  padding: 5px 8px;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  border: none;
}
.dropdown.open dd {
  display: none;
}
.dropdown fieldset {
  position: absolute;
  display: none;
  min-width: 140px;
  top: -10px;
  left: -12px;
  margin: 0;
  padding: 46px 20px 15px;
  border: 1px solid #dddddd;
  background-color: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 50;
}
.dropdown.mirrored fieldset {
  left: auto;
  right: -10px;
}
.dropdown.open fieldset {
  display: block;
}
.dropdown.mirrored fieldset:after {
  left: auto;
  right: 10px;
}
.dropdown fieldset div > label {
  display: block;
  padding: 6px 0 2px 3px;
  font-size: 1.2em;
  color: #888;
}
.dropdown fieldset a.button {
  float: none;
  display: block;
  margin-top: 6px;
}
.dropdown fieldset .search input {
  padding-top: 5px;
  padding-bottom: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.advanced-fields {
  display: none;
  background-color: #ebebeb;
  padding: 15px;
  float: right;
  min-width: 470px;
  margin-bottom: 30px;
}
.advanced-fields .dropdown {
  margin-right: 15px;
}
.advanced-fields .dropdown dt {
  font-size: 17px;
  font-family: "SkyTextMedium", "Arial", sans-serif;
}
.is-plugin .advanced-fields .dropdown dt {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.advanced-fields .dropdown dt a {
  padding-right: 25px;
}
.advanced-fields .dropdown dt a:after {
  background-size: 70%;
  width: 20px;
}
.advanced-fields .dropdown dd {
  font-size: 15px;
}
.advanced-fields .dropdown.last-child {
  margin: 0;
}

/* --- Custom sliders --- */
fieldset.slider-wrapper {
  padding: 46px 30px 50px 30px;
}

.slider .ui-slider .ui-slider-handle {
  top: -6px !important;
  width: 18px !important;
  height: 18px !important;
  -moz-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  border-radius: 10px !important;
  border-color: white !important;
  background: url(../images/gradients/button-back-blue.png) repeat-x top !important;
}
.slider .ui-widget-content {
  border: none;
  background: #CCC;
}
.slider .ui-slider-tooltip.ui-widget-content {
  background: #009cdd;
  color: #FFF;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 14px !important;
}
.is-plugin .slider .ui-slider-tooltip.ui-widget-content {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.slider .ui-slider-horizontal {
  background: white !important;
}
.slider span.ui-slider-tic {
  height: 10px !important;
  top: -14px !important;
  color: #DDD;
}
.slider li span.ui-slider-label-show {
  margin-top: 5px;
  width: 40px;
  text-align: center;
  font-size: 11px !important;
}
.slider .ui-widget-header {
  border: none;
  background: none;
}

.more-filters {
  clear: right;
  font-size: 1.6em;
  float: right;
}
.more-filters a {
  font-weight: bold;
  position: relative;
  padding: 0 1em 0 0;
  color: #009cdd;
}
.is-social .more-filters a {
  color: #3eb6b4;
}
.is-plugin .more-filters a {
  color: #009cdd;
}
.more-filters .icon, .more-filters a.more:after, .more-filters a.more.prev:before, .more-filters .dropdown dt a:after, .dropdown dt .more-filters a:after {
  position: absolute;
  top: 50%;
  right: 0;
  margin: -0.5em 0 0 0;
}

.slider .ui-slider .ui-slider-handle {
  background: #009cdd !important;
}

ul.entities {
  margin: 0;
  list-style: none;
  width: 100%;
}
ul.entities li {
  position: relative;
  margin: 0 1% 10px 0;
  padding: 10px;
  border: 1px solid #BDBDBD;
  background: #FFF;
  width: 46.1%;
  float: left;
}
ul.entities li:nth-child(2n) {
  margin: 0 0 10px 0;
}
ul.entities li p, ul.entities li .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget ul.entities li legend {
  font-size: 1em;
  margin: 0;
}
.paged-content ul.entities li {
  width: 100% !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
ul.entities li.highlight {
  border: 1px solid #cc0000 !important;
}
ul.entities.no-avatar li {
  padding-left: 10px;
}
ul.entities.selectable li {
  padding-left: 90px;
}
ul.entities.split li {
  float: left;
  display: inline;
  width: 380px;
  margin: 10px 10px 0 0;
  border-width: 1px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
ul.entities.split li:first-child, ul.entities.split li:last-child, ul.entities.split li:first-child:last-child {
  float: left;
  display: inline;
  width: 380px;
  margin: 10px 10px 0 0;
  border-width: 1px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
ul.entities.three-col li {
  float: left;
  display: inline;
  width: 298px;
  margin: 10px 10px 0 0;
  border-width: 1px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
ul.entities.three-col li:nth-child(3n) {
  margin: 10px 0 0 0;
}
ul.entities li strong {
  display: block;
  color: #009cdd;
  font-weight: 600;
}
.is-social ul.entities li strong {
  color: #3eb6b4;
}
.is-plugin ul.entities li strong {
  color: #009cdd;
}
ul.entities li .meta {
  display: block;
  font-size: 0.9em;
  color: #888;
  line-height: 1em;
}
ul.entities li .actions {
  clear: both;
}
ul.entities li .actions.ride-groups-action-items {
  width: 38%;
}
ul.entities li .actions.ride-groups-action-items strong {
  text-align: right;
  float: right;
  color: #888;
}
ul.entities.search li .actions {
  bottom: 14px;
  right: 14px;
}
ul.entities li .actions a.more {
  margin-left: 15px;
}
ul.entities li .actions a.more.added-top {
  position: relative;
  top: 5px;
}
ul.entities li .actions a.button {
  float: right;
  margin: 0 0 0 5px;
  width: auto;
  line-height: 1;
}
ul.entities li .actions a.button.inline {
  width: auto;
}
ul.entities li .actions a.button--remove {
  float: left;
  margin: 0;
}
ul.entities li .actions a span {
  padding: 8px 23px 8px 7px;
}
ul.entities li .img {
  float: left;
  margin: 0 0 10px 0;
  position: relative;
  width: 75px;
}
ul.entities li .img img {
  display: block;
  max-width: 100%;
}
ul.entities li .img .bc-logo {
  bottom: 0;
  position: absolute;
  right: 0;
}
ul.entities li .img .icon, ul.entities li .img a.more:after, ul.entities li .img a.more.prev:before, ul.entities li .img .dropdown dt a:after, .dropdown dt ul.entities li .img a:after {
  bottom: 0;
  padding: 2px;
  color: #009cdd;
  background-color: #ffffff;
  position: absolute;
  right: 0;
}
ul.entities li .img .icon--scg-group-buddy {
  color: #376a2f;
}
ul.entities li .img .icon--scg-group-admin {
  color: #890e11;
}
ul.entities li .img .icon--scg-group-member, ul.entities li .img .icon--scg-group-creator {
  color: #f7bd0e;
}
ul.entities li .body {
  margin: 0 0 0 85px;
}
ul.entities.selectable li img {
  left: 40px;
}
ul.entities.search li img.bc-logo {
  top: 18px;
  right: 190px;
}
ul.entities.search.public li img.bc-logo {
  top: 8px;
  right: 8px;
}
ul.entities li .select {
  background-color: #ffffff;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
}
ul.entities li .select input {
  display: block;
  margin: 4px;
  padding: 0;
}
ul.entities li dl {
  margin-left: 0;
  font-size: 0.8em;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
#fancybox-inner, #fancybox-outer {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#fancybox-wrap {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#fancybox-wrap iframe {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none;
}
#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url("../../../fancybox/fancybox.png");
}

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none;
}

#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none;
}

#fancybox-wrap {
  position: fixed;
  top: 20px !important;
  left: 0;
  padding: 0 0 0 20px !important;
  z-index: 1101;
  outline: none;
  display: none;
}

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}

#fancybox-content {
  width: 0;
  height: 0;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1101;
}

#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: transparent url("../../../fancybox/fancybox.png") -40px 0px;
  cursor: pointer;
  z-index: 1103;
  display: none;
}

#fancybox-error {
  color: #444;
  font: normal 12px / 20px Arial;
  padding: 14px;
  margin: 0;
}

#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
}

#fancybox-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

#fancybox-left, #fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background: transparent url("http://www.goskyride.com/fancybox/fancyboxblank.gif");
  z-index: 1102;
  display: none;
}

#fancybox-left {
  left: 0px;
}

#fancybox-right {
  right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block;
}

#fancybox-left-ico {
  background-image: url("../../../fancybox/fancybox.png");
  background-position: -40px -30px;
}

#fancybox-right-ico {
  background-image: url("../../../fancybox/fancybox.png");
  background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
  visibility: visible;
  /* IE6 */
}

#fancybox-left:hover span {
  left: 20px;
}

#fancybox-right:hover span {
  left: auto;
  right: 20px;
}

.fancybox-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001;
}

#fancybox-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url("../../../fancybox/fancybox-x.png");
}

#fancybox-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url("../../../fancybox/fancybox.png");
  background-position: -40px -162px;
}

#fancybox-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url("../../../fancybox/fancybox-y.png");
  background-position: -20px 0px;
}

#fancybox-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url("../../../fancybox/fancybox.png");
  background-position: -40px -182px;
}

#fancybox-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url("../../../fancybox/fancybox-x.png");
  background-position: 0px -20px;
}

#fancybox-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url("../../../fancybox/fancybox.png");
  background-position: -40px -142px;
}

#fancybox-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url("../../../fancybox/fancybox-y.png");
}

#fancybox-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url("../../../fancybox/fancybox.png");
  background-position: -40px -122px;
}

#fancybox-title {
  font-family: Helvetica;
  font-size: 12px;
  z-index: 1102;
}

.fancybox-title-inside {
  padding-bottom: 10px;
  text-align: center;
  color: #333;
  background: #fff;
  position: relative;
}

.fancybox-title-outside {
  padding-top: 10px;
  color: #fff;
}

.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  text-align: left;
}

#fancybox-title-over {
  padding: 10px;
  background-image: url("http://www.goskyride.com/fancybox/fancyboxfancy_title_over.png");
  display: block;
}

.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px;
}

#fancybox-title-float-wrap {
  border: none;
  border-collapse: collapse;
  width: auto;
}
#fancybox-title-float-wrap td {
  border: none;
  white-space: nowrap;
}

#fancybox-title-float-left {
  padding: 0 0 0 15px;
  background: url("../../../fancybox/fancybox.png") -40px -90px no-repeat;
}

#fancybox-title-float-main {
  color: #FFF;
  line-height: 29px;
  font-weight: bold;
  padding: 0 0 3px 0;
  background: url("../../../fancybox/fancybox-x.png") 0px -40px;
}

#fancybox-title-float-right {
  padding: 0 0 0 15px;
  background: url("../../../fancybox/fancybox.png") -55px -90px no-repeat;
}

/* IE6 */
.fancybox-ie6 #fancybox-close {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_close.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-left-ico {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_nav_left.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-right-ico {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_nav_right.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-over {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_over.png', sizingMethod='scale');
  zoom: 1;
}
.fancybox-ie6 #fancybox-title-float-left {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_left.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-float-main {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_main.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-float-right {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_right.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right {
  height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-hide-sel-frame {
  height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
  position: absolute;
  margin-top: 0;
  top: expression((-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}
#fancybox-loading.fancybox-ie6 div {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_loading.png', sizingMethod='scale');
}

/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg {
  background: transparent !important;
}
.fancybox-ie #fancybox-bg-n {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_n.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-ne {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_ne.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-e {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_e.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-se {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_se.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-s {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_s.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-sw {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_sw.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-w {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_w.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-nw {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_nw.png', sizingMethod='scale');
}

.filter {
  position: relative;
  margin: 15px 20px 0 20px;
  padding: 12px 0;
  border: solid #DDD;
  border-width: 1px 0;
  font-size: 1.2em;
  color: #666;
  line-height: 1em;
}
.filter .advanced {
  display: none;
  margin-top: 10px;
  padding-top: 10px;
  border: solid #DDD;
  border-width: 1px 0 0 0;
}
.filter p, .filter .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .filter legend {
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 1em;
}
.filter .advanced p, .filter .advanced .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .filter .advanced legend {
  float: none;
  display: block;
  margin: 10px 0 0 0;
}
.filter a.button {
  float: right;
  display: inline;
  width: auto;
  margin-left: 10px;
  font-size: 1em;
}
.filter > span, .filter p label, .filter .layout__dashboard .optional-widget legend label, .layout__dashboard .optional-widget .filter legend label {
  margin-left: 15px;
  color: #999;
}
.filter .advanced p label, .filter .advanced .layout__dashboard .optional-widget legend label, .layout__dashboard .optional-widget .filter .advanced legend label {
  float: left;
  display: inline;
  width: 150px;
}
.filter p label.inline, .filter .layout__dashboard .optional-widget legend label.inline, .layout__dashboard .optional-widget .filter legend label.inline {
  float: none;
  width: auto;
  margin-left: 0;
  margin-right: 10px;
  color: #333;
}
.filter .advanced span.group, .filter .advanced .ride-detail .section-overview span.table-wrapper.with-image, .ride-detail .section-overview .filter .advanced span.table-wrapper.with-image, .filter .advanced span.block__content, .filter .advanced span.buddy-messages-list__buddy {
  display: block;
  margin: 0 0 0 164px;
}
.filter .advanced span.checkbox-wrapper {
  white-space: nowrap;
  display: inline-block;
  padding-bottom: 5px;
}

.DateError {
  display: block;
  color: #cc0000;
  font-size: 13px;
  padding: 5px 0 0 8px;
}

.find-widget-container {
  width: 300px;
  margin: 0 auto;
}
.find-widget-container__heading {
  color: #009cdd;
  margin: 0 0 15px;
}

.find-widget {
  padding: 15px;
  background: whitesmoke;
  text-align: center;
}
.feature-panel .find-widget {
  background: #ffffff;
}
.find-widget * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.find-widget h2 {
  margin: 0;
  padding: 0;
  color: #009cdd;
  font-size: 2.6em;
  text-align: left;
}
.find-widget p, .find-widget .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .find-widget legend {
  margin: 0;
  padding: 0;
  font-size: 1.3em !important;
  text-align: left;
}
.find-widget p .icon, .find-widget .layout__dashboard .optional-widget legend .icon, .layout__dashboard .optional-widget .find-widget legend .icon, .find-widget p a.more:after, .find-widget .layout__dashboard .optional-widget legend a.more:after, .layout__dashboard .optional-widget .find-widget legend a.more:after, .find-widget p a.more.prev:before, .find-widget .layout__dashboard .optional-widget legend a.more.prev:before, .layout__dashboard .optional-widget .find-widget legend a.more.prev:before, .find-widget p .dropdown dt a:after, .dropdown dt .find-widget p a:after, .find-widget .layout__dashboard .optional-widget legend .dropdown dt a:after, .dropdown dt .find-widget .layout__dashboard .optional-widget legend a:after, .layout__dashboard .optional-widget .find-widget legend .dropdown dt a:after, .dropdown dt .layout__dashboard .optional-widget .find-widget legend a:after {
  display: none;
}
.find-widget .tabs > ul {
  width: 100%;
  margin: 15px 0;
  padding: 0;
}
.find-widget .tabs > ul li {
  width: 33.3333333%;
  box-sizing: border-box;
}
.find-widget .tabs > ul li.last {
  border-right: 0;
}
.find-widget .tabs > ul li a {
  padding: 2px 0;
  width: 100%;
}
.find-widget .button-wrapper, .find-widget .ride-finder {
  float: right;
  margin-right: 20px;
}
.find-widget a.button {
  position: absolute;
  bottom: 3px;
  right: 3px;
  margin-top: 0;
  width: 90px;
  margin-bottom: 0 !important;
}
.is-plugin .find-widget a.button {
  bottom: 4px;
  right: 4px;
}
.find-widget .ride-finder {
  font-family: "SkyTextRegular", "Arial", sans-serif;
  margin-top: 10px;
}
.is-plugin .find-widget .ride-finder {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.find-widget .form-elements {
  position: relative;
}
.find-widget--dashboard {
  float: left;
  padding: 15px 0 15px 15px;
  width: 65%;
}
.find-widget--dashboard h2 {
  float: left;
  padding: 6px 0;
  width: 16%;
}
.find-widget--dashboard .search {
  float: right;
  width: 84%;
}
.find-widget--dashboard .find-widget {
  padding: 0;
}
.find-widget--dashboard .find-widget .tabs > ul {
  float: left;
  margin: 0;
  width: 34%;
}
.find-widget--dashboard .find-widget .tabs > ul a {
  padding: 4px 0;
}
.find-widget--dashboard .find-widget .tabs > div {
  float: right;
  width: 62%;
}
.find-widget--dashboard .find-widget .find-widget__input {
  margin: 0 !important;
  padding: 11px 10px !important;
}
.find-widget--dashboard .find-widget .find-widget__input--name {
  width: 38%;
}
.find-widget--dashboard .find-widget .find-widget__input--address {
  width: 61%;
}
.find-widget--dashboard .find-widget a.button {
  bottom: 14px;
  width: 60px;
}

.find-widget--feature-panel {
  padding: 20px 15px 15px 15px;
  position: relative;
  background: whitesmoke !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.find-widget--feature-panel .ui-widget-content p, .find-widget--feature-panel .ui-widget-content .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .find-widget--feature-panel .ui-widget-content legend {
  width: 100% !important;
  margin: 0 !important;
}
.find-widget--feature-panel .tabs > ul {
  margin: 0 0 15px 0;
}

.find-widget__input {
  width: 100%;
  padding: 12px 10px !important;
}
.find-widget__input--name {
  width: 32%;
}
.is-plugin .find-widget__input--name {
  width: 30%;
}
.find-widget__input--address {
  width: 67%;
}
.is-plugin .find-widget__input--address {
  width: 68.6%;
}
.is-plugin #Ride_Diary .find-widget__input--address {
  width: 69.7%;
}

#sidebar .find-widget__input--name, #sidebar .find-widget__input--address, .feature-panel .find-widget__input--name, .feature-panel .find-widget__input--address {
  width: 100%;
}

@-moz-document url-prefix() {}
.find-widget__container {
  background-color: whitesmoke;
}
.find-widget__container .find-widget {
  padding: 0;
  margin: 0;
  position: relative;
}

.find-widget--narrow .filter {
  border: none !important;
  margin: 15px 0 0 0;
}
.find-widget--narrow .button-wrapper {
  width: 100%;
}
.find-widget--narrow .button-wrapper a.button {
  position: static;
  float: left;
  margin: 15px 0 0 0;
}
.find-widget--narrow .find-widget__input {
  padding: 12px 10px !important;
}
.find-widget--narrow p, .find-widget--narrow .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .find-widget--narrow legend {
  width: 90% !important;
}

.flagcontent {
  margin: 20px 0 0 20px;
  font-size: 1em;
  text-transform: uppercase;
}
.flagcontent a {
  padding-left: 18px;
  background: url(../images/icons/alert.png) no-repeat;
  color: #FFF;
}
.flagcontent a:hover {
  background-position: 0 -28px;
  color: #CC0000;
}

.flash {
  margin: 10px 0;
  padding: 12px 10px;
  background-color: #009cdd;
  overflow: hidden;
}
.flash p, .flash .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .flash legend, .flash a {
  color: #fff;
}

.flash__heading {
  font-size: 22px;
  margin: 0 0 10px;
  color: #fff;
}

.flash__heading--with-link {
  float: left;
}

.flash p, .flash .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .flash legend {
  margin-left: 0;
  margin-right: 0;
  clear: both;
}

.flash__link {
  float: right;
  font-size: 12px;
}

.errors {
  margin-top: 15px;
}
.errors ul {
  margin-left: 30px;
}
.errors li {
  color: #cc0000;
}

p.error, .layout__dashboard .optional-widget legend.error {
  color: #cc0000;
  margin-left: 20px;
}

select, textarea,
input[type=text],
input[type=password],
input[type=email] {
  border: solid 1px #ccc;
  padding: 5px;
  font-size: 1em;
  color: #666;
}
.is-plugin select, .is-plugin textarea, .is-plugin
input[type=text], .is-plugin
input[type=password], .is-plugin
input[type=email] {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

select:focus, textarea:focus {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  outline: none;
}
.is-plugin select:focus, .is-plugin textarea:focus {
  box-shadow: 0 0 6px #3eb6b4;
}

.date-of-birth select {
  max-width: 88px !important;
}

input[type=text]:focus, input[type=password]:focus {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  outline: none;
}
.is-plugin input[type=text]:focus, .is-plugin input[type=password]:focus {
  box-shadow: 0 0 6px #3eb6b4;
}

textarea {
  width: 400px;
  height: 90px;
  font-size: 1em;
}

input.title {
  width: 300px;
}
input.date {
  width: 80px;
}
input.time {
  width: 20px;
}
input.number {
  width: 40px;
}
input.text-box.single-line {
  width: 160px;
}

fieldset, .fieldset {
  position: relative;
  margin: 20px 0;
  padding: 60px 0 0 0;
  background-color: whitesmoke;
}

fieldset fieldset, .fieldset .fieldset {
  margin: 0 20px 0 0;
  padding: 10px;
  border: none;
  background: #FFF;
}

fieldset legend {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.fieldset h2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  font-size: 1em;
}

fieldset legend span, .fieldset h2 span {
  display: block;
  margin: 20px;
  padding: 0 0 20px 0;
  border-bottom: solid 1px gainsboro;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 2.4em;
  color: #313131;
}
.is-plugin fieldset legend span, .is-plugin .fieldset h2 span {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

fieldset h3, .fieldset h3 {
  font-size: 2em;
  margin: 20px 20px 0 20px;
}

fieldset > p, .layout__dashboard .optional-widget fieldset > legend, fieldset > div > p, .layout__dashboard .optional-widget fieldset > div > legend, fieldset > div > div > p, .layout__dashboard .optional-widget fieldset > div > div > legend {
  position: relative;
  margin: 10px 20px 0 20px;
}

.fieldset > p, .layout__dashboard .optional-widget .fieldset > legend, .fieldset > div > p, .layout__dashboard .optional-widget .fieldset > div > legend {
  position: relative;
  margin: 10px 0 0 20px;
  padding: 0;
}

fieldset > p:last-child, .layout__dashboard .optional-widget fieldset > legend:last-child, .fieldset > p:last-child, .layout__dashboard .optional-widget .fieldset > legend:last-child {
  padding-bottom: 10px;
}

fieldset p.no-label, fieldset .layout__dashboard .optional-widget legend.no-label, .layout__dashboard .optional-widget fieldset legend.no-label, .fieldset p.no-label, .fieldset .layout__dashboard .optional-widget legend.no-label, .layout__dashboard .optional-widget .fieldset legend.no-label, fieldset p.label-span, fieldset .layout__dashboard .optional-widget legend.label-span, .layout__dashboard .optional-widget fieldset legend.label-span, .fieldset p.label-span, .fieldset .layout__dashboard .optional-widget legend.label-span, .layout__dashboard .optional-widget .fieldset legend.label-span, fieldset .area.bisected p, fieldset .area.bisected .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget fieldset .area.bisected legend, .fieldset .area.bisected p, .fieldset .area.bisected .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .fieldset .area.bisected legend {
  margin-left: 20px;
}

fieldset .group.full label, fieldset .ride-detail .section-overview .full.table-wrapper.with-image label, .ride-detail .section-overview fieldset .full.table-wrapper.with-image label, fieldset .full.block__content label, fieldset .full.buddy-messages-list__buddy label, fieldset span.error {
  margin-left: 20px;
}

.fieldset .group.full label, .fieldset .ride-detail .section-overview .full.table-wrapper.with-image label, .ride-detail .section-overview .fieldset .full.table-wrapper.with-image label, .fieldset .full.block__content label, .fieldset .full.buddy-messages-list__buddy label, .fieldset span.error {
  margin-left: 20px;
}

fieldset p.checkbox, fieldset .layout__dashboard .optional-widget legend.checkbox, .layout__dashboard .optional-widget fieldset legend.checkbox, .fieldset p.checkbox, .fieldset .layout__dashboard .optional-widget legend.checkbox, .layout__dashboard .optional-widget .fieldset legend.checkbox {
  padding-bottom: 15px;
}

fieldset p img, fieldset .layout__dashboard .optional-widget legend img, .layout__dashboard .optional-widget fieldset legend img, .fieldset p img, .fieldset .layout__dashboard .optional-widget legend img, .layout__dashboard .optional-widget .fieldset legend img {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #AAA;
}

fieldset p > label, fieldset .layout__dashboard .optional-widget legend > label, .layout__dashboard .optional-widget fieldset legend > label, .fieldset p > label, .fieldset .layout__dashboard .optional-widget legend > label, .layout__dashboard .optional-widget .fieldset legend > label {
  float: left;
  display: inline;
  width: 195px;
  margin: 8px 20px 0 0;
  color: #777;
  text-align: right;
  line-height: 1em;
}

fieldset > .field > label, fieldset p > .label, fieldset .layout__dashboard .optional-widget legend > .label, .layout__dashboard .optional-widget fieldset legend > .label, fieldset fieldset > .instagram > .field > label {
  float: left;
  display: inline;
  width: 195px;
  margin: 4px 20px 0 0;
  color: #777;
  text-align: right;
  line-height: 1em;
}
fieldset > .button {
  margin: 10px 0 10px 20px;
}
fieldset#instagram > .button {
  margin: 10px 0;
}

.fieldset > .field > label, .fieldset p > .label, .fieldset .layout__dashboard .optional-widget legend > .label, .layout__dashboard .optional-widget .fieldset legend > .label {
  float: left;
  display: inline;
  width: 160px;
  margin: 8px 20px 0 0;
  color: #777;
  text-align: right;
  line-height: 1em;
}

fieldset > .field > .label, .fieldset > .field > .label {
  float: left;
  display: inline;
  width: 160px;
  margin: 8px 20px 0 0;
  color: #777;
  text-align: right;
  line-height: 1em;
}

fieldset p.checkbox > label, fieldset .layout__dashboard .optional-widget legend.checkbox > label, .layout__dashboard .optional-widget fieldset legend.checkbox > label, .fieldset p.checkbox > label, .fieldset .layout__dashboard .optional-widget legend.checkbox > label, .layout__dashboard .optional-widget .fieldset legend.checkbox > label {
  margin-top: 5px;
}

fieldset p.value > label, fieldset .layout__dashboard .optional-widget legend.value > label, .layout__dashboard .optional-widget fieldset legend.value > label, .fieldset p.value > label, .fieldset .layout__dashboard .optional-widget legend.value > label, .layout__dashboard .optional-widget .fieldset legend.value > label {
  margin-top: 3px;
}

fieldset p.label-span > label, fieldset .layout__dashboard .optional-widget legend.label-span > label, .layout__dashboard .optional-widget fieldset legend.label-span > label, .fieldset p.label-span > label, .fieldset .layout__dashboard .optional-widget legend.label-span > label, .layout__dashboard .optional-widget .fieldset legend.label-span > label {
  float: none;
  display: block;
  width: auto;
  padding-bottom: 5px;
  text-align: left;
}

fieldset > .field > label, .fieldset > .field > label, fieldset > .instagram > .field > label {
  width: 110px;
  font-size: 16px;
}

fieldset p span.hint, fieldset .layout__dashboard .optional-widget legend span.hint, .layout__dashboard .optional-widget fieldset legend span.hint, .fieldset p span.hint, .fieldset .layout__dashboard .optional-widget legend span.hint, .layout__dashboard .optional-widget .fieldset legend span.hint {
  display: block;
  margin: 5px 20px 0 180px;
  font-size: 0.9em;
  color: #999;
}

fieldset span.option, fieldset span.group, fieldset .ride-detail .section-overview span.table-wrapper.with-image, .ride-detail .section-overview fieldset span.table-wrapper.with-image, fieldset span.block__content, fieldset span.buddy-messages-list__buddy {
  display: block;
  margin: 10px 10px 0 215px;
}

.fieldset span.option, .fieldset span.group, .fieldset .ride-detail .section-overview span.table-wrapper.with-image, .ride-detail .section-overview .fieldset span.table-wrapper.with-image, .fieldset span.block__content, .fieldset span.buddy-messages-list__buddy {
  display: block;
  margin: 10px 10px 0 180px;
}

/* Block level (flush left) options */
fieldset .block-level-option span.option {
  margin: 10px 10px 0 0;
}
fieldset fieldset span.group, fieldset fieldset .ride-detail .section-overview span.table-wrapper.with-image, .ride-detail .section-overview fieldset fieldset span.table-wrapper.with-image, fieldset fieldset span.block__content, fieldset fieldset span.buddy-messages-list__buddy {
  margin-left: 130px;
}
fieldset fieldset div.field {
  padding-bottom: 10px;
}
fieldset span.group label, fieldset .ride-detail .section-overview span.table-wrapper.with-image label, .ride-detail .section-overview fieldset span.table-wrapper.with-image label, fieldset span.block__content label, fieldset span.buddy-messages-list__buddy label {
  margin-right: 15px;
  font-size: 1em;
  color: #333;
}
fieldset fieldset span.group label, fieldset fieldset .ride-detail .section-overview span.table-wrapper.with-image label, .ride-detail .section-overview fieldset fieldset span.table-wrapper.with-image label, fieldset fieldset span.block__content label, fieldset fieldset span.buddy-messages-list__buddy label {
  font-size: 1.6em;
}
fieldset span.checkbox-wrapper {
  display: inline-block;
  margin-top: 5px;
  margin-right: 10px;
}
fieldset.recieve-options span.checkbox-wrapper {
  white-space: normal;
}
fieldset .editor {
  font-size: 1rem;
}

span.field-validation-error {
  display: block;
  margin-left: 180px;
  line-height: 2;
  color: #CC0000;
}
.layout__modal span.field-validation-error {
  line-height: 1;
  margin-left: 0;
}

fieldset fieldset span.field-validation-error {
  margin-left: 130px;
  font-size: 1.2em;
}
fieldset p.label-span span.field-validation-error, fieldset .layout__dashboard .optional-widget legend.label-span span.field-validation-error, .layout__dashboard .optional-widget fieldset legend.label-span span.field-validation-error {
  margin-left: 0;
}

p.label-span span.field-validation-error, .layout__dashboard .optional-widget legend.label-span span.field-validation-error {
  margin-left: 0;
}

fieldset label strong {
  color: #666;
  font-weight: 600;
}
fieldset a.more {
  margin-left: 10px;
}

.form-actions {
  margin: 20px 20px 0 20px;
  padding: 10px;
  border-width: 1px 0 0 0;
}
.form-actions .field-validation-error {
  font-size: 16px;
  display: inline;
  margin-left: 0;
  margin-right: 10px;
  float: right;
}

fieldset .form-actions {
  margin: 25px 0 0 0;
  border-top: solid 1px gainsboro;
  background: #e8e8e8;
}

.form-actions a.button {
  float: right;
  width: auto;
  min-width: 160px;
  max-width: 45%;
  margin: 0 0 0 10px;
}
.form-actions a.button.secondary {
  float: left;
  min-width: 0;
  margin: 0 10px 0 0;
}

.form-overview {
  margin: 20px;
  padding: 20px;
  background: #FFF;
}
.form-overview p, .form-overview .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .form-overview legend {
  margin: 0;
  padding: 0;
  font-size: 1.4em;
  color: #009cdd;
  line-height: 1.4;
}
.is-social .form-overview p, .is-social .form-overview .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .is-social .form-overview legend {
  color: #3eb6b4;
}
.is-plugin .form-overview p, .is-plugin .form-overview .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .is-plugin .form-overview legend {
  color: #009cdd;
}
.form-overview p a, .form-overview .layout__dashboard .optional-widget legend a, .layout__dashboard .optional-widget .form-overview legend a {
  text-decoration: underline;
}
.form-overview ul {
  margin: 15px 0 0 0;
  padding: 0;
  list-style: none;
}
.form-overview li {
  margin: 0;
  padding: 5px 0;
  border: solid #EEE;
  border-width: 0 0 1px 0;
  font-size: 1.1em;
}

.checkbox-field {
  clear: both;
}

.checkbox-list {
  margin: 0 0 0 16px;
}

.checkbox-list__item {
  padding: 5px 5px 5px 0;
}
.checkbox-list__item label {
  font-size: 1.6em;
}

.checkbox-vertical-list {
  display: table;
}

.checkbox-vertical-list__label {
  float: none;
  display: table-cell;
  vertical-align: top;
  width: 160px;
  text-align: right;
}

.checkbox-vertical-list__items {
  display: table-cell;
  vertical-align: top;
  padding: 0 0 0 25px;
}
.checkbox-vertical-list__items input {
  margin: 5px 0 0 0;
}

body.access label, body.access fieldset a {
  color: #000 !important;
}

.help {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  background-image: url(../images/icons/help.png);
  background-repeat: no-repeat;
  text-indent: -999em;
  top: 4px;
}
.help .Hint {
  top: -5px !important;
  left: 25px !important;
  right: auto !important;
}
.help--left .Hint {
  right: 25px !important;
  left: auto !important;
}
.help--left .Hint:before {
  right: -5px;
  left: auto;
  background: url(../images/backgrounds/tooltip-indicator.png) no-repeat;
}

span.Hint {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  display: none;
  width: 280px;
  padding: 10px;
  top: -6px;
  left: 25px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  font-family: "SkyTextRegular", "Arial", sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #FFF;
  line-height: 1.2em;
  text-indent: 0;
  z-index: 50;
  white-space: normal !important;
}
.is-plugin span.Hint {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
span.Hint:before {
  position: absolute;
  top: 10px;
  left: -5px;
  width: 5px;
  height: 10px;
  background: url(../images/backgrounds/tooltip-indicator-alt.png) no-repeat;
  content: '';
}

fieldset p span.Hint, fieldset .layout__dashboard .optional-widget legend span.Hint, .layout__dashboard .optional-widget fieldset legend span.Hint {
  top: 0;
  left: auto;
  right: 40px;
}

ol.items {
  margin: 0;
  padding: 0;
  list-style: none;
}
ol.items li {
  position: relative;
  min-height: 70px;
  margin: 0;
  padding: 0 0 10px 0;
  background: #FFF;
}
ol.items li.has-actions {
  min-height: 112px;
  margin-bottom: 5px;
}
ol.items li.has-actions:last-child {
  margin: 0;
}
ol.items li.invitation {
  min-height: 0;
}
ol.items li header {
  margin: 0 10px 0 115px;
  padding-top: 10px;
}
ol.items li.invitation header {
  margin-left: 15px;
}
ol.items li.person header {
  margin-left: 85px;
}
ol.items li header span.buddymsg {
  display: block;
  width: 315px;
}
ol.items li img.main {
  position: absolute;
  top: 9px;
  left: 9px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #A1A1A1;
}
ol.items li img.main.isolated {
  border: none;
}
ol.items li img.level {
  position: absolute;
  top: 82px;
  left: 10px;
}
ol.items li header a {
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 1.3em;
  line-height: 1;
}
.is-plugin ol.items li header a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
ol.items li header span.link {
  display: block;
  margin: 5px 253px 0 0;
}
ol.items .person {
  margin-bottom: 5px;
}
ol.items .person header span.link {
  margin-right: 40px;
}
ol.items .person:last-child {
  margin-bottom: 0;
}
ol.items li header span.date {
  display: block;
  font-size: 0.9em;
  color: #999;
  clear: left;
  line-height: 1.3;
}

.grouped.alert ol.items li header span.date {
  margin-right: 245px;
}

ol.items li header span.view {
  display: block;
  font-size: 0.8em;
}
ol.items li header span.group-name {
  display: inline-block;
  padding: 5px 8px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #BFBFBF;
  font-size: 0.8em;
  color: #FFF;
  text-transform: uppercase;
  line-height: 1em;
}
ol.items li section.details {
  display: none;
  margin-right: 10px;
}
ol.items li p, ol.items li .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget ol.items li legend, ol.items li dl {
  margin: 10px 0 0 115px;
  padding: 0;
  font-size: 0.9em;
}
ol.items li.person p, ol.items li.person .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget ol.items li.person legend, ol.items li.person dl {
  margin-left: 85px;
}
ol.items section.options {
  margin: 30px 10px 0 10px;
  padding: 10px 0 0 0;
  border: solid #EDEDED;
  border-width: 1px 0 0 0;
  line-height: 1.1em;
  display: block;
}
ol.items section.options a.button {
  float: right;
  width: auto;
  margin-left: 10px;
  font-size: 0.85em;
}
ol.items section.options a.icon, ol.items section.options a.more:after, ol.items section.options a.more.prev:before, ol.items section.options .dropdown dt a:after, .dropdown dt ol.items section.options a:after {
  float: right;
  display: block;
  width: 31px;
  height: 31px;
  margin-left: 10px;
  text-indent: -999em;
  background-repeat: no-repeat;
}
ol.items section.options a.icon-calendar {
  background-image: url(../images/icons/calendar.png);
}
ol.items section.options a.icon-calendar:hover {
  background-position: 0 -31px;
}
ol.items span.actions {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 280px;
}
ol.items span.actions--plain {
  background: #fff !important;
}
ol.items span.actions--narrow {
  width: 140px;
}
ol.items li.invitation span.actions {
  position: relative;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  margin: 10px 15px 0 15px;
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
ol.items span.actions a.button {
  float: right;
  width: auto;
  margin: 5px 0 0 10px;
  font-size: 0.85em;
}
ol.items section.input {
  padding: 7px;
  text-align: right;
}
ol.items section.input.number {
  border: solid #FFF;
  border-width: 1px 0 0 0;
}
ol.items span.actions label {
  display: block;
  font-size: 0.9em;
  color: #666;
  line-height: 1.2em;
}
ol.items section.input.number label, ol.items section.input.rate label {
  float: left;
  display: inline;
  width: 125px;
  margin-right: 10px;
}
ol.items section.accept label {
  display: inline;
}
ol.items section.input .element {
  float: right;
  display: inline;
  width: 100px;
  height: 15px;
  overflow: hidden;
}
ol.items section.input.number input {
  float: left;
  display: inline;
  width: 30px;
  padding: 5px 0;
  border: solid 1px #CCC;
  font-size: 0.9em;
  text-align: center;
}
ol.items #NumberOfParts {
  float: right;
  width: 50px;
}
ol.items section.input.number label.label-numparts {
  padding-bottom: 10px;
  width: 174px;
}
ol.items section.input.number a.button {
  margin: 0;
}
ol.items section.input.label-action label {
  display: block;
  height: 30px;
}
ol.items span.actions a.button span {
  padding: 5px 27px 5px 9px;
}
ol.items li a.toggle {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 26px;
  height: 26px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #BCBCBC;
  background-color: #E9E9E9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#e9e9e9));
  background-image: -webkit-linear-gradient(top, white, #e9e9e9);
  background-image: -moz-linear-gradient(top, white, #e9e9e9);
  background-image: linear-gradient(top, white, #e9e9e9);
}
ol.items li a.toggle:hover {
  border-color: #888;
}
ol.items li a.toggle span {
  display: block;
  height: 26px;
  background: url(../images/backgrounds/toggle.png) no-repeat center 8px;
  text-indent: -9999px;
}
ol.items li a.toggle.active span {
  background-position: center -22px;
}
ol.items li .originator {
  position: absolute;
  top: 10px;
  right: 42px;
  font-size: 0.85em;
}
ol.items .facebook-like, ol.items .facebook-send {
  position: absolute;
  top: 50px;
  right: 8px;
  width: 80px;
  height: 20px;
}
ol.items .facebook-like {
  overflow: hidden;
}
ol.items .tweet-this {
  position: absolute;
  top: 50px;
  right: 120px;
  width: 59px;
  height: 20px;
}

.message {
  margin: 20px 20px 0 20px;
  background-color: #009cdd;
}
.is-social .message {
  background-color: #3eb6b4;
}
.is-plugin .message {
  background-color: #009cdd;
}
.message h2 {
  color: #ffffff;
  font-family: "SkyTextMedium", "Arial", sans-serif;
}
.is-plugin .message h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.message p, .message .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .message legend {
  margin: 0;
  padding: 15px;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  color: #FFF;
}
.is-plugin .message p, .is-plugin .message .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .is-plugin .message legend {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.page-actions {
  margin: 15px 0 0 0;
  padding: 20px 0;
  position: relative;
  border: solid whitesmoke;
  border-width: 1px 0;
}
.page-actions.secondary {
  padding: 10px;
  background: none;
  box-shadow: none;
}
.page-actions h3 {
  color: #737373;
  margin: 0;
}
.page-actions a.button {
  float: right;
  width: auto;
  margin: 0 0 0 10px;
}
.page-actions.secondary a.button, .page-actions a.button.secondary {
  float: left;
  margin: 0 10px 0 0;
}
.page-actions p, .page-actions .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .page-actions legend {
  margin: 0 5px;
  padding: 0;
  font-size: 1.4em;
}
.page-actions p.leave, .page-actions .layout__dashboard .optional-widget legend.leave, .layout__dashboard .optional-widget .page-actions legend.leave {
  margin-top: 10px;
  margin-right: 470px;
}
.page-actions p a.more, .page-actions .layout__dashboard .optional-widget legend a.more, .layout__dashboard .optional-widget .page-actions legend a.more {
  font-size: 1.2em;
}
.page-actions p .option, .page-actions .layout__dashboard .optional-widget legend .option, .layout__dashboard .optional-widget .page-actions legend .option {
  display: block;
}
.page-actions .facebook-send, .page-actions .tweet-this {
  height: 20px;
  position: absolute;
  top: 10px;
}
.page-actions .facebook-send {
  width: 80px;
  right: 10px;
}
.page-actions .tweet-this {
  right: 85px;
}
.page-actions.sidebar {
  height: 40px;
  margin: 25px 13px 0 13px;
}
.page-actions.sidebar h3 {
  font-size: 1.5em;
}
.page-actions.sidebar .options {
  margin-top: 10px;
}
.page-actions.sidebar .facebook-send {
  top: 45px;
  right: 15px;
}
.page-actions.sidebar .tweet-this {
  top: 45px;
  right: 90px;
}
.page-actions select {
  font-size: 1.4em;
}
.page-actions.condensed h3 {
  margin-bottom: 15px;
}
.page-actions.condensed .tweet-this,
.page-actions.condensed .facebook-like {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: 0 !important;
}
.page-actions.condensed--no-separator {
  border-top-width: 0;
}

.paging {
  margin: 15px 0;
}
.paging .location {
  float: left;
  display: inline;
  margin-top: 6px;
  font-size: 1.3em;
  color: #888;
}
.paging ul {
  float: right;
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}
.paging li {
  float: left;
  display: inline;
  min-width: 23px;
  margin: 0 5px 0 0;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 1.3em;
  line-height: 1em;
  text-align: center;
  padding-bottom: 0;
}
.is-plugin .paging li {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.paging li a {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  display: block;
  padding: 5px 7px;
  color: #009cdd;
}
.is-social .paging li a {
  color: #3eb6b4;
}
.is-plugin .paging li a {
  color: #009cdd;
}
.paging li.current a, .paging li a.current {
  background-color: #009cdd;
  color: #FFF;
}
.is-social .paging li.current a, .is-social .paging li a.current {
  background-color: #3eb6b4;
}
.is-plugin .paging li.current a, .is-plugin .paging li a.current {
  background-color: #009cdd;
}

body.access .paging li a {
  background: #FFF;
  color: #000;
}
body.access .paging li a.current {
  border-color: #000;
  background: #000;
  color: #fff;
}

ul.products {
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
}
ul.products li {
  margin: 0;
  padding: 10px 0;
  border-bottom: solid 1px #eee;
}
ul.products li:last-child {
  border: none;
}

.promo-wrapper {
  padding: 40px 0;
}
.promo-wrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.promo-wrapper .promo {
  position: relative;
  display: inline-block;
  padding: 0 10px;
}
.promo-wrapper .promo img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 100% !important;
  height: auto !important;
}
.promo-wrapper .promo strong {
  display: none;
}
.promo-wrapper .promo a.button {
  letter-spacing: normal;
  position: absolute;
  bottom: 25px;
  left: 5px;
  width: auto;
  min-width: 160px;
  z-index: 15;
}

.ride-detail {
  margin-top: 40px;
}
.ride-detail .ride-detail__item {
  border: solid 1px gainsboro;
  background-color: whitesmoke;
  margin-bottom: 35px;
}
.ride-detail .ride-detail__inner .ride-detail__primary .ride-detail__primary-inner {
  padding: 15px 0 15px 15px;
}
.ride-detail .ride-detail__inner .ride-detail__primary.ride-detail__primary--stretched .ride-detail__primary-inner {
  padding-right: 15px;
}
.ride-detail .ride-detail__inner .ride-detail__secondary .ride-detail__secondary-inner {
  padding: 15px 15px 15px 0;
}
.ride-detail .ride-detail__inner .ride-detail__secondary .ride-detail__secondary-inner a.button {
  width: 100%;
  margin-bottom: 15px;
}
.ride-detail .ride-detail__inner .ride-detail__secondary .ride-detail__secondary-inner a.more {
  font-size: 1.5em;
  display: block;
  margin: 0 auto 10px;
  width: 65px;
}
.ride-detail .ride-detail__inner .ride-detail__secondary .ride-detail__secondary-inner .product {
  display: block;
  margin: 15px auto;
}
.ride-detail .ride-detail__inner .ride-detail__secondary .ride-detail__secondary-inner .ride-rating-container {
  display: block;
  text-align: center;
}
.ride-detail .ride-detail__inner .ride-detail__secondary .ride-detail__secondary-inner .ride-rating {
  display: block;
  margin: 0 auto 15px;
}
.ride-detail .ride-detail__inner .ride-detail__secondary .ride-detail__secondary-inner .ride-rating--inline {
  display: inline;
  margin: 0 5px;
}
.ride-detail .ride-detail__inner .ride-detail__secondary .ride-detail__secondary-inner .bc-logo {
  margin: 10px auto 0 auto;
  width: 120px;
}
.ride-detail .section-header, .ride-detail .section-info, .ride-detail .section-detail {
  position: relative;
  padding-bottom: 10px;
}
.ride-detail .section-header .book, .ride-detail .section-header .register {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 220px;
}
.ride-detail .section-overview {
  position: relative;
  margin: 20px 0;
  background-color: whitesmoke;
}
.ride-detail .section-overview.accordion {
  min-height: 0;
}
.ride-detail .section-overview h1, .ride-detail .section-overview h2 {
  font-size: 2.2em;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  margin: 0 0 10px;
  padding: 0;
}
.is-plugin .ride-detail .section-overview h1, .is-plugin .ride-detail .section-overview h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.ride-detail .section-overview .event-date,
.ride-detail .section-overview .event-meta {
  margin-left: 0;
}
.ride-detail .section-overview .event-date, .ride-detail .section-overview #event-date {
  font-size: 1.4em;
  margin: 0;
  padding-bottom: 0;
}
.ride-detail .section-overview .event-meta {
  padding-bottom: 0;
  margin-top: 0;
}
.ride-detail .section-overview .event-meta span {
  font-size: 0.9em;
}
.ride-detail .section-overview .event-meta strong {
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-weight: normal;
}
.is-plugin .ride-detail .section-overview .event-meta strong {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.ride-detail .section-overview > img {
  padding: 10px 0 0 15px;
}
.ride-detail .section-overview dt, .ride-detail .section-overview p label, .ride-detail .section-overview .layout__dashboard .optional-widget legend label, .layout__dashboard .optional-widget .ride-detail .section-overview legend label {
  color: #888;
}
.ride-detail .section-overview dt {
  padding-left: 10px;
  width: 170px;
}
.ride-detail .section-overview dd {
  padding-left: 200px;
  border-color: #CECECE;
}
.ride-detail .section-overview .split dl {
  float: left;
  display: inline;
  width: 40%;
}
.ride-detail .section-overview.accordion .form-actions {
  margin: 25px 0 0 0;
  background: #CFCFCF;
}
.ride-detail .section-overview .share-this {
  margin: 10px 0 15px;
}
.ride-detail .section-overview .ride-type {
  padding: 0;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 1.3em;
  color: #333333;
  /*
  width: 120px;
  background-color: #fff;
  border: 1px #ccc solid;
  */
}
.is-plugin .ride-detail .section-overview .ride-type {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.ride-detail .section-overview .ride-type > span {
  margin: 0 0 10px 0;
}
.ride-detail .section-overview span.ride-level {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 105px;
  text-align: center;
}
.ride-detail .section-overview .table-wrapper {
  margin: 0;
  float: none;
  width: auto;
  position: relative;
}
.ride-detail .section-overview .table-wrapper table {
  font-family: "SkyTextMedium", "Arial", sans-serif;
}
.is-plugin .ride-detail .section-overview .table-wrapper table {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
#results-list .ride-detail .section-overview .table-wrapper table th:nth-child(1) {
  width: 19%;
}
#results-list .ride-detail .section-overview .table-wrapper table th:nth-child(2) {
  width: 19%;
}
#results-list .ride-detail .section-overview .table-wrapper table th:nth-child(3) {
  width: 19%;
}
#results-list .ride-detail .section-overview .table-wrapper table th:nth-child(4) {
  width: 19%;
}
#results-list .ride-detail .section-overview .table-wrapper table th:nth-child(5) {
  width: 24%;
}
.ride-detail .section-overview .table-wrapper__img, .ride-detail .section-overview .table-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 110px;
}
.ride-detail .section-overview .table-wrapper__img img, .ride-detail .section-overview .table-wrapper img img {
  margin: 0 0 10px 0;
}
.ride-detail .section-overview .table-wrapper.with-image {
  padding-left: 110px;
}
.ride-detail .section-overview .table-wrapper.with-image .section-info {
  clear: right;
  float: right;
  width: 508px;
}
.ride-detail .section-overview .table-wrapper .ride-type {
  margin-top: 120px;
}
.ride-detail .section-overview .table-wrapper .ride-type * + * {
  margin-bottom: 15px;
}
.ride-detail .section-overview .table-wrapper .ride-type > span {
  display: block;
}
.ride-detail .section-overview .table-wrapper .ride-type img {
  position: static;
  width: 90px;
}
.ride-detail .section-overview table {
  table-layout: auto;
  width: 100%;
}
.ride-detail .section-overview table th, .ride-detail .section-overview table td {
  text-align: center;
  vertical-align: middle;
  white-space: normal;
  padding: 12px 7px;
}
.ride-detail .section-overview table th {
  border-right: 1px solid #fff;
  padding: 10px 15px;
}
.ride-detail .section-overview table th:last-child {
  border-right: 0;
}
.ride-detail .section-overview table td {
  position: relative;
  border-right: 1px solid whitesmoke;
  font-size: 1.5em;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  background: #fff;
}
.is-plugin .ride-detail .section-overview table td {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.ride-detail .section-overview td .lozenge {
  font-size: 0.8em;
}
.ride-detail .section-overview table td span.circle {
  display: inline-block;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  margin: 0 0 -4px 0;
  border: 2px solid;
  padding: 5px;
  min-width: 15px;
}
.ride-detail .section-overview table td span.help {
  margin-left: 3px;
}
.ride-detail .section-overview dl span.help {
  float: right;
}
.ride-detail .section-overview span.help:hover {
  cursor: pointer;
}
.ride-detail .section-overview dl {
  margin: 20px 0 10px;
  width: 100%;
}
.ride-detail .section-overview dd {
  border-bottom: solid 1px gainsboro;
}
.ride-detail .section-overview dd.alt {
  background-color: #fff;
}
.ride-detail .section-overview .facebook-like, .ride-detail .section-overview .tweet-this {
  width: 130px;
  padding-bottom: 10px;
  position: relative;
}
.ride-detail .section-overview .product-info {
  width: 100%;
  padding: 15px 15px 0 0;
  margin: 0;
}
.ride-detail .section-overview .product-info .ride-type {
  float: left;
}
.ride-detail .section-overview .product-info .lozenge {
  float: right;
}
.ride-detail .section-overview .product-info.product-info--wide, .ride-detail .section-overview .product-info.product-info--narrow {
  padding: 0;
  margin-top: 10px;
}
.ride-detail .section-overview .product-info.product-info--wide {
  float: right;
  width: 530px !important;
}
.ride-detail .section-overview .product-info.product-info--wide dl {
  margin-top: 0;
}
.ride-detail .section-overview .product-info.product-info--narrow {
  float: left;
  width: 130px !important;
}
.ride-detail .section-overview .product-info.product-info--narrow .ride-type {
  margin-bottom: 10px;
  position: relative;
  z-index: 10;
}
.ride-detail .section-overview .ride-info-wrapper {
  margin: 0 0 15px;
  float: none;
}
.ride-detail .section-overview .ride-info-wrapper a.button {
  width: 100%;
  margin-bottom: 15px;
}
.ride-detail .section-overview .ride-info {
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 1.4em;
  margin: 0;
  padding: 8px 0;
  border-bottom: solid 1px gainsboro;
  width: 100%;
  text-align: center;
}
.is-plugin .ride-detail .section-overview .ride-info {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.ride-detail .section-overview a.toggler {
  position: absolute;
  top: 0;
  right: 0;
  width: 26px;
  height: 26px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #BCBCBC;
  background-color: #E9E9E9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#e9e9e9));
  background-image: -webkit-linear-gradient(top, white, #e9e9e9);
  background-image: -moz-linear-gradient(top, white, #e9e9e9);
  background-image: linear-gradient(top, white, #e9e9e9);
}
.ride-detail .section-overview a.toggler:hover {
  border-color: #888;
}
.ride-detail .section-overview a.toggler span {
  display: block;
  height: 26px;
  background: url(../images/backgrounds/toggle.png) no-repeat center 8px;
  text-indent: -9999px;
}
.ride-detail .section-overview a.toggler.active span {
  background-position: center -22px;
}
.ride-detail .toggle-detail {
  margin-top: 15px;
  font-size: 1.4em;
}
.ride-detail .share-buttons .share-this {
  float: left;
  width: 500px;
}
.ride-detail .share-buttons .facebook-twitter-buttons {
  float: right;
}
.ride-detail .share-buttons .facebook-twitter-buttons > * {
  width: 100px;
}
.ride-detail .no-booking {
  font-family: "SkyTextMedium", "Arial", sans-serif;
  margin: 5px 0 0 10px;
  padding-bottom: 5px;
  margin: 0 0 0 10px;
}
.is-plugin .ride-detail .no-booking {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.ride-detail .no-booking.negative-top {
  margin: -10px 0 10px 10px !important;
}
.ride-detail .no-booking.extra-emphasis {
  font-size: 16px !important;
  padding-top: 4px;
  position: relative;
  top: 2px;
  left: 3px;
  width: 90%;
}
.ride-detail fieldset .toggle {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 26px;
  height: 26px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #BCBCBC;
  background-color: #E9E9E9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#e9e9e9));
  background-image: -webkit-linear-gradient(top, white, #e9e9e9);
  background-image: -moz-linear-gradient(top, white, #e9e9e9);
  background-image: linear-gradient(top, white, #e9e9e9);
}
.ride-detail .section-header .originator {
  position: absolute !important;
  top: 10px !important;
  right: 50px !important;
  left: auto !important;
  width: 80px !important;
}
.ride-detail .section-detail .originator {
  position: relative;
  top: 10px;
  left: 0;
}
.ride-detail .section-detail .originator span {
  background: url(../images/icons/bicycle21x18.png) no-repeat 6px center;
  display: block;
  padding: 8px 11px 8px 32px;
}
.ride-detail .section-booking {
  margin-right: 10px;
}
.ride-detail .section-detail .action-wrapper {
  margin: 30px 10px 0 10px;
  padding: 10px 0 0 0;
  border: solid #fff;
  border-width: 1px 0 0 0;
  line-height: 1.1em;
  display: block;
}
.ride-detail .section-detail .action-wrapper a.button {
  float: right;
  width: auto;
  margin-left: 10px;
  font-size: 1.2em;
}
.ride-detail .section-detail .action-wrapper a.button.icon, .ride-detail .section-detail .action-wrapper a.button.more:after, .ride-detail .section-detail .action-wrapper a.button.more.prev:before, .ride-detail .section-detail .action-wrapper .dropdown dt a.button:after, .dropdown dt .ride-detail .section-detail .action-wrapper a.button:after {
  background: none;
  border-radius: none;
  box-shadow: none;
}
.ride-detail a.button.icon.icon-calendar span, .ride-detail a.button.icon-calendar.more:after span, .ride-detail a.button.icon-calendar.more.prev:before span, .ride-detail .dropdown dt a.button.icon-calendar:after span, .dropdown dt .ride-detail a.button.icon-calendar:after span {
  background-position: center top;
}
.ride-detail a.button.icon.icon-calendar span:hover, .ride-detail a.button.icon-calendar.more:after span:hover, .ride-detail a.button.icon-calendar.more.prev:before span:hover, .ride-detail .dropdown dt a.button.icon-calendar:after span:hover, .dropdown dt .ride-detail a.button.icon-calendar:after span:hover {
  background-position: center bottom;
}
.ride-detail .section-overview .scg-table {
  width: 510px;
}
.ride-detail .section-detail dl.scg {
  width: 508px;
}

.ride-level-indicator {
  position: relative;
  color: #fff;
  font: normal normal 12px/1 "SkyTextMedium", "Arial", sans-serif;
  text-transform: uppercase;
  display: inline-block;
}
.is-plugin .ride-level-indicator {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.ride-level-indicator--blue {
  color: #104066;
}

.ride-level-indicator--green {
  color: #0ea431;
}

.ride-level-indicator--darkred {
  color: #890e11;
}

.ride-level-indicator--grey {
  background-color: #999;
}

.ride-level-indicator--lightred, .ride-level-indicator--orange {
  background-color: #ff9900;
}

.ride-level-indicator--black {
  background-color: #000;
}

.ride-level-indicator--no-level {
  background-color: #69686A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(105, 104, 106, 0.75)), to(#69686a));
  background-image: -webkit-linear-gradient(top, rgba(105, 104, 106, 0.75), #69686a);
  background-image: -moz-linear-gradient(top, rgba(105, 104, 106, 0.75), #69686a);
  background-image: linear-gradient(top, rgba(105, 104, 106, 0.75), #69686a);
}

.ride-level {
  float: left;
  display: inline;
  padding: 5px 8px;
  border-radius: 15px;
  border: solid 1px;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 12px;
  line-height: 1;
}
.is-plugin .ride-level {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.ride-level--jumbo {
  padding: 7px 10px;
  font-size: 14px;
}
.ride-level.green, .ride-level--green {
  border-color: #376A2F;
  color: #376A2F;
}
.ride-level.blue, .ride-level--blue {
  border-color: #104066;
  color: #104066;
}
.ride-level.darkred, .ride-level--darkred {
  border-color: #890E11;
  color: #890E11;
}
.ride-level.lightred, .ride-level--lightred {
  border-color: #EA2843;
  color: #EA2843;
}
.ride-level.grey, .ride-level--grey {
  border-color: #69686A;
  color: #69686A;
}
.ride-level.black, .ride-level--black {
  border-color: #000;
  color: #000;
}
.ride-level.orange, .ride-level--orange {
  border-color: #EB5700;
  color: #EB5700;
}

.ride-type-selector {
  margin-bottom: 20px;
}
.ride-type-selector > div p, .ride-type-selector > div .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .ride-type-selector > div legend {
  min-height: 96px;
  margin: 0;
  padding: 0;
  font-size: 1.4em;
  line-height: 1.3;
}
.ride-type-selector > div label {
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 14px;
  color: #009cdd;
}
.ride-type-selector > div label.women-only {
  padding: 8px 34px;
}
.is-plugin .ride-type-selector > div label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.ride-type-selector > div span.image {
  display: block;
  height: 100px;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
}
.ride-type-selector > div.breeze label {
  color: #EF2229;
}
.is-plugin .ride-type-selector > div.breeze label {
  color: #009cdd;
}

.ride-widget {
  padding: 30px 0 50px 0;
}
.ride-widget * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.ride-widget__image {
  margin: 0 0 10px 0;
}

.ride-widget__body {
  margin: 0 0 20px 0;
}

.ride-widget__heading {
  padding-top: 20px;
  color: #fff;
}

.ride-widget__overview {
  margin: 20px 10px 0 10px;
  padding-bottom: 10px;
  text-align: center;
  letter-spacing: normal;
}
.ride-widget__overview img {
  float: left;
  margin: 0 20px 0 0;
}
.ride-widget__overview > div {
  overflow: hidden;
}
.ride-widget__overview p, .ride-widget__overview .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .ride-widget__overview legend {
  margin: 0;
  padding: 0;
  color: #818181;
}

.ride-widget__ride {
  width: 480px;
  display: inline-block;
  position: relative;
  margin: 20px 20px 0 0;
  padding-top: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  letter-spacing: normal;
}
.ride-widget__ride h3 {
  margin: 0 190px 0 10px;
  padding: 0;
  font-size: 16px;
  min-height: 33px;
  font-size: normal;
}
.ride-widget__ride .timestamp {
  display: block;
  margin: 5px 97px 0 10px;
  font-size: 14px;
  color: #999999;
}
.ride-widget__ride a.button {
  position: absolute;
  top: 10px;
  right: 10px;
}
.ride-widget__ride > .group, .ride-detail .section-overview .ride-widget__ride > .table-wrapper.with-image, .ride-widget__ride > .block__content, .ride-widget__ride > .buddy-messages-list__buddy {
  margin: 10px 10px 0 10px;
  border-top: solid 1px #ddd;
  padding: 10px 0;
}
.ride-widget__ride > .group > div, .ride-detail .section-overview .ride-widget__ride > .table-wrapper.with-image > div, .ride-widget__ride > .block__content > div, .ride-widget__ride > .buddy-messages-list__buddy > div {
  float: left;
  display: inline;
  padding-top: 10px;
  font-size: 14px;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  color: #535353;
}
.is-plugin .ride-widget__ride > .group > div, .is-plugin .ride-detail .section-overview .ride-widget__ride > .table-wrapper.with-image > div, .ride-detail .section-overview .is-plugin .ride-widget__ride > .table-wrapper.with-image > div, .is-plugin .ride-widget__ride > .block__content > div, .is-plugin .ride-widget__ride > .buddy-messages-list__buddy > div {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.ride-widget__ride > .group > div label, .ride-detail .section-overview .ride-widget__ride > .table-wrapper.with-image > div label, .ride-widget__ride > .block__content > div label, .ride-widget__ride > .buddy-messages-list__buddy > div label {
  color: #666;
  display: block;
  color: #999999;
  padding: 0 0 5px 0;
}
.ride-widget__ride .ride-meta--difficulty {
  position: absolute;
  top: 43px;
  right: 11px;
  text-align: right;
}

.ride-widget__ride--even {
  margin: 20px 0 0 0;
}

.ride-widget__ride--featured {
  display: block;
  float: left;
  margin: 20px 20px 0 0;
  padding: 10px 10px 10px 20px;
  width: 320px;
  background: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.ride-widget__ride--featured:nth-child(3n+1) {
  margin: 20px 0 0 0;
}
.ride-widget__ride--featured h3, .ride-widget__ride--featured .timestamp {
  margin: 0 0 10px 0;
  min-height: 0;
}
.ride-widget__ride--featured h3 {
  font-size: 20px;
}
.ride-widget__ride--featured a.button {
  position: static;
}

.ride-meta--difficulty {
  width: 25%;
  padding: 5px 0 !important;
}

.ride-meta--suitability {
  display: inline;
  padding: 0 20px 0 0;
}

.ride-meta--duration {
  width: 25%;
}

.group-detail .group-detail__item {
  border: solid 1px gainsboro;
  background-color: whitesmoke;
  margin-bottom: 35px;
}
.group-detail .group-detail__inner .group-detail__primary .group-detail__primary-inner {
  padding: 15px;
}
.group-detail .group-detail__inner .group-detail__primary.group-detail__primary--stretched .group-detail__primary-inner {
  padding-right: 15px;
}
.group-detail .icon, .group-detail a.more:after, .group-detail a.more.prev:before, .group-detail .dropdown dt a:after, .dropdown dt .group-detail a:after {
  bottom: 0;
  font-size: 1.4em;
  padding: 2px;
  color: #009cdd;
  background-color: #ffffff;
  position: absolute;
  right: 0;
}
.group-detail .icon--scg-group-creator {
  color: #f7bd0e;
}
.group-detail .section-header, .group-detail .section-info, .group-detail .section-detail {
  position: relative;
  padding-bottom: 10px;
}
.group-detail .section-overview {
  position: relative;
  margin: 20px 0;
  background-color: whitesmoke;
}
.group-detail .section-overview h1, .group-detail .section-overview h2 {
  font-size: 2.2em;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  margin: 0 0 10px;
  padding: 0;
}
.is-plugin .group-detail .section-overview h1, .is-plugin .group-detail .section-overview h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.group-detail .section-overview .event-date,
.group-detail .section-overview .event-meta {
  margin-left: 0;
}
.group-detail .section-overview .event-date, .group-detail .section-overview #event-date {
  padding-bottom: 5px;
}
.group-detail .section-overview .event-meta {
  padding-bottom: 0;
  margin-top: 0;
}
.group-detail .section-overview .event-meta span {
  font-size: 0.9em;
}
.group-detail .section-overview .event-meta strong {
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-weight: normal;
}
.is-plugin .group-detail .section-overview .event-meta strong {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.group-detail .section-overview dt, .group-detail .section-overview p label, .group-detail .section-overview .layout__dashboard .optional-widget legend label, .layout__dashboard .optional-widget .group-detail .section-overview legend label {
  color: #888;
}
.group-detail .section-overview dt {
  padding-left: 10px;
  width: 170px;
}
.group-detail .section-overview dd {
  padding-left: 200px;
  border-color: #CECECE;
}
.group-detail .section-overview .split dl {
  float: left;
  display: inline;
  width: 40%;
}
.group-detail .section-overview .table-wrapper {
  margin: 0;
  float: none;
  width: auto;
}
.group-detail .section-overview .table-wrapper table {
  font-family: "SkyTextMedium", "Arial", sans-serif;
}
.is-plugin .group-detail .section-overview .table-wrapper table {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.group-detail .section-overview .table-wrapper .img {
  left: 0;
  position: absolute;
  top: 0;
  width: 75px;
}
.group-detail .section-overview .table-wrapper .img img {
  display: block;
  height: auto;
  max-width: 100%;
  width: auto;
}
.group-detail .section-overview .table-wrapper .img .icon, .group-detail .section-overview .table-wrapper .img a.more:after, .group-detail .section-overview .table-wrapper .img a.more.prev:before, .group-detail .section-overview .table-wrapper .img .dropdown dt a:after, .dropdown dt .group-detail .section-overview .table-wrapper .img a:after {
  background: #ffffff;
  bottom: 0;
  padding: 2px;
  position: absolute;
  right: 0;
}
.group-detail .section-overview .table-wrapper.with-image {
  padding-left: 75px;
  position: relative;
}
.group-detail .section-overview table {
  table-layout: auto;
  width: 100%;
}
.group-detail .section-overview table th, .group-detail .section-overview table td {
  text-align: center;
  vertical-align: middle;
  white-space: normal;
  padding: 12px 7px;
}
.group-detail .section-overview table th {
  border-right: 1px solid #fff;
  padding: 10px 15px;
}
.group-detail .section-overview table th:last-child {
  border-right: 0;
}
.group-detail .section-overview table td {
  position: relative;
  border-right: 1px solid whitesmoke;
  font-size: 1.5em;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  background: #fff;
}
.is-plugin .group-detail .section-overview table td {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.group-detail .section-overview td .lozenge {
  font-size: 0.8em;
}
.group-detail .section-overview table td span.circle {
  display: inline-block;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  margin: 0 0 -4px 0;
  border: 2px solid;
  padding: 5px;
  min-width: 15px;
}
.group-detail .section-overview table td span.help {
  margin-left: 3px;
}
.group-detail .section-overview dl {
  margin: 20px 0 10px;
  width: 100%;
}
.group-detail .section-overview dd {
  border-bottom: solid 1px gainsboro;
}
.group-detail .section-overview dd.alt {
  background-color: #fff;
}
.group-detail .section-overview .group-nextride p, .group-detail .section-overview .group-nextride .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .group-detail .section-overview .group-nextride legend {
  margin: 0;
}
.group-detail .section-overview .group-actions a.more {
  margin-left: 15px;
}
.group-detail .section-overview .group-actions a.more.added-top {
  position: relative;
  top: 5px;
}
.group-detail .section-overview .group-actions a.button {
  float: right;
  margin: 0 0 0 5px;
  width: auto;
  line-height: 1;
}
.group-detail .section-overview .group-actions a.button.inline {
  width: auto;
}
.group-detail .section-overview .group-actions a.button--remove {
  float: left;
  margin: 0;
}
.group-detail .section-overview .group-actions a span {
  padding: 8px 23px 8px 7px;
}

.scg-promo {
  margin: 20px 0 0 0;
  padding: 10px 245px 10px 10px;
  background: #eeeeee url(../images/backgrounds/hero-ride-together.jpg) no-repeat right center;
  background-size: cover;
  min-height: 297px;
}
.scg-promo .content {
  padding: 20px;
  background: #FFF;
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
}
.scg-promo h2 {
  margin-top: 0;
}
.scg-promo h3 {
  font-size: 2em;
}
.scg-promo a.button {
  float: right;
  width: auto;
  margin-right: 20px;
}
.scg-promo a.button.secondary {
  float: left;
}
.scg-promo span.field-validation-error {
  margin-left: 0;
}

.scg-promo-narrow-wrapper .scg-promo {
  padding: 10px !important;
}

ul.scg-stats {
  margin: 15px 15px 0 15px;
  padding: 8px;
  background: whitesmoke;
  list-style: none;
}
ul.scg-stats.alt {
  width: 100%;
  margin: 0;
  padding: 0;
  border-radius: 5px;
  border: solid 1px #BDBDBD;
  background: #e0e0e0 url(../images/gradients/tab-back-grey.png) repeat-x;
}
ul.scg-stats li {
  margin: 8px 0 0 0;
  padding: 5px 10px 5px 5px;
  background: #fff;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 1.2em;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  line-height: 1em;
}
.is-plugin ul.scg-stats li {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
ul.scg-stats li label {
  float: left;
  display: inline;
  width: 60px;
  padding: 11px 0 11px 42px;
  border: solid whitesmoke;
  border-width: 0 1px 0 0;
  background: no-repeat 0 center;
  font-size: 1em;
  color: #666;
  text-transform: uppercase;
}
ul.scg-stats li strong {
  float: right;
  display: inline;
  margin-top: 12px;
  font-size: 1.6em;
  color: #666;
}
ul.scg-stats.alt li strong {
  float: none;
  display: block;
  margin: 0;
  padding: 0 0 0 42px;
}
ul.scg-stats li.buddies {
  margin-top: 0;
}
ul.scg-stats.alt li {
  float: left;
  display: inline;
  min-width: 25%;
  margin: 0 3% 0 0;
  padding: 10px 15px 10px 0;
  border: solid #CCC;
  border-width: 0 1px 0 0;
  background: no-repeat 0 center;
  box-shadow: none;
  text-align: center;
}
ul.scg-stats.alt li.buddies {
  margin-left: 15px;
}
ul.scg-stats.alt li.rides {
  margin-right: 0;
  border-width: 0;
}
ul.scg-stats.alt li label {
  float: none;
  display: block;
  width: auto;
  padding: 0 0 0 42px;
  border: none;
  background: none !important;
}
ul.scg-stats li.buddies label, ul.scg-stats.alt li.buddies {
  background-image: url(../images/icons/mobile/buddies-mobile.png);
}
ul.scg-stats li.groups label, ul.scg-stats.alt li.groups {
  background-image: url(../images/icons/mobile/groups-mobile.png);
}
ul.scg-stats li.rides label, ul.scg-stats.alt li.rides {
  background-image: url(../images/icons/mobile/rides-mobile.png);
}

dl.scg-stats {
  margin: 0 6px;
  padding: 8px 14px 8px 55px;
  border-radius: 5px;
  border: solid 1px #CCCDCF;
  background: #e0e0e0 url(../images/gradients/tab-back-grey.png) repeat-x;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 2.1em;
}
.is-plugin dl.scg-stats {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
dl.scg-stats dt {
  position: relative;
  float: left;
  display: inline;
  width: 110px;
  margin-top: 0;
  border-right: solid 1px #CCC;
  color: #555;
}
dl.scg-stats dd {
  padding: 0;
  border: none;
  color: #555;
  text-align: right;
}
dl.scg-stats i {
  position: absolute;
  top: -2px;
  left: -48px;
  width: 38px;
  height: 38px;
  background-image: url(../../../Content/12/images/icons/floor-sprite.png);
  background-repeat: no-repeat;
}
dl.scg-stats i.buddy {
  background-position: -40px -56px;
}
dl.scg-stats i.group, dl.scg-stats .ride-detail .section-overview i.table-wrapper.with-image, .ride-detail .section-overview dl.scg-stats i.table-wrapper.with-image, dl.scg-stats i.block__content, dl.scg-stats i.buddy-messages-list__buddy {
  background-position: -77px -56px;
}
dl.scg-stats i.ride {
  background-position: -192px -56px;
}

.sky-scraper {
  float: left;
  margin-left: 20px;
  padding: 10px 0;
  border: solid #e2e2e2;
  border-width: 1px 0;
  width: 320px;
  overflow: hidden;
}
.sky-scraper.fluid {
  float: none;
  width: auto;
  margin: 20px 20px 0 20px;
}
.sky-scraper.free {
  padding: 0;
  border: none;
}
.sky-scraper.last {
  margin: 0 20px;
}
.sky-scraper hr {
  height: 1px;
  border: none;
  background-color: #e2e2e2;
}
.sky-scraper .floor {
  box-sizing: border-box;
  padding: 0 10px 0 80px;
  position: relative;
  height: 185px;
  overflow: hidden;
}
.sky-scraper.fluid .floor {
  height: auto;
}
.sky-scraper.home .floor {
  height: 85px;
  width: 100%;
  padding: 0 10px 0 65px;
}
.sky-scraper .floor i {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 57px;
  height: 57px;
  margin-top: -28px;
  background-image: url(../images/icons/floor-sprite.png);
  background-repeat: no-repeat;
}
.sky-scraper.home .floor i {
  width: 38px;
  height: 38px;
  margin-top: -19px;
}
.sky-scraper.home p, .sky-scraper.home .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .sky-scraper.home legend {
  margin: 0;
}
.sky-scraper.home .floor span.meta {
  color: #a2a2a2;
  display: block;
  margin-top: 5px;
  font-size: 1.4em;
}
.sky-scraper.home .content {
  padding: 5px 0;
}
.sky-scraper.fluid .content {
  padding-bottom: 15px;
}
.sky-scraper .content {
  position: static;
  overflow: hidden;
  width: 100% !important;
  background: transparent !important;
}
.sky-scraper .content h2 {
  margin: 0;
  padding: 15px 0 0 0;
  text-align: left !important;
}
.sky-scraper .content p, .sky-scraper .content .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .sky-scraper .content legend {
  margin: 0;
  padding: 2px 0 10px 2px;
  font-size: 1.4em;
  max-width: 255px;
  line-height: 1.4;
}
.sky-scraper.fluid .content p, .sky-scraper.fluid .content .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .sky-scraper.fluid .content legend {
  max-width: 9999px;
}
.sky-scraper .more {
  font-size: 1.4em;
}

#sky-scrapers {
  padding-top: 20px;
}
#sky-scrapers.product .sky-scraper {
  width: 335px;
}

a.bx-prev {
  left: 300px;
  background-image: url(../images/backgrounds/arrow-left-grey.png) !important;
}
a.bx-next {
  right: 300px;
  background-image: url(../images/backgrounds/arrow-right-grey.png) !important;
}

.ss-group {
  position: relative;
}
.ss-group .bx-viewport {
  height: 325px !important;
}
.ss-group > .cycle-controls {
  right: 33px;
  bottom: 0;
}

.Action {
  background-position: 0 1px;
}

.sky-scraper.home .Action, ol.ugc .Action {
  background-position: -1px -56px;
}

.Ride {
  background-position: -284px 1px;
}

.sky-scraper.home .Ride, ol.ugc .Ride {
  background-position: -192px -56px;
}

.Profile {
  background-position: -227px 1px;
}

.sky-scraper.home .Profile, ol.ugc .Profile {
  background-position: -154px -56px;
}

.Mapping {
  background-position: -169px 1px;
}

.sky-scraper.home .Mapping, ol.ugc .Mapping {
  background-position: -115px -56px;
}

.Group {
  background-position: -113px 1px;
}

.sky-scraper.home .Group, ol.ugc .Group {
  background-position: -77px -56px;
}

.Buddy {
  background-position: -57px 1px;
}

.sky-scraper.home .Buddy, ol.ugc .Buddy {
  background-position: -40px -56px;
}

body.access .sky-scraper.home .floor span {
  color: #000;
}

div.rating-cancel, div.star-rating {
  float: left;
  display: inline;
  width: 17px;
  height: 15px;
  text-indent: -9999px;
  cursor: pointer;
  background: transparent;
  overflow: hidden !important;
  text-align: left;
}
div.rating-cancel {
  background: url(../../../star-rating/delete.gif) no-repeat 0 -16px;
}
div.rating-cancel a {
  background: url(../../../star-rating/delete.gif) no-repeat 0 -16px;
}
div.star-rating {
  background: url(../../../star-rating/star.png) no-repeat 0 0;
  text-indent: -9999px;
}
div.star-rating a {
  background: url(../../../star-rating/star.png) no-repeat 0 0;
  text-indent: -9999px;
}
div.rating-cancel a, div.star-rating a {
  float: left;
  display: inline;
  width: 17px;
  height: 15px;
  background-position: 0 0;
  border: 0;
}
div.star-rating-on a {
  background-position: 0 -16px;
}
div.star-rating-hover a {
  background-position: 0 -32px;
}
div.star-rating-readonly a {
  cursor: default !important;
}
div.star-rating {
  background: transparent !important;
  overflow: hidden !important;
}

.step-indicator {
  position: relative;
  margin-top: 20px;
}
.step-indicator .step {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 35px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  background-color: #ccc;
  font: normal 1.4em/1 "SkyTextMedium", "Arial", sans-serif;
  color: #fff;
  line-height: 35px;
  text-align: center;
  margin-right: 90px;
  z-index: 2;
}
.is-plugin .step-indicator .step {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.step-indicator .step-active {
  background-color: #009cdd;
}
.step-indicator .seperator {
  position: absolute;
  top: 16px;
  left: 25px;
  height: 1px;
  width: 375px;
  border: 1px dotted #ddd;
  z-index: 1;
}

.step-indicator--long .seperator {
  width: 500px;
}

.tabs {
  position: relative;
}
.tabs > ul,
.tabs .tabs__list {
  margin: 20px 0 0 0;
  padding: 0;
  border: solid 1px #009cdd;
  list-style: none;
  z-index: 100;
}
.is-social .tabs > ul, .is-social
.tabs .tabs__list {
  border: solid 1px #3eb6b4;
}
.is-plugin .tabs > ul, .is-plugin
.tabs .tabs__list {
  border: solid 1px #009cdd;
}
.tabs > ul li,
.tabs .tabs__list li {
  position: relative;
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
  border: solid #009cdd;
  border-width: 0 1px 0 0;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 16px;
}
.is-social .tabs > ul li, .is-social
.tabs .tabs__list li {
  border: solid #3eb6b4;
  border-width: 0 1px 0 0;
}
.is-plugin .tabs > ul li, .is-plugin
.tabs .tabs__list li {
  border: solid #009cdd;
  border-width: 0 1px 0 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.tabs > ul li:last-child,
.tabs .tabs__list li:last-child {
  border-width: 0;
}
.tabs > ul li li,
.tabs .tabs__list li li {
  border-right: 0 !important;
}
.tabs .tabs > ul li,
.tabs .tabs__list {
  font-size: 1.4em;
}
.tabs > ul li a,
.tabs .tabs__list li a {
  display: block;
  padding: 15px;
  color: #009cdd;
  text-align: center;
}
.is-social .tabs > ul li a, .is-social
.tabs .tabs__list li a {
  color: #3eb6b4;
}
.is-plugin .tabs > ul li a, .is-plugin
.tabs .tabs__list li a {
  color: #009cdd;
}
.tabs > ul li.ui-tabs-selected a, .tabs > ul li a.is-active,
.tabs .tabs__list li.ui-tabs-selected a,
.tabs .tabs__list li a.is-active {
  background: #009cdd;
  color: #FFF;
}
.is-social .tabs > ul li.ui-tabs-selected a, .is-social .tabs > ul li a.is-active, .is-social
.tabs .tabs__list li.ui-tabs-selected a, .is-social
.tabs .tabs__list li a.is-active {
  background: #3eb6b4;
}
.is-plugin .tabs > ul li.ui-tabs-selected a, .is-plugin .tabs > ul li a.is-active, .is-plugin
.tabs .tabs__list li.ui-tabs-selected a, .is-plugin
.tabs .tabs__list li a.is-active {
  background: #009cdd;
}
.tabs > ul li a span.badge,
.tabs .tabs__list li a span.badge {
  position: absolute;
  top: -5px;
  right: -5px;
  padding: 5px;
  min-width: 10px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  border: solid 1px #FFF;
  background: #cc0000;
  font-family: "SkyTextRegular", "Arial", sans-serif;
  font-size: 0.6em;
  color: #FFF;
  font-weight: 600;
  line-height: 1em;
  display: none;
  z-index: 50;
  text-align: center;
}
.is-plugin .tabs > ul li a span.badge, .is-plugin
.tabs .tabs__list li a span.badge {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.tabs.tabs--banner {
  text-align: center;
}
.tabs.tabs--banner ul {
  display: inline-block;
}
.tabs.tabs--banner ul li:last-child {
  border: none;
}
.tabs.tabs--banner ul.entities li:last-child {
  border: 1px solid #BDBDBD;
}
.tabs.tabs--filter {
  text-align: center;
  padding: 15px;
}
.tabs.tabs--filter ul {
  display: block;
  margin: 0;
  width: 100%;
}
.tabs.tabs--filter ul li {
  display: block;
  float: left;
  width: 33.3333%;
}
.tabs.tabs--filter ul li a {
  display: block;
  padding: 10px;
}
.tabs.tabs--filter ul li:last-child {
  border: none;
}
.tabs .panels {
  padding: 10px;
  text-align: left;
}

.tabs--keyline .tabs__container {
  background: url(../images/backgrounds/headline.png) left center repeat-x;
  margin: 20px 0 0 0;
}
.tabs--keyline .tabs__container .tabs__list-container {
  padding: 0 5px;
  display: inline-block;
  background-color: #fff;
}
.well .tabs--keyline .tabs__container .tabs__list-container {
  background: whitesmoke;
}
.well .tabs--keyline .tabs__container .tabs__list-container li {
  background: #ffffff;
}
.tabs--keyline .tabs__container .tabs__list {
  margin: 0;
}

/*
.well .tabs {
	> ul li {
		a {
			background-color: $well-bg;
		}
		&.ui-tabs-selected a, a.is-active {
			background: $brand-color;
			color: #FFF;
		}
	}
}
*/
.ui-tabs-hide {
  display: none !important;
}

.tabs .loading {
  position: absolute;
  top: 10px;
  right: 30px;
  width: 20px;
  height: 20px;
  background: url(../images/icons/tabs-loading.gif) no-repeat center center;
}

.resultTabs > ul {
  position: absolute;
  top: -71px;
  right: 0;
  float: right;
}
.resultTabs > ul.tab--map {
  top: -75px;
}
.resultTabs > ul a {
  padding: 4px 11px !important;
}
.resultTabs > ul li:last-child {
  border: none;
}

.twitter-feed {
  margin: 20px 15px 0 15px;
  padding: 4px 4px 0 4px;
  background: #FFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
.twitter-feed > a {
  display: block;
  padding: 20px;
  font-size: 1.2em;
  text-align: center;
}
.twitter-feed .tweet {
  padding: 10px 4px;
  border: solid #e8e8e8;
  border-width: 0 0 1px 0;
}
.twitter-feed .tweet img {
  float: left;
  display: inline;
  width: 32px;
  border-radius: 4px;
}
.twitter-feed .tweet p.tweet-content, .twitter-feed .tweet .layout__dashboard .optional-widget legend.tweet-content, .layout__dashboard .optional-widget .twitter-feed .tweet legend.tweet-content {
  margin: 0 0 0 42px;
  padding: 0;
  font-size: 1.2em;
}
.twitter-feed .tweet p.tweet-content strong, .twitter-feed .tweet .layout__dashboard .optional-widget legend.tweet-content strong, .layout__dashboard .optional-widget .twitter-feed .tweet legend.tweet-content strong {
  font-weight: bold;
}
.twitter-feed .twitter-overflow {
  max-height: 400px;
  overflow: auto;
}

.icon, a.more:after, a.more.prev:after, a.more.prev:before, .dropdown dt a:after, .ui-icon {
  font-family: 'SkyRideIcons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon--bike:before, .ui-icon--bike:before {
  content: "\62";
}
.icon--facebook:before, .ui-icon--facebook:before {
  content: "\66";
}
.icon--twitter:before, .ui-icon--twitter:before {
  content: "\74";
}
.icon--youtube:before, .ui-icon--youtube:before {
  content: "\79";
}
.icon--left:before, .ui-icon--left:before {
  content: "\3c";
}
.icon--right:before, .ui-icon--right:before {
  content: "\3e";
}
.icon--down:before, .ui-icon--down:before {
  content: "\76";
}
.icon--up:before, .ui-icon--up:before {
  content: "\5e";
}
.icon--instagram:before, .ui-icon--instagram:before {
  content: "\69";
}
.icon--instagram-main:before, .ui-icon--instagram-main:before {
  content: "\49";
}
.icon--plus:before, .ui-icon--plus:before {
  content: "\2b";
}
.icon--minus:before, .ui-icon--minus:before {
  content: "\2d";
}
.icon--home:before, .ui-icon--home:before {
  content: "\68";
}
.icon--phone:before, .ui-icon--phone:before {
  content: "\70";
}
.icon--user:before, .ui-icon--user:before {
  content: "\75";
}
.icon--search:before, .ui-icon--search:before {
  content: "\73";
}
.icon--lock:before, .ui-icon--lock:before {
  content: "\6c";
}
.icon--menu:before, .ui-icon--menu:before {
  content: "\6d";
}
.icon--action:before, .ui-icon--action:before {
  content: "\61";
}
.icon--close:before, .ui-icon--close:before {
  content: "\43";
}
.icon--series:before, .ui-icon--series:before {
  content: "\53";
}
.icon--scg-rides:before, .ui-icon--scg-rides:before {
  content: "\72";
}
.icon--scg-buddies:before, .ui-icon--scg-buddies:before {
  content: "\42";
}
.icon--scg-groups:before, .ui-icon--scg-groups:before {
  content: "\47";
}
.icon--scg-group-admin:before, .ui-icon--scg-group-admin:before {
  content: "\41";
}
.icon--scg-group-creator:before, .ui-icon--scg-group-creator:before {
  content: "\4d";
}
.icon--scg-group-buddy:before, .icon--tick:before, .ui-icon--scg-group-buddy:before, .ui-icon--tick:before {
  content: "\46";
}
.icon--messages:before, .ui-icon--messages:before {
  content: "\7e";
}
.icon--actions:before, .ui-icon--actions:before {
  content: "\3d";
}
.icon--play:before, .ui-icon--play:before {
  content: "\50";
}
.icon--message:before, .ui-icon--message:before {
  content: "\28";
}
.icon--conversation:before, .ui-icon--conversation:before {
  content: "\29";
}
.icon--edit:before, .ui-icon--edit:before {
  content: "\65";
}
.icon--dot:before, .ui-icon--dot:before {
  content: "\2e";
}

/* --- Social media icons --- */
.social {
  display: block;
  margin: 0 auto;
}
.social .social__inner {
  text-align: center;
  margin: 0;
  padding: 0;
  list-style: none outside none;
}
.social .social__item {
  display: inline;
  font-size: 28px;
  margin: 0 1px;
  padding: 0;
  color: #009cdd;
}
.social .social__item a:hover,
.social .social__item a:focus {
  text-decoration: none;
}

/*------------------------------------*\
    $MEDIA
\*------------------------------------*/
/**
 * Place any image- and text-like content side-by-side, as per:
 * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 * E.g.:
 *
   <div class=media>
       <img src=http://placekitten.com/200/300 alt="" class=media__img>
       <p class=media__body>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
       sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
   </div>
 *
 * Demo: jsfiddle.net/inuitcss/cf4Qs
 *
 */
.media {
  display: block;
}

.media__img {
  float: left;
  margin-right: 16px;
}

/**
* Reversed image location (right instead of left).
*/
.media__img--rev {
  float: right;
  margin-left: 16px;
}

.media__img img,
.media__img--rev img {
  display: block;
}

.media__body {
  overflow: hidden;
}

.media__body,
.media__body > :last-child {
  margin-bottom: 0;
}

.sub-nav {
  margin: 0;
  padding: 0;
  list-style: none outside none;
  border-bottom: 1px solid #e2e2e2;
}
.sub-nav li {
  position: relative;
  border-top: 1px solid #e2e2e2;
  padding: 0 5px 0 0;
  margin: 0;
}
.sub-nav li > a,
.sub-nav li > strong {
  display: block;
  font-size: 15px;
  color: #009cdd;
  line-height: 1.5em;
}
.sub-nav li > a,
.sub-nav li .media__body a {
  display: block;
  background: transparent url(../../../Content/14/images/backgrounds/arrow-right-blue.png) no-repeat center right;
}
.sub-nav li.current {
  background-color: #fff;
}
.sub-nav li.current > a {
  color: #666;
  background: transparent url(../images/backgrounds/arrow-right-grey.png) no-repeat center right;
}
.sub-nav p, .sub-nav .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .sub-nav legend {
  margin: 0;
  padding: 0;
  font-size: 12px;
}
.sub-nav > a, .sub-nav p, .sub-nav .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .sub-nav legend {
  padding-right: 20px !important;
}
.sub-nav__actions {
  font-size: 14px;
}
.sub-nav--ride-list li {
  padding: 10px 14px;
}
.sub-nav--ride-list strong {
  font-size: 18px !important;
}
.sub-nav--ride-list p, .sub-nav--ride-list .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .sub-nav--ride-list legend {
  line-height: 1;
}
.sub-nav--ride-list .button {
  position: absolute;
  top: 50%;
  right: 14px;
  margin-top: -15px;
  line-height: 1;
}
.sub-nav--ride-list .status {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 163px;
  font-size: 14px;
  text-transform: uppercase;
  text-align: right;
  opacity: 0.5;
}

.sub-nav--feature-panel {
  border: none;
}
.sub-nav--feature-panel li {
  text-align: left;
  padding: 10px;
}
.sub-nav--feature-panel li > a span {
  position: relative;
  display: block;
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sub-nav--feature-panel li p, .sub-nav--feature-panel li .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .sub-nav--feature-panel li legend {
  margin: 0 !important;
}

.sub-nav--sidebar {
  border: none;
}
.sub-nav--sidebar li {
  text-align: left;
}
.sub-nav--sidebar li > a span {
  position: relative;
  display: block;
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sub-nav--sidebar li > a strong {
  color: #818181;
}
.sub-nav--sidebar li p, .sub-nav--sidebar li .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .sub-nav--sidebar li legend {
  margin: 0 !important;
}

.sub-nav--detailed li {
  padding: 10px;
}
.sub-nav--detailed li > a {
  font-size: 16px;
}
.sub-nav--detailed li p, .sub-nav--detailed li .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .sub-nav--detailed li legend {
  font-size: 13px;
}

.site-sections {
  padding-top: 20px;
  width: auto !important;
}
.site-sections .site-sections__item {
  margin-bottom: 40px;
}
.site-sections .site-sections__item:last-child {
  margin-bottom: 0;
}
.site-sections .site-sections__content > * {
  margin-left: 0;
}
.site-sections .site-sections__heading {
  font-family: "SkyTextRegular", "Arial", sans-serif;
  color: #009cdd;
  margin-top: 0;
}
.is-plugin .site-sections .site-sections__heading {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.site-sections .site-sections__sub-heading {
  font-size: 1.8em;
  line-height: 1.3em;
}

.hero {
  width: 100%;
  overflow: hidden;
  position: relative;
  min-height: 390px;
  background: whitesmoke url(http://www.goskyride.com/content/14/images/icons/loader--yellow.gif) center 170px no-repeat;
}
.is-social .hero {
  background: whitesmoke url(../images/icons/loader--teal.gif) center 170px no-repeat;
}
.is-plugin .hero {
  background: whitesmoke url(../images/icons/loader--teal.gif) center 170px no-repeat;
}
.hero.is-loaded {
  background: whitesmoke;
}
.hero__img {
  height: 390px;
}
.hero__img--home {
  display: none !important;
}
.hero__img--hidden {
  display: none;
}
.hero__carousel, .hero__carousel > div {
  height: 475px;
  width: 100%;
}
.hero__carousel > div {
  background-position: center;
}
.hero__title {
  width: 980px;
  position: absolute;
  top: 50px;
  left: 0;
  margin: 0;
  font-size: 50px;
  color: #ffffff;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  z-index: 1;
  text-shadow: 2px 2px 5px #000000;
}
.is-plugin .hero__title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.hero__title--partner {
  top: auto;
  bottom: 50px;
}
.hero * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.hero .wrapper, .hero .promo-wrapper, .hero .latest-news, .hero .layout_location, .hero .layout_product {
  height: 100%;
  left: 50%;
  margin-left: -490px;
  position: absolute;
  top: 0;
}

.hero-tab {
  width: 980px;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 999;
  margin: 0 0 0 -490px;
}
.hero-tab .hero-tab__item {
  width: 326px;
  float: left;
  height: 145px;
  margin: 0 0 0 0;
  display: inline-block;
  text-align: center;
  padding: 0 3px 0 0;
}
.hero-tab .hero-tab__item a {
  display: block;
  height: 100%;
  background-image: url("../images/generic-ui/hero-tab--ride-social.png");
  background-repeat: no-repeat;
  background-position: -327px 0px;
  letter-spacing: normal;
  color: #545454;
  line-height: 0;
  font-family: "SkyTextMedium", "Arial", sans-serif;
}
.is-plugin .hero-tab .hero-tab__item a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.hero-tab .hero-tab__item a:hover, .hero-tab .hero-tab__item a:focus, .hero-tab .hero-tab__item a.is-active {
  text-decoration: none;
  color: #009cdd;
}
.hero-tab .hero-tab__item a.is-active {
  background-position: -327px -170px;
}
.hero-tab .hero-tab__item a strong {
  display: block;
  font-size: 30px;
  position: relative;
  top: 50px;
}
.hero-tab .hero-tab__item a span {
  color: #878787;
  font-size: 14px;
  line-height: 19px;
  position: relative;
  top: 70px;
  display: block;
  width: 65%;
  margin: 0 auto;
}
.hero-tab .hero-tab__item:first-child a {
  background-position: -1px 0px;
}
.hero-tab .hero-tab__item:first-child a.is-active {
  background-position: -1px -170px;
}
.hero-tab .hero-tab__item.last-child {
  padding-right: 0;
  float: right;
  position: relative;
  left: -2px;
}
.hero-tab .hero-tab__item.last-child a {
  background-position: -654px 0;
}
.hero-tab .hero-tab__item.last-child a.is-active {
  background-position: -654px -170px;
}
.hero-tab .hero-tab__item--ride-social a:hover, .hero-tab .hero-tab__item--ride-social a:focus, .hero-tab .hero-tab__item--ride-social a.is-active {
  color: #3eb6b4;
}

.hero-tab--smaller {
  width: 655px;
  margin: 0 0 0 -326px;
}

.feature-panel {
  padding: 30px 0 30px 0;
  position: relative;
}
.feature-panel * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.feature-panel__reset {
  display: block;
  width: 78px;
  height: 78px;
  background: url(../images/icons/feature-panel-reset.png);
  position: absolute;
  top: 50%;
  left: 8%;
  margin: -39px 0 0 -39px;
  display: none;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
  .feature-panel__reset {
    display: none !important;
  }
}
.feature-panel__inner {
  display: table;
  max-width: 981px;
  margin: 0 auto;
}
.feature-panel__inner.is-hidden {
  display: none;
}
.feature-panel__column {
  width: 323px;
  display: inline-block;
  letter-spacing: normal;
  text-align: center;
  vertical-align: top;
  padding: 0 10px;
  position: relative;
}
.feature-panel__column h2 {
  margin: 0 0 20px 0;
}
.feature-panel__column p, .feature-panel__column .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .feature-panel__column legend {
  display: block;
  font-size: 14px;
  line-height: 19px;
  margin: 0 auto 10px auto;
}
.feature-panel__column p.jumbo, .feature-panel__column .layout__dashboard .optional-widget legend.jumbo, .layout__dashboard .optional-widget .feature-panel__column legend.jumbo {
  font-size: 18px;
  line-height: 26px;
}
.feature-panel__column a.button {
  float: none;
  display: block;
  margin: 0 auto 20px auto;
}
.feature-panel__column--two-col {
  width: 646px;
}
.feature-panel__column--two-col p, .feature-panel__column--two-col .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .feature-panel__column--two-col legend {
  width: 100%;
}
.feature-panel__column--find-a-ride h2 {
  color: #009cdd;
}
.feature-panel__column--find-a-ride .find-widget h2 {
  display: none;
}
.feature-panel__column--image img {
  display: block;
  margin-bottom: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.feature-panel__column--slider ul.bx-pager {
  width: auto;
  display: inline-block;
}
.feature-panel__column--slider .bx-controls-direction a.bx-next {
  right: 33%;
  bottom: 14px;
}
.feature-panel__column--slider .bx-controls-direction a.bx-prev {
  left: 33%;
  bottom: 14px;
}
.feature-panel__column--slider a.cycle-controls {
  right: 20px;
  bottom: 12px;
}
.feature-panel__column--video-link a {
  display: block;
  position: relative;
}
.feature-panel__column--video-link a:hover span, .feature-panel__column--video-link a:focus span {
  background-position: center bottom;
}
.feature-panel__column--video-link a span {
  width: 59px;
  height: 39px;
  display: block;
  position: absolute;
  background: url(../images/icons/video-play.png);
  background-position: center top;
  background-repeat: no-repeat;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -29px;
}
.feature-panel--two-col .feature-panel__column {
  width: 49%;
}
.feature-panel .feature-panel__inline-images {
  padding: 20px 0;
  text-align: center !important;
  display: block !important;
  width: 100%;
  text-align: center;
}

.video-player, .button--video, .feature-panel__column--video-link a {
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.video-player iframe, .button--video iframe, .feature-panel__column--video-link a iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.headline {
  display: block;
  background: url(../images/backgrounds/headline.png) left center repeat-x;
  width: 99%;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: "SkyTextRegular", "Arial", sans-serif;
  color: #009cdd;
  letter-spacing: normal;
}
.is-plugin .headline {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.headline span {
  display: table;
  height: 100%;
  margin: 0 auto;
  padding: 0 20px;
  background: #ffffff;
  text-align: center;
}

.headline--bold {
  font-family: "SkyTextMedium", "Arial", sans-serif;
}
.is-plugin .headline--bold {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.headline--secondary {
  font-family: "SkyTextRegular", "Arial", sans-serif;
  color: #878787 !important;
  font-size: 20px;
  background: none;
  margin: 20px auto 0 auto;
}
.is-plugin .headline--secondary {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.headline--padded + .headline--secondary {
  margin: -13px 0 0 0;
}

.headline--well span {
  background: whitesmoke;
}

.headline--sub-headline {
  font-size: 20px;
  text-transform: uppercase;
  color: #878787 !important;
}

.headline--padded {
  padding: 30px 0;
}

.latest-news {
  padding: 30px 0;
}
.latest-news .headline {
  width: 99%;
  margin: 0;
}
.latest-news ol.articles {
  margin: 0;
  padding: 30px 0 0 0;
}
.latest-news ol.articles li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 45%;
  display: block;
  margin: 0 0 35px 0;
  padding: 0 0 20px 0;
  float: left;
  border-bottom: 1px solid #e2e2e2;
}
.latest-news ol.articles li .article-image {
  width: 38%;
  float: left;
  margin: 0 20px 0 0;
  height: 100%;
}
.latest-news ol.articles li .article-image img {
  display: block;
  width: 100% !important;
  height: auto !important;
}
.latest-news ol.articles li .article-content {
  float: left;
  width: 57%;
  padding: 0 0 5px 0;
  margin: -3px 0 0 0;
}
.latest-news ol.articles li .article-content header a {
  font-size: 22px;
  color: #313131;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-weight: normal;
  line-height: 24px;
}
.is-plugin .latest-news ol.articles li .article-content header a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.latest-news ol.articles li .article-content p, .latest-news ol.articles li .article-content .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .latest-news ol.articles li .article-content legend {
  font-size: 14px;
  margin: 0 0 10px 0;
  padding: 0;
  display: block;
}
.latest-news ol.articles li .facebook-like, .latest-news ol.articles li .tweet-this {
  margin: 5px 0 0 0;
}
.latest-news ol.articles li.featured {
  width: 50%;
  margin: 0 30px 0 0;
  padding: 0;
  border-bottom: none;
}
.latest-news ol.articles li.featured img {
  float: none;
  width: 100%;
  margin: 0 0 10px 0;
}
.latest-news ol.articles li.featured .article-image {
  float: none;
  width: auto !important;
  margin: 0 0 10px 0;
  position: relative;
}
.latest-news ol.articles li.featured .article-content {
  width: 100%;
}
.latest-news ol.articles li.featured .details {
  min-height: 0;
}
.latest-news ol.articles li.featured header {
  width: 60%;
  float: none;
  padding: 10px 0 5px 0;
  margin: 0;
}
.latest-news ol.articles li.featured header a {
  font-size: 28px;
  line-height: 30px;
}
.latest-news ol.articles li.featured p, .latest-news ol.articles li.featured .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .latest-news ol.articles li.featured legend {
  width: 100%;
  float: none;
}
.latest-news ol.articles li.featured .facebook-like, .latest-news ol.articles li.featured .tweet-this {
  position: absolute;
  bottom: -51px;
  right: -30px;
}
.latest-news ol.articles li.featured .facebook-like {
  bottom: -43px;
  right: 102px;
}
.latest-news:after {
  content: "";
  display: block;
  clear: both;
}

.latest-news--fill-width {
  width: 100% !important;
  padding: 0;
}
.latest-news--fill-width ol.articles {
  max-width: 100%;
}
.latest-news--fill-width ol.articles li, .latest-news--fill-width ol.articles li.featured {
  width: 100%;
  float: none;
}
.latest-news--fill-width ol.articles li img, .latest-news--fill-width ol.articles li.featured img {
  width: auto !important;
}
.latest-news--fill-width ol.articles li a.more, .latest-news--fill-width ol.articles li.featured a.more {
  position: static;
}
.latest-news--fill-width ol.articles li .facebook-like, .latest-news--fill-width ol.articles li.featured .facebook-like {
  top: 133px;
  right: 46%;
}
.latest-news--fill-width ol.articles li .tweet-this, .latest-news--fill-width ol.articles li.featured .tweet-this {
  top: 140px;
  right: 30%;
}

.latest-news--fixed .tweet-this,
.latest-news--fixed .facebook-like {
  top: auto !important;
  bottom: 10px !important;
}
.latest-news--fixed .facebook-like {
  bottom: 17px !important;
}

.lozenge {
  position: relative;
  color: #fff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  font: normal normal 1.2em/1 "SkyTextMedium", "Arial", sans-serif;
  padding: 5px 10px;
  margin: 0 20px 0 5px;
  text-transform: uppercase;
  display: inline-block;
  color: #fff;
}
.is-plugin .lozenge {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.lozenge > .help {
  position: absolute;
  top: auto;
  bottom: 2px;
  text-transform: none;
  right: -20px;
}
.lozenge.blue {
  background-color: #104066;
}
.lozenge.green {
  background-color: #376a2f;
}
.lozenge.darkred {
  background-color: #890e11;
}
.lozenge.no-level {
  background-color: #69686a;
}

.well {
  background-color: whitesmoke !important;
}
.well__heading {
  width: auto;
  margin: 0 15% 0;
}
.well__intro > * {
  margin: 0 15% 20px 15%;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
}
.well .content {
  background-color: whitesmoke !important;
}
.well .sub-nav--ride-list {
  margin-left: 15px;
  margin-right: 15px;
}
.well .sub-nav--ride-list li {
  margin-bottom: 1px;
  border: none;
  background-color: white;
}

.reward-progress {
  margin: 0;
  padding: 0;
  list-style: none;
}
.reward-progress__step {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px 0 0;
  padding: 0;
  border-radius: 100%;
  background-color: #e8e8e8;
  font-size: 12px;
  color: #999999;
  line-height: 20px;
  text-align: center;
}
.reward-progress__step--complete {
  background-color: #009cdd;
  color: #fff;
}

.ride-social-carousel {
  position: relative;
  height: 410px;
  border-bottom: solid 1px #C3C3C5;
  background: url(../images/hero/ride-social--980.jpg) no-repeat;
}
.ride-social-carousel__overlay {
  background-color: rgba(0, 0, 0, 0.5);
}
.ride-social-carousel h1 {
  position: absolute;
  top: 40px;
  left: 30px;
  width: 700px;
  height: auto;
  color: #FFF;
  text-indent: 0;
  z-index: 10;
}
.ride-social-carousel .steps-wrapper {
  padding-top: 130px;
}
.ride-social-carousel ol.steps {
  width: 980px;
  height: 210px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.ride-social-carousel ol.steps li {
  display: block;
  width: 980px;
  height: 200px;
  margin: 0;
  padding: 20px 0 0 0;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 2em;
  color: #fff;
  line-height: 1.2em;
  z-index: 10;
}
.is-plugin .ride-social-carousel ol.steps li {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.ride-social-carousel ol.steps span.wrap {
  position: relative;
  display: block;
  width: 610px;
  margin-left: 60px;
}
.ride-social-carousel ol.steps label {
  position: absolute;
  top: 30px;
  left: -20px;
  font-size: 90px;
  z-index: 100;
}
.ride-social-carousel ol.steps strong {
  display: block;
  padding: 30px 30px 5px 90px;
  font-size: 1.6em;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
}
.ride-social-carousel ol.steps span.wrap > span {
  display: block;
  padding: 10px 30px 20px 90px;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
}
.ride-social-carousel a.button {
  position: absolute;
  bottom: 40px;
  left: 40px;
}
.ride-social-carousel--mobile {
  height: 235px;
  border: none;
  background-size: cover;
  background-position: right center;
}
.ride-social-carousel--mobile .steps-wrapper {
  padding-top: 50px;
  border: none;
}
.ride-social-carousel--mobile h1 {
  top: 15px;
  left: 15px;
  width: auto;
  padding: 0;
  background: none;
  text-align: left;
}
.ride-social-carousel--mobile h1 img {
  width: 140px;
}
.ride-social-carousel--mobile ol.steps {
  width: auto;
  height: auto;
}
.ride-social-carousel--mobile ol.steps li {
  width: auto;
  font-size: 16px;
}
.ride-social-carousel--mobile ol.steps span.wrap {
  width: auto;
}
.ride-social-carousel--mobile ol.steps label {
  left: -45px;
  font-size: 50px;
}
.ride-social-carousel--mobile ol.steps strong,
.ride-social-carousel--mobile ol.steps span.wrap > span {
  padding-left: 25px;
  text-shadow: none;
}
.ride-social-carousel--mobile ol.steps strong {
  font-size: 26px;
}

.share-buttons {
  clear: both;
}
.share-buttons--horizontal {
  padding-top: 12px !important;
}
.options .share-buttons--horizontal {
  padding-bottom: 6px !important;
  padding-top: 0 !important;
}
.share-buttons .pw-button {
  margin-bottom: 12px !important;
}

.match {
  box-sizing: border-box;
  height: 40px;
  margin: 0 auto;
  position: relative;
  width: 40px;
}
.match * {
  box-sizing: border-box;
}
li .match {
  line-height: 1;
}
.match.has-bars {
  margin: 0;
  padding: 5px 0;
}
.match__result {
  background: #009cdd;
  background-clip: padding-box;
  border-radius: 100%;
  color: #ffffff;
  display: table-cell;
  font-size: 8px;
  height: 40px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 40px;
  vertical-align: middle;
  z-index: 2;
}
.has-bars .match__result {
  border: 2px solid #ffffff;
}
.is-social .match__result {
  background: #3eb6b4;
}
.is-plugin .match__result {
  background: #009cdd;
}
.match__percentage {
  font-size: 10px;
  font-weight: bold;
}
.match__total, .match__actual {
  height: 15px;
  left: 26px;
  position: absolute;
  width: 95px;
  z-index: 1;
}
.match__total i, .match__actual i {
  background-color: #ffffff;
  height: 100%;
  position: absolute;
  top: 0;
  width: 2px;
}
.match__total i:nth-of-type(n), .match__actual i:nth-of-type(n) {
  left: 19%;
}
.match__total i:nth-of-type(2n), .match__actual i:nth-of-type(2n) {
  left: 39%;
}
.match__total i:nth-of-type(3n), .match__actual i:nth-of-type(3n) {
  left: 59%;
}
.match__total i:nth-of-type(4n), .match__actual i:nth-of-type(4n) {
  left: 79%;
}
.match__total i:nth-of-type(5n), .match__actual i:nth-of-type(5n) {
  left: 99%;
}
.match__total {
  top: 8px;
}
.match__total span {
  background-color: #707070;
  display: block;
  height: 100%;
  width: 100%;
}
.match__actual {
  bottom: 0px;
}
.match__actual span {
  background-color: #009cdd;
  display: block;
  height: 100%;
  position: relative;
}
.is-social .match__actual span {
  background: #3eb6b4;
}
.is-plugin .match__actual span {
  background: #009cdd;
}

.ride-social-topbar {
  background: whitesmoke;
  width: 100%;
}
.ride-social-topbar .feature-tabbed {
  float: left;
  width: 65%;
}
.ride-social-topbar h2 {
  float: left;
  font-size: 2.2em;
  margin: 24px 0 0 0;
  width: 10.5%;
}
.ride-social-topbar .filter-form-element {
  float: left;
  width: 89.5%;
}
.ride-social-topbar .filter-form-element ul, .ride-social-topbar .filter-form-element .form-elements {
  float: left;
}
.ride-social-topbar .filter-form-element ul {
  margin: 5px 2% 0 0;
  width: 29%;
}
.ride-social-topbar .filter-form-element .form-elements {
  width: 69%;
}

.profile__image {
  float: left;
  width: 18%;
}
.profile__image img {
  margin: 0 auto;
  max-width: 100%;
}
.profile__image .bc-logo {
  margin: 0 auto;
  width: 70%;
}
.profile__body {
  float: right;
  width: 80%;
}
.profile__body h2 {
  color: #009cdd;
  font-size: 2.8em;
  font-weight: bold;
  margin: 0;
}
.is-social .profile__body h2 {
  color: #3eb6b4;
}
.is-plugin .profile__body h2 {
  color: #009cdd;
}
.profile__body h2 + p, .profile__body .layout__dashboard .optional-widget h2 + legend, .layout__dashboard .optional-widget .profile__body h2 + legend {
  font-size: 1.8em;
}
.profile__body p, .profile__body .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .profile__body legend {
  font-size: 1.4em;
  margin: 0 0 10px 0;
  padding: 0;
}
.profile__description {
  clear: both;
}
.profile__details {
  margin: 0;
}
.profile__details dd {
  border: 0;
}
.profile .match {
  margin: 0 0 10px 0;
  float: left;
}
.match + .profile__rating {
  float: right;
  margin: 10px 0 0 0;
  width: 50%;
}
.profile__image-feed {
  padding: 0 0 10px 0;
  position: relative;
}
.profile__image-feed li {
  margin: 0;
  padding: 0;
}
.profile__image-feed .bx-controls-direction a.bx-prev {
  left: 33%;
  bottom: 14px;
}
.profile__image-feed .bx-controls-direction a.bx-next {
  right: 33%;
  bottom: 14px;
}

.paged-content {
  width: 100%;
}
.paged-content__title {
  background-color: #ffffff;
  display: table;
  margin: -1.5% auto 0 auto;
  padding: 0 20px;
  width: auto;
}
.paged-content__title h2, .paged-content__title h3 {
  display: inline;
  margin: 0;
}

.boxed-stat {
  background: whitesmoke;
  font-size: 1.4em;
  padding: 10px;
  text-align: center;
  width: 75px;
}
.boxed-stat__emphasis {
  background: #707070;
  color: #ffffff;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 2em;
  margin: 0 0 5px 0;
  padding: 10px;
}
.is-plugin .boxed-stat__emphasis {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.block {
  border-bottom: solid 1px #fff;
}
.block__header {
  position: relative;
  margin: 0;
  padding: 0;
  background-color: #009cdd;
  font-size: 20px;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  text-transform: capitalize;
  text-align: left;
}
.block__header--secondary {
  background-color: whitesmoke;
}
.block__header--secondary .icon, .block__header--secondary a.more:after, .block__header--secondary a.more.prev:before, .block__header--secondary .dropdown dt a:after, .dropdown dt .block__header--secondary a:after,
.block__header--secondary a {
  color: black !important;
}
.is-social .block__header {
  background-color: #3eb6b4;
}
.is-plugin .block__header {
  background-color: #009cdd;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
}
.block__header a {
  display: block;
  padding: 10px 50px 10px 15px;
  color: #fff;
}
.block__header--rides a, .block__header--buddies a, .block__header--groups a {
  padding: 10px 50px;
}
.block__header .icon, .block__header a.more:after, .block__header a.more.prev:before, .block__header .dropdown dt a:after, .dropdown dt .block__header a:after {
  left: 5px;
  position: absolute;
  top: 3px;
  font-size: 33px;
}
.block__header .icon.icon--plus, .block__header a.icon--plus.more:after, .block__header a.icon--plus.more.prev:before, .block__header .dropdown dt a.icon--plus:after, .dropdown dt .block__header a.icon--plus:after, .block__header .icon.icon--minus, .block__header a.icon--minus.more:after, .block__header a.icon--minus.more.prev:before, .block__header .dropdown dt a.icon--minus:after, .dropdown dt .block__header a.icon--minus:after, .block__header .icon.icon--right, .block__header a.icon--right.more:after, .block__header a.icon--right.more.prev:before, .block__header .dropdown dt a.icon--right:after, .dropdown dt .block__header a.icon--right:after, .block__header .icon.icon--series, .block__header a.icon--series.more:after, .block__header a.icon--series.more.prev:before, .block__header .dropdown dt a.icon--series:after, .dropdown dt .block__header a.icon--series:after {
  left: auto;
  right: 5px;
}
.block__header .icon--right, .block__header .icon--left {
  top: 8px;
  right: 8px;
  font-size: 25px;
}
.block__header .meta {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  text-transform: none;
}
.block__header .badge {
  border: solid 1px #FFF;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background: #e00000;
  color: #FFF;
  display: inline-block;
  font-family: "SkyTextRegular", "Arial", sans-serif;
  font-size: 0.7em;
  font-weight: 600;
  height: 22px;
  line-height: 1em;
  margin: 0 0 0 10px;
  padding: 3px;
  text-align: center;
  width: 22px;
  z-index: 50;
}
.is-plugin .block__header .badge {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 20px;
  width: 20px;
}
.block__content {
  display: none;
  padding: 0 15px;
}
.block__content > *, .block__content p, .block__content .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .block__content legend {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.block__content--full-bleed {
  padding: 0;
}
.block--action .block__header {
  background-color: #e00000;
}
.block--back {
  margin-top: 1px;
  border: none;
}
.block--back .block__header {
  background-color: #a3a3a3;
  font-family: "SkyTextRegular", "Arial", sans-serif;
  font-size: 18px;
  text-transform: none;
}
.is-plugin .block--back .block__header {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.block--back .block__header a {
  padding-left: 40px;
}
.block--back .block__header .icon, .block--back .block__header a.more:after, .block--back .block__header a.more.prev:before, .block--back .block__header .dropdown dt a:after, .dropdown dt .block--back .block__header a:after {
  left: 8px;
  right: auto;
}
.block--static {
  border: none;
}
.block--static .block__header {
  padding: 10px 15px;
  background-color: whitesmoke;
  text-transform: none;
  color: #009cdd;
}
.block--static .block__header a {
  display: inline;
  padding: 0;
  color: #009cdd;
}
.block--static .block__header .meta {
  color: #313131;
}
.block--static .block__content {
  display: block;
  border-bottom: solid 1px gainsboro;
}
.block--no-actions {
  border-bottom: 1px solid whitesmoke;
  padding: 0 0 10px 0;
}
.block--no-actions i {
  color: #818181;
  float: left;
  font-size: 5.7em;
  height: 57px;
  margin: 0 0 0 15px;
  padding: 10px 0;
  width: 57px;
}
.block--no-actions p, .block--no-actions .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .block--no-actions legend {
  font-size: 1.4em;
  line-height: 1.4;
  margin: 10px 20px 20px 97px;
}
.block--updown {
  background: #ffffff;
  border: 1px whitesmoke solid;
  margin: 0 0 10px 0;
  padding: 15px;
}
.is-social .block--updown {
  border: 1px #dbdbdb solid;
}
.block--updown h3 {
  background: #ffffff !important;
  margin: 0;
  font-size: 1.4em;
  position: relative;
}
.block--updown h3 a {
  color: #313131;
  padding: 0 30px 0 0;
}
.block--updown h3 .icon, .block--updown h3 a.more:after, .block--updown h3 a.more.prev:before, .block--updown h3 .dropdown dt a:after, .dropdown dt .block--updown h3 a:after {
  color: #009cdd;
  font-size: 1em;
  left: auto;
  margin: -0.5em 0 0 0;
  position: absolute;
  right: 0;
  top: 50%;
}
.is-social .block--updown h3 .icon, .is-social .block--updown h3 a.more:after, .is-social .block--updown h3 a.more.prev:before, .is-social .block--updown h3 .dropdown dt a:after, .dropdown dt .is-social .block--updown h3 a:after {
  color: #3eb6b4;
}
.is-plugin .block--updown h3 .icon, .is-plugin .block--updown h3 a.more:after, .is-plugin .block--updown h3 a.more.prev:before, .is-plugin .block--updown h3 .dropdown dt a:after, .dropdown dt .is-plugin .block--updown h3 a:after {
  color: #009cdd;
}

/* --- Search and Stats Bar --- */
.social-header {
  background: whitesmoke;
}
.social-header__search p, .social-header__search .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .social-header__search legend {
  color: #666666;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 1.3em;
}
.social-header__search .find-widget {
  background: transparent;
  height: auto;
  padding: 0;
}
.social-header__search ul {
  border: solid 1px #009cdd;
  float: left;
  margin: 0 2% 0 0 !important;
  width: 36% !important;
}
.is-social .social-header__search ul {
  border: solid 1px #3eb6b4;
}
.is-plugin .social-header__search ul {
  border: solid 1px #009cdd;
}
.social-header__search ul li {
  border: solid #009cdd;
  border-width: 0 1px 0 0;
  font-size: 1.2em;
}
.is-social .social-header__search ul li {
  border: solid #3eb6b4;
  border-width: 0 1px 0 0;
}
.is-plugin .social-header__search ul li {
  border: solid #009cdd;
  border-width: 0 1px 0 0;
}
.social-header__search ul li.ui-tabs-selected a {
  background: #009cdd;
  color: #FFF;
}
.is-social .social-header__search ul li.ui-tabs-selected a {
  background: #3eb6b4;
}
.is-plugin .social-header__search ul li.ui-tabs-selected a {
  background: #009cdd;
}
.social-header__search ul a {
  color: #009cdd;
  padding: 8px 0 !important;
  width: 100%;
}
.is-social .social-header__search ul a {
  color: #3eb6b4;
}
.is-plugin .social-header__search ul a {
  color: #009cdd;
  padding: 9px 0 !important;
}
.social-header__search .form-elements {
  margin: 0 0 0 38%;
  width: auto;
}
.social-header__search .form-elements p, .social-header__search .form-elements .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .social-header__search .form-elements legend {
  margin: 0 !important;
}
.social-header__search a.button {
  width: 65px;
}
.is-plugin .social-header__search a.button {
  background: #e00000;
}
.is-plugin .social-header__search {
  padding: 0 0 0 40px;
  width: 55%;
}
.social-header__stats {
  padding: 34px 0 0 0;
  text-align: right;
}
.social-header__stats .stat {
  display: inline-block;
  margin: 0 2em 0 0;
  padding: 0 0 0 4.5em;
  position: relative;
  text-align: center;
}
.social-header__stats .stat i {
  color: #009cdd;
  font-size: 4em;
  left: 0;
  position: absolute;
  top: 0;
}
.is-social .social-header__stats .stat i {
  color: #3eb6b4;
}
.is-plugin .social-header__stats .stat i {
  color: #009cdd;
}
.social-header__stats .stat__count {
  color: #666666;
  font-size: 2.6em;
  margin: 3px 0 0 0;
}
.social-header__stats .stat__title {
  color: #009cdd;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
}
.is-social .social-header__stats .stat__title {
  color: #3eb6b4;
}
.is-plugin .social-header__stats .stat__title {
  color: #009cdd;
}
.is-plugin .social-header__stats {
  width: 45%;
}

.level-table {
  margin: 20px;
  max-width: 1000px;
}
.level-table th {
  color: #009cdd;
  font-size: 1.6em !important;
  font-weight: bold;
}
.level-table thead th {
  border-bottom: 1px #009cdd solid;
}
.level-table tbody th {
  border-bottom: 1px #009cdd solid;
  border-left: 1px #009cdd solid;
  border-right: 1px #009cdd solid;
}
.level-table td {
  border-bottom: 1px #009cdd solid;
  border-right: 1px #009cdd solid;
  font-size: 1.6em !important;
}
.level-table td li {
  font-size: 1em !important;
}

.checklist {
  margin: 0;
  padding: 0;
  list-style: none outside none;
}
.checklist__item {
  position: relative;
  padding: 0 0 0 35px;
  margin: 0 0 10px 0;
  font-weight: bold;
  line-height: 1.3;
  min-height: 30px;
}
.checklist__item:last-of-type {
  margin: 0 !important;
}
.checklist__icon {
  font-size: 26px;
  position: absolute;
  top: 0;
  left: 0;
  color: #009cdd;
}

/**
 * Sprinkle with some area/page-specific layouts
 */
body {
  background: white;
}

.wrapper, .promo-wrapper, .latest-news, .layout_location, .layout_product {
  position: relative;
  width: 980px;
  margin: 0 auto;
  text-align: left;
}
.is-plugin .wrapper, .is-plugin .promo-wrapper, .is-plugin .latest-news, .is-plugin .layout_location, .is-plugin .layout_product {
  width: 100%;
}

.inner {
  margin: 20px 20px 0;
}
.inner.border-bottom {
  border-color: whitesmoke;
  border-style: solid;
  border-width: 0 0 1px 0;
  margin: 0;
  padding: 20px 0;
}

.group:before, .ride-detail .section-overview .table-wrapper.with-image:before, .block__content:before, .buddy-messages-list__buddy:before,
.group:after,
.ride-detail .section-overview .table-wrapper.with-image:after,
.block__content:after,
.buddy-messages-list__buddy:after {
  content: '';
  display: table;
}

.group:after, .ride-detail .section-overview .table-wrapper.with-image:after, .block__content:after, .buddy-messages-list__buddy:after {
  clear: both;
}

.group, .ride-detail .section-overview .table-wrapper.with-image, .block__content, .buddy-messages-list__buddy {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}

.lead {
  font-size: 2em;
  line-height: 1.3em;
}

#main {
  padding-bottom: 50px;
}

.tab-content {
  text-align: left;
}
.tab-content p, .tab-content .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .tab-content legend {
  margin: 10px 0 0 0;
}

p + .share-this, .layout__dashboard .optional-widget legend + .share-this {
  margin: 10px 20px;
}

.is-hidden {
  display: none;
}

.is-hidden--text {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  line-height: 0;
  width: 0;
  height: 0;
  float: left;
}

.cf:after, ul.entities:after, ul.entities li:after, ul.entities li .actions:after, .find-widget--dashboard .find-widget .tabs:after, .find-widget--narrow .button-wrapper:after, .ride-widget:after, .media:after, .ride-social-topbar .wrapper:after, .ride-social-topbar .promo-wrapper:after, .ride-social-topbar .latest-news:after, .ride-social-topbar .layout_location:after, .ride-social-topbar .layout_product:after, .content ol.articles li:after,
.panel ol.articles li:after, .layout__modal #overflow:after, .layout__modal .modal-article:after, .layout__partner .partner-search__find:after, .layout__partner .partner-search__header:after {
  content: "";
  display: table;
  clear: both;
}

.is-plugin .ui-skyride .ui-widget-header, .is-plugin
.ui-skyride .ui-state-highlight, .is-plugin
.ui-skyride .ui-widget-content .ui-state-highlight, .is-plugin
.ui-skyride .ui-widget-header .ui-state-highlight {
  background: #009cdd;
  border-color: #009cdd;
}

.is-plugin .ui-skyride .ui-state-active, .is-plugin
.ui-skyride .ui-widget-content .ui-state-active, .is-plugin
.ui-skyride .ui-widget-header .ui-state-active {
  border-color: #009cdd;
  color: #009cdd;
}

.is-plugin .ui-skyride .ui-state-hover, .is-plugin
.ui-skyride .ui-widget-content .ui-state-hover, .is-plugin
.ui-skyride .ui-widget-header .ui-state-hover, .is-plugin
.ui-skyride .ui-state-focus, .is-plugin
.ui-skyride .ui-widget-content .ui-state-focus, .is-plugin
.ui-skyride .ui-widget-header .ui-state-focus {
  color: #009cdd;
}

.is-plugin .ui-skyride .ui-state-highlight, .is-plugin
.ui-skyride .ui-widget-content .ui-state-highlight, .is-plugin
.ui-skyride .ui-widget-header .ui-state-highlight {
  color: #fff;
}

.is-plugin .ui-skyride .ui-state-hover .ui-icon, .is-plugin
.ui-skyride .ui-state-focus .ui-icon {
  background-image: url(../images/jquery-ui/ui-icons_ffffff_256x240.png);
  background-color: #009cdd;
}

/* Common partial layouts -- legacy elements with IDs */
.masthead {
  background-color: white;
}
.masthead .wrapper, .masthead .promo-wrapper, .masthead .latest-news, .masthead .layout_location, .masthead .layout_product {
  height: 70px;
  padding-top: 35px;
}
.masthead .user {
  color: #009cdd;
  padding: 5px 0;
  text-align: right;
  font-size: 14px;
}
.masthead .skip {
  display: none;
}

body.access .masthead .skip {
  position: absolute;
  top: 0;
  left: 34%;
  padding: 10px;
  margin: 0;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  background: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  z-index: 999;
  display: block;
}
body.access .masthead .skip li {
  float: left;
  list-style-type: none;
  padding-bottom: 0;
}
body.access .masthead .skip a {
  color: #333;
  text-transform: uppercase;
  font-size: 0.75em;
}
body.access .masthead .skip-first {
  margin: 0;
  padding-right: 10px;
  border-right: 1px solid #333;
}
body.access .masthead .skip-second {
  margin: 0;
  padding-left: 10px;
}

.access-label {
  position: absolute;
  top: -9999em;
  left: -9999em;
}

/* --- BC + Sky Lockup --- */
a#site-name {
  position: absolute;
  top: 26px;
  left: 0;
  width: 168px;
  height: 60px;
  background: url(../images/logos/skyride-masthead.png) no-repeat;
  text-indent: -9999px;
}

/* -- Sky Ride Logo --- */
span#bcsky-logo {
  position: absolute;
  top: 30px;
  right: 0;
  width: 224px;
  height: 50px;
  background: url(../images/logos/masthead.png) no-repeat;
  text-indent: -9999px;
}

/* --- Menu --- */
.menu {
  background-color: #009cdd;
}
.is-social .menu {
  background-color: #3eb6b4;
}

.menu__inner {
  padding-right: 250px;
  position: relative;
  left: 0;
}

.menu__nav {
  margin: 0;
  padding: 0;
  list-style: none outside none;
}

.menu__item {
  display: inline-block;
  margin: 0 10px 0 0;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 1.8em;
  line-height: 1em;
  padding: 0;
}
.is-plugin .menu__item {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.menu__item a {
  display: block;
  padding: 14px 10px;
  color: white;
}
.menu__item:first-of-type a {
  padding: 14px 10px 14px 0;
}
.menu__item .menu__item--user {
  float: left !important;
  margin: 0 !important;
}

/* --- Session --- */
.session {
  position: absolute;
  top: 0;
  right: 0;
  width: 250px;
}
.session .button {
  width: auto;
  margin-top: 8px;
  float: right;
}
.is-social .session .button {
  background: #ffffff;
  color: #3eb6b4;
}

body.access .session a.button {
  background: #0079B7;
}

/* --- User --- */
.user {
  position: absolute;
  top: 5px;
  right: 0;
  width: 450px;
  font-size: 14px;
  color: #888;
  text-align: right;
  line-height: 14px;
  z-index: 1000;
}

.header--dashboard {
  background-color: whitesmoke;
}

#content,
.content {
  position: relative;
  float: left;
  width: 715px;
  z-index: 5;
  background: white;
}
#content.content--centered,
.content.content--centered {
  text-align: center;
}
#content.content--stretched,
.content.content--stretched {
  width: 100%;
  float: none;
}
#content .content__inner,
.content .content__inner {
  padding: 30px 0;
}

body.access #content ol.articles header a {
  color: #333;
}

.content ol.articles,
.panel ol.articles {
  margin: 0;
  padding: 0;
  list-style: none;
}
.content ol.articles li,
.panel ol.articles li {
  position: relative;
  min-height: 90px;
  margin: 0;
  padding: 20px 0 20px 165px;
  border: solid #e2e2e2;
  border-width: 0 0 1px 0;
  line-height: 1.4em;
}
.content ol.articles li.featured,
.panel ol.articles li.featured {
  min-height: 160px;
  padding-left: 285px;
}
.content ol.articles li.featured .details, .content ol.articles li.featured header,
.panel ol.articles li.featured .details,
.panel ol.articles li.featured header {
  width: 407px;
}
.content ol.articles li.featured header,
.panel ol.articles li.featured header {
  font-size: 2em;
  line-height: 1.1em;
}
.content ol.articles li.featured a.more,
.panel ol.articles li.featured a.more {
  left: 285px;
}
.content ol.articles li.featured img,
.panel ol.articles li.featured img {
  width: 260px;
  height: 160px;
}
.content ol.articles li h3,
.panel ol.articles li h3 {
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 1.5em;
  margin-left: 0;
  margin-top: 0;
}
.is-plugin .content ol.articles li h3, .is-plugin
.panel ol.articles li h3 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.content ol.articles li h3 a,
.panel ol.articles li h3 a {
  color: #58595B;
}
.content ol.articles li .share-buttons,
.panel ol.articles li .share-buttons {
  bottom: 4px;
  position: absolute;
  right: 0;
  top: auto;
}
.content ol.articles li .facebook-like, .content ol.articles li .facebook-send,
.panel ol.articles li .facebook-like,
.panel ol.articles li .facebook-send {
  position: absolute;
  bottom: 16px;
  right: 0;
  max-width: 92px;
  min-width: 82px;
  height: 20px;
}
.content ol.articles li .facebook-like,
.panel ol.articles li .facebook-like {
  overflow: hidden;
}
.content ol.articles li .tweet-this,
.panel ol.articles li .tweet-this {
  position: absolute;
  bottom: 12px;
  right: 70px;
}
.content ol.articles li .news-summary,
.panel ol.articles li .news-summary {
  padding: 5px 0 30px 0;
}
.content ol.articles li p, .content ol.articles li .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .content ol.articles li legend,
.panel ol.articles li p,
.panel ol.articles li .layout__dashboard .optional-widget legend,
.layout__dashboard .optional-widget .panel ol.articles li legend {
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 1.4em;
}
.content ol.articles li img,
.panel ol.articles li img {
  position: absolute;
  top: 20px;
  left: 0;
  width: 140px;
  height: 92px;
  border: solid 1px #A3A2A2;
}
.content ol.articles li a.more,
.panel ol.articles li a.more {
  position: absolute;
  bottom: 15px;
  left: 165px;
}
.content ol.articles li a.more span,
.panel ol.articles li a.more span {
  display: none;
}

#sidebar {
  position: relative;
  float: right;
  display: inline;
  width: 248px;
  margin-top: 20px;
  padding-bottom: 15px;
  background-color: #fff;
  z-index: 10;
}

#sidebar.nested {
  top: 233px;
}

#sidebar.nested.buddies {
  top: 164px;
}

#sidebar .overview {
  text-align: center;
}

#sidebar .overview h2 {
  margin: 0;
  padding: 20px 10px 0 10px;
  font-size: 2.6em;
  color: #009cdd;
}

#sidebar .overview p, #sidebar .overview .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget #sidebar .overview legend {
  margin: 15px 15px 0 15px;
  padding: 0;
  color: #666;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 1.4em;
  text-align: left;
}
.is-plugin #sidebar .overview p, .is-plugin #sidebar .overview .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .is-plugin #sidebar .overview legend {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

#sidebar .overview p.middle, #sidebar .overview .layout__dashboard .optional-widget legend.middle, .layout__dashboard .optional-widget #sidebar .overview legend.middle {
  text-align: center;
}

#sidebar .button-wrapper {
  margin: 15px 0 0 15px;
}

/* --- Events List/Carousel --- */
#sidebar .locations-wrapper {
  margin: 15px 15px 0 15px;
  position: relative;
  overflow: hidden;
}

#sidebar .locations-wrapper a.cycle-controls {
  border-radius: 3px;
  bottom: 22px;
  height: 13px;
  right: 0;
  width: 13px;
}

#sidebar .locations-wrapper a.cycle-controls span {
  background: url(../images/backgrounds/toggle-play-small.png) no-repeat center 3px;
  height: 13px;
}

#sidebar .locations-wrapper a.cycle-controls.resume span {
  background-position: center -15px;
}

#sidebar .bx-window {
  padding: 0 0 5px 0;
  border: solid #CCC;
  border-width: 1px 0;
}

#sidebar a.bx-prev {
  left: 40px;
  background-image: url(../images/backgrounds/arrow-left-grey.png);
}

#sidebar a.bx-next {
  right: 40px;
  background-image: url(../images/backgrounds/arrow-right-grey.png);
}

#sidebar ol.events {
  width: 218px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

#sidebar ol.events li {
  position: relative;
  margin: 5px 0 0 0;
  padding: 5px 0 0 0;
  border: solid #EEE;
  border-width: 1px 0 0 0;
  font-size: 1.1em;
  line-height: 1.4em;
}

#sidebar ol.events li:first-child {
  padding-top: 0;
  border: none;
}

#sidebar ol.events a {
  position: relative;
  display: block;
  padding: 10px;
  background: #F4F4F4;
  color: #666;
}

#sidebar ol.events strong {
  display: block;
  padding-right: 15px;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 1.4em;
  color: #009cdd;
}
.is-plugin #sidebar ol.events strong {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

#sidebar ol.events a:hover strong {
  text-decoration: none;
}

#sidebar ol.events strong:after {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 5px;
  height: 8px;
  background: url(../images/backgrounds/arrow-right-grey.png) no-repeat right 0;
  content: '';
  text-indent: -9999px;
}

/* --- Promo Panel --- */
#sidebar .find-widget {
  margin-top: 15px;
  margin-left: 15px;
  margin-right: 15px;
}
#sidebar .find-widget p, #sidebar .find-widget .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget #sidebar .find-widget legend {
  padding: 0 !important;
  margin-bottom: 10px !important;
}
#sidebar .find-widget .find-widget {
  position: relative;
  padding: 0;
  margin: 0;
}
#sidebar .find-widget .find-widget p, #sidebar .find-widget .find-widget .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget #sidebar .find-widget .find-widget legend {
  padding: 0;
  margin: 0 !important;
}
#sidebar .find-widget .find-widget .button-wrapper {
  padding: 0;
}

#sidebar .promos {
  padding: 10px 0;
}

#sidebar .promo {
  margin: 15px 0 0 0;
  border: solid 1px whitesmoke;
}
#sidebar .promo a {
  display: block;
  margin: 12px 12px 0 12px;
}
#sidebar .promo img {
  max-width: 100%;
}

#sidebar .promo p, #sidebar .promo .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget #sidebar .promo legend {
  margin: 0;
  padding: 15px 10px;
  line-height: 1.4em;
}

#sidebar .promo .button-wrapper {
  margin: 0;
  padding: 10px;
}

#sidebar .promo .gallery {
  padding: 0 0 10px 8px;
}

#sidebar .promo .gallery img {
  float: left;
  display: inline;
  margin: 10px 10px 0 0;
  width: 93px;
}

#sidebar .promo .bc a.button {
  float: none;
  display: block;
  width: auto;
  background: #009edc url(../images/gradients/button-back-blue-ext.png) repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#009edc), to(#0175a8));
  background-image: -webkit-linear-gradient(top, #009edc, #0175a8);
  background-image: -moz-linear-gradient(top, #009edc, #0175a8);
  background-image: linear-gradient(top, #009edc, #0175a8);
}

#sidebar .like-box {
  margin: 15px;
  padding-bottom: 10px;
  border: solid #CCC;
  border-width: 1px 0;
}

#sidebar .like-box iframe {
  width: 218px;
  height: 258px;
  border: none;
  overflow: hidden;
}

#sidebar ul.selector {
  margin: 5px 0 0 0;
  padding: 0;
  list-style: none;
}
.is-plugin #sidebar ul.selector {
  margin: 5px 0 0 5px;
}

#sidebar ul.selector li {
  float: left;
  display: inline;
  width: 45px;
  margin: 13px 13px 0 0;
  padding: 0;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 1.4em;
  line-height: 1em;
  text-align: center;
  text-transform: uppercase;
}
.is-plugin #sidebar ul.selector li {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

#sidebar ul.selector li a {
  display: block;
  padding: 10px 0;
  background-color: whitesmoke;
  color: #7E7E7E;
}

#sidebar ul.selector li a:hover {
  border-color: #999;
  text-decoration: none;
}

#sidebar ul.selector li.selected a {
  background-color: #009cdd;
  color: #FFF;
}
.is-social #sidebar ul.selector li.selected a {
  background-color: #3eb6b4;
}
.is-plugin #sidebar ul.selector li.selected a {
  background-color: #009cdd;
}

#sidebar ul.selector li.disabled a {
  border-color: #CCC;
  background: none;
  color: #CCC;
}

#sidebar fieldset {
  padding-top: 0;
}

#sidebar fieldset p, #sidebar fieldset .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget #sidebar fieldset legend {
  margin: 0 10px;
  padding: 10px 0 0 0;
}

#sidebar fieldset label {
  float: none;
  display: block;
  width: auto;
  padding-bottom: 5px;
  text-align: left;
}

#sidebar fieldset .checkbox label {
  display: inline;
  width: auto;
}

#sidebar fieldset span.field-validation-error {
  display: none;
  margin: 0;
  padding: 0;
}

#sidebar .twtr-widget {
  margin: 10px 0 0 15px;
}

#sidebar .twtr-widget p, #sidebar .twtr-widget .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget #sidebar .twtr-widget legend,
#sidebar .twtr-widget li {
  font-size: 1em;
}

/* SITE LINKS
--------------------------------------------------------------------------------------- */
.site-foot {
  padding: 50px 0;
  background-color: #00386a;
}
.is-plugin .site-foot {
  background-color: #eeeeee;
  padding: 20px 0;
}
.site-foot a {
  color: white;
}
.is-plugin .site-foot a {
  color: #666666;
}

.site-foot__nav {
  font-size: 1.2em;
}
.site-foot__nav ul {
  margin: 0;
  padding: 0;
  list-style: none outside none;
}
.site-foot__nav li {
  margin: 0;
  padding: 0;
  font-size: 1.4em;
}
.site-foot__nav ul > li {
  display: block;
  line-height: 1em;
  margin-bottom: 12px;
  font-weight: bold;
}

.site-foot__overview {
  text-align: center;
}
.site-foot__overview p, .site-foot__overview .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .site-foot__overview legend {
  font-size: 1.4em;
  color: white;
  line-height: 1.4em;
  opacity: 0.4;
}
.site-foot__overview p strong, .site-foot__overview .layout__dashboard .optional-widget legend strong, .layout__dashboard .optional-widget .site-foot__overview legend strong {
  font-weight: 600;
}
.site-foot__overview .social {
  margin-bottom: 15px;
}

/* --- Partners --- */
.partners {
  margin: 0;
  padding: 0;
  list-style: none outside none;
  text-align: center;
  margin-top: 30px;
}
.partners li {
  display: inline-block;
  margin: 0;
  padding: 0 10px;
}

.is-plugin .site-foot__logo {
  display: block;
  margin: 0 auto 30px auto;
  padding: 0;
}
.site-foot__logo img {
  float: right;
}
.is-plugin .site-foot__logo img {
  float: none;
  max-width: 100%;
}

.site-foot__copyright {
  color: white;
  opacity: 0.4;
  font-size: 14px;
  margin-top: 35px;
  line-height: 1.3em;
}

.site-foot__links {
  margin-top: 35px;
}
.is-plugin .site-foot__links {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: auto;
}
.site-foot__links ul {
  text-align: right;
  margin: 0;
  padding: 0;
  line-height: 1.3em;
}
.is-plugin .site-foot__links ul {
  text-align: center;
}
.site-foot__links ul li {
  display: inline-block;
  margin: 0 0 0 14px;
  padding: 0;
  font-size: 14px;
}
.is-plugin .site-foot__links ul li {
  border-left: 1px solid #666666;
  line-height: 1;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
}
.site-foot__links ul li:first-child {
  margin: 0;
}
.is-plugin .site-foot__links ul li:first-child {
  border-left: 0;
  padding: 0;
}

.is-plugin .site-foot__top {
  display: block;
  margin: 0 auto 20px auto;
  padding: 0;
}
.is-plugin .site-foot__top .button {
  display: block;
  float: none;
}
.is-plugin .site-foot__top .button span {
  background: none;
  float: none;
  padding: 10px;
  text-align: center;
}

/* Isolated partial layouts -- classes start with 'layout__' */
.layout__articles {
  background-color: whitesmoke;
}
.layout__articles .content, .layout__articles #content, .layout__articles #interactive {
  width: 475px;
  float: left;
  margin: 20px 0 40px 20px;
  padding: 0 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.layout__articles #content.product-wrapper {
  width: 693px;
}
.layout__articles #content.fans {
  margin-left: 196px;
}
.layout__articles #interactive {
  float: left;
  display: inline;
  width: 752px;
  margin-left: 21px;
  padding: 16px;
  background: #FFF;
}
.layout__articles #content p.date, .layout__articles #content .layout__dashboard .optional-widget legend.date, .layout__dashboard .optional-widget .layout__articles #content legend.date {
  font-size: 1.1em;
  color: #888;
}
.layout__articles #content .like-wrapper {
  position: relative;
  margin-top: 20px;
  border: solid #EEE;
  border-width: 1px 0;
}
.layout__articles #content .like-wrapper .facebook-like {
  position: absolute;
  top: 9px;
  right: 20px;
  max-width: 82px;
  min-width: 92px;
  height: 20px;
  overflow: hidden;
}
.layout__articles #content .like-wrapper .tweet-this {
  position: absolute;
  top: 9px;
  right: 100px;
}
.layout__articles #content .like-wrapper .facebook-like iframe {
  height: 20px;
  overflow: hidden;
}
.layout__articles #extras {
  float: left;
  display: inline;
  width: 175px;
  margin: 30px 0 0 0;
}
.layout__articles #extras h2 {
  margin: 15px 0 0 0;
  padding: 0;
  font-size: 2.4em;
  color: #888;
  font-family: "SkyTextRegular", "Arial", sans-serif;
  text-align: center;
}
.is-plugin .layout__articles #extras h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.layout__articles #extras h3 {
  margin: 15px 0 0 0;
  font-size: 1.6em;
}
.layout__articles body.access #extras h2 {
  color: #333;
}
.layout__articles #extras h2:first-child {
  margin-top: 0;
}
.layout__articles #extras img {
  margin-top: 10px;
}
.layout__articles #extras p, .layout__articles #extras .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .layout__articles #extras legend {
  margin: 0;
  padding: 10px 0 5px 0;
}
.layout__articles #extras ul {
  margin: 10px 0 25px 0;
  padding: 0;
  list-style: none;
}
.layout__articles #extras li {
  margin: 0;
}
.layout__articles #extras li a {
  display: block;
  padding: 5px 8px;
  /*
  border: solid #DDD;
  border-width: 0 0 1px 0;
  */
}
.layout__articles #extras .map-wrapper {
  position: relative;
  width: 155px;
  height: 155px;
}
.layout__articles #extras .map-wrapper a {
  position: absolute;
  top: 0;
  left: 0;
  width: 155px;
  height: 155px;
  z-index: 999;
  text-indent: -9999px;
}
.layout__articles #extras #map_canvas {
  width: 155px;
  height: 155px;
  margin-top: 10px;
  border: solid 1px #FFF;
}
.layout__articles #signup-form {
  margin-bottom: 20px;
}
.layout__articles #sidebar {
  margin-top: 20px;
  padding: 0 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  width: 208px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.layout__articles #sidebar .like-box {
  margin: 0;
  width: 208px;
}
.layout__articles #sidebar .like-box iframe {
  width: 208px;
}

.layout__dashboard {
  /* --- Sidebar --- */
  /* --- Ride for Rewards --- */
  /* --- Ride Progress --- */
  /* --- British Cycling --- */
  /* -- Results Area Filter -- */
  /* -- My Profile (Edit) -- */
  /* --- SCG Promo --- */
  /* --- BC Mapping Promo --- */
  /* Groups and Rides */
  /* --- Form tooltips --- */
  /* --- Ride for rewards --- */
  /* --- Step Indicator --- */
  /* --- Share This --- */
}
.layout__dashboard #divMappingDashboard {
  margin: 20px 20px 0 20px;
}
.layout__dashboard .welcome-panel {
  margin-top: 20px;
}
.layout__dashboard .welcome-panel .optional-widget {
  margin: 0;
}
.layout__dashboard .welcome-panel .optional-widget h2 {
  padding: 10px 0;
}
.layout__dashboard .welcome-panel .optional-widget p, .layout__dashboard .welcome-panel .optional-widget legend {
  font-size: 1.4em;
}
.layout__dashboard .welcome-panel .next-rides strong, .layout__dashboard .welcome-panel .actions strong {
  display: block;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 1em;
  color: #313131;
}
.is-plugin .layout__dashboard .welcome-panel .next-rides strong, .is-plugin .layout__dashboard .welcome-panel .actions strong {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.layout__dashboard .welcome-panel .next-rides h2, .layout__dashboard .welcome-panel .actions h2 {
  padding: 10px;
  text-align: center;
}
.layout__dashboard .welcome-panel .next-rides p, .layout__dashboard .welcome-panel .next-rides .optional-widget legend, .layout__dashboard .optional-widget .welcome-panel .next-rides legend, .layout__dashboard .welcome-panel .actions p, .layout__dashboard .welcome-panel .actions .optional-widget legend, .layout__dashboard .optional-widget .welcome-panel .actions legend {
  text-align: center;
}
.layout__dashboard .welcome-panel .next-rides {
  margin: 0 0 20px 0;
}
.layout__dashboard .welcome-panel .next-rides__left {
  border-right: 1px whitesmoke solid;
  float: left;
  padding: 0 2.5% 0 0;
  width: 55%;
}
.layout__dashboard .welcome-panel .next-rides__left .boxed-stat {
  margin: 0 auto 10px auto;
}
.layout__dashboard .welcome-panel .next-rides__left p, .layout__dashboard .welcome-panel .next-rides__left .optional-widget legend, .layout__dashboard .optional-widget .welcome-panel .next-rides__left legend {
  text-align: left;
  margin: 0;
}
.layout__dashboard .welcome-panel .next-rides__left p.ride-info, .layout__dashboard .welcome-panel .next-rides__left .optional-widget legend.ride-info, .layout__dashboard .optional-widget .welcome-panel .next-rides__left legend.ride-info {
  text-align: center;
}
.layout__dashboard .welcome-panel .next-rides__right {
  float: right;
  width: 40%;
}
.layout__dashboard .welcome-panel .next-rides__right p, .layout__dashboard .welcome-panel .next-rides__right .optional-widget legend, .layout__dashboard .optional-widget .welcome-panel .next-rides__right legend {
  text-align: left;
}
.layout__dashboard .welcome-panel .next-rides__right .button {
  margin: 0 0 10px 0;
}
.layout__dashboard .welcome-panel .next-rides .find-widget {
  background-color: #ffffff;
  padding: 0;
}
.layout__dashboard .welcome-panel .next-rides .find-widget .button-wrapper {
  margin: 0;
}
.layout__dashboard .welcome-panel .next-rides .find-widget .find-widget__input--name, .layout__dashboard .welcome-panel .next-rides .find-widget .find-widget__input--address {
  width: 100%;
}
.layout__dashboard .welcome-panel .actions {
  margin: 0 0 20px 0;
}
.layout__dashboard .welcome-panel .actions .boxed-stat {
  float: left;
}
.layout__dashboard .welcome-panel .actions__right {
  margin-left: 115px;
}
.layout__dashboard .welcome-panel .actions__right p, .layout__dashboard .welcome-panel .actions__right .optional-widget legend, .layout__dashboard .optional-widget .welcome-panel .actions__right legend {
  line-height: 1.2;
  text-align: left;
}
.layout__dashboard .welcome-panel .actions__right ul {
  margin: 0 0 15px 0;
  padding: 0;
}
.layout__dashboard .welcome-panel .actions__right li {
  font-size: 1.4em;
  line-height: 1.2;
  margin: 0 0 0 15px;
  padding: 0;
}
.layout__dashboard .welcome-panel .recommended-rides h2, .layout__dashboard .welcome-panel .recommended-buddies h2, .layout__dashboard .welcome-panel .recommended-groups h2 {
  border-bottom: 1px solid whitesmoke;
  position: relative;
}
.layout__dashboard .welcome-panel .recommended-rides h2 i, .layout__dashboard .welcome-panel .recommended-buddies h2 i, .layout__dashboard .welcome-panel .recommended-groups h2 i {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 1.4em;
  margin-top: -14px;
}
.layout__dashboard .welcome-panel .recommended-rides .optional-widget, .layout__dashboard .welcome-panel .recommended-buddies .optional-widget, .layout__dashboard .welcome-panel .recommended-groups .optional-widget {
  border-bottom: 2px solid whitesmoke;
  padding: 0 0 10px 0;
}
.layout__dashboard .welcome-panel .recommended-rides .optional-widget__body, .layout__dashboard .welcome-panel .recommended-buddies .optional-widget__body, .layout__dashboard .welcome-panel .recommended-groups .optional-widget__body {
  border: 0;
}
.layout__dashboard .welcome-panel .recommended-rides .recommendations > li, .layout__dashboard .welcome-panel .recommended-buddies .recommendations > li, .layout__dashboard .welcome-panel .recommended-groups .recommendations > li {
  padding: 10px 0;
}
.layout__dashboard .welcome-panel .recommended-rides .recommendations > li:last-child, .layout__dashboard .welcome-panel .recommended-buddies .recommendations > li:last-child, .layout__dashboard .welcome-panel .recommended-groups .recommendations > li:last-child {
  border-bottom: 1px solid whitesmoke;
}
.layout__dashboard .welcome-panel .optional-widget__body {
  min-height: 360px;
}
.layout__dashboard .optional-widget {
  margin: 25px 0 15px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.layout__dashboard .optional-widget h2 {
  font-size: 2em;
  font-weight: bold;
  margin: 0 !important;
  padding: 10px;
}
.layout__dashboard .optional-widget p, .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget legend {
  margin: 0 0 10px 0;
  padding: 0;
}
.layout__dashboard .optional-widget--no-border {
  margin-top: 0;
}
.layout__dashboard .optional-widget--no-border h2 {
  padding: 0 0 10px 0;
}
.layout__dashboard .optional-widget--no-border .optional-widget__body {
  border: 0;
}
.layout__dashboard .optional-widget__body {
  background: #ffffff;
  border: 1px solid whitesmoke;
  margin: 0;
}
.layout__dashboard .optional-widget .button-wrapper {
  margin: 15px 0 0 15px;
}
.layout__dashboard .optional-widget ul.recommendations {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.layout__dashboard .optional-widget ul.recommendations li {
  background: #ffffff;
  border-bottom: 1px solid whitesmoke;
  font-size: 1.1em;
  line-height: 1.4em;
  margin: 0 2px 2px 2px;
  padding: 10px 8px;
  position: relative;
}
.layout__dashboard .optional-widget ul.recommendations li:last-child {
  border-bottom: 0;
}
.layout__dashboard .optional-widget ul.recommendations li p, .layout__dashboard .optional-widget ul.recommendations li legend {
  margin: 0;
  padding: 0 0 5px;
  font-size: 13px;
}
.layout__dashboard .optional-widget ul.recommendations li .more {
  font-size: 13px;
  white-space: normal;
}
.layout__dashboard .optional-widget ul.recommendations li > a {
  font-size: 1.2em;
}
.layout__dashboard .optional-widget ul.recommendation__info {
  margin: 0 20px 10px 20px;
}
.layout__dashboard .optional-widget ul.recommendation__info li {
  border: 0;
  list-style-type: disc;
  margin: 0;
  padding: 0;
}
.layout__dashboard .optional-widget .button {
  margin: 10px 0 0 10px;
}
.layout__dashboard .optional-widget strong {
  display: block;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 1.4em;
  color: #009cdd;
}
.is-plugin .layout__dashboard .optional-widget strong {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.layout__dashboard .optional-widget textarea {
  font-size: 1.4em;
  margin: 0 0 10px 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.layout__dashboard .optional-widget--primary h2 {
  background: #707070;
  color: #ffffff;
  font-size: 2.4em;
}
.layout__dashboard .optional-widget--primary .optional-widget__body {
  min-height: 180px;
  padding: 10px;
}
.layout__dashboard .core {
  float: left;
  width: 700px;
}
.layout__dashboard .core .share-this {
  margin: 10px 20px;
  padding-top: 0 !important;
}
.layout__dashboard .section-overview .originator {
  position: absolute;
  top: 20px;
  right: 20px;
}
.layout__dashboard .dashboard-nav > ul li a {
  padding: 9px 0;
  width: 133px;
}
.layout__dashboard .ride-detail .section-detail {
  display: none;
}
.layout__dashboard #sidebar {
  width: 240px;
}
.layout__dashboard #sidebar #separator {
  border: 1px solid whitesmoke;
  border-width: 0 0 1px 0;
  margin: 0;
}
.layout__dashboard #sidebar #separator p, .layout__dashboard #sidebar #separator .optional-widget legend, .layout__dashboard .optional-widget #sidebar #separator legend {
  margin-left: 0;
}
.layout__dashboard #sidebar h3.navigator {
  background: none;
}
.layout__dashboard #sidebar h3.navigator span, .layout__dashboard #sidebar h3.navigator a.more {
  background-color: transparent !important;
}
.layout__dashboard #sidebar .optional-widget {
  border-bottom: 2px solid whitesmoke;
  padding: 0 0 10px 0;
}
.layout__dashboard #sidebar .optional-widget h2 {
  border-bottom: 1px solid whitesmoke;
  font-size: 1.8em;
  padding: 10px 0;
  position: relative;
}
.is-plugin .layout__dashboard #sidebar .optional-widget h2 {
  font-size: 1.55em;
}
.layout__dashboard #sidebar .optional-widget h2 i {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 1.4em;
  margin-top: -14px;
}
.layout__dashboard #sidebar .optional-widget__body {
  border: 0;
}
.layout__dashboard #sidebar .recommendations > li {
  padding: 10px 0;
}
.layout__dashboard #sidebar .recommendations > li:last-child {
  border-bottom: 1px solid whitesmoke;
}
.layout__dashboard #share-box {
  max-width: 400px;
}
.layout__dashboard #share-box .options {
  margin: 10px 20px 0 20px;
  padding: 20px 0;
  border: solid 1px #BDBDBD;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #FFF;
  text-align: center;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.layout__dashboard #share-box .options > div {
  display: inline;
  margin: 0 5px;
}
.layout__dashboard .section {
  position: relative;
  margin: 15px 15px 0 15px;
  padding-top: 15px;
  border: dotted #CACACA;
  border-width: 1px 0 0 0;
}
.layout__dashboard .section h2 {
  margin: 0 !important;
  padding: 7px 0 7px 40px;
  background: no-repeat 0 center;
  font-size: 2.2em;
  color: #039DE7;
}
.layout__dashboard .section.icon-1 h2 {
  background-image: url(../../images/icons/section-1.png);
}
.layout__dashboard .section.icon-2 h2 {
  background-image: url(../../images/icons/section-2.png);
}
.layout__dashboard .section.icon-3 h2 {
  background-image: url(../../images/icons/section-3.png);
}
.layout__dashboard .section #progress-wrapper {
  position: relative;
}
.layout__dashboard .singleAction a.button {
  float: right;
  margin-top: 9px;
}
.layout__dashboard #reward-info {
  width: 500px;
  float: left;
}
.layout__dashboard #reward-info p, .layout__dashboard #reward-info .optional-widget legend, .layout__dashboard .optional-widget #reward-info legend {
  margin-bottom: 66px;
}
.layout__dashboard #reward-info p.first, .layout__dashboard #reward-info .optional-widget legend.first, .layout__dashboard .optional-widget #reward-info legend.first, .layout__dashboard #reward-info p.last, .layout__dashboard #reward-info .optional-widget legend.last, .layout__dashboard .optional-widget #reward-info legend.last {
  margin-bottom: 37px;
}
.layout__dashboard #reward-imagery {
  width: 200px;
  float: right;
  margin-right: 20px;
  margin-top: 20px;
}
.layout__dashboard #reward-imagery img {
  margin-bottom: 10px;
  border: 1px solid #099ad3;
}
.layout__dashboard #reward-progress {
  clear: both;
  padding-top: 5px;
}
.layout__dashboard ul.ride-progress {
  margin-left: 15px !important;
  padding: 10px 0 !important;
  background: url(../../images/backgrounds/dots-horizontal.gif) repeat-x 0 22px;
  list-style: none;
  width: 268px;
}
.layout__dashboard ul.ride-progress li {
  float: left;
  display: inline;
  width: 27px;
  height: 27px;
  margin: 0 20px 0 0;
  padding: 0;
  background: no-repeat 0 0;
  text-indent: -9000px;
  overflow: hidden;
}
.layout__dashboard ul.ride-progress li.current {
  background-position: 0 -30px;
}
.layout__dashboard ul.ride-progress li.completed {
  background-position: 0 -60px;
}
.layout__dashboard ul.ride-progress li.ride-5 {
  margin-right: 0;
}
.layout__dashboard ul.ride-progress li.ride-0 {
  background-image: url(../../images/icons/ride-progress/0.gif);
}
.layout__dashboard ul.ride-progress li.ride-1 {
  background-image: url(../../images/icons/ride-progress/1-reward.gif);
}
.layout__dashboard ul.ride-progress li.ride-2 {
  background-image: url(../../images/icons/ride-progress/2.gif);
}
.layout__dashboard ul.ride-progress li.ride-3 {
  background-image: url(../../images/icons/ride-progress/3-reward.gif);
}
.layout__dashboard ul.ride-progress li.ride-4 {
  background-image: url(../../images/icons/ride-progress/4.gif);
}
.layout__dashboard ul.ride-progress li.ride-5 {
  background-image: url(../../images/icons/ride-progress/5-reward.gif);
}
.layout__dashboard ul.icon-list {
  list-style: none;
}
.layout__dashboard ul.icon-list li {
  border-bottom: 1px dotted #CECECE;
  margin-right: 30px;
  margin-left: 0;
  padding: 15px 0;
}
.layout__dashboard ul.icon-list li a {
  font-weight: bold;
}
.layout__dashboard ul.icon-list img {
  float: right;
}
.layout__dashboard #RideRouteMap {
  margin-left: 20px;
}
.layout__dashboard #joinSCG {
  margin-top: 60px;
}
.layout__dashboard iframe.map-preview {
  margin: 20px 0 0 20px;
}
.layout__dashboard #ResultsArea, .layout__dashboard #GroupSearchDiv {
  position: relative;
}
.layout__dashboard #filtering {
  position: absolute;
  top: 17px;
  left: 50%;
  margin-left: -32px;
  padding: 20px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: #FFF;
  text-align: center;
  display: none;
  z-index: 99;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}
.layout__dashboard #My_Profile select {
  max-width: 270px;
}
.layout__dashboard #My_Profile .area.bisected {
  width: 469px;
}
.is-plugin .layout__dashboard #My_Profile .area.bisected {
  width: 460px;
}
.layout__dashboard #privacyOptions p label, .layout__dashboard #privacyOptions .optional-widget legend label, .layout__dashboard .optional-widget #privacyOptions legend label {
  width: 100%;
  text-align: left;
  margin-bottom: 15px;
}
.layout__dashboard #privacyOptions .field label {
  margin: 8px 20px 0 0;
}
.layout__dashboard #privacyOptions input[type=text] {
  font-size: 1.6em;
}
.layout__dashboard #privacyOptions .button {
  margin-top: 1em;
  margin-left: 1.5em;
}
.layout__dashboard .area.bisected p#ridePref, .layout__dashboard .area.bisected .optional-widget legend#ridePref, .layout__dashboard .optional-widget .area.bisected legend#ridePref {
  margin-left: 0;
}
.layout__dashboard .rides {
  opacity: 1;
}
.layout__dashboard .noRides {
  opacity: 0.5;
}
.layout__dashboard #PersonalDetails .area.bisected {
  width: 460px;
}
.layout__dashboard #PersonalDetails .area.bisected.area--profile-right {
  width: 455px;
}
.layout__dashboard #PersonalDetails .area.bisected .date-of-birth {
  margin-right: 0l;
}
.layout__dashboard #PersonalDetails .area.bisected label {
  width: 125px;
}
.layout__dashboard #rideOptions {
  margin: 20px;
}
.layout__dashboard #rideOptions h3 {
  margin: 10px 0;
}
.layout__dashboard .recieve-options {
  margin: 20px;
}
.layout__dashboard #more-detail {
  margin: 10px 20px 13px 0;
}
.layout__dashboard #more-detail label {
  text-align: left;
  width: 140px;
}
.layout__dashboard #more-detail textarea {
  width: 438px;
  height: 122px;
}
.layout__dashboard #rideOptions .checkbox-wrapper {
  display: block;
}
.layout__dashboard #privacy h3 {
  margin-top: 10px;
}
.layout__dashboard #imgPartView {
  float: left;
  margin: 20px;
}
.layout__dashboard #imgPartView + p, .layout__dashboard .optional-widget #imgPartView + legend {
  margin-top: 20px;
}
.layout__dashboard .scg-promo {
  padding: 10px 300px 10px 10px;
  overflow: hidden;
}
.layout__dashboard .mapping-promo {
  position: relative;
  margin: 20px;
  min-height: 320px;
  background: url(../images/backgrounds/mapping-promo.png) no-repeat 0 bottom;
}
.layout__dashboard .mapping-promo h2 {
  margin: 0;
  font-size: 2.4em;
}
.layout__dashboard .mapping-promo p, .layout__dashboard .mapping-promo .optional-widget legend, .layout__dashboard .optional-widget .mapping-promo legend {
  margin: 65px 640px 0 20px;
  color: #FFF;
}
.layout__dashboard .mapping-promo .button-wrapper {
  position: absolute;
  bottom: 17px;
  left: 17px;
  margin: 0;
  padding: 0;
}
.layout__dashboard .mapping-promo .video-wrapper {
  position: absolute;
  top: -10px;
  right: 20px;
  width: 460px;
  height: 260px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.layout__dashboard .mapping-promo .video-wrapper iframe {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.layout__dashboard #Ride_Title, .layout__dashboard #SCGGroup_GroupName {
  width: 400px;
}
.layout__dashboard fieldset#recurrent {
  margin-left: 181px;
  width: 710px;
}
.layout__dashboard fieldset#recurrent > section {
  width: 460px;
}
.layout__dashboard fieldset#recurrent #metaInfo {
  position: absolute;
  width: 220px;
  top: 20px;
  right: 20px;
}
.layout__dashboard fieldset#recurrent #metaInfo p, .layout__dashboard fieldset#recurrent #metaInfo .optional-widget legend, .layout__dashboard .optional-widget fieldset#recurrent #metaInfo legend {
  margin-top: 0;
  font-size: 1.4em;
  line-height: 1.4em;
  margin-bottom: 15px;
}
.layout__dashboard fieldset#recurrent .error {
  margin-left: 0;
}
.layout__dashboard fieldset#recurrent .mime {
  font-size: 1.2em;
}
.layout__dashboard #divRecurrent fieldset span.group, .layout__dashboard #divRecurrent fieldset .ride-detail .section-overview span.table-wrapper.with-image, .ride-detail .section-overview .layout__dashboard #divRecurrent fieldset span.table-wrapper.with-image, .layout__dashboard #divRecurrent fieldset span.block__content, .layout__dashboard #divRecurrent fieldset span.buddy-messages-list__buddy {
  margin-left: 15px;
}
.layout__dashboard #divRecurrent .field .single-line {
  width: 30px;
}
.layout__dashboard #divRecurrent .field label > div {
  display: inline;
}
.layout__dashboard fieldset p, .layout__dashboard fieldset .optional-widget legend, .layout__dashboard .optional-widget fieldset legend, .layout__dashboard fieldset .p {
  position: relative;
}
.layout__dashboard fieldset span.Hint {
  top: 0;
  right: 20px;
  left: auto;
}
.layout__dashboard .section-overview .rewards-top .table-wrapper, .layout__dashboard .section-overview .rewards-bottom .table-wrapper {
  padding-bottom: 30px;
}
.layout__dashboard .section-overview .rewards-top .table-wrapper {
  border-bottom: 1px solid #bbb;
}
.layout__dashboard .step-indicator .seperator {
  border-color: #777;
  width: 520px;
  top: 22px;
}
.layout__dashboard .step-indicator .step-reward {
  font-size: 2em;
  width: 45px;
  height: 45px;
  border-radius: 45px;
  line-height: 45px;
}
.layout__dashboard .share-this {
  margin: 10px 0;
}

.dashboard-buttons {
  float: right;
  margin: 40px 0 80px 0;
  width: 102px;
}
.dashboard-buttons a {
  border: 1px solid #009cdd;
  display: block;
  float: left;
  height: 45px;
  margin: 0 8px 0 0;
  position: relative;
  width: 45px;
}
.is-social .dashboard-buttons a {
  border: 1px solid #3eb6b4;
}
.is-plugin .dashboard-buttons a {
  border: 1px solid #009cdd;
}
.dashboard-buttons a:last-child {
  margin: 0;
}
.dashboard-buttons a:hover {
  text-decoration: none;
}
.dashboard-buttons a i {
  color: #009cdd;
  display: block;
  font-size: 2em;
  height: 100%;
  line-height: 45px;
  text-align: center;
  text-indent: 0;
  width: 100%;
}
.is-social .dashboard-buttons a i {
  color: #3eb6b4;
}
.is-plugin .dashboard-buttons a i {
  color: #009cdd;
}
.dashboard-buttons a .badge {
  position: absolute;
  top: -5px;
  right: -5px;
  padding: 5px;
  min-width: 10px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  border: solid 1px #FFF;
  background: #e00000;
  font-family: "SkyTextRegular", "Arial", sans-serif;
  color: #FFF;
  font-weight: 600;
  line-height: 1em;
  z-index: 50;
  text-align: center;
}
.is-social .dashboard-buttons a .badge {
  background-color: #3eb6b4;
}
.is-plugin .dashboard-buttons a .badge {
  background-color: #009cdd;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.dashboard-nav {
  margin: 40px 150px 80px 0;
  position: relative;
}
.dashboard-nav > ul {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.dashboard-nav > ul > li {
  display: table-cell !important;
  float: none;
  position: static;
  width: auto;
}
.dashboard-nav > ul > li > a {
  width: auto !important;
}
.dashboard-nav > ul > li.ui-tabs-selected > .dashboard-subnav {
  display: block;
  z-index: 1;
}

.dashboard-subnav {
  background: #ffffff;
  display: none;
  left: 0;
  position: absolute;
  top: 100%;
}
.dashboard-subnav > ul {
  margin: 0;
  padding: 0;
}
.dashboard-subnav > ul > li {
  border: 0;
}
.dashboard-subnav > ul > li > a {
  background: #ffffff !important;
  color: #545454 !important;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 0.85em;
  padding: 4px 0;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important;
}
.is-plugin .dashboard-subnav > ul > li > a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.dashboard-subnav > ul > li.ui-tabs-selected {
  border-bottom: 2px solid #009cdd;
}
.is-social .dashboard-subnav > ul > li.ui-tabs-selected {
  border-bottom: 2px solid #3eb6b4;
}
.is-plugin .dashboard-subnav > ul > li.ui-tabs-selected {
  border-bottom: 2px solid #009cdd;
}

.layout__halfords {
  padding-bottom: 20px;
}
.layout__halfords .wrapper, .layout__halfords .promo-wrapper, .layout__halfords .latest-news, .layout__halfords .layout_location, .layout__halfords .layout_product {
  width: auto;
  max-width: 968px;
}
.layout__halfords .banner-img {
  width: 100%;
}
.layout__halfords .feature-panel__column--video-link a {
  background: center center no-repeat;
}
.layout__halfords .well {
  padding-bottom: 15px;
}
.layout__halfords .big-bike-locations {
  padding-left: 50%;
  background: url(../images/promos/big-bike-rides-map.png) no-repeat 7% center;
}
.layout__halfords .big-bike-locations .sub-nav--ride-list {
  border: none;
}
.layout__halfords .area {
  width: 484px;
}
.layout__halfords .event-partner-logos {
  display: block;
  width: auto;
  padding: 26px 0;
}
.layout__halfords .event-partner-logos--divide-bottom {
  margin: 0 15%;
  border-bottom: solid 1px #e2e2e2;
}
.layout__halfords .event-partner-logos--divide-top {
  margin: 40px 20px;
  border-top: solid 1px #e2e2e2;
}

.home * {
  box-sizing: border-box;
}
.home .hero {
  min-height: 475px;
}
.home .hero .hero__img {
  min-height: 475px;
  display: none;
}

.layout__home {
  display: none;
}
.layout__home #main {
  padding-top: 15px;
  background: url(../images/backgrounds/main-home.png) repeat-x;
}
.layout__home #main .wrapper, .layout__home #main .promo-wrapper, .layout__home #main .latest-news, .layout__home #main .layout_location, .layout__home #main .layout_product {
  padding-bottom: 0;
  background: none;
  box-shadow: none;
}
.layout__home #home-promos {
  float: left;
  display: inline;
  width: 715px;
  height: 183px;
}
.layout__home #home-promos .promo {
  position: relative;
  float: left;
  display: inline;
  width: 350px;
  height: 183px;
  margin-right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.layout__home #home-promos .promo.last {
  margin-right: 0;
}
.layout__home #home-promos .promo img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.layout__home #home-promos .promo strong {
  position: absolute;
  top: 20px;
  left: 20px;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 2.6em;
  color: #FFF;
  z-index: 10;
}
.is-plugin .layout__home #home-promos .promo strong {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.layout__home #home-promos .promo a:hover {
  text-decoration: none;
}
.layout__home #home-promos .promo a.button {
  position: absolute;
  bottom: 25px;
  left: -5px;
  width: auto;
  min-width: 160px;
  z-index: 15;
}
.layout__home #content {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  padding-right: 30px;
  min-height: 950px;
}
.layout__home #sidebar {
  position: absolute;
  right: 0;
  top: -20px;
  max-height: 1104px;
}
.layout__home #sidebar a.button.locations {
  float: none;
  display: block;
  width: auto;
  margin-right: 15px;
}

#hero {
  position: relative;
  height: 395px;
  background: url(../images/backgrounds/hero.png) repeat-x bottom;
}
#hero .wrapper, #hero .promo-wrapper, #hero .latest-news, #hero .layout_location, #hero .layout_product {
  height: 400px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  background: #CCC;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}
#hero .panel-container {
  height: 400px;
}
#hero .panels,
#hero .panel-content {
  height: 400px;
}
#hero .panel-content {
  width: 980px;
}
#hero .panel-content > h2 {
  margin-left: 30px;
  margin-right: 460px;
  font-size: 4.5em;
  color: #FFF;
}
#hero .panel-content > p, #hero .layout__dashboard .optional-widget .panel-content > legend, .layout__dashboard .optional-widget #hero .panel-content > legend {
  margin: 5px 460px 0 30px;
  font-family: "SkyTextRegular", "Arial", sans-serif;
  font-size: 1.7em;
  color: #FFF;
  line-height: 1.2em;
}
.is-plugin #hero .panel-content > p, .is-plugin #hero .layout__dashboard .optional-widget .panel-content > legend, .layout__dashboard .optional-widget .is-plugin #hero .panel-content > legend {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
#hero .promos {
  position: relative;
  z-index: 10;
}
#hero .promos img {
  border-radius: 5px;
}
#hero ol.triggers {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 980px;
  margin: 0;
  padding: 0;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  background: #e0e0e0 url(../images/gradients/tab-back-grey.png) repeat-x top;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#e0e0e0));
  background-image: -webkit-linear-gradient(top, white, #e0e0e0);
  background-image: -moz-linear-gradient(top, white, #e0e0e0);
  background-image: linear-gradient(top, white, #e0e0e0);
  list-style: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
#hero ol.triggers li {
  float: left;
  display: inline;
  width: 245px;
  margin: 0;
  padding: 0;
  background: url(../images/backgrounds/hero-divider.png) no-repeat right center;
  font-size: 1.1em;
  line-height: 1.6em;
  text-align: center;
}
#hero ol.triggers li:last-child {
  background: none;
}
#hero ol.triggers a {
  position: relative;
  display: block;
  padding: 15px 0;
  color: #626365;
  text-decoration: none;
}
#hero body.access ol.triggers a {
  color: #333;
}
#hero ol.triggers a:hover {
  background-color: #E9E9E9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#d1d1d1));
  background-image: -webkit-linear-gradient(top, #f4f4f4, #d1d1d1);
  background-image: -moz-linear-gradient(top, #f4f4f4, #d1d1d1);
  background-image: linear-gradient(top, #f4f4f4, #d1d1d1);
  text-decoration: none;
}
#hero ol.triggers a.selected {
  margin-top: -10px;
  padding: 25px 0 15px 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  background: #0175a9 url(../images/gradients/tab-back-blue.png) repeat-x top;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#009edc), to(#0175a8));
  background-image: -webkit-linear-gradient(top, #009edc, #0175a8);
  background-image: -moz-linear-gradient(top, #009edc, #0175a8);
  background-image: linear-gradient(top, #009edc, #0175a8);
  color: #FFF;
  z-index: 20;
}
#hero ol.triggers li:first-child a:hover,
#hero ol.triggers li:first-child a.selected {
  -moz-border-radius: 0 5px 0 5px;
  -webkit-border-radius: 0 5px 0 5px;
  border-radius: 0 5px 0 5px;
}
#hero ol.triggers li:last-child a:hover,
#hero ol.triggers li:last-child a.selected {
  -moz-border-radius: 5px 0 5px 0;
  -webkit-border-radius: 5px 0 5px 0;
  border-radius: 5px 0 5px 0;
}
#hero ol.triggers a strong {
  display: block;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 1.4em;
  color: #292A2A;
  text-transform: uppercase;
}
.is-plugin #hero ol.triggers a strong {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
#hero ol.triggers a.selected strong {
  font-size: 1.5em;
  color: #FFF;
}
#hero ol.triggers a.selected strong:before {
  position: absolute;
  top: -11px;
  left: 0;
  width: 245px;
  height: 11px;
  background: url(../images/backgrounds/hero-indicator-active.png) no-repeat center 0;
  content: '';
  z-index: 20;
}
#hero a.cycle-controls {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 60;
}
#hero .find-widget {
  position: absolute;
  top: 40px;
  right: -10px;
  width: 267px;
  z-index: 30;
}

body.access #hero ol.triggers a.selected {
  color: #FFF !important;
}

#hero3 {
  background: url(../images/backgrounds/hero-find-route.png);
}

#hero3 fieldset {
  position: absolute;
  bottom: 30px;
  left: 30px;
  margin: 0;
  padding: 33px 15px 15px 15px;
  border: none;
  background: #FFF;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

#hero3 fieldset p, #hero3 fieldset .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget #hero3 fieldset legend {
  float: left;
  display: inline;
  margin: 0 15px 0 0;
  padding: 0;
}

#hero3 fieldset label {
  float: none;
  display: block;
  width: auto;
  padding-bottom: 5px;
  text-align: left;
}

#hero3 fieldset a.button {
  margin-top: 24px;
}

#hero3 fieldset a.button.solo {
  margin-top: 0;
}

#hero3 .routes {
  position: absolute;
  bottom: 30px;
  right: 30px;
  width: 285px;
}

#hero3 .routes h3 {
  margin: 0;
  padding: 0;
  font-size: 1.8em;
  color: #FFF;
}

#hero3 .routes ul {
  margin: 15px 0 0 0;
  padding: 0;
  list-style: none;
}

#hero3 .routes li {
  position: relative;
  margin: 5px 0 0 0;
  padding: 0;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 1.2em;
  text-transform: uppercase;
}
.is-plugin #hero3 .routes li {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

#hero3 .routes li a {
  display: block;
  padding: 6px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #D1D1D1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#d1d1d1));
  background-image: -webkit-linear-gradient(top, #f4f4f4, #d1d1d1);
  background-image: -moz-linear-gradient(top, #f4f4f4, #d1d1d1);
  background-image: linear-gradient(top, #f4f4f4, #d1d1d1);
  color: #555;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

#hero3 .routes li span.ride-level {
  position: absolute;
  width: 35px;
  top: 4px;
  right: 4px;
  font-size: 0.8em;
  text-align: center;
}

#hero3 .nonbcOptions a {
  margin-right: 10px;
}

#hero3 .nonbcOptions a:last-child {
  margin-right: 0;
}

#hero3 .promo {
  position: absolute;
  bottom: 30px;
  right: 30px;
  width: 200px;
  padding: 15px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #FFF;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

#hero3 .promo p, #hero3 .promo .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget #hero3 .promo legend,
#hero3 .promo .button-wrapper {
  margin-right: 0;
  margin-left: 0;
}

#hero3 .promo p, #hero3 .promo .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget #hero3 .promo legend {
  margin-top: 0;
  font-size: 1.8em;
  color: #888;
  text-align: center;
}

/* --- 'Ride Together' --- */
#hero4 {
  background: url(../images/backgrounds/hero-ride-together.jpg) no-repeat;
}

#hero4 .page-actions {
  position: absolute;
  bottom: 30px;
  left: 30px;
  min-width: 400px;
  margin: 0;
  padding: 10px;
  background: #FFF;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: none;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

#hero4 .page-actions a.button {
  float: left;
  display: inline;
  margin: 0;
}

#hero4 .page-actions a.button.secondary {
  margin-left: 40px;
  background-color: #009EDC;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#009edc), to(#0175a8));
  background-image: -webkit-linear-gradient(top, #009edc, #0175a8);
  background-image: -moz-linear-gradient(top, #009edc, #0175a8);
  background-image: linear-gradient(top, #009edc, #0175a8);
}

#hero4 .page-actions .scg-stats {
  border: none;
  background: none;
}

#hero4 .page-actions.divide .scg-stats {
  padding-bottom: 10px;
}

#hero4 fieldset {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 190px;
  margin: 0;
  padding: 10px 15px 15px 15px;
  background: #FFF;
  background: rgba(255, 255, 255, 0.9);
  border: none;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

#hero4 fieldset p, #hero4 fieldset .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget #hero4 fieldset legend {
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 1.2em;
}

#hero4 fieldset label {
  float: none;
  display: block;
  width: auto;
  padding-bottom: 5px;
  text-align: left;
}

#hero4 fieldset select#SelectedCountyId {
  width: 190px;
}

#hero4 fieldset .form-actions {
  margin: 15px 0 0 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
}

#hero4 fieldset .form-actions a.button {
  float: none;
  display: block;
  width: auto;
  margin: 0;
}

#hero4 fieldset ul.selector {
  margin: 0;
  padding: 0;
  list-style: none;
}

#hero4 fieldset ul.selector li {
  display: block;
  margin: 5px 0 0 0;
  padding: 0;
  border: solid 1px #888;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #E0E0E0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#e0e0e0));
  background-image: -webkit-linear-gradient(top, white, #e0e0e0);
  background-image: -moz-linear-gradient(top, white, #e0e0e0);
  background-image: linear-gradient(top, white, #e0e0e0);
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 1.2em;
  color: #4E4E4E;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
}
.is-plugin #hero4 fieldset ul.selector li {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

#hero4 fieldset ul.selector li a {
  display: block;
  padding: 4px 20px;
  color: #666;
}

#hero4 fieldset ul.selector li a:hover {
  text-decoration: none;
}

#hero4 fieldset ul.selector li.selected {
  border-color: #0277AC;
  background-color: #009EDC;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#009edc), to(#0175a8));
  background-image: -webkit-linear-gradient(top, #009edc, #0175a8);
  background-image: -moz-linear-gradient(top, #009edc, #0175a8);
  background-image: linear-gradient(top, #009edc, #0175a8);
}

#hero4 fieldset ul.selector li.selected a {
  background: url(../images/backgrounds/tick-white.png) no-repeat 10px center;
  color: #FFF;
}

.layout_location {
  padding: 25px 0 30px 0;
  position: relative;
}
.layout_location .tabs {
  width: 70%;
  float: left;
}
.layout_location .tabs .ui-tabs-panel > h2 {
  display: none;
}
.layout_location .promo-sidebar {
  float: right;
  width: 212px;
  padding: 18px 0 0 0;
}
.layout_location .promo-sidebar h3 {
  color: #009cdd;
  margin: 0 0 10px 0;
  padding: 0;
}
.layout_location .promo-sidebar .promo {
  border-bottom: 1px solid #e2e2e2;
  padding: 0 0 10px 0;
  margin: 0 0 20px 0;
}
.layout_location .promo-sidebar .promo:last-child {
  border-bottom: none;
}
.layout_location .promo-sidebar .promo .promo-inner p, .layout_location .promo-sidebar .promo .promo-inner .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .layout_location .promo-sidebar .promo .promo-inner legend {
  margin: 0;
  padding: 10px 0 0 0;
}
.layout_location:after {
  content: "";
  clear: both;
  display: block;
}
.layout_location .event-partners img {
  display: block;
  margin: 10px auto;
}

.event-partner-logos {
  padding: 10px 0 20px 0;
  display: table;
  text-align: center;
  width: 100%;
}
.event-partner-logos img {
  display: inline-block;
}

.layout_product {
  padding: 25px 0 30px 0;
}
.layout_product:after {
  content: "";
  clear: both;
  display: block;
}
.layout_product .tabs {
  width: 70%;
  float: left;
}
.layout_product .tabs h1 {
  font-family: "SkyTextRegular", "Arial", sans-serif;
  font-weight: normal;
  font-size: 28px;
}
.is-plugin .layout_product .tabs h1 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.layout_product .tabs ul {
  margin-bottom: 30px;
}
.layout_product .product-sidebar {
  float: right;
  width: 272px;
  padding: 18px 0 0 0;
  position: relative;
}
.layout_product .product-sidebar h2 {
  margin: 0;
  text-align: center;
  margin: 0 0 20px 0;
}
.layout_product .product-sidebar h2:first-child {
  color: #009cdd;
}
.layout_product .product-sidebar .slider-wrapper {
  margin: 20px 0 20px 0;
  position: relative;
}
.layout_product .product-sidebar ul.bx-pager {
  margin: 0 auto;
  width: auto;
  display: inline-block;
}
.layout_product .product-sidebar .bx-controls {
  position: relative;
  left: -19px;
}
.layout_product .product-sidebar .bx-controls-direction {
  position: relative;
}
.layout_product .product-sidebar .bx-controls-direction a.bx-next {
  right: 19%;
  bottom: 13px;
}
.layout_product .product-sidebar .bx-controls-direction a.bx-prev {
  left: 19%;
  bottom: 13px;
}
.layout_product .product-sidebar a.cycle-controls {
  right: 10px;
  bottom: 11px;
}
.layout_product .product-sidebar .feature-panel__column--slider {
  width: 254px;
}
.layout_product .product-sidebar .find-widget {
  margin: 20px 0;
  padding: 20px 10px;
}
.layout_product .product-sidebar .find-widget * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.layout_product .product-sidebar .find-widget p, .layout_product .product-sidebar .find-widget .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .layout_product .product-sidebar .find-widget legend {
  display: block;
  margin: 0 auto;
  width: 90%;
}
.layout_product .product-sidebar .find-widget .find-widget {
  padding: 0 10px;
  margin: 20px 0 10px 0;
}
.layout_product #News {
  position: relative;
  left: 20px;
}

.layout__register #content .page-actions {
  margin-top: 60px;
}
.layout__register #content .page-actions.condensed {
  margin-top: 15px;
}
.layout__register #sidebar .basket {
  margin: 15px 15px 0 15px;
  padding: 10px;
  background: #FFF;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.layout__register #sidebar .basket h2 {
  margin: 0;
  padding: 0;
  color: #888;
}
.layout__register #sidebar .basket ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.layout__register #sidebar .basket li {
  margin: 0;
  padding: 10px 0;
  border: solid #DDD;
  border-width: 0 0 1px 0;
}
.layout__register #sidebar .basket li strong {
  display: block;
  font-weight: 600;
}
.layout__register #sidebar .basket p.total, .layout__register #sidebar .basket .layout__dashboard .optional-widget legend.total, .layout__dashboard .optional-widget .layout__register #sidebar .basket legend.total {
  margin: 15px 0 0 0;
  padding: 0;
  color: #009cdd;
  font-weight: 600;
}
.layout__register #sidebar .basket .checkout {
  margin-top: 15px;
}
.layout__register #Questions .page-actions {
  margin-top: 15px;
}

.layout__ride-details .section-overview {
  margin-bottom: 20px;
}
.layout__ride-details .ride-register {
  background-color: #fff;
  padding: 5px;
  margin-bottom: 15px;
}
.layout__ride-details .ride-register h2 {
  margin-top: 15px;
  font-size: 1.6em;
}
.layout__ride-details .ride-register .button {
  margin: 15px 0 0 !important;
}
.layout__ride-details .ride-register p, .layout__ride-details .ride-register .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .layout__ride-details .ride-register legend {
  font-size: 1.3em;
  line-height: 1.4;
  padding-bottom: 0;
  margin: 10px;
}
.layout__ride-details .ride-register p.spaces, .layout__ride-details .ride-register .layout__dashboard .optional-widget legend.spaces, .layout__dashboard .optional-widget .layout__ride-details .ride-register legend.spaces {
  margin: 0;
}
.layout__ride-details .ride-register p.spaces strong, .layout__ride-details .ride-register .layout__dashboard .optional-widget legend.spaces strong, .layout__dashboard .optional-widget .layout__ride-details .ride-register legend.spaces strong {
  display: inline-block;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 2.2em;
  color: #009cdd;
  padding: 0 3px 0 0;
  line-height: 1;
  width: 30px;
  text-align: right;
}
.is-plugin .layout__ride-details .ride-register p.spaces strong, .is-plugin .layout__ride-details .ride-register .layout__dashboard .optional-widget legend.spaces strong, .layout__dashboard .optional-widget .is-plugin .layout__ride-details .ride-register legend.spaces strong {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.layout__ride-details .ride-register .ride-places p a, .layout__ride-details .ride-register .ride-places .layout__dashboard .optional-widget legend a, .layout__dashboard .optional-widget .layout__ride-details .ride-register .ride-places legend a {
  margin: 0;
  display: inline;
}
.layout__ride-details .ride-register .ride-places .error ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.layout__ride-details .ride-register .ride-places .error ul li {
  margin: 8px 20px;
  padding-bottom: 0;
  color: #cc0000;
  font-size: 1.1em;
}
.layout__ride-details .ride-register fieldset {
  margin: 10px 10px 0 10px;
  padding: 0 0 10px 0;
  border: none;
  background: #FFF;
}
.layout__ride-details .ride-register fieldset legend {
  display: none;
}
.layout__ride-details .ride-register fieldset p, .layout__ride-details .ride-register fieldset .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .layout__ride-details .ride-register fieldset legend {
  margin: 0;
  padding: 10px 0 0 10px;
}
.layout__ride-details .ride-register fieldset label {
  width: 40px;
  margin-top: 5px;
  text-align: left;
}
.layout__ride-details .ride-register fieldset input {
  width: 20px;
  padding: 2px;
  font-size: 1em;
}
.layout__ride-details .ride-register fieldset span.field-validation-error {
  margin-left: 10px;
}
.layout__ride-details .ride-register .register {
  float: none;
  display: block;
  width: 100%;
}
.layout__ride-details #ride-details ul > li a {
  padding: 9px 15px;
  width: auto;
}
.layout__ride-details #ride-details .flagcontent a {
  padding: 0 0 0 15px;
  font-size: 0.75em;
}
.layout__ride-details #ride-details.tabs > ul li {
  font-size: 1.5em;
}
.layout__ride-details #ride-details ol.conversation span.author {
  width: 190px;
}
.layout__ride-details #ride-details ol.conversation span.author strong, .layout__ride-details #ride-details ol.conversation span.author span.meta {
  margin-left: 0;
}
.layout__ride-details #ride-details ol.conversation span.meta em {
  color: #CCC;
}
.layout__ride-details #ride-details ol.conversation span.content {
  margin-left: 220px;
}
.layout__ride-details #ride-details #map {
  margin: 20px 23px 0 20px;
}
.layout__ride-details #ride-details #map a.button {
  margin-top: 10px;
}
.layout__ride-details #ride-details .map-wrapper dl {
  font-size: 1.1em;
}
.layout__ride-details #ride-details ul.entities {
  margin: 10px 20px 0 20px;
}
.layout__ride-details #ride-details ul.entities li {
  width: 92.2%;
}
.layout__ride-details #ride-details ul.entities li .img {
  float: left;
  width: 85px;
}
.layout__ride-details #ride-details ul.entities li .bd {
  margin: 0 0 0 100px;
}
.layout__ride-details #ride-details ul.entities li a.iframe {
  padding: 0 15px;
  margin-left: -20px;
}
.layout__ride-details #ride-details ul.entities li span.meta {
  margin-right: 10px;
  font-size: 1em;
  color: #333;
  line-height: 1.4em;
}
.layout__ride-details #ride-description dt, .layout__ride-details #ride-description dd {
  color: #666;
  font-family: "SkyTextRegular", "Arial", sans-serif;
  font-size: 16px;
  line-height: 1.4em;
}
.is-plugin .layout__ride-details #ride-description dt, .is-plugin .layout__ride-details #ride-description dd {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.layout__ride-details #ride-description dt {
  float: none;
  display: block;
  width: auto;
  margin-top: 15px;
  font-family: "SkyTextMedium", "Arial", sans-serif;
}
.is-plugin .layout__ride-details #ride-description dt {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.layout__ride-details #ride-description dd {
  padding: 0;
  border: none;
}
.layout__ride-details a.register {
  float: right;
  display: block;
  width: 220px;
}
.layout__ride-details .others-like {
  margin: 0 20px 40px 0;
}

.layout__search-results {
  /* --- Sidebar --- */
}
.layout__search-results h1 {
  padding-right: 200px;
}
.layout__search-results ol.items li section.details.popout {
  position: absolute;
  display: none;
  top: 40px;
  left: 115px;
  width: 480px;
  min-height: 80px;
  margin: 0;
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #E0E0E0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#e0e0e0));
  background-image: -webkit-linear-gradient(top, white, #e0e0e0);
  background-image: -moz-linear-gradient(top, white, #e0e0e0);
  background-image: linear-gradient(top, white, #e0e0e0);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  z-index: 400;
}
.layout__search-results ol.items li span.date span {
  display: inline-block;
  width: 26px;
  height: 21px;
  padding: 1px 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-color: #009EDC;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#009edc), to(#0175a8));
  background-image: -webkit-linear-gradient(top, #009edc, #0175a8);
  background-image: -moz-linear-gradient(top, #009edc, #0175a8);
  background-image: linear-gradient(top, #009edc, #0175a8);
  color: #fff;
  text-align: center;
}
.layout__search-results ol.items li section.details.popout dl {
  margin: 0 0 0 120px;
  padding: 0;
}
.layout__search-results ol.items li section.details.popout dd {
  border-color: #DDD;
}
.layout__search-results ol.items li section.details.popout img {
  position: absolute;
  top: 10px;
  left: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.layout__search-results ol.items li section.options {
  position: absolute;
  display: inline;
  width: auto;
  bottom: 10px;
  right: 10px;
  margin: 0;
  padding: 0;
  border: none;
}
.layout__search-results ol.items li .tweet-this, .layout__search-results ol.items li .facebook-like {
  top: 10px;
}
.layout__search-results ol.items li .ride-level {
  position: absolute;
  top: 40px;
  left: 9px;
  padding: 5px 0;
  width: 92px;
  font-size: 0.8em;
  text-align: center;
}
.layout__search-results #filter-status {
  position: relative;
}
.layout__search-results .filter-notice {
  margin: 40px 160px;
  padding: 20px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #EEE;
  text-align: center;
  display: none;
  box-shadow: inset 0 0 40px #ccc;
}
.layout__search-results .filter-notice p, .layout__search-results .filter-notice .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .layout__search-results .filter-notice legend {
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 2em;
  color: #888;
}
.is-plugin .layout__search-results .filter-notice p, .is-plugin .layout__search-results .filter-notice .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .is-plugin .layout__search-results .filter-notice legend {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.layout__search-results .filter-notice a.button {
  float: none;
  display: inline-block;
  margin-top: 10px;
}
.layout__search-results #filtering {
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -32px;
  padding: 20px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: #FFF;
  text-align: center;
  display: none;
  z-index: 99;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}
.layout__search-results #results-list {
  position: relative;
}
.layout__search-results #sidebar {
  padding-bottom: 0;
}
.layout__search-results #sidebar #searchFilter {
  padding: 10px 0 15px 0;
  width: auto;
  height: auto;
  background: none;
}
.layout__search-results #sidebar .panel {
  float: none;
  display: block;
  width: auto;
  margin: 10px 10px 0 10px;
  padding: 2px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #BDBDBD;
  background: #FFF;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.layout__search-results #sidebar .panel:first-child {
  margin-top: 0;
}
.layout__search-results #sidebar .panel h2 {
  position: relative;
  margin: 0;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #E0E0E0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#d4d4d4));
  background-image: -webkit-linear-gradient(top, #eaeaea, #d4d4d4);
  background-image: -moz-linear-gradient(top, #eaeaea, #d4d4d4);
  background-image: linear-gradient(top, #eaeaea, #d4d4d4);
  font-size: 1.5em;
  color: #666 !important;
}
.layout__search-results body.access #sidebar .panel h2 {
  color: #333 !important;
}
.layout__search-results #content #sortOuter {
  width: 282px;
  position: relative;
  margin: 0;
  float: right;
  margin-top: -30px;
  margin-right: 16px;
  padding-right: 55px;
}
.layout__search-results #content #SortOrder {
  width: 222px;
  margin: 0px;
}
.layout__search-results #content #sort {
  width: auto;
  position: absolute;
  top: 0;
  right: 0;
}
.layout__search-results #content #sort span {
  padding: 7px 10px 7px 24px;
}
.layout__search-results #sidebar .panel h2.active {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.layout__search-results #sidebar .panel h2 a.toggle {
  position: absolute;
  display: block;
  top: 4px;
  right: 4px;
  width: 26px;
  height: 26px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #BCBCBC;
  background-color: #E9E9E9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#e9e9e9));
  background-image: -webkit-linear-gradient(top, white, #e9e9e9);
  background-image: -moz-linear-gradient(top, white, #e9e9e9);
  background-image: linear-gradient(top, white, #e9e9e9);
  text-indent: -9999px;
}
.layout__search-results #sidebar .panel h2 a.toggle:hover {
  border-color: #888;
}
.layout__search-results #sidebar .panel h2 a.toggle span {
  display: block;
  height: 26px;
  background: url(../images/backgrounds/toggle.png) no-repeat center 8px;
  text-indent: -9999px;
}
.layout__search-results #sidebar .panel h2 a.toggle.active span {
  background-position: center -22px;
}
.layout__search-results #sidebar .panel:first-child {
  margin-top: 0;
}
.layout__search-results #sidebar .panel fieldset {
  padding: 13px;
  display: none;
}
.layout__search-results #sidebar .panel .selector {
  padding: 13px;
  display: none;
  padding-top: 8px;
  max-height: 9999px;
}
.layout__search-results #sidebar .panel .selector fieldset {
  padding: 0;
}
.layout__search-results #sidebar .panel .selector strong {
  border-color: #AAA;
}
.layout__search-results #sidebar .panel p.incrementer a, .layout__search-results #sidebar .panel .layout__dashboard .optional-widget legend.incrementer a, .layout__dashboard .optional-widget .layout__search-results #sidebar .panel legend.incrementer a, .layout__search-results #sidebar .panel p.incrementer span.count, .layout__search-results #sidebar .panel .layout__dashboard .optional-widget legend.incrementer span.count, .layout__dashboard .optional-widget .layout__search-results #sidebar .panel legend.incrementer span.count {
  border-color: #AAA;
}
.layout__search-results #sidebar .panel .selector .selected strong {
  border-color: #0175A8;
}
.layout__search-results #sidebar .panel fieldset label {
  color: #666;
}
.layout__search-results #sidebar .panel fieldset input, .layout__search-results #sidebar .panel fieldset select {
  border-color: #AAA;
}
.layout__search-results #sidebar .summary {
  position: relative;
  bottom: 0;
  right: 0;
  margin: 15px 15px 0 15px;
  width: auto;
}
.layout__search-results #sidebar .summary p, .layout__search-results #sidebar .summary .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .layout__search-results #sidebar .summary legend, .layout__search-results #sidebar .summary .actions {
  float: none;
  display: block;
  margin: 0;
  padding: 0;
  color: #555;
}
.layout__search-results #sidebar .summary p span, .layout__search-results #sidebar .summary .layout__dashboard .optional-widget legend span, .layout__dashboard .optional-widget .layout__search-results #sidebar .summary legend span {
  background-color: #009EDC;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#009edc), to(#0175a8));
  background-image: -webkit-linear-gradient(top, #009edc, #0175a8);
  background-image: -moz-linear-gradient(top, #009edc, #0175a8);
  background-image: linear-gradient(top, #009edc, #0175a8);
  color: #FFF;
}
.layout__search-results #sidebar .summary .actions {
  margin-top: 15px;
}
.layout__search-results #sidebar .summary .actions a.button {
  float: none;
  display: block;
  width: auto;
}
.layout__search-results #sidebar #filter-women {
  margin-top: 0;
  border-color: #EEE;
}
.layout__search-results #content .grouped {
  margin-top: 0;
}
.layout__search-results h1 span.num {
  display: inline-block;
  padding: 7px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-color: #009EDC;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#009edc), to(#0175a8));
  background-image: -webkit-linear-gradient(top, #009edc, #0175a8);
  background-image: -moz-linear-gradient(top, #009edc, #0175a8);
  background-image: linear-gradient(top, #009edc, #0175a8);
  font-size: 0.7em;
  color: #fff;
}
.layout__search-results a.search-again {
  position: absolute;
  top: 30px;
  right: 25px;
  font-size: 1.6em;
}
.layout__search-results .tab-wrapper {
  position: relative;
}
.layout__search-results #sortOuter {
  /*
  position: absolute;
  top: 6px;
  right: 16px;
  z-index: 100;
  */
}
.layout__search-results .toggle-detail {
  margin-top: 20px;
  font-size: 1.4em;
  text-align: center;
}
.layout__search-results .section-detail {
  display: none;
  padding-bottom: 5px;
}
.layout__search-results .section-detail.is-visible {
  display: block;
}
.layout__search-results .section-header {
  min-height: 72px;
}
.layout__search-results .section-header--buddy {
  min-height: 0;
}
.layout__search-results .filter-wrapper {
  position: relative;
  margin: 0;
  padding: 10px 0 22px 0;
}
.layout__search-results .filter-wrapper a.more {
  float: right;
  clear: right;
  font-size: 1.5em;
}
.layout__search-results .filter-wrapper .breeze {
  position: relative;
  padding-left: 30px;
}
.is-plugin .layout__search-results .filter-wrapper .breeze {
  width: 28%;
}
.layout__search-results .filter-wrapper .breeze:before {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  background: gainsboro;
  position: absolute;
  top: 0;
  left: 15px;
}
.is-plugin .layout__search-results .filter-wrapper .breeze:before {
  background: none;
}
.layout__search-results .filter-wrapper .breeze .help {
  display: none;
}
.is-plugin .layout__search-results .filter-wrapper .breeze .help {
  display: block;
  top: 8px;
}
.layout__search-results #mapView {
  margin: 20px 20px 0 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.layout__search-results #map_canvas {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 0;
  width: 100% !important;
  height: 500px !important;
}
.layout__search-results #map_canvas .callout {
  overflow-x: hidden;
}
.layout__search-results #map_canvas .callout h4 {
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 1.7em;
  color: #9D9D9D;
}
.is-plugin .layout__search-results #map_canvas .callout h4 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.layout__search-results #map_canvas .callout p, .layout__search-results #map_canvas .callout .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .layout__search-results #map_canvas .callout legend {
  margin: 0;
  padding: 10px 0;
}
.layout__search-results #map_canvas .callout p a, .layout__search-results #map_canvas .callout .layout__dashboard .optional-widget legend a, .layout__dashboard .optional-widget .layout__search-results #map_canvas .callout legend a {
  text-overflow: ellipsis;
}
.layout__search-results #map_canvas .callout ul {
  list-style: none;
  margin: 5px;
}
.layout__search-results #map_canvas .callout ul li {
  border: solid #eee;
  border-width: 1px 0 0 0;
  margin: 0;
  padding: 5px 0;
}
.layout__search-results #map_canvas .callout ul li:first-child {
  border-top: 0;
}
.layout__search-results #map_canvas .callout .callout-meta {
  width: 80px;
  float: left;
}
.layout__search-results #map_canvas .callout .callout-main {
  width: 220px;
  float: right;
}
.layout__search-results #map_canvas .callout .callout-main.shop {
  display: block;
  float: none;
}
.layout__search-results .paging .location {
  display: none;
}
.layout__search-results .search-filter-category .search-filter-category__img {
  width: 100%;
  height: 75px;
  background-size: 100% !important;
}
.is-plugin .layout__search-results .search-filter-category .search-filter-category__img {
  display: none;
}
.layout__search-results .search-filter-category .search-filter-category__excerpt {
  min-height: 0px;
  padding: 10px 0;
}
.is-plugin .layout__search-results .search-filter-category .search-filter-category__excerpt {
  display: none;
}

#key h3 {
  margin-left: 0;
}
#key ul {
  list-style: none;
  margin: 15px 15px 15px 0;
  padding: 0;
}
#key ul li {
  float: left;
  display: inline;
  width: 180px;
  height: 35px;
  margin: 20px 30px 0 0;
  padding: 0;
  color: #777;
}
#key li img {
  float: left;
  display: inline;
  width: 26px;
  height: 27px;
  margin: -6px 3px 0 0;
}

/* Sorting Menu */
.sorting-menu {
  width: 100px;
  min-height: 20px;
  position: absolute;
  top: -13px;
  left: 13px;
  display: none;
}
.sorting-menu.is-visible {
  display: block;
}
.is-plugin .sorting-menu {
  width: 120px;
}
.sorting-menu .dropdown {
  max-width: auto;
  float: none;
}
.sorting-menu .dropdown.mirrored fieldset {
  padding: 20px;
  right: auto;
  left: -49px;
  top: 6px;
}
.is-plugin .sorting-menu .dropdown.mirrored fieldset {
  left: 0;
}
.sorting-menu .dropdown.mirrored.open > dl > dt > a:after {
  background: url(../images/icons/dropdown-arrow-up-blue.png) center 9px no-repeat;
}
.is-plugin .sorting-menu .dropdown.mirrored.open > dl > dt > a:after {
  background: url(../images/icons/dropdown-arrow-up.png) center 9px no-repeat;
}
.sorting-menu .dropdown > dl > dt > a {
  font-size: 19px;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  color: #009cdd;
}
.is-plugin .sorting-menu .dropdown > dl > dt > a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.sorting-menu .dropdown > dl > dt > a:after {
  background: url(../images/icons/dropdown-arrow-down-blue.png) center 9px no-repeat;
}
.is-plugin .sorting-menu .dropdown > dl > dt > a:after {
  background: url(../images/icons/dropdown-arrow-down.png) center 9px no-repeat;
}

.sort-menu {
  color: #009cdd;
  width: 350px;
  min-height: 20px;
  position: absolute;
  top: 0px;
  left: 0;
  font-weight: bold;
  font-size: 1.6em;
}
.is-social .sort-menu {
  color: #3eb6b4;
}
.is-plugin .sort-menu {
  color: #009cdd;
}

.layout__social {
  background-color: whitesmoke;
  /* --- Social Video --- */
  /* --- Social Steps --- */
  /* --- Social Search --- */
  /* --- Container --- */
  /* --- Activity areas --- */
  /* --- Modify skyscrapers --- */
  /* --- Share This --- */
}
.is-plugin .layout__social {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.layout__social #main {
  padding-bottom: 0;
}
.layout__social a {
  color: #3eb6b4;
}
.is-plugin .layout__social a {
  color: #009cdd;
}
.is-plugin p .layout__social a, .is-plugin .layout__dashboard .optional-widget legend .layout__social a, .layout__dashboard .optional-widget .is-plugin legend .layout__social a {
  color: #009cdd;
}
.layout__social .core {
  float: left;
  width: 735px;
}
.is-plugin .layout__social .core {
  width: 725px;
  margin-left: 10px;
}
.layout__social .sidebar {
  float: right;
  width: 215px;
}
.is-plugin .layout__social .sidebar {
  width: 205px;
  margin-right: 10px;
}
.layout__social .social-video {
  position: relative;
  margin: 0 0 20px 0;
}
.layout__social .social-video img {
  display: block;
  height: auto;
  width: 100%;
}
.layout__social .social-video__body {
  color: #ffffff;
  display: block;
  left: 0;
  padding: 90px 0 40px 0;
  position: absolute;
  top: 0;
  text-align: center;
  width: 100%;
}
.layout__social .social-video__body:hover {
  text-decoration: none;
}
.layout__social .social-video__body h2 {
  color: #ffffff;
  font-size: 4em;
  line-height: 1.4;
  font-weight: normal;
}
.layout__social .social-video__body h2 i {
  font-size: 2.5em;
}
.layout__social .social-video__rs-logo {
  bottom: 20px;
  left: 20px;
  position: absolute;
}
.layout__social .social-video__bc-logo {
  bottom: 20px;
  position: absolute;
  right: 20px;
}
.layout__social .social-video__button {
  bottom: 25px;
  left: 50%;
  margin: 0 0 0 -83px;
  position: absolute;
}
.is-plugin .layout__social .social-video__button .button {
  background-color: #e00000;
}
.layout__social .social-video__button span {
  background: none;
  padding: 15px;
}
.layout__social .social-steps {
  margin-bottom: 40px;
}
.layout__social .social-steps .social-step {
  overflow: visible;
  position: relative;
}
.layout__social .social-steps .social-step__inner {
  overflow: hidden;
  position: relative;
}
.layout__social .social-steps .social-step__img {
  border-bottom: 5px #3eb6b4 solid;
  width: 100%;
}
.is-plugin .layout__social .social-steps .social-step__img {
  border-bottom: 5px #009cdd solid;
}
.layout__social .social-steps .social-step__img img {
  display: block;
  height: auto;
  max-width: 100%;
}
.layout__social .social-steps .social-step__body {
  bottom: 10px;
  padding: 0 5%;
  position: absolute;
  right: 0;
  text-align: center;
  width: 100%;
  z-index: 100;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.layout__social .social-steps .social-step__body h3 {
  color: #ffffff;
  font-size: 3.2em;
}
.layout__social .social-steps .social-step__body p, .layout__social .social-steps .social-step__body .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .layout__social .social-steps .social-step__body legend {
  color: #ffffff;
  font-size: 2em;
  margin: 0;
}
.layout__social .social-steps .social-step__overlay {
  background-color: #3eb6b4;
  color: #ffffff;
  height: 100%;
  left: 0;
  padding: 15px 30px 100px 30px;
  position: absolute;
  top: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.is-plugin .layout__social .social-steps .social-step__overlay {
  background-color: #009cdd;
}
.layout__social .social-steps .social-step__overlay p, .layout__social .social-steps .social-step__overlay .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .layout__social .social-steps .social-step__overlay legend {
  color: #ffffff;
  font-size: 1.5em;
  line-height: 1.2;
  margin: 0;
}
.layout__social .social-steps .social-step i {
  color: #3eb6b4;
  background: whitesmoke;
  font-size: 3em;
  margin: -35px -44px 0 0;
  padding: 20px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  z-index: 2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.layout__social .social-steps .social-step i:before {
  left: 2px;
  position: relative;
}
.is-plugin .layout__social .social-steps .social-step i {
  color: #009cdd;
}
.layout__social .social-steps .social-step:hover .social-step__overlay {
  top: 0;
}
.layout__social .social-search {
  background: #3eb6b4;
  margin: 0 0 40px 0;
  padding: 50px 0;
}
.is-plugin .layout__social .social-search {
  background: #009cdd;
}
.layout__social .social-search h2 {
  color: #ffffff;
  margin: 0 0 10px 0;
  opacity: 0.5;
  text-align: center;
}
.layout__social .social-search__form {
  margin: 0 auto;
  width: 50%;
}
.layout__social .social-search .find-widget {
  background: transparent;
  height: auto;
  padding: 0;
}
.layout__social .social-search ul {
  border: solid 1px #ffffff;
  float: left;
  margin: 0 2% 0 0;
  width: 36%;
}
.layout__social .social-search ul li {
  background: #ffffff;
  border: solid #3eb6b4;
  border-width: 0 1px 0 0;
  font-size: 1.4em;
}
.is-plugin .layout__social .social-search ul li {
  border: solid #009cdd;
  border-width: 0 1px 0 0;
}
.is-plugin .layout__social .social-search ul li:last-child {
  border: 0;
}
.layout__social .social-search ul li.ui-tabs-selected a {
  background: #3eb6b4;
  color: #FFF;
}
.is-plugin .layout__social .social-search ul li.ui-tabs-selected a {
  background: #009cdd;
}
.layout__social .social-search ul a {
  color: #3eb6b4;
  padding: 7px 0 !important;
}
.is-plugin .layout__social .social-search ul a {
  color: #009cdd;
  padding: 8px 0 !important;
}
.layout__social .social-search .form-elements {
  margin: 0 0 0 38%;
  width: auto;
}
.layout__social .social-search a.button {
  border: 1px solid #ffffff;
  width: 65px;
}
.is-plugin .layout__social .social-search a.button {
  background-color: #e00000;
}
.layout__social .social-search a.button:hover, .layout__social .social-search a.button:focus {
  background: #777777;
}
.is-social .layout__social .social-search a.button:hover, .is-social .layout__social .social-search a.button:focus {
  background: #777777;
}
.is-plugin .layout__social .social-search a.button:hover, .is-plugin .layout__social .social-search a.button:focus {
  background: #777777;
}
.layout__social .social-items {
  margin-bottom: 20px;
}
.layout__social .social-items .headline span {
  background: whitesmoke;
}
.layout__social .social-items .headline .button span {
  padding: 8px 9px;
  background: transparent;
}
.layout__social .social-item {
  margin-bottom: 20px;
}
.layout__social .social-item__inner {
  background: #f1f1f1;
  border: 1px lightgray solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.layout__social .social-item__header {
  border-bottom: 1px #dbdbdb solid;
  margin: 12px;
  padding: 0 0 12px 0;
}
.layout__social .social-item__header a {
  color: #3eb6b4;
}
.is-plugin .layout__social .social-item__header a {
  color: #009cdd;
}
.layout__social .social-item__img {
  float: left;
  height: 50px;
  overflow: hidden;
  width: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.layout__social .social-item__img img {
  display: block;
  height: auto;
  max-width: 100%;
}
.layout__social .social-item__details {
  margin: 0 0 0 70px;
  min-height: 56px;
  padding: 3px 0;
}
.layout__social .social-item__details h3 {
  font-size: 1.4em;
  margin: 0;
}
.is-plugin .layout__social .social-item__details h3 {
  font-size: 1.3em;
}
.layout__social .social-item__details p, .layout__social .social-item__details .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .layout__social .social-item__details legend {
  font-size: 1.2em;
  line-height: 1.2;
  margin: 0;
  padding: 0;
}
.layout__social .social-item__body {
  min-height: 70px;
  padding: 0 15px 10px 15px;
  position: relative;
}
.layout__social .social-item__body p, .layout__social .social-item__body .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .layout__social .social-item__body legend {
  font-size: 1.2em;
  line-height: 1.2;
  margin: 0;
}
.layout__social .social-item__body .social-item__type {
  display: none;
}
.layout__social .social-item__body a {
  color: #3eb6b4;
}
.is-plugin .layout__social .social-item__body a {
  color: #009cdd;
}
.layout__social .social-item__distance {
  bottom: 5px;
  font-size: 1.2em !important;
  left: 15px;
  position: absolute;
}
.layout__social .social-item__links {
  background: #3eb6b4;
  overflow: hidden;
  padding: 15px 15px 40px 102px;
  position: relative;
}
.is-plugin .layout__social .social-item__links {
  background: #009cdd;
}
.layout__social .social-item__links a.button {
  border: 1px solid #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 1.2em;
  margin: 0;
}
.is-plugin .layout__social .social-item__links a.button {
  background-color: #009cdd;
  font-size: 1em;
}
.layout__social .social-item__links a.button span {
  background: none;
  font-weight: normal;
  padding: 6px 8px;
}
.layout__social .social-item__links .share-buttons {
  clear: left;
  float: left;
  position: static;
}
.layout__social .social-item__links .share-buttons a {
  margin: 0 0 6px 0 !important;
}
.layout__social .social-item__links .share-buttons a:last-child {
  margin: 0 !important;
}
.layout__social .social-item__links i {
  bottom: -25px;
  color: #ffffff;
  font-size: 12em;
  left: -25px;
  opacity: 0.4;
  position: absolute;
}
.layout__social .social-item__type {
  bottom: 0;
  color: #ffffff;
  font-size: 2.5em;
  margin: 0;
  opacity: 0.4;
  padding: 0;
  left: 102px;
  position: absolute;
}
.layout__social .social-item--instagram .social-item__header {
  border: 0;
  margin: 12px 12px 0 12px;
  padding-bottom: 13px;
}
.layout__social .social-item--instagram .social-item__photo {
  position: relative;
}
.layout__social .social-item--instagram .social-item__photo img {
  display: block;
  height: auto;
  max-width: 100%;
}
.layout__social .social-item--instagram .social-item__photo i {
  bottom: 15px;
  color: #ffffff;
  font-size: 3em;
  opacity: 0.4;
  position: absolute;
  right: 15px;
}
.layout__social .social-item--instagram .social-item__links {
  display: none;
}
.layout__social .social-item--stories .social-item__img {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.layout__social .social-item--stories .social-item__details h3 {
  font-size: 1.8em;
}
.layout__social .social-item--stories .social-item__photo {
  position: relative;
}
.layout__social .social-item--stories .social-item__photo img {
  display: block;
  height: auto;
  max-width: 100%;
}
.layout__social .social-item--stories .social-item__links {
  display: none;
}
.layout__social .optional-widget {
  margin: 0 0 40px 0;
}
.layout__social .optional-widget h2 {
  border-bottom: 1px #dbdbdb solid;
  color: #666666;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 2.2em;
  margin: 0;
  padding: 0 0 10px 0;
  position: relative;
}
.is-plugin .layout__social .optional-widget h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 1.6em;
}
.layout__social .optional-widget h2 i {
  color: #3eb6b4;
  font-size: 1.6em;
  position: absolute;
  top: 50%;
  right: 2px;
  margin-top: -16px;
}
.is-plugin .layout__social .optional-widget h2 i {
  color: #009cdd;
}
.layout__social .optional-widget ul {
  border-bottom: 1px #dbdbdb solid;
  margin: 0;
  padding: 0;
}
.layout__social .optional-widget .recommendation {
  border-bottom: 1px #eeeeee solid;
  color: #313131;
  font-size: 1em;
  list-style: none;
  margin: 0 0 5px 0;
  padding: 10px 0 5px 0;
}
.layout__social .optional-widget .recommendation h3 {
  color: #333333;
  font-family: "SkyTextRegular", "Arial", sans-serif;
  font-weight: normal;
  font-size: 1.2em;
  line-height: 1.2;
  margin: 0 0 5px 0;
}
.is-plugin .layout__social .optional-widget .recommendation h3 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.layout__social .optional-widget .recommendation h3 a {
  word-wrap: break-word;
}
.is-plugin .layout__social .optional-widget .recommendation h3 a {
  color: #009cdd;
}
.layout__social .optional-widget .recommendation p, .layout__social .layout__dashboard .optional-widget .recommendation legend, .layout__dashboard .layout__social .optional-widget .recommendation legend {
  font-size: 1.3em;
  line-height: 1.2;
  margin: 0;
  padding-bottom: 5px;
}
.layout__social .optional-widget .recommendation p a, .layout__social .layout__dashboard .optional-widget .recommendation legend a, .layout__dashboard .layout__social .optional-widget .recommendation legend a {
  word-wrap: break-word;
}
.is-plugin .layout__social .optional-widget .recommendation p a, .is-plugin .layout__social .layout__dashboard .optional-widget .recommendation legend a, .layout__dashboard .is-plugin .layout__social .optional-widget .recommendation legend a {
  color: #009cdd;
}
.layout__social .optional-widget .recommendation__meta {
  float: right;
  font-size: 1.2em !important;
  margin: 0 0 0 10px !important;
}
.layout__social .optional-widget .recommendation:last-child {
  border-bottom: 0;
  margin: 0;
}
.layout__social .optional-widget .find {
  border-bottom: 1px #dbdbdb solid;
  display: block;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 1.4em;
  line-height: 2;
  text-align: right;
  text-transform: uppercase;
}
.is-plugin .layout__social .optional-widget .find {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.layout__social .optional-widget .find:after {
  content: '\0000a0\003e';
}
.layout__social .near-buddies__img {
  float: left;
  height: 48px;
  overflow: hidden;
  width: 48px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.layout__social .near-buddies__img img {
  display: block;
  height: auto;
  max-width: 100%;
}
.layout__social .near-buddies__bd {
  margin: 0 0 0 60px;
  padding: 3px 0;
}
.layout__social .near-buddies__current {
  color: #3eb6b4;
}
.is-plugin .layout__social .near-buddies__current {
  color: #009cdd;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.layout__social .top-rides a:after, .layout__social .top-groups a:after {
  content: '\0000a0\003e';
}
.layout__social .social-questions {
  background: #eeeeee;
  padding: 40px 0;
}
.layout__social .social-questions .wrapper, .layout__social .social-questions .promo-wrapper, .layout__social .social-questions .latest-news, .layout__social .social-questions .layout_location, .layout__social .social-questions .layout_product {
  width: 500px;
}
.layout__social .social-questions .headline {
  color: #3eb6b4;
  margin: 0 0 30px 0;
  text-align: center;
  font-size: 2.4em;
}
.is-plugin .layout__social .social-questions .headline {
  color: #009cdd;
}
.layout__social .social-questions .headline span {
  background: #eeeeee;
}
.layout__social .social-questions .more-questions {
  text-align: center;
}
.layout__social .social-questions .more-questions p, .layout__social .social-questions .more-questions .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .layout__social .social-questions .more-questions legend {
  font-size: 1.2em;
  margin: 20px 0 0 0;
  padding: 0;
}
.layout__social .social-questions .more-questions .button {
  display: inline-block;
  float: none;
}
.layout__social .social-questions__logo {
  margin: 20px auto 0 auto;
  width: 150px;
}
.layout__social .social-questions__logo img {
  height: auto;
  max-width: 100%;
}
.layout__social .social-question__header {
  font-size: 1.4em;
  color: #313131;
  font-weight: normal;
}
.layout__social .social-question__header a {
  color: #313131;
}
.layout__social .social-question__content p, .layout__social .social-question__content .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .layout__social .social-question__content legend {
  font-size: 1.2em;
}
.layout__social .content.group, .layout__social .ride-detail .section-overview .content.table-wrapper.with-image, .ride-detail .section-overview .layout__social .content.table-wrapper.with-image, .layout__social .content.block__content, .layout__social .content.buddy-messages-list__buddy {
  position: relative;
  margin: 20px 0 0 0;
  padding-bottom: 20px;
  background: #FFF;
  float: none;
  display: block;
  width: auto;
}
.layout__social .product-wrapper {
  margin-top: 20px;
  background: none !important;
}
.layout__social #sidebar {
  background: none !important;
}
.layout__social .area {
  float: left;
  display: inline;
  width: 287px;
  margin: 20px 12px 0 21px;
  border: solid 1px #BDBDBD;
  border-radius: 5px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
.layout__social .area.gallery {
  float: none;
  display: block;
  width: auto;
  margin-right: 21px;
  padding-bottom: 15px;
}
.layout__social .area header {
  margin: -1px -1px 0 -1px;
  padding-top: 6px;
  border-radius: 5px 5px 0 0;
  background: #3eb6b4;
}
.is-plugin .layout__social .area header {
  background: #009cdd;
}
.layout__social .area h2 {
  min-height: 35px;
  margin: 15px 15px 0 15px;
  font-size: 1.5em;
  color: #fff;
}
.layout__social .area fieldset {
  margin: 0 15px;
  padding: 0 0 15px 0;
  border: none;
  background: none;
}
.layout__social .area fieldset .search {
  position: relative;
  display: block;
}
.layout__social .area .scg-stats {
  border: none;
  background: #fff;
}
.layout__social span.search input {
  margin: 0 !important;
  padding: 5px 5px 5px 34px !important;
  width: 220px;
  border: none;
}
.layout__social span.search:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 96%;
  content: '';
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  background: #f2f2f2 url(../images/icons/form-search.png) no-repeat center center;
  text-align: center;
}
.layout__social html.ie9 .area fieldset .search:after, .layout__social html.ie8 .area fieldset .search:after, .layout__social html.ie7 .area fieldset .search:after {
  top: 1px;
}
.layout__social .area fieldset a.button {
  float: right;
  width: 160px !important;
  margin-top: 10px;
  background: #fff;
}
.layout__social .area fieldset a.button span {
  background-image: url(../images/icons/generic-button-arrow--ride-social.png);
  color: #3eb6b4 !important;
}
.is-plugin .layout__social .area fieldset a.button span {
  color: #009cdd !important;
}
.layout__social .area .support {
  width: 275px;
  overflow: hidden;
}
.layout__social .area .bx-controls {
  position: relative;
}
.layout__social .area .bx-pager {
  margin-top: 5px;
}
.layout__social .area.gallery .bx-pager {
  margin-top: 15px;
}
.layout__social .area .bx-prev {
  left: 75px;
  top: -8px;
}
.layout__social .area.gallery .bx-prev {
  left: 350px;
}
.layout__social .area .bx-next {
  right: 75px;
  top: -8px;
}
.layout__social .area.gallery .bx-next {
  right: 350px;
}
.layout__social .area blockquote {
  float: none;
  display: block;
  width: auto;
  margin: 20px 6px 0 6px;
  padding: 0 0 5px 0;
  background: none;
  box-shadow: none;
  text-align: right;
}
.layout__social .area blockquote p, .layout__social .area blockquote .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .layout__social .area blockquote legend {
  min-height: 115px;
  margin: 0;
  padding: 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #3eb6b4;
  font-size: 1.4em;
  color: #fff !important;
  text-align: center;
}
.is-plugin .layout__social .area blockquote p, .is-plugin .layout__social .area blockquote .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .is-plugin .layout__social .area blockquote legend {
  background: #009cdd;
}
.layout__social .area blockquote cite {
  display: inline-block;
  padding: 25px 10px 10px 10px;
  background: url(../images/icons/quote-arrow--ride-social.png) no-repeat center 0;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 1.4em;
  color: #666;
}
.is-plugin .layout__social .area blockquote cite {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.layout__social .area.gallery h2 {
  margin: 25px 0 0 25px;
  font-size: 2.4em;
  color: #009cdd;
  min-height: 0 !important;
}
.layout__social .area.gallery p, .layout__social .area.gallery .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .layout__social .area.gallery legend {
  margin: 5px 0 0 25px;
  padding-bottom: 0;
}
.layout__social .area.gallery .media {
  margin: 10px 25px 0 25px;
}
.layout__social .sky-scraper {
  float: none;
  display: block;
  width: auto;
  margin: 0 5px;
  padding: 5px 0;
  border: none;
}
.layout__social .sky-scraper p, .layout__social .sky-scraper .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .layout__social .sky-scraper legend {
  font-size: 1.35em;
  line-height: 1.3em;
}
.layout__social .sky-scraper .content {
  padding-left: 60px;
}
.layout__social .sky-scraper .content p, .layout__social .sky-scraper .content .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .layout__social .sky-scraper .content legend {
  max-width: 200px;
}
.layout__social .sky-scraper.home .floor a strong {
  font-size: 1.4em;
}
.layout__social .sky-scraper .floor {
  padding: 0;
  height: 100px !important;
}
.layout__social .share-this {
  position: absolute;
  top: 15px;
  right: 17px;
}
.layout__social .latest-news .tweet-this {
  bottom: 5px !important;
  top: auto !important;
  margin: 0;
}
.layout__social .latest-news .facebook-like {
  bottom: 12px !important;
  top: auto !important;
  margin: 0;
}
.layout__social .instagram li {
  margin-left: 0;
}
.layout__social .instagram li img {
  max-width: 100%;
}

.news .news__post h1 {
  width: 95%;
}
.news .news__post time {
  font-size: 16px;
  margin: 0 0 10px 0;
  display: block;
}
.news .news__likes {
  margin: 0 0 20px 0;
}
.news .news__likes .facebook-like, .news .news__likes .tweet-this {
  display: inline-block;
  margin: 0 10px 0 0;
  position: relative;
}
.news .news__likes .tweet-this {
  top: 2px;
}

.layout__modal {
  margin: 0 20px;
  background: #fff;
}
.layout__modal #sr-debug {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18px;
  color: red;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  cursor: default;
}
.is-plugin .layout__modal #sr-debug {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.layout__modal #modal {
  padding-bottom: 15px;
}
.layout__modal #modal :root {
  background: #ff00ff;
}
.layout__modal h1 {
  font-size: 2.8em;
  margin-right: 165px;
}
.layout__modal p, .layout__modal .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .layout__modal legend, .layout__modal dl {
  margin-right: 165px;
}
.layout__modal .terms p, .layout__modal .terms .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .layout__modal .terms legend {
  margin-right: 0;
}
.layout__modal .scroll {
  max-height: 350px;
  overflow-y: scroll;
}
.layout__modal .scroll::-webkit-scrollbar {
  -webkit-appearance: none;
}
.layout__modal .scroll::-webkit-scrollbar:vertical {
  width: 11px;
}
.layout__modal .scroll::-webkit-scrollbar:horizontal {
  height: 11px;
}
.layout__modal .scroll::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  /* should match background, can't be transparent */
  background-color: rgba(0, 0, 0, 0.5);
}
.layout__modal .scroll::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 8px;
}
.layout__modal .terms-content {
  margin-right: 0 !important;
}
.layout__modal .terms-content h1 {
  margin-right: 0 !important;
}
.layout__modal .find-widget p, .layout__modal .find-widget .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .layout__modal .find-widget legend {
  margin-right: 0 !important;
}
.layout__modal h1.no-avatar {
  margin-right: 0;
}
.layout__modal .content {
  width: auto;
}
.layout__modal .content h1, .layout__modal .content p, .layout__modal .content .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .layout__modal .content legend, .layout__modal .content dl {
  margin-right: 20px;
}
.layout__modal .content p em, .layout__modal .content .layout__dashboard .optional-widget legend em, .layout__dashboard .optional-widget .layout__modal .content legend em {
  font-style: italic;
}
.layout__modal p.intro, .layout__modal .layout__dashboard .optional-widget legend.intro, .layout__dashboard .optional-widget .layout__modal legend.intro {
  font-size: 1.1em;
  color: #666;
}
.layout__modal fieldset {
  padding: 0;
  margin: 0;
  border: none;
  background: none;
}
.layout__modal fieldset p > label, .layout__modal fieldset .layout__dashboard .optional-widget legend > label, .layout__dashboard .optional-widget .layout__modal fieldset legend > label {
  display: block;
  float: none;
  width: auto;
  padding-bottom: 5px;
  text-align: left;
}
.layout__modal fieldset p span.hint, .layout__modal fieldset .layout__dashboard .optional-widget legend span.hint, .layout__dashboard .optional-widget .layout__modal fieldset legend span.hint {
  margin-left: 0;
}
.layout__modal fieldset p span.custom-checkbox, .layout__modal fieldset .layout__dashboard .optional-widget legend span.custom-checkbox, .layout__dashboard .optional-widget .layout__modal fieldset legend span.custom-checkbox {
  margin-left: 0;
}
.layout__modal fieldset p span.custom-checkbox label, .layout__modal fieldset .layout__dashboard .optional-widget legend span.custom-checkbox label, .layout__dashboard .optional-widget .layout__modal fieldset legend span.custom-checkbox label {
  display: inline;
}
.layout__modal fieldset p span.radio-wrapper, .layout__modal fieldset .layout__dashboard .optional-widget legend span.radio-wrapper, .layout__dashboard .optional-widget .layout__modal fieldset legend span.radio-wrapper {
  display: block;
}
.layout__modal .imagery {
  float: right;
  display: inline;
  width: 120px;
  margin: 10px 10px 0 0;
}
.layout__modal img.avatar {
  position: absolute;
  top: 20px;
  right: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.layout__modal img.bc-logo {
  position: absolute;
  top: 140px;
  right: 5px;
}
.layout__modal .imagery img {
  position: relative;
  top: auto;
  right: auto;
}
.layout__modal .button-wrapper.list a.button {
  width: 200px;
  margin: 10px 10px 0 0;
}
.layout__modal .page-actions, .layout__modal .form-actions {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 10px 0;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  border: none;
  box-shadow: none;
  z-index: 100;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.layout__modal .page-actions--alternate {
  position: static;
}
.layout__modal .page-actions a.button, .layout__modal .form-actions a.button {
  margin-right: 10px;
}
.layout__modal .page-actions a.button.secondary, .layout__modal .form-actions a.button.secondary {
  margin-left: 10px;
}
.layout__modal .page-actions .modal-error {
  position: absolute;
  top: 18px;
  left: 50%;
  margin-left: -103px;
  font-size: 1.2em;
  color: #cc0000;
}
.layout__modal .page-actions.mapping, .layout__modal .page-actions.dialog {
  margin-top: 0;
}
.layout__modal .table-wrapper {
  padding-bottom: 20px;
}
.layout__modal #modal table th, .layout__modal #modal table td {
  padding: 8px;
  font-size: 1.2em;
}
.layout__modal table td p, .layout__modal table td .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .layout__modal table td legend {
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: inherit;
}
.layout__modal .table-wrapper table td span {
  white-space: normal;
}
.layout__modal .popup {
  max-height: 250px;
  overflow: auto;
}
.layout__modal .popup img {
  float: left;
  display: inline;
  margin: 20px 0 0 20px;
}
.layout__modal .popup dl {
  margin: 15px 20px 0 130px;
  padding-bottom: 15px;
}
.layout__modal .flagcontent {
  padding-bottom: 20px;
}
.layout__modal .legibility label {
  line-height: 1.6;
}
.layout__modal #previous-messages {
  margin-bottom: 15px;
}
.layout__modal #previous-messages .left, .layout__modal #previous-messages .right {
  position: relative;
  display: block;
  width: 80%;
  color: #fff;
  padding: 5px 10px;
  margin-bottom: 35px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.layout__modal #previous-messages .decoration {
  display: block;
  width: 13px;
  height: 13px;
  background: url(../images/icons/speechb.png) no-repeat;
  position: absolute;
  bottom: -13px;
}
.layout__modal #previous-messages .left {
  float: left;
  color: #58595B;
  background-color: #E0E0E0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#e0e0e0));
  background-image: -webkit-linear-gradient(top, white, #e0e0e0);
  background-image: -moz-linear-gradient(top, white, #e0e0e0);
  background-image: linear-gradient(top, white, #e0e0e0);
}
.layout__modal #previous-messages .right {
  float: right;
  background: #009cdd;
  margin-right: 10px;
}
.layout__modal #previous-messages .left .decoration {
  left: 5px;
  background-position: left 0;
}
.layout__modal #previous-messages .right .decoration {
  right: 5px;
  background-position: right 0;
}
.layout__modal #previous-messages .left a, .layout__modal #previous-messages .right a {
  position: absolute;
  bottom: -36px;
  font-size: 0.8em;
  text-transform: uppercase;
}
.layout__modal #previous-messages .left a {
  left: 0px;
}
.layout__modal #previous-messages .right a {
  right: 0px;
}
.layout__modal #previous-messages .unread {
  /* style unread messages here */
}
.layout__modal #previous-messages .flagcontent {
  padding-bottom: 10px;
}
.layout__modal .access-label {
  position: absolute;
  top: -9999em;
  left: -9999em;
}
.layout__modal .hidden {
  display: none;
}
.layout__modal .find-widget {
  min-height: 150px;
}
.layout__modal .find-widget h2, .layout__modal .find-widget p, .layout__modal .find-widget .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .layout__modal .find-widget legend {
  margin-bottom: 10px;
  text-align: left;
}
.layout__modal .find-widget p, .layout__modal .find-widget .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .layout__modal .find-widget legend {
  font-size: 14px;
}
.layout__modal .find-widget #Find_Ride {
  position: relative;
}
.layout__modal .find-widget .find-widget {
  padding: 0 !important;
}
.layout__modal .find-widget .find-widget .find-widget__input {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.layout__modal .modal-article {
  padding: 20px;
}
.layout__modal .modal-article .modal-article__thumb {
  float: left;
  margin: 6px 20px 5px 0;
}
.layout__modal .modal-article p, .layout__modal .modal-article .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .layout__modal .modal-article legend {
  margin: 0 0 10px 0;
}
.layout__modal .modal-article h1.headline {
  margin-bottom: 20px;
}

.buddy-list {
  padding: 15px 0 0 0;
}
.buddy-list__sort {
  margin: 0 0 10px 0;
}
.buddy-list__sort select {
  float: right;
  font-size: 1.4em;
}

.login-container {
  width: 850px;
  margin: 0 auto;
}

.login-box {
  width: 490px;
  float: left;
}
.login-box fieldset {
  padding: 0;
}
.login-box fieldset h2 {
  color: #009cdd;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 1em;
  margin: 0 15px;
}
.is-social .login-box fieldset h2 {
  color: #3eb6b4;
}
.is-plugin .login-box fieldset h2 {
  color: #009cdd;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.login-box fieldset h3 {
  margin: 15px 0 0 0;
}
.login-box fieldset input {
  width: 208px;
}
.login-box fieldset .email-field input {
  width: 78%;
  margin-top: 3px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.login-box .button-wrapper {
  margin: 10px 0;
}
.login-box .facebook > label {
  width: 240px;
  padding-bottom: 15px;
}
.login-box .block--static .block__header {
  padding: 10px 0;
}
.login-box .block--static .block__header a {
  padding: 0 15px;
}
.login-box .block--static .block__content {
  border-bottom: 0;
}

.login-ways {
  margin: 20px 0 0;
  padding: 0;
  font-weight: bold;
  font-size: 18px;
  color: black;
}

.login-benefits {
  width: 275px;
  padding: 10px 20px;
  background-color: whitesmoke;
  float: right;
  margin-top: 20px;
}
.login-benefits__heading {
  margin-top: 0;
  margin-bottom: 20px;
  color: #009cdd;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 20px;
}

.buddy-messages__search {
  position: relative;
}
.buddy-messages__search p, .buddy-messages__search .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .buddy-messages__search legend {
  margin: 0;
}
.buddy-messages__search input {
  padding: 12px 10px !important;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.buddy-messages__search .button-wrapper {
  margin: 0;
  position: absolute;
  right: 10px;
  top: 5px;
}
.buddy-messages__conversations h3 {
  margin-top: 0;
}

.buddy-messages-list {
  padding: 0;
}
.buddy-messages-list__buddy {
  background: whitesmoke;
  border-bottom: 1px solid #ffffff;
  display: block;
  padding: 10px;
  position: relative;
}
.buddy-messages-list__buddy:hover {
  text-decoration: none;
}
.buddy-messages-list__buddy__img {
  float: left;
  width: 50px;
}
.buddy-messages-list__buddy__img img {
  max-width: 100%;
}
.buddy-messages-list__buddy__body {
  margin: 0 0 0 65px;
}
.buddy-messages-list__buddy__body strong {
  display: block;
  color: #009cdd;
  font-family: "SkyTextMedium", "Arial", sans-serif;
  font-size: 1.6em;
}
.is-social .buddy-messages-list__buddy__body strong {
  color: #3eb6b4;
}
.is-plugin .buddy-messages-list__buddy__body strong {
  color: #009cdd;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.buddy-messages-list__buddy__body p, .buddy-messages-list__buddy__body .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .buddy-messages-list__buddy__body legend {
  margin: 0;
  padding: 0 0 5px;
  font-size: 13px;
}
.buddy-messages-list__buddy__alert {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 10px;
  height: 10px;
  background: #e00000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.layout__partner .highlight {
  color: #009cdd;
}
.layout__partner .partner-search__find p, .layout__partner .partner-search__find .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .layout__partner .partner-search__find legend {
  margin: 0;
  padding-right: 100px;
  position: relative;
}
.layout__partner .partner-search__find p .icon, .layout__partner .partner-search__find .layout__dashboard .optional-widget legend .icon, .layout__dashboard .optional-widget .layout__partner .partner-search__find legend .icon, .layout__partner .partner-search__find p a.more:after, .layout__partner .partner-search__find .layout__dashboard .optional-widget legend a.more:after, .layout__dashboard .optional-widget .layout__partner .partner-search__find legend a.more:after, .layout__partner .partner-search__find p a.more.prev:before, .layout__partner .partner-search__find .layout__dashboard .optional-widget legend a.more.prev:before, .layout__dashboard .optional-widget .layout__partner .partner-search__find legend a.more.prev:before, .layout__partner .partner-search__find p .dropdown dt a:after, .dropdown dt .layout__partner .partner-search__find p a:after, .layout__partner .partner-search__find .layout__dashboard .optional-widget legend .dropdown dt a:after, .dropdown dt .layout__partner .partner-search__find .layout__dashboard .optional-widget legend a:after, .layout__dashboard .optional-widget .layout__partner .partner-search__find legend .dropdown dt a:after, .dropdown dt .layout__dashboard .optional-widget .layout__partner .partner-search__find legend a:after {
  display: block;
  position: absolute;
  right: 110px;
  bottom: 22px;
  opacity: 0.5;
}
.layout__partner .partner-search__find a.button {
  position: absolute;
  top: 48px;
  right: 5px;
  margin-top: 0;
  margin-bottom: 0 !important;
}
.layout__partner .partner-search__find a.button span {
  padding: 11px 27px 12px 9px;
}
.layout__partner .partner-search__find .checkbox-wrapper {
  display: block;
  float: left;
  margin-top: 5px;
  margin-right: 10px;
}
.layout__partner .partner-search__find .checkbox-wrapper label {
  font-size: 1.6em;
}
.layout__partner .partner-search__address {
  background: whitesmoke;
  padding: 10px;
  width: 100%;
}
.layout__partner .partner-search__header {
  border-bottom: 1px #e2e2e2 solid;
  margin: 0 20px;
  padding: 0 0 20px 0;
}
.layout__partner .partner-search__title {
  float: left;
  margin: 0;
  width: 50%;
}
.layout__partner .partner-search__again {
  float: right;
  font-size: 1.6em;
  line-height: 30px;
}
.layout__partner .partner-search__sort {
  float: left;
  margin: 20px 0 0 20px;
  position: static;
}
.layout__partner .partner-search__results .paging {
  border-bottom: 1px #e2e2e2 solid;
  margin: 0 20px;
  padding: 0 0 20px 0;
}
.layout__partner .partner-search__results .paging .pages {
  margin: 25px 0 0 0;
}
.layout__partner .partner-search__results .paging .location {
  display: none;
}
.layout__partner .partner-search__error {
  clear: both;
  color: #cc0000;
  display: block;
  font-size: 14px;
  padding: 10px 0 0 0;
  text-align: left;
}

/**
 * Override with a theme, requires a containing class to be set 
 * i.e. <body class="theme__tour-de-france">
 */
.theme__tour-de-france:not(.is-plugin) {
  /**
   * Header
   */
  /**
   * Sub nav component
   */
  /**
   * Tabs
   */
  /**
   * Buttons
   */
  /**
   * Hero panel
   */
  /**
   * Paging and slider controls
   */
  /**
   * Panels
   */
  /**
   * Article lists and content
   */
  /**
   * Sidebar/Extras
   */
  /**
   * Site footer
   */
  /**
   * Block
   */
  /**
   * Social page
   */
  /**
   * Message component
   */
  /**
   * Dashboard
   */
  /**
   * Match component
   */
  /**
   * Search results
   */
}
.theme__tour-de-france:not(.is-plugin) h1, .theme__tour-de-france:not(.is-plugin) h2, .theme__tour-de-france:not(.is-plugin) a,
.theme__tour-de-france:not(.is-plugin) .form-overview p,
.theme__tour-de-france:not(.is-plugin) .form-overview .layout__dashboard .optional-widget legend,
.layout__dashboard .optional-widget .theme__tour-de-france:not(.is-plugin) .form-overview legend,
.theme__tour-de-france:not(.is-plugin) .ride-register p.spaces strong,
.theme__tour-de-france:not(.is-plugin) .ride-register .layout__dashboard .optional-widget legend.spaces strong,
.layout__dashboard .optional-widget .theme__tour-de-france:not(.is-plugin) .ride-register legend.spaces strong {
  color: #232323 !important;
}
.theme__tour-de-france:not(.is-plugin) .table-wrapper table th {
  background-color: #f7bd0e;
  color: #232323;
}
.theme__tour-de-france:not(.is-plugin) .table-wrapper table tbody th {
  background-color: whitesmoke;
}
.theme__tour-de-france:not(.is-plugin) .menu {
  background-color: #f7bd0e;
}
.theme__tour-de-france:not(.is-plugin) .menu a {
  color: #232323 !important;
}
.theme__tour-de-france:not(.is-plugin) .menu .button--login {
  background-color: #232323 !important;
}
.theme__tour-de-france:not(.is-plugin) .menu .button--login span {
  color: #f7bd0e;
}
.theme__tour-de-france:not(.is-plugin) .menu .button--login:hover {
  background-color: white !important;
}
.theme__tour-de-france:not(.is-plugin) .social a {
  color: #f7bd0e !important;
}
.theme__tour-de-france:not(.is-plugin) .masthead .user {
  color: #232323;
}
.theme__tour-de-france:not(.is-plugin) .sub-nav li > a {
  background-image: url(../images/icons/arrow-right--yellow.png);
}
.theme__tour-de-france:not(.is-plugin) .tabs > ul,
.theme__tour-de-france:not(.is-plugin) .tabs .tabs__list {
  border-color: #f7bd0e;
}
.theme__tour-de-france:not(.is-plugin) .tabs > ul li,
.theme__tour-de-france:not(.is-plugin) .tabs .tabs__list li {
  border-color: #f7bd0e;
}
.theme__tour-de-france:not(.is-plugin) .tabs > ul li.ui-tabs-selected a,
.theme__tour-de-france:not(.is-plugin) .tabs .tabs__list li.ui-tabs-selected a {
  background-color: #f7bd0e;
}
.theme__tour-de-france:not(.is-plugin) .tabs > ul a.is-active,
.theme__tour-de-france:not(.is-plugin) .tabs .tabs__list a.is-active {
  background-color: #f7bd0e;
}
.theme__tour-de-france:not(.is-plugin) .button,
.theme__tour-de-france:not(.is-plugin) #page-actions a.button:first-child {
  background: #f7bd0e !important;
}
.theme__tour-de-france:not(.is-plugin) .button span,
.theme__tour-de-france:not(.is-plugin) #page-actions a.button:first-child span {
  background-image: url(../images/icons/black-button-arrow.png);
  background-position: right center;
  background-repeat: no-repeat;
  color: #232323;
}
.theme__tour-de-france:not(.is-plugin) .button:hover, .theme__tour-de-france:not(.is-plugin) .button:active,
.theme__tour-de-france:not(.is-plugin) #page-actions a.button:first-child:hover,
.theme__tour-de-france:not(.is-plugin) #page-actions a.button:first-child:active {
  background-color: #f7bd0e !important;
}
.theme__tour-de-france:not(.is-plugin) .button.secondary,
.theme__tour-de-france:not(.is-plugin) #page-actions a.button:first-child.secondary {
  background-color: #999999 !important;
}
.theme__tour-de-france:not(.is-plugin) .button.secondary span,
.theme__tour-de-france:not(.is-plugin) #page-actions a.button:first-child.secondary span {
  background-image: url(../../../Content/14/images/icons/generic-button-arrow.png) !important;
  color: white !important;
}
.theme__tour-de-france:not(.is-plugin) .button.back span,
.theme__tour-de-france:not(.is-plugin) #page-actions a.button:first-child.back span {
  background-image: url(../../../Content/14/images/icons/generic-button-arrow--reversed.png) !important;
  background-position: 8px center;
}
.theme__tour-de-france:not(.is-plugin) .button.delete span,
.theme__tour-de-france:not(.is-plugin) #page-actions a.button:first-child.delete span {
  background-image: url(../images/backgrounds/cross-black.png);
  background-position: right center;
}
.theme__tour-de-france:not(.is-plugin) .button.not, .theme__tour-de-france:not(.is-plugin) .button.not:hover,
.theme__tour-de-france:not(.is-plugin) #page-actions a.button:first-child.not,
.theme__tour-de-france:not(.is-plugin) #page-actions a.button:first-child.not:hover {
  background-color: transparent !important;
}
.theme__tour-de-france:not(.is-plugin) .button.not span, .theme__tour-de-france:not(.is-plugin) .button.not:hover span,
.theme__tour-de-france:not(.is-plugin) #page-actions a.button:first-child.not span,
.theme__tour-de-france:not(.is-plugin) #page-actions a.button:first-child.not:hover span {
  background-image: none;
  color: #232323;
  background-color: transparent;
}
.theme__tour-de-france:not(.is-plugin) .button--login span {
  background-image: url(../images/icons/yellow-button-arrow.png) !important;
}
.theme__tour-de-france:not(.is-plugin) .button--login span.prev {
  background-image: url(../images/icons/yellow-button-arrow--reversed.png) !important;
}
.theme__tour-de-france:not(.is-plugin) .sorting-menu .dropdown.mirrored.open > dl > dt > a:after {
  background-image: url(../images/icons/dropdown-arrow-up--yellow.png) !important;
}
.theme__tour-de-france:not(.is-plugin) .sorting-menu .dropdown.mirrored > dl > dt > a:after {
  background-image: url(../images/icons/dropdown-arrow-down--yellow.png) !important;
}
.theme__tour-de-france:not(.is-plugin) .hero-tab .hero-tab__item a {
  background-image: url(../images/generic-ui/hero-tab--yellow.png) !important;
  color: #545454 !important;
}
.theme__tour-de-france:not(.is-plugin) .hero-tab .hero-tab__item a.is-active {
  color: #f7bd0e !important;
}
.theme__tour-de-france:not(.is-plugin) .hero__title {
  color: white !important;
}
.theme__tour-de-france:not(.is-plugin) .paging .current,
.theme__tour-de-france:not(.is-plugin) .step-indicator .step-active {
  background-color: #f7bd0e !important;
  color: #232323 !important;
}
.theme__tour-de-france:not(.is-plugin) .bx-controls .bx-pager-link.active {
  border-color: #f7bd0e;
}
.theme__tour-de-france:not(.is-plugin) .reward-progress__step--complete {
  background-color: #f7bd0e;
  color: #232323;
}
.theme__tour-de-france:not(.is-plugin) .flash {
  background-color: #232323;
}
.theme__tour-de-france:not(.is-plugin) .flash__heading, .theme__tour-de-france:not(.is-plugin) .flash__link {
  color: #f7bd0e !important;
}
.theme__tour-de-france:not(.is-plugin) .grouped.alert {
  background-color: #f7bd0e !important;
}
.theme__tour-de-france:not(.is-plugin) .articles li a,
.theme__tour-de-france:not(.is-plugin) .news__post p a,
.theme__tour-de-france:not(.is-plugin) .news__post .layout__dashboard .optional-widget legend a,
.layout__dashboard .optional-widget .theme__tour-de-france:not(.is-plugin) .news__post legend a {
  font-family: "SkyTextMedium", "Arial", sans-serif !important;
}
.is-plugin .theme__tour-de-france:not(.is-plugin) .articles li a, .is-plugin
.theme__tour-de-france:not(.is-plugin) .news__post p a, .is-plugin
.theme__tour-de-france:not(.is-plugin) .news__post .layout__dashboard .optional-widget legend a, .layout__dashboard .optional-widget .is-plugin
.theme__tour-de-france:not(.is-plugin) .news__post legend a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: bold;
}
.theme__tour-de-france:not(.is-plugin) #sidebar ul.selector li.selected a {
  background-color: #f7bd0e;
}
.theme__tour-de-france:not(.is-plugin) #sidebar .optional-widget strong {
  color: #232323 !important;
}
.theme__tour-de-france:not(.is-plugin) #extras h2 {
  color: #888 !important;
}
.theme__tour-de-france:not(.is-plugin) .site-foot,
.theme__tour-de-france:not(.is-plugin) .foundation {
  background-color: #232323;
}
.theme__tour-de-france:not(.is-plugin) .site-foot a,
.theme__tour-de-france:not(.is-plugin) .foundation a {
  color: #f7bd0e !important;
}
.theme__tour-de-france:not(.is-plugin) .block__header {
  background-color: whitesmoke;
}
.theme__tour-de-france:not(.is-plugin) .social-video h2 {
  color: white !important;
}
.theme__tour-de-france:not(.is-plugin) .layout__social .social-video__button span {
  padding-right: 25px;
}
.theme__tour-de-france:not(.is-plugin) .message {
  background-color: #f7bd0e;
}
.theme__tour-de-france:not(.is-plugin) .message, .theme__tour-de-france:not(.is-plugin) .message p, .theme__tour-de-france:not(.is-plugin) .message .layout__dashboard .optional-widget legend, .layout__dashboard .optional-widget .theme__tour-de-france:not(.is-plugin) .message legend {
  color: #232323;
}
.theme__tour-de-france:not(.is-plugin) .login-benefits__heading {
  color: #232323;
}
.theme__tour-de-france:not(.is-plugin) .checklist .icon, .theme__tour-de-france:not(.is-plugin) .checklist a.more:after, .theme__tour-de-france:not(.is-plugin) .checklist a.more.prev:before, .theme__tour-de-france:not(.is-plugin) .checklist .dropdown dt a:after, .dropdown dt .theme__tour-de-france:not(.is-plugin) .checklist a:after {
  color: #f7bd0e;
}
.theme__tour-de-france:not(.is-plugin) .dashboard-buttons a {
  border-color: #f7bd0e;
}
.theme__tour-de-france:not(.is-plugin) .dashboard-buttons a i {
  color: #232323;
}
.theme__tour-de-france:not(.is-plugin) ul.entities li strong,
.theme__tour-de-france:not(.is-plugin) .buddy-messages-list__buddy__body strong {
  color: #232323;
}
.theme__tour-de-france:not(.is-plugin) .conversation__message:not(.conversation__message--secondary) {
  background-color: #f7bd0e;
  color: #232323;
}
.theme__tour-de-france:not(.is-plugin) .match__actual span, .theme__tour-de-france:not(.is-plugin) .match__result {
  background-color: #f7bd0e;
  color: #232323;
}
.theme__tour-de-france:not(.is-plugin) .ride-type-selector > div label:not(.women-only) {
  color: #232323;
}
.theme__tour-de-france:not(.is-plugin) .sort-menu {
  color: #232323;
}

/**
 * Mobile specifics
 */
.theme__tour-de-france--mobile:not(.is-plugin) h1 {
  background-color: #f7bd0e;
}
.theme__tour-de-france--mobile:not(.is-plugin) fieldset legend span {
  color: #232323;
}
.theme__tour-de-france--mobile:not(.is-plugin) .slider .ui-slider .ui-slider-handle {
  background: #f7bd0e !important;
}
.theme__tour-de-france--mobile:not(.is-plugin) .slider .ui-slider-horizontal,
.theme__tour-de-france--mobile:not(.is-plugin) .slider .ui-slider-tic {
  border-color: #f7bd0e !important;
}
.theme__tour-de-france--mobile:not(.is-plugin) .slider .ui-slider-tooltip.ui-widget-content {
  background-color: #f7bd0e;
  color: #232323;
}
.theme__tour-de-france--mobile:not(.is-plugin) .slider .ui-slider-tooltip .ui-tooltip-pointer-down-inner {
  border-top-color: #f7bd0e;
}
.theme__tour-de-france--mobile:not(.is-plugin) #areas .area > h2,
.theme__tour-de-france--mobile:not(.is-plugin) #areas .area .casing.coloured {
  background-color: #f7bd0e;
}
.theme__tour-de-france--mobile:not(.is-plugin) #areas .area > h2 .icon, .theme__tour-de-france--mobile:not(.is-plugin) #areas .area > h2 a.more:after, .theme__tour-de-france--mobile:not(.is-plugin) #areas .area > h2 a.more.prev:before, .theme__tour-de-france--mobile:not(.is-plugin) #areas .area > h2 .dropdown dt a:after, .dropdown dt .theme__tour-de-france--mobile:not(.is-plugin) #areas .area > h2 a:after,
.theme__tour-de-france--mobile:not(.is-plugin) #areas .area .casing.coloured .icon,
.theme__tour-de-france--mobile:not(.is-plugin) #areas .area .casing.coloured a.more:after,
.theme__tour-de-france--mobile:not(.is-plugin) #areas .area .casing.coloured a.more.prev:before,
.theme__tour-de-france--mobile:not(.is-plugin) #areas .area .casing.coloured .dropdown dt a:after,
.dropdown dt .theme__tour-de-france--mobile:not(.is-plugin) #areas .area .casing.coloured a:after {
  color: #232323 !important;
}
.theme__tour-de-france--mobile:not(.is-plugin) #areas .area .icon, .theme__tour-de-france--mobile:not(.is-plugin) #areas .area a.more:after, .theme__tour-de-france--mobile:not(.is-plugin) #areas .area a.more.prev:before, .theme__tour-de-france--mobile:not(.is-plugin) #areas .area .dropdown dt a:after, .dropdown dt .theme__tour-de-france--mobile:not(.is-plugin) #areas .area a:after {
  color: #232323 !important;
}
.theme__tour-de-france--mobile:not(.is-plugin) #finder .summary p span, .theme__tour-de-france--mobile:not(.is-plugin) #finder .summary .layout__dashboard .optional-widget legend span, .layout__dashboard .optional-widget .theme__tour-de-france--mobile:not(.is-plugin) #finder .summary legend span {
  background-color: #f7bd0e;
  color: #232323;
}
.theme__tour-de-france--mobile:not(.is-plugin) #finder, .theme__tour-de-france--mobile:not(.is-plugin) .finder {
  border-color: #f7bd0e;
}
.theme__tour-de-france--mobile:not(.is-plugin) .styled-checkbox input:checked ~ label .styled-check {
  background-color: #f7bd0e;
}
.theme__tour-de-france--mobile:not(.is-plugin) .styled-checkbox input:checked ~ label .styled-check .icon, .theme__tour-de-france--mobile:not(.is-plugin) .styled-checkbox input:checked ~ label .styled-check a.more:after, .theme__tour-de-france--mobile:not(.is-plugin) .styled-checkbox input:checked ~ label .styled-check a.more.prev:before, .theme__tour-de-france--mobile:not(.is-plugin) .styled-checkbox input:checked ~ label .styled-check .dropdown dt a:after, .dropdown dt .theme__tour-de-france--mobile:not(.is-plugin) .styled-checkbox input:checked ~ label .styled-check a:after {
  color: #232323;
}
.theme__tour-de-france--mobile:not(.is-plugin) span.image-checkbox input:checked + label > .highlight {
  background-color: #f7bd0e;
}
.theme__tour-de-france--mobile:not(.is-plugin) span.image-checkbox input:checked + label > .highlight .icon, .theme__tour-de-france--mobile:not(.is-plugin) span.image-checkbox input:checked + label > .highlight a.more:after, .theme__tour-de-france--mobile:not(.is-plugin) span.image-checkbox input:checked + label > .highlight a.more.prev:before, .theme__tour-de-france--mobile:not(.is-plugin) span.image-checkbox input:checked + label > .highlight .dropdown dt a:after, .dropdown dt .theme__tour-de-france--mobile:not(.is-plugin) span.image-checkbox input:checked + label > .highlight a:after {
  background-color: #f7bd0e;
  color: #232323;
}
.theme__tour-de-france--mobile:not(.is-plugin) .block--static .block__header {
  color: #232323 !important;
}
.theme__tour-de-france--mobile:not(.is-plugin) .block--static .block__header a {
  color: #232323 !important;
}
.theme__tour-de-france--mobile:not(.is-plugin) .block--action .block__header {
  background-color: #f7bd0e;
}
.theme__tour-de-france--mobile:not(.is-plugin) .block__header .badge {
  background-color: #f7bd0e;
  color: #232323;
  border: none;
}
.theme__tour-de-france--mobile:not(.is-plugin) a.button span {
  background-repeat: no-repeat;
  background-position: right center;
}
.theme__tour-de-france--mobile:not(.is-plugin).is-social h1 {
  background-color: #3eb6b4;
}

/**
 * Plugin Related
 */
.is-plugin .core {
  width: 75%;
}
.is-plugin #sidebar {
  width: 22% !important;
}
.is-plugin .sidebar {
  width: 22.6% !important;
}

.centred {
  text-align: center;
}

.plugin-header {
  background: #dbdbdb;
  display: table;
  height: 50px;
  padding: 5px 0;
  table-layout: fixed;
  width: 100%;
}
.plugin-header__logos {
  display: table-cell;
  height: 100%;
  padding: 0 0 0 20px;
}
.plugin-header__logos img {
  margin: 0 10px 0 0;
  vertical-align: middle;
}
.plugin-header__menu {
  display: table-cell;
  height: 100%;
  position: relative;
  text-align: right;
}
.plugin-header__menu-button {
  border: 1px solid #333333;
  color: #333333 !important;
  display: inline-block;
  font-size: 1.2em;
  margin: 0 20px 0 0;
  padding: 15px 5px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.plugin-header__toggle-nav {
  background: #F5F5F5;
  margin: 0;
  right: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  z-index: 101;
}
.plugin-header__toggle-nav li {
  border-bottom: 1px solid #FFF;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
.plugin-header__toggle-nav a {
  color: #3eb6b4;
  display: block;
  padding: 10px 20px;
}
.is-plugin .plugin-header__toggle-nav a {
  color: #009cdd;
}
.plugin-header__toggle-nav .icon, .plugin-header__toggle-nav a.more:after, .plugin-header__toggle-nav a.more.prev:before, .plugin-header__toggle-nav .dropdown dt a:after, .dropdown dt .plugin-header__toggle-nav a:after {
  font-size: 18px;
  position: relative;
  top: 1px;
}
.plugin-header__toggle-nav span {
  padding: 0 0 0 20px;
}