:root {
    --primary: #cc0000;
    --primarydarker: #990000;
    --secondary:#444444;
    --secondarydarker:#222222;
    --background:#ffffff;
    --lighttext:#ffffff;
    --button:#00cc00;
    --buttondarker:#009900;
    --alert:#ffffcc;
    --text:#000000;
}

* {
    font-family:tahoma,verdana,arial,sans-serif;
}
body {
    margin:0px;
    padding:0px;
    background-attachment: fixed;
    font-size:100%;
    background:none;
    background-color:var(--background);
}
h2 {
    color:var(--text);
}

#pageHeader {
    margin-bottom:10px;
    background:var(--background);
}
.widthControl {
    max-width:1200px;
    margin:auto;
}

div#fetchGreetingAndLinks {
    background:none;
}
div#fetchGreetingAndLinks {
    color:var(--text);
}
div#fetchGreetingAndLinks a,div#fetchLinksBar ul li, div#fetchLinksBar ul li * {
    color:var(--text) !important;
}

div#fetchGreetingAndLinks {
    font-size:0.75em;
}
div#fetchGreeting {
    float:left;
    vertical-align:middle;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
}


div#fetchLinksBar {
    margin-top:4px;
    margin-bottom:2px;
    float:right;
    vertical-align:bottom;
}
div#fetchLinksBar ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
}
div#fetchLinksBar ul li {
    display:inline-block;
    margin:0px;
    padding-left:6px;
    padding-right:6px;
    padding-top:4px;
    padding-bottom:4px;
    border:none;
    border-radius:2px;
    font-size:11px;
    cursor:pointer;
}
div#fetchLinksBar ul li:last-of-type {
    margin-right:0px;
}
div#fetchLinksBar ul li.attention {
    background-color:var(--primarydarker);
    color:var(--lighttext) !important;
}
div#fetchLinksBar ul li.attention a {
    color:var(--lighttext) !important;
}
div#fetchLinksBar ul li.joinbutton {
    background:linear-gradient(var(--button),var(--buttondarker));
    color:var(--lighttext);
}
div#fetchLinksBar ul li.sel {
    text-decoration:underline;
    font-weight:bold;
    color:var(--lighttext);
}
div#fetchLinksBar ul li a {
    color:var(--alert);
    text-decoration:none;
}
div#fetchLinksBar ul li.sel a {
    color:var(--lighttext);
}
div#fetchLinksBar ul li:last-child {
    margin-right:10px;
}
div#fetchLinksBar ul li img {
    vertical-align:middle;
    margin-right:3px;
}

#fetchLogoBar {
    clear:both;
    background: var(--background); 
    height:40px;
}
#fetchLogo {
    float:left;
    height:40px;
}
#fetchSocialContainer {
    float:right;
    text-align:right;
    color:var(--background);
}

#firstNavBar {
    clear:both;
    background: linear-gradient(var(--primary), var(--primarydarker)); 
}
#firstNavBar ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
    margin-left:5px;
    padding-top:4px;
}

#firstNavBar ul li {
    display:inline-block;
    margin-right:3px;
    padding:0px;
    padding-left:5px;
    padding-right:5px;
    padding-top:0px;
    padding-bottom:6px;
    vertical-align:middle;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}
#firstNavBar ul li a {
    color:var(--lighttext);
    text-decoration:none;
    font-size:12px;
    font-weight:bold;
}
#firstNavBar ul li.navsel {
    background:var(--secondary);
}
#firstNavBar ul li.navsel a {
    color:var(--alert) !important;
}

#secondNavBar {
    background-color:var(--secondary);
    padding-top:8px;
    padding-bottom:0px;
    font-size:11px;
    min-height:24px;
}

#secondNavBar ul {
    display:none;
    list-style-type:none;
    margin:0px;
    padding:0px;
    padding-left:10px;
}
#secondNavBar ul li {
    display:inline;
    font-size:11px;
    margin-right:10px;
}
#secondNavBar ul li a {
    color:var(--alert);
    text-decoration:none;
    font-size:11px;
}
#secondNavBar ul li.sel a {
    font-weight:bold;
}

