/*!
Theme Name: Trail Genius
Theme URI: https://packerlandwebsites.com/
Author: Packerland Websites
Author URI: https://packerlandwebsites.com/
Description: Custom Theme Created for Trail Genius
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
Text Domain: pk_trail_genius
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/

.ctools-locked {
    color: red;
    border: 1px solid red;
    padding: 1em;
}

.ctools-owns-lock {
    background: #FFFFDD none repeat scroll 0 0;
    border: 1px solid #F0C020;
    padding: 1em;
}

a.ctools-ajaxing,
input.ctools-ajaxing,
button.ctools-ajaxing,
select.ctools-ajaxing {
    padding-right: 18px !important;
}

div.ctools-ajaxing {
    float: left;
    width: 18px;
}

.views_slideshow_cycle_no_display,
.views_slideshow_cycle_hidden,
.views_slideshow_cycle_controls,
.views_slideshow_cycle_image_count {
    display: none;
}

.views_slideshow_cycle_pager div a img {
    width: 75px;
    height: 75px;
}

.views_slideshow_pager_numbered div,
.views_slideshow_pager_thumbnails div {
    display: inline;
    padding-left: 10px;
}

.views_slideshow_cycle_pager.thumbnails a.activeSlide img {
    border: 3px solid #000;
}

.views_slideshow_cycle_pager.numbered a.activeSlide {
    text-decoration: underline;
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

html {
    overflow-y: hidden !important;
}

body {
    overflow: hidden;
}

table,
td,
tr {
    padding: 0;
    margin: 0;
}

:focus {
    outline-color: transparent;
    outline-style: none;
}

.region-content,
.block-system,
.content {
    height: 100%;
}

.wrap {
    overflow: hidden;
    height: 100%;
    width: 100%;
}

#pre-loader {
    display: table;
    background: #393B33;
    position: absolute;
    top: 0;
    left: 0;
    width: 91%;
    height: 100%;
    z-index: 550;
    padding: 0 5%;
}

#pre-loader #pre-loader-message {
    display: table-cell;
    vertical-align: middle;
    color: white;
    text-align: center;
    width: 300px;
    margin: 0 auto;
    padding-bottom: 200px;
}

#pre-loader #pre-loader-message .loader-wrapper {
    position: relative;
    margin: 0 auto;
    width: 75px;
    height: 74px;
    margin-bottom: 20px;
}

#pre-loader #pre-loader-message .loader-wrapper .loader-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 75px;
    height: 74px;
    ;
    background-size: 75px 74px;
}

#pre-loader #pre-loader-message .loader-wrapper .loader-gif {
    position: absolute;
    top: 0;
    left: 0;
    width: 75px;
    height: 74px;
    ;
    background-size: 75px 74px;
}

.sidebar {
    position: relative;
    width: 40%;
    float: left;
    height: 100%;
    background: #393B33;
    z-index: 100;
    -webkit-box-shadow: 8px 0 20px -6px black;
    -moz-box-shadow: 8px 0 20px -6px black;
    box-shadow: 8px 0 20px -6px black;
}

#edge-shadow {
    position: absolute;
    top: 0;
    left: 640px;
    width: 10px;
    height: 1000px;
    z-index: 1;
}

#video-holder {
    z-index: 0;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

#video-holder iframe,
#video-holder object,
#video-holder embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#hud {
    display: block;
    width: 120px;
    background: rgba(0, 0, 0, 0.7);
    font-family: "BenchNine", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: white;
    z-index: 1000;
    position: absolute;
    top: 35px;
    left: 0;
    padding: 0 10px;
    text-align: right;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

#hud li {
    list-style-type: none;
    font-size: 20px;
    padding: 5px 0;
    margin: 0;
}

#hud #speed-stats {
    font-size: 30px;
    line-height: 25px;
}

#hud .little-label {
    font-size: 15px;
}

.medium #hud,
.large #hud {
    width: 130px;
}

.medium #hud #speed-stats,
.large #hud #speed-stats {
    font-size: 50px;
    line-height: 30px;
    padding-top: 20px;
}

.medium #hud li,
.large #hud li {
    font-size: 28px;
    padding: 2px 0 8px;
}

.ios #hud li {
    font-size: 14px !important;
}

.ios #hud #speed-stats {
    font-size: 20px !important;
    line-height: 25px;
}

.ios .little-label {
    font-size: 10px !important;
}

#mountain-wrapper {
    width: 100%;
    position: relative;
    float: left;
}

#trail-name {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 10px;
}

#trail-name .trail-system-name-wrap {
    float: left;
    width: 80%;
}

#trail-name .trail-system-name-wrap .trail-system-name {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 900;
    color: #20211D;
    font-size: 24px;
    padding-left: 10px;
    float: left;
    margin-bottom: 12px;
}

#trail-name .trail-system-name-wrap .current-trail-name {
    float: left;
    color: #A0A19D;
    margin-left: 12px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 22px;
    font-family: 'BenchNine', sans-serif;
}

#trail-name .trail-system-social {
    float: left;
    width: 20%;
}

#trail-name .trail-system-social .fb-like {
    float: right;
    padding-right: 10px;
}

#trail-tabs {
    display: none;
    position: absolute;
    top: 394px;
    right: 5px;
}

#trail-tabs a.info {
    display: block;
    width: 38px;
    height: 0;
    padding-top: 27px;
    overflow: hidden;
    float: left;
}

#trail-tabs a.info:hover {
    background-position: 0 -27px;
}

#trail-tabs a.share {
    display: block;
    width: 55px;
    height: 0;
    padding-top: 27px;
    overflow: hidden;
    float: left;
    margin-left: 5px;
}

#trail-tabs a.share:hover {
    background-position: 0 -27px;
}

#video-tracking {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
    overflow: hidden;
}

#video-tracking #topo-marker {
    position: absolute;
    width: 2px;
    height: 100%;
    background: #F60;
    top: 0;
    left: -3px;
    opacity: 0.7;
}

#video-tracking #topo-genius {
    position: absolute;
    top: 0;
    left: 0;
}

#video-tracking #topo-genius .test {
    width: 3px;
    height: 5px;
    background: #F60;
    position: absolute;
}

#visualization {
    width: 100%;
}

#map-list {
    width: 100%;
    float: left;
    background: #20211D;
    font-family: 'BenchNine', sans-serif;
    font-weight: 400;
    font-size: 18px;
    bottom: 0;
    top: 0;
    position: absolute;
}

#map-list .copy-right {
    float: left;
    font-size: 14px;
    margin-top: 5px;
    margin-left: 10px;
    color: #444;
}

#map-list .iframe-links {
    float: right;
    font-size: 14px;
    margin-top: 5px;
    margin-right: 10px;
}

#trail-list {
    margin-top: 0;
}

.legend-group {
    float: left;
    width: 100%;
    position: relative;
    color: #A0A19D;
    margin-top: 5px;
}

.legend-list {
    width: auto;
    float: left;
    max-width: 50%;
}

.legend-title {
    float: left;
    width: 100%;
    padding-bottom: 6px;
}

.legend-title .trail-system-name {
    float: left;
    font-size: 32px;
    line-height: 16px;
}

.legend-title .trail-system-name span {
    text-transform: none;
    margin-left: 20px;
    font-size: 20px;
}

.list-trail-profile {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 5000;
}

.table-head,
.table-footer {
    padding: 4px 11px;
}

.table-head .list-title,
.table-footer .list-title {
    font-size: 24px;
    color: white;
    float: left;
    width: 40%;
}

.table-head .list-title .list-title-text,
.table-footer .list-title .list-title-text {
    display: block;
    float: left;
    line-height: 30px;
    margin-right: 5px;
}

.table-head .list-title .group-total,
.table-footer .list-title .group-total {
    color: #A0A19D;
    font-size: 18px;
}

.table-head .list-trail-name,
.table-footer .list-trail-name {
    float: left;
    width: 40%;
}

.table-head .full-width,
.table-footer .full-width {
    width: 100%;
    float: none;
}

.table-head .trail-max,
.table-footer .trail-max {
    width: 10%;
    float: left;
    text-align: right;
}

.table-head .trail-min,
.table-footer .trail-min {
    width: 10%;
    float: left;
    text-align: right;
}

.table-head .trail-gain,
.table-footer .trail-gain {
    width: 10%;
    float: left;
    text-align: right;
}

.table-head .trail-loss,
.table-footer .trail-loss {
    width: 10%;
    float: left;
    text-align: right;
}

.table-head .trail-distance,
.table-footer .trail-distance {
    text-align: right;
}

.table-head {
    height: 27px;
    padding-left: 5px;
    line-height: 35px;
}

#trail-list .table-head {
    border-bottom: solid thin #393B33;
}

.scroll-pane {
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    bottom: 61px;
}

.scroll-pane ul.regular-list {
    margin: 0;
    padding: 0;
}

.scroll-pane ul.regular-list li {
    display: block;
    position: relative;
    list-style: none;
    margin: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    padding: 4px 11px;
    cursor: pointer;
    color: #555;
}

.scroll-pane ul.regular-list li:hover {
    color: white;
}

.scroll-pane ul.table-row {
    margin: 0;
    padding: 0;
}

.scroll-pane ul.table-row li {
    display: block;
    position: relative;
    list-style: none;
    margin: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    padding: 4px 11px;
    cursor: pointer;
}

.scroll-pane ul.table-row li.heading-on {
    padding-left: 25px;
}

.scroll-pane ul.table-row li.list-heading {
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 10px;
    cursor: default !important;
}

.scroll-pane ul.table-row li.list-heading .list-heading-text {
    float: left;
    margin-right: 10px;
}

.scroll-pane ul.table-row li .list-trail-color {
    width: 12px;
    height: 12px;
    float: left;
    margin-top: 2px;
    margin-right: 8px;
    border: solid thin #393B33;
}

.scroll-pane ul.table-row li .list-trail-name {
    float: left;
    width: 40%;
    overflow: hidden;
    height: 17px;
}

.scroll-pane ul.table-row li .trail-max {
    width: 10%;
    float: left;
    text-align: right;
    color: #555;
    font-size: 16px;
}

.scroll-pane ul.table-row li .trail-min {
    width: 10%;
    float: left;
    text-align: right;
    color: #555;
    font-size: 16px;
}

.scroll-pane ul.table-row li .trail-gain {
    width: 10%;
    float: left;
    text-align: right;
    color: #555;
    font-size: 16px;
}

.scroll-pane ul.table-row li .trail-loss {
    width: 10%;
    float: left;
    text-align: right;
    color: #555;
    font-size: 16px;
}

.scroll-pane ul.table-row li .trail-distance {
    text-align: right;
}

.scroll-pane ul.table-row li.list-item:hover,
.scroll-pane ul.table-row li.list-item.active,
.scroll-pane ul.table-row li.list-item.playing {
    background: #393B33;
}

.jspVerticalBar {
    width: 9px !important;
}

.jspVerticalBar .jspTrack {
    background: #393B33;
    position: relative;
}

.jspVerticalBar .jspTrack .jspDrag {
    background: #A0A19D;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.trail-system-totals {
    margin-top: 5px;
}

.trail-system-totals .totals-title {
    float: left;
    width: 70%;
}

.trail-system-totals .totals-distance {
    text-align: right;
    margin-right: 20px;
}

.map-list-header {
    position: absolute;
    top: 0;
    left: 0;
    height: 35px;
    width: 100%;
    border-bottom: solid thin #393B33;
    color: #A0A19D;
}

.map-list-footer {
    position: absolute;
    height: 60px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #20211D;
    border-top: solid thin #393B33;
    color: #A0A19D;
}

#trail-more {
    position: absolute;
    top: 445px;
    left: 20px;
    width: 600px;
    color: #20211D;
    display: none;
}

.left-stuff {
    width: 320px;
    float: left;
}

.right-stuff {
    float: left;
    margin-left: 20px;
}

#photoViewer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
}

#photoViewer img {
    width: 636px;
}

.small #photoViewer img {
    width: 500px;
}

#panoViewer {
    position: absolute;
    top: 0;
    left: -5000px;
    z-index: 500;
}

.pano {
    position: absolute;
    top: 0;
    left: 0;
    width: 636px;
    height: 390px;
    overflow: hidden;
}

.small .pano {
    width: 500px;
}

#photo-shade {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    z-index: 10;
}

#photo-shade a {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 375px;
}

.small #photo-shade a {
    margin-top: 300px;
}

#video-shade {
    display: none;
    position: absolute;
    top: 390px;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    z-index: 10;
}

#video-shade a {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 15px;
}

.small #video-shade {
    top: 310px;
}

#pano-shade {
    display: none;
    position: absolute;
    top: 390px;
    left: 0;
    background: rgba(0, 0, 0, 0.85);
    width: 100%;
    height: 100%;
    z-index: 10;
    font-family: 'BenchNine', sans-serif;
    color: #c4c4c4;
    font-size: 18px;
}

#pano-shade a {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 15px;
}

.small #pano-shade {
    top: 390px;
}

.pano-shade-title {
    color: white;
    font-size: 24px;
    margin: 10px;
}

.pano-shade-latlon {
    margin: 5px 10px;
    float: left;
}

.pano-shade-desc {
    margin: 5px 10px;
    float: left;
}

.main {
    position: relative;
    height: 100%;
    overflow: hidden;
    text-align: center;
}

#right-column {
    padding: 0;
    margin: 0;
}

#mapDiv {
    width: 100%;
    height: 100%;
}

#userLocationToggle {
    position: absolute;
    top: 5px;
    right: 120px;
    z-index: 500;
    background: white;
    padding: 1px 5px;
    border: solid thin black;
    box-shadow: 0px 2px 4px grey;
    font-family: Arial, sans-serif;
    font-size: 13px;
    cursor: pointer;
}

#marker-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200px;
    height: auto;
    padding: 10px;
    background: url(/sites/all/themes/trailgenius_v2/assets/images/rgbapng/000000d9-5.png?1507233435);
    background: rgba(0, 0, 0, 0.85);
    color: white;
    border-radius: 10px;
    display: none;
    z-index: 100;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#marker-info .marker-info-title {
    color: #ff6600;
    font-size: 20px;
    line-height: 24px;
}

#marker-info .marker-info-text {
    font-size: 12px;
    margin-bottom: 10px;
}

#marker-info .marker-info-pointer {
    position: absolute;
    bottom: -20px;
    left: 90px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid rgba(0, 0, 0, 0.85);
}

#cameras,
#camera_style {
    position: absolute;
    width: 75px;
    height: 30px;
    background: url(/sites/all/themes/trailgenius_v2/assets/images/rgbapng/000000b3-5.png?1507233435);
    background: rgba(0, 0, 0, 0.7);
    font-family: 'BenchNine', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: white;
    z-index: 500;
    top: 136px;
    left: 0;
    padding: 0 10px;
    text-align: right;
    line-height: 30px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

#camera_style {
    left: 50%;
    margin-left: -40px;
    -moz-border-radius: 8px;
    -webkit-borderradius: 8px;
    border-radius: 8px;
    top: 0px;
}

#camera_style a {
    text-decoration: none;
}

#camera_style a:hover {
    text-decoration: none;
}

.medium #cameras,
.large #cameras {
    top: 170px;
}

#cameras-style-chooser {
    display: flex;
    flex-direction: column;
    position: relative;
    top: 0;
}

#cameras-style-chooser .video-img {
    display: flex;
    justify-content: center;
    margin-bottom: 3px;
}

.cameras-sprite,
.cameras-switcher,
.cameras-style-switcher,
.front-rider,
.rear-rider,
.snowmobile,
.front-helmet-1,
.front-chest-1,
.front-bars-1,
.front-fork-1,
.rear-helmet-1,
.rear-seat-1,
.front-helmet-2,
.front-chest-2,
.front-bars-2,
.front-fork-2,
.rear-helmet-2,
.rear-seat-2,
.sm-front-helmet-1,
.sm-front-pole-1,
.sm-rear-pole-1 {
    background-image: url(/wp-content/themes/pk_trail_genius/images/cameras-s7665091778.png);
    background-repeat: no-repeat;
}

.cv {
    overflow: hidden;
    position: absolute;
}

.id {
    cursor: pointer;
}

.cameras-switcher,
.cameras-style-switcher {
    overflow: hidden;
    position: absolute;
    top: 7px;
    left: 10px;
    background-position: 0 -1213px;
    width: 28px;
    height: 15px;
}

.cameras-switcher:active,
.cameras-switcher.switch-active,
.cameras-style-switcher:active,
.cameras-style-switcher.switch-active {
    background-position: 0 -1228px;
}

.front-rider {
    top: 30px;
    left: 50px;
    background-position: 0 -180px;
    width: 145px;
    height: 149px;
}

.front-rider:active,
.front-rider.r1-active {
    background-position: 0 -329px;
}

.rear-rider {
    top: 30px;
    left: 230px;
    background-position: 0 -478px;
    width: 145px;
    height: 149px;
}

.rear-rider:active,
.rear-rider.r2-active {
    background-position: 0 -627px;
}

.snowmobile {
    top: 75px;
    left: 20px;
    background-position: 0 -866px;
    width: 201px;
    height: 106px;
}

.snowmobile:active,
.snowmobile.sm1-active {
    background-position: 0 -972px;
}

.front-helmet-1 {
    top: 10px;
    left: 122px;
    background-position: 0 -135px;
    width: 28px;
    height: 15px;
}

.front-helmet-1:hover,
.front-helmet-1.fh-hover {
    background-position: 0 -165px;
}

.front-helmet-1:active,
.front-helmet-1.fh-active {
    background-position: 0 -150px;
}

.front-chest-1 {
    top: 60px;
    left: 147px;
    background-position: 0 -45px;
    width: 28px;
    height: 15px;
}

.front-chest-1:hover,
.front-chest-1.fc-hover {
    background-position: 0 -75px;
}

.front-chest-1:active,
.front-chest-1.fc-active {
    background-position: 0 -60px;
}

.front-bars-1 {
    top: 85px;
    left: 165px;
    background-position: 0 0;
    width: 28px;
    height: 15px;
}

.front-bars-1:hover,
.front-bars-1.fb-hover {
    background-position: 0 -30px;
}

.front-bars-1:active,
.front-bars-1.fb-active {
    background-position: 0 -15px;
}

.front-fork-1 {
    top: 125px;
    left: 150px;
    background-position: 0 -90px;
    width: 28px;
    height: 15px;
}

.front-fork-1:hover,
.front-fork-1.ff-hover {
    background-position: 0 -120px;
}

.front-fork-1:active,
.front-fork-1.ff-active {
    background-position: 0 -105px;
}

.rear-helmet-1 {
    top: 30px;
    left: 90px;
    background-position: 0 -776px;
    width: 28px;
    height: 15px;
}

.rear-helmet-1:hover,
.rear-helmet-1.rh-hover {
    background-position: 0 -806px;
}

.rear-helmet-1:active,
.rear-helmet-1.rh-active {
    background-position: 0 -791px;
}

.rear-seat-1 {
    top: 100px;
    left: 60px;
    background-position: 0 -821px;
    width: 28px;
    height: 15px;
}

.rear-seat-1:hover,
.rear-seat-1.rs-hover {
    background-position: 0 -851px;
}

.rear-seat-1:active,
.rear-seat-1.rs-active {
    background-position: 0 -836px;
}

.front-helmet-2 {
    top: 10px;
    left: 302px;
    background-position: 0 -135px;
    width: 28px;
    height: 15px;
}

.front-helmet-2:hover,
.front-helmet-2.fh-hover {
    background-position: 0 -165px;
}

.front-helmet-2:active,
.front-helmet-2.fh-active {
    background-position: 0 -150px;
}

.front-chest-2 {
    top: 60px;
    left: 327px;
    background-position: 0 -45px;
    width: 28px;
    height: 15px;
}

.front-chest-2:hover,
.front-chest-2.fc-hover {
    background-position: 0 -75px;
}

.front-chest-2:active,
.front-chest-2.fc-active {
    background-position: 0 -60px;
}

.front-bars-2 {
    top: 85px;
    left: 345px;
    background-position: 0 0;
    width: 28px;
    height: 15px;
}

.front-bars-2:hover,
.front-bars-2.fb-hover {
    background-position: 0 -30px;
}

.front-bars-2:active,
.front-bars-2.fb-active {
    background-position: 0 -15px;
}

.front-fork-2 {
    top: 125px;
    left: 330px;
    background-position: 0 -90px;
    width: 28px;
    height: 15px;
}

.front-fork-2:hover,
.front-fork-2.ff-hover {
    background-position: 0 -120px;
}

.front-fork-2:active,
.front-fork-2.ff-active {
    background-position: 0 -105px;
}

.rear-helmet-2 {
    top: 30px;
    left: 270px;
    background-position: 0 -776px;
    width: 28px;
    height: 15px;
}

.rear-helmet-2:hover,
.rear-helmet-2.rh-hover {
    background-position: 0 -806px;
}

.rear-helmet-2:active,
.rear-helmet-2.rh-active {
    background-position: 0 -791px;
}

.rear-seat-2 {
    top: 100px;
    left: 240px;
    background-position: 0 -821px;
    width: 28px;
    height: 15px;
}

.rear-seat-2:hover,
.rear-seat-2.rs-hover {
    background-position: 0 -851px;
}

.rear-seat-2:active,
.rear-seat-2.rs-active {
    background-position: 0 -836px;
}

.sm-front-helmet-1 {
    top: 65px;
    left: 90px;
    background-position: 0 -1078px;
    width: 28px;
    height: 15px;
}

.sm-front-helmet-1:hover,
.sm-front-helmet-1.smfh-hover {
    background-position: 0 -1108px;
}

.sm-front-helmet-1:active,
.sm-front-helmet-1.smfh-active {
    background-position: 0 -1093px;
}

.sm-front-pole-1 {
    top: 65px;
    left: 61px;
    background-position: 0 -1123px;
    width: 28px;
    height: 15px;
}

.sm-front-pole-1:hover,
.sm-front-pole-1.smfp-hover {
    background-position: 0 -1153px;
}

.sm-front-pole-1:active,
.sm-front-pole-1.smfp-active {
    background-position: 0 -1138px;
}

.sm-rear-pole-1 {
    top: 65px;
    left: 30px;
    background-position: 0 -1168px;
    width: 28px;
    height: 15px;
}

.sm-rear-pole-1:hover,
.sm-rear-pole-1.smrp-hover {
    background-position: 0 -1198px;
}

.sm-rear-pole-1:active,
.sm-rear-pole-1.smrp-active {
    background-position: 0 -1183px;
}

.icons-sprite,
.icons-pano,
.icons-photo,
.icons-tgstar,
.icons-video,
.pano-share,
.video-share,
.photo-share,
#tg-star a {
    background-image: url(/wp-content/themes/pk_trail_genius/images/icons-sc7e127ed3a.png);
    background-repeat: no-repeat;
}

.icons-pano {
    background-position: 0 0;
}

.icons-pano:hover,
.icons-pano.pano-hover {
    background-position: 0 -28px;
}

.icons-photo {
    background-position: 0 -56px;
}

.icons-photo:hover,
.icons-photo.photo-hover {
    background-position: 0 -81px;
}

.icons-tgstar {
    background-position: 0 -106px;
}

.icons-video {
    background-position: 0 -216px;
}

.icons-video:hover,
.icons-video.video-hover {
    background-position: 0 -240px;
}

.more-menu-icon {
    position: relative;
    padding: 12px 10px 0 10px;
    height: 30px;
    width: 20px;
    display: block;
    float: left;
    cursor: pointer;
    color: white;
    font-size: 20px;
}

.more-menu-icon:hover {
    background-color: black;
}

.more-menu-icon.more-menu-icon-right {
    float: right;
    border-right: none;
}

.more-menu-trigger {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.more-menu-close {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: black;
    z-index: 2;
}

.more-menu-close .icon-close {
    position: absolute;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    position: relative;
    float: left;
}

.about-icon {
    background: url(/wp-content/themes/pk_trail_genius/images/activity-lite-tg.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 5px 7px;
}

.icon-cog2 {
    line-height: 24px;
}

.icon-target {
    line-height: 24px;
}

.pano-share {
    position: relative;
    margin-left: -2px;
    background-position: 0 0;
    width: 24px;
    height: 18px;
    float: left;
    cursor: pointer;
}

.pano-share:hover,
.pano-share.pano-hover {
    background-position: 0 -28px;
}

.pano-share.share-active {
    color: #FF6600;
}

.video-share {
    position: relative;
    background-position: 0 -216px;
    width: 18px;
    height: 14px;
    float: left;
    margin: 4px 0 0 3px;
    cursor: pointer;
}

.video-share:hover,
.video-share.video-hover {
    background-position: 0 -240px;
}

.photo-share {
    position: relative;
    background-position: 0 -56px;
    width: 19px;
    height: 15px;
    float: left;
    margin: 4px 0 0 2px;
    cursor: pointer;
}

.photo-share:hover,
.photo-share.photo-hover {
    background-position: 0 -81px;
}

.trail-system-name {
    float: left;
    margin-left: 10px;
    margin-top: 6px;
    color: white;
    font-size: 20px;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.count-bubble {
    position: absolute;
    width: 11px;
    height: 11px;
    color: black;
    background: #ff6600;
    font-size: 9px;
    line-height: 13px;
    padding: 1px;
    border-radius: 7px;
    font-family: sans-serif;
    text-align: center;
}

.pano-count {
    top: 12px;
    right: 9px;
}

.video-count {
    top: 8px;
    right: 10px;
}

.photo-count {
    top: 8px;
    right: 10px;
}

.extras-item {
    position: absolute;
    top: 41px;
    left: 0;
    width: 100%;
    background: black;
}

.extras-item .table-head {
    height: auto;
    float: left;
    width: 100%;
    padding: 10px 10px 5px 10px;
}

.extras-item ul {
    display: block;
    float: left;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

.extras-item ul li {
    color: #A0A19D;
    list-style: none;
    text-align: left;
    height: 27px;
    width: 100%;
    font-size: 20px;
    line-height: 26px;
    padding: 5px 15px;
    margin: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    cursor: pointer;
    border-bottom: solid thin #393B33;
}

.extras-item ul li .list-trail-name {
    float: left;
    width: auto;
}

.extras-item ul li .list-trail-name:hover {
    color: #ff6600;
}

#about-hud {
    font-size: 20px;
}

#about-hud .field-name-field-image {
    float: left;
    margin: 20px 20px 0 20px;
}

#about-hud .field-name-field-image img {
    width: 150px;
    height: auto;
}

#about-hud .field-name-body {
    margin-top: 20px;
    padding-right: 20px;
}

#about-hud .field-name-body p {
    padding-left: 20px;
    line-height: 25px !important;
}

#about-hud .field-name-body p span {
    line-height: 25px !important;
}

#about-hud ul {
    margin: 0 20px 20px 20px;
}

#about-hud ul li {
    display: block;
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    border: none;
}

#about-hud ul li a {
    display: block;
    float: left;
    width: 120px;
    height: auto;
    border-bottom: none;
    margin-right: 20px;
    margin-top: 20px;
    padding: 8px 15px 7px;
    background-image: url(/wp-content/themes/pk_trail_genius/images/menu_break.gif) no-repeat 0 10px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$tg-color-orange', endColorstr='$tg-color-light-orange');
    background: -webkit-gradient(linear, left top, left bottom, from(#FC9245), to(#ff6600));
    background: -moz-linear-gradient(top, #FC9245, #ff6600);
    text-align: center;
    color: #000000;
    font-size: 22px;
    text-shadow: -1px -1px #ff6600, 1px 1px #FC9245;
}

#about-hud ul li a:hover {
    text-decoration: none;
    color: #ffffff;
}

#share-hud {
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 20px;
}

#share-hud .hud-item {
    float: left;
    width: 94%;
    padding: 0 10px 0 10px;
}

#share-hud .share-social {
    margin-top: 10px;
}

#share-hud .share-social #fb-custom-share {
    display: block;
    width: 156px;
    height: 0;
    padding-top: 30px;
    overflow: hidden;
    background: url(/wp-content/themes/pk_trail_genius/images/facebook_share_button.png) no-repeat 0 0;
}

#share-hud .share-url {
    margin: 10px;
    padding: 5px 0 5px 5px;
}

#share-hud .share-value,
#share-hud .share-title .map-name {
    color: #FF6600;
}

#map-expand {
    display: none;
    position: absolute;
    bottom: 155px;
    right: 0;
    z-index: 500;
    width: 25px;
    background: #20211D;
    padding: 10px 15px 10px 10px;
    border-radius: 8px 0 0 8px;
    -webkit-box-shadow: -2px 4px 15px -5px black;
    -moz-box-shadow: -2px 4px 15px -5px black;
    box-shadow: -2px 4px 15px -5px black;
    -webkit-transition: width 0.5s ease-out;
    -moz-transition: width 0.5s ease-out;
    -ms-transition: width 0.5s ease-out;
    -o-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
}

#map-expand a {
    text-decoration: none;
}

#map-expand .instructions {
    position: absolute;
    top: 11px;
    left: 48px;
    width: 55px;
    display: none;
    color: white;
    text-transform: uppercase;
    font-family: 'BenchNine', sans-serif;
    font-size: 24px;
}

#map-expand:hover {
    width: 90px;
}

#map-expand:hover .instructions {
    display: block;
}

#map-expand .icon-expand {
    color: #A0A19D;
    font-size: 24px;
    float: left;
}

#tg-star {
    position: absolute;
    bottom: 40px;
    right: 20px;
    z-index: 1;
}

#tg-star a {
    display: block;
    background-position: 0 -106px;
    width: 100px;
    height: 100px;
    opacity: .6;
}

#tg-star a:hover {
    opacity: 1;
}

#more-menu {
    position: absolute;
    top: 0;
    z-index: 500;
    min-width: 100%;
    text-align: left;
    color: #A0A19D;
    background: url(/wp-content/themes/pk_trail_genius/images/393b33b3-5.png?1507233435);
    background: rgba(57, 59, 51, 0.7);
    line-height: 31px;
    -webkit-box-shadow: -2px 4px 15px -5px black;
    -moz-box-shadow: -2px 4px 15px -5px black;
    box-shadow: -2px 4px 15px -5px black;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    font-family: 'BenchNine', sans-serif;
}

#more-menu .share-other-social {
    float: left;
    margin-top: 5px;
    margin-left: 10px;
}

#more-menu .social-chicklets {
    width: auto;
}

#more-menu .social-chicklets a {
    color: white;
}

#more-menu .social-chicklets a {
    display: block;
    float: left;
}

#more-menu .social-chicklets .chicklet {
    float: left;
    font-size: 22px;
    margin: 8px 8px;
}

#more-menu .icon-menu:hover .icon-menu {
    color: white;
}

#more-menu .icon-menu:hover .more-menu-text {
    color: white;
}

#mapCenterLatLon {
    float: left;
    font-size: 20px;
    padding: 0 10px 10px 10px;
}

.toggle-group,
.toggle-expand-collapse {
    font-size: 12px;
    cursor: pointer;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
}

.toggle-group .toggle-group-on,
.toggle-expand-collapse .toggle-group-on {
    padding: 0 2px 0 4px;
    border-radius: 8px 0 0 8px;
    border: solid thin #A0A19D;
}

.toggle-group .toggle-group-on.active,
.toggle-expand-collapse .toggle-group-on.active {
    background: #A0A19D;
    color: #20211D;
}

.toggle-group .toggle-group-off,
.toggle-expand-collapse .toggle-group-off {
    padding: 0 4px 0 2px;
    border-radius: 0 8px 8px 0;
    border: solid thin #A0A19D;
}

.toggle-group .toggle-group-off.active,
.toggle-expand-collapse .toggle-group-off.active {
    background: #A0A19D;
    color: #20211D;
}

.toggle-expand-collapse {
    margin-left: 5px;
}

.map-type-setting {
    float: left;
    margin-left: 23px;
    margin-top: 6px;
}

.map-type-setting select {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='#000' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>");
    background-color: #A0A19D;
    background-repeat: no-repeat;
    background-position: right 8px top 2px;
    background-size: 16px 16px;
    color: black;
    padding: 0px 50px 0px 10px;
    width: auto;
    font-family: 'BenchNine', sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -webkit-appearance: none;
    border: 0;
    outline: 0;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -ms-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
}

#myContainerDiv {
    position: absolute;
    top: 0;
    left: -3000px;
    width: 636px;
    height: 390px;
    z-index: 400;
}

.kolor-360 {
    position: absolute;
    top: 0;
    left: 50px;
    cursor: pointer;
}

.kolor-360:hover {
    color: #ff6600;
}

.kolor-360 .icon-cycle {
    font-size: 14px;
    margin-right: 4px;
}

#endPopUp {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: 'BenchNine', sans-serif;
    background: url(/wp-content/themes/pk_trail_genius/images/000000cc-5.png?1507233435);
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    z-index: 10;
}

#endPopUp:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}

#endPopUp .wrapper {
    display: inline-block;
    vertical-align: middle;
    width: 60%;
}

#endPopUp .wrapper .message {
    font-size: 32px;
    line-height: 38px;
    color: white;
    text-align: center;
}

#endPopUp .wrapper .sub-message {
    color: white;
    font-size: 20px;
    line-height: 24px;
}

#endPopUp .wrapper .youtube-thumb {
    position: relative;
    width: 200px;
    height: 150px;
    margin: 0 auto;
    margin-top: 10px;
}

#endPopUp .wrapper .youtube-thumb .hot-spot {
    cursor: pointer;
}

#endPopUp .wrapper .youtube-thumb .icon-play {
    display: block;
    position: absolute;
    top: 52px;
    left: 73px;
    color: white;
    font-size: 25px;
    background: url(/wp-content/themes/pk_trail_genius/images/000000b3-5.png?1507233435);
    background: rgba(0, 0, 0, 0.7);
    padding: 8px 12px 8px 16px;
    border-radius: 8px;
}

#endPopUp .wrapper .youtube-thumb .trail-name {
    color: white;
    position: absolute;
    display: block;
    width: 200px;
    top: 0;
    left: 0;
    font-size: 16px;
}

#endPopUp .wrapper .youtube-thumb img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 150px;
}

#endPopUp .wrapper .close {
    color: white;
    font-size: 16px;
    margin-top: 20px;
    cursor: pointer;
}

#endPopUp .wrapper .close:hover .icon-cancel-circle {
    color: grey;
}

#endPopUp .wrapper .close .icon-cancel-circle {
    font-size: 11px;
    margin-right: 5px;
}

#endPopUp .wrapper ul.link-list {
    margin-top: 10px;
    list-style: none;
}

#endPopUp .wrapper ul.link-list li {
    margin: 0;
    padding: 0 0 5px 0;
    text-align: center;
}

#endPopUp .wrapper ul.link-list li a {
    font-size: 24px;
}

.infobubble-close {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 15px;
    color: #A0A19D;
    cursor: pointer;
    opacity: 0.4;
}

.infobubble-close:hover {
    color: #ffffff;
    opacity: 1;
}

.infobubble-title {
    float: left;
    font-size: 20px;
    width: 90%;
    margin-right: 30px;
    text-align: left;
    line-height: 19px;
    color: #A0A19D;
    margin-bottom: 10px;
}

.infobubble-desc {
    float: left;
    width: 100%;
    text-align: left;
    color: #A0A19D;
    font-size: 14px;
    margin: 10px 0 25px 0;
}

.infobubble-img {
    display: block;
    float: left;
    width: 100%;
}

ul.infobubble-action {
    position: relative;
    float: left;
    width: 100%;
    min-height: 58px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.infobubble-action li {
    display: inline-block;
    color: #A0A19D;
    text-align: center;
    padding: 0;
    margin: 0 10px;
    cursor: pointer;
}

ul.infobubble-action li:hover {
    color: #ffffff;
}

ul.infobubble-action li.share-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
}

ul.infobubble-action li.share-overlay:hover {
    color: #A0A19D;
}

ul.infobubble-action li.share-overlay input {
    width: 94%;
    height: 37px;
    font-size: 18px;
}

ul.infobubble-action li.share-overlay .icon-cancel-circle {
    position: absolute;
    top: -10px;
    right: 0;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

ul.infobubble-action li.share-overlay .icon-cancel-circle:hover {
    color: #393B33;
}

ul.infobubble-action li span {
    font-size: 20px;
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

ul.infobubble-action li span.share-overlay-info {
    font-size: 12px;
}

ul.infobubble-action li a {
    color: #A0A19D;
}

ul.infobubble-action li a:hover {
    color: #ffffff;
    text-decoration: none;
}

.infobubble-iframe {
    position: relative;
    float: left;
    width: 100%;
    min-width: 320px;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.infobubble-iframe iframe,
.infobubble-iframe object,
.infobubble-iframe embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width:568px) {

    #map-settings,
    #map-zoom-out,
    #map-zoom-in {
        display: none;
    }

    #about-hud ul li:nth-child(n+2) {
        display: none;
    }
}

@media (max-height:414px) {
    .sidebar {
        display: none !important;
    }
}

@media (max-height:768px) and (min-width:1280px) {
    .sidebar {
        width: 25%;
    }
}

@media (max-height:768px) and (min-width:2000px) {
    .sidebar {
        width: 20%;
    }
}

@media (max-width:800px) {

    .trail-max,
    .trail-min,
    .trail-gain,
    .trail-loss {
        display: none;
    }
}

@media (max-width:420px) {
    .sidebar {
        width: 100%;
        height: auto;
    }

    .sidebar #hud,
    .sidebar #cameras,
    .sidebar #trail-name,
    .sidebar #trail-more,
    .sidebar #video-tracking,
    .sidebar #mountain-wrapper {
        display: none !important;
    }

    .sidebar #video-holder {
        padding-bottom: 0;
        padding-top: 0;
        height: 75px;
    }

    .main {
        width: 100%;
        float: left;
    }

    .infobubble-iframe {
        min-width: 290px;
    }

    .infobubble-img {
        float: none;
        width: auto;
        max-height: 230px;
        max-width: 280px;
        margin: 0 auto;
    }

    #tg-star {
        bottom: 25px;
        right: 10px;
    }

    #tg-star a {
        width: 60px;
        height: 60px;
        background-size: 100%;
        opacity: 1;
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:736px) {
    #pre-loader #pre-loader-message {
        padding-bottom: 50px;
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {}

.marker-bubble-wrapper {
    position: relative;
    font-family: 'BenchNine', sans-serif;
    font-size: 16px;
    max-width: 230px;
    overflow: hidden;
}

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

.marker-bubble-wrapper table td {
    padding: 0;
    margin: 0;
}

.marker-bubble-wrapper .infobubble-close {
    top: 0px;
    right: 0;
}

.marker-bubble-wrapper.mini {
    width: 40px;
}

.markerbubble-title {
    float: left;
    font-size: 20px;
    width: 140px;
    text-align: left;
    line-height: 19px;
    color: #A0A19D;
    margin-bottom: 10px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.makerbubble-profile {
    position: relative;
    width: 230px;
    height: 50px;
    overflow: hidden;
    float: left;
    padding-top: 10px;
    margin-top: 10px;
}

#makerbubble-tracking {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#makerbubble-tracking #makerbubble-tracker {
    position: absolute;
    top: 0;
    left: -1px;
    width: 1px;
    height: 100%;
}

#markerbubble-chart {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 230px;
    height: 50px;
}

.markerbubble-dist {
    position: relative;
    float: left;
    width: 120px;
}

.markerbubble-dist>span {
    float: left;
    width: 100%;
    text-align: left;
    min-height: 20px;
}

#markerbubble-elevation {
    position: absolute;
    left: 0;
    top: -3px;
    z-index: 1;
}

#markerbubble-emax {
    float: left;
    margin-right: 10px;
}

#markerbubble-emin {
    float: left;
}

.markerbubble-activity {
    position: relative;
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 10px;
}

.markerbubble-activity .markerbubble-activity-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background-color: #ffffff;
}

.markerbubble-activity .markerbubble-activity-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
}

.markerbubble-activity .markerbubble-activity-icon.activity-default {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/default.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-mtb {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/biking-mtb.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-fatBike {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/fatbike.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-triBike {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/biking-tri.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-cruiser {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/biking-cruiser.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-snowmobile {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/snowmobile.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-run {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/running.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-road {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/biking-road.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-swim {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/swimming.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-xc {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/xc.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-alpine {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/alpine.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-snowboard {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/snowboard.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-boating {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/boating.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-kayaking {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/kayaking.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-canoeing {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/canoeing.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-atv {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/atv.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-climbing {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/climbing.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-disc-golf {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/disc_golf.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-golfing {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/golfing.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-hiking {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/hiking.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-zip-line {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/zip_line.png);
    background-size: 60px 60px;
}

.markerbubble-activity.mini {
    width: 40px;
    height: 40px;
    margin-right: 0;
}

.markerbubble-activity.mini .markerbubble-activity-bg {
    width: 40px;
    height: 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon {
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-default {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-mtb {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-fatBike {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-triBike {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-cruiser {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-snowmobile {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-run {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-swim {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-xc {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-alpine {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-snowboard {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-boating {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-kayaking {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-canoeing {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-atv {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-road {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-climbing {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-disc-golf {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-golfing {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-hiking {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-zip-line {
    background-size: 40px 40px;
}

.markerbubble-prev {
    float: left;
    color: #555;
    cursor: pointer;
}

.markerbubble-prev span {
    font-size: 12px;
}

.markerbubble-next {
    float: right;
    color: #555;
    cursor: pointer;
}

.markerbubble-next span {
    font-size: 12px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \000039
    }
}

.jspContainer {
    overflow: hidden;
    position: relative;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \0000315
    }
}

.jspPane {
    position: absolute;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \0000320
    }
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 100%;
    background: red;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \0000330
    }
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \0000341
    }
}

.jspVerticalBar *,
.jspHorizontalBar * {
    margin: 0;
    padding: 0;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \0000347
    }
}

.jspCap {
    display: none;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \0000352
    }
}

.jspHorizontalBar .jspCap {
    float: left;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \0000357
    }
}

.jspTrack {
    background: #dde;
    position: relative;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \0000363
    }
}

.jspDrag {
    background: #bbd;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \0000373
    }
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \0000379
    }
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \0000387
    }
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \0000393
    }
}

.jspVerticalBar .jspArrow {
    height: 16px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \0000398
    }
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \00003105
    }
}

.jspVerticalBar .jspArrow:focus {
    outline: none;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \00003110
    }
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \00003118
    }
}

* html .jspCorner {
    margin: 0 -3px 0 0;
}

#sb-title-inner,
#sb-info-inner,
#sb-loading-inner,
div.sb-message {
    font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 200;
    color: #fff;
}

#sb-container {
    position: fixed;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    z-index: 999;
    text-align: left;
    visibility: hidden;
    display: none;
}

#sb-overlay {
    position: relative;
    height: 100%;
    width: 100%;
}

#sb-wrapper {
    position: absolute;
    visibility: hidden;
    width: 100px;
}

#sb-wrapper-inner {
    position: relative;
    border: 1px solid #303030;
    overflow: hidden;
    height: 100px;
}

#sb-body {
    position: relative;
    height: 100%;
}

#sb-body-inner {
    position: absolute;
    height: 100%;
    width: 100%;
}

#sb-player.html {
    height: 100%;
    overflow: auto;
}

#sb-body img {
    border: none;
}

#sb-loading {
    position: relative;
    height: 100%;
}

#sb-loading-inner {
    position: absolute;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    top: 50%;
    margin-top: -12px;
    width: 100%;
    text-align: center;
}

#sb-loading-inner span {
    background: url(/sites/all/themes/trailgenius_v2/assets/js/shadowbox/loading.gif) no-repeat;
    padding-left: 34px;
    display: inline-block;
}

#sb-body,
#sb-loading {
    background-color: #060606;
}

#sb-title,
#sb-info {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#sb-title,
#sb-title-inner {
    height: 26px;
    line-height: 26px;
}

#sb-title-inner {
    font-size: 16px;
}

#sb-info,
#sb-info-inner {
    height: 20px;
    line-height: 20px;
}

#sb-info-inner {
    font-size: 12px;
}

#sb-nav {
    float: right;
    height: 16px;
    padding: 2px 0;
    width: 45%;
}

#sb-nav a {
    display: block;
    float: right;
    height: 16px;
    width: 16px;
    margin-left: 3px;
    cursor: pointer;
    background-repeat: no-repeat;
}

#sb-nav-close {
    background-image: url(/sites/all/themes/trailgenius_v2/assets/js/shadowbox/close.png);
}

#sb-nav-next {
    background-image: url(/sites/all/themes/trailgenius_v2/assets/js/shadowbox/next.png);
}

#sb-nav-previous {
    background-image: url(/sites/all/themes/trailgenius_v2/assets/js/shadowbox/previous.png);
}

#sb-nav-play {
    background-image: url(/sites/all/themes/trailgenius_v2/assets/js/shadowbox/play.png);
}

#sb-nav-pause {
    background-image: url(/sites/all/themes/trailgenius_v2/assets/js/shadowbox/pause.png);
}

#sb-counter {
    float: left;
    width: 45%;
}

#sb-counter a {
    padding: 0 4px 0 0;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
}

#sb-counter a.sb-counter-current {
    text-decoration: underline;
}

div.sb-message {
    font-size: 12px;
    padding: 10px;
    text-align: center;
}

div.sb-message a:link,
div.sb-message a:visited {
    color: #fff;
    text-decoration: underline;
}

.ctools-locked {
    color: red;
    border: 1px solid red;
    padding: 1em;
}

.ctools-owns-lock {
    background: #FFFFDD none repeat scroll 0 0;
    border: 1px solid #F0C020;
    padding: 1em;
}

a.ctools-ajaxing,
input.ctools-ajaxing,
button.ctools-ajaxing,
select.ctools-ajaxing {
    padding-right: 18px !important;
    background: url(/sites/all/modules/ctools/images/status-active.gif) right center no-repeat;
}

div.ctools-ajaxing {
    float: left;
    width: 18px;
    background: url(/sites/all/modules/ctools/images/status-active.gif) center center no-repeat;
}

.views_slideshow_cycle_no_display,
.views_slideshow_cycle_hidden,
.views_slideshow_cycle_controls,
.views_slideshow_cycle_image_count {
    display: none;
}

.views_slideshow_cycle_pager div a img {
    width: 75px;
    height: 75px;
}

.views_slideshow_pager_numbered div,
.views_slideshow_pager_thumbnails div {
    display: inline;
    padding-left: 10px;
}

.views_slideshow_cycle_pager.thumbnails a.activeSlide img {
    border: 3px solid #000;
}

.views_slideshow_cycle_pager.numbered a.activeSlide {
    text-decoration: underline;
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

html {
    overflow-y: hidden !important;
}

body {
    overflow: hidden;
}

table,
td,
tr {
    padding: 0;
    margin: 0;
}

:focus {
    outline-color: transparent;
    outline-style: none;
}

.region-content,
.block-system,
.content {
    height: 100%;
}

.wrap {
    overflow: hidden;
    height: 100%;
    width: 100%;
}

#pre-loader {
    display: table;
    background: #393B33;
    position: absolute;
    top: 0;
    left: 0;
    width: 91%;
    height: 100%;
    z-index: 550;
    padding: 0 5%;
}

#pre-loader #pre-loader-message {
    display: table-cell;
    vertical-align: middle;
    color: white;
    text-align: center;
    width: 300px;
    margin: 0 auto;
    padding-bottom: 200px;
}

#pre-loader #pre-loader-message .loader-wrapper {
    position: relative;
    margin: 0 auto;
    width: 75px;
    height: 74px;
    margin-bottom: 20px;
}

#pre-loader #pre-loader-message .loader-wrapper .loader-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 75px;
    height: 74px;
    background: url(/wp-content/themes/pk_trail_genius/images/TGloaderRetinaBG.png) no-repeat 0 0;
    background-size: 75px 74px;
}

#pre-loader #pre-loader-message .loader-wrapper .loader-gif {
    position: absolute;
    top: 0;
    left: 0;
    width: 75px;
    height: 74px;
    background: url(/wp-content/themes/pk_trail_genius/images/TGloaderRetina.gif) no-repeat 0 0;
    background-size: 75px 74px;
}

.sidebar {
    position: relative;
    width: 40%;
    float: left;
    height: 100%;
    background: #393B33;
    z-index: 100;
    -webkit-box-shadow: 8px 0 20px -6px black;
    -moz-box-shadow: 8px 0 20px -6px black;
    box-shadow: 8px 0 20px -6px black;
}

#edge-shadow {
    position: absolute;
    top: 0;
    left: 640px;
    width: 10px;
    height: 1000px;
    z-index: 1;
    background: url(/wp-content/themes/pk_trail_genius/images/edge-shadow.png) repeat-y 0 0;
}

#video-holder {
    z-index: 0;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

#video-holder iframe,
#video-holder object,
#video-holder embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#hud {
    display: block;
    width: 120px;
    background: url(/wp-content/themes/pk_trail_genius/images/000000b3-5.png);
    background: rgba(0, 0, 0, 0.7);
    font-family: "BenchNine", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: white;
    z-index: 1000;
    position: absolute;
    top: 35px;
    left: 0;
    padding: 0 10px;
    text-align: right;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

#hud li {
    list-style-type: none;
    font-size: 20px;
    padding: 5px 0;
    margin: 0;
}

#hud #speed-stats {
    font-size: 30px;
    line-height: 25px;
}

#hud .little-label {
    font-size: 15px;
}

.medium #hud,
.large #hud {
    width: 130px;
}

.medium #hud #speed-stats,
.large #hud #speed-stats {
    font-size: 50px;
    line-height: 30px;
    padding-top: 20px;
}

.medium #hud li,
.large #hud li {
    font-size: 28px;
    padding: 2px 0 8px;
}

.ios #hud li {
    font-size: 14px !important;
}

.ios #hud #speed-stats {
    font-size: 20px !important;
    line-height: 25px;
}

.ios .little-label {
    font-size: 10px !important;
}

#mountain-wrapper {
    width: 100%;
    position: relative;
    float: left;
}

#trail-name {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 10px;
}

#trail-name .trail-system-name-wrap {
    float: left;
    width: 80%;
}

#trail-name .trail-system-name-wrap .trail-system-name {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 900;
    color: #20211D;
    font-size: 24px;
    padding-left: 10px;
    float: left;
    margin-bottom: 12px;
}

#trail-name .trail-system-name-wrap .current-trail-name {
    float: left;
    color: #A0A19D;
    margin-left: 12px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 22px;
    font-family: 'BenchNine', sans-serif;
}

#trail-name .trail-system-social {
    float: left;
    width: 20%;
}

#trail-name .trail-system-social .fb-like {
    float: right;
    padding-right: 10px;
}

#trail-tabs {
    display: none;
    position: absolute;
    top: 394px;
    right: 5px;
}

#trail-tabs a.info {
    display: block;
    background: url(/wp-content/themes/pk_trail_genius/images/info-button.png) no-repeat 0 0;
    width: 38px;
    height: 0;
    padding-top: 27px;
    overflow: hidden;
    float: left;
}

#trail-tabs a.info:hover {
    background-position: 0 -27px;
}

#trail-tabs a.share {
    display: block;
    background: url(/wp-content/themes/pk_trail_genius/images/share-button.png) no-repeat 0 0;
    width: 55px;
    height: 0;
    padding-top: 27px;
    overflow: hidden;
    float: left;
    margin-left: 5px;
}

#trail-tabs a.share:hover {
    background-position: 0 -27px;
}

#video-tracking {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
    overflow: hidden;
}

#video-tracking #topo-marker {
    position: absolute;
    width: 2px;
    height: 100%;
    background: #F60;
    top: 0;
    left: -3px;
    opacity: 0.7;
}

#video-tracking #topo-genius {
    position: absolute;
    top: 0;
    left: 0;
}

#video-tracking #topo-genius .test {
    width: 3px;
    height: 5px;
    background: #F60;
    position: absolute;
}

#visualization {
    width: 100%;
}

#map-list {
    width: 100%;
    float: left;
    background: #20211D;
    font-family: 'BenchNine', sans-serif;
    font-weight: 400;
    font-size: 18px;
    bottom: 0;
    top: 0;
    position: absolute;
}

#map-list .copy-right {
    float: left;
    font-size: 14px;
    margin-top: 5px;
    margin-left: 10px;
    color: #444;
}

#map-list .iframe-links {
    float: right;
    font-size: 14px;
    margin-top: 5px;
    margin-right: 10px;
}

#trail-list {
    margin-top: 0;
}

.legend-group {
    float: left;
    width: 100%;
    position: relative;
    color: #A0A19D;
    margin-top: 5px;
}

.legend-list {
    width: auto;
    float: left;
    max-width: 50%;
}

.legend-title {
    float: left;
    width: 100%;
    padding-bottom: 6px;
}

.legend-title .trail-system-name {
    float: left;
    font-size: 32px;
    line-height: 16px;
}

.legend-title .trail-system-name span {
    text-transform: none;
    margin-left: 20px;
    font-size: 20px;
}

.list-trail-profile {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 5000;
}

.table-head,
.table-footer {
    padding: 4px 11px;
}

.table-head .list-title,
.table-footer .list-title {
    font-size: 24px;
    color: white;
    float: left;
    width: 40%;
}

.table-head .list-title .list-title-text,
.table-footer .list-title .list-title-text {
    display: block;
    float: left;
    line-height: 30px;
    margin-right: 5px;
}

.table-head .list-title .group-total,
.table-footer .list-title .group-total {
    color: #A0A19D;
    font-size: 18px;
}

.table-head .list-trail-name,
.table-footer .list-trail-name {
    float: left;
    width: 40%;
}

.table-head .full-width,
.table-footer .full-width {
    width: 100%;
    float: none;
}

.table-head .trail-max,
.table-footer .trail-max {
    width: 10%;
    float: left;
    text-align: right;
}

.table-head .trail-min,
.table-footer .trail-min {
    width: 10%;
    float: left;
    text-align: right;
}

.table-head .trail-gain,
.table-footer .trail-gain {
    width: 10%;
    float: left;
    text-align: right;
}

.table-head .trail-loss,
.table-footer .trail-loss {
    width: 10%;
    float: left;
    text-align: right;
}

.table-head .trail-distance,
.table-footer .trail-distance {
    text-align: right;
}

.table-head {
    height: 27px;
    padding-left: 5px;
    line-height: 35px;
}

#trail-list .table-head {
    border-bottom: solid thin #393B33;
}

.scroll-pane {
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    bottom: 61px;
}

.scroll-pane ul.regular-list {
    margin: 0;
    padding: 0;
}

.scroll-pane ul.regular-list li {
    display: block;
    position: relative;
    list-style: none;
    margin: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    padding: 4px 11px;
    cursor: pointer;
    color: #555;
}

.scroll-pane ul.regular-list li:hover {
    color: white;
}

.scroll-pane ul.table-row {
    margin: 0;
    padding: 0;
}

.scroll-pane ul.table-row li {
    display: block;
    position: relative;
    list-style: none;
    margin: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    padding: 4px 11px;
    cursor: pointer;
}

.scroll-pane ul.table-row li.heading-on {
    padding-left: 25px;
}

.scroll-pane ul.table-row li.list-heading {
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 10px;
    cursor: default !important;
}

.scroll-pane ul.table-row li.list-heading .list-heading-text {
    float: left;
    margin-right: 10px;
}

.scroll-pane ul.table-row li .list-trail-color {
    width: 12px;
    height: 12px;
    float: left;
    margin-top: 2px;
    margin-right: 8px;
    border: solid thin #393B33;
}

.scroll-pane ul.table-row li .list-trail-name {
    float: left;
    width: 40%;
    overflow: hidden;
    height: 17px;
}

.scroll-pane ul.table-row li .trail-max {
    width: 10%;
    float: left;
    text-align: right;
    color: #555;
    font-size: 16px;
}

.scroll-pane ul.table-row li .trail-min {
    width: 10%;
    float: left;
    text-align: right;
    color: #555;
    font-size: 16px;
}

.scroll-pane ul.table-row li .trail-gain {
    width: 10%;
    float: left;
    text-align: right;
    color: #555;
    font-size: 16px;
}

.scroll-pane ul.table-row li .trail-loss {
    width: 10%;
    float: left;
    text-align: right;
    color: #555;
    font-size: 16px;
}

.scroll-pane ul.table-row li .trail-distance {
    text-align: right;
}

.scroll-pane ul.table-row li.list-item:hover,
.scroll-pane ul.table-row li.list-item.active,
.scroll-pane ul.table-row li.list-item.playing {
    background: #393B33;
}

.jspVerticalBar {
    width: 9px !important;
}

.jspVerticalBar .jspTrack {
    background: #393B33;
    position: relative;
}

.jspVerticalBar .jspTrack .jspDrag {
    background: #A0A19D;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.trail-system-totals {
    margin-top: 5px;
}

.trail-system-totals .totals-title {
    float: left;
    width: 70%;
}

.trail-system-totals .totals-distance {
    text-align: right;
    margin-right: 20px;
}

.map-list-header {
    position: absolute;
    top: 0;
    left: 0;
    height: 35px;
    width: 100%;
    border-bottom: solid thin #393B33;
    color: #A0A19D;
}

.map-list-footer {
    position: absolute;
    height: 60px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #20211D;
    border-top: solid thin #393B33;
    color: #A0A19D;
}

#trail-more {
    position: absolute;
    top: 445px;
    left: 20px;
    width: 600px;
    color: #20211D;
    display: none;
}

.left-stuff {
    width: 320px;
    float: left;
}

.right-stuff {
    float: left;
    margin-left: 20px;
}

#photoViewer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
}

#photoViewer img {
    width: 636px;
}

.small #photoViewer img {
    width: 500px;
}

#panoViewer {
    position: absolute;
    top: 0;
    left: -5000px;
    z-index: 500;
}

.pano {
    position: absolute;
    top: 0;
    left: 0;
    width: 636px;
    height: 390px;
    overflow: hidden;
}

.small .pano {
    width: 500px;
}

#photo-shade {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/wp-content/themes/pk_trail_genius/images/000000b3-5.png);
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    z-index: 10;
}

#photo-shade a {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 375px;
}

.small #photo-shade a {
    margin-top: 300px;
}

#video-shade {
    display: none;
    position: absolute;
    top: 390px;
    left: 0;
    background: url(/wp-content/themes/pk_trail_genius/images/000000b3-5.png);
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    z-index: 10;
}

#video-shade a {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 15px;
}

.small #video-shade {
    top: 310px;
}

#pano-shade {
    display: none;
    position: absolute;
    top: 390px;
    left: 0;
    background: url(/wp-content/themes/pk_trail_genius/images/000000d9-5.png);
    background: rgba(0, 0, 0, 0.85);
    width: 100%;
    height: 100%;
    z-index: 10;
    font-family: 'BenchNine', sans-serif;
    color: #c4c4c4;
    font-size: 18px;
}

#pano-shade a {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 15px;
}

.small #pano-shade {
    top: 390px;
}

.pano-shade-title {
    color: white;
    font-size: 24px;
    margin: 10px;
}

.pano-shade-latlon {
    margin: 5px 10px;
    float: left;
}

.pano-shade-desc {
    margin: 5px 10px;
    float: left;
}

.main {
    position: relative;
    height: 100%;
    overflow: hidden;
    text-align: center;
}

#right-column {
    padding: 0;
    margin: 0;
}

#mapDiv {
    width: 100%;
    height: 100%;
}

#userLocationToggle {
    position: absolute;
    top: 5px;
    right: 120px;
    z-index: 500;
    background: white;
    padding: 1px 5px;
    border: solid thin black;
    box-shadow: 0px 2px 4px grey;
    font-family: Arial, sans-serif;
    font-size: 13px;
    cursor: pointer;
}

#marker-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200px;
    height: auto;
    padding: 10px;
    background: url(/wp-content/themes/pk_trail_genius/images/000000d9-5.png);
    background: rgba(0, 0, 0, 0.85);
    color: white;
    border-radius: 10px;
    display: none;
    z-index: 100;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#marker-info .marker-info-title {
    color: #ff6600;
    font-size: 20px;
    line-height: 24px;
}

#marker-info .marker-info-text {
    font-size: 12px;
    margin-bottom: 10px;
}

#marker-info .marker-info-pointer {
    position: absolute;
    bottom: -20px;
    left: 90px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid rgba(0, 0, 0, 0.85);
}

#cameras,
#camera_style {
    position: absolute;
    width: 75px;
    height: 30px;
    background: url(/wp-content/themes/pk_trail_genius/images/000000b3-5.png);
    background: rgba(0, 0, 0, 0.7);
    font-family: 'BenchNine', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: white;
    z-index: 500;
    top: 136px;
    left: 0;
    padding: 0 10px;
    text-align: right;
    line-height: 30px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

#camera_style {
    left: 50%;
    margin-left: -40px;
    -moz-border-radius: 8px;
    -webkit-borderradius: 8px;
    border-radius: 8px;
    top: 0px;
}

#camera_style a {
    text-decoration: none;
}

#camera_style a:hover {
    text-decoration: none;
}

.medium #cameras,
.large #cameras {
    top: 170px;
}

#cameras-style-chooser {
    display: flex;
    flex-direction: column;
    position: relative;
    top: 0;
}

#cameras-style-chooser .video-img {
    display: flex;
    justify-content: center;
    margin-bottom: 3px;
}

.cameras-sprite,
.cameras-switcher,
.cameras-style-switcher,
.front-rider,
.rear-rider,
.snowmobile,
.front-helmet-1,
.front-chest-1,
.front-bars-1,
.front-fork-1,
.rear-helmet-1,
.rear-seat-1,
.front-helmet-2,
.front-chest-2,
.front-bars-2,
.front-fork-2,
.rear-helmet-2,
.rear-seat-2,
.sm-front-helmet-1,
.sm-front-pole-1,
.sm-rear-pole-1 {
    background-image: url(/wp-content/themes/pk_trail_genius/images/cameras-s7665091778.png);
    background-repeat: no-repeat;
}

.cv {
    overflow: hidden;
    position: absolute;
}

.id {
    cursor: pointer;
}

.cameras-switcher,
.cameras-style-switcher {
    overflow: hidden;
    position: absolute;
    top: 7px;
    left: 10px;
    background-position: 0 -1213px;
    width: 28px;
    height: 15px;
}

.cameras-switcher:active,
.cameras-switcher.switch-active,
.cameras-style-switcher:active,
.cameras-style-switcher.switch-active {
    background-position: 0 -1228px;
}

.front-rider {
    top: 30px;
    left: 50px;
    background-position: 0 -180px;
    width: 145px;
    height: 149px;
}

.front-rider:active,
.front-rider.r1-active {
    background-position: 0 -329px;
}

.rear-rider {
    top: 30px;
    left: 230px;
    background-position: 0 -478px;
    width: 145px;
    height: 149px;
}

.rear-rider:active,
.rear-rider.r2-active {
    background-position: 0 -627px;
}

.snowmobile {
    top: 75px;
    left: 20px;
    background-position: 0 -866px;
    width: 201px;
    height: 106px;
}

.snowmobile:active,
.snowmobile.sm1-active {
    background-position: 0 -972px;
}

.front-helmet-1 {
    top: 10px;
    left: 122px;
    background-position: 0 -135px;
    width: 28px;
    height: 15px;
}

.front-helmet-1:hover,
.front-helmet-1.fh-hover {
    background-position: 0 -165px;
}

.front-helmet-1:active,
.front-helmet-1.fh-active {
    background-position: 0 -150px;
}

.front-chest-1 {
    top: 60px;
    left: 147px;
    background-position: 0 -45px;
    width: 28px;
    height: 15px;
}

.front-chest-1:hover,
.front-chest-1.fc-hover {
    background-position: 0 -75px;
}

.front-chest-1:active,
.front-chest-1.fc-active {
    background-position: 0 -60px;
}

.front-bars-1 {
    top: 85px;
    left: 165px;
    background-position: 0 0;
    width: 28px;
    height: 15px;
}

.front-bars-1:hover,
.front-bars-1.fb-hover {
    background-position: 0 -30px;
}

.front-bars-1:active,
.front-bars-1.fb-active {
    background-position: 0 -15px;
}

.front-fork-1 {
    top: 125px;
    left: 150px;
    background-position: 0 -90px;
    width: 28px;
    height: 15px;
}

.front-fork-1:hover,
.front-fork-1.ff-hover {
    background-position: 0 -120px;
}

.front-fork-1:active,
.front-fork-1.ff-active {
    background-position: 0 -105px;
}

.rear-helmet-1 {
    top: 30px;
    left: 90px;
    background-position: 0 -776px;
    width: 28px;
    height: 15px;
}

.rear-helmet-1:hover,
.rear-helmet-1.rh-hover {
    background-position: 0 -806px;
}

.rear-helmet-1:active,
.rear-helmet-1.rh-active {
    background-position: 0 -791px;
}

.rear-seat-1 {
    top: 100px;
    left: 60px;
    background-position: 0 -821px;
    width: 28px;
    height: 15px;
}

.rear-seat-1:hover,
.rear-seat-1.rs-hover {
    background-position: 0 -851px;
}

.rear-seat-1:active,
.rear-seat-1.rs-active {
    background-position: 0 -836px;
}

.front-helmet-2 {
    top: 10px;
    left: 302px;
    background-position: 0 -135px;
    width: 28px;
    height: 15px;
}

.front-helmet-2:hover,
.front-helmet-2.fh-hover {
    background-position: 0 -165px;
}

.front-helmet-2:active,
.front-helmet-2.fh-active {
    background-position: 0 -150px;
}

.front-chest-2 {
    top: 60px;
    left: 327px;
    background-position: 0 -45px;
    width: 28px;
    height: 15px;
}

.front-chest-2:hover,
.front-chest-2.fc-hover {
    background-position: 0 -75px;
}

.front-chest-2:active,
.front-chest-2.fc-active {
    background-position: 0 -60px;
}

.front-bars-2 {
    top: 85px;
    left: 345px;
    background-position: 0 0;
    width: 28px;
    height: 15px;
}

.front-bars-2:hover,
.front-bars-2.fb-hover {
    background-position: 0 -30px;
}

.front-bars-2:active,
.front-bars-2.fb-active {
    background-position: 0 -15px;
}

.front-fork-2 {
    top: 125px;
    left: 330px;
    background-position: 0 -90px;
    width: 28px;
    height: 15px;
}

.front-fork-2:hover,
.front-fork-2.ff-hover {
    background-position: 0 -120px;
}

.front-fork-2:active,
.front-fork-2.ff-active {
    background-position: 0 -105px;
}

.rear-helmet-2 {
    top: 30px;
    left: 270px;
    background-position: 0 -776px;
    width: 28px;
    height: 15px;
}

.rear-helmet-2:hover,
.rear-helmet-2.rh-hover {
    background-position: 0 -806px;
}

.rear-helmet-2:active,
.rear-helmet-2.rh-active {
    background-position: 0 -791px;
}

.rear-seat-2 {
    top: 100px;
    left: 240px;
    background-position: 0 -821px;
    width: 28px;
    height: 15px;
}

.rear-seat-2:hover,
.rear-seat-2.rs-hover {
    background-position: 0 -851px;
}

.rear-seat-2:active,
.rear-seat-2.rs-active {
    background-position: 0 -836px;
}

.sm-front-helmet-1 {
    top: 65px;
    left: 90px;
    background-position: 0 -1078px;
    width: 28px;
    height: 15px;
}

.sm-front-helmet-1:hover,
.sm-front-helmet-1.smfh-hover {
    background-position: 0 -1108px;
}

.sm-front-helmet-1:active,
.sm-front-helmet-1.smfh-active {
    background-position: 0 -1093px;
}

.sm-front-pole-1 {
    top: 65px;
    left: 61px;
    background-position: 0 -1123px;
    width: 28px;
    height: 15px;
}

.sm-front-pole-1:hover,
.sm-front-pole-1.smfp-hover {
    background-position: 0 -1153px;
}

.sm-front-pole-1:active,
.sm-front-pole-1.smfp-active {
    background-position: 0 -1138px;
}

.sm-rear-pole-1 {
    top: 65px;
    left: 30px;
    background-position: 0 -1168px;
    width: 28px;
    height: 15px;
}

.sm-rear-pole-1:hover,
.sm-rear-pole-1.smrp-hover {
    background-position: 0 -1198px;
}

.sm-rear-pole-1:active,
.sm-rear-pole-1.smrp-active {
    background-position: 0 -1183px;
}

.icons-sprite,
.icons-pano,
.icons-photo,
.icons-tgstar,
.icons-video,
.pano-share,
.video-share,
.photo-share,
#tg-star a {
    background-image: url(/wp-content/themes/pk_trail_genius/images/icons-sc7e127ed3a.png);
    background-repeat: no-repeat;
}

.icons-pano {
    background-position: 0 0;
}

.icons-pano:hover,
.icons-pano.pano-hover {
    background-position: 0 -28px;
}

.icons-photo {
    background-position: 0 -56px;
}

.icons-photo:hover,
.icons-photo.photo-hover {
    background-position: 0 -81px;
}

.icons-tgstar {
    background-position: 0 -106px;
}

.icons-video {
    background-position: 0 -216px;
}

.icons-video:hover,
.icons-video.video-hover {
    background-position: 0 -240px;
}

.more-menu-icon {
    position: relative;
    padding: 12px 10px 0 10px;
    height: 30px;
    width: 20px;
    display: block;
    float: left;
    cursor: pointer;
    color: white;
    font-size: 20px;
}

.more-menu-icon:hover {
    background-color: black;
}

.more-menu-icon.more-menu-icon-right {
    float: right;
    border-right: none;
}

.more-menu-trigger {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.more-menu-close {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: black;
    z-index: 2;
}

.more-menu-close .icon-close {
    position: absolute;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    position: relative;
    float: left;
}

.about-icon {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/activity-lite-tg.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 5px 7px;
}

.icon-cog2 {
    line-height: 24px;
}

.icon-target {
    line-height: 24px;
}

.pano-share {
    position: relative;
    margin-left: -2px;
    background-position: 0 0;
    width: 24px;
    height: 18px;
    float: left;
    cursor: pointer;
}

.pano-share:hover,
.pano-share.pano-hover {
    background-position: 0 -28px;
}

.pano-share.share-active {
    color: #FF6600;
}

.video-share {
    position: relative;
    background-position: 0 -216px;
    width: 18px;
    height: 14px;
    float: left;
    margin: 4px 0 0 3px;
    cursor: pointer;
}

.video-share:hover,
.video-share.video-hover {
    background-position: 0 -240px;
}

.photo-share {
    position: relative;
    background-position: 0 -56px;
    width: 19px;
    height: 15px;
    float: left;
    margin: 4px 0 0 2px;
    cursor: pointer;
}

.photo-share:hover,
.photo-share.photo-hover {
    background-position: 0 -81px;
}

.trail-system-name {
    float: left;
    margin-left: 10px;
    margin-top: 6px;
    color: white;
    font-size: 20px;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.count-bubble {
    position: absolute;
    width: 11px;
    height: 11px;
    color: black;
    background: #ff6600;
    font-size: 9px;
    line-height: 13px;
    padding: 1px;
    border-radius: 7px;
    font-family: sans-serif;
    text-align: center;
}

.pano-count {
    top: 12px;
    right: 9px;
}

.video-count {
    top: 8px;
    right: 10px;
}

.photo-count {
    top: 8px;
    right: 10px;
}

.extras-item {
    position: absolute;
    top: 41px;
    left: 0;
    width: 100%;
    background: black;
}

.extras-item .table-head {
    height: auto;
    float: left;
    width: 100%;
    padding: 10px 10px 5px 10px;
}

.extras-item ul {
    display: block;
    float: left;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

.extras-item ul li {
    color: #A0A19D;
    list-style: none;
    text-align: left;
    height: 27px;
    width: 100%;
    font-size: 20px;
    line-height: 26px;
    padding: 5px 15px;
    margin: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    cursor: pointer;
    border-bottom: solid thin #393B33;
}

.extras-item ul li .list-trail-name {
    float: left;
    width: auto;
}

.extras-item ul li .list-trail-name:hover {
    color: #ff6600;
}

#about-hud {
    font-size: 20px;
}

#about-hud .field-name-field-image {
    float: left;
    margin: 20px 20px 0 20px;
}

#about-hud .field-name-field-image img {
    width: 150px;
    height: auto;
}

#about-hud .field-name-body {
    margin-top: 20px;
    padding-right: 20px;
}

#about-hud .field-name-body p {
    padding-left: 20px;
    line-height: 25px !important;
}

#about-hud .field-name-body p span {
    line-height: 25px !important;
}

#about-hud ul {
    margin: 0 20px 20px 20px;
}

#about-hud ul li {
    display: block;
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    border: none;
}

#about-hud ul li a {
    display: block;
    float: left;
    width: 120px;
    height: auto;
    border-bottom: none;
    margin-right: 20px;
    margin-top: 20px;
    padding: 8px 15px 7px;
    background-image: url(/sites/all/themes/trailgenius_v2/assets/images/menu_break.gif) no-repeat 0 10px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$tg-color-orange', endColorstr='$tg-color-light-orange');
    background: -webkit-gradient(linear, left top, left bottom, from(#FC9245), to(#ff6600));
    background: -moz-linear-gradient(top, #FC9245, #ff6600);
    text-align: center;
    color: #000000;
    font-size: 22px;
    text-shadow: -1px -1px #ff6600, 1px 1px #FC9245;
}

#about-hud ul li a:hover {
    text-decoration: none;
    color: #ffffff;
}

#share-hud {
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 20px;
}

#share-hud .hud-item {
    float: left;
    width: 94%;
    padding: 0 10px 0 10px;
}

#share-hud .share-social {
    margin-top: 10px;
}

#share-hud .share-social #fb-custom-share {
    display: block;
    width: 156px;
    height: 0;
    padding-top: 30px;
    overflow: hidden;
    background: url(/sites/all/themes/trailgenius_v2/assets/images/facebook_share_button.png) no-repeat 0 0;
}

#share-hud .share-url {
    margin: 10px;
    padding: 5px 0 5px 5px;
}

#share-hud .share-value,
#share-hud .share-title .map-name {
    color: #FF6600;
}

#map-expand {
    display: none;
    position: absolute;
    bottom: 155px;
    right: 0;
    z-index: 500;
    width: 25px;
    background: #20211D;
    padding: 10px 15px 10px 10px;
    border-radius: 8px 0 0 8px;
    -webkit-box-shadow: -2px 4px 15px -5px black;
    -moz-box-shadow: -2px 4px 15px -5px black;
    box-shadow: -2px 4px 15px -5px black;
    -webkit-transition: width 0.5s ease-out;
    -moz-transition: width 0.5s ease-out;
    -ms-transition: width 0.5s ease-out;
    -o-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
}

#map-expand a {
    text-decoration: none;
}

#map-expand .instructions {
    position: absolute;
    top: 11px;
    left: 48px;
    width: 55px;
    display: none;
    color: white;
    text-transform: uppercase;
    font-family: 'BenchNine', sans-serif;
    font-size: 24px;
}

#map-expand:hover {
    width: 90px;
}

#map-expand:hover .instructions {
    display: block;
}

#map-expand .icon-expand {
    color: #A0A19D;
    font-size: 24px;
    float: left;
}

#tg-star {
    position: absolute;
    bottom: 40px;
    right: 20px;
    z-index: 1;
}

#tg-star a {
    display: block;
    background-position: 0 -106px;
    width: 100px;
    height: 100px;
    opacity: .6;
}

#tg-star a:hover {
    opacity: 1;
}

#more-menu {
    position: absolute;
    top: 0;
    z-index: 500;
    min-width: 100%;
    text-align: left;
    color: #A0A19D;
    background: url(/sites/all/themes/trailgenius_v2/assets/images/rgbapng/393b33b3-5.png?1507233435);
    background: rgba(57, 59, 51, 0.7);
    line-height: 31px;
    -webkit-box-shadow: -2px 4px 15px -5px black;
    -moz-box-shadow: -2px 4px 15px -5px black;
    box-shadow: -2px 4px 15px -5px black;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    font-family: 'BenchNine', sans-serif;
}

#more-menu .share-other-social {
    float: left;
    margin-top: 5px;
    margin-left: 10px;
}

#more-menu .social-chicklets {
    width: auto;
}

#more-menu .social-chicklets a {
    color: white;
}

#more-menu .social-chicklets a {
    display: block;
    float: left;
}

#more-menu .social-chicklets .chicklet {
    float: left;
    font-size: 22px;
    margin: 8px 8px;
}

#more-menu .icon-menu:hover .icon-menu {
    color: white;
}

#more-menu .icon-menu:hover .more-menu-text {
    color: white;
}

#mapCenterLatLon {
    float: left;
    font-size: 20px;
    padding: 0 10px 10px 10px;
}

.toggle-group,
.toggle-expand-collapse {
    font-size: 12px;
    cursor: pointer;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
}

.toggle-group .toggle-group-on,
.toggle-expand-collapse .toggle-group-on {
    padding: 0 2px 0 4px;
    border-radius: 8px 0 0 8px;
    border: solid thin #A0A19D;
}

.toggle-group .toggle-group-on.active,
.toggle-expand-collapse .toggle-group-on.active {
    background: #A0A19D;
    color: #20211D;
}

.toggle-group .toggle-group-off,
.toggle-expand-collapse .toggle-group-off {
    padding: 0 4px 0 2px;
    border-radius: 0 8px 8px 0;
    border: solid thin #A0A19D;
}

.toggle-group .toggle-group-off.active,
.toggle-expand-collapse .toggle-group-off.active {
    background: #A0A19D;
    color: #20211D;
}

.toggle-expand-collapse {
    margin-left: 5px;
}

.map-type-setting {
    float: left;
    margin-left: 23px;
    margin-top: 6px;
}

.map-type-setting select {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='#000' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>");
    background-color: #A0A19D;
    background-repeat: no-repeat;
    background-position: right 8px top 2px;
    background-size: 16px 16px;
    color: black;
    padding: 0px 50px 0px 10px;
    width: auto;
    font-family: 'BenchNine', sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -webkit-appearance: none;
    border: 0;
    outline: 0;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -ms-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
}

#myContainerDiv {
    position: absolute;
    top: 0;
    left: -3000px;
    width: 636px;
    height: 390px;
    z-index: 400;
}

.kolor-360 {
    position: absolute;
    top: 0;
    left: 50px;
    cursor: pointer;
}

.kolor-360:hover {
    color: #ff6600;
}

.kolor-360 .icon-cycle {
    font-size: 14px;
    margin-right: 4px;
}

#endPopUp {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: 'BenchNine', sans-serif;
    background: url(/sites/all/themes/trailgenius_v2/assets/images/rgbapng/000000cc-5.png?1507233435);
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    z-index: 10;
}

#endPopUp:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}

#endPopUp .wrapper {
    display: inline-block;
    vertical-align: middle;
    width: 60%;
}

#endPopUp .wrapper .message {
    font-size: 32px;
    line-height: 38px;
    color: white;
    text-align: center;
}

#endPopUp .wrapper .sub-message {
    color: white;
    font-size: 20px;
    line-height: 24px;
}

#endPopUp .wrapper .youtube-thumb {
    position: relative;
    width: 200px;
    height: 150px;
    margin: 0 auto;
    margin-top: 10px;
}

#endPopUp .wrapper .youtube-thumb .hot-spot {
    cursor: pointer;
}

#endPopUp .wrapper .youtube-thumb .icon-play {
    display: block;
    position: absolute;
    top: 52px;
    left: 73px;
    color: white;
    font-size: 25px;
    background: url(/sites/all/themes/trailgenius_v2/assets/images/rgbapng/000000b3-5.png?1507233435);
    background: rgba(0, 0, 0, 0.7);
    padding: 8px 12px 8px 16px;
    border-radius: 8px;
}

#endPopUp .wrapper .youtube-thumb .trail-name {
    color: white;
    position: absolute;
    display: block;
    width: 200px;
    top: 0;
    left: 0;
    font-size: 16px;
}

#endPopUp .wrapper .youtube-thumb img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 150px;
}

#endPopUp .wrapper .close {
    color: white;
    font-size: 16px;
    margin-top: 20px;
    cursor: pointer;
}

#endPopUp .wrapper .close:hover .icon-cancel-circle {
    color: grey;
}

#endPopUp .wrapper .close .icon-cancel-circle {
    font-size: 11px;
    margin-right: 5px;
}

#endPopUp .wrapper ul.link-list {
    margin-top: 10px;
    list-style: none;
}

#endPopUp .wrapper ul.link-list li {
    margin: 0;
    padding: 0 0 5px 0;
    text-align: center;
}

#endPopUp .wrapper ul.link-list li a {
    font-size: 24px;
}

.infobubble-close {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 15px;
    color: #A0A19D;
    cursor: pointer;
    opacity: 0.4;
}

.infobubble-close:hover {
    color: #ffffff;
    opacity: 1;
}

.infobubble-title {
    float: left;
    font-size: 20px;
    width: 90%;
    margin-right: 30px;
    text-align: left;
    line-height: 19px;
    color: #A0A19D;
    margin-bottom: 10px;
}

.infobubble-desc {
    float: left;
    width: 100%;
    text-align: left;
    color: #A0A19D;
    font-size: 14px;
    margin: 10px 0 25px 0;
}

.infobubble-img {
    display: block;
    float: left;
    width: 100%;
}

ul.infobubble-action {
    position: relative;
    float: left;
    width: 100%;
    min-height: 58px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.infobubble-action li {
    display: inline-block;
    color: #A0A19D;
    text-align: center;
    padding: 0;
    margin: 0 10px;
    cursor: pointer;
}

ul.infobubble-action li:hover {
    color: #ffffff;
}

ul.infobubble-action li.share-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
}

ul.infobubble-action li.share-overlay:hover {
    color: #A0A19D;
}

ul.infobubble-action li.share-overlay input {
    width: 94%;
    height: 37px;
    font-size: 18px;
}

ul.infobubble-action li.share-overlay .icon-cancel-circle {
    position: absolute;
    top: -10px;
    right: 0;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

ul.infobubble-action li.share-overlay .icon-cancel-circle:hover {
    color: #393B33;
}

ul.infobubble-action li span {
    font-size: 20px;
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

ul.infobubble-action li span.share-overlay-info {
    font-size: 12px;
}

ul.infobubble-action li a {
    color: #A0A19D;
}

ul.infobubble-action li a:hover {
    color: #ffffff;
    text-decoration: none;
}

.infobubble-iframe {
    position: relative;
    float: left;
    width: 100%;
    min-width: 320px;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.infobubble-iframe iframe,
.infobubble-iframe object,
.infobubble-iframe embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width:568px) {

    #map-settings,
    #map-zoom-out,
    #map-zoom-in {
        display: none;
    }

    #about-hud ul li:nth-child(n+2) {
        display: none;
    }
}

@media (max-height:414px) {
    .sidebar {
        display: none !important;
    }
}

@media (max-height:768px) and (min-width:1280px) {
    .sidebar {
        width: 25%;
    }
}

@media (max-height:768px) and (min-width:2000px) {
    .sidebar {
        width: 20%;
    }
}

@media (max-width:800px) {

    .trail-max,
    .trail-min,
    .trail-gain,
    .trail-loss {
        display: none;
    }
}

@media (max-width:420px) {
    .sidebar {
        width: 100%;
        height: auto;
    }

    .sidebar #hud,
    .sidebar #cameras,
    .sidebar #trail-name,
    .sidebar #trail-more,
    .sidebar #video-tracking,
    .sidebar #mountain-wrapper {
        display: none !important;
    }

    .sidebar #video-holder {
        padding-bottom: 0;
        padding-top: 0;
        height: 75px;
    }

    .main {
        width: 100%;
        float: left;
    }

    .infobubble-iframe {
        min-width: 290px;
    }

    .infobubble-img {
        float: none;
        width: auto;
        max-height: 230px;
        max-width: 280px;
        margin: 0 auto;
    }

    #tg-star {
        bottom: 25px;
        right: 10px;
    }

    #tg-star a {
        width: 60px;
        height: 60px;
        background-size: 100%;
        opacity: 1;
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:736px) {
    #pre-loader #pre-loader-message {
        padding-bottom: 50px;
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {}

.marker-bubble-wrapper {
    position: relative;
    font-family: 'BenchNine', sans-serif;
    font-size: 16px;
    max-width: 230px;
    overflow: hidden;
}

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

.marker-bubble-wrapper table td {
    padding: 0;
    margin: 0;
}

.marker-bubble-wrapper .infobubble-close {
    top: 0px;
    right: 0;
}

.marker-bubble-wrapper.mini {
    width: 40px;
}

.markerbubble-title {
    float: left;
    font-size: 20px;
    width: 140px;
    text-align: left;
    line-height: 19px;
    color: #A0A19D;
    margin-bottom: 10px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.makerbubble-profile {
    position: relative;
    width: 230px;
    height: 50px;
    overflow: hidden;
    float: left;
    padding-top: 10px;
    margin-top: 10px;
}

#makerbubble-tracking {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#makerbubble-tracking #makerbubble-tracker {
    position: absolute;
    top: 0;
    left: -1px;
    width: 1px;
    height: 100%;
}

#markerbubble-chart {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 230px;
    height: 50px;
}

.markerbubble-dist {
    position: relative;
    float: left;
    width: 120px;
}

.markerbubble-dist>span {
    float: left;
    width: 100%;
    text-align: left;
    min-height: 20px;
}

#markerbubble-elevation {
    position: absolute;
    left: 0;
    top: -3px;
    z-index: 1;
}

#markerbubble-emax {
    float: left;
    margin-right: 10px;
}

#markerbubble-emin {
    float: left;
}

.markerbubble-activity {
    position: relative;
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 10px;
}

.markerbubble-activity .markerbubble-activity-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background-color: #ffffff;
}

.markerbubble-activity .markerbubble-activity-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
}

.markerbubble-activity .markerbubble-activity-icon.activity-default {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/default.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-mtb {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/biking-mtb.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-fatBike {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/fatbike.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-triBike {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/biking-tri.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-cruiser {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/biking-cruiser.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-snowmobile {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/snowmobile.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-run {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/running.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-road {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/biking-road.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-swim {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/swimming.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-xc {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/xc.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-alpine {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/alpine.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-snowboard {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/snowboard.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-boating {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/boating.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-kayaking {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/kayaking.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-canoeing {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/canoeing.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-atv {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/atv.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-climbing {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/climbing.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-disc-golf {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/disc_golf.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-golfing {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/golfing.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-hiking {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/hiking.png);
    background-size: 60px 60px;
}

.markerbubble-activity .markerbubble-activity-icon.activity-zip-line {
    background: url(/wp-content/themes/pk_trail_genius/images/activities/zip_line.png);
    background-size: 60px 60px;
}

.markerbubble-activity.mini {
    width: 40px;
    height: 40px;
    margin-right: 0;
}

.markerbubble-activity.mini .markerbubble-activity-bg {
    width: 40px;
    height: 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon {
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-default {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-mtb {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-fatBike {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-triBike {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-cruiser {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-snowmobile {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-run {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-swim {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-xc {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-alpine {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-snowboard {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-boating {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-kayaking {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-canoeing {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-atv {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-road {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-climbing {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-disc-golf {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-golfing {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-hiking {
    background-size: 40px 40px;
}

.markerbubble-activity.mini .markerbubble-activity-icon.activity-zip-line {
    background-size: 40px 40px;
}

.markerbubble-prev {
    float: left;
    color: #555;
    cursor: pointer;
}

.markerbubble-prev span {
    font-size: 12px;
}

.markerbubble-next {
    float: right;
    color: #555;
    cursor: pointer;
}

.markerbubble-next span {
    font-size: 12px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \000039
    }
}

.jspContainer {
    overflow: hidden;
    position: relative;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \0000315
    }
}

.jspPane {
    position: absolute;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \0000320
    }
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 100%;
    background: red;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \0000330
    }
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \0000341
    }
}

.jspVerticalBar *,
.jspHorizontalBar * {
    margin: 0;
    padding: 0;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \0000347
    }
}

.jspCap {
    display: none;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \0000352
    }
}

.jspHorizontalBar .jspCap {
    float: left;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \0000357
    }
}

.jspTrack {
    background: #dde;
    position: relative;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \0000363
    }
}

.jspDrag {
    background: #bbd;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \0000373
    }
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \0000379
    }
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \0000387
    }
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \0000393
    }
}

.jspVerticalBar .jspArrow {
    height: 16px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \0000398
    }
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \00003105
    }
}

.jspVerticalBar .jspArrow:focus {
    outline: none;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \00003110
    }
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/C\:\/Users\/ericski\/Documents\/Projects\/M\%20Group\/webdev\/sites\/all\/themes\/m-group-custom-theme\/sass\/jquery\.jscrollpane\.scss
    }

    line {
        font-family: \00003118
    }
}

* html .jspCorner {
    margin: 0 -3px 0 0;
}

#sb-title-inner,
#sb-info-inner,
#sb-loading-inner,
div.sb-message {
    font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 200;
    color: #fff;
}

#sb-container {
    position: fixed;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    z-index: 999;
    text-align: left;
    visibility: hidden;
    display: none;
}

#sb-overlay {
    position: relative;
    height: 100%;
    width: 100%;
}

#sb-wrapper {
    position: absolute;
    visibility: hidden;
    width: 100px;
}

#sb-wrapper-inner {
    position: relative;
    border: 1px solid #303030;
    overflow: hidden;
    height: 100px;
}

#sb-body {
    position: relative;
    height: 100%;
}

#sb-body-inner {
    position: absolute;
    height: 100%;
    width: 100%;
}

#sb-player.html {
    height: 100%;
    overflow: auto;
}

#sb-body img {
    border: none;
}

#sb-loading {
    position: relative;
    height: 100%;
}

#sb-loading-inner {
    position: absolute;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    top: 50%;
    margin-top: -12px;
    width: 100%;
    text-align: center;
}

#sb-loading-inner span {
    background: url(/sites/all/themes/trailgenius_v2/assets/js/shadowbox/loading.gif) no-repeat;
    padding-left: 34px;
    display: inline-block;
}

#sb-body,
#sb-loading {
    background-color: #060606;
}

#sb-title,
#sb-info {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#sb-title,
#sb-title-inner {
    height: 26px;
    line-height: 26px;
}

#sb-title-inner {
    font-size: 16px;
}

#sb-info,
#sb-info-inner {
    height: 20px;
    line-height: 20px;
}

#sb-info-inner {
    font-size: 12px;
}

#sb-nav {
    float: right;
    height: 16px;
    padding: 2px 0;
    width: 45%;
}

#sb-nav a {
    display: block;
    float: right;
    height: 16px;
    width: 16px;
    margin-left: 3px;
    cursor: pointer;
    background-repeat: no-repeat;
}

#sb-nav-close {
    background-image: url(/sites/all/themes/trailgenius_v2/assets/js/shadowbox/close.png);
}

#sb-nav-next {
    background-image: url(/sites/all/themes/trailgenius_v2/assets/js/shadowbox/next.png);
}

#sb-nav-previous {
    background-image: url(/sites/all/themes/trailgenius_v2/assets/js/shadowbox/previous.png);
}

#sb-nav-play {
    background-image: url(/sites/all/themes/trailgenius_v2/assets/js/shadowbox/play.png);
}

#sb-nav-pause {
    background-image: url(/sites/all/themes/trailgenius_v2/assets/js/shadowbox/pause.png);
}

#sb-counter {
    float: left;
    width: 45%;
}

#sb-counter a {
    padding: 0 4px 0 0;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
}

#sb-counter a.sb-counter-current {
    text-decoration: underline;
}

div.sb-message {
    font-size: 12px;
    padding: 10px;
    text-align: center;
}

div.sb-message a:link,
div.sb-message a:visited {
    color: #fff;
    text-decoration: underline;
}

#comments {
    margin-top: 15px;
}

.indented {
    margin-left: 25px;
}

.comment-unpublished {
    background-color: #fff4f4;
}

.comment-preview {
    background-color: #ffffea;
}

.container-inline-date {
    clear: both;
}

.container-inline-date .form-item {
    float: none;
    margin: 0;
    padding: 0;
}

.container-inline-date>.form-item {
    display: inline-block;
    margin-right: 0.5em;
    vertical-align: top;
}

fieldset.date-combo .container-inline-date>.form-item {
    margin-bottom: 10px;
}

.container-inline-date .form-item .form-item {
    float: left;
}

.container-inline-date .form-item,
.container-inline-date .form-item input {
    width: auto;
}

.container-inline-date .description {
    clear: both;
}

.container-inline-date .form-item input,
.container-inline-date .form-item select,
.container-inline-date .form-item option {
    margin-right: 5px;
}

.container-inline-date .date-spacer {
    margin-left: -5px;
}

.views-right-60 .container-inline-date div {
    margin: 0;
    padding: 0;
}

.container-inline-date .date-timezone .form-item {
    clear: both;
    float: none;
    width: auto;
}

.container-inline-date .date-padding {
    float: left;
}

fieldset.date-combo .container-inline-date .date-padding {
    padding: 10px;
}

.views-exposed-form .container-inline-date .date-padding {
    padding: 0;
}

#calendar_div,
#calendar_div td,
#calendar_div th {
    margin: 0;
    padding: 0;
}

#calendar_div,
.calendar_control,
.calendar_links,
.calendar_header,
.calendar {
    border-collapse: separate;
    margin: 0;
    width: 185px;
}

.calendar td {
    padding: 0;
}

span.date-display-single {}

span.date-display-start {}

span.date-display-end {}

.date-prefix-inline {
    display: inline-block;
}

.date-clear {
    clear: both;
    display: block;
    float: none;
}

.date-no-float {
    clear: both;
    float: none;
    width: 98%;
}

.date-float {
    clear: none;
    float: left;
    width: auto;
}

.date-float .form-type-checkbox {
    padding-right: 1em;
}

.form-type-date-select .form-type-select[class*=hour] {
    margin-left: .75em;
}

.date-container .date-format-delete {
    float: left;
    margin-top: 1.8em;
    margin-left: 1.5em;
}

.date-container .date-format-name {
    float: left;
}

.date-container .date-format-type {
    float: left;
    padding-left: 10px;
}

.date-container .select-container {
    clear: left;
    float: left;
}

div.date-calendar-day {
    background: #F3F3F3;
    border-top: 1px solid #EEE;
    border-left: 1px solid #EEE;
    border-right: 1px solid #BBB;
    border-bottom: 1px solid #BBB;
    color: #999;
    float: left;
    line-height: 1;
    margin: 6px 10px 0 0;
    text-align: center;
    width: 40px;
}

div.date-calendar-day span {
    display: block;
    text-align: center;
}

div.date-calendar-day span.month {
    background-color: #B5BEBE;
    color: white;
    font-size: .9em;
    padding: 2px;
    text-transform: uppercase;
}

div.date-calendar-day span.day {
    font-size: 2em;
    font-weight: bold;
}

div.date-calendar-day span.year {
    font-size: .9em;
    padding: 2px;
}

.date-form-element-content-multiline {
    padding: 10px;
    border: 1px solid #CCC;
}

.form-item.form-item-instance-widget-settings-input-format-custom,
.form-item.form-item-field-settings-enddate-required {
    margin-left: 1.3em;
}

#edit-field-settings-granularity .form-type-checkbox {
    margin-right: .6em;
}

.date-year-range-select {
    margin-right: 1em;
}

#ui-datepicker-div {
    font-size: 100%;
    font-family: Verdana, sans-serif;
    background: #eee;
    border-right: 2px #666 solid;
    border-bottom: 2px #666 solid;
    z-index: 9999;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    float: left;
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
    float: right;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
}

.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.field .field-label {
    font-weight: bold;
}

.field-label-inline .field-label,
.field-label-inline .field-items {
    float: left;
}

form .field-multiple-table {
    margin: 0;
}

form .field-multiple-table th.field-label {
    padding-left: 0;
}

form .field-multiple-table td.field-multiple-drag {
    width: 30px;
    padding-right: 0;
}

form .field-multiple-table td.field-multiple-drag a.tabledrag-handle {
    padding-right: .5em;
}

form .field-add-more-submit {
    margin: .5em 0 0;
}

.node-unpublished {
    background-color: #fff4f4;
}

.preview .node {
    background-color: #ffffea;
}

td.revision-current {
    background: #ffc;
}

.search-form {
    margin-bottom: 1em;
}

.search-form input {
    margin-top: 0;
    margin-bottom: 0;
}

.search-results {
    list-style: none;
}

.search-results p {
    margin-top: 0;
}

.search-results .title {
    font-size: 1.2em;
}

.search-results li {
    margin-bottom: 1em;
}

.search-results .search-snippet-info {
    padding-left: 1em;
}

.search-results .search-info {
    font-size: 0.85em;
}

.search-advanced .criterion {
    float: left;
    margin-right: 2em;
}

.search-advanced .action {
    float: left;
    clear: left;
}

#permissions td.module {
    font-weight: bold;
}

#permissions td.permission {
    padding-left: 1.5em;
}

#permissions tr.odd .form-item,
#permissions tr.even .form-item {
    white-space: normal;
}

#user-admin-settings fieldset .fieldset-description {
    font-size: 0.85em;
    padding-bottom: .5em;
}

#user-admin-roles td.edit-name {
    clear: both;
}

#user-admin-roles .form-item-name {
    float: left;
    margin-right: 1em;
}

.password-strength {
    width: 17em;
    float: right;
    margin-top: 1.4em;
}

.password-strength-title {
    display: inline;
}

.password-strength-text {
    float: right;
    font-weight: bold;
}

.password-indicator {
    background-color: #C4C4C4;
    height: 0.3em;
    width: 100%;
}

.password-indicator div {
    height: 100%;
    width: 0%;
    background-color: #47C965;
}

input.password-confirm,
input.password-field {
    width: 16em;
    margin-bottom: 0.4em;
}

div.password-confirm {
    float: right;
    margin-top: 1.5em;
    visibility: hidden;
    width: 17em;
}

div.form-item div.password-suggestions {
    padding: 0.2em 0.5em;
    margin: 0.7em 0;
    width: 38.5em;
    border: 1px solid #B4B4B4;
}

div.password-suggestions ul {
    margin-bottom: 0;
}

.confirm-parent,
.password-parent {
    clear: left;
    margin: 0;
    width: 36.3em;
}

.profile {
    clear: both;
    margin: 1em 0;
}

.profile .user-picture {
    float: right;
    margin: 0 1em 1em 0;
}

.profile h3 {
    border-bottom: 1px solid #ccc;
}

.profile dl {
    margin: 0 0 1.5em 0;
}

.profile dt {
    margin: 0 0 0.2em 0;
    font-weight: bold;
}

.profile dd {
    margin: 0 0 1em 0;
}

.youtube-container--responsive {
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.youtube-container--responsive iframe {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.views-exposed-form .views-exposed-widget {
    float: left;
    padding: .5em 1em 0 0;
}

.views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 1.6em;
}

.views-exposed-form .form-item,
.views-exposed-form .form-submit {
    margin-top: 0;
    margin-bottom: 0;
}

.views-exposed-form label {
    font-weight: bold;
}

.views-exposed-widgets {
    margin-bottom: .5em;
}

.views-align-left {
    text-align: left;
}

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

.views-align-center {
    text-align: center;
}

.views-view-grid tbody {
    border-top: none;
}

.view .progress-disabled {
    float: none;
}

#views-slideshow-form-wrapper .form-item.dependent-options {
    padding-left: 5px;
}

#views-slideshow-form-wrapper .vs-dependent {
    padding-left: 30px;
}

#autocomplete {
    border: 1px solid;
    overflow: hidden;
    position: absolute;
    z-index: 100;
}

#autocomplete ul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

#autocomplete li {
    background: #fff;
    color: #000;
    cursor: default;
    white-space: pre;
    zoom: 1;
}

html.js input.form-autocomplete {
    background-image: url(/misc/throbber-inactive.png);
    background-position: 100% center;
    background-repeat: no-repeat;
}

html.js input.throbbing {
    background-image: url(/misc/throbber-active.gif);
    background-position: 100% center;
}

html.js fieldset.collapsed {
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    height: 1em;
}

html.js fieldset.collapsed .fieldset-wrapper {
    display: none;
}

fieldset.collapsible {
    position: relative;
}

fieldset.collapsible .fieldset-legend {
    display: block;
}

.form-textarea-wrapper textarea {
    display: block;
    margin: 0;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.resizable-textarea .grippie {
    background: #eee url(/misc/grippie.png) no-repeat center 2px;
    border: 1px solid #ddd;
    border-top-width: 0;
    cursor: s-resize;
    height: 9px;
    overflow: hidden;
}

body.drag {
    cursor: move;
}

.draggable a.tabledrag-handle {
    cursor: move;
    float: left;
    height: 1.7em;
    margin-left: -1em;
    overflow: hidden;
    text-decoration: none;
}

a.tabledrag-handle:hover {
    text-decoration: none;
}

a.tabledrag-handle .handle {
    background: url(/misc/draggable.png) no-repeat 6px 9px;
    height: 13px;
    margin: -0.4em 0.5em;
    padding: 0.42em 0.5em;
    width: 13px;
}

a.tabledrag-handle-hover .handle {
    background-position: 6px -11px;
}

div.indentation {
    float: left;
    height: 1.7em;
    margin: -0.4em 0.2em -0.4em -0.4em;
    padding: 0.42em 0 0.42em 0.6em;
    width: 20px;
}

div.tree-child {
    background: url(/misc/tree.png) no-repeat 11px center;
}

div.tree-child-last {
    background: url(/misc/tree-bottom.png) no-repeat 11px center;
}

div.tree-child-horizontal {
    background: url(/misc/tree.png) no-repeat -11px center;
}

.tabledrag-toggle-weight-wrapper {
    text-align: right;
}

table.sticky-header {
    background-color: #fff;
    margin-top: 0;
}

.progress .bar {
    background-color: #fff;
    border: 1px solid;
}

.progress .filled {
    background-color: #000;
    height: 1.5em;
    width: 5px;
}

.progress .percentage {
    float: right;
}

.ajax-progress {
    display: inline-block;
}

.ajax-progress .throbber {
    background: transparent url(/misc/throbber-active.gif) no-repeat 0px center;
    float: left;
    height: 15px;
    margin: 2px;
    width: 15px;
}

.ajax-progress .message {
    padding-left: 20px;
}

tr .ajax-progress .throbber {
    margin: 0 2px;
}

.ajax-progress-bar {
    width: 16em;
}

.container-inline div,
.container-inline label {
    display: inline;
}

.container-inline .fieldset-wrapper {
    display: block;
}

.nowrap {
    white-space: nowrap;
}

html.js .js-hide {
    display: none;
}

.element-hidden {
    display: none;
}

.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
}

.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
    position: static !important;
    clip: auto;
    overflow: visible;
    height: auto;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .clearfix {
    height: 1%;
}

*:first-child+html .clearfix {
    min-height: 1%;
}

ul.menu {
    border: none;
    list-style: none;
    text-align: left;
}

ul.menu li {
    margin: 0 0 0 0.5em;
}

ul li.expanded {
    list-style-image: url(/misc/menu-expanded.png);
    list-style-type: circle;
}

ul li.collapsed {
    list-style-image: url(/misc/menu-collapsed.png);
    list-style-type: disc;
}

ul li.leaf {
    list-style-image: url(/misc/menu-leaf.png);
    list-style-type: square;
}

li.expanded,
li.collapsed,
li.leaf {
    padding: 0.2em 0.5em 0 0;
    margin: 0;
}

li a.active {
    color: #000;
}

td.menu-disabled {
    background: #ccc;
}

ul.inline,
ul.links.inline {
    display: inline;
    padding-left: 0;
}

ul.inline li {
    display: inline;
    list-style-type: none;
    padding: 0 0.5em;
}

.breadcrumb {
    padding-bottom: 0.5em;
}

ul.primary {
    border-bottom: 1px solid #bbb;
    border-collapse: collapse;
    height: auto;
    line-height: normal;
    list-style: none;
    margin: 5px;
    padding: 0 0 0 1em;
    white-space: nowrap;
}

ul.primary li {
    display: inline;
}

ul.primary li a {
    background-color: #ddd;
    border-color: #bbb;
    border-style: solid solid none solid;
    border-width: 1px;
    height: auto;
    margin-right: 0.5em;
    padding: 0 1em;
    text-decoration: none;
}

ul.primary li.active a {
    background-color: #fff;
    border: 1px solid #bbb;
    border-bottom: 1px solid #fff;
}

ul.primary li a:hover {
    background-color: #eee;
    border-color: #ccc;
    border-bottom-color: #eee;
}

ul.secondary {
    border-bottom: 1px solid #bbb;
    padding: 0.5em 1em;
    margin: 5px;
}

ul.secondary li {
    border-right: 1px solid #ccc;
    display: inline;
    padding: 0 1em;
}

ul.secondary a {
    padding: 0;
    text-decoration: none;
}

ul.secondary a.active {
    border-bottom: 4px solid #999;
}

div.messages {
    background-position: 8px 8px;
    background-repeat: no-repeat;
    border: 1px solid;
    margin: 6px 0;
    padding: 10px 10px 10px 50px;
}

div.status {
    background-image: url(/misc/message-24-ok.png);
    border-color: #be7;
}

div.status,
.ok {
    color: #234600;
}

div.status,
table tr.ok {
    background-color: #f8fff0;
}

div.warning {
    background-image: url(/misc/message-24-warning.png);
    border-color: #ed5;
}

div.warning,
.warning {
    color: #840;
}

div.warning,
table tr.warning {
    background-color: #fffce5;
}

div.error {
    background-image: url(/misc/message-24-error.png);
    border-color: #ed541d;
}

div.error,
.error {
    color: #8c2e0b;
}

div.error,
table tr.error {
    background-color: #fef5f1;
}

div.error p.error {
    color: #333;
}

div.messages ul {
    margin: 0 0 0 1em;
    padding: 0;
}

div.messages ul li {
    list-style-image: none;
}

fieldset {
    margin-bottom: 1em;
    padding: 0.5em;
}

form {
    margin: 0;
    padding: 0;
}

hr {
    border: 1px solid gray;
    height: 1px;
}

img {
    border: 0;
}

table {
    border-collapse: collapse;
}

th {
    border-bottom: 3px solid #ccc;
    padding-right: 1em;
    text-align: left;
}

tbody {
    border-top: 1px solid #ccc;
}

tr.even,
tr.odd {
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    padding: 0.1em 0.6em;
}

th.active img {
    display: inline;
}

td.active {
    background-color: #ddd;
}

.item-list .title {
    font-weight: bold;
}

.item-list ul {
    margin: 0 0 0.75em 0;
    padding: 0;
}

.item-list ul li {
    margin: 0 0 0.25em 1.5em;
    padding: 0;
}

.form-item,
.form-actions {
    margin-top: 1em;
    margin-bottom: 1em;
}

tr.odd .form-item,
tr.even .form-item {
    margin-top: 0;
    margin-bottom: 0;
    white-space: nowrap;
}

.form-item .description {
    font-size: 0.85em;
}

label {
    display: block;
    font-weight: bold;
}

label.option {
    display: inline;
    font-weight: normal;
}

.form-checkboxes .form-item,
.form-radios .form-item {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}

.form-type-radio .description,
.form-type-checkbox .description {
    margin-left: 2.4em;
}

input.form-checkbox,
input.form-radio {
    vertical-align: middle;
}

.marker,
.form-required {
    color: #f00;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
    border: 2px solid red;
}

.container-inline .form-actions,
.container-inline.form-actions {
    margin-top: 0;
    margin-bottom: 0;
}

.more-link {
    text-align: right;
}

.more-help-link {
    text-align: right;
}

.more-help-link a {
    background: url(/misc/help.png) 0 50% no-repeat;
    padding: 1px 0 1px 20px;
}

.item-list .pager {
    clear: both;
    text-align: center;
}

.item-list .pager li {
    background-image: none;
    display: inline;
    list-style-type: none;
    padding: 0.5em;
}

.pager-current {
    font-weight: bold;
}

#autocomplete li.selected {
    background: #0072b9;
    color: #fff;
}

html.js fieldset.collapsible .fieldset-legend {
    background: url(/misc/menu-expanded.png) 5px 65% no-repeat;
    padding-left: 15px;
}

html.js fieldset.collapsed .fieldset-legend {
    background-image: url(/misc/menu-collapsed.png);
    background-position: 5px 50%;
}

.fieldset-legend span.summary {
    color: #999;
    font-size: 0.9em;
    margin-left: 0.5em;
}

tr.drag {
    background-color: #fffff0;
}

tr.drag-previous {
    background-color: #ffd;
}

.tabledrag-toggle-weight {
    font-size: 0.9em;
}

body div.tabledrag-changed-warning {
    margin-bottom: 0.5em;
}

tr.selected td {
    background: #ffc;
}

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

.progress {
    font-weight: bold;
}

.progress .bar {
    background: #ccc;
    border-color: #666;
    margin: 0 0.2em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.progress .filled {
    background: #0072b9 url(/misc/progress.gif);
}