/*
Theme Name: Geocache child theme for evolve theme
Template: evolve
Author: Veli-Pekka Eloranta
Author URI: https://www.6123tampere.com
Description: Allow creating credible geocache descriptions
Tags: geocaching
Version: 3.8.3.1519071435
Updated: 2018-02-19 22:17:15
*/

/* ACF GOOGLE MAPS STUFF */


#mapid { /* cache_footer_right*/
    width: 40%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 20px 400px;
}

.cache_footer::after {
    content: "";
    clear: both;
    display: table;
}

.cache_footer_left
{
    width: 40%;
    float: left;
    position:relative;
    min-height: 350px;
}
.bottomGallery
{
    position: absolute;
    bottom:0px;
}
ul.CachePageImages li{
    background:url(https://www.mysteerikurssi.com/wp-content/uploads/2018/04/photo.png) no-repeat 0 0;
    padding-left:22px;
}
/* fixes potential theme css conflict */
.cache_footer_right img {
   max-width: inherit !important;
}

/* END OF ACF GOOGLE MAPS STUFF */

.CoordInfoCode{text-decoration:none;color:#717073!important;font-size:34px;font-weight:bold;}
.wordwrap {
   white-space: pre-wrap;      /* CSS3 */
   white-space: -moz-pre-wrap; /* Firefox */
   white-space: -pre-wrap;     /* Opera <7 */
   white-space: -o-pre-wrap;   /* Opera 7 */
   word-wrap: break-word;      /* IE */
}
p.cacheImage{width:35px;float:left;margin:0 10px 0 0}

.NoBottomSpacing{margin-bottom:0}
.span-1,.span-2,.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9,.span-10,.span-11,.span-12,.span-13,.span-14,.span-15,.span-16,.span-17,.span-18,.span-19,.span-20,.span-21,.span-22,.span-23,.span-24{margin-right:10px}
.span-17{width:670px}
.span-21{width:960px;}
.span-24{width:970px;}
.last{margin-right:0}
.BottomSpacing{margin-bottom:1.5em}
h2.BottomSpacing{margin-bottom:1em}

.LogsTable td{border-top:2px solid #4a4a4a;border-bottom:2px solid #4a4a4a;padding-top:1em;padding-bottom:1em;width:100%}
.LogsTable table td{border:none;padding:0}
.LogsTable td{word-wrap:break-word}

.LogDisplayLeft{width:125px}.LogDisplayLeft p{margin-bottom:0}.LogDisplayRight{padding-left:1em;width:790px}.LogDisplayRight .LogType{padding-left:1em}
.LogType img,.logOwnerBadge img,.LogTotals img,.logOwnerStats img{vertical-align:middle}.LogDisplayRight .LogContent{padding-left:1em;border-left:1px solid #d7d7d7}.LogDisplayRight .LogDate{font-weight:normal!important}.LogDisplayRight .LogText{padding-top:.5em;min-height:40px;margin-bottom:0}
.LogDisplayRight{width:595px}
.logOwnerBadge{font-size:85%}.logOwnerBadge img{height:11px;width:11px}p.logOwnerAvatar{margin:5px 0}p.logOwnerAvatar img{display:block}

.logOwnerBadge
{
    font-size:11px;
}
.logOwnerProfileName
{
    font-size:14px;
}
.LogType
{
    font-size:13px;
    font-weight:bold;
}
.LogText
{
    font-size:14px;
    line-height: 1.375em;
}

.LogDate
{
    font-size:14px;
}
.logOwnerStats
{
    font-size:14px;
}

img.reset
{
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    color: #594a42;
    line-height: 1.5;
    box-shadow: none;
}

.InformationWidget{color:#4a4a4a;margin:1.5em 0}.InformationWidget table td{background-color:#ebeced}.SecondaryInformationWidget{margin-top:1.5em;padding:1em;border:1px solid #b0b0b0;background-color:#7e7e7}.SecondaryInformationWidget.right,SecondaryInformationWidget.FloatRight{margin-left:.5em}.InformationWidget h3,.SecondaryInformationWidget h3{margin-top:0}.SendEmailInfo{border-top:1px solid #e3e2d7;margin-top:3em;padding-top:3em}.SendEmailInfo h3{color:#4a4a4a;font-size:1.235em;font-weight:normal;line-height:1.5em}.SecondaryInformationWidget ul{margin-bottom:0;margin-left:0!important}

html{margin:0;padding:0;border:0}body,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family: Noto Sans, Arial, Helvetica, sans-serif;vertical-align:baseline}

article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}body{line-height:1.5}table{border-collapse:separate;border-spacing:0}caption,th,td{font-weight:normal;float:none!important}table,
th,td{vertical-align:middle}blockquote:before,blockquote:after,q:before,q:after{content:''}blockquote,
q{quotes:"" ""}
a img{border:0}:focus{outline:0}
html{font-size:100.01%}body{font-size:81.25%}
h1{font-size:3em;line-height:1;margin-bottom:.5em}
h2{font-size:2em;margin-bottom:.75em}h3{font-size:1.5em;line-height:1;margin-bottom:1em}h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em}h5{font-size:1em;font-weight:bold;margin-bottom:1.5em}
h6{font-size:1em;font-weight:bold}h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{margin:0}p{margin:0 0 1.5em}.left{float:left!important}p .left{margin:1.5em 1.5em 1.5em 0;padding:0}
.right{float:right!important}
p .right{margin:1.5em 0 1.5em 1.5em;padding:0}a:focus,a:hover{color:#09f}a{color:#06c;text-decoration:underline}

.TopSpacing{margin-top:1.5em}h2.TopSpacing{margin-top:1em}.NoBottomSpacing{margin-bottom:0}.AlignLeft{text-align:left!important}.AlignCenter{text-align:center!important}.AlignRight
,table.Table th.AlignRight,table.Table td.AlignRight{text-align:right!important}
.NoWrap{white-space:nowrap}
.HalfLeft{width:48%;float:left}
.HalfRight{width:48%;float:right}
.FloatLeft{float:left}
.FloatRight{float:right}
.Third{float:left;width:30%}.Clear{clear:both}pre{white-space:pre-wrap}
h2 sup,h3 sup{font-size:.5em}
h1,h2,h3,h4,h5,h6{margin-bottom:0;font-weight:bold;color:#594a42}
p.normal{
    font-size:14px;
margin-left: 0;
display:inline;
    margin-right:150px;
}

p.containerSize{
    text-align:center!important;
    font-size:14px;
}

p.decryptkey
{
    font-family:courier, courier new, serif;
    font-size:12px;
    margin: 0 !important;
}
.WrapFix,.LogsTable td{word-wrap:break-word}

.FloatContainer{overflow:hidden}

.btn.btn-primary[disabled]:focus{background-color:#9b9b9b;border-color:#9b9b9b;}


.span-6{
    width:250px;
}

.CacheDetailNavigationWidget .WidgetBody{padding:1em;border:1px solid #b0b0b0;background-color:#fff}#Content

html:first-child .icalendar_list
{
    /* Opera */
    font-size: 80%;
}
.icalendar_list li
{
    float: left;
    width: 12%;
    margin: 0px 1px;
    padding: 1px;
    background-color: #eee;
    border: 1px outset;
    list-style-type: none !important;
    margin-left: 0px !important;
}
.icalendar_compact
{
    background-color: #eee;
    border: 1px outset;
}
.icalendar_compact li
{
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 2px;
    background-color: transparent;
    border: none;
    list-style-type: none !important;
    margin-left: 0px !important;
}
.icalendar_list a
{
    width: 100%;
    text-decoration: none;
}
.icalendar_list span
{
    display: inline-block;
    width: 16px;
    height: 16px;
}
.icalendar_list img
{
    border: none;
}

/*
* qTip2 - Pretty powerful tooltips
* http://craigsworks.com/projects/qtip2/
*
* Version: 2.0.0pre
* Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
*
* Dual licensed under MIT or GPLv2 licenses
*   http://en.wikipedia.org/wiki/MIT_License
*   http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* Date: Mon Oct 3 17:40:57 2011 +0200
*/

/* Core qTip styles */
.ui-tooltip, .qtip{
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;

    /* max-width: 280px; */
    max-width: none;
    min-width: 50px;

    font-size: 10.5px;
    line-height: 12px;

    z-index: 15000;
}

    /* Fluid class for determining actual width in IE */
    .ui-tooltip-fluid{
        display: block;
        visibility: hidden;
        position: static !important;
        float: left !important;
    }

    .ui-tooltip-content{
        position: relative;
        padding: 5px 9px;
        overflow: hidden;

        border-width: 1px;
        border-style: solid;

        text-align: left;
        word-wrap: break-word;
        overflow: hidden;
    }

    .ui-tooltip-titlebar{
        position: relative;
        min-height: 14px;
        padding: 5px 35px 5px 10px;
        overflow: hidden;

        border-width: 1px 1px 0;
        border-style: solid;

        font-weight: bold;
    }

    .ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; }

        /*! Default close button class */
        .ui-tooltip-titlebar .ui-state-default{
            position: absolute;
            right: 4px;
            top: 50%;
            margin-top: -9px;

            cursor: pointer;
            outline: medium none;

            border-width: 1px;
            border-style: solid;
        }

        * html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */

        .ui-tooltip-titlebar .ui-icon,
        .ui-tooltip-icon .ui-icon{
            display: block;
            text-indent: -1000em;
        }

        .ui-tooltip-icon, .ui-tooltip-icon .ui-icon{
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }

            .ui-tooltip-icon .ui-icon{
                width: 18px;
                height: 14px;

                text-align: center;
                text-indent: 0;
                font: normal bold 10px/13px Tahoma,sans-serif;

                color: inherit;
                background: transparent none no-repeat -100em -100em;
            }


/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.ui-tooltip-focus{

}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.ui-tooltip-hover{

}


/*! Default tooltip style */
.ui-tooltip-default .ui-tooltip-titlebar,
.ui-tooltip-default .ui-tooltip-content{
    border-color: #F1D031;
    background-color: #FFFFA3;
    color: #555;
}

    .ui-tooltip-default .ui-tooltip-titlebar{
        background-color: #FFEF93;
    }

    .ui-tooltip-default .ui-tooltip-icon{
        border-color: #CCC;
        background: #F1F1F1;
        color: #777;
    }

    .ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{
        border-color: #AAA;
        color: #111;
    }

/* Modal plugin */
#qtip-overlay{
    position: fixed;
    left: -10000em;
    top: -10000em;
}

    /* Applied to modals with show.modal.blur set to true */
    #qtip-overlay.blurs{ cursor: pointer; }

    /* Change opacity of overlay here */
    #qtip-overlay div{
        position: absolute;
        left: 0; top: 0;
        width: 100%; height: 100%;

        background-color: black;

        opacity: 0.7;
        filter:alpha(opacity=70);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    }

/* Tips plugin */
.ui-tooltip .ui-tooltip-tip{
    margin: 0 auto;
    overflow: hidden;

    background: transparent !important;
    border: 0px dashed transparent !important;
    z-index: 10;
}

    .ui-tooltip .ui-tooltip-tip,
    .ui-tooltip .ui-tooltip-tip *{
        position: absolute;

        line-height: 0.1px !important;
        font-size: 0.1px !important;
        color: #123456;

        background: transparent;
        border: 0px dashed transparent;
    }

    .ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0; }


/*! Light tooltip style */
.ui-tooltip-light .ui-tooltip-titlebar,
.ui-tooltip-light .ui-tooltip-content{
    border-color: #E2E2E2;
    color: #454545;
}

    .ui-tooltip-light .ui-tooltip-content{
        background-color: white;
    }

    .ui-tooltip-light .ui-tooltip-titlebar{
        background-color: #f1f1f1;
    }


/*! Dark tooltip style */
.ui-tooltip-dark .ui-tooltip-titlebar,
.ui-tooltip-dark .ui-tooltip-content{
    border-color: #303030;
    color: #f3f3f3;
}

    .ui-tooltip-dark .ui-tooltip-content{
        background-color: #505050;
    }

    .ui-tooltip-dark .ui-tooltip-titlebar{
        background-color: #404040;
    }

    .ui-tooltip-dark .ui-tooltip-icon{
        border-color: #444;
    }

    .ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{
        border-color: #303030;
    }


/*! Cream tooltip style */
.ui-tooltip-cream .ui-tooltip-titlebar,
.ui-tooltip-cream .ui-tooltip-content{
    border-color: #F9E98E;
    color: #A27D35;
}

    .ui-tooltip-cream .ui-tooltip-content{
        background-color: #FBF7AA;
    }

    .ui-tooltip-cream .ui-tooltip-titlebar{
        background-color: #F0DE7D;
    }

    .ui-tooltip-cream .ui-state-default .ui-tooltip-icon{
        background-position: -82px 0;
    }


/*! Red tooltip style */
.ui-tooltip-red .ui-tooltip-titlebar,
.ui-tooltip-red .ui-tooltip-content{
    border-color: #D95252;
    color: #912323;
}

    .ui-tooltip-red .ui-tooltip-content{
        background-color: #F78B83;
    }

    .ui-tooltip-red .ui-tooltip-titlebar{
        background-color: #F06D65;
    }

    .ui-tooltip-red .ui-state-default .ui-tooltip-icon{
        background-position: -102px 0;
    }

    .ui-tooltip-red .ui-tooltip-icon{
        border-color: #D95252;
    }

    .ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover{
        border-color: #D95252;
    }


/*! Green tooltip style */
.ui-tooltip-green .ui-tooltip-titlebar,
.ui-tooltip-green .ui-tooltip-content{
    border-color: #90D93F;
    color: #3F6219;
}

    .ui-tooltip-green .ui-tooltip-content{
        background-color: #CAED9E;
    }

    .ui-tooltip-green .ui-tooltip-titlebar{
        background-color: #B0DE78;
    }

    .ui-tooltip-green .ui-state-default .ui-tooltip-icon{
        background-position: -42px 0;
    }


/*! Blue tooltip style */
.ui-tooltip-blue .ui-tooltip-titlebar,
.ui-tooltip-blue .ui-tooltip-content{
    border-color: #ADD9ED;
    color: #5E99BD;
}

    .ui-tooltip-blue .ui-tooltip-content{
        background-color: #E5F6FE;
    }

    .ui-tooltip-blue .ui-tooltip-titlebar{
        background-color: #D0E9F5;
    }

    .ui-tooltip-blue .ui-state-default .ui-tooltip-icon{
        background-position: -2px 0;
    }

/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */
.ui-tooltip-shadow{
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

    .ui-tooltip-shadow .ui-tooltip-titlebar,
    .ui-tooltip-shadow .ui-tooltip-content{
        filter: progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3);
        -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)";

        _margin-bottom: -3px; /* IE6 */
        .margin-bottom: -3px; /* IE7 */
    }


/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-rounded,
.ui-tooltip-rounded .ui-tooltip-content,
.ui-tooltip-tipsy,
.ui-tooltip-tipsy .ui-tooltip-content,
.ui-tooltip-youtube,
.ui-tooltip-youtube .ui-tooltip-content{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.ui-tooltip-rounded .ui-tooltip-titlebar,
.ui-tooltip-tipsy .ui-tooltip-titlebar,
.ui-tooltip-youtube .ui-tooltip-titlebar{
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content{
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}


/*! Youtube tooltip style */
.ui-tooltip-youtube{
    -webkit-box-shadow: 0 0 3px #333;
    -moz-box-shadow: 0 0 3px #333;
    box-shadow: 0 0 3px #333;
}

    .ui-tooltip-youtube .ui-tooltip-titlebar,
    .ui-tooltip-youtube .ui-tooltip-content{
        _margin-bottom: 0; /* IE6 */
        .margin-bottom: 0; /* IE7 */

        background: transparent;
        background: rgba(0, 0, 0, 0.85);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";

        color: white;
        border-color: #CCCCCC;
    }

    .ui-tooltip-youtube .ui-tooltip-icon{
        border-color: #222;
    }

    .ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover{
        border-color: #303030;
    }


/* jQuery TOOLS Tooltip style */
.ui-tooltip-jtools{
    background: #232323;
    background: rgba(0, 0, 0, 0.7);
    background-image: -moz-linear-gradient(top, #717171, #232323);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));

    border: 2px solid #ddd;
    border: 2px solid rgba(241,241,241,1);

    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 0 0 12px #333;
    -moz-box-shadow: 0 0 12px #333;
    box-shadow: 0 0 12px #333;
}

    /* IE Specific */
    .ui-tooltip-jtools .ui-tooltip-titlebar{
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
    }
    .ui-tooltip-jtools .ui-tooltip-content{
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
    }

    .ui-tooltip-jtools .ui-tooltip-titlebar,
    .ui-tooltip-jtools .ui-tooltip-content{
        background: transparent;
        color: white;
        border: 0 dashed transparent;
    }

    .ui-tooltip-jtools .ui-tooltip-icon{
        border-color: #555;
    }

    .ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{
        border-color: #333;
    }


/* Cluetip style */
.ui-tooltip-cluetip{
    -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
}

    .ui-tooltip-cluetip .ui-tooltip-titlebar{
        background-color: #87876A;
        color: white;
        border: 0 dashed transparent;
    }

    .ui-tooltip-cluetip .ui-tooltip-content{
        background-color: #D9D9C2;
        color: #111;
        border: 0 dashed transparent;
    }

    .ui-tooltip-cluetip .ui-tooltip-icon{
        border-color: #808064;
    }

    .ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover{
        border-color: #696952;
        color: #696952;
    }


/* Tipsy style */
.ui-tooltip-tipsy{
    border: 0;
}

    .ui-tooltip-tipsy .ui-tooltip-titlebar,
    .ui-tooltip-tipsy .ui-tooltip-content{
        _margin-bottom: 0; /* IE6 */
        .margin-bottom: 0; /* IE7 */

        background: transparent;
        background: rgba(0, 0, 0, .87);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";

        color: white;
        border: 0px transparent;

        font-size: 11px;
        font-family: 'Lucida Grande', sans-serif;
        font-weight: bold;
        line-height: 16px;
        text-shadow: 0 1px black;
    }

    .ui-tooltip-tipsy .ui-tooltip-titlebar{
        padding: 6px 35px 0 10;
    }

    .ui-tooltip-tipsy .ui-tooltip-content{
        padding: 6px 10;
    }

    .ui-tooltip-tipsy .ui-tooltip-icon{
        border-color: #222;
        text-shadow: none;
    }

    .ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{
        border-color: #303030;
    }


/* Tipped style */
.ui-tooltip-tipped{

}

    .ui-tooltip-tipped .ui-tooltip-titlebar,
    .ui-tooltip-tipped .ui-tooltip-content{
        border: 3px solid #959FA9;

        filter: none; -ms-filter: none;
    }

    .ui-tooltip-tipped .ui-tooltip-titlebar{
        background: #3A79B8;
        background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";

        color: white;
        font-weight: normal;
        font-family: serif;

        border-bottom-width: 0;
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
    }

    .ui-tooltip-tipped .ui-tooltip-content{
        background-color: #F9F9F9;
        color: #454545;

        -moz-border-radius: 0 0 3px 3px;
        -webkit-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
    }

    .ui-tooltip-tipped .ui-tooltip-icon{
        border: 2px solid #285589;
        background: #285589;
    }

        .ui-tooltip-tipped .ui-tooltip-icon .ui-icon{
            background-color: #FBFBFB;
            color: #555;
        }

/* IE9 fix - removes all filters */
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{
    filter: none;
    -ms-filter: none;
}
/*
* Contains styles for beta enhancements to the cache details page
*/

/**
* Animation for souvenir notification taken from
* animate.css -http://daneden.me/animate
*/
/* -------------------------------------------- */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}
@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}
/* -------------------------------------------- */

#Content .span-24,
#Content .gc_container {
width: 970px;
}
/* Keskitä koko kätkökuvaus sivulle. Kontti on kiinteäleveä (970px) ja oli
   ilman tätä kiinni vasemmassa laidassa leveällä näytöllä. */
#Content {
margin-left: auto;
margin-right: auto;
}
/* Kätkösivu on tarkoituksella kiinteäleveä (970px) — sitä EI tehdä
   responsiiviseksi. Mobiilissa kapea näkymä jätti kuitenkin ylävalikon ja
   taustat sisältöä kapeammiksi, jolloin taustaväri "vuoti" kuvauksen oikealle
   puolelle. Pakotetaan koko sivu vähintään sisällön levyiseksi, jolloin
   ylätunniste ja taustat ulottuvat reunaan ja sivu rullaa vaakana yhtenä
   kokonaisuutena (ulkoasu pysyy samana kuin työpöydällä). */
