/***********************************************************************
* NOTICE: In order to reduce bandwidth usage, a minimized version of   *
* this stylesheet is used by default (style.min.css). Changes in this  *
* file do not have any effect unless it is loaded by the template      *
* (main.tpl).                                                          *
* The minimized version was created with the YUI Compressor            *
* <https://yui.github.io/yuicompressor/>.                              *
***********************************************************************/
label,
button,
input[type="submit"],
input[type="reset"]      { cursor: pointer; }
/*
body                     { color:#000; background:#f9f9f9; margin:0; padding:0; font-family:verdana,arial,sans-serif; font-size:1em; display:flex; flex-direction:column; min-height:100vh; }
h1                       { margin-top:0; font-size:1.25em; font-weight:bold; }
h2                       { margin-top:20px; font-size:1.25em; font-weight:bold; }
p                        { margin-top:0; }
img                      { border:0; }
*/
/* default links: 
a                        { color:#0000cc; text-decoration:none; }
a:visited                { color:#0000cc; }
a:focus, a:hover         { color:#0000ff; text-decoration:underline; }
a:active                 { color:#ff0000; }
*/

/* strong links */
a.stronglink             { padding-left:15px; text-decoration:none; font-weight:bold; background:url(images/bg_sprite_1.png) no-repeat 0 4px; }
a.stronglink:visited     {  }
a.stronglink:focus, a.stronglink:hover
                         { text-decoration:underline; background:url(images/bg_sprite_1.png) no-repeat 0 -46px; }
a.stronglink:active      { }

img.next                 { background:url(images/bg_sprite_2.png) no-repeat 0 -11px; }
img.next:hover           { background:url(images/bg_sprite_2.png) no-repeat -6px -11px; }
img.previous             { background:url(images/bg_sprite_2.png) no-repeat 0 0; }
img.previous:hover       { background:url(images/bg_sprite_2.png) no-repeat -6px 0; }
img.hide-sidebar         { background:url(images/bg_sprite_2.png) no-repeat -9px -22px; }
img.show-sidebar         { background:url(images/bg_sprite_2.png) no-repeat 0 -22px; }



input[type=checkbox].password-view {
display:none;
}
 
input[type=checkbox].password-view + label
{
height: 16px;
width: 16px;
display:inline-block;
padding: 0 0 0 0px;
}

input[type=checkbox].password-view + label::before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f070";
}
input[type=checkbox].password-view:checked + label::before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f06e";
}

body > *:not(main)       { margin:0; padding:0; }
#top                     { background:rgb(210, 222, 236); background: linear-gradient(to bottom, rgb(210, 222, 236) 0, rgb(237, 242, 245) 2.5em, rgb(237, 242, 245) 100%); }

#logo                    { margin:0; padding:7px 20px 0; }
#logo .home              { margin:0 0 0.3em 0; padding:0; font-size:0.69em; }
#logo h1                 { margin:0; padding:0; font-size:1.6em; }
#logo h1 a               { color:#000080; text-decoration:none; }
#logo h1 a:focus,
#logo h1 a:hover         { color:#0000aa; text-decoration:none; }
#logo .index             { margin:0; padding:0; font-size:0.82em; }

#nav                     { margin:0; padding:7px 20px; }

#usermenu                { margin:0 0 0.75em 0; padding:0; font-size:0.69em; list-style-type:none; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:3px 0.4em; }
#usermenu li             { margin:0; }
#usermenu li:not(:last-child):after
                         { content: "|"; }
#usermenu li:not(:last-child) a
                         { margin-right: 0.4em; }
#usermenu li a           { white-space: nowrap; }

#topsearch div           { display:inline; font-size:0.82em; }
#topsearch #search-input { font-family:verdana,arial,sans-serif; width:14em; }

#subnav                  { height:1.8em; background:#f9f9f9; border-top:1px solid #bacbdf; border-bottom:1px solid #bacbdf; line-height:1.8em; }
#subnav #subnav-1        { font-size:0.82em; margin:0; padding:0 0 0 20px; float:left; }
#subnav #subnav-2        { font-size:0.82em; margin:0; padding:0em 20px 0 0; text-align:right; }
#subnav p.subnav         { margin:0; padding:0 0 0 12px; font-weight:bold; background:url(images/bg_sprite_1.png) no-repeat 0 -89px; }
#subnav .small           { font-size:0.82em; }
#subnav form             { display:inline; }
#subnav form div         { display:inline; }

#subnavmenu              { display:inline; margin:0; padding:0; font-size:0.82em; list-style-type:none; }
#subnavmenu li           { display:inline; margin-left:10px; }
#subnavmenu a.refresh    { padding-left:14px; background:url(images/bg_sprite_1.png) no-repeat 0 -498px; }
#subnavmenu a.order-1    { padding-left:12px; background:url(images/bg_sprite_1.png) no-repeat 0 -548px; }
#subnavmenu a.order-2    { padding-left:12px; background:url(images/bg_sprite_1.png) no-repeat 0 -598px; }
#subnavmenu a.fold-1     { padding-left:12px; background:url(images/bg_sprite_1.png) no-repeat 0 -648px; }
#subnavmenu a.fold-2     { padding-left:12px; background:url(images/bg_sprite_1.png) no-repeat 0 -698px; }
#subnavmenu a.tableview  { padding-left:12px; background:url(images/bg_sprite_1.png) no-repeat 0 -748px; }
#subnavmenu a.threadview { padding-left:12px; background:url(images/bg_sprite_1.png) no-repeat 0 -798px; }
#subnavmenu a.openthread { padding-left:13px; background:url(images/bg_sprite_1.png) no-repeat 0 -848px; }
#subnavmenu a.linear     { padding-left:13px; background:url(images/bg_sprite_1.png) no-repeat 0 -898px; }
#subnavmenu a.hierarchic { padding-left:13px; background:url(images/bg_sprite_1.png) no-repeat 0 -948px; }
#subnavmenu a.fold-postings
                         { padding-left:13px; background:url(images/bg_sprite_1.png) no-repeat 0 -998px; }
