/************* Variables ********************/
/* ======== Generic Variable ============== */
/* ======== Button Varibles =============== */
/*======== Search Button Variables ==========*/
/*======== Membership Package Variables ==========*/
/* End Variables */
/************** Mixins ***************/
/* Gives box shadow to all browsers except IE, right now no variables declared
so you're kind of stuck with the options listed below. */
/* Gives text shadow to all browsers except IE*/
/* Gives linear gradient background with no stops on all browsers,
just one color at the top going to another color at the bottom,
assuming bottom color is the darker color the background color is
set for older browsers that can't handle it. */
/* Transitions */
/* End Mixins */
/* Breakpoints */
#registration_tout.module {
  padding: 20px;
  border: 1px solid #C3C2C2;
  width: 900px;
  margin: 10px auto;
  background-color: #F7F7F7;
  display: none;
}

@media (max-width: 786px) {
  #registration_tout.module {
    width: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
}

#registration_tout.module article > div {
  float: left;
}

#registration_tout.module article > div:first-child {
  width: 630px;
}

@media (max-width: 786px) {
  #registration_tout.module article > div:first-child {
    width: 100%;
  }
}

#registration_tout.module article > div:first-child img {
  float: left;
  margin: 0 20px 30px 0;
  height: 71px;
  width: 72px;
}

@media (max-width: 786px) {
  #registration_tout.module article > div:first-child img {
    float: none;
    margin: 0 0 20px;
  }
}

#registration_tout.module article > div:first-child a {
  padding-right: 10px;
}

@media (max-width: 786px) {
  #registration_tout.module article > div:first-child a {
    padding-left: 10px;
    width: 100%;
    max-width: 350px;
    margin: 0 0 15px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
}

#registration_tout.module article > div:last-child {
  width: 260px;
  text-align: right;
  margin-left: 10px;
}

@media (max-width: 959px) {
  #registration_tout.module article > div:last-child {
    width: 100%;
    text-align: center;
    margin-left: 0;
  }
}

#registration_tout.module article h1 {
  line-height: 1.2em;
}

#registration_tout.module article p {
  margin: 10px 0 15px;
}

#registration_tout.module article strong {
  color: #a0a0a0;
  font-size: 13px;
  margin: 0 10px 0 0;
}

#registration_tout.module article hr {
  margin: 18px 0 18px 14px;
  width: 242px;
}

@media (max-width: 786px) {
  #registration_tout.module article hr {
    width: auto;
  }
}

#registration_tout.module iframe {
  border: 0;
  overflow: hidden;
  width: 240px;
  height: 100px;
}

/*View Route Page*/
#id_activity_type_chosen {
  width: 200px !important;
}

/* Notes on Route Details Page */
#notes {
  padding: 2px 0;
  font-size: 12px;
}

.note_list .mmf_note_row {
  border-top: 0;
  border-bottom: 1px solid #b6b6b7;
  padding-left: 5px;
}

.note_list .mmf_note_row.odd {
  background-color: #F4F8FC;
}

.note_list .mmf_note_row img.mmf_marker_img {
  float: left;
  padding: 0 5px;
}

.note_list .mmf_note_row .mmf_note_distance {
  float: left;
  padding: 7px 0 0 5px;
  font-weight: bold;
  width: 35px;
  text-align: right;
}

.note_list .mmf_note_row .mmf_note_distance_unit {
  float: left;
  padding: 7px 0 0 5px;
}

.note_list .mmf_note_row .mmf_note_text {
  padding: 7px 0;
  display: block;
  margin: 0 10px 0 95px;
}

.icon_16 {
  background: transparent url("/public/images/core/template/mmf_icons_sprite_16x16.f3eb2f795fff.png") no-repeat;
  min-height: 18px;
  min-width: 19px;
  display: inline-block;
}

.icon_16_text {
  padding-left: 20px;
}

.icon_like {
  background-position: -800px -950px;
}