/*NAVIGATION STYLES IMPORTED FROM HEADER*/
                    #nav_logout {
                        display:none !important;
                    }
                    #smallscreen-buttons {
                        display:none;
                    }
                    #smallscreen-buttons ul {
                        list-style-type:none;
                        margin:0px;
                        padding:0px;
                    }
                    #smallscreen-buttons ul li {
                        display:table-cell;
                        padding:0;
                        height:40px;
                    }
                    #smallscreen-buttons ul li.sel {
                    }
                    .fetchlogoimage {
                        background:url('/images/site/logo/default/wide.png');
                        width:215px;
                        height:40px;
                    }
                    .fetchlogoimagesupporter {
                        background:url('/images/site/logo/default/wide_supporter.png');
                        width:215px;
                        height:40px;
                    }
                    .navicon {
                        width:35px;
                        height:40px;
                        background: url('/images/site/navbaricons4.png?v=20240116') no-repeat;
                        vertical-align:middle;
                        border:none;
                    }
                    .navicon_small {
                        width:15px;
                        height:15px;
                        background: url('/images/site/navbaricons4.png?v=20240116') no-repeat;
                        vertical-align:middle;
                        border:none;
                    }
                    .naviconprofile {background-position:0px 0px;}
                    .naviconprofile_sel {background-position:-770px 0px;}
                    .naviconnotifications {background-position:-70px 0px;}
                    .naviconnotifications_sel {background-position:-105px 0px;}
                    .naviconhelp {background-position:-140px 0px;}
                    .naviconhelp_sel {background-position:-175px 0px;}
                    .naviconsearch {background-position:-210px 0px;}
                    .naviconsearch_sel {background-position:-245px 0px;}
                    .naviconmenu {background-position:-280px 0px;}
                    .naviconmenu_sel {background-position:-315px 0px;}
                    .naviconfmail {background-position:-350px 0px;}
                    .naviconfmail_sel {background-position:-385px 0px;}
                    .naviconfmail_1 {background-position:-420px 0px;}
                    .naviconfmail_2 {background-position:-455px 0px;}
                    .naviconfmail_3 {background-position:-490px 0px;}
                    .naviconfmail_4 {background-position:-525px 0px;}
                    .naviconfmail_5 {background-position:-560px 0px;}
                    .naviconfmail_6 {background-position:-595px 0px;}
                    .naviconfmail_7 {background-position:-630px 0px;}
                    .naviconfmail_8 {background-position:-665px 0px;}
                    .naviconfmail_9 {background-position:-700px 0px;}
                    .naviconfmail_10 {background-position:-735px 0px;}
                    .naviconshortcuts {background-position:-805px 0px;}
                    .naviconshortcuts_sel {background-position:-840px 0px;}
                    
                    .naviconmenu_small {background-position:-885px -10px;}
                    .navicontraining {background-position:-875px 0px;}
                    .navicontraining_sel {background-position:-945px 0px;}

                    @media screen and (max-width:640px) {
                        
                        #nav_logout {
                            display:list-item !important;
                        }
                        #nav_logout a {
                            color:var(--lighttext);
                        }
                        #fetchLinksBar {
                            display:none;
                        }
                        #fetchLogoBar {
                            background:var(--secondary);
                        }

                        .fetchlogoimage {
                            background:url('/images/site/logo/default/narrow.png');
                            width:52px;
                            height:40px;
                        }
                        .fetchlogoimagesupporter {
                            background:url('/images/site/logo/default/narrow_supporter.png');
                        }
                        #smallscreen-buttons {
                            display:inline;
                            float:right;
                            margin-right:5px;
                        }

                    }

                    
            
                    
                    
                    
            #menu-mobile-container {
                display:none;
                background:linear-gradient(#900,#600);
                min-height:36px;
            }
            @media screen and (max-width:640px) {
                #menu-mobile-container {
                    display:block;
                }
            }
            #menu-mobile-trigger {
                float:left;
                display:inline; 
            }
            .menu-shortcut {
                float:right;
                display:inline; 
                cursor: pointer;
                width: 20px;
                height: 15px;
                margin-top:0px;
                margin-left:8px;
                margin-right:8px;
            }
            #menu-shortcut-name {
                display:none;
                position:absolute;
                width:50%;
                padding:8px;
                border-radius:8px;
                z-index:20000000;
                background:#900;
                color:var(--lighttext);
                text-align:center;
            }
            #menu-shortcut-name input {
                border:none;
                padding:4px;
                border-radius:2px;
                width:80%;
                font-size:16px;
                text-align:center;
            }
            
            #menu-shortcut-name button {
                background:linear-gradient(var(--button),var(--buttondarker));
                color:var(--lighttext);
                border:none;
                padding:4px;
                border-radius:2px;
                font-size:16px;
                margin-top:5px;
            }
            
            #menu-mobile-breadcrumb {
                float:left;
                display:inline;
                height:36px;
                line-height:36px;
                vertical-align:middle;
                color:var(--lighttext);
                font-size:16px;
            }
            #menu-mobile-breadcrumb a {
                color:var(--lighttext);
                text-decoration:none;
            }
            #menu-mobile {
                z-index: 200000000 !important;
                position:absolute;
                top:76px;
                left:0;
                display:none;
                list-style-type:none;
                margin:0px;
                padding:0px;
                width:100%;
                background:linear-gradient(#333,#000);
            }
            #menu-mobile > li {
                font-size:16px;
                padding:4px;
                color:var(--lighttext);
                border-bottom:solid 1px #444;
            }
            #menu-mobile > li > a {
                color:var(--lighttext);
                text-decoration:none;
            }

            #menu-mobile > li.sel {
                font-weight:bold;
                border-left:solid 2px #fff;
            }
            #menu-mobile > li > ul {
                display:none;
                list-style-type:none;
                margin:0px;
                padding:0px;
            }
            #menu-mobile > li.sel > ul {
                display:block;
            }
            #menu-mobile > li > ul > li {
                padding-left:20px;
                font-size:14px;
                padding:4px;
                font-weight:normal;
                border-bottom:dotted 1px #666;
            }
            #menu-mobile > li > ul > li:last-of-type {
                border-bottom:none;
            }
            #menu-mobile > li > ul > li.sel {
                font-weight:bold;
                border-left:solid 5px var(--primary);
            }
            #menu-mobile > li > ul > li > a {
                color:var(--alert);
                text-decoration:none;
            }
            @media screen and (max-width:640px) {
                .menu-shortcut {
                    margin-top:10px;
                }
                #menu-shortcut-name {
                    width:75%;
                }
                
            }
            
            
            
#menu-mobile-trigger {
    cursor: pointer;
    width: 20px;
    height: 15px;
    margin-top:10px;
    margin-left:8px;
    margin-right:8px;
}
#menu-mobile-trigger i {
    background-color: var(--lighttext);
    border-radius: 0px;
    content: '';
    display: block;
    width: 100%;
    height: 3px;
}
#menu-mobile-trigger i:nth-child(1) {
    -webkit-animation: outT 0.8s backwards;
    animation: outT 0.8s backwards;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}
#menu-mobile-trigger i:nth-child(2) {
    margin-top: 3px;
    -webkit-animation: outM 0.8s backwards;
    animation: outM 0.8s backwards;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}
#menu-mobile-trigger i:nth-child(3) {
    margin-top: 3px;
    -webkit-animation: outBtm 0.8s backwards;
    animation: outBtm 0.8s backwards;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}
