.blockadv:hover,.selarea{
    background-color:#ffc
}
.arealist,.txtblock{
    max-width:490px;
    float:left
}
.picblock img,article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{
    display:block
}
dfn,mark{
    font-style:italic
}
hr,ol,ul{
    margin:1em 0
}
.bt,img{
    vertical-align:middle
}
.picblock img,svg:not(:root){
    overflow:hidden
}
#stalk,#stalkit,.blockadv:hover,.buttoncs:hover,.sbutton,label,ul.share-buttons li{
    cursor:pointer
}
#wrapper,.selarea,iframe{
    width:100%
}
dd,dd:before,dt{
    white-space:nowrap
}
#breadcrumb,.notice,.sblock div,dt,footer{
    clear:both
}
#accessnav a,.arealist a,.bt,.txtblock a,.unit-rating li a,footer a,footer a:visited,ins{
    text-decoration:none
}
.header,header p{
    min-height:128px
}
#choosearea{
    clear:both;
    min-height:609px;
    line-height:19px;
    margin-right:0
}
.ht{
    position:absolute;
    top:10px;
    right:10px;
    z-index:100000000
}
.blockadv{
    border:1px solid #ddd;
    padding:0;
    box-shadow:0 10px 12px #ddd;
    overflow:auto;
    margin-bottom:15px;
    position:relative
}
.blockadv a{
    color:#000!important
}
.picblock{
    float:left;
    padding:5px
}
.picblock img{
    width:400px;
    height:267px
}
.fadlarge,.fadsmall,.news300ad,[hidden],audio:not([controls]),hr{
    display:none
}
.sblock select{
    position:absolute;
    left:150px;
    width:130px
}
.sblock input[type=checkbox]{
    position:absolute;
    left:150px;
    height:18px;
    width:18px;
    background-color:#ccc
}
.sblock div,dd,dt,header,sub,sup{
    position:relative
}
.sblock input[type=submit]{
    position:relative;
    left:150px
}
#accessnav a,.ldm,.sbutton,ul.share-buttons .sr-only{
    position:absolute
}
.sblock{
    float:left;
    font-weight:900;
    padding:5px 0 10px
}
.buttoncs{
    background-color:#0070ba!important;
    border:0;
    color:#fff;
    border-radius:1px;
    font-weight:700;
    text-align:center;
    text-transform:uppercase;
    width:130px;
    padding:5px
}
.buttoncs:hover{
    box-shadow:0 7px 16px -7px #000;
    border:0
}
.sblock div{
    height:25px
}
.txtblock{
    padding:5px 15px 15px
}
.arealist{
    padding:5px 25px 10px 0;
    font-weight:900
}
#col,#lbCloseLink,.fa-heart,dd,footer p{
    float:right
}
i{
    width:2em
}
.icond{
    border-left:1px solid #ddd;
    padding-left:15px
}
.txtblock p{
    font-size:1em;
    padding-right:10px;
    margin-top:5px;
    margin-bottom:0;
    font-family:Tahoma
}
.arealist h3,.sblock h3,.txtblock h3{
    margin-top:5px;
    padding-top:0;
    font-size:1.3em;
    font-weight:700
}
.txtblock h3{
    margin-bottom:8px
}
.fa-heart{
    font-size:1.6em;
    width:1em
}
@media (hover:hover){
    .fa-heart:hover{
        font-weight:900;
        color:red
    }
}
#lbCaption,#route-profile h2,#stalkit,#walk_info h2,.saving-walk-progress>.progress-title,b,h1,h4,mark,strong{
    font-weight:700
}
.fa-fire-alt,.fa-slash,.red{
    color:red
}
ins.adsbygoogle{
    background:0 0!important
}
audio,canvas,video{
    display:inline-block
}
ul.share-buttons{
    list-style:none;
    padding:0;
    font-size:2.5em
}
ul.share-buttons li{
    display:inline;
    width:1em
}
ul.share-buttons li:after{
    content:none
}
ul.share-buttons .sr-only{
    clip:rect(1px 1px 1px 1px);
    clip:rect(1px,1px,1px,1px);
    padding:0;
    border:0;
    height:1px;
    width:1px;
    overflow:hidden
}
ul.share-buttons img{
    width:32px
}
#map{
    z-index:20!important
}
.bt{
    border-top:1px solid #96d1f8;
    background:#65a9d7;
    background:-webkit-gradient(linear,left top,left bottom,from(#3e779d),to(#65a9d7));
    background:-webkit-linear-gradient(top,#3e779d,#65a9d7);
    background:-moz-linear-gradient(top,#3e779d,#65a9d7);
    background:-ms-linear-gradient(top,#3e779d,#65a9d7);
    background:-o-linear-gradient(top,#3e779d,#65a9d7);
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    -webkit-box-shadow:#000 0 1px 0;
    -moz-box-shadow:#000 0 1px 0;
    box-shadow:#000 0 1px 0;
    text-shadow:rgba(0,0,0,.4) 0 1px 0;
    color:#fff;
    font-size:14px;
    font-family:Georgia,serif;
    padding:8px
}
.bt:hover{
    border-top-color:#28597a;
    background:#28597a;
    color:#ccc
}
.bt:active{
    border-top-color:#1b435e;
    background:#1b435e
}
hr,img,legend{
    border:0
}
#stalkit{
    height:29px;
    text-decoration:underline;
    color:#4b6d9a;
    font-size:.9em
}
#shortlist a,#shortlist a:hover,#shortlist a:visited{
    font-weight:700;
    color:#fff
}
.sbutton{
    right:5px;
    bottom:5px
}
html{
    font-size:100%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
button,html,input,select,textarea{
    font-family:sans-serif;
    color:#222
}
body{
    margin:0;
    background:#4a6d99
}
::-moz-selection{
    background:#de574e;
    color:#fff;
    text-shadow:none
}
::selection{
    background:#de574e;
    color:#fff;
    text-shadow:none
}
.ldm{
    width:492px;
    height:100%;
    border:1px solid #000;
    z-index:100;
    left:440px;
    top:0
}
.action-link.view,.action-link.view:visited,a,a:visited{
    color:#204b79
}
ins,mark{
    color:#000
}
#col h2,.box,dl{
    color:#2d4461
}
#nav a:focus,a.sm2_button:focus,a:active,a:hover{
    outline:0
}
abbr[title]{
    border-bottom:1px dotted
}
blockquote{
    margin:1em 40px
}
hr{
    height:1px;
    border-top:1px solid #ccc;
    padding:0
}
ins{
    background:#ff9
}
mark{
    background:#ff0
}
code,kbd,pre,samp{
    font-family:monospace,serif;
    font-size:1em
}
pre{
    white-space:pre;
    white-space:pre-wrap;
    word-wrap:break-word
}
q{
    quotes:none
}
q:after,q:before{
    content:"";
    content:none
}
small{
    font-size:85%
}
sub,sup{
    font-size:75%;
    line-height:0;
    vertical-align:baseline
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
#content img{
    max-width:100%
}
p{
    margin:0 0 1em
}
h1,h2,h3{
    Font-family:Segoe UI,Frutiger,Dejavu Sans,Helvetica Neue,Arial,sans-serif
}
h6{
    margin:0;
    padding:0
}
ol,ul{
    padding:0 0 0 40px
}
dd{
    margin:0 0 0 40px;
    width:auto;
    text-align:right;
    padding-right:20px
}
nav ol,nav ul{
    list-style:none;
    margin:0;
    padding:0;
    z-index:100
}
img{
    -ms-interpolation-mode:bicubic
}
.icons div:last-child,figure,form{
    margin:0
}
fieldset,footer li:last-child{
    border:0;
    margin:0;
    padding:0
}
legend{
    padding:0;
    white-space:normal
}
button,input,select,textarea{
    font-size:100%;
    margin:0;
    vertical-align:baseline
}
.img,textarea{
    vertical-align:top
}
button,input{
    line-height:normal
}
button,input[type=button],input[type=reset],input[type=submit]{
    cursor:pointer;
    -webkit-appearance:button
}
button[disabled],input[disabled]{
    cursor:default
}
.img a img,.ldr img{
    cursor:-webkit-zoom-in;
    cursor:-moz-zoom-in
}
input[type=checkbox],input[type=radio]{
    box-sizing:border-box;
    padding:0
}
input[type=search]{
    -webkit-appearance:textfield;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
textarea{
    overflow:auto;
    resize:vertical
}
a.sm2_button,td{
    vertical-align:middle
}
input:invalid,textarea:invalid{
    background-color:#f0dddd
}
table{
    border-collapse:collapse;
    border-spacing:0
}
#container{
    max-width:984px;
    margin:0 auto;
    background:#fff
}
#accessnav ul{
    list-style:none;
    margin:auto;
    padding:0;
    max-width:1200px
}
#accessnav a{
    top:-1000px;
    left:-1000px;
    padding:10px 30px
}
#accessnav a:active,#accessnav a:focus{
    position:absolute;
    top:50px;
    left:50px;
    z-index:5000;
    background:#ffcf0d
}
.small_upright,.tall_upright{
    width:120px;
    text-align:center
}
.box,.notice ul,.unit-rating{
    list-style:none
}
#adpic,#wrapper,.icons div,.notice h3,.notice li,.popup img,dt,footer li,footer ul{
    float:left
}
header{
    overflow:visible
}
header p{
    background:url('https://d3teiib5p3f439.cloudfront.net/images/banner-desktop.png') no-repeat #39587d;
    margin:0
}
header p a,header p a:visited{
    color:#fff;
    font-size:2em;
    font-family:"trebuchet ms";
    text-decoration:none
}
.header-link:hover,.popup a:focus img[alt=close],.popup a:hover img[alt=close],header p a:hover{
    opacity:.5
}
header p a:focus{
    outline:#ffc200 solid 3px
}
@media screen and (min-width:601px){
    .usernav,.usernav li{
        z-index:200!important
    }
    .dthide,.icon-profile-male,.mobad,.navstrip{
        display:none
    }
    .search_link{
        text-transform:uppercase;
        font-weight:400;
        display:inline-block;
        position:relative;
        margin-left:3px
    }
    #usernav a:hover{
        color:#eee!important
    }
    #choosearea{
        width:189px;
        float:left
    }
    .pr{
        padding-right:20px
    }
    table.table2{
        width:190px
    }
    #shortlist{
        position:fixed;
        top:0;
        padding:2px 8px 3px;
        z-index:999;
        background:red;
        border-bottom-right-radius:5px 5px;
        border-bottom-left-radius:5px 5px
    }
    #usernav,.usernav{
        background:#2d4461
    }
    #usernav ul{
        font-size:1.2em;
        margin:0 auto;
        padding:0;
        list-style:none;
        max-width:984px;
        height:1.5em;
        z-index:100!important
    }
    #usernav li{
        position:relative;
        z-index:100!important;
        left:0;
        top:0;
        float:left
    }
    #usernav li a.clickit{
        margin-right:15px
    }
    #usernav li a.clickit2{
        cursor:text
    }
    #usernav li a.clickit2:focus,#usernav li a.clickit2:hover{
        color:#fff!important;
        background:0 0;
        outline:0
    }
    #usernav a,#usernav a:visited{
        text-decoration:none;
        color:#afd3df;
        padding:1px 0
    }
    #usernav a:focus{
        background:#ffc200;
        color:#2d4461!important
    }
    #usernav a.highlight,#usernav a.highlight:visited{
        color:#eab300
    }
    #usernav a.highlight:hover,#usernav a:hover{
        background:0 0;
        color:#eee
    }
    #usernav ol a{
        font-size:1rem
    }
    .usernav{
        font-size:1.1em;
        display:none;
        width:300px;
        position:absolute;
        top:22px;
        left:0;
        padding:20px 0;
        box-shadow:7px 7px 10px rgba(0,0,0,.4)
    }
    .usernav ol{
        margin:0;
        padding:0 10px;
        list-style:square!important
    }
    .ie7 .usernav ol,.ie7 .usernav ol li,.ie7 .usernav ol ol,.ie7 .usernav ol ol li{
        list-style:none!important
    }
    .ie7 .usernav{
        top:20px
    }
    .usernav ol ol{
        margin:0!important;
        padding:0!important
    }
    .usernav li{
        display:block;
        clear:both;
        float:none!important;
        margin:0;
        padding:2px 20px;
        color:#fff;
        line-height:1
    }
    .usernav li:before{
        content:"\25A0";
        float:left;
        margin-right:10px;
        font-size:1em
    }
    .usernav li li:before{
        color:#5b6c82
    }
    .usernav a,.usernav a:visited{
        text-transform:inherit!important;
        display:block;
        line-height:1;
        margin:0;
        padding:0;
        color:#fff!important
    }
    .ie7 .usernav a,.ie7 .usernav a:visited{
        text-transform:capitalize!important
    }
    .usernav li span{
        font-size:.7em;
        margin-left:3px;
        opacity:.8
    }
    .usernav li a:focus,.usernav li a:hover{
        color:#ffd800!important
    }
    #nav,.dropnav{
        z-index:100!important
    }
    nav[role=navigation]{
        float:left;
        height:auto;
        background:#afd3df;
        margin-bottom:1em;
        width:100%
    }
    #nav{
        height:100%;
        float:left
    }
    #nav li{
        position:relative;
        float:left;
        color:#fff
    }
    #nav li a,#nav li a:visited{
        display:block;
        text-decoration:none;
        padding:5px 10px 7px;
        color:#313432;
        font-size:1.2em
    }
    #nav li a:focus,#nav li a:hover{
        color:#fff;
        background:#2d4461
    }
    .clickit span{
        font-size:.6em;
        margin-left:3px
    }
    #nav li.hovering .clickit{
        cursor:pointer;
        background:#2d4461;
        color:#fff
    }
    #nav li li a,#nav li li a:visited{
        color:#fff
    }
    #nav li li a:focus{
        color:#2d4461!important;
        background:#ffc200!important
    }
    #nav>li li a:not(:only-child):after{
        content:" \25B6";
        font-size:.8em;
        color:#5b6c82
    }
    .dropnav,.dropnav2{
        display:none;
        position:absolute;
        top:2.4em;
        border:3px solid #2d4461;
        background:#2d4461;
        overflow:visible
    }
    .dropnav2{
        z-index:5000!important;
        top:-3px;
        left:11.37em;
        border:3px solid #88826c;
        background:#88826c
    }
    .dropnav ul,.dropnav2 ul{
        margin:0;
        padding:0
    }
    .dropnav li,.dropnav2 li{
        display:block;
        clear:both;
        margin:0;
        padding:0;
        position:relative
    }
    #nav .dropnav li a,#nav .dropnav li a:visited{
        width:10em;
        padding:6px 10px;
        display:block;
        font-size:1.1em;
        line-height:1;
        margin:0;
        color:#fff;
        background:#2d4461
    }
    #nav .dropnav2 li a,#nav .dropnav2 li a:visited{
        font-size:1.1em;
        color:#fff;
        background:#88826c
    }
    #nav .dropnav li a:hover,#nav .dropnav2 li a:hover{
        background:#fff!important;
        color:#2d4461!important
    }
    .dropnav ul li a:focus,.dropnav2 ul li a:focus{
        background:#ffc200!important;
        color:#000!important
    }
    #nav li:first-child .dropnav2 a:nth-child(1){
        width:11em
    }
    .ie7 .dropnav a{
        width:9.25em!important
    }
    .ie8 .dropnav a{
        width:11em!important
    }
    .ie7 #nav,.ie8 #nav{
        font-size:.9em
    }
}
#breadcrumb,.box,dl,dt{
    overflow:hidden
}
#breadcrumb{
    background:#fff!important;
    margin:20px 30px
}
#breadcrumb li{
    display:block;
    float:left;
    margin-right:5px
}
#breadcrumb li:after{
    content:" \25B6";
    font-size:.9em;
    margin:0 3px;
    color:#999
}
#breadcrumb li:last-child:after{
    content:"";
    margin:0
}
#wrapper{
    margin-left:-490px
}
#content{
    margin-left:490px;
    padding:0 30px
}
h1 a:focus,h1 a:hover{
    background:0 0
}
h1 a img,h1 a:visited img{
    opacity:.25;
    margin-left:10px;
    font-size:.7em
}
h1 a:focus img,h1 a:hover img{
    opacity:1
}
#content h2,#walk_desc h3{
    color:#4b6d9a;
    font-size:1em;
    text-transform:uppercase;
    font-weight:400;
    line-height:1;
    margin:0
}
#col h2,.notice{
    font-size:1.2em
}
#col{
    width:460px;
    padding-right:30px
}
#col p{
    margin:0 0 20px 20px
}
#col h2{
    line-height:1;
    margin:0 0 5px;
    padding:0
}
.box{
    height:163px;
    padding:20px;
    background:#eee;
    margin:0 0 20px
}
.ywp-mod a:hover{
    color:inherit!important;
    background-color:inherit!important
}
.notice,.notice a,.notice a:visited{
    color:#01234c
}
.box li{
    display:block;
    line-height:24px;
    margin:6px 0
}
.box li span{
    margin:0 10px -6px 0;
    display:inline-block;
    width:24px;
    height:24px;
    background:url('https://d3teiib5p3f439.cloudfront.net/images/map-icons4.png') no-repeat #ddd
}
.popup div div,.small_banner,.small_upright,.tall_upright,dl,dt{
    background:#eee
}
.box li:nth-child(2) span{
    background-position:0 -30px
}
.box li:nth-child(3) span{
    background-position:0 -60px
}
.box li:nth-child(4) span{
    background-position:0 -90px
}
.box li:nth-child(5) span{
    background-position:0 -120px
}
.box li:nth-child(6) span{
    background-position:0 -150px
}
.box li:nth-child(7) span{
    background-position:0 -180px
}
.tall_upright{
    height:600px
}
.small_upright{
    height:180px
}
.small_banner{
    width:468px;
    height:60px;
    text-align:center
}
.popup,.popup div{
    background:rgba(0,0,0,.3);
    border:0!important
}
dl{
    zoom:1;
    padding:20px 0;
    margin:0 0 1em
}
dt{
    z-index:1;
    padding:0 5px 0 20px
}
.bog,.grade,.votes{
    width:110px
}
.bog img,.grade img{
    width:22px
}
.ie7 dd{
    padding-left:25px
}
dd:before{
    content:"...........................................................................................................................................................................................";
    position:absolute;
    right:100%
}
.icons div{
    text-align:center;
    margin-right:10px
}
.popup a img[alt=close]{
    position:absolute;
    right:10px;
    width:24px!important;
    height:24px!important;
    top:10px
}
.popup img{
    margin-right:3px;
    clear:none;
    display:inline
}
.popup td:first-child{
    width:170px
}
.popup td{
    padding:15px 0
}
.popup tr{
    border-bottom:1px solid #ccc
}
.popup tr:last-child{
    border:0
}
.popup table{
    margin-bottom:50px
}
.popup{
    position:fixed;
    top:0;
    left:0;
    z-index:10000;
    width:100%;
    height:100%;
    overflow-y:auto;
    overflow-x:hidden
}
.popup div{
    width:80%;
    min-width:50%;
    max-width:800px;
    margin:50px auto;
    padding:1%;
    border-radius:20px
}
.popup div div{
    position:relative;
    width:90%;
    color:#222;
    padding:2.5% 5%;
    margin:0 auto!important;
    border:0!important;
    border-radius:10px
}
.notice{
    line-height:33px;
    background:#afd3df;
    padding:20px 30px;
    overflow:hidden
}
.notice p{
    line-height:1.1
}
.notice h3{
    text-transform:uppercase;
    margin:0 10px 0 0;
    padding:0
}
.notice h3:after{
    content:":"
}
.notice ul{
    margin:0;
    padding:0
}
.notice li{
    display:block;
    margin-right:20px
}
.notice li:after{
    content:","
}
.notice li:last-child:after{
    content:""
}
#walk_info{
    background:#fff;
    margin-left:30px
}
#walk_desc{
    background:#fff;
    display:table
}
.row{
    display:table-row
}
.desc,.img{
    display:table-cell
}
.desc{
    padding:0 30px 2em 0;
    clear:left
}
.img{
    padding-bottom:2em
}
.img a img{
    border:5px solid #ddd;
    display:block
}
.img a:hover img{
    border-color:#395981
}
.img a:focus img{
    border-color:#ffc200
}
#adpic img{
    width:240px;
    height:165px
}
#adpic{
    width:245px
}
h4{
    margin:0;
    padding-bottom:2px
}
#route-profile{
    margin:0 0 30px 30px
}
#route-profile img{
    max-width:774px
}
.social{
    overflow:visible!important
}
footer{
    max-width:984px;
    margin:7px auto 30px;
    color:#fff;
    font-size:.9em
}
footer p{
    margin:0
}
footer li{
    display:block;
    margin:0 15px 15px 0;
    padding-right:15px;
    border-right:1px solid #fff;
    line-height:1
}
footer a,footer a:visited{
    color:#fff;
    text-transform:uppercase
}
footer a:hover{
    color:#ccc;
    background:0 0
}
footer a:focus{
    color:#222
}
.ads,.adst,.ldr{
    float:right;
    border:5px solid #ddd;
    margin:0 0 20px 20px;
    padding:0
}
.adt,.ldrl{
    float:left
}
.ldrl{
    width:430px
}
.adb{
    width:468px
}
.rp{
    margin:20px;
    clear:right;
    width:120px
}
.rp1{
    height:240px
}
.ratingblock{
    display:block;
    padding-bottom:6px;
    margin-bottom:6px
}
.loading{
    height:25px;
    background:url(../images/working.gif) 50% 50% no-repeat
}
.unit-rating{
    margin:0;
    padding:0;
    height:20px;
    position:relative;
    background:url('https://d3teiib5p3f439.cloudfront.net/images/star.gif') top left repeat-x;
	background-size: 20px;
}
#lbOverlay,.lightbox{
    position:fixed;
    cursor:pointer;
    top:0;
    height:100%
}
.unit-rating li{
    text-indent:-90000px;
    padding:0;
    margin:0;
    float:left
}
.unit-rating li a{
    outline:0;
    display:block;
    width:20px;
    height:20px;
    text-indent:-9000px;
    z-index:20;
    position:absolute;
    padding:0;
    top:0
}
.unit-rating li a:hover{
    background:url('https://d3teiib5p3f439.cloudfront.net/images/star.gif') left center;
	background-size: 20px;
	z-index:2;
    left:0
}
#lbPrevLink,.unit-rating a.r1-unit{
    left:0
}
.unit-rating a.r1-unit:hover{
    width:20px
}
.unit-rating a.r2-unit{
    left:20px
}
.unit-rating a.r2-unit:hover{
    width:40px
}
.unit-rating a.r3-unit{
    left:40px
}
.unit-rating a.r3-unit:hover{
    width:60px
}
.unit-rating a.r4-unit{
    left:60px
}
.unit-rating a.r4-unit:hover{
    width:80px
}
.unit-rating a.r5-unit{
    left:80px
}
.unit-rating a.r5-unit:hover{
    width:100px
}
.unit-rating li.current-rating{
    background:url('https://d3teiib5p3f439.cloudfront.net/images/star.gif') left bottom;
	background-size: 20px;
    position:absolute;
    height:20px;
    display:block;
    text-indent:-9000px;
    z-index:1
}
.voted{
    color:#999
}
.thanks{
    color:#36aa3d
}
.static{
    color:#5d3126
}
.lightbox{
    width:100%;
    left:0;
    background:rgba(0,0,0,.7);
    -webkit-filter:none!important;
    z-index:9997
}
.lightbox img{
    display:block;
    position:absolute;
    border:5px solid #fff;
    box-shadow:0 0 20px #000;
    border-radius:1px
}
#lbBottom,#lbImage{
    border:10px solid #fff
}
body.blurred>*{
    -webkit-filter:blur(2px);
    -webkit-transform:translate3d(0,0,0)
}
.lightbox-loading{
    background:url(/images/loadinglb.gif) center center no-repeat;
    width:31px;
    height:31px;
    margin:-16px 0 0 -16px;
    position:absolute;
    top:48%;
    left:50%
}
.lightbox-caption{
    display:none;
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    text-align:center;
    z-index:9998;
    background:rgba(0,0,0,.7)
}
.lightbox-caption p{
    margin:0 auto;
    max-width:70%;
    display:inline-block;
    padding:10px;
    color:#fff;
    font-size:12px;
    line-height:18px
}
.lightbox-button{
    position:absolute;
    z-index:9999;
    background:center center no-repeat;
    width:32px;
    height:32px;
    opacity:1;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    transition:.3s
}
.lightbox-button:focus,.lightbox-button:hover{
    -webkit-transform:scale(1.4);
    -moz-transform:scale(1.4);
    -ms-transform:scale(1.4);
    transform:scale(1.4)
}
.lightbox-close{
    right:10px;
    top:10px;
    background-image:url('https://d3teiib5p3f439.cloudfront.net/images/closelb.png')
}
.lightbox-next{
    right:10px;
    top:48%;
    background-image:url('https://d3teiib5p3f439.cloudfront.net/images/next.png')
}
.lightbox-previous{
    left:10px;
    top:48%;
    background-image:url('https://d3teiib5p3f439.cloudfront.net/images/previous.png')
}
#lbOverlay{
    z-index:9999;
    left:0;
    width:100%;
    background-color:#000
}
#lbBottomContainer,#lbCenter{
    position:absolute;
    z-index:9999;
    overflow:hidden;
    background-color:#fff
}
.lbLoading{
    background:url(loading.gif) center no-repeat #fff
}
#lbImage{
    position:absolute;
    left:0;
    top:0;
    background-repeat:no-repeat
}
#lbNextLink,#lbPrevLink{
    display:block;
    position:absolute;
    top:0;
    width:50%;
    outline:0
}
#lbPrevLink:hover{
    background:url(prevlabel.gif) 0 15% no-repeat
}
#lbNextLink{
    right:0
}
#lbNextLink:hover{
    background:url(nextlabel.gif) 100% 15% no-repeat
}
#lbBottom{
    font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;
    font-size:10px;
    color:#666;
    line-height:1.4em;
    text-align:left;
    border-top-style:none
}
#lbCloseLink{
    display:block;
    width:66px;
    height:22px;
    background:url(closelabel.gif) center no-repeat;
    margin:5px 0;
    outline:0
}
#lbCaption,#lbNumber{
    margin-right:71px
}
.panel{
    margin-bottom:4px;
    padding:0 10px;
    background-color:#ddd
}
.bg1{
    background-color:#ecf3f7
}
.bg2{
    background-color:#e1ebf2
}
.bg4{
    background-color:#fffbb8
}
.adt{
    max-width:650px
}
#areamap,.search_link,.search_link:focus,.search_link:visited,img.areapic{
    float:right !important
}
p.ad,p.adv{
    font-size:1em;
    line-height:1em;
    padding-left:5px
}
table.table1 tbody a.hover,table.table1 tbody tr.hover,table.table1 tbody tr:hover{
    background-color:#fff;
    color:#000
}
table.table1 thead{
    background:#afd3df;
    color:#000;
    text-align:left
}
table.table2{
    width:100%;
    margin:0!important;
    padding:0!important
}
table.table2 th{
    text-align:left!important;
    background-color:#2e3539!important;
    color:#fff!important
}
td.s{
    padding:5px 0!important
}
.walktable{
    margin-left:16px;
    margin-right:46px
}
img.areapic{
    padding:0 0 15px 10px
}
#arealist{
    float:left;
    min-width:485px
}
a.sm2_button{
    position:relative;
    display:inline-block;
    width:18px;
    height:18px;
    text-indent:-9999px;
    overflow:hidden;
    border-radius:2px;
    margin-top:-1px;
    transition:.2s ease-in-out
}
a.sm2_button,a.sm2_button.sm2_paused:hover{
    background-color:#39c;
    background-image:none,url('https://d3teiib5p3f439.cloudfront.net/images/arrow-right-white-2x.png');
    background-size:9px 10px;
    background-repeat:no-repeat;
    background-position:5px 50%
}
a.sm2_button.sm2_playing,a.sm2_button.sm2_playing:hover,a.sm2_button:hover{
    background-color:#c33!important
}
a.sm2_button.sm2_playing,a.sm2_button.sm2_playing:hover{
    transform:rotate(90deg)
}
a.sm2_button.sm2_paused,a.sm2_button.sm2_paused:hover{
    background-color:#666
}
@media screen and (min-width:1100px){
    body{
        background:url('https://d3teiib5p3f439.cloudfront.net/images/back-4k.JPG') center bottom/cover no-repeat fixed #6985b4
    }
}
@media screen and (max-width:980px){
    #arealist,#areamap{
        min-width:0;
        width:100%!important;
        clear:both
    }
    #areamap,.ldr,.ldrl{
        float:none;
        margin:auto
    }
    #arealist,#areamap,.ldrl{
        width:100%!important
    }
    #arealist img,#areamap img,#route-profile img{
        max-width:100%
    }
    #areamap{
        max-width:100%!important
    }
    #arealist{
        float:none
    }
    .ldr,.ldrl{
        display:block
    }
    #breadcrumb{
        margin:10px
    }
    #breadcrumb li{
        margin-bottom:10px
    }
    #walk_info{
        margin:0 0 0 30px
    }
    #walk_desc{
        background:#fff;
        display:table
    }
    #route-profile{
        margin:0 30px 30px
    }
    footer li{
        margin-right:5px;
        padding-right:5px
    }
    #arealist img{
        height:auto
    }
    .ldm{
        position:relative;
        clear:both;
        left:0;
        height:600px;
        width:100%
    }
}
@media screen and (max-width:840px){
    #content,#wrapper{
        margin:0
    }
    #col h2,.desc{
        clear:both
    }
    #col,#wrapper,.adb,.desc,.img{
        float:none
    }
    .img,.img a img{
        display:block;
        max-width:100%
    }
    #col{
        width:auto
    }
    .adb{
        margin-top:45px
    }
    #wrapper{
        width:100%
    }
    #content .ads p:first-child,#content .adst p:first-child{
        float:none;
        margin:0
    }
    #col,#content{
        clear:both;
        padding:0 10px
    }
    .desc{
        display:block
    }
    .img{
        padding-bottom:1em
    }
    .img a img{
        border:5px solid #ddd;
        height:auto
    }
    .popup div{
        width:95%
    }
}
@media screen and (max-width:515px){
    .ywp-container{
        display:none!important
    }
    .ads{
        display:none
    }
    .mobad{
        display:block
    }
}
.navstrip{
    height:39px;
    background:#afd3df
}
@media screen and (max-width:600px){
    .mobile_link b,.search_link b{
        text-transform:uppercase;
        font-size:.8rem;
        font-weight:400;
        display:inline-block;
        position:relative;
        top:-4px;
        margin-left:3px
    }
    .pr{
        padding-right:10px
    }
    .table1 img{
        width:14px
    }
    .walktable,table.table1,td.cell,td.cell a{
        width:100%
    }
    #choosearea{
        width:94%;
        float:none
    }
    #walk_info{
        margin-left:10px
    }
    .walktable{
        margin:0 0 0 -5px
    }
    th{
        padding:4px
    }
    td.cell{
        border-top:1px solid;
        border-bottom:1px solid
    }
    td.cell a{
        display:block;
        height:100%;
        text-decoration:none;
        font-size:1.5em;
        text-align:center
    }
    #nav,.adplain,.adst,.hide600,.mobhide,.usernav{
        display:none
    }
    #shortlist{
        position:fixed;
        font-weight:700;
        bottom:5px;
        right:5px;
        z-index:9999;
        background:red;
        padding:5px;
        border-radius:5px
    }
    .ldr,.ldrl{
        width:100%!important;
        display:block;
        border:0
    }
    #usernav{
        height:39px
    }
    #container{
        clear:both
    }
    .mobile_link,.mobile_link:focus,.mobile_link:visited,.search_link,.search_link:focus,.search_link:visited{
        font-size:1.5em;
        color:#2d4461!important;
        float:left;
        display:block;
        padding:3px 10px;
        text-decoration:none;
        line-height:1.5;
        background:#afd3df
    }
    .mobile_link.active,.mobile_link:focus,.mobile_link:hover{
        text-decoration:none;
        background:#fff;
        color:#2d4461!important;
        outline:0
    }
    .overlay{
        position:fixed;
        top:0;
        left:0;
        right:0;
        bottom:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,.6)
    }
    #nav,.usernav{
        position:absolute;
        left:0;
        width:100%
    }
    #nav,.usernav,nav{
        background:#afd3df
    }
    nav{
        position:relative
    }
    #nav{
        z-index:100!important;
        top:38px
    }
    .usernav{
        z-index:50000!important;
        top:37px
    }
    #nav li a,#nav li a:visited{
        text-decoration:none;
        font-size:1.3rem;
        padding:10px;
        display:block;
        color:#2d4461
    }
    #nav a.clickit:hover,#nav li a.active:hover,#nav li a:hover{
        color:#2d4461;
        background:#94c1d1
    }
    #nav .dropnav a.active,#nav .dropnav a:focus,.profile_link,.profile_link:visited{
        color:#fff!important;
        background:#2d4461!important
    }
    #nav li a.active,#nav li a:focus{
        background:#afd3df;
        color:#2d4461
    }
    #nav .clickit span,#usernav .clickit2 span{
        font-size:.8em;
        margin-left:5px;
        opacity:.7
    }
    .dropnav,.dropnav2,.dropnav3{
        border:20px solid #afd3df;
        border-top:0
    }
    .dropnav ul li a,.dropnav ul li a:visited{
        background:#2d4461;
        color:#fff!important
    }
    #nav>li li a:not(:only-child):after{
        content:" \25bc";
        font-size:.8em;
        color:#5b6c82
    }
    #nav .dropnav2 ul{
        margin:0
    }
    #nav .dropnav2 li a{
        width:auto
    }
    #nav .dropnav2 li a,#nav .dropnav2 li a:visited{
        color:#fff;
        background:#88826c
    }
    #nav .dropnav li a:hover,#nav .dropnav2 li a:hover{
        background:#fff!important;
        color:#2d4461!important
    }
    .dropnav ul li a:focus,.dropnav2 ul li a:focus{
        background:#ffc200!important;
        color:#000!important
    }
    #usn>li:nth-of-type(2){
        font-size:.8em;
        height:38px
    }
    .profile_link,.profile_link:visited{
        font-size:1.5em;
        float:left;
        display:block;
        padding:3px 10px;
        text-decoration:none!important;
        max-height:38px;
        width:100%;
        max-width:24px
    }
    .profile_link.active2,.profile_link:focus,.profile_link:hover{
        background:#afd3df!important;
        color:#2d4461!important
    }
    #usn,#usn_not_logged_in{
        list-style:none;
        padding:0;
        margin:0;
        background:#2d4461
    }
    #usn li,#usn_not_logged_in{
        display:block;
        line-height:1.5
    }
    #usn li.drop b:after{
        content:" \25BC";
        opacity:.7;
        font-size:1rem
    }
    #usn li li a,#usn li li a:visited{
        outline:0;
        font-size:1.3rem;
        padding:10px;
        display:block;
        color:#2d4461;
        text-decoration:none;
        background:#afd3df
    }
    #usn li li a.active,#usn li li a:hover{
        background:#94c1d1
    }
    #usn li li li a,#usn li li li a:visited{
        color:#fff;
        background:#2d4461
    }
    #usn li li li a:focus,#usn li li li a:hover{
        color:#2d4461;
        background:#fff
    }
    #usn>li:nth-of-type(2) a,#usn>li:nth-of-type(2) a:visited,#usn_not_logged_in a{
        padding:10px 5px;
        line-height:1.5;
        display:inline-block;
        color:#fff;
        background:#2d4461;
        font-size:1em;
		text-decoration: none
    }
    img.areapic{
        margin:auto;
        width:100%;
        height:auto;
        padding:0 margin-right:-5px
    }
    img{
        margin:auto;
        padding:0!important;
        max-width:100%
    }
    tr{
        line-height:1.4;
        height:65px
    }
}
.app-link.top,.saved-walks-list{
    border-top:2px solid #313432
}