body {
min-width: 970px;
}
/* Leveällä työpöytänäytöllä #wrapper (ja sen mukana ylätunniste sekä taustat)
   oli evolven rajaamana max-width: 1500px ja keskitetty → yli 1500px:n näytöllä
   reunoille jäi taustavärinen palkki ja ylävalikko "loppui kesken". Levitetään
   sivu aina koko ruudun levyiseksi; kätkösisältö (#Content, 970px) pysyy
   keskitettynä. Vain geokätkösivuilla (geocache.css ladataan vain niillä).
   `body`-esiäiti nostaa spesifisyyden evolven inline-dynamic-css:n
   (`.container, #wrapper { max-width: 1500px }`) yli ilman !importantia. */
body #wrapper {
max-width: none;
}
/* Mobiilissa kiinteäleveä kätkösisältö (#Content, 970px) oli kiinni näytön
   vasemmassa laidassa, jolloin kaarevareunaiset / lovetut näytöt leikkasivat
   tekstin alkua. Lisätään pieni sivupehmuste, joka kunnioittaa myös laitteen
   turva-aluetta (env(safe-area-inset-*) on 0 tavallisilla näytöillä). Toteutus
   marginaalina, jotta 970px-grid säilyy ennallaan; >970px:n näytöillä #Content
   pysyy keskitettynä (auto/auto) eikä tämä sääntö vaikuta. */