#menu-mobile-trigger.active i:nth-child(1) {
    -webkit-animation: inT 0.8s forwards;
    animation: inT 0.8s forwards;
}
#menu-mobile-trigger.active i:nth-child(2) {
    -webkit-animation: inM 0.8s forwards;
    animation: inM 0.8s forwards;
}
#menu-mobile-trigger.active i:nth-child(3) {
    -webkit-animation: inBtm 0.8s forwards;
    animation: inBtm 0.8s forwards;
}
@-webkit-keyframes inM {
    50% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(45deg);
    }
}
@keyframes inM {
    50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(45deg);
    }
}
@-webkit-keyframes outM {
    50% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(45deg);
    }
}
@keyframes outM {
    50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(45deg);
    }
}
@-webkit-keyframes inT {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }
    50% {
        -webkit-transform: translateY(6px) rotate(0deg);
    }
    100% {
        -webkit-transform: translateY(6px) rotate(135deg);
    }
}
@keyframes inT {
    0% {
            transform: translateY(0px) rotate(0deg);
   }
    50% {
            transform: translateY(6px) rotate(0deg);
   }
    100% {
            transform: translateY(6px) rotate(135deg);
   }
}
@-webkit-keyframes outT {
    0% {
            -webkit-transform: translateY(0px) rotate(0deg);
   }
    50% {
            -webkit-transform: translateY(6px) rotate(0deg);
   }
    100% {
            -webkit-transform: translateY(6px) rotate(135deg);
   }
}
@keyframes outT {
    0% {
            transform: translateY(0px) rotate(0deg);
   }
    50% {
            transform: translateY(6px) rotate(0deg);
   }
    100% {
            transform: translateY(6px) rotate(135deg);
   }
}
@-webkit-keyframes inBtm {
    0% {
            -webkit-transform: translateY(0px) rotate(0deg);
   }
    50% {
            -webkit-transform: translateY(-6px) rotate(0deg);
   }
    100% {
            -webkit-transform: translateY(-6px) rotate(135deg);
   }
}
@keyframes inBtm {
    0% {
            transform: translateY(0px) rotate(0deg);
   }
    50% {
            transform: translateY(-6px) rotate(0deg);
   }
    100% {
            transform: translateY(-6px) rotate(135deg);
   }
}
@-webkit-keyframes outBtm {
    0% {
            -webkit-transform: translateY(0px) rotate(0deg);
   }
    50% {
            -webkit-transform: translateY(-6px) rotate(0deg);
   }
    100% {
            -webkit-transform: translateY(-6px) rotate(135deg);
   }
}
@keyframes outBtm {
    0% {
            transform: translateY(0px) rotate(0deg);
   }
    50% {
            transform: translateY(-6px) rotate(0deg);
   }
    100% {
            transform: translateY(-6px) rotate(135deg);
   }
}
 
            
            
            
                    
/*END OF NAVIGATION STYLES IMPORTED FROM HEADER*/
                    

#contentWrapper {
    margin:auto;
    max-width:1200px;
}
#content {
    padding:10px;
    text-align:left;
    font-size:0.75em;
    background-color:var(--background);
    border:none;
}

a {
    color:var(--primary);
}

#content h1 {
    color:var(--primary);
    margin:0px;
    padding:0px;
    padding-bottom:2px;
    margin-bottom:10px;
    border-bottom:solid 1px #ccc;
    font-size:1.2em;
}

.button {
    background:linear-gradient(var(--button),var(--buttondarker));
    color:var(--lighttext);
    -webkit-appearance:none;
    border:none;
    padding:4px;
    border-radius:2px;
}

p.errormessage {
    background-color:var(--primary);
    color:var(--lighttext);
    padding:4px;
    font-weight:bold;
}

.note {
    font-size:0.75em;
    color:#999;
}


/*TOP BARS AND NOTIFICATIONS*/
.topbar {
    display:none;
    border:none;
    margin:0px;
    padding: 10px;
    background-color:#900;
    color:var(--lighttext);
    text-align:left;
}
.visibletopbar {
    display:block;
}
.topbar td {
    font-size:12px;
}
.topbar a {
    color:var(--alert);
    text-decoration:none;
}
.topbar h2 {
    font-size:14px;
    color:var(--alert);
    margin:0px;
    padding:0px;
}
.topbar ul.notificationslist {
    list-style-type:none;
    margin:0;
    padding:0;
}
.topbar ul.notificationslist li {
    margin-bottom:4px;
}

table.notificationcategory {
    width:100%;
    background-color:rgba(0,0,0,0.2);
    margin-bottom:10px;
    padding:8px;
    border-radius:8px;
}
/*END OF TOP BARS AND NOTIFICATIONS*/    