.icon_dislike {
  background-position: -950px -950px;
}

/*Ive Done This Styles */
#ive_done_this form {
  width: 100%;
}

#ive_done_this .form_row {
  padding: 8px;
  font-size: 12px;
}

#ive_done_this .form_row label {
  font-size: 12px;
  color: #8C8C8C;
}

#ive_done_this input {
  width: 30px;
  margin-right: 5px;
}

#ive_done_this .widget-duration-component-separator {
  float: left;
  margin-right: 4px;
  margin-top: 8px;
}

#ive_done_this #id_date {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  cursor: pointer;
  color: #108CC9;
  margin-left: 0;
  padding: 0;
  width: 80px;
}

#ive_done_this .ui-datepicker-trigger {
  vertical-align: middle;
}

#ive_done_this .add_more {
  margin-left: 141px;
  margin-top: 5px;
  font-weight: 900;
  display: block;
}

/* Route Workouts */
#expand_route_leaderboard {
  color: #444;
  text-transform: uppercase;
  padding-bottom: 10px;
}

#leaderboard header {
  border-bottom: 1px solid #d1d0cf;
}

#route_leaderboard {
  margin-top: 20px;
}

#route_workouts, #route_leaderboard {
  color: #444;
  border-bottom: 1px solid #d1d0cf;
  padding-bottom: 10px;
}

#route_leaderboard_results .mmf_list_block {
  padding: 0;
}

#route_leaderboard_results table th {
  text-align: center;
  padding: 10px 0;
  border-left: 1px solid #ccc;
  background: #fbf9f9;
}

#route_leaderboard_results table th:first-child {
  border-left: 0;
}

#route_leaderboard_results table td {
  text-align: center;
}

#route_leaderboard_results table tr:nth-child(even) {
  background: #fbf9f9;
}

#route_leaderboard table tr:nth-child(even) {
  background: #fbf9f9;
}

.socialicon {
  background: transparent url("/public/images/sprites/socialicons.211d58885130.png") no-repeat top left;
}

.socialicon.twitter {
  background-position: 0 -269px;
  width: 18px;
  height: 15px;
}

.socialicon.facebook {
  background-position: 0 -132px;
  width: 15px;
  height: 15px;
}

.socialicon.email {
  background-position: 0 0;
  width: 18px;
  height: 12px;
}

.note {
  margin: 10px 0;
  color: #999;
}

#route_workouts_nav, #route_leaderboard_nav {
  margin-bottom: 5px;
  font-size: 12px;
  border-bottom: 1px solid #ccc;
}

#route_workouts_nav .active, #route_leaderboard_nav .active {
  color: #000;
  font-weight: 900;
}

#route_workouts_nav .people_filter, #route_leaderboard_nav .people_filter {
  float: right;
}

#log_workout {
  font-size: 12px;
}

#route_workouts_nav .type_filter, #route_leaderboard_nav .type_filter {
  float: left;
}

#route_workouts table thead tr, #route_leaderboard table thead tr {
  color: #666666;
  font-size: 12px;
  border-bottom: 1px solid #ccc;
  text-align: left;
}

#route_workouts table tbody tr, #route_leaderboard table tbody tr {
  border-bottom: 1px solid #ccc;
}

#route_workouts table tbody tr:last-child, #route_leaderboard table tbody tr:last-child {
  border-bottom: 0;
}

#route_workouts table tbody tr:hover, #route_leaderboard table tbody tr:hover {
  background: #F0F0F0;
}

#route_workouts table tbody tr td, #route_leaderboard table tbody tr td {
  padding: 2px 1px 5px;
  font-size: 14px;
}

/* Route Leaderboard */
#leaderboard .mmf_route_stats {
  border: 1px solid #ccc;
  padding: 10px 10px 3px;
  background-color: #fbf9f9;
}

#route_leaderboard_header {
  border-bottom: 1px solid #ccc;
  margin-bottom: 6px;
}