@media (max-width: 970px) {
#Content {
margin-left: max(16px, env(safe-area-inset-left));
margin-right: max(16px, env(safe-area-inset-right));
}
}

/* Salasanasuojatun kätkösivun lomake (template-osa post_password_required).
   Oma suomenkielinen, keskitetty ulkoasu — korvaa WP:n oletuslomakkeen, joka oli
   tuotannon en_US-localessa englanniksi ja prodin evolve-CSS:ssä rikki (iso
   fontti, otsikko/kentät vierekkäin). Luokat prefiksoitu .mk-cache-pw:llä jotta
   spesifisyys voittaa evolven yleiset h1/p/input/button-säännöt. */
body:has(.mk-cache-pw) { /* salasanasivulla ei kiinteäleveää sisältöä → ei pakoteta 970px */
min-width: 0;
}
.mk-cache-pw {
max-width: 540px;
margin: 3.5rem auto;
padding: 0 1.5rem 3rem;
text-align: center;
font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
}
.mk-cache-pw .mk-cache-pw-icon {
display: block;
width: 44px;
height: 44px;
margin: 0 auto 1rem;
}
.mk-cache-pw .mk-cache-pw-title {
margin: 0 0 1rem;
font-size: 1.7rem;
font-weight: bold;
line-height: 1.25;
color: #222;
}
.mk-cache-pw .mk-cache-pw-info {
margin: 0 0 1.75rem;
font-size: 1rem;
line-height: 1.6;
color: #555;
}
.mk-cache-pw .mk-cache-pw-form label {
display: block;
margin-bottom: .5rem;
text-align: left;
font-size: .8rem;
font-weight: bold;
letter-spacing: .05em;
text-transform: uppercase;
color: #555;
}
.mk-cache-pw .mk-cache-pw-row {
display: flex;
gap: .6rem;
}
.mk-cache-pw .mk-cache-pw-row input[type=password] {
flex: 1 1 auto;
min-width: 0;
padding: .7rem .9rem;
font-size: 1rem;
border: 1px solid #cfcabb;
border-radius: 8px;
background: #fff;
color: #222;
}
.mk-cache-pw .mk-cache-pw-row input[type=password]:focus {
outline: none;
border-color: #a62b0c;
box-shadow: 0 0 0 3px rgba(166, 43, 12, .15);
}
.mk-cache-pw .mk-cache-pw-row button {
flex: none;
padding: .7rem 1.4rem;
font-size: 1rem;
font-weight: bold;
color: #fff;
background: #a62b0c;
border: 0;
border-radius: 8px;
cursor: pointer;
transition: background-color .15s ease;
}
.mk-cache-pw .mk-cache-pw-row button:hover {
background: #872207;
}
@media (max-width: 560px) {
.mk-cache-pw .mk-cache-pw-row { flex-direction: column; }
}