.spricon {
    width:16px;
    height:16px;
    background: url('/images/icon_map.png?v=20190504v1') no-repeat;
    vertical-align:middle;
    border:none;
}
.iconhome {background-position:-16px 0px;}
.iconheart {background-position:-32px 0px;}
.iconrss {background-position:-112px 0px;}
.icondsq {background-position:-16px -16px;}
.iconfmail {background-position:-32px -16px;}
.iconfriday {background-position:-16px -16px;}
.iconbell {background-position:-112px -16px;}
.iconcog {background-position:-48px 0px;}
.iconwebsite {background-position:-48px 0px;}
.iconlogout {background-position:-48px -16px;}
.iconbulb {background-position:-64px -16px;}
.iconsearch {background-position:-80px -16px;}
.iconchat {background-position:0px -32px;}
.iconraces {background-position:-16px -32px;}
.icontraining {background-position:-32px -32px;}
.iconshop {background-position:-48px -32px;}
.iconclinic {background-position:-64px -32px;}
.iconredpin {background-position:-80px -32px;}
.iconedit {background-position:-96px -16px;}
.iconbin {background-position:-96px -32px;}
.icontwitter {background-position:-112px -32px;}
.iconfacebook {background-position:0px -48px;}
.iconglasses {background-position:-16px -48px;}
.iconscales {background-position:-32px -48px;}
.iconcrossbutton {background-position:-48px -48px;}
.iconbogey {background-position:-64px -48px;}
.iconcheckpoint {background-position:-80px -48px;}
.icondetonator {background-position:-96px -48px;}
.iconflower {background-position:-112px -48px;}
.icongore {background-position:-112px -48px;}
.iconflower {background-position:-112px -48px;}
.iconhiggs {background-position:0px -64px;}
.iconmoney {background-position:-16px -64px;}
.iconpostbox {background-position:-32px -64px;}
.iconpresent {background-position:-48px -64px;}
.iconrandom {background-position:-64px -64px;}
.iconrelay {background-position:-80px -64px;}
.iconrent {background-position:-96px -64px;}
.icontri {background-position:0px -80px;}
.iconrightarrow {background-position:-16px -80px;}
.icongraph {background-position:-32px -80px;}
.iconleftarrow {background-position:-48px -80px;}
.iconblog {background-position:-64px -80px;}
.icondotyellow {background-position:-80px -80px;}
.icondotpurple {background-position:-96px -80px;}
.icondotred {background-position:-112px -80px;}
.icondotcyan {background-position:0px -96px;}
.icondotgreen {background-position:-16px -96px;}
.icondotblue {background-position:-32px -96px;}
.iconwarning {background-position:-48px -96px;}
.iconpeople {background-position:0px -16px;}
.iconsmile {background-position:-64px -96px;}
.icontag {background-position:-80px -96px;}
.iconfeeling2 {background-position:-96px -96px;}
.iconfeeling1 {background-position:-112px -96px;}
.iconfeeling0 {background-position:0px -112px;}
.iconfeeling-1 {background-position:-16px -112px;}
.iconfeeling-2 {background-position:-32px -112px;}
.iconwink {background-position:-48px -112px;}
.iconsad {background-position:-64px -112px;}
.iconpb {background-position:-80px -112px;}
.iconshock {background-position:-96px -112px;}
.iconexit {background-position:-112px -112px;}
.iconshare {background-position:0px -128px;}
.iconzoomin {background-position:-16px -128px;}
.iconzoomout {background-position:-32px -128px;}
.iconclock {background-position:-48px -128px;}
.icondistance {background-position:-64px -128px;}
.iconrainbow {background-position:-80px -128px;}
.icondarkgrid {background-position:-96px -128px;}
.iconlightgrid {background-position:-112px -128px;}
.iconmap {background-position:0px -144px;}
.iconcolumns {background-position:-16px -144px;}
.iconsocialtwitter {background-position:-32px -144px;}
.iconsocialinstagram {background-position:-48px -144px;}
.iconsocialfacebook {background-position:-64px -144px;}
.iconsocialskype {background-position:-80px -144px;}
.icontongue {background-position:-96px -144px;}
.iconcool {background-position:-112px -144px;}
.icondarkwsw {background-position:-0px -160px;}
.iconlightwsw {background-position:-16px -160px;}
.iconexpand {background-position:-32px -160px;}