a.rss                    { background:url(images/bg_sprite_1.png) no-repeat 3px -1048px; }
p.right a.rss            { padding-left:15px; }

input.small,
select.small             { font-family:verdana,arial,sans-serif; font-size:0.82em; }

/* #content                 { margin:0; padding:20px; background:#fff; flex:1; overflow: auto; } */
#content                 { margin:0; padding:20px; background:#fff; }
#content p,
#content ul,
#content td              { font-size:0.82em; line-height:1.5em; max-width:60em; }
#content li,
#content ul ul           { font-size:1em; }
#content .xsmall         { font-size:0.69em; line-height:1.19em; color:#808080; font-weight:normal; }
#content .small          { font-size:0.69em; line-height:1.19em; font-weight:normal; }

#footer                  { font-size:0.69em; line-height:1.5em; background:#f9f9f9; border-top:1px solid #bacbdf; }
#footer #footer-1        { margin:0; padding:7px 0 10px 20px; float:left; }
#footer #footer-2        { margin:0; padding:7px 20px 10px 0; text-align:right; }
#footermenu              { margin:0 0 1em 0; list-style-type:none; }
#footermenu li           { display:inline;margin-left:5px;padding-left:0px; }
#footermenu li:first-child
                         { margin-left:0;padding-left:0px; }
#footermenu li:before    { content:"|"; }
#footermenu li:first-child:before
                         { content:""; }
#footermenu li a         { padding-left:5px; }
#footermenu li:first-child a, #footermenu li a.rss
                         { padding-left:15px; }
#footermenu a.go-to-top-link
                         { padding-left: 16px; background: url(images/arrow_up.png) no-repeat 0 0 / auto 90%; }

#pbmlf                   { clear:both; margin:0; padding:0 20px 11px 20px; text-align:center; font-size:0.69em; color:#808080; }
#pbmlf a                 { color:#808080; text-decoration:none; }

#sidebar                 { position:relative; margin:0 0 1em 0; padding:0; }
#sidebar div             { position:relative; z-index:2; }
#sidebarcontent div:not(:last-child)
                         { margin: 0 0 1em 0; }
#sidebar h3.sidebar      { position:absolute; top:0; right:0; font-size:0.69em; line-height:1.7em; font-weight:normal; margin:0; padding:0 17px 0 5px; background: #d2ddea;background: linear-gradient(to bottom, rgb(210, 222, 236) 0, rgb(237, 242, 245) 100%); border:1px solid #bacbdf; z-index:1; }
#sidebar h3.sidebar a    { color:#000; text-decoration:none; z-index:2; }
#sidebartoggle           { position:absolute; top:5px; right:4px; margin:0; padding:0; z-index:3; }
#sidebarcontent div h3   { font-size: 0.69em; line-height: 1.7em; font-weight: normal; margin: 0; padding: 0 5px; background: #d2ddea; background: linear-gradient(to bottom, rgb(210, 222, 236) 0, rgb(237, 242, 245) 100%); }

#latest-postings         { background:#f9f9f9; border:1px solid #bacbdf; padding:0; }
#latest-postings a.hide-sidebar
                         { position:absolute; top:2px; right:4px; margin:0; padding:0; line-height:11px; }