.sidebar {
width:250px;
}
.sidebar.prepend-1 {
padding-left:40px;
}
#mapPrintingNotes{
width: 280px;
text-align: left;
overflow: auto;
}
.inplace_field{
width:100%;
resize: vertical;
}
.InformationWidget h3{
margin-bottom:.5em;
}
.InformationWidget .AlignRight{
font-size:.85em;
}
.pcn-tooltip .ui-tooltip-content{
background-color:#303030 !important;
color:#fff;
line-height:1.4em;
width:180px;
}

/* -----------------------------------------------------------------------
Begin Logged-Out Cache Details
----------------------------------------------------------------------- */
.lus-container {
    width: 640px;
    background-color: #e5ddb7;
    border: solid 1px #b0b0b0;
    padding: 15px;
    margin: 0 auto 1.5em;
    position: relative;
}

.lus-header, .lus-footer {
    display: table;
    font-weight: bold;
    width: 100%;
}

.lus-header span, .lus-footer > span {
    display: table-cell;
    vertical-align: middle;
}

.lus-header {
    background-color: #fff;
    margin-bottom: 7px;
}

.lus-header span {
    padding: 10px;
}

.lus-signup {
    white-space: nowrap;
    text-align: right;
}

.lus-signup a, .lus-signup a:link, .lus-signup a:visited {
    font-size: .9em;
}

div.lus-video {
    height: 257px;
    background: #fff url('/images/seek/video-still.jpg') no-repeat;
    cursor: pointer;
}

div.lus-image {
    position: absolute;
    top: 0;
    right: 0;
    border-left: 7px solid #e5ddb7;
}

.lus-textblock {
    padding: 50px 387px 0 10px;
    color: #717073;
}

.lus-textblock h4 {
    font-size: 1.5em;
    text-transform: uppercase;
    color: #8ba059;
    font-weight: bold;
}