#route_leaderboard_header h3 {
  margin-bottom: 4px;
}

#route_leaderboard_header .howdoi {
  float: right;
  font-size: 12px;
}

#leaderboard .mmf_stat_row {
  padding: 20px;
}

#leaderboard .mmf_stat_row .mmf_stat_col p {
  font-size: 14px;
}

#leaderboard .mmf_stat_row .mmf_stat_col p a {
  font-size: 14px;
}

#route_workouts table tbody tr td {
  font-size: 12px;
}

/* Elevation */
#load_elevation {
  padding: 10px;
  color: #333;
  font-size: 14px;
}

.elevation_details {
  border-top: 0;
}

#elevation_graph {
  border: 1px solid #c3c2c2;
  margin-top: 20px;
  width: 620px;
  border-bottom: 0;
}

.elevation_stats {
  background: #fbf9f9;
  background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ffffff));
  background: -webkit-linear-gradient(top, #f9f9f9 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #f9f9f9 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFf9f9f9',endColorstr='#FFFFFFFF');
  float: left;
  border: 1px solid #c3c2c2;
  width: 100%;
}

.elevation_stat {
  float: left;
  padding: 8px 0;
  font-size: 12px;
  width: 22%;
  border-right: 1px solid #c3c2c2;
  text-align: center;
  color: #999999;
  height: 45px;
  overflow-x: hidden;
  overflow-y: auto;
  text-transform: uppercase;
  padding-top: 20px;
}

.elevation_stat:last-child {
  border-right: 0;
}

.elevation_stat strong {
  display: block;
  font-size: 14px;
  color: #333333;
}

.category_ratings_text, .category_ratings {
  float: left;
  width: 33%;
  overflow: visible;
}

.category_ratings_text {
  color: #999;
  font-size: 12px;
  padding: 4px 1px;
}

.category_ratings {
  padding: 6px 0 0;
}

.elevation_details_link {
  font-size: 12px;
  text-align: right;
  border-top: 1px solid #ccc;
  padding: 5px 8px;
}

#full_size_map {
  background: url("/public/images/route/route_map_sprite.e7bdf40c8f9e.png") no-repeat scroll -90px -40px transparent;
  width: 29px;
  height: 26px;
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 15;
}

#full_size_icon_slide {
  background: url("/public/images/route/route_map_sprite.e7bdf40c8f9e.png") no-repeat scroll -12px 0 transparent;
  width: 20px;
  height: 26px;
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 14;
}

#watch_route_video_link {
  background: url("/public/images/route/route_map_sprite.e7bdf40c8f9e.png") no-repeat scroll -90px -144px transparent;
  width: 29px;
  height: 37px;
  position: absolute;
  top: 35px;
  right: 6px;
  z-index: 15;
}

#watch_route_video_slide {
  background: url("/public/images/route/route_map_sprite.e7bdf40c8f9e.png") no-repeat scroll 8px -104px transparent;
  width: 20px;
  height: 37px;
  position: absolute;
  top: 35px;
  right: 6px;
  z-index: 14;
  overflow: hidden;
}

.default_options_link {
  font-size: 12px;
  padding-top: 7px;
}

.default_options_link a {
  font-size: 12px;
}

#recenter_map {
  display: none;
  clear: right;
  z-index: 100;
  cursor: pointer;
  position: absolute;
  left: 12px;
  top: 112px;
}

#bike_layer_btn {
  display: none;
  z-index: 100;
  cursor: pointer;
  position: absolute;
  right: 151px;
  top: 6px;
  width: 28px;
  height: 28px;
}

.bike_layer_btn_off {
  background: transparent url("/public/images/route/bikepath_off.6ca2d4e9cf76.png") no-repeat 0 0;
}

.bike_layer_btn_on {
  background: transparent url("/public/images/route/bikepath_on.8e48a3645fb5.png") no-repeat 0 0;
}

