.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
@media (min-width: 768px)  { .container { max-width: 750px; } }
@media (min-width: 992px)  { .container { max-width: 970px; } }
@media (min-width: 1200px) { .container { max-width: 1170px; } }
.row { --bs-gutter-x: 1.875rem; }

/* app.js toggles this class literally at runtime (sticky header scroll effect) -
   BS5 dropped it, so redefine with BS3's original positioning. */
.navbar-fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }

.navbar { display: block; }
.footer.navbar > .container { display: block; }

.header .navbar-collapse { flex-grow: 1; justify-content: flex-end; }

.btn-warning {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f0ad4e;
    --bs-btn-border-color: #eea236;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ec971f;
    --bs-btn-hover-border-color: #d58512;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ec971f;
    --bs-btn-active-border-color: #d58512;
}

.btn-primary {
    --bs-btn-bg: #337ab7;
    --bs-btn-border-color: #2e6da4;
    --bs-btn-hover-bg: #286090;
    --bs-btn-hover-border-color: #204d74;
    --bs-btn-active-bg: #204d74;
    --bs-btn-active-border-color: #1a3f5e;
}

.btn-secondary {
    --bs-btn-color: #333;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #ccc;
    --bs-btn-hover-color: #333;
    --bs-btn-hover-bg: #e6e6e6;
    --bs-btn-hover-border-color: #adadad;
    --bs-btn-active-color: #333;
    --bs-btn-active-bg: #e6e6e6;
    --bs-btn-active-border-color: #adadad;
}

.card { margin-bottom: 20px; }