.lus-textblock:hover, .lus-textblock:hover .play-control, .VideoWidget:hover .play-control {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.lus-textblock .play-control, .VideoWidget .play-control {
    width: 76px;
    margin: 0 auto 80px;
    font-size: 40px;
    background-color: #5e6167;
    background-color: rgba(0,0,0,0.5);
    border-radius: 32px / 56px;
}

.lus-textblock .play-control a, .VideoWidget .play-control a {
    color: #fff !important;
    color: rgba(255,255,255,0.8) !important;
    text-decoration: none;
}

.lus-textblock:hover, .VideoWidget:hover {
    background-color: rgba(255,255,255,0.3);
}

.lus-textblock:hover .play-control, .VideoWidget:hover .play-control {
    background-color: #000;
    background-color: rgba(0,0,0,0.5);
}

.lus-footer {
    margin-top: 15px;
}

.lus-footer .AlignRight {
    font-size: 1.2em;
}

.lus-footer .AlignRight span {
    text-align: left;
    display: inline-block;
}

.lus-findacache input {
    background: #556039 url('/images/seek/icon_reticle_white_20.png') no-repeat 96% 50%;
    border: 1px solid #394027;
    border-radius: 5px;
    box-shadow: 0 1px 1px #594a42;
    font-size: 1em;
    cursor: pointer;
    color: #fff;
    padding: 10px 30px 10px 10px;
    margin: 0 1.5em;
}

.lus-findacache input:hover {
    border-color: #556039;
    background-color: #8ba059;
    text-shadow: 1px 1px #556039;
    box-shadow: 0 1px 1px #9b8579;
}

.lus-findacache input span {
    background: url('/images/seek/icon_reticle_white_20.png') no-repeat 100% 50%;
    padding-right: 30px;
}

a.btnFacebookLogin, a.btnFacebookLogin:link, a.btnFacebookLogin:visited, a.btnFacebookLogin:hover, a.btnFacebookLogin:active {
    color: #fff !important;
    cursor: pointer;
    text-decoration: none;
}

a.btnFacebookLogin {
    background: #29447e url('/images/facebook/facebook_sm.png') no-repeat 0 0;
    font: bold 11px/14px "lucida grande",Tahoma,Verdana,arial,sans-serif;
    padding: 0 0 0 1px;
    margin-left: 1em;
    display: inline-block;
}

a.btnFacebookLogin span {
    background-color: #5F78ab;
    border-bottom: 1px solid #1a356e;
    border-top: 1px solid #879ac0;
    margin: 1px 1px 0 21px;
    padding: 2px 6px 3px;
    display: block;
}

/* -----------------------------------------------------------------------
 End Logged-Out Cache Details
-----------------------------------------------------------------------*/
.maxed{
color:#992a2a;
}
.maxed .num{
font-weight:bold;
}
.btn-link {
    background: none;
    border: none;
    color: #3d76c5;
    cursor: pointer;
    padding: 0;
}
.btn-link:hover,
.btn-link:focus {
    text-decoration: underline;
}
.edit-cache-coordinates{
text-decoration:none;
font-weight:bold;
color:#000 !important;
background:url(/images/icons/16/edit.png) no-repeat 100% 0;
padding-right:20px;
display:inline-block;
}
.ccu-update {
    font-size: 12px;
}
.ccu-update .btn-link {
    margin-left: 4px;
}
.ccu-update dt{
float:left;
min-width:90px;
}
.cc-verify{
font-style:italic;
}
.ui-tooltip-widget .ui-tooltip-content{
border:1px solid #c0cee3;
background-color:#fff !important;
color:#594a42;
padding:1em;
width:420px;
}
.myLatLon{
font-style:italic;
border-bottom:2px solid #999;
}
.BookmarkList li{
padding:.75em;
font-style:italic;
font-size:11px;
}
.BookmarkList li a:first-child{
font-style:normal;
font-size:13px;
}

.FoundStatus{
margin-bottom:14px;
min-height:48px;
}
.FoundStatus img{
float:left;
width:48px;
height:48px;
margin-right:10px;
}
.FoundStatus p{
margin:0;
line-height:normal;
}
.FoundStatus strong{
display:block;
font-size:1.3em;
padding:5px 0;
}
.FoundStatus small{
position:relative;
top:-.5em;
}
.FoundStatus a{
color:inherit !important;
text-decoration:none;
}
.FoundStatus a:hover{
text-decoration:underline;
}
.FoundStatus.WillAttend{
min-height:auto;
}
.FoundStatus.WillAttend strong{
padding:0;
}
.FoundStatus.WillAttend small{
position:static;
}
.CacheStarLabels dl{
display:table-row;
}
.CacheStarLabels dt,.CacheStarLabels dd{
display:table-cell;
}
.CacheStarLabels dt{
font-weight:normal;
}
.CacheStarLabels dd{
padding:0 0 0 1em;
}

.CacheDetailNavigation ul,.favorite-dropdown ul,.CachePageImages,.CacheDetailNavigation dd{
margin:0;
padding:0;
list-style:none;
}
.CacheDetailNavigation ul,
.CacheDetailNavigation dl{
margin-top:14px;
padding:1em;
background-color:#fbfaf3;
border-radius:3px;
}
.CacheDetailNavigation li{
margin-bottom:.5em;
}
.CacheDetailNavigation li a{
padding-left:24px;
display:inline-block;
background-repeat:no-repeat;
background-position:0 50%;
font-size:14px;
}

.CacheDetailNavigation a.gallery {
background-image:url(https://www.mysteerikurssi.com/wp-content/uploads/2018/02/photo_gallery.png);
}
.CacheDetailNavigation a[href*="#watch#"]{
background-image:url(https://www.mysteerikurssi.com/wp-content/uploads/2018/02/watch.png);
}
.CacheDetailNavigation a[href$="action=rem"]{
background-image:url(/images/icons/16/stop_watching.png);
}
.CacheDetailNavigation a[href*="#add#"]{
background-image:url(https://www.mysteerikurssi.com/wp-content/uploads/2018/02/bookmark_list.png);
}
.CacheDetailNavigation a[href*="#ignore#"]{
background-image:url(https://www.mysteerikurssi.com/wp-content/uploads/2018/02/ignore.png);
}
.CacheDetailNavigation a[href*="review.aspx"]{
background-image:url(/images/icons/16/view_review_page.png);
}
.CacheDetailNavigation a[href*="archived.aspx"]{
background-image:url(/images/icons/16/archived_log.png);
}
.CacheDetailNavigation a.editCacheLink {
    background-image: url(/images/icons/16/edit.png);
}
.CacheDetailNavigation a[href*="upload.aspx"]{
background-image:url(/images/icons/16/photo.png);
}
.CacheDetailNavigation ul a[href$="LogType=2"]{
background-image:url(/images/logtypes/2.png);
}
.CacheDetailNavigation a[href$="LogType=3"]{
background-image:url(/images/logtypes/3.png);
}
.CacheDetailNavigation a[href$="LogType=4"]{
background-image:url(/images/logtypes/4.png);
}
.CacheDetailNavigation a[href$="LogType=5"]{
background-image:url(/images/logtypes/5.png);
}
.CacheDetailNavigation a[href$="LogType=7"]{
background-image:url(/images/logtypes/7.png);
}
.CacheDetailNavigation ul a[href$="LogType=9"]{
background-image:url(/images/logtypes/9.png);
}
.CacheDetailNavigation ul a[href$="LogType=10"]{
background-image:url(/images/logtypes/10.png);
}
.CacheDetailNavigation ul a[href$="LogType=11"]{
background-image:url(/images/logtypes/11.png);
}
.CacheDetailNavigation a[href$="LogType=12"]{
background-image:url(/images/logtypes/12.png);
}
.CacheDetailNavigation a[href$="LogType=18"]{
    background-image:url(/images/logtypes/18.png);
}
.CacheDetailNavigation a[href$="LogType=22"]{
background-image:url(/images/logtypes/22.png);
}
.CacheDetailNavigation a[href$="LogType=23"]{
background-image:url(/images/logtypes/23.png);
}
.CacheDetailNavigation a[href$="LogType=45"]{
background-image:url(/images/logtypes/45.png);
}

.CacheDetailNavigation{
background-color:#e3ddc2;
padding:14px;
border-radius:3px;
}
.CacheDetailNavigation .btn {
font-size: 1rem;
}

.health .score {
display: block;
font-size: 2em;
font-weight: bold;
}
.health .score-history,
.health .score-date {
margin-bottom: 1em;
}

ul.userFavs{
margin-bottom:1.5em;
}

.CacheInformationTable{
background-color:#f9f7f5;
border:none;
border-radius:3px;
margin:1.5rem 0;
width:640px;
}
.CacheInformationTable div{
padding:0px;
}
.CacheInformationTable > div{
padding:1em;
}
.CacheInformationTable .LocationData{
background-color:#f0edeb;
border-bottom:1px dashed #d7d7d7;
border-radius:3px 3px 0 0;
font-size:14px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 14px;
padding-left: 14px;
padding-right: 14px;
padding-top: 14px;
vertical-align:baseline;
}
.CacheInformationTable .DownloadLinks a,.LocationData .CacheInformationTable input{
font-size:14px;
margin-right:1em;
}
.CacheInformationTable dt{
float:left;
margin-right:1em;
}
.CacheInformationTable dd{
margin-left:0;
}
.CacheInformationTable dl:last-child dd:last-child{
padding-bottom:0;
}
.DownloadLinks .label,a.DrivingDirections{
display:inline-block;
padding-left:24px;
}
#Print .label{
background:url(/images/icons/16/print.png) no-repeat 0 0;
}
a.DrivingDirections{
background:url(/images/icons/16/directions.png) no-repeat 0 0;
}
#Download .label{
background:url(/images/icons/16/download.png) no-repeat 0 0;
}
.Note{
padding:1em;
border-radius:3px;
background:#f0edeb;
margin-bottom:1.5rem;
}

.Note strong{
display:inline-block;
padding-left:22px;
}
.Note input {
cursor: pointer;
}
.Disclaimer{
background:#fff9bb;
font-size:.9em;
}
.Disclaimer a{
color:inherit !important;
}
.Disclaimer strong{
background:url(/images/icons/16/take_note.png) no-repeat 0 0;
}
.PersonalCacheNote strong{
background:url(/images/icons/16/user_note.png) no-repeat 0 0;
}
#cache_note{
display:block;
margin-top:.25em;
white-space:pre-wrap;
word-wrap: break-word;
}
.CacheNoteHelpImg{
cursor:pointer;
float:right;
}
.CacheDescriptionHeader{
    margin:2em 0 5px;
}

.CachePageImages li{
background:url(/images/icons/16/photo.png) no-repeat 0 0;
padding-left:22px;
}
.CachePageImages .description{
display:block;
margin-bottom:.75em;
}

.RelatedWebPage{
    font-size:14px;
    color: #00447c;
    font-weight: normal;
    text-decoration: underline !important;
}

/* Scroll to top link */
.TopScroll{
position:fixed;
right:50%;
bottom:2.5em;
margin-right:-600px;
}
.TopScroll a{
display:block;
height:52px;
width:52px;
background:url(/images/to-the-top.png) no-repeat 0 -52px;
text-decoration:none;
}
.TopScroll a:hover{
background-position:0 0;
}
@media only screen and (max-width:1279px){
    .TopScroll{
    right:1.5em;
    margin-right:0;
    }
}
@media only screen and (max-width:1090px){
    .TopScroll{
    display:none;
    }
}

/* New log success banner */
.banner.cache-details .btn {
    margin-left: 50px;
}

/* Souvenir Notification */
.noty_message {
    padding: 16px !important;
    padding-right: 0 !important;
    color: #4a4a4a;
    max-width: 338px;
}

.noty_message, #noty_topRight_layout_container li {
    background-color: rgba(255, 255, 255, 0.8) !important;
    border: none !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(113,113,113,0.5) !important;
    -moz-box-shadow: 0px 0px 13px 0px rgba(113,113,113,0.5) !important;
    box-shadow: 0px 0px 13px 0px rgba(113, 113, 113, 0.5) !important;
}

.noty_message img {
    display: inline-block;
    height: 80px;
}

.noty_message .souvenir-info {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 0 24px;
    width: 194px;
    word-wrap: break-word;
}

.noty_message .btn-primary {
    height: 30px;
    padding: 0.1em 1.25em;
}

.noty_message h3 {
    margin-bottom: 8px;
    font-size: 15px;
    color: #4a4a4a;
}

.noty_message .souvenir-title {
    margin-bottom: 8px;
    font-size: 12px;
}

.noty_message a {
    font-size: 14px;
}

#noty_topRight_layout_container{
    top: 75px !important;
    width: 338px !important;
}