.search_link.active,.search_link:focus,.search_link:hover{
    text-decoration:none;
    background:#fff;
    color:#2d4461!important;
    outline:0
}
.search_link span{
    margin-left:0;
    padding-left:0
}
polygon{
    fill-opacity:0;
    fill:transparent
}
g:hover{
    stroke:blue;
    stroke-width:3
}
polygon:hover{
    fill-opacity:0.1;
    fill:blue
}
.forumbg-table{
    width:430px;
    max-width:100%
}
td.cell{
    padding:4px
}
body{
    height:100%;
    font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
    color:#333;
    font-size:14px;
    line-height:20px
}
.app-navbar-link:focus,.app-navbar-link:visited,h1{
    color:#313432
}
h1{
    margin:20px 0 10px;
    font-size:2em;
    line-height:44px
}
.app-navbar{
    position:fixed;
    left:0;
    top:auto;
    right:0;
    bottom:0;
    z-index:10001;
    display:none;
    grid-auto-columns:1fr;
    grid-column-gap:0px;
    grid-row-gap:0px;
    -ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows:auto;
    grid-template-rows:auto;
    background-color:#afd3df;
}
.app-navbar-link{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    padding-top:15px;
    padding-bottom:15px;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-transition:background-color .3s;
    transition:background-color .3s;
	margin-bottom:20px;
    color:#313432
}
.app-link.in-list,.container{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox
}
.app-navbar-link:hover{
    background-color:#90b9c7
}
.app-navbar-link:active{
    background-color:#89b7c7
}
.app-navbar-link.disabled{
    color:#a2bec7;
    cursor:auto
}
.app-navbar-link.disabled:hover{
    background-color:transparent
}
.app-navbar-icon{
    width:40px;
    height:40px
}
.header{
    background-image:url("https://d3teiib5p3f439.cloudfront.net/images/banner-desktop.png");
    background-position:0 0;
    background-size:auto;
    background-repeat:no-repeat;
    text-align:left
}
.app-links,.content-wrapper{
    grid-auto-columns:1fr;
    -ms-grid-columns:1fr;
    grid-template-columns:1fr;
    text-align:center
}
.container{
    display:flex;
    height:100%;
    max-width:984px;
    margin-right:auto;
    margin-left:auto;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    background-color:#fff
}
.content-wrapper{
    padding-bottom:70px;
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    grid-column-gap:16px;
    grid-row-gap:16px;
    -ms-grid-rows:auto 1fr;
    grid-template-rows:auto 1fr
}
.app-links{
    display:-ms-grid;
    display:grid;
    margin-top:20px;
    justify-items:stretch;
    -webkit-align-content:start;
    -ms-flex-line-pack:start;
    align-content:start;
    grid-column-gap:0px;
    grid-row-gap:0px;
    -ms-grid-rows:auto auto;
    grid-template-rows:auto auto
}
.app-link{
    padding-top:40px;
    padding-bottom:40px;
    border-bottom:2px solid #313432;
    color:#204b79;
    font-size:1.5em;
    text-decoration:none
}
.app-link:hover{
    text-decoration:underline
}
.app-link.in-list{
    display:flex;
    width:100%;
    padding-top:20px;
    padding-bottom:20px;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    border-bottom-style:none;
    color:#204b79;
    font-size:1em
}
.action-link,.action-link:visited{
    color:#dc3545
}
.saved-walks-list{
    padding-left:0;
    margin-top:20px;
    list-style-type:none
}
.action-link,.saved-walk-item{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    padding-left:20px
}
.walk-title{
    font-size:1.25em
}
.saved-walk-item{
    display:flex;
    -webkit-box-align:stretch;
    -webkit-align-items:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    border-bottom:2px solid #313432;
    text-align:left
}
.action-link{
    display:flex;
    padding-right:20px;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-flex:0;
    -webkit-flex:0 0 auto;
    -ms-flex:0 0 auto;
    flex:0 0 auto
}
.action-icon{
    width:35px;
    height:35px
}
.saved-walk-actions{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -webkit-justify-content:flex-end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.saving-walk-progress{
    display:none;
    position:absolute;
    bottom:100%;
    left:0;
    width:100%;
    background-color:#2d4461;
    color:#afd3df;
    padding:10px 20px
}
.saving-walk-progress.error{
    background-color:#f8d7da;
    color:#721c24
}
.saving-walk-progress>.progress-title{
    margin-bottom:5px
}
#app-walk-download-loader svg{
    -webkit-animation:1s linear infinite spin;
    -moz-animation:1s linear infinite spin;
    animation:1s linear infinite spin
}
@media screen and (max-width:991px){
    .content-wrapper{
        padding-right:20px;
        padding-left:20px
    }
}
@media screen and (max-width:479px){
    body{
        padding-bottom:60px
    }
    .action-icon,.app-navbar-icon{
        width:30px;
        height:30px
    }
    .action-link{
        padding-right:15px;
        padding-left:15px
    }
}
@media all and (display-mode:standalone){
    .app-navbar{
        display:-ms-grid;
        display:grid
    }
	.hideapp {
		display:none;
	}
}
@-moz-keyframes spin{
    100%{
        -moz-transform:rotate(360deg)
    }
}
@-webkit-keyframes spin{
    100%{
        -webkit-transform:rotate(360deg)
    }
}
@keyframes spin{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
#walk-tabs {
clear:both;
}

.wh-tab {
	margin: 15px 0px 25px 5px;	
	float: left;
    width: 48%;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
	font-size: 1.5em;
	border-bottom: 6px solid #ccc !important;
    padding: 8px 0px !important;
	}
	
@media (max-width: 600px) {
    .wh-tab {font-size: 1.2em;}
	.nn { display:none }
	}
	

.current-tab {
	background-color: #f1f1f1 !important;
	border-color: #2d4461 !important;
}

#walk_reports {
display:none;
}
table.reports {
width:100%;
text-align:left;
}
table.reports th {
	background-color: #2d4461 !important;
	color: #fff;
}
td.rlike {
	text-align: right;
}
td.rr {
padding: 5px;
}