#route_info .loading {
  height: 235px;
  margin-left: 4px;
  -webkit-box-shadow: -3px 0 6px #808080;
          box-shadow: -3px 0 6px #808080;
  font-size: 12px;
  padding-top: 30px;
  background-position: center 55px !important;
  text-align: center;
}

#route_details .route_navigation {
  height: 27px;
  margin-left: 4px;
  color: #fff;
  background: transparent url("/public/images/route/quickview/nav_bg.f0b9150a8d47.png") repeat-x 0 0;
  -webkit-box-shadow: -3px 0 6px #808080;
          box-shadow: -3px 0 6px #808080;
}

#route_details .route_view_type {
  background-color: #5A5A4B;
  -webkit-box-shadow: -3px 0 6px #808080;
          box-shadow: -3px 0 6px #808080;
  margin-left: 4px;
  padding: 4px;
}

#route_details .route_view_type a {
  background-color: #646564;
  color: #fff;
  text-shadow: 2px 2px 2px #000;
  padding: 3px;
  text-align: center;
  font-size: 12px;
  margin: 0;
  width: 30px;
  display: block;
  float: left;
}

#route_details .route_view_type .active {
  background-color: #323232;
  cursor: default !important;
}

#route_details .route_view_type .mmf_round_right {
  border-left: 1px solid #000;
}

#route_details .route_view_type .more_routes {
  float: right;
  width: 60px;
  font-size: 11px;
}

#route_details .route_navigation span {
  display: none;
}

#route_details .route_navigation .nav_summary {
  float: left;
  width: 115px;
  text-align: center;
  font-size: 13px;
  color: #868686;
  padding: 5px 0;
}

#route_details .route_navigation .previous {
  width: 27px;
  height: 25px;
  float: left;
  cursor: pointer;
  background: transparent url("/public/images/route/quickview/previous.3ad2d4754486.jpg") no-repeat 0 0;
}

#route_details .route_navigation .next {
  width: 23px;
  height: 25px;
  float: left;
  cursor: pointer;
  background: transparent url("/public/images/route/quickview/next.baa3879062f4.jpg") no-repeat 0 0;
}

#route_list_table {
  width: 100%;
}

#route_list_table tr {
  border-bottom: 1px solid #DFDFDF;
  cursor: pointer;
}

#route_list_table tr:hover {
  background-color: #F4F4F4;
  cursor: pointer;
}

#route_list_table .active {
  background-color: #EBF0F9 !important;
  cursor: pointer;
}

#route_list_table tr td {
  font-size: 13px;
  padding: 4px 2px 4px 8px;
}

#route_list_table thead {
  font-size: 12px;
  background-color: #F0F0F1;
  border-bottom: 1px solid #DFDFDF;
}

#route_list_table thead th {
  padding: 3px;
}

#route_list_table .route_views {
  color: #999;
  font-size: 12px;
}

#route_list_table .route_distance {
  text-align: right;
}

/* Route Map Options on Map */
.top_tools_btn {
  position: absolute;
  top: 5px;
  left: 42px;
  padding: 3px;
  background: #777777;
  background: rgba(0, 0, 0, 0.5);
  z-index: 11;
  cursor: pointer;
  -webkit-border-radius: 5px;
          border-radius: 5px;
}

.top_tools_btn.mmf_expanded {
  padding: 3px 3px 0 3px;
  -webkit-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
}

.top_tools_btn.mmf_expanded .mmf_blue_down_arrow {
  background: transparent url("/public/images/route/route_sprite.532f1665eafb.png") no-repeat scroll -34px -93px;
}

.top_tools_btn .mmf_expand {
  width: 100px;
  height: 25px;
  background-color: #f5f5f5;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  /*border:1px solid #666666;*/
}

.top_tools_btn.mmf_expanded .mmf_expand {
  -webkit-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
}