#noty_topRight_layout_container li{
    width: 338px !important;
}

.error-field {
    border:1px solid #DE745D;
}

.error-txt {
    color: #D34627;
    display: block;
    margin-top: 5px;
}

.solution-error {
    background-color: #F6DAD4;
    border: 1px solid #DE745D;
    padding: 12px;
    margin-top: 12px;
    display: block;
}

.solution-success {
    background-color: #E6F7EF;
    border: 1px solid #00B265;
    padding: 12px;
    margin-top: 12px;
    display: block;
}

.checker-bold {
    font-weight: bold;
    display: block;
    font-size: 18px;
}

#solution-lat {
    margin: 12px 0 5px 12px;
}

#solution-lon {
    margin-left: 12px;
}

.alert {
    font-size: 14px;
    margin-bottom: 18px;
    padding: 16px;
}

.alert .alert-header {
    font-size: inherit;
    font-weight: normal;
}

.alert p {
    margin: 0;
}

.alert.alert-info {
    background-color: #d8e4f3;
    border: 1px solid #3d76c5;
}

.alert.alert-success {
    background-color: #e6f7ef;
    border: 1px solid #00b265;
}

.btn-container {
    text-align: right;
}

.btn-container .btn {
    display: inline-block;
    margin-left: 10px;
}