.infobox_header {
    text-align:center;
    margin-bottom:0px !important;
}
.infobox_standard {
    background-color:#efefef;
    color:var(--text);
    padding:10px;
    border-radius:0px;
    margin-bottom:10px;
    word-wrap:break-word;
}
.infobox_standard ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
}
.infobox_standard h1 {
    border:none !important;
    margin:0px !important;
    padding:0px !important;
    font-size:1.5em !important;
}
.infobox_standard h2 {
    margin:0px;
    padding:0px;
    font-size:1.2em;
    word-break:normal;
}
.infobox_style1 h1 {
    color:var(--lighttext) !important;
}
.infobox_style1 {
    background: linear-gradient(var(--primary), var(--primarydarker)); 
    color:var(--lighttext);
}
.infobox_style1 a {
    color:#ff0;
    text-decoration:none;
}
.infobox_style1 h2 {
    color:#ff0;
    margin-bottom:5px;
}
.infobox_style2 {
    background: linear-gradient(var(--secondary), var(--secondarydarker)); 
    color:var(--lighttext);
}
.infobox_style2 h1 {
    color:#ff0 !important;
}
.infobox_style2 h2 {
    color:#efefef !important;
}
.infobox_style2 a {
    color:#ff0;
    text-decoration:none;
}
.infobox_style3 {
    background: linear-gradient(#ffffff, #efefef); 
    color:var(--text);
    border:solid 1px #ccc;
}
.infobox_style3 h2 {
    color:var(--text);
}
.infobox_style3 h3 {
    color:var(--text);
    margin:0px;
    padding:0px;
    font-size:1.2em;
    font-weight:normal;
}
.infobox_style3 a {
    text-decoration:none;
}
.infobox_style4 {
    background-color:var(--alert);
    color:var(--text);
    border:solid 1px #ccc;
}
.infobox_style4 h2 {
    color:#333;
}
.infobox_style4 a {
    color:var(--primary);
    text-decoration:none;
}

.infobox_style_B_border {
    border:solid 1px #090;
}
.infobox_style_R_border {
    border:solid 1px var(--primary);
}
.infobox_style_S_border {
    border:solid 1px #009;
}
.infobox_style_W_border {
    border:solid 1px #909;
}

.infobox_style_B {
    background-color:#090;
    color:var(--lighttext);
    border:solid 1px #ccc;
}
.infobox_style_B h2 {
    color:var(--lighttext);
}
.infobox_style_B a {
    text-decoration:none;
}
.infobox_style_R {
    background-color:var(--primary);
    color:var(--lighttext);
    border:solid 1px #ccc;
}
.infobox_style_R h2 {
    color:var(--lighttext);
}
.infobox_style_R a {
    text-decoration:none;
}
.infobox_style_S {
    background-color:#009;
    color:var(--lighttext);
    border:solid 1px #ccc;
}
.infobox_style_W {
    background-color:#909;
    color:var(--lighttext);
    border:solid 1px #ccc;
}
.infobox_style_S h2 {
    color:var(--lighttext);
}
.infobox_style_W h2 {
    color:var(--lighttext);
}
.infobox_style_S a {
    text-decoration:none;
}
.infobox_style_W a {
    text-decoration:none;
}
.infobox_style_C {
    background-color:#999;
    color:var(--lighttext);
    border:solid 1px #ccc;
}
.infobox_style_C h2 {
    color:var(--lighttext);
}
.infobox_style_C a {
    text-decoration:none;
}


ul.comments {
    background-color:inherit;
    list-style-type:none;
    margin:0px;
    padding:0px;
}

ul.comments li {
    margin-bottom:5px;
    font-size:12px;
    padding-left:20px;
    background:url('/images/icons/icon_chat.png') no-repeat left top;
}




ul.iconlist {
    list-style-type:none;
    margin:0px;
    padding:0px;
    margin-bottom:5px;
    
}
ul.iconlist > li {
    min-height:16px;
    margin-bottom:4px;
    line-height:16px;
    padding:4px;
    border-radius:2px;
    background:rgba(0,0,0,0.05);
}
ul.iconlist > li:first-of-type {
    height:auto;
}
ul.iconlist > li > a {
    text-decoration:none;
    padding-left:20px;
}




.fesection {
    clear: both;
    padding: 0px;
    margin: 0px;
    margin-bottom:1%;
}
.fegroup:before, .fegroup:after {
    content:"";
    display:table;
}
.fegroup:after {
    clear:both;
}
.fegroup {
    zoom:1;
}
.fecol {
    display: block;
    float:left;
    margin: 0% 0 0% 1.6%;
}
.fecol:first-child {
    margin-left: 0;
}
.fespan_3_of_3 {
    width: 100%; 
}
.fespan_2_of_3 {
    width: 66.13%; 
}
.fespan_1_of_3 {
    width: 32.26%; 
}
.fespan_5_of_5 {
    width: 100%; 
}
.fespan_4_of_5 {
    width: 79.68%; 
}
.fespan_3_of_5 {
    width: 59.36%; 
}
.fespan_2_of_5 {
    width: 39.04%; 
}
.fespan_1_of_5 {
    width: 18.72%; 
}
.fespan_6_of_6 {
    width: 100%; 
}
.fespan_5_of_6 {
    width: 83.06%; 
}
.fespan_4_of_6 {
    width: 66.13%; 
}
.fespan_3_of_6 {
    width: 49.2%; 
}
.fespan_2_of_6 {
    width: 32.26%; 
}
.fespan_1_of_6 {
    width: 15.33%; 
}
.fespan_4_of_4 {
    width: 100%; 
}
.fespan_3_of_4 {
    width: 74.6%; 
}
.fespan_2_of_4 {
    width: 49.2%; 
}
.fespan_1_of_4 {
    width: 23.8%; 
}
.fespan_2_of_2 {
    width: 100%; 
}
.fespan_1_of_2 {
    width: 49%; 
}
.fespan_1_of_1 {
    width: 100%; 
}

table.standard2016 {
    width:100%;
    margin:0;
    padding:0;
    border-spacing: 0;
    border-collapse: separate;
}
table.standard2016 td {
    margin:0;
    border:solid 1px var(--background);
    padding:0.5%;
    background: #efefef;
    background: linear-gradient(#f3f3f3,#efefef); 
    text-align:center;
    word-break:normal;
}
table.standard2016.alternating tr:nth-child(odd) td {
    background: linear-gradient(#e3e3e3,#dfdfdf); 
}

    
table.standard2016 tr td a {
    text-decoration:none;
}

table.standard2016 tr th {
    background: #333;
    background: linear-gradient(#555, #333); 
    text-align:center;
    color:#efefef;
    padding:1%;
    word-break:normal;
    font-weight:normal;
}
table.standard2016 tr th h2 {
    color:var(--lighttext);
    text-align:left;
    margin:1%;
}
table.standard2016 tr th a {
    color:var(--lighttext);
}
table.standard2016 tr.divider td {
    background: #666;
    background: linear-gradient(#888, #666); 
    color:#efefef;
}
table.standard2016 tr.divider td a {
    color:#efefef;
}

table.standard2016 tr.highlight td {
    background:var(--primary) !important;
    color:var(--lighttext);
}
table.standard2016 tr td.highlight {
    background:var(--primary) !important;
    color:var(--lighttext);
}
table.standard2016 tr td.highlight a {
    color:var(--lighttext);
}
table.standard2016 tr.highlight a {
    color:var(--lighttext);
}
table.standard2016 tr.following td {
    background:#ffff00 !important;
    color:var(--text);
}
table.standard2016 tr.following td a {
    color:var(--text) !important;
}
table.standard2016 td.success {
    background:rgba(0,201,0,1) !important;
    color:var(--lighttext);
}
table.standard2016 td.inaccessible {
    background:rgba(102,102,102,1);
    color:var(--lighttext);
}

div.infobox_style2 table.standard2016 td {
    background: linear-gradient(#393939,#333); 
    color:#ffffff;
}


/*LAYOUT TABLE - USE FOR STICKING STUFF IN LEFT AND RIGHT CORNERS*/
table.layout {
    width:100%;
    border-collapse:collapse;
}
table.layout tr td, table.layout tr th {
    padding:0;
}
table.layout tr td:first-of-type {
    text-align:left;
}
table.layout tr td:last-of-type {
    text-align:right;
}
/*END OF LAYOUT TABLE*/

/*EXTENSION to handle first column with icons or imagery*/

table.utable {
    table-layout:auto;
    border-collapse:separate;
    border-spacing: 0 2px !important;
}
table.utable_clickablerows td {
    cursor:pointer;
}
table.utable td {
    border:none !important;
    border-bottom:solid 1px rgba(153,153,153,0.25) !important;
    vertical-align:top;
    padding-top:6px;
    padding-bottom:8px;
    padding-left:4px;
    padding-right:4px;
}
table.utable_tight td {
    padding:2px;
}
table.utable tr:last-of-type td {
    border-bottom:none !important;
}
table.utable tr td:not(:first-child) {
    vertical-align:middle;
}
table.utable tr td.avatarcolumn {
    width:1%;
    padding-left:5px;
    padding-right:5px;
}
table.utable tr th.primarycolumn,
table.utable tr td.primarycolumn {
    text-align:left;
    padding-left:5px;
}

table.utable tr td:first-of-type img {
    width:30px;
    aspect-ratio:30/36;
    border-radius:60px;
}
table.utable tr td .utableprimary {
    font-size:14px;
}
table.utable tr td .utablesecondary {
    font-size:12px;
}
table.utable > tr:hover > td {
    background:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.2));
}
@media screen and (max-width:640px) {
    table.utable tr td:first-of-type {
        padding-top:5px;
        padding-bottom:5px;
    }
}


@media screen and (max-width:640px) {
    #secondNavBar {display:none}

    #secondNavBar ul li {
        display:block;
        padding:1%;
        border-bottom:dotted 1px #efefef;
    }
    #secondNavBar ul li a {
        font-size:1.3em;
    }
    div#fetchGreeting {
        display:none;
    }
    div#fetchLinksBar {
        width:100%;
    }
    div#fetchLinksBar ul {
        display:table;
        width:100%;
    }
    div#fetchLinksBar ul li  {
        text-align:center;
        font-size:0px;
        border:none;
    }
    #greeting {
        display:none;
    }
    #logged_in_user {
        display:none;
    }
    .fecol { 
        margin: 0% 0 1% 0%;
    }
    .fespan_3_of_3 {
        width: 100%; 
    }
    .fespan_2_of_3 {
        width: 100%; 
    }
    .fespan_1_of_3 {
        width: 100%;
    }

    #content {
        padding:0px;
    }
    .infobox_standard {
        border-radius:0px;
    }
    .fespan_6_of_6,.fespan_5_of_6,.fespan_4_of_6,.fespan_3_of_6,.fespan_2_of_6,.fespan_1_of_6 {
        width: 100%; 
    }
    .fespan_5_of_5,.fespan_4_of_5,.fespan_3_of_5,.fespan_2_of_5,.fespan_1_of_5 {
        width: 100%; 
    }
    .fespan_4_of_4,.fespan_3_of_4,.fespan_2_of_4,.fespan_1_of_4 {
        width: 100%; 
    }
    .fespan_2_of_2,.fespan_1_of_2 {
        width: 100%; 
    }

    #nav-trigger {
        float:right;
        display: inline; 
        text-align:right;
        padding-right:2%;
    }
    #firstNavBar {
        display: none;
    }

    #fetchSocialContainer ul li {
        padding:1px;
    }
    .infobox_style3 {
        border:none;
    }
    .infobox_style4 {
        border:none;
    }



}
.following {
    background-color:var(--primary) !important;
    color:var(--lighttext) !important;
}
span.followbutton {
    color:#999;
    background-color:#fff;
    border:solid 1px #999;
    padding:2px;
    border-radius:4px;
    cursor:pointer
}