#latest-postings ul      { max-width:100%; font-size:0.82em; list-style:none; margin:0; padding:0; }
#latest-postings li      { margin:0; padding:0; line-height:1.5em; word-wrap:break-word; overflow:hidden; }
#latest-postings li:not(:last-child)
                         { border-bottom: 1px dotted #bacbdf; }
#latest-postings li a    { background-color: #f0f0f0; line-height:1.5em; text-decoration:none; display:block; margin:0; padding:3px 5px; }
#latest-postings li a:visited, #latest-postings li a.read
                         { background-color: #ffffff; }
#latest-postings li a:visited .entry-title, #latest-postings li a.read .entry-title
                         { color:#000077; }
#latest-postings li a:focus,#latest-postings li a:hover
                         { background:#efefef; text-decoration:none; }
#latest-postings li a .entry-date, #latest-postings li a.read .entry-date
                         { font-size: 0.82em; color: #808080; }

#tagcloud                { background:#f9f9f9; border:1px solid #bacbdf; padding:0; }
#tagcloud p              { margin:0; padding:5px; font-size:0.69em; line-height:1.5em; }
#tagcloud a.hide-sidebar { position:absolute; top:2px; right:4px; margin:0; padding:0; line-height:11px; }
#tagcloud strong         { font-weight:bold; font-size:1.051em; }

#modmenu                 { background:#f9f9f9; border:1px solid #bacbdf; }

#mod-options             { list-style:none; margin:0; padding:5px; font-size:0.69em !important; line-height:1.7em !important; }
#mod-options a           { padding-left:15px; }
#mod-options a.delete-marked
                         { background:url(images/bg_sprite_4.png) no-repeat 0 -296px; }
#mod-options a.manage    { background:url(images/bg_sprite_4.png) no-repeat 0 -347px; }
#mod-options a.report    { background:url(images/bg_sprite_4.png) no-repeat 0 -48px; }
#mod-options a.delete-spam
                         { background:url(images/bg_sprite_3.png) no-repeat 0 -47px; }
#mod-options a.non-activated-users
                         { background:url(images/bg_sprite_4.png) no-repeat 0 -396px; }
#bottombar               { position:relative; margin:20px 0 -20px 0; }
#bottombar h3.sidebar    { position:relative; float:right; font-size:0.69em; line-height:1.6em; font-weight:normal; margin:0 0 20px 0; padding:0 17px 0 5px; background:#d2ddea;background:linear-gradient(to bottom, rgb(210, 222, 236) 0, rgb(237, 242, 245) 100%); border:1px solid #bacbdf; }
#bottombar h3.sidebar a  { color:#000; text-decoration:none; }
#bottombar:not(.js-display-fold) h3.sidebar
                         { margin: 0; }
#bottombarhandle         { position:absolute; top:0; right:4px; margin:0; padding:0; z-index:3; }
#bottombar #sidebarcontent div { position:relative; z-index:2; background:#f9f9f9; border:1px solid #bacbdf; margin:0 0 20px 0; }
#bottombar h3            { font-size:0.69em; line-height:1.7em; font-weight:normal; margin:0; padding:0 5px 0 5px; background: #d2ddea; background: linear-gradient(to bottom, rgb(210, 222, 236) 0, rgb(237, 242, 245) 100%); }
#bottombar #tagcloud p   { padding:10px; }
#bottombar .xsmall       { font-size:0.82em; }
#bottombar #mod-options  { padding:10px; }
input[name=sort_of_agreement] + iframe { height: 400px; height: 60vh; }
#usersonline             { background:#f9f9f9; border:1px solid #bacbdf; margin:20px 0 20px 0; }
#usersonline h3          { font-size:0.69em; line-height:1.7em; font-weight:normal; margin:0; padding:0 5px 0 5px; background: #d2ddea; background: linear-gradient(to bottom, rgb(210, 222, 236) 0, rgb(237, 242, 245) 100%); }
#usersonline p           { margin:0; padding:7px 5px 7px 5px; font-size:0.82em; line-height:1.5em; }

.posting                 {  }
.posting img.avatar      { float:right; margin:0 0 20px 20px; }
.posting h1              { margin:0 0 2px 0; padding:0; }
.posting h1 .category    { font-size:0.57em; }
.posting .author         { margin:1px 0 18px 0; font-style:italic; }
.posting p               {  }
*+html .posting ul       { padding-left:17px; } /* IE 7 only */
.posting li              { font-size:0.82em; line-height:1.5em; }
.posting li li           { font-size:1em; }
.quote                   { color:#6f6f6f; font-style:italic; }
.edited, .ago            { font-size:0.82em; color:#808080; }
img.no-text              { cursor:help; }
pre                      { max-width:100%; overflow:auto; }
code                     { font-family:"courier new",courier; color:#000080; }
code.monospace           { color:#000; }
blockquote               { margin:0; padding:0 0 0 30px; color:#6f6f6f; font-style:italic; background:url(images/quote.png) no-repeat top left; }
blockquote code          { font-family:"courier new",courier; color:#6f6f6f; }

.posting-footer          { margin:1em 0 0; padding:0; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1.25em auto; grid-gap:0.2em; }
.posting-footer .reply   { font-size:0.82em; }
.posting-footer .locked  { font-size:0.82em; color:#808080; padding-left:16px; background:url(images/locked.png) no-repeat 0 0; }
.posting-footer .views   { font-size:0.69em; color:#808080; text-align:right; }
#content .posting-footer .options
                         { font-size:0.69em !important; list-style-type:none; max-width:100% !important; margin:0; padding:0; grid-row-start:2; grid-row-end:3; grid-column-start:1; grid-column-end:3; display:flex; flex-wrap:wrap; gap:0.4em; justify-content:flex-end; }
.posting-footer .options li
                         { margin:0; }
.posting-footer a        { white-space:nowrap; }
.posting-footer a.edit   { padding-left:16px; background:url(images/bg_sprite_3.png) no-repeat 0 2px; }
.posting-footer a.delete { padding-left:13px; background:url(images/bg_sprite_3.png) no-repeat 0 -47px; }
.posting-footer a.go-to-top-link
                         { padding-left: 12px; background: url(images/arrow_up.png) no-repeat 0 0 / auto 90%; }
.posting-footer a.add-bookmark
                         { padding-left:13px; background:url(images/bg_sprite_3.png) no-repeat 0 -97px; }
.posting-footer a.delete-bookmark
                         { padding-left:13px; background:url(images/bg_sprite_3.png) no-repeat 0 -147px; }
.posting-footer a.move   { padding-left:13px; background:url(images/bg_sprite_4.png) no-repeat 0 2px; }
.posting-footer a.report { padding-left:13px; background:url(images/bg_sprite_4.png) no-repeat 0 -48px; }
.posting-footer a.lock   { padding-left:14px; background:url(images/bg_sprite_4.png) no-repeat 0 -99px; }
.posting-footer a.unlock { padding-left:14px; background:url(images/bg_sprite_4.png) no-repeat 0 -149px; }
.posting-footer a.lock-thread
                         { padding-left:16px; background:url(images/bg_sprite_4.png) no-repeat 0 -200px; }
.posting-footer a.unlock-thread
                         { padding-left:16px; background:url(images/bg_sprite_4.png) no-repeat 0 -250px; }

.thread-posting          { position:relative; border-left:10px solid #d2ddea; border-right:1px solid #f0f0f0; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; margin:0 0 20px 0; padding:0 0 0 0; background:#fff; /*border-right:1px solid blue;border-top:1px solid blue;border-bottom:1px solid blue;*/ }
.new                     { border-left:10px solid #88a9cf !important; }
.thread-posting h1,
.thread-posting h2       { margin:0 0 2px 0; padding:0; }
.thread-posting h1 .category
                         { font-size:0.57em; }
.thread-posting .header  { background:#f5f5f5; margin:0 0 0 0; padding:0 0 5px 10px; }
.thread-posting .header img.avatar
                         { position:relative; margin:0 0 20px 20px; padding:5px; background:#f5f5f5; float:right; }
.thread-posting .author  { margin:1px 0 0 0; font-style:italic; }
.thread-posting .body,.thread-posting .signature,#content .thread-posting p.tags,.thread-posting .posting-footer{margin:0;padding:10px}

.hide-posting            { position:absolute; top:0; left:-10px; }

.thread-wrapper          { margin:0; padding:0; }
.reply-wrapper           { margin:0 0 0 20px; padding:0; list-style-type:none; }
.deep-reply-wrapper      { margin:0 0 0 10px; padding:0; list-style-type:none; }
.very-deep-reply-wrapper { margin:0; padding:0; list-style-type:none; }


.op-link,
.op-link a               { font-size:0.9em; color:#808080; }

#content .body           { overflow: hidden; }
#content .body img       { max-width:100%; height:auto; }
#content p.tags          { margin:20px 0 0 0; padding:0; color:#808080; font-size:0.69em; line-height:1.42em; }
#content .signature p    { margin:10px 0 0 0; padding:0; color:#808080; font-weight:normal; font-size:0.69em; line-height:1.42em; }

h2.postingform           { margin:0 0 20px 0; }
p.reply-to               { margin:0 0 20px 0; }

div.complete-thread      { margin-bottom:30px; }
div.complete-thread p.left
                         { float:left; }
#content div.complete-thread p.right
                         { float:right; text-align:right; font-size:0.69em; }
ul.openthread            { clear:both; }

#usernav                 { margin:0 0 15px 0; padding:0.1em 0; overflow: hidden; }
#usersearch              { font-size:.82em; margin:.5em 0; padding:.5em 0 .75em 0; border-bottom:1px solid #bacbdf; }
#usersearch div,
#usersearch form         { display:inline; }
#usernav-bottom          { margin:15px 0 0 0; padding:0; text-align:right; font-size:0.82em; }

#admin-usernav-bottom    { margin:0.5em 0 0.75em 0; }
#selectioncontrols       { margin:10px 0 0 0; padding:0; }
#admin-usernav-bottom #selectioncontrols
                         { margin:0; padding:0; }
#selectioncontrols #arrow-selected
                         { margin:0 0 0 13px; }
#selectioncontrols .checkall
                         { margin-left:1em; font-size:0.69em; }
#admin-usernav-bottom #userpagination
                         { float:right; height:2em; text-align:right; }

.thread ul               { font-size:1em; }
.thread li               { font-size:1em; }
.thread li li            { font-size:1em; }
.thrbeg                  { font-weight:bold; }

.spam, .caution, .ok     { font-weight:bold; }
.spam, .caution          { color:#882008; background-color:#ff5; }
.notice                  { border:1px solid; }
.notice.spam             { padding:.5em; }
.notice.spam, .notice.caution
                         { border-color:#882008; }
.notice.caution, .notice.ok
                         { padding:0.5em 0.5em 0.5em 1.75em; }
.notice.caution          { background:url(images/caution.png) no-repeat 0.375em center; }
.notice.ok               { color:#086620; background:#5fa url(images/tick.png) no-repeat 0.375em center; border-color:#086620; }

.entryline               { clear:both; margin:15px 0 15px 0; border-top:1px dotted #808080; border-left:0; border-right:0; border-bottom:0; height:1px; }
.marked-threads          { margin:30px 0 0 0; font-size:11px; }
.marked-threads-board    { margin:10px 1px 0 1px; font-size:11px; }
.ip                      { font-size:11px; color:#808080; }
span.userdata            { margin:0; padding:0; }
.online                  { color:red; }
.underline               { text-decoration:underline; }
label.main               { font-weight:bold; }
label.active             { color:#000; }
label.inactive           { color:#808080 !important; }
label.inactive input     { color:#808080; }
label.unavailable        { color:#c0c0c0; }
fieldset.active          { border:none; margin:0; padding:0; }
fieldset.active label,
fieldset.active input    { color:#000; }
fieldset.inactive        { border:none; margin:0; padding:0; }
fieldset.inactive label,
fieldset.inactive input  { color:#808080; }
.checkboxlist            { list-style-type:none; margin:0; padding:0; font-size:1em !important; }
.login                   { width:17em; }
.nowrap                  { white-space:nowrap; }
.user-locked             { color:red !important; }

ul.filelist              { list-style-type:none; padding-left:0; margin-left:0; font-size:0.82em; line-height:1.7em !important; }
ul.filelist img          { margin:0 5px -3px 0; padding:0; }

span.admin               { /*border-bottom:1px dotted #c0c0c0;*/ }
span.mod                 { /*border-bottom:1px dotted #c0c0c0;*/ }
ul.thread span.mod,
ul.thread span.admin,
td span.admin,
td span.mod              { cursor:help; }

.registered_user::after  {content:" \00AE"}

#captcha                 { margin:0; padding:0; }
#captcha p               { font-size:1em; }
#captcha img,
img.captcha              { border:1px solid #000; }

/* categories: */
.category                { color:#000080; font-size:0.82em; font-weight:normal; }
.category-regusers       { color:#000080; font-size:0.82em; font-weight:normal; background:#e7e7e7; }
.category-adminmod       { color:#000080; font-size:0.82em; font-weight:normal; background:#d5d5d5; }
.category-b              { color:#0000cc; font-size:0.82em; font-weight:normal; }
.category-regusers-b     { color:#0000cc; font-size:0.82em; font-weight:normal; border-bottom:1px dotted #0000cc; }
.category-adminmod-b     { color:#0000cc; font-size:0.82em; font-weight:normal; border-bottom:1px solid #0000cc; }

h3.preview               { margin:10px 0 3px 0; font-size:0.82em; font-weight:bold; color:red; }
div.preview              { margin:0 0 25px 0; padding:10px; border:1px dotted red; }

table.wide               { width:100%; }
table.normaltab          { width:100%; border:1px solid #bacbdf; background:#fff; }
table.normaltab th       { vertical-align:top; font-size:0.82em; font-weight:bold; text-align:left; background: #d2ddea; background: linear-gradient(to bottom, rgb(210, 222, 236) 0, rgb(237, 242, 245) 100%); }
table.normaltab td       { vertical-align:top; font-size:0.82em; font-weight:normal; }
table.normaltab tr.a td  { background:#f5f5f5; }
table.normaltab tr.b td  { background:#f9f9f9; }
table.normaltab td.c     { width:15em; background:#d2ddea;background: linear-gradient(to right, rgb(210, 222, 236) 0, rgb(210, 222, 236) 9em, rgb(237, 242, 245) 100%); }
table.normaltab td.d     { background:#f5f5f5; }
table.normaltab td.subject
                         { min-width:50%; }
#content table.normaltab p
                         { font-size:1em; }
#content table.normaltab .small,
#content table.normaltab .xsmall
                         { font-size:0.82em; }
table.normaltab tr.drag td
                         { background:#ddd; }

p.userdata               { margin:0; }
.normalform              { font-size:0.82em; margin: 0; }
.normalform:not(:first-child)
                         { margin: 1em 0 0 0; }
.inline                  { display:inline; }

#postingform fieldset    { border:none; margin:0 0 1em 0; }
#postingform p           { font-size:1em; margin:0 0 5px 0; padding:0; }
#postingform label.input { display:block; float:left; width:8em; font-weight:bold; }
#postingform label.textarea
                         { font-weight:bold; }
#postingform input.checkbox
                         { margin-left:8em; }

#postingform #insert-quote
                         { margin:0 0 0 0.5em; font-weight:normal; font-size:0.82em; padding:0 0 0 14px; background:url(images/quote_message.png) no-repeat left center transparent; border:none; color:#00c; }
#postingform #insert-quote:focus,
#postingform #insert-quote:hover
                         { color:#00f; }

/*
#postingform #text       { width:700px; height:400px; float:left; }
#postingform #format-bar { margin-left:720px; }
*/

#postingform             { font-size:0.82em }
#postingform .small,
#postingform .xsmall     { font-size:0.82em }
#delete_cookie           { font-size:0.82em }
#delete_cookie a         { padding-left:13px; background:url(images/bg_sprite_3.png) no-repeat 0 -47px; }

#bbcode-bar              { margin:0 0 10px 0; width:62px; }
#bbcode-bar button       { width:62px; font-size:11px; margin:0 0 3px 0; padding:0; }
#bbcode-bar button span  { line-height:1.4em; }

#bbcodebutton-b span     { font-weight:bold; }
#bbcodebutton-i span     { font-style:italic; }
#bbcodebutton-link span  { color:#0000cc; text-decoration:underline; }
#bbcodebutton-color span { padding:0 0 0 15px; color:red; background:url(images/bg_sprite_5.png) no-repeat 0 1px; }
#bbcodebutton-size span  { padding:0 0 0 16px; background:url(images/bg_sprite_5.png) no-repeat 0 -47px; }
#bbcodebutton-list span  { padding:0 0 0 11px; background:url(images/bg_sprite_5.png) no-repeat 0 -99px; }
#bbcodebutton-img span   { padding:0 0 0 15px; background:url(images/bg_sprite_5.png) no-repeat 0 -148px; }
#bbcodebutton-upload span
                         { padding:0 0 0 11px; background:url(images/bg_sprite_5.png) no-repeat 0 -199px;  }
#bbcodebutton-tex span   { padding:0 0 0 19px; background:url(images/bg_sprite_5.png) no-repeat 0 -299px; }
#bbcodebutton-code span  { font-family:"courier new",courier; color:#000080; }

#bbcode-options          { position:absolute; }
#bbcode-options div      { background:#efefef; border:1px solid #c0c0c0; padding:0; font-size:0.82em; }
#bbcode-options ul       { list-style-type:none; margin:0; padding:0; }
#bbcode-options ul a     { color:#000; display:block; text-decoration:none; padding:3px 5px; min-width:100px; }
#bbcode-options ul a:focus,
#bbcode-options ul a:hover
                         { background:#e0e0e0; }
#bbcode-options table    { background:#bbb; border:none; margin:0; padding:0; border-collapse:collapse; }
#bbcode-options table td { width:15px !important; height:15px !important; margin:0; padding:0; }
#bbcode-options table a  { margin:0; padding:0; border:1px solid #bbb; width:15px; height:15px; }
#bbcode-options table a:focus,
#bbcode-options table a:hover
                         { border:1px solid #fff; text-decoration:none; }

#smiley-bar              { width:70px; }
#smiley-bar button.default
                         { margin:0 1px 1px 0; padding:0; width:30px; }
#smiley-bar button.default span
                         { display:block; line-height:1px; margin:0; padding:0; }
#smiley-bar button.default img
                         { margin:0; padding:0; }
#smiley-bar button.more-smilies
                         { width:62px; font-size:11px; margin:0 0 3px 0; padding:0; }
#smiley-bar button span  { line-height:1.4em; }
#additional-smilies      { border:none !important; margin:0; padding:7px 0 0 7px !important; max-width:200px; }
#additional-smilies img  { margin:0 7px 7px 0; }

#bbcode-instructions     { margin:0; padding:0; font-size:0.82em; }
#bbcode-instructions dt  { font-weight:bold; }
#bbcode-instructions dd  { margin-left:0; }

#smiley-instructions dt  { float:left; }
#smiley-instructions dd  { clear:right; }

button.insert-smiley     { margin:0; padding:0; font-size:11px; font-weight:normal; }

#smilies li              { display:inline-block; min-width:50px; padding:0 10px 10px 0; white-space:nowrap; }

ul.pagination            { margin:0.75em 0; padding:0; list-style-type:none; }
#content ul.pagination li
                         { display:inline; font-size:0.9em; margin-left:0.7em; /* for IE 7: */ position:relative; }
#content ul.pagination li:first-child
                         { margin-left:0; }
ul.pagination a,
ul.pagination span       { border:1px solid #bacbdf; background:#f9f9f9; padding:1px 6px; }
ul.pagination a:focus,
ul.pagination a:hover    { border:1px solid #0000cc; background:#efefef; text-decoration:none; }
ul.pagination .current   { border:1px solid #bacbdf; color:red; font-weight:bold; }

#more-smilies            { position:absolute; width:200px; background:#ffc; border:1px solid #c0c0c0; display:none; }
#more-smilies .close     { position:absolute; top:0; right:0; padding:0; }
#more-smilies-body       { overflow:auto; }
#more-smilies-content    { max-height:300px;}
#more-smilies-content p  { padding:10px; }
#more-smilies-content img
                         { padding:5px; }

#colorpicker             { position:absolute; /*width:100px; height:100px;*/ background:#bbb; border:1px solid #bbb; display:none; }
#colorpicker table       { margin:0; padding:0; line-height:10px; }
#colorpicker table img   { margin:0; padding:0; border:1px solid #bbb; }
#colorpicker table a:focus img,
#colorpicker table a:hover img
                         { margin:0; padding:0; border:1px solid #fff; }

#sizepicker              { position:absolute;  background:#efefef; border:1px solid #c0c0c0; display:none; padding:0; }
#sizepicker p            { margin:0; padding:0; }
#sizepicker p a          { color:#000; display:block; text-decoration:none; padding:3px; }
#sizepicker p a:focus,
#sizepicker p a:hover    { background:#e0e0e0; }

#codepicker              { position:absolute;  background:#efefef; border:1px solid #c0c0c0; display:none; padding:0; }
#codepicker ul           { list-style-type:none; margin:0; padding:0; }
#codepicker ul a         { color:#000; display:block; text-decoration:none; padding:1px 5px 1px 5px; }
#codepicker ul a:focus,
#codepicker ul a:hover   { background:#e0e0e0; }

/* buttonbars */
.buttonbar               { display:flex; flex-wrap:wrap; gap:0.3em; }
.buttonbar button        { padding:0.3em; }

/* admin panel */
.additional-admin-info   { margin:0 0 1em 0; padding:0; }
.additional-admin-info div
                         { background: #f9f9f9; border: 1px solid #bacbdf; padding: 0; }
.additional-admin-info div:not(:last-child)
                         { margin: 0 0 20px 0; }
.additional-admin-info h3
                         { margin: 0; padding: 0 5px; font-size: 0.69em; line-height: 1.7em; background: #d2ddea; background: linear-gradient(to bottom, rgb(210, 222, 236) 0, rgb(237, 242, 245) 100%); }
.additional-admin-info p { font-size: 0.69em; line-height: 1.5em; margin: 0; padding: 5px; }
#admin-info-install_script_exists h3
                         { color: red; }
#admin-info-install_script_exists h3::before 
                         { content: url("images/caution.png"); padding-right: 5px; }

.adminmenu               { list-style-type:none; padding:0; margin:0; font-size:0.82em; line-height:1.7em !important; }
.adminmenu li            {  }
.adminmenu a             { text-decoration:none; }
.adminmenu a:focus span,
.adminmenu a:hover span  { text-decoration:underline; }
.adminmenu a img         { margin:0 5px -3px 0; padding:0; }
#content .adminmenu .small
                         { font-size:0.82em; }
h2#admin_header          { margin: 0 0 0.5em 0; }

.manage-postings         { border:1px solid #bacbdf; margin-top:25px; background:#f9f9f9; }
.manage-postings legend  { font-size:0.82em; font-weight:bold; }

ul#uploadlist            { list-style: none; margin: 0; padding: 0; max-width: 100%; overflow: hidden; }
#uploadlist li           { float: left; width: 240px; margin: 0 10px 10px 0; padding: 0; border: 1px solid #bacbdf; background:#f9f9f9; }
#uploadlist .image_container
                         { padding: 5px; height: 240px; width: calc(100% - 10px); margin: 0 0 5px 0; text-align: center; }
#uploadlist img          { max-width: 100%; max-height: 100%; }
#uploadlist .management_container
                         { margin: 0; padding: 5px 0; }
.confirm-selection       { list-style: none; padding: 0; border-top: 1px solid #bacbdf; }
.confirm-selection li    { min-height: 2.5em; margin: 0 0 0.25em 0; padding: 0.25em 0.5em; border-bottom: 1px solid #bacbdf; }
.confirm-selection .item { margin: 0 0 0.25em 0; }
.confirm-selection .info { font-weight: bold; margin: 0; }

/* thread links: */
a.thread,
a.thread:link            { padding-left:18px; color:#0000cc; text-decoration:none; font-weight:bold; background:url(images/bg_sprite_1.png) no-repeat 0 -148px; }
a.thread:visited         { color:#007; }
a.thread:focus,
a.thread:hover           { color:#0000ff; text-decoration:underline; }
a.thread:active          { color:#ff0000; }
/* sticky threads: */
a.thread-sticky,
a.thread-sticky:link     { padding-left:18px; color:#0000cc; text-decoration:none; font-weight:bold; background:url(images/bg_sprite_1.png) no-repeat 0 -250px; }
a.thread-sticky:visited  { color:#007; }
a.thread-sticky:focus,
a.thread-sticky:hover    { color:#0000ff; text-decoration:underline; }
a.thread-sticky:active   { color:#ff0000; }
/* sticky and locked threads: */
a.thread-sticky-locked,
a.thread-sticky-locked:link     { padding-left:18px; color:#0000cc; text-decoration:none; font-weight:bold; background:url(images/bg_sprite_1.png) no-repeat 0 -1210px; }
a.thread-sticky-locked:visited  { color:#007; }
a.thread-sticky-locked:focus,
a.thread-sticky-locked:hover    { color:#0000ff; text-decoration:underline; }
a.thread-sticky-locked:active   { color:#ff0000; }
/* locked threads: */
a.thread-locked,
a.thread-locked:link     { padding-left:18px; color:#0000cc; text-decoration:none; font-weight:bold; background:url(images/bg_sprite_1.png) no-repeat 0 -1110px; }
a.thread-locked:visited  { color:#007; }
a.thread-locked:focus,
a.thread-locked:hover    { color:#0000ff; text-decoration:underline; }
a.thread-locked:active   { color:#ff0000; }
/* new threads: */
a.threadnew-sticky,
a.threadnew-sticky:link  { padding-left:18px; color:#0000cc; text-decoration:none; font-weight:bold; background:url(images/bg_sprite_1.png) no-repeat 0 -300px; }
a.threadnew-sticky:visited
                         { color:#007; }
a.threadnew-sticky:focus,
a.threadnew-sticky:hover { color:#0000ff; text-decoration:underline; }
a.threadnew-sticky:active
                         { color:#ff0000; }
/* new sticky and locked threads: */
a.threadnew-sticky-locked,
a.threadnew-sticky-locked:link    { padding-left:18px; color:#0000cc; text-decoration:none; font-weight:bold; background:url(images/bg_sprite_1.png) no-repeat 0 -1260px; }
a.threadnew-sticky-locked:visited { color:#007; }
a.threadnew-sticky-locked:focus,
a.threadnew-sticky-locked:hover   { color:#0000ff; text-decoration:underline; }
a.threadnew-sticky-locked:active  { color:#ff0000; }
/* new locked threads: */
a.threadnew-locked,
a.threadnew-locked:link    { padding-left:18px; color:#0000cc; text-decoration:none; font-weight:bold; background:url(images/bg_sprite_1.png) no-repeat 0 -1160px; }
a.threadnew-locked:visited { color:#007; }
a.threadnew-locked:focus,
a.threadnew-locked:hover   { color:#0000ff; text-decoration:underline; }
a.threadnew-locked:active  { color:#ff0000; }
/* new threads: */
a.threadnew,
a.threadnew:link         { padding-left:18px; color:#0000cc; text-decoration:none; font-weight:bold; background:url(images/bg_sprite_1.png) no-repeat 0 -198px; }
a.threadnew:visited      { color:#007; }
a.threadnew:focus,
a.threadnew:hover        { color:#0000ff; text-decoration:underline; }
a.threadnew:active       { color:#ff0000; }
/* replies: */
a.reply,
a.reply:link             { padding-left:16px; color:#0000cc; text-decoration:none; font-weight:normal; background:url(images/bg_sprite_1.png) no-repeat 0 -348px; }
a.reply:visited          { color:#007; }
a.reply:focus,
a.reply:hover            { color:#0000ff; text-decoration:underline; }
a.reply:active           { color:#ff0000; }
a.replynew,
a.replynew:link          { padding-left:16px; color:#0000cc; text-decoration:none; font-weight:normal; background:url(images/bg_sprite_1.png) no-repeat 0 -398px; }
a.replynew:visited       { color:#007; }
a.replynew:focus,
a.replynew:hover         { color:#0000ff; text-decoration:underline; }
a.replynew:active        { color:#ff0000; }

a.read,
a.read:link,
a.read:visited,
#latest-postings li a span.read
                         { color:#007; }
a.read:focus,
a.read:hover             { color:#00f; }
a.read:active            { color:#f00; }

.currentthread           { padding-left:18px; color:#ff0000; font-weight:bold; background:url(images/bg_sprite_1.png) no-repeat 0 -148px; }
.currentthreadnew        { padding-left:18px; color:#ff0000; font-weight:bold; background:url(images/bg_sprite_1.png) no-repeat 0 -198px; }
.currentreply            { padding-left:16px; color:#ff0000; font-weight:bold; background:url(images/bg_sprite_1.png) no-repeat 0 -348px; }
.currentreplynew         { padding-left:16px; color:#ff0000; font-weight:bold; background:url(images/bg_sprite_1.png) no-repeat 0 -398px; }

a.internal,
a.internal:link          { padding-left:18px; color:#0000cc; text-decoration:none; background:url(images/bg_sprite_1.png) no-repeat 0 -148px; }
a.internal:focus,
a.internal:hover         { color:#0000ff; text-decoration:underline; }
a.internal:active        { color:#ff0000; }

/* thread tree: */
ul.thread                { margin:0 0 1.5em 0; padding:0; list-style-type:none; max-width:100% !important; }
ul.thread li             { text-indent:-18px; margin-left:18px; position:relative; }
ul.thread li span.tail   { white-space:nowrap; }
ul.thread li .replies    { color:#808080; font-size:0.82em; }
ul.thread li .category   { font-size:0.82em; }
ul.reply,
ul.deep-reply,
ul.very-deep-reply       { margin:0 0 0 -16px; padding:0 0 0 16px; list-style-type:none; max-width:100% !important; }
ul.reply li              { text-indent:-16px; margin-left:24px; } /* thread view */
td ul.reply li           { text-indent:-16px; margin-left:20px; } /* table view */
ul.deep-reply li         { text-indent:-16px; margin-left:10px; }
td ul.deep-reply li      { text-indent:-16px; margin-left:5px; }
ul.very-deep-reply li    { text-indent:-16px; margin-left:0; }
td ul.very-deep-reply li { text-indent:-16px; margin-left:0; }
ul.complete-thread       { margin:0 0 20px 0; padding:0; list-style-type:none; clear:both; max-width:100% !important; }
ul.reply ul              { background:url(images/thread_connecting_line.png) repeat-y left center; }
ul.reply li:last-child>ul
                         { background:none; }

span.fold-expand         { display:none; }
ul.folded                { margin:0 0 10px 0; padding:0 0 0 15px; }
ul.folded span.fold-expand
                         { position:absolute; top:-2px; left:-15px; display:inline; margin-right:5px; }
img.expand-thread-inactive
                         { width:9px; height:9px; background:url(images/bg_sprite_2.png) no-repeat 0 -31px; }
img.expand-thread        { width:9px; height:9px; background:url(images/bg_sprite_2.png) no-repeat 0 -22px; }
img.fold-thread          { width:9px; height:9px; background:url(images/bg_sprite_2.png) no-repeat -9px -22px; }

td ul.thread             { margin:0; padding:0; list-style-type:none; font-size:1em !important; }
td ul.thread ul          { font-size:0.82em !important; line-height:1em; }
td ul.thread ul ul       { font-size:1em !important; }
td ul.folded             { margin:0; padding:0 0 0 15px; }
                         
/* postings in search results: */
ul.searchresults         { margin:0 0 20px 0; padding:0; list-style-type:none; max-width:100% !important; }
ul.searchresults li      { font-size:1em; padding:0 0 10px 0; }
ul.searchresults li li   { font-size:1em; }
a.thread-search          { padding-left:18px; color:#0000cc; font-weight:bold; background:url(images/bg_sprite_1.png) no-repeat 0 -148px; }
a.reply-search           { padding-left:18px; color:#0000cc; font-weight:bold; background:url(images/bg_sprite_1.png) no-repeat 0 -448px; }
a.thread-search:visited,
a.reply-search:visited   { /*color:#800080;*/ }
a.thread-search:active,
a.reply-search:active    { color:#ff0000; }

img.thumbnail            { width:150px; border:1px solid #c0c0c0; margin: 0; height:auto; }
a:link img.thumbnail     { color: #0000ff; border:1px solid #c0c0c0; }
a:visited img.thumbnail  { color: #0000ff; border:1px solid #c0c0c0; }
a:focus img.thumbnail,
a:hover img.thumbnail    { color: #0000ff; border:1px solid #000000; }
img.left                 { display:block; float:left; margin:0 10px 10px 0; }
img.right                { float:right; margin:0 0 10px 10px; }


/* ajax preview: */
#ajax-preview            { position:absolute; top:100px; left:100px; margin:13px 0 0 -3px; z-index:10; width:20px; }
#ajax-preview-top        { position:absolute; width:100%; top:0; height:16px; background:transparent url(images/bg_sprite_2.png) no-repeat 8px -40px; z-index:10; }
#ajax-preview-main       { border-top:1px solid #c0c0c0; position:absolute; top:15px; right:0; width:500px; }                
#ajax-preview-close      { float:right;	cursor:pointer; }
#ajax-preview-body       { background:#ffc; margin:0; padding:0; border-left: 1px solid #c0c0c0; border-right:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; }
#ajax-preview-content    { margin:0; padding:0 14px; max-height:350px; overflow:auto; clear:both; padding-bottom:16px; }
#ajax-preview-replylink-wrapper
                         { margin:0; padding:0; font-size:0.69em !important; }
#ajax-preview-replylink-wrapper:before
                         { content:"[ "; }
#ajax-preview-replylink-wrapper:after
                         { content:" ]"; }
#ajax-preview-replylink  { margin:0; padding:0; }
#ajax-preview-throbber   { display:block; margin-left:auto; margin-right:auto; }
#ajax-preview-content p,
#ajax-preview-content ul { font-size:0.82em; line-height:1.5em; }
#ajax-preview-content li,
#ajax-preview-content ul ul
                         { font-size:1em; }
#ajax-preview-content img{ max-width:100%; height: auto; }

#image-canvas            { position:absolute; top:0; left:0; width:100%; height:100%; background:url(images/canvas_bg.png); z-index:20; }
#image-canvas img        { display:block; margin:2em auto 0 auto; border:1px solid #000; z-index:30; max-width:90%; }

/* JS Classes */
.js-display-none            { display: none; }
.js-display-block           { display: block; }
.js-visibility-hidden       { visibility:hidden; }
.js-cursor-pointer          { cursor: pointer; }
.js-cursor-move             { cursor: move; }
.js-display-fold .wrapper,
.js-display-fold #sidebarcontent
                            { display: none; }
.js-display-fold img.avatar { width: 1.6em; height: 1.6em; }

/* Admin Warning */
div.warning              { border: 5px solid red; padding: 15px; font-size:1.3em; }

/* Honey pots */
form p.hp { display: none; }

@media screen and (min-width: 36em) {
  #sidebar,
  .additional-admin-info { width: 15em; float:right; }
}
@media screen and (min-width: 45em) {
  #top { display: flex; justify-content: space-between; }
  #logo { padding: 7px 5px 7px 20px; }
  #nav { padding-left: 5px; text-align: right; }
}