#review-modal {
    color: #4a4a4a;
    max-width: 800px;
    padding: 12px;
}

#review-modal h1 {
    color: inherit;
    font-size: 24px;
    margin-bottom: .5em;
}

#review-modal textarea {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 16px;
}

.form-footer {
    text-align: right;
}

.form-footer button {
    line-height: inherit;
    font-size: 1rem;
    display: inline-block;
}

.btn-submit-container {
    margin-top: 12px;
    text-align: right;
}

.solution-direction-input {
    width: 40px;
    height: 40px;
    text-align: center;
    margin-right: -4px;
    font-size: 14px;
}

.solution-degrees-input {
    width:50px;
    height: 40px;
    text-align: center;
    font-size: 14px;
}

.solution-minutes-input {
    width:75px;
    height: 40px;
    text-align: center;
    font-size: 14px;
}

.solution-degree-symbol {
    vertical-align: top;
    padding-left: 5px;
    padding-right: 10px;
}

.solution-minute-symbol {
    vertical-align: top;
    padding-left: 5px;
}

#coordinate-div {
    display: block;
    margin-top: 20px;
}

.CoordChecker {
    padding: 24px;
    width: 300px;
    border-radius:3px;
    background:#F5F5F5;
    margin-bottom:1rem;
    font-size: 14px;
}

.btn-submit-container button {
    display: inline-block;
}

.message-body-container a {
    color: #3d76c5;
}

.message-body-container .user-generated-log {
    max-height: 2.6rem;
    overflow: hidden;
}
/* required styles */

.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-tile-container,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
    position: absolute;
    left: 0;
    top: 0;
    }
.leaflet-container {
    overflow: hidden;
    -ms-touch-action: none;
    }
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    -webkit-user-drag: none;
    }
.leaflet-marker-icon,
.leaflet-marker-shadow {
    display: block;
    }
/* map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container img {
    max-width: none !important;
    }
/* stupid Android 2 doesn't understand "max-width: none" properly */
.leaflet-container img.leaflet-image-layer {
    max-width: 15000px !important;
    }
.leaflet-tile {
    filter: inherit;
    visibility: hidden;
    }
.leaflet-tile-loaded {
    visibility: inherit;
    }
.leaflet-zoom-box {
    width: 0;
    height: 0;
    }
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
    -moz-user-select: none;
    }

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

.leaflet-vml-shape {
    width: 1px;
    height: 1px;
    }
.lvml {
    behavior: url(#default#VML);
    display: inline-block;
    position: absolute;
    }


/* control positioning */

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


/* zoom and fade animations */

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

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

.leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden;
    }


/* cursors */

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


/* visual tweaks */

.leaflet-container {
    background: #ddd;
    outline: 0;
    }
.leaflet-container a {
    color: #0078A8;
    }
.leaflet-container a.leaflet-active {
    outline: 2px solid orange;
    }
.leaflet-zoom-box {
    border: 2px dotted #38f;
    background: rgba(255,255,255,0.5);
    }


/* general typography */
.leaflet-container {
    font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
    }


/* general toolbar styles */

.leaflet-bar {
    box-shadow: 0 1px 5px rgba(0,0,0,0.65);
    border-radius: 4px;
    }
.leaflet-bar a,
.leaflet-bar a:hover {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: black;
    }
.leaflet-bar a,
.leaflet-control-layers-toggle {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    }
.leaflet-bar a:hover {
    background-color: #f4f4f4;
    }
.leaflet-bar a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    }
.leaflet-bar a:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: none;
    }
.leaflet-bar a.leaflet-disabled {
    cursor: default;
    background-color: #f4f4f4;
    color: #bbb;
    }

.leaflet-touch .leaflet-bar a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    }


/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
    font: bold 18px 'Lucida Console', Monaco, monospace;
    text-indent: 1px;
    }
.leaflet-control-zoom-out {
    font-size: 20px;
    }

.leaflet-touch .leaflet-control-zoom-in {
    font-size: 22px;
    }
.leaflet-touch .leaflet-control-zoom-out {
    font-size: 24px;
    }


/* layers control */

.leaflet-control-layers {
    box-shadow: 0 1px 5px rgba(0,0,0,0.4);
    background: #fff;
    border-radius: 5px;
    }
.leaflet-control-layers-toggle {
    background-image: url(images/layers.png);
    width: 36px;
    height: 36px;
    }
.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(images/layers-2x.png);
    background-size: 26px 26px;
    }
.leaflet-touch .leaflet-control-layers-toggle {
    width: 44px;
    height: 44px;
    }
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
    display: none;
    }
.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative;
    }
.leaflet-control-layers-expanded {
    padding: 6px 10px 6px 6px;
    color: #333;
    background: #fff;
    }
.leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px;
    }
.leaflet-control-layers label {
    display: block;
    }
.leaflet-control-layers-separator {
    height: 0;
    border-top: 1px solid #ddd;
    margin: 5px -10px 5px -6px;
    }


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
    background: #fff;
    background: rgba(255, 255, 255, 0.7);
    margin: 0;
    }
.leaflet-control-attribution,
.leaflet-control-scale-line {
    padding: 0 5px;
    color: #333;
    }
.leaflet-control-attribution a {
    text-decoration: none;
    }
.leaflet-control-attribution a:hover {
    text-decoration: underline;
    }
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
    font-size: 11px;
    }
.leaflet-left .leaflet-control-scale {
    margin-left: 5px;
    }
.leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px;
    }
.leaflet-control-scale-line {
    border: 2px solid #777;
    border-top: none;
    line-height: 1.1;
    padding: 2px 5px 1px;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    -moz-box-sizing: content-box;
         box-sizing: content-box;

    background: #fff;
    background: rgba(255, 255, 255, 0.5);
    }
.leaflet-control-scale-line:not(:first-child) {
    border-top: 2px solid #777;
    border-bottom: none;
    margin-top: -2px;
    }
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
    border-bottom: 2px solid #777;
    }

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
    box-shadow: none;
    }
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
    border: 2px solid rgba(0,0,0,0.2);
    background-clip: padding-box;
    }


/* popup */

.leaflet-popup {
    position: absolute;
    text-align: center;
    }
.leaflet-popup-content-wrapper {
    padding: 1px;
    text-align: left;
    border-radius: 12px;
    }
.leaflet-popup-content {
    margin: 13px 19px;
    line-height: 1.4;
    }
.leaflet-popup-content p {
    margin: 18px 0;
    }