.top_tools {
  display: none;
  position: absolute;
  z-index: 10;
  top: 30px;
  left: 42px;
  padding: 3px;
  /*background: rgb(119, 119, 119);*/
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 3px 3px 16px #666666;
          box-shadow: 3px 3px 16px #666666;
  -webkit-border-radius: 0 5px 5px 5px;
          border-radius: 0 5px 5px 5px;
}

.top_tools .expand_content {
  width: 400px;
  padding: 5px 0;
  height: 156px;
  background-color: #F5F5F5;
  display: none;
  /*border:1px solid #666666;*/
  -webkit-border-radius: 0 5px 5px 5px;
          border-radius: 0 5px 5px 5px;
}

/*  *:first-child+html {} * html {}*/
.top_tools .expand_content .top_col {
  float: left;
  height: 100%;
  border-right: 1px solid #888888;
}

.top_tools .expand_content .top_col.top_col_end {
  border-right: 0;
}

.top_tools .expand_content .top_col .col_container {
  padding: 5px 20px 5px 15px;
}

.top_tools .expand_content .top_col .col_container.map_type ul.map_options {
  padding: 0 0 0 5px;
}

.top_tools .expand_content .top_col .col_container.marker_view {
  width: 140px;
}

.top_tools .expand_content .top_col .col_container.marker_view ul.map_options {
  padding: 0;
}

.top_tools .expand_content .top_col .col_container.unit_type ul.map_options {
  padding: 0 0 0 8px;
}

.top_tools .expand_content .top_col .col_container .opt_heading {
  color: #666666;
  font-size: 12px;
  font-weight: bold;
  display: block;
  float: left;
  height: 20px;
  margin-top: 3px;
  padding-left: 2px;
}

.top_tools .mmf_heading_icon {
  display: block;
  height: 20px;
  float: left;
}

.top_tools .mmf_heading_icon.top_maptype {
  width: 20px;
  background: transparent url("/public/images/route/route_sprite.532f1665eafb.png") no-repeat scroll -6px -270px;
}

.top_tools .mmf_heading_icon.top_units {
  width: 23px;
  background: transparent url("/public/images/route/route_sprite.532f1665eafb.png") no-repeat scroll -30px -270px;
}

.top_tools .mmf_heading_icon.top_markers {
  width: 15px;
  background: transparent url("/public/images/route/route_sprite.532f1665eafb.png") no-repeat scroll -70px -270px;
}

.top_tools .mmf_heading_icon.top_photos {
  background: transparent url("/public/images/route/route_sprite.532f1665eafb.png") no-repeat scroll -81px -270px;
}

ul.map_options {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.map_options li {
  background: none;
  padding-left: 17px;
  margin-bottom: 2px;
}

ul.map_options .row_item {
  display: inline;
  padding-left: 24px;
}

ul.map_options li.opt_on {
  background: transparent url("/public/images/route/check_small_green.72ec8163f9e3.gif") no-repeat scroll 0 3px;
  padding-left: 17px;
  margin-bottom: 2px;
}

ul.map_options li a {
  color: #666666;
  font-size: 11px;
  outline: none;
}

ul.map_options li.opt_on a {
  color: #333333;
  font-size: 11px;
  font-weight: bold;
}

ul.map_options li a:hover {
  color: #3399CC;
}

ul.map_options li.opt_on a:hover {
  color: #3399CC;
}

/*follow roads options*/
ul.map_options_fr {
  list-style: none;
  padding: 0;
  margin: 5px 0 0 0;
}

ul.map_options_fr li {
  background: none;
  padding-left: 17px;
  margin-bottom: 5px;
}

ul.map_options_fr li.opt_on {
  background: transparent url("/public/images/route/check_small_green.72ec8163f9e3.gif") no-repeat scroll 0 3px;
  padding-left: 17px;
  margin-bottom: 5px;
}

ul.map_options_fr li a {
  color: #666666;
  font-size: 11px;
  outline: none;
}

ul.map_options_fr li.opt_on a {
  color: #333333;
  font-size: 12px;
  font-weight: bold;
}

ul.map_options_fr li a:hover {
  color: #3399CC;
}

ul.map_options_fr li.opt_on a:hover {
  color: #3399CC;
}

.mmf_expand span {
  padding: 5px;
  color: #666666;
  font-weight: bold;
  font-size: 11px;
  display: block;
}

.marker_slider {
  width: 100px;
  height: 7px;
  margin-left: 20px;
  margin-top: 10px;
}

.marker_slider .ui-slider-handle {
  top: -6px;
  width: 8px;
  cursor: pointer;
}

.top_tools .show_every_amount {
  padding: 0;
  width: 45px;
  border: 0;
  color: #336600;
  background: none;
  font-size: 12px;
}

.mmf_blue_down_arrow {
  background: transparent url("/public/images/route/route_sprite.532f1665eafb.png") no-repeat scroll -24px -93px;
  float: right;
  height: 5px;
  margin-right: 10px;
  margin-top: 10px;
  width: 7px;
}

.top_tools .map_markers {
  background: url("/public/images/route/route_sprite.532f1665eafb.png") no-repeat scroll -67px -250px transparent;
  width: 15px;
}

.top_tools .maptype_marker {
  background: url("/public/images/route/route_sprite.532f1665eafb.png") no-repeat scroll -6px -251px transparent;
  width: 20px;
}

.top_tools .mmf_heading_icon {
  display: block;
  float: left;
  height: 20px;
}

#markers_options_column .marker_view {
  width: 230px;
}