div.youtube {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 51%;
    margin-top:24px;
    margin-bottom:24px;
}
div.youtube iframe.youtube {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0; top: 0;
}

div.embeddedimage {
    text-align:center;
    padding:4px;
}
div.embeddedimage img {
    width:90%;
}
div.embeddedtraining {
    text-align:center;
    padding:4px;
}
div.embeddedtraining img {
    width:90%;
}
div.embeddedinfographic {
    text-align:center;
    padding:4px;
}
div.embeddedinfographic img {
    width:90%;
}
div.embeddedbadge {
    text-align:center;
    padding:4px;
}

table.embeddedpoll {
    width:100%;
}
table.embeddedpoll tr th {
    background:#999 !important;
    color:var(--lighttext) !important;
    padding:4px;
    text-align:center;
}
table.embeddedpoll tr th * {
    font-size:13px;
}
table.embeddedpoll tr th:nth-of-type(1) {
    text-align:left;
}
table.embeddedpoll tr th h2 {
    color:var(--lighttext);
}
table.embeddedpoll tr td {
    background:#efefef !important;
    color:var(--text);
    text-align:center;
    height:40px;
    font-style:normal;
    border:solid 1px transparent;
}
table.embeddedpoll tr td:nth-of-type(1) {
    text-align:left;
    padding-left:4px;
}

spoiler {
    display:none;
}
.spoilerbutton {
    cursor:pointer;
    display:inline;
    background:#ccc;
    border-radius:2px;
    padding:2px;
}
.spoilerdisplayed {
    background:none;
    border-radius:0px;
    padding:0px;
    color:inherit;
    display:inline;
    border-bottom:dashed 1px #999;
}