.leaflet-popup-tip-container {
    margin: 0 auto;
    width: 40px;
    height: 20px;
    position: relative;
    overflow: hidden;
    }
.leaflet-popup-tip {
    width: 17px;
    height: 17px;
    padding: 1px;

    margin: -10px auto 0;

    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    }
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: white;

    box-shadow: 0 3px 14px rgba(0,0,0,0.4);
    }
.leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 4px 0 0;
    text-align: center;
    width: 18px;
    height: 14px;
    font: 16px/14px Tahoma, Verdana, sans-serif;
    color: #c3c3c3;
    text-decoration: none;
    font-weight: bold;
    background: transparent;
    }
.leaflet-container a.leaflet-popup-close-button:hover {
    color: #999;
    }
.leaflet-popup-scrolled {
    overflow: auto;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    }

.leaflet-oldie .leaflet-popup-content-wrapper {
    zoom: 1;
    }
.leaflet-oldie .leaflet-popup-tip {
    width: 24px;
    margin: 0 auto;

    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
    }
.leaflet-oldie .leaflet-popup-tip-container {
    margin-top: -1px;
    }

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
    border: 1px solid #999;
    }


/* div icon */

.leaflet-div-icon {
    background: #fff;
    border: 1px solid #666;
    }

/* Geocaching definitions */
#ctl00_ContentBody_CacheName{
    color: rgb(74, 74, 74);
    font-family:"Noto Sans", Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-style:normal;
    font-weight:700;
    line-height:31.2px;
}

.CacheDetailNavigation{
    background-color: rgb(240, 237, 235);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: rgb(74, 74, 74);
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18.2px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 14px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 14px;
    vertical-align: baseline;
}

#ctl00_ContentBody_GeoNav_logButton
{
    background-color: rgb(2, 135, 77);
    border-bottom-color: rgb(2, 135, 77);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(2, 135, 77);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(2, 135, 77);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(2, 135, 77);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18.2px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    min-width: 150px;
    outline-color: rgb(255, 255, 255);
    outline-style: none;
    outline-width: 0px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    text-align: center;
    text-decoration: none;
    text-decoration-color: rgb(255, 255, 255);
    text-decoration-line: none;
    text-decoration-style: solid;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.15s, 0.15s, 0.15s;
    transition-property: background-color, border-color, color;
    transition-timing-function: ease-out, ease-out, ease-out;
    vertical-align: baseline;
}

#ctl00_ContentBody_CoordInfoLinkControl1_uxCoordInfoCode{
    color: rgb(113, 112, 115);
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 23.4px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    vertical-align: baseline;
}

#ctl00_ContentBody_GeoNav_uxBtn{
    color: rgb(74, 74, 74);
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18.2px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 7px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    vertical-align: baseline;
}

.attributes{
    margin-bottom: .5em;
    color: rgb(74, 74, 74);
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18.2px;
    margin-bottom: 7px;
}

.WidgetBody{ 
    padding: 1em;
    border: 1px solid #b0b0b0;
    background-color: #fff;
}

.CacheDetailNavigationWidget
{
    color: rgb(74, 74, 74);
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18.2px;
    margin-bottom: 21px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 21px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    vertical-align: baseline;
}

.CacheStarLabels{
    color: rgb(74, 74, 74);
    float: left;
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18.2px;
    margin-bottom: 21px;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    vertical-align: baseline;
    width: 230px;
}

.CacheSize{
    color: rgb(74, 74, 74);
    float: left;
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18.2px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    vertical-align: baseline;
    width: 190px;
}

.CacheInformationTable{
    background-color: rgb(249, 247, 245);
    border-bottom-color: rgb(74, 74, 74);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-image-outset: 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(74, 74, 74);
    border-left-style: none;
    border-left-width: 0px;
    border-right-color: rgb(74, 74, 74);
    border-right-style: none;
    border-right-width: 0px;
    border-top-color: rgb(74, 74, 74);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-style: none;
    border-top-width: 0px;
    color: rgb(74, 74, 74);
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18.2px;
    margin-bottom: 24px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 24px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    vertical-align: baseline;
    width: 670px;
}

#cacheDetails{
    color: rgb(74, 74, 74);
    float: left;
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18.2px;
    margin-bottom: 21px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    vertical-align: baseline;
    width: 670px;
}

.minorCacheDetails {
    display: table;
    color: #594a42;
    font-size: .75rem;

}

.CacheSize .minorCacheDetails {
    color: rgb(89, 74, 66);
    display: inline;
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15.6px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-align: center;
    vertical-align: baseline;
}

div.favorite {
    float: right;
    position: relative;
    margin-top:-40px;
}

div.favorite-container {
    border-radius: 5px;
    padding: .5em 1em;
    text-decoration: none !important;
    background-color: #f0edeb;
    white-space: nowrap;
}

div.favorite-container::after {
    margin-left: 1em;
    display: inline-block;
    -moz-transform: scaleX(1.5);
    -ms-transform: scaleX(1.5);
    -o-transform: scaleX(1.5);
    -webkit-transform: scaleX(1.5);
    transform: scaleX(1.5);

}

span.favorite-value {

    font-size: 18px;
    font-weight: bold;
    background: url(https://www.mysteerikurssi.com/wp-content/uploads/2019/01/fave_fill_16.png) no-repeat left center;
        background-image: url("https://www.mysteerikurssi.com/wp-content/uploads/2019/01/fave_fill_16.png");
    padding-left: 1.2em;
}

.ClearAfter{
    clear: both;
}


.gc_container::after {
    content: "\20";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

.GcCodeText {
    color: rgb(74, 74, 74);
    float: right;
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18.2px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    vertical-align: baseline;
}

#ct100_ContentBody_Location {
    color: rgb(74, 74, 74);
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18.2px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-align: right;
    vertical-align: baseline;
}

strong {
  font-weight: bold;
}

.DecryptionKeyWidget {
    color: rgb(74, 74, 74);
    font-family: "Courier New", courier, mono !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    vertical-align: baseline;
}

.DecryptionKeyWidget p {

    margin: 0 !important;

}

.sidebar {
    color: rgb(74, 74, 74);
    float: left;
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18.2px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 50px;
    padding-bottom: 0px;
    padding-left: 40px;
    padding-right: 0px;
    padding-top: 0px;
    vertical-align: baseline;
    width: 250px;
}

div.sidebar
{
    float:right!important;
    margin-top:10px;
    top:15%;
    width:250px;
    margin-top:0px;
}
.sidebar
.prepend-1{padding-left:20px}
.sidebar{margin-left:auto;margin-right:auto}
.prepend-1{padding-left:40px}
.last{margin-right:0;padding-right:0}

#dk{
    margin-top:-50px;
    font-family:"Courier New", Courier, monospace;
}

.decryption{
    font-family:"Courier New", Courier, monospace;
}