.mmf_title_block .mmf_private_icon, .mmf_title_block .mmf_accesible_icon, .mmf_title_block .mmf_public_icon, .mmf_title_block .mmf_private_friend_icon {
  margin-top: 14px;
}

#privacy_dialog {
  font-size: 12px;
}

.show_nb_ad {
  background: transparent url("/public/images/branding/nb/nb_logo.be2b38c1d2c7.png") no-repeat 540px 2px;
}

section.top_courses div.course {
  margin-left: 60px;
  margin-bottom: 20px;
  position: relative;
}

section.top_courses div.course h5 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

section.top_courses div.course img.course_icon {
  height: 50px;
  left: -62px;
  position: absolute;
  top: -2px;
}

section.top_courses div.course ul {
  margin: 0;
}

section.top_courses div.course ul li {
  line-height: 21px;
}

section.top_courses div.course ul.leaders {
  margin-top: 2px;
}

section.top_courses div.course ul.leaders img {
  height: 18px;
}

section.top_courses div.course ul.leaders li {
  float: left;
  margin-right: 10px;
  overflow: hidden;
  text-align: center;
}

section.top_courses div.course:last-child {
  margin-bottom: 0;
}

#modal-route-created-confirmation-inner {
  margin: 10px 0 10px 15px;
  width: 500px;
}

#modal-route-created-confirmation-inner > * {
  margin-top: 1.5em;
}

#modal-route-created-confirmation-inner > *:first-child {
  margin-top: 0;
}

#modal-route-created-confirmation-inner h1 {
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
  text-transform: none;
}

#modal-route-created-confirmation-inner .copy {
  display: inline-block;
  margin-left: 15px;
  vertical-align: top;
  width: 70%;
}

#modal-route-created-confirmation-inner .actions {
  border-top: 1px solid #ccc;
  margin: 0 5% 0 86px;
  padding-top: 2em;
}

#modal-route-created-confirmation-inner #create-course-prompt-yes, #modal-route-created-confirmation-inner #create-course-prompt-no {
  margin-right: 20px;
}

#route_point_info_summary {
  cursor: pointer;
  float: right;
  padding: 0 2px;
  text-align: right;
}

#route_point_info_summary .label {
  font-size: 0.8em;
  text-transform: uppercase;
}

#route_point_info_summary .value {
  display: inline;
  font-size: 2.25em;
  font-weight: 800;
}

#courses table tfoot td {
  font-size: 1.6em;
  font-weight: 600;
}