body, button, input, select, table, textarea, p { font-family: Verdana,Helvetica,Arial; color: #333; font-size:14px; line-height:1.5em; }
a { color:#1A91C8; }
h1,h2,h3 { line-height:1.5em; font-weight:bold; }
h1 { font-size:2.25em; text-align:center; }
h2,h3 { margin:1em 0 0 0;}
p { margin:0 0 1em 0; }

/* Sticky footer: flex column fills the viewport, and the footer's auto margin
   pushes it to the bottom on short pages without hardcoding a spacer height. */
html { height: 100%; }
body { display: flex; flex-direction: column; min-height: 100%; background-color: #fff; background-repeat: repeat-x; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACvCAIAAACzYSNAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3AgbDQsOEtSKNAAAAKJJREFUKM91krsBBEEIQnn03+rWwAU6390LJlEExNHzPJa0HrKCUSyw0jXJSM7EFSaS0YkrjqqHnus+u1bzKCl+CrfPLSyTm6mVs97YySEZYoXlTViKGbspDpxa7b84aZ3Nw/ZAjjBJa1xZ7Hlw7hItzzNbPvK8+EY+owd6+VqaOIrpDN6a69bZfPDFJxXPnVnvPTL4f8NL977hS4/5dz52/AFHfkFaXjdf1gAAAABJRU5ErkJggg==); }
body > .container { min-height:600px;}
body > .container > div:first-child { margin-bottom:30px; }
#container { margin-bottom: 50px; }

.navbar { min-height:80px; padding-top:50px; padding-bottom:40px;}
.navbar .navbar-header { margin-left:0; }
.navbar .navbar-header .navbar-brand { color: #333; font-size: 42px; font-weight:bold; padding:0 25px 0 0; height:36px; margin:0; display:inline-block; line-height:36px; white-space:nowrap; max-width:80%; }
.navbar .navbar-toggle { margin-top:-8px; --bs-navbar-toggler-font-size:1em; }
.navbar-collapse { padding-left:0px; padding-right:0px; overflow: visible !important; }
.navbar-collapse .navbar-nav { margin:4px 0 0 -4px; }
.navbar-collapse .search input { box-shadow:none; }
.navbar-collapse  { border:none; }
.navbar-default { background: none; border:none; }
.navbar-default .navbar-nav > li { display:inline-block; float:left; margin-bottom:10px; }
.navbar-default .navbar-nav > li, .navbar-default .navbar-nav > li > a { background:url(data:image/png;base64,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) no-repeat; height:26px; }
.navbar-default .navbar-nav > li  { background-position:top right; line-height:26px; margin-right:20px; font-size:12px; }
.navbar-default .navbar-nav > li > a { background-position: 0 -26px; display:inline-block; line-height:26px; margin-left:-12px; padding:0 17px; white-space:nowrap; color:#4e4e4e; font-size:12px; text-decoration:none; }
.navbar-default .navbar-nav > li.active { background-position: 100% -104px; }
.navbar-default .navbar-nav > li.active > a { color:#fff; background-color:inherit; background-position:0 -130px;}
.navbar-default .navbar-nav > li.active:hover { background-position: 100% -104px; }
.navbar-default .navbar-nav > li.active:hover > a { color:#fff; background-color:inherit; background-position:0 -130px; }
.navbar-default .navbar-nav > li.active a:focus { background-color:inherit; color:#fff; }
.navbar-default .navbar-nav > li.open > a { background-color:inherit; }
.navbar-default .navbar-nav > .open > a:focus { background-color:inherit; }
.navbar-default .navbar-nav > li.open:hover > a { background-color:inherit; }
.navbar-default .navbar-nav > li:hover { background-position:100% -52px; }
.navbar-default .navbar-nav > li:hover > a { background-color:inherit; background-position:0 -78px; }
.navbar-default .navbar-nav > li.selected, .navbar-default .navbar-nav > li.ancestor { background-position:100% -104px; }
.navbar-default .navbar-nav > li.selected > a, .navbar-default .navbar-nav > li.ancestor > a { background-color:inherit !important; background-position:0 -130px; color:#fff !important; }
.navbar-default .navbar-nav > li:last-child { margin-right:0; }
.navbar-default .navbar-nav > li > ul { padding:5px; border:1px solid #ccc; box-shadow:0 0 20px #ccc; border-radius:10px; padding-top:5px; list-style-type: none; margin-left:-15px; min-width:100px;}
.navbar-default .navbar-nav > li > ul > li > a { color: #333; }
.navbar-default .navbar-nav > li > .dropdown-menu { margin-top:3px; font-size:1em; }
.navbar-default .navbar-nav > li > .dropdown-menu a { padding:5px 10px; }
.navbar-default .navbar-nav > li > .dropdown-menu label { padding:5px 10px; margin:0; }
.navbar-default .navbar-nav > li > .dropdown-menu li:first-child label { white-space: nowrap; }
.navbar-default .dropdown-toggle::after { display:none; }
/* Bootstrap focuses the toggle when a menu opens; with hover-open that shows the browser's blue focus ring - suppress it. */
.navbar-default .dropdown-toggle:focus, .navbar-default .dropdown-toggle:focus-visible, .navbar-default .dropdown-item:focus, .navbar-default .dropdown-item:focus-visible { outline:none; box-shadow:none; }
.navbar-default .dropdown-toggle .menu-caret { display:inline-block; font-size:0.7em; transition: transform 0.2s ease; }
.navbar-default .dropdown-toggle:hover .menu-caret, .navbar-default .dropdown-toggle[aria-expanded="true"] .menu-caret { transform: rotate(180deg); }
.navbar-default .bi { font-size:0.7em; }
.navbar-default a span { color:inherit; }
.navbar-default .navbar-form { margin-top:0; margin-bottom:0; position:relative; top:-3px; }
.navbar-default .navbar-form .form-control { font-size:12px; height:26px; padding:0 8px; }
.navbar-default .navbar-form .btn { font-size:12px; height:26px; padding:0 8px; position:relative; top:1px; }
.navbar-overlay {
    border-bottom:1px solid #ccc; background:#fffa; box-shadow:0 0 40px #ccc; min-height:64px; padding-top:14px; padding-bottom:0px;
    backdrop-filter: blur(10px); /* blur the background */
    -webkit-backdrop-filter: blur(10px); /* for Safari */
}
.navbar-overlay .navbar-nav:last-child { margin-right:0; }
/* The brand's line box is centered, but the "g" descender makes the wordmark read as sitting low - nudge it up. */
.navbar-overlay .navbar-brand { position:relative; top:-3px; }
/* .d-sm-block (used on .breadcrumbs) carries !important in BS5, which beats this rule unless it also does. */
.navbar-overlay .breadcrumbs { display:none !important; }
@media (max-width: 768px) {
    .navbar .navbar-header .navbar-brand { font-size: 28px; padding:0; height:28px; }
}

/* At mobile widths, ditch the fixed-width sprite pills for full-width, evenly
   spaced pills (flat border/fill instead of the sprite background, which is
   too narrow to stretch across the row). */
@media (max-width: 767px) {
    .navbar-collapse .navbar-nav { margin:0; row-gap:0.5em; }
    .navbar-collapse .navbar-nav > li {
        display:block; float:none; width:100%; align-self:stretch;
        background:none; height:auto; margin:0;
    }
    .navbar-collapse .navbar-nav > li > a {
        display:block; width:100%; margin:0; box-sizing:border-box;
        padding:0 1.25em; height:26px; line-height:24px;
        font-size:12px; color:#4e4e4e; text-decoration:none;
        border:1px solid #d9d9d9; border-radius:1em;
        background: linear-gradient(0deg, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 100%);
    }
    .navbar-collapse .navbar-nav > li > a:hover {
        border-color:#d1d1d1;
        background: linear-gradient(0deg, rgba(230,230,230,1) 0%, rgba(243,243,243,1) 100%);
    }
    .navbar-collapse .navbar-nav > li.selected > a, .navbar-collapse .navbar-nav > li.ancestor > a,
    .navbar-collapse .navbar-nav > li.selected > a:hover, .navbar-collapse .navbar-nav > li.ancestor > a:hover {
        border-color:#8eb1cb; color:#fff !important;
        background: linear-gradient(0deg, rgba(49,150,216,1) 0%, rgba(139,205,254,1) 100%);
    }
    .navbar-collapse .navbar-nav > li.search > a { display:flex; align-items:center; }
    .navbar-collapse .navbar-nav > li.search #cse-search-box { display:flex; align-items:center; flex:1 1 auto; min-width:0; height:auto; }
    .navbar-collapse .navbar-nav > li.search input[type=text] {
        flex:1 1 auto; width:auto !important; min-width:0; height:auto;
        padding:0; margin:0; font-size:12px; line-height:24px;
    }
    .navbar-collapse .navbar-nav > li.search input[type=text]:focus { box-shadow:none; }
}


.navbar-default .search-inline { position:relative; background: none !important; width:100%; border:none; }
.navbar-default .search-inline input { border:1px solid #ccc; border-radius: 1.6em; -webkit-border-radius: 1.6em; -moz-border-radius: 1.6em; font-size:12px; line-height:12px; padding:4px 2px; height:26px; }
.navbar-default .search-inline input[type=text] { width:200px; padding-left:10px !important; padding-right:25px; background: #fff; }
.navbar-default .search-inline .button { position:absolute; right:4px; top:4px; width:18px; height: 18px; cursor:pointer; padding:0; }
.navbar-default .search-inline .button .icon { background:url('/static/images/icons/search.png') no-repeat; width:18px; height:18px; margin:0 !important; }
.navbar-default .search-inline .button_big { right:14px; top:3px; width:24px; height: 24px; }
.navbar-default .search-inline .button_big .icon { background:url('/static/images/icons/search_big.png') no-repeat; width:24px; height:24px; margin:0 !important; }
.navbar-default .search-inline .spinner { position:absolute; }
.navbar-default .search-inline .spinner > img { position:relative; top:4px; left:4px; width:16px !important; height:16px !important; }

.navbar-default .search input { border:none; background:none; font-size:1em; }
.navbar-default .search input[type=submit] { display:none; }
.navbar-default .search input[type=text]:focus { outline:none; box-shadow:0 1px 0 0 #ccc; }
.navbar-default .search .bi { font-size:1em; }
/* The pills are sprite images; while the search is unfolded swap in a plain white CSS pill of the same size. */
.navbar-default .navbar-nav > li.search.open, .navbar-default .navbar-nav > li.search.open:hover { background:#fff; border:1px solid #d9d9d9; border-radius:1em; box-sizing:border-box; line-height:24px; margin-left:-12px; }
.navbar-default .navbar-nav > li.search.open > a, .navbar-default .navbar-nav > li.search.open:hover > a { background:none; height:24px; line-height:24px; margin-left:0; }

.user_menu { position:absolute; }
.user_menu > .inner { position:relative; top:-2em;  }

.breadcrumbs { position:relative; left:2px; }
.breadcrumbs * { color:#999; font-size: 11px; }
.breadcrumbs ul { list-style-type: none; padding-left:0; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-height: 1.6em; }
.breadcrumbs ul li.first { margin-left: 0; padding: 0px; }
.breadcrumbs ul li.first::before { content: none; }
.breadcrumbs ul li { display: inline; margin-left: 3px; }
.breadcrumbs ul li::before { content: "› "; }
.breadcrumbs ul li .sub { color: #666; }

.footer { background:#333; color:#A6A6A6; padding-top:40px; padding-bottom:20px; margin-top:auto; font-size:14px; text-shadow:1px 1px #000; border-radius:0; margin-bottom:0; flex-shrink:0; }
.footer, .footer * { color:#a6a6a6; }
.footer p { font-size:14px; }
.footer > .container > div { margin-bottom:15px; }
.footer label { color: #fff; display: block; }
.footer .copyright { margin-top:2em; text-align:center; font-size:0.85em; }
.footer .shortcuts { width:240px; }
.footer .shortcuts ul { float:left; list-style-type: none; padding-left:0; }
.footer .shortcuts ul.c1 { width:120px; }
.footer .shortcuts ul.c2 { border-left:1px dotted #666; margin-left:20px; padding-left:20px; }
.footer .shortcuts a { text-decoration: underline; }

.container-fluid { padding-left:0; padding-right:0; }

/* template */
/* palette: http://modernl.com/article/web-2.0-colour-palette */

body, normal, input, textarea { font-family: Verdana; color: #333; line-height: 1.5em; font-size: 13px; }
body { }
a { color: #4096EE; text-decoration: none; }
h1 { font-size: 2.25em; font-weight: bold; margin-bottom: 0.5em; }
h2 { font-size: 1.35em; font-weight: bold; margin-bottom: 0.25em; }
h3 { font-weight: bold; margin-bottom: 0.25em; }
h1 *,h2 *,h3 * { font-weight: bold; }

h1 { font-weight: normal; }
h2 { font-weight: normal; }
p .big { font-size: 2em; }
p .medium { font-size: 1.5em; }

form { color: #999; } 
form .header { border-bottom: 1px dotted #ccc; padding-bottom: 5px; color: #333; }
form .block { padding: 5px 0px; }
form label { font-weight: bold; color: #333; line-height: 2em; }
form label .format, form label .sub { font-weight: normal; color: #aaa; font-size: 0.85em; }
form input[type=text], form input[type=url], form input[type=email], form textarea, form select { border: 1px solid #ccc; width: 100%; background: white; padding: 3px; font-size: 1.4em; }
form input[type=checkbox] { width: 1em; height: 1em; display: block;  }
form .button { width: auto; padding: 5px 20px; }
form .active { background: #FFFFCC; }
form ul.errorlist { display: inline; padding: 0; }
form ul.errorlist li { color: #FF1A00; display: inline; margin-left: 5px; }
form input.auto { width: auto; }

#base {  }
#header > .background { background: #f1f1f1; box-shadow: 0px 0px 10px #f1f1f1; -moz-box-shadow: 0px 0px 10px #f1f1f1; -webkit-box-shadow: 0px 0px 10px #f1f1f1; padding: 0 50px; }
#header > .background > .inner { width: 1000px; margin: 0 auto; position: relative; height: 90px; }
#header > .outer { width: 1000px; margin: 5px auto 0 auto; position: relative; padding: 0 50px; }
#logo { position: absolute; top:25px; }
#nav { position: absolute; right:0; top:30px; }
#nav { line-height: 100%; font-size: 12px; }
#nav li { margin: 0 5px; padding: 0 0 8px; float: left; position: relative; list-style: none; }
#nav a { color: #666; text-decoration: none; line-height: 10px; display: block; padding: 6px 15px; margin: 0; border-radius: 1.6em; -webkit-border-radius: 1.6em; -moz-border-radius: 1.6em; text-shadow: 0 1px 0 rgba(255,255,255, 1); background: url(/static/images/base/gradient_gray.png) repeat-x; border: 1px solid #bbb; box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc; }
#nav a:hover { background: url(/static/images/base/gradient_gray_dark.png) repeat-x; border: 1px solid #999; }
#nav .selected a { text-shadow: none; background: url(/static/images/base/gradient_blue.png) repeat-x; border: 1px solid #aaa; }
#nav .selected a:hover { cursor: default; }
#header .search { position: absolute; left:460px; top: 30px; }
#header .search form { background: none !important; }
#header .search form input { border-radius: 1.6em; -webkit-border-radius: 1.6em; -moz-border-radius: 1.6em; box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc; font-size:100%; line-height:100%; }
#header .search input[type=text] { width: 150px; padding-left: 5px !important;}
#header .search input[type=submit] { color: #666; background: url(/static/images/base/gradient_gray.png) repeat-x; width: 60px; }

#breadcrumbs { font-size: 0.8em; position: relative; width:1000px; }
#breadcrumbs * { color: #aaa; }
#breadcrumbs label { float: left; font-weight: bold; }
#breadcrumbs ul li.first { background: none; margin-left: 5px; padding: 0px; }
#breadcrumbs ul li { float: left; margin-left: 7px; padding-left: 14px; background: url('/static/images/raquo.png') no-repeat 0px 7px; }
#breadcrumbs ul li .sub { color: #666; }

#cse-search-box { display:inline-block; height:12px; background:none !important; }
#cse-search-box input { background:none !important; }

#footer { background: #f1f1f1; 	box-shadow: 0px 0px 10px #f1f1f1; -moz-box-shadow: 0px 0px 10px #f1f1f1; -webkit-box-shadow: 0px 0px 10px #f1f1f1; text-align: center; color: #fff; margin-top: 4em; }
#footer .c { width: 1000px; margin: 0 auto; padding: 4em 20px 1em 20px; }
#footer .c .column { float: left; color: #aaa; text-align: left; margin-right: 30px; }
#footer .c .column label { color: #777; text-shadow: 0px 1px 0 rgba(255,255,255, 1); font-size: 1.25em; display: block; margin-bottom: 0.5em; }
#footer .c .column a { text-decoration: underline; color: #aaa; }
#footer .c .column a:hover { text-decoration: underline; }
#footer .c .column1 { width: 640px; padding-right: 20px; }
#footer .c .column2 { width: 100px; }
#footer .c .column3 { width: 150px; }
#footer .c .column2 a, #footer .c .column3 a { color: #aaa; display: block; text-decoration: none; }
#footer .c .copyright { font-size: 0.8em; color: #999; text-align: center; margin-top: 4em; margin-bottom: 4em; }

#messages { position: absolute; z-index: 1030; left: 0; width: 100%; padding-top: 1em; }
#messages .alert { top: -3em; }

.layout1 { width: 1000px; margin: 20px auto; }
.layout12 { width: 1000px; margin: 20px auto; }
.layout12 .column1 { width: 730px; float: left; }
.layout12 .column2 { width: 250px; float: right; }

.about label { font-size: 1.25em; margin-bottom: 0.5em; }
.about ol { list-style-type: decimal; list-style-position: inside; padding:0 !important; }
.about li { margin-bottom: 1em; }
.about p { margin-bottom: 1em; }
.about a { text-decoration: underline; }

.box { border: 1px solid #e5e5e5; padding: 20px; }
.box h2 { margin: 0 0 0.5em 0; }
.box p { margin: 0 0 1em 0; color: #999; }
.clearfix { clear: both; }
.spacing-bottom { margin-bottom: 30px; }
.spacing-top { margin-top: 30px; }
.no-spacing-bottom { margin-bottom: 0 !important; }
.hide { display: none; } 

.border-1 { border: 1px solid #ccc; box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc; }

.facebook_likebox { margin-top: 20px; }

.bookmarks { padding: 5px; }
.bookmarks a { display:block; border:1px solid #fff; padding: 5px; vertical-align: middle; height: 24px; color: #999 !important; text-decoration: none !important; }
.bookmarks a:hover { text-decoration: none; cursor: pointer; border:1px solid #e5e5e5; background:#f1f1f1; }
.bookmarks .icon { background-image:url( '/static/images/bookmarks.gif' ); width:24px; height:24px; float:left; margin-right:10px; }
.bookmarks .facebook { }
.bookmarks .twitter .icon { background-position: -24px 0; }
.bookmarks .delicious .icon { background-position: -48px 0; }
.bookmarks .email .icon { background-position: -72px 0; }
.bookmarks .browser .icon { background-position: -96px 0; }

.button-1, .button-1 .left, .button-1 .right { background: url('/static/images/button-orange-25px.png'); display: block; height: 25px; }
.button-1 { background-position: 0 -25px; background-repeat: repeat-x; color: white; padding: 4px !important; height: 17px !important; position: relative; margin: 0 4px; text-align: center; text-decoration: none; line-height: 1.2em; }
.button-1 .left, .button-1 .right { position: absolute; width: 4px; top: 0; }
.button-1 .left { left: -4px; }
.button-1 .right { right: -4px; background-position: 0 -50px; }
.button-1:hover { background-position: 0 -100px; }
.button-1:hover .left { background-position: 0 -75px; }
.button-1:hover .right { background-position: 0 -125px; }
.button-1:hover { text-decoration: none; }

.button-2, .button-2 .left, .button-2 .right { background: url('/static/images/button-orange-gray-25px.png'); display: block; height: 25px; }
.button-2 { background-position: 0 -25px; background-repeat: repeat-x; color: white; padding: 4px !important; height: 17px !important; position: relative; margin: 0 4px; text-align: center; text-decoration: none; line-height: 1.2em; }
.button-2 .left, .button-2 .right { position: absolute; width: 4px; top: 0; }
.button-2 .left { left: -4px; }
.button-2 .right { right: -4px; background-position: 0 -50px; }
.button-2:hover { background-position: 0 -100px; }
.button-2:hover .left { background-position: 0 -75px; }
.button-2:hover .right { background-position: 0 -125px; }
.button-2:hover { text-decoration: none; }

.button-3, .button-3 .left, .button-3 .right { background: url('/static/images/button-gray-25px.png'); display: block; height: 25px; }
.button-3 { background-position: 0 -25px; background-repeat: repeat-x; color: white; padding: 4px !important; height: 17px !important; position: relative; margin: 0 4px; text-align: center; text-decoration: none; line-height: 1.2em; }
.button-3 .left, .button-3 .right { position: absolute; width: 4px; top: 0; }
.button-3 .left { left: -4px; }
.button-3 .right { right: -4px; background-position: 0 -50px; }
.button-3:hover { background-position: 0 -100px; }
.button-3:hover .left { background-position: 0 -75px; }
.button-3:hover .right { background-position: 0 -125px; }
.button-3:hover { text-decoration: none; }

.header-1, .header-1 .left, .header-1 .right { background:url('/static/images/header-gray.gif'); height: 23px; display: block; }
.header-1 { background-repeat: repeat-x; background-position: 0px -148px; position:relative; padding: 0 5px; color: #666; overflow: hidden; white-space: nowrap; }
.header-1 .left, .header-1 .right { position: absolute; width: 5px; top: 0; }
.header-1 .left { left: 0px; background-position: -30px 0px; }
.header-1 .right { right: 0px; background-position: -35px 0px; }

.add-icon { padding-left: 20px; background: url( '/static/images/add.png' ) no-repeat; }
.del-icon { width: 16px; height: 16px; background: url( '/static/images/delete.png' ) no-repeat; display: inline-block; }
.menu-auth a:hover { text-decoration: underline; }

.pagination { padding-top: 2em; }
.pagination .inner { border-top: 1px dotted #ccc; }
.pagination table { margin: 0 auto; margin-top: 3em; }
.pagination td { padding: 5px; color: #666; }
.pagination td .selected { border: 1px solid #ccc; padding: 5px 10px; color: #999; }
.pagination td a { background: #f1f1f1; border: 1px solid #ccc; padding: 5px 10px; color: #666; text-decoration: none !important; }
.pagination td a.prev, .pagination td a.next { background: none; border: none; text-decoration: underline !important; }
 
.bookmarks { padding: 5px; }
.bookmarks a { display:block; border:1px solid #fff; padding: 5px; vertical-align: middle; height: 24px; color: #999 !important; text-decoration: none !important; }
.bookmarks a:hover { text-decoration: none; cursor: pointer; border:1px solid #e5e5e5; background:#f1f1f1; }
.bookmarks .icon { background-image:url( '/static/images/bookmarks.gif' ); width:24px; height:24px; float:left; margin-right:10px; }
.bookmarks .facebook { }
.bookmarks .twitter .icon { background-position: -24px 0; }
.bookmarks .delicious .icon { background-position: -48px 0; }
.bookmarks .email .icon { background-position: -72px 0; }
.bookmarks .browser .icon { background-position: -96px 0; }

.error a { text-decoration: underline; }
.error p { margin-bottom: 2em; color: #666; }
.error ol { list-style: decimal; list-style-position: inside; }
.error li { margin-bottom: 1em; margin-left: 2em; color: #666; }
.error h2 { margin-top: 1em; margin-bottom: 1em; font-size: 2em; }

.categories_alpha { }
.categories_alpha .categories_alpha_row { }
.categories_alpha .categories_alpha_group { padding: 1em; border: 1px solid white; }
.categories_alpha .categories_alpha_group h3 { border-bottom: 1px dotted #ccc; font-size: 1.5em; line-height: 1.5em; color: #666; }
.categories_alpha .categories_alpha_group .categories_alpha_categories li { float: left }
.categories_alpha .selected { border: 1px solid #e5e5e5; -moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc; }
.categories_alpha ul { padding:0; }
.categories_alpha li { list-style-type: none; }
.categories_alpha a { text-decoration: none; padding: 2px; display:inline; white-space:nowrap; }
.categories_alpha a:hover { background: #C3E0FB; color: #006DEF; padding: 2px; }

.subject_list { background: url( /static/images/bullet-gray.png ) no-repeat 0px 0px; padding: 0; }
.subject_list > .inner { padding-left: 40px; }
.subject_list h2 { margin: 0; padding: 0; display: inline; border-bottom: 1px dotted #e5e5e5; }
.subject_list .address { margin-top: 1em; }
.subject_list .desc { margin-top: 1em; }
.subject_list .actions { float:right; display:none; }
.subject_list .actions a { border-bottom: 1px dotted #999; }

.subject_related * { line-height:1em; }
.subject_related h3 { color:inherit; font-size: 1em !important; text-align:left !important; border: none !important; margin: 0 0 0.5em 0 !important; padding: 0 !important;  }
.subject_related h3 a { white-space:nowrap; }
.subject_related .content { position:relative; top:-5px; }
.subject_related .content * { color: #999; }
.subject_related .address { margin: 0 !important; color: #999; line-height: 1.25em; }
.subject_related .address p { white-space:nowrap; }
.subject_related .telephone { margin:0 !important; color: #999; line-height: 1.25em; }
.subject_related .review { margin:0 0 0.5em 0 !important; }
.subject_related .action a { padding-left: 20px; background:url(/static/images/add_gray.png) 0 1px no-repeat; color: #999; text-decoration:underline; }

.subject_full h1 { margin-bottom: 1em; }
.subject_full p { margin-bottom:0; }
.subject_full .address { margin-top: 0.2em; }
.subject_full .review { margin-top: 1em; }
.subject_full .review dt { float: left; }
.subject_full .review dd { margin: 0 0 0 8.2em; }
.subject_full .review dd .button-3 { margin: 1em 0 0 0; }
.subject_full .meta { margin-top: 1em; }
.subject_full .meta dt { float: left; }
.subject_full .meta dd { margin: 0 0 0 8em; }
.subject_full .desc { margin-top: 1em; }

.ad { background: #f5f5f5; border: 1px solid #ccc; }
.aalborg_map { background: url( /static/images/aalborg-map.jpg ) center; overflow: hidden; border: 1px solid #ccc; }

.gmap { box-shadow: 0px 0px 20px #f1f1f1; -moz-box-shadow: 0px 0px 20px #f1f1f1; -webkit-box-shadow: 0px 0px 20px #f1f1f1; }
.gmap .gmap_marker h2 { white-space: nowrap; overflow: hidden; margin: 0 0 3px 0; padding: 0; }
.gmap .gmap_marker h2 a { color: #333; }
.gmap .gmap_marker p { margin: 0; padding: 0; line-height: 1.5em; color: #666; }

.lmap { box-shadow: 0px 0px 20px #f1f1f1; -moz-box-shadow: 0px 0px 20px #f1f1f1; -webkit-box-shadow: 0px 0px 20px #f1f1f1; }
.lmap .leaflet-popup-content * { margin: 0; }

.rating_rating { width: 120px; height: 12px; background: url(/static/images/ratings.png) no-repeat; display: inline-block; padding:0; margin:0; overflow:hidden; }

.sidebar_item { margin-top: 30px; }
.sidebar_item label { font-size:1.1em; }
.sidebar_item h3 { font-size: 1.25em; color: #666; border-bottom: 1px dotted #ccc; margin-bottom: 0.5em; }
.sidebar_item p { color: #999; }
.sidebar_item .action { margin-top: 1em; text-align: right; }
.sidebar_item .action-left { margin-top:1em; text-align:left; }

.sidebar_bedoemmelse label { width:100%; background: url(/static/images/bedoemmelse_header_logo.png) no-repeat right; }
.sidebar_bedoemmelse .review { margin-top:1.25em; text-align:center; }
.sidebar_bedoemmelse p { line-height:1.5em; }

.sidebar_prisbillige h3 { background: url(/static/images/prisbillige_header_logo.png) no-repeat right; }
.sidebar_related .categories { margin-top: 0.5em; }
.sidebar_related .categories a { font-size: 0.9em; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding: 4px 12px; color: #777; background: #F1F1F1; line-height: 2.4em; position: relative; -moz-border-radius: 5px; border-radius: 5px; white-space:nowrap; }
.sidebar_related .categories a:hover { background: #ddd; }
.sidebar_add_subject .action a { padding-left: 20px; background:url(/static/images/add_gray.png) 0 1px no-repeat; color: #999; text-decoration:underline; }

.search_tag { width: 450px; background: #f1f1f1; padding: 30px 30px 40px 40px; margin: 0 auto; }
.search_tag h3 { font-size: 1.5em; color: #999; }
.search_tag h3 .sub { font-size: 11px; color: #aaa; font-weight: normal; position: relative; top: -1px; }
.search_tag form input[type=text] { width: 80% !important; }

.intro h1 { color: #333; font-size: 3em; text-align: center; font-weight: bold; }
.intro h2 { font-size: 1.5em; text-align: center; color: #aaa; }

.banner img { width:100%; }

.visitcard { line-height: 1.4em; }
.visitcard .banner { margin-bottom:1.4em !important; }
.visitcard .name { font-weight:bold; }
.visitcard .adr { color: #666; }
.visitcard .spacer { margin-bottom:1em; }
.visitcard .rating { top:0 !important; margin-bottom:0.5em; }

/* pages */

/* Hero */
#home .hero { position: relative; margin: -10px 0 50px; padding: 66px 20px 56px; text-align: center; color: #333; }
#home .hero-inner { position: relative; z-index: 1; max-width: 800px; margin: 0 auto; }
#home .hero-title { margin: 0 0 12px; font-size: 44px; line-height: 1.15; font-weight: 700; color: #3a3a3a; letter-spacing: -0.01em; }
#home .hero-sub { margin: 0 auto 34px; max-width: 560px; font-size: 17px; line-height: 1.55; color: #808080; }

#home .hero-search { position: relative; max-width: 560px; margin: 0 auto 26px; }
#home .hero-search input { width: 100%; height: 62px; padding: 0 70px 0 26px; font-size: 18px; color: #333; background: #fff; border: 1px solid #d8d8d8; border-radius: 40px; box-shadow: 0 8px 22px -12px rgba(0,0,0,0.3); outline: none; transition: box-shadow 0.2s ease, border-color 0.2s ease; }
#home .hero-search input::placeholder { color: #a3a3a3; }
#home .hero-search input:focus { border-color: #b5b5b5; box-shadow: 0 0 0 4px rgba(0,0,0,0.06), 0 8px 22px -12px rgba(0,0,0,0.3); }
#home .hero-search button { position: absolute; top: 6px; right: 6px; width: 50px; height: 50px; padding: 0; color: #4e4e4e; background: linear-gradient(to bottom, #fdfdfd, #ececec); border: 1px solid #c9c9c9; border-radius: 50%; cursor: pointer; box-shadow: inset 0 1px 0 #fff; transition: background 0.15s ease; }
#home .hero-search button:hover { background: linear-gradient(to bottom, #f4f4f4, #e2e2e2); }
#home .hero-search button .bi { font-size: 18px; }

/* Quick-links, styled to match the gray navbar buttons */
#home .hero-types { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; }
#home .hero-chip { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 24px; font-size: 12px; font-weight: bold; color: #4e4e4e; text-decoration: none; background: linear-gradient(to bottom, #fdfdfd, #f0f0f0); border: 1px solid #c9c9c9; border-radius: 30px; box-shadow: inset 0 1px 0 #fff, 0 1px 2px rgba(0,0,0,0.12); transition: background 0.15s ease; }
#home .hero-chip:hover { background: linear-gradient(to bottom, #f4f4f4, #e6e6e6); text-decoration: none; color: #333; }
#home .hero-chip .bi { font-size: 12px; color: #777; }

/* Primary quick-link: same size as its neighbours, but the loudest by colour.
   Declared after the plain .hero-chip rules so it wins at equal specificity. */
#home .hero-chip-primary {
    color: #fff;
    background: linear-gradient(to bottom, #2ba7dd, #1a91c8);
    border-color: #1782b4;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 2px 9px -2px rgba(26,145,200,0.95);
}
#home .hero-chip-primary:hover { color: #fff; background: linear-gradient(to bottom, #1f9bd2, #1580b1); }
#home .hero-chip-primary .bi { color: #fff; }

@media (max-width: 768px) {
    #home .hero { padding: 48px 16px 40px; margin: 15px 0 40px; }
    #home .hero-title { font-size: 32px; }
    #home .hero-sub { font-size: 15px; margin-bottom: 26px; }
    #home .hero-search input { height: 56px; font-size: 16px; }
    #home .hero-search button { width: 46px; height: 46px; }
}

/* Feature cards (ported from ListWoo's .box-list / .list-grid) */
#home .feature-cards { display: flex; flex-wrap: wrap; }
#home .feature-cards > [class*="col-"] { display: flex; }
#home .box-list { display: flex; flex-direction: column; width: 100%; text-align: center; border: 1px dotted #999; margin-bottom: 30px; padding: 30px 20px; transition: box-shadow 200ms; }
#home .box-list:hover { border: 1px solid #f1f1f1; box-shadow: 0 0 20px #ccc; }

#home .feature-card { font-size: 14px; }
#home .feature-card .image { display: flex; justify-content: center; margin: 0 0 15px; }
#home .feature-card .image img { width: 90px; height: 90px; object-fit: cover; border-radius: 50%; border: 1px solid #eee; }
#home .feature-card .image img.img-kultur { object-position: 10% center; }
#home .feature-card .image img.img-attraktioner { object-position: 63% center; }
#home .feature-card .image img.img-byguide { object-position: 20% center; }
#home .feature-card .image img.img-bedoemmelse { object-fit: contain; padding: 3px; }

#home .feature-card h2 { font-size: 1em; font-weight: normal; margin: 0 0 0.5em; }
#home .feature-card h2 a { color: #333; font-weight: bold; }
#home .feature-card h2 a:hover { text-decoration: none; }
#home .feature-card .desc { font-size: 1em; color: #666; margin-bottom: 5px; }
#home .feature-card .desc p { font-size: 1em; color: inherit; margin-bottom: 0; }
/* Pushes the button to the card's bottom edge so it lines up across the row. */
#home .feature-card .sub { margin-top: auto; font-size: 0.85em; }
#home .feature-card .sub a {
    display: inline-flex; align-items: center; justify-content: center; gap: 0.3em;
    margin-top: 15px; padding: 0 14px; height: 24px; line-height: 24px;
    border-radius: 12px; background: linear-gradient(to bottom, #f6f6f6, #e0e0e0);
    border: 1px solid #b8b8b8; color: #4e4e4e; font-size: 0.85em; text-decoration: none;
    transition: background 200ms;
}
#home .feature-card .sub a:hover { background: linear-gradient(to bottom, #eaeaea, #d0d0d0); text-decoration: none; }
#home .feature-card .sub a .bi { font-size: 1.05em; }

#categories .banner { text-align: center; margin-top: 25px; }
#categories .intro { margin: 100px 0 100px 0; }
#categories .intro h1 { margin:0 0 0.2em 0; line-height:1em; }
#categories .intro h2 { margin:0; }
#categories .categories { margin: 0 auto; }
#categories .categories .categories_alpha_group { }

#category .banner { margin-bottom: 40px; }
#category h1 { margin-bottom: 1em; font-weight:bold; }
#category .map { border:1px solid #ccc; }
#category .sidebar_about { margin-bottom:30px; }
#category .sidebar_about .banner { margin:0 0 1em 0; border:1px solid #ccc; }
#category .subjects { margin: 2em 0; clear: both; }
#category .subjects ul { padding:0; }
#category .subjects li { border-bottom: 1px dotted #ccc; display: table; width:100%; }
#category .subject .subject_inner { margin: 20px 0px; }
#category .ad-1 { width:100%; margin:40px 0 40px 0; padding:30px; text-align:center; box-shadow:0 0 20px #ccc; }
#category .ad-1 .inner { overflow: hidden; }
#category .ad-2 { width:100%; margin:40px 0 40px 0; padding:30px; text-align:center; box-shadow:0 0 20px #ccc; }
#category .ad-3 { width:100%; margin:40px 0 40px 0; padding:30px; text-align:center; box-shadow:0 0 20px #ccc; }

#subject .banner { margin-bottom: 40px; }
#subject h1 { margin: 0; font-weight:bold; }
#subject .main_visitcard { margin-left:2em; margin-bottom:0.5em; border:1px solid #ccc; box-shadow: 0 0 20px #ccc; }
#subject .desc { }
#subject .map_area { padding-top: 30px; }
#subject .map { border:1px solid #ccc; }
#subject .rating { position:relative; top:-6px; }
#subject .review .action { margin-top: 1em; }
#subject .review .action a.button { font-size: 0.9em; border-right:1px solid #999; border-bottom:1px solid #999; padding: 4px 20px; color: #fff; background: #ccc; line-height: 2.4em; position: relative; -moz-border-radius: 5px; border-radius: 5px; white-space:nowrap; }
#subject .review .action a.button:hover { background: #aaa; }
#subject .meta { margin-top: 1.5em; }
#subject .meta .homepage a { text-decoration:underline; }
#subject .meta dd.homepage { overflow:hidden; }
#subject .meta .categories { margin-top: 1em; }
#subject .meta .categories a { border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding: 4px 12px; color: #777; background: #f1f1f1; line-height: 2.4em; position: relative; top: -0.25em; -moz-border-radius: 5px; border-radius: 5px; white-space:nowrap; }
#subject .meta .categories a:hover { background: #bbb; }
#subject .ad-1 { width:100%; margin:40px 0 40px 0; padding:30px; text-align:center; box-shadow:0 0 20px #ccc; }
#subject .ad-1 .inner { overflow: hidden; }
#subject .ad-2 { width:100%; margin:40px 0 50px 0; padding:30px; text-align:center; box-shadow:0 0 20px #ccc; }
#subject .ad-3 { width:100%; margin:40px 0 40px 0; padding:30px; text-align:center; box-shadow:0 0 20px #ccc; }
#subject .actions-1 { float:right; }
#subject .actions-2 { margin-top: 2em; padding-top: 2em; border-top: 1px dotted #ccc; }
#subject .actions-2 a { display: block; text-decoration: underline; }
#subject .actions-2 .add-subject { margin-top: 1em; }
#subject .related { margin-top: 30px; margin-bottom:30px; }
#subject .related h3 { text-align:center; margin: 0 0 1em 0; font-size:1.75em; }
#subject .related .subject_related { background:url(/static/images/gradient_subject.png) repeat-x; margin: 20px 0; border-bottom: 1px dotted #ccc; padding: 20px 0; border: 1px solid #ccc; height: 100px; margin: 0 0 20px 0; display:block; box-shadow: 0px 0px 10px #ccc; }
#subject .related .subject_related > .inner { margin: 0 30px 0 30px; overflow: hidden; }
#subject .notification { box-shadow: 0 0 20px 0 #ccc; border:1px solid #ccc; background: #ffffc8; padding:20px; margin-top:20px; margin-bottom:20px; text-align:center; }


#contact form { margin-bottom: 50px; }
#contact h2 { margin-bottom:1em; }

#about a { text-decoration: underline; }
#about p { margin-bottom: 1em; } 
#about h2 { margin-top: 2em; }
#about .main { margin-bottom: 50px; }

#add_subject > div { margin:0 0 50px 0; }
#add_subject ol { padding:0 0 0 1.5em; }
#add_subject .num_words { position:absolute; height: 0; right:2.5em; margin-top:-2em; }
#add_subject .num_words .count { font-size: 1.25em; }
#add_subject .not_okay { color: red; }
#add_subject .okay { color: green; display: none; }
#add_subject h2 { font-size: 2em; margin: 0 0 1em 0; }

.add_helper { padding:20px; border:1px dotted #ccc; background:#f1f1f1; margin-bottom:30px; text-align:center; }
.add_helper label { font-size:1.1em; }
.add_helper .btn { margin-top:0.5em; }

/* fonts */

@font-face { font-family: 'Play'; font-style: normal; font-weight: 400; src: url('../font/Play-Regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../font/Play-Regular.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ url('../font/Play-Regular.ttf') format('ttf'); }
@font-face { font-family: 'Play Bold'; font-style: normal; font-weight: 700; src: url('../font/Play-Bold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../font/Play-Bold.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ url('../font/Play-Bold.ttf') format('ttf'); }
.font-play { font-family: "Play", "Lucida Grande","Lucida Sans Unicode", Helvetica, Arial; }
.font-play-bold { font-family: "Play Bold", "Lucida Grande","Lucida Sans Unicode", Helvetica, Arial; }