/*BUTTON SET*/
ul.bs22 {
    list-style-type:none;
    margin:0px;
    padding:0px;
    margin-top:5px;
    margin-bottom:8px;
}
ul.bs22_tight {
    margin:0px;
    padding:0px;
}
ul.bs22 li {
    display:inline-block;
    padding:4px;
    border:none;
    border-radius:4px;
    margin-right:2px;
    background:radial-gradient(#777,#666);
    color:var(--lighttext);
    cursor:pointer;
    user-select: none;
    -webkit-user-select: none;    
    margin-bottom:2px;
}
ul.bs22 li.minimalsize {
    font-size:10px;
    font-weight:normal;
}
ul.bs22 li a {
    color:var(--lighttext);
    text-decoration:none;
    word-break:keep-all;
}
ul.bs22 li:last-of-type {
    margin-right:0px;
}
ul.bs22 li.sel {
    background:linear-gradient(#555,#333);
    color:var(--lighttext);
    font-weight:bold;
}
ul.bs22 li.alert {
    background:linear-gradient(var(--primary),var(--primarydarker)) !important;
    color:var(--lighttext) !important;
}
ul.bs22 li.action {
    background:linear-gradient(var(--button),var(--buttondarker)) !important;
    color:var(--lighttext) !important;
}
ul.bs22 li.mockdrop {
    background:linear-gradient(#fff,#fff) !important;
    color:var(--text) !important;
}
ul.bs22 li.blank {
    background:none !important;
    cursor:default;
}
ul.bs22 li.social {
    background:#1DA1F2;
    color:var(--lighttext);
}
ul.bs22 li.light {
    background:#efefef;
    color:#333;
    border:solid 1px #e0e0e0;
}
ul.bs22 li.dark {
    background:#cccccc;
    color:var(--lighttext);
    border:solid 1px #e0e0e0;
}
ul.bs22 li.style4 {
    background:var(--alert) !important;
    color:var(--text);
}
ul.bs22 li.barely {
    background:rgba(0,0,0,0.1) !important;
    border:none;
}
ul.bs22 li.sel a {
    color:var(--lighttext);
}
ul.bs22.unclickable li {
    cursor:default;
}
ul.bs22 li.large {
    font-size:16px;
    font-weight:bold;
}

ul.bs22 li.rainbow {
  list-style: none;
  display: inline-block;
  padding-left:30px !important;
  color: white;
  font-weight: bold;
  cursor: pointer;

  background: linear-gradient(
    135deg,
    red 0%,
    orange 5%,
    yellow 10%,
    green 15%,
    blue 20%,
    indigo 25%,
    violet 30%,

    /* fade out the rainbow */
    rgba(76, 175, 80, 0.8) 35%,
    rgba(76, 175, 80, 0.95) 45%,

    /* fully green */
    #009900 60%,
    #006600 100%
  ) !important;

  transition: background 0.3s ease;
}

ul.bs22_bar li {
    margin-right:0px;
    border-radius:0px;
    border-right:solid 1px #999;
}
ul.bs22_bar li:first-of-type {
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
}
ul.bs22_bar li:last-of-type {
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    border-right:none;
}

div.infobox_style1 ul.bs22 li {
    background:linear-gradient(#999,#777);
    color:var(--lighttext);
}
div.infobox_style1 ul.bs22 li.sel {
    background:linear-gradient(#333,#000);
    color:var(--lighttext);
}
div.infobox_style1 ul.bs22 li.sel a {
    color:var(--lighttext);
}

div.infobox_style2 ul.bs22 li {
    background-color:#999;
    color:var(--lighttext);
}
div.infobox_style2 ul.bs22 li.sel {
    background:linear-gradient(var(--primary),var(--primarydarker));
    color:var(--lighttext);
}
div.infobox_style2 ul.bs22 li.sel a {
    color:var(--lighttext);
}

div.infobox_style3 ul.bs22 li {
    background-color:#999;
    color:var(--lighttext);
}
div.infobox_style3 ul.bs22 li.sel {
    background:linear-gradient(var(--primary),var(--primarydarker));
    color:var(--lighttext);
}
div.infobox_style3 ul.bs22 li.sel a {
    color:var(--lighttext);
}
/* END OF BUTTON SET */

/* LEADER BOX */
.siteleader {
    height:504px;
    color:var(--lighttext);
    background-repeat: no-repeat;
    background-size: auto 100%; /* maintain height or adjust as needed */
    margin-bottom:10px;
}
.siteleadercontent {
    font-size:16px !important;
}
.siteleader h1 {
    color:var(--lighttext) !important;
    border:none !important;
    font-size:24px !important;
}
.siteleader a {
    color:#ff0;
}
.siteleader ul.bs22 li {
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.6);
}
.siteleader ul.bs22 li a {
     font-size:24px;
     font-weight:bold;
     text-align:center;
}
@media screen and (max-width:1024px) {
    .siteleadercontent {
        margin-right:40%;
        padding:10px;
        padding-top:50px;
        border-bottom-left-radius:4px;
        border-bottom-right-radius:4px;
        background:linear-gradient(transparent,#333);
    }
}
@media screen and (max-width:768px) {
    .siteleadercontent {
        padding-top:30px;
    }
}
@media screen and (max-width:640px) {
    .siteleader {
        background:linear-gradient(#444,#333);
        height:auto;
    }
    .siteleadercontent {
        margin:10px;
        background:transparent !important;
        padding-bottom:40px;
    }
}

/*END OFLEADER BOX*/

/*GRID LAYOUT*/

ul.blockparty {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.blockparty h2 {
    margin:0px;
    padding:0px;
    font-size:14px;
}

@media (max-width: 800px) {
    ul.blockparty {
        grid-template-columns: repeat(2, 1fr);
    }
}
ul.blockparty img.leader {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom:5px;
}
/*END OF GRID LAYOUT*/

/*FORM STYLES*/

.standard2025 {
    font-size:16px;
    padding:4px;
    border-radius:4px;
    /*border:none;*/
    border:solid 1px #ccc;
    text-align:center;
}

input[type='submit'].standard2025 {
    background:linear-gradient(var(--button),var(--buttondarker));
    color:var(--lighttext);
    border:none;
}
input[type='button'].standard2025 {
    background:linear-gradient(var(--button),var(--buttondarker));
    color:var(--lighttext);
    border:none;
}
button.standard2025 {
    background:linear-gradient(var(--button),var(--buttondarker));
    color:var(--lighttext);
    border:none;
}
textarea.standard2025 {
    text-align:left;
}

input.error {
    color:var(--primary);
    font-weight:bold;
}

/*END OF FORM STYLES*/
/*FOOTER STYLES*/

footer {
     background:linear-gradient(#333,#000);
     color:var(--lighttext);
     padding-top:20px;
     padding-bottom:0px;
     margin-top:80px;
     padding-bottom:100px;
     text-align:center;
}

footer a {
    color:var(--lighttext);
    text-decoration:none;
}
/*END OF FOOTER STYLES*/



/*POPUPS*/
.popup2026 {
    position:absolute;
    z-index:100000;
    top:0;
    left:0;                        
    margin-bottom:10px;
    display:none;
    width:40%;
    border-radius:4px;
    border:solid 1px #fff;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.6);
}
.popup150 {
    width:150px !important;
}
.popup300 {
    width:300px;
}

@media screen and (max-width:640px) {
    .popup2026 {
        width:70%;
    }
}  
/*END OF POPUPS*/


/*FORUM STYLES*/
div.quotebox {
    background:rgba(201,201,201,0.4);
    padding:4px;
    margin:25px;
    border:solid 1px #ccc;
    color:var(--text);
    border-radius:4px;
}
q {
    font-size:12px;
    line-height:18px;
    font-style:italic;
    display:block;
    padding:4px;
    margin:5px;
}
table.posts td {
    vertical-align:top !important;
    padding-bottom:30px;
    word-break: break-word;
}
table.posts > tr:hover > td {
    background:#efefef;
}
table.posts td.userinfo {
    width:18% !important;
    background:rgba(0,0,0,0.4) !important;
}
table.posts td.text {
    text-align:left !important;
    overflow:hidden;
    word-wrap:break-word;
    padding-bottom:30px;
}
table.posts tr.ignore td.text {
    background:url('/images/smallgreybox.jpg') no-repeat center !important;
    background-size:cover !important;
}
        
table.posts td.userinfo a {
    color:var(--lighttext);
}
table.posts td div.date {
    color:#ff0;
}
table.posts tr.response td.userinfo div.shortdate {
    color:#ff0;
    font-size:11px;
}
table.posts tr.response td.userinfo div.postcount {
    color:#ff0;
    font-size:10px;
}
table.posts span.learner {
    color:var(--primary);
    font-weight:bold;
}
table.posts div.shortdate {
    display:none;
}
table.posts div.nickname_inline {
    display:none;
}       
@media screen and (max-width: 640px) {
    table.posts div.nickname {
        display:none;
    }
    table.posts div.nickname_inline {
        display:block;
        color:#999;
        font-size:0.9em;
        margin-bottom:2px;
    }
    table.posts div.date {
        display:none;
    }
    table.posts div.shortdate {
        display:block;
    }
}
/*END OF FORUM STYLES*/

/*PROGRESS BAR*/
    ul.progressbar {
        list-style-type:none;
        margin:0px;
        padding:0px;
        margin-top:5px;
    }
    
    ul.progressbar li {
        display:inline-block;
        width:100%;
        background:#e0e0e0;
        margin-bottom:12px;
        border:solid 1px #ccc;
        border-radius:4px;
    }
    ul.progressbar li div {
        background-color:var(--primary);
        text-align:center;
        vertical-align:middle;
        height:8px;
        border:none;
        border-bottom-left-radius:4px;
        border-top-left-radius:4px;
    }        
/*END OF PROGRESS BAR*/

/*INLINE IMAGE PICKER*/
    ul.inlineimages {
        list-style-type:none;
        width:100%;
        margin:0px;
        padding:0px;
        margin-top:5px;
    }
    ul.inlineimages li {
        width:70px;
        height:70px;
        background-position:center center;
        background-repeat:no-repeat;
        background-size:cover;
        cursor:pointer;
        margin-bottom:2px;
        display:inline-block;
    }
    @media screen and (max-width:375px) {
        ul.inlineimages li {
            width:85px;
            height:85px;
        }
    }
    @media screen and (max-width:320px) {
        ul.inlineimages li {
            width:70px;
            height:70px;
        }
    }
/*END OF INLINE IMAGE PICKER*/

/*RELATED IMAGES LIST*/

    ul.relatedimages {
        list-style-type:none;
        width:100%;
        margin:0px;
        padding:0px;
        margin-top:5px;
        margin-bottom:15px;
    }
    ul.relatedimages li {
        width:90px;
        height:120px;
        display:inline-block;
        text-align:center;
        vertical-align:top;
    }
    ul.relatedimages li button {
        margin-top:2px;
        font-size:11px;
        background:linear-gradient(#efefef,#ccc);
        border:none;
        border-radius:4px;
        padding:3px;
    }
    ul.relatedimages li div {
        width:90px;
        height:90px;
        background-position:center center;
        background-repeat:no-repeat;
        background-size:cover;
        cursor:pointer;
    }
    @media screen and (max-width:375px) {
        ul.relatedimages li {
            width:85px;
            height:85px;
        }
    }
    @media screen and (max-width:320px) {
        ul.relatedimages li {
            width:70px;
            height:70px;
        }
    }
/*END OF RELATED IMAGES LIST*/

/*TOGGLEBARS*/
    div.togglebar {
        margin-bottom:0px;
        cursor:pointer;
        background:url('/images/site/expand.png') left center no-repeat #333;
        padding-left:26px;
        margin-top:2px;
        margin-bottom:2px;
    }
    div.togglebar > table {
        width:100%;
        border-collapse: collapse;
        border-spacing: 0;
    }
    div.togglebar > table td {
        padding:0;
        margin:0;
    }
    div.togglebar > table td:nth-of-type(2) {
        text-align:right;
    }
    div.togglebar > table td:nth-of-type(2) > ul.bs22 {
        margin:0px;
    }
    div.togglecontent {
        /*display:none;*/
    }
    div.togglebar:hover {
        background-color:#444;
    }
    
    div.togglebar:hover h2 {
        color:#efefef;
    }
    .toggleOpen {
        display:block;
    }
    div.togglebarExpanded {
        background:url('/images/site/contract.png') left center no-repeat #333;
        margin-bottom:0px;

    }
    
/*END OF TOGGLE BARS*/

/*OPENLAYERS CSS*/
.ol-box{box-sizing:border-box;border-radius:2px;border:2px solid #00f}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:rgba(0,60,136,.3);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid #eee;border-top:none;color:#eee;font-size:10px;text-align:center;margin:1px;will-change:contents,width}.ol-overlay-container{will-change:left,right,top,bottom}.ol-unsupported{display:none}.ol-unselectable,.ol-viewport{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:rgba(255,255,255,.4);border-radius:4px;padding:2px}.ol-control:hover{background-color:rgba(255,255,255,.6)}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}@media print{.ol-control{display:none}}.ol-control button{display:block;margin:1px;padding:0;color:#fff;font-size:1.14em;font-weight:700;text-decoration:none;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:rgba(0,60,136,.5);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;font-size:1.2em;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:focus,.ol-control button:hover{text-decoration:none;background-color:rgba(0,60,136,.7)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em)}.ol-attribution ul{margin:0;padding:0 .5em;font-size:.7rem;line-height:1.375em;color:#000;text-shadow:0 0 2px #fff}.ol-attribution li{display:inline;list-style:none;line-height:inherit}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button,.ol-attribution ul{display:inline-block}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution.ol-logo-only ul{display:block}.ol-attribution:not(.ol-collapsed){background:rgba(255,255,255,.8)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0;height:1.1em;line-height:1em}.ol-attribution.ol-logo-only{background:0 0;bottom:.4em;height:1.1em;line-height:1em}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-logo-only button,.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:inline-block}.ol-overviewmap .ol-overviewmap-map{border:1px solid #7b98bc;height:150px;margin:2px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:1px;left:2px;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:rgba(255,255,255,.8)}.ol-overviewmap-box{border:2px dotted rgba(0,60,136,.7)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}