/* CSS Document */
/* whiteb */
/* Autor: Florea Cosmin - Ionut */
/* Contact: florea.cosmin92@yahoo.com */
/* Site oficial: www.ifcosmin.ro */

* {
/* Reset browsers default margin, padding and font sizes */
margin: 0;
padding: 0;
}

html {
font-size: 100%;
}

body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
color: #000;
background: #CECECE url(images/body.gif);
font-size: 10px;
margin: 0;
padding: 0;
}
#body-simple {
background: #ECECEC;
padding: 5px;
}

/* Misc stuff */
img {
border: none;
}

.gen {
margin: 1px 1px;
font-size: 1.2em;
}

.genmed {
margin: 1px 1px;
font-size: 1.1em;
}

.gensmall {
margin: 1px 1px;
font-size: 1em;
}

.titles {
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.3em;
text-decoration: none;
}

.error, table td .error {
color: #F40030;
}

.spacer {
color: #D4D4D4; 
background: #5C5C5C url(images/th.gif) top left repeat-x;
border-left: solid 1px #575757;
border-right: solid 1px #3E3E3E;
border-top: solid 1px #2B2B2B;
border-bottom: solid 1px #2D2D2D;
padding: 1px;
}

hr { height: 0px; border: solid #B8B8B8 0px; border-top-width: 1px;}

.pagination {
padding: 4px;
font-size: 1em;
font-weight: bold;
}

/* Links
------------ */
a {
color: #333333;
text-decoration: none;
}

a:active,
a:visited {
color: #333333;
text-decoration: none;
}

a:hover {
color: #F40030;
text-decoration: underline;
}

a.forumlink {
font-weight: bold;
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 1.2em;
}

a.topictitle {
margin: 1px 0px;
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.2em;
}

a.topictitle, .postbody a {
color: #333333;
}
a.topictitle:visited, .postbody a:visited {
color: #3F3F3F;
}
a.topictitle:visited:hover, .postbody a:visited:hover {
color: #333333;
}
a.topictitle:hover, .postbody a:hover {
color: #F40030;
}

/* Header and logo */


#logo-left {
background: url(images/logo_left.gif) bottom left no-repeat;
}

html>body #logo-right { min-height: 70px; }

#logo-registered {
float: right;
padding: 15px 10px 5px;
color: #666;
font-size: 11px;
text-align: right;
}

#logo-login {
float: right;
padding: 15px 10px 5px;
color: #666;
font-size: 11px;
text-align: right;
}
#logo-login input.post { margin-bottom: 3px; }

#logo-clear { clear: both; }

* html #logo-login, * html #logo-registered {
}

* html #logo-clear { font-size: 1px; line-height: 1px; height: 0; overflow: hidden; position: relative; }
#logo-row img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.pm-notify-new, .pm-notify-unread {
border-left: solid 1px #828282;
border-right: solid 1px #727272;
border-top: solid 1px #828282;
border-bottom: solid 1px #727272;
background: #EAEAEA url(images/cell.gif) top left repeat-x;
margin: 10px 0;
padding: 10px;
text-align: center;
font-size: 12px;
font-weight: bold;
}
.pm-notify-new a, .pm-notify-new a:visited, .pm-notify-unread a, .pm-notify-unread a:visited { text-decoration: underline; }
.pm-notify-header {
margin-bottom: 10px;
color: #F40030;
}
.pm-notify-new { padding: 30px; }

/* Navigation buttons */
.navrow {
background: #454545 url(images/bg_navbar.gif) top left repeat-x; 
height: 21px;
overflow: hidden;
color: #C6C6C6;
text-align: center;
font-size: 11px;
padding-top: 10px;
}
/* * html .navrow { padding: 0; } */
.navrow b, .navrow strong { font-weight: normal; }
.navrow a, .navrow a:visited {
color: #E8E8E8;
text-decoration: none;
padding-left: 5px;
padding-right: 5px;
}
.navrow a:hover { 
color: #fff; 
text-decoration: underline; 
}

a.link-new, a.link-new:visited { color: #F40030; }
a.link-new:hover, a.link-new:visited:hover { color: #BB1B3B; }

/* Content and tables */
#content {
background: url(images/bg_top1.gif) top left repeat-x;
padding: 0 10px 10px;
}
#maintable {
border: solid 2px #FFF;
margin: 0 auto;
}
#contentrow {
padding: 8px;
background: #ECECEC url(images/bg_top2.gif) top left repeat-x;
}

.tablebg {
border: solid 1px #B0B0B0; 
background: #EAEAEA url(images/cell.gif) top left repeat-x;
}
.block-start .tablebg { 
border-top-width: 0; 
border-bottom-width: 0; 
border-color: #B0B0B0;
border-right-color: #ECECEC;
}

.row1, .row2, .row3, .legend, .forumrules, tr.row1 .row, tr.row2 .row, tr.row3 .row, .postbottom {
border-left: solid 1px #F3F3F3;
border-right: solid 1px #B8B8B8;
border-top: solid 1px #F3F3F3;
border-bottom: solid 1px #B8B8B8;
background: #EAEAEA url(images/cell.gif) top left repeat-x;
padding: 4px;
}
th {
color: #D4D4D4; 
font-size: 11px; 
font-weight: bold;
background: #5C5C5C url(images/th.gif) top left repeat-x;
white-space: nowrap;
padding: 0 5px;
text-align: center;
height: 26px;
border-left: solid 1px #575757;
border-right: solid 1px #3E3E3E;
border-top: solid 1px #2B2B2B;
border-bottom: solid 1px #2D2D2D;
}
th a, th a:visited {
color: #D4D4D4 !important;
text-decoration: underline;
}
th a:hover {
color: #EDEDED;
text-decoration: underline;
}

td {
padding: 2px;
}
td.profile {
padding: 4px;
}
.catdiv, .cat, .cathead {
height: 24px;
padding: 0 3px;
border-left: solid 1px #F3F3F3;
border-right: solid 1px #B8B8B8;
border-top: solid 1px #F3F3F3;
border-bottom: solid 1px #B8B8B8;
background: #E1E1E1 url(images/cathead.gif) top left repeat-x;
}

.cat, .cathead {
text-indent: 4px;
}

/* Table header */
caption, .cap-div { 
margin: 0; 
padding: 0;
background: url(images/hdr_mid.gif) top left repeat-x;
white-space: nowrap;
height: 27px;
text-align: left;
}
.cap-left {
background: url(images/hdr_left.gif) top left no-repeat;
}
.cap-right {
background: url(images/hdr_right.gif) top right no-repeat;
padding-top: 6px;
padding-left: 29px;
height: 21px;
}
caption, caption h1, caption h2, caption h3, caption h4, caption span,
.cap-div, .cap-div h1, .cap-div h2, .cap-div h3, .cap-div h4, .cap-div span { 
font-size: 12px;
font-weight: bold;
color: #333333;
}
caption h1, caption h2, caption h3, caption h4, caption span,
.cap-div h1, .cap-div h2, .cap-div h3, .cap-div h4, .cap-div span { 
display: inline;
}
caption a, caption a:visited, .cap-div a, .cap-div a:visited {
color: #333333;
text-decoration: underline;
}
caption a:hover, .cap-div a:hover {
color: #F40030;
text-decoration: underline;
}

.block-start { background: url(images/ftr_mid.gif) bottom left repeat-x; }
.block-end-left { background: url(images/ftr_left.gif) top left no-repeat; }
.block-end-right { background: url(images/ftr_right.gif) top right no-repeat; }
.block-end-left, .block-end-right { height: 4px; overflow: hidden; padding: 0; }

/* Footer */
#wrapfooter {
text-align: center;
color: #848484;
padding-top: 10px;
}

.copyright {
color: #848484;
font-weight: normal;
font-size: 9px;
line-height: 1.2em;
}
.copyright a, .copyright a:visited {
color: #848484;
text-decoration: underline;
}
.copyright a:hover { color: #333333; }


/* Breadcrumbs */
.breadcrumb .row1 { 
border-width: 1px 0 0 1px; 
background: #F4F4F4; 
}
p.breadcrumbs {
margin: 0;
padding: 0;
float: left;
color: #848484;
font-weight: bold;
white-space: normal;
font-size: 1em;
}
.rtl p.breadcrumbs {
float: right;
}

p.datetime {
margin: 0;
padding: 0;
float: right;
white-space: nowrap;
font-size: 1em;
}

.rtl p.datetime {
float: left;
}

/* Index/viewforum */
.subforum.read { 
background: url(images/sub_old.gif) top left no-repeat;
padding-left: 12px;
}
.subforum.unread { 
background: url(images/sub_new.gif) top left no-repeat;
padding-left: 12px;
}
.legend {
text-align: center;
margin: 0 auto;
padding: 2px;
border-top-color: #B0B0B0;
border-left-color: #B0B0B0;
}
.legend-viewforum { 
margin: 0; 
text-align: left; 
border-top-color: #B0B0B0;
border-left-color: #B0B0B0;
}

.forumrules {
padding: 4px;
font-weight: normal;
font-size: 1.1em;
border-left: solid 1px #BEBEBE;
border-right: solid 1px #B8B8B8;
border-top: solid 1px #BEBEBE;
border-bottom: solid 1px #B8B8B8;
background: #F4F4F4;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.forumrules h3 {
color: #F40030;
}

/* Post */
.postsubject {
font-size: 12px;
font-weight: bold;
color: #333333;
}
td.postbottom { 
background: #EDEDED url(images/profile.gif) top left repeat-x; 
font-size: 10px;
color: #696969;
white-space: nowrap;
padding: 2px 4px;
vertical-align: middle;
border-left: solid 1px #F3F3F3;
border-right: solid 1px #B8B8B8;
border-top: solid 1px #F3F3F3;
border-bottom: solid 1px #B8B8B8;
}
td.postbuttons { padding-top: 3px; }
.postdetails { 
color: #444;
font-size: 10px; 
text-align: left;
}
.postdetails b {
color: #444;
}
.posterrank { font-size: 9px; color: #444; }
.posterprofile { font-size: 10px; color: #333333; }

.postauthor {
color: #333333;
font-size: 12px;
margin-bottom: 3px;
font-weight: bold;
}
.postonline { margin-bottom: 2px; }

.postreported, .postreported a:visited, .postreported a:hover, .postreported a, .postreported a:active {
margin: 1px 0px;
color: #F40030;
font-weight: bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a, .postapprove a:active {
color: #00FF00;
font-weight: bold;
}

.postapprove img, .postreported img {
vertical-align: bottom;
padding-top: 5px;
}

.postbody {
font-size: 12px;
line-height: 1.4em;
margin: 3px 0;
}
.signature {
font-size: 11px;
color: #666;
margin-top: 5px;
}
.signature .line { color: #959595; }

.postbody li, ol, ul {
margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
margin: 0 1.5em 0 0;
}

.posthilit {
background-color: #969696;
color: #000;
}

.postsubject {
font-size: 12px;
font-weight: bold;
color: #333333;
}

.postbody a { text-decoration: underline; }

/* UCP */
.folder-current a, .folder-current a:visited {
color: #F40030;
font-weight: bold;
}
.folder-current a:hover { color: #F40030; }

td.pm_marked_colour { background: #F40030; }
td.pm_marked_colour_left { border-left: solid 3px #F40030; padding-left: 2px; }
td.pm_marked_colour_right { border-right: solid 3px #F40030; padding-right: 2px; }

td.pm_replied_colour { background: #3A3A3A; }
td.pm_replied_colour_left { border-left: solid 3px #3A3A3A; padding-left: 2px; }
td.pm_replied_colour_right { border-right: solid 3px #3A3A3A; padding-right: 2px; }

td.pm_friend_colour { background: #007700; }
td.pm_friend_colour_left { border-left: solid 3px #007700; padding-left: 2px; }
td.pm_friend_colour_right { border-right: solid 3px #007700; padding-right: 2px; }

td.pm_foe_colour { background: #DD0046; }
td.pm_foe_colour_left { border-left: solid 3px #DD0046; padding-left: 2px; }
td.pm_foe_colour_right { border-right: solid 3px #DD0046; padding-right: 2px; }


/* Form Elements
------------ */
form {
margin: 0px;
padding: 0px;
border: 0px;
}

textarea, select, .post, .btnbbcode, .btnmain, .btnlite, .btnfile, .helpline {
font-weight: normal;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
color: #444;
border: 1px solid #9F9F9F;
background-color: #EDEDED;
}
.cat .btnmain, .cat .btnlite, .cat select {
color: #444;
background-color: #F4F4F4;
border-color: #9F9F9F;
}

input {
font-size: 1.1em;
padding: 1px;
}
textarea {
font-size: 1.3em; 
line-height: 1.4em;
padding: 2px;
}
select {
font-size: 1.1em;
padding: 1px;
}

option {
padding: 0 1em 0 0;
}

.rtl option {
padding: 0 0 0 1em;
}

.post {
border-style: solid;
border-width: 1px;
}

.btnbbcode {
font-size: 1.1em;
color: #333333;
border: 1px solid #9F9F9F;
background-color: #F4F4F4;
}
.btnbbcode:hover {
border-color: #7A7A7A;
color: #000;
}

.btnmain {
font-weight: bold;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}

.btnlite {
font-weight: normal;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}

.btnfile {
font-weight: normal;
padding: 1px 5px;
font-size: 1.1em;
}

.helpline {
background-color: transparent;
color: #6D6D6D;
border-style: none;
}
#helpline { color: #6D6D6D; }

* html textarea, * html select, * html .post, * html .btnmain, * html .btnlite, * html .btnfile {
}
* html .cat .btnmain, * html .cat .btnlite {
}
textarea:hover, select:hover, .post:hover, .btnmain:hover, .btnlite:hover, .btnfile:hover {
border-color: #5D5D5D;
}
textarea:focus, select:focus, .post:focus, .btnmain:focus, .btnlite:focus, .btnfile:focus {
border-color: #5A5A5A; 
color: #000;
background-color: #F4F4F4;
}
.cat .btnmain:hover, .cat .btnlite:hover, .cat select:hover {
border-color: #5A5A5A;
}
.cat .btnmain:focus, .cat .btnlite:focus, .cat select:focus {
border-color: #5A5A5A;
color: #000;
}

label:hover { 
color: #F40030; 
}

textarea.posting-textarea, #ie8#fix {
width: 98%;
}

/* BBCode
------------ */
.bb-wrapper {
clear: both;
margin: 10px 20px;
}
.bb-wrapper .bb-wrapper {
margin: 5px 10px;
}
.bb-left-top, .bb-right-top, .bb-left-bot, .bb-right-bot {
width: 4px;
height: 4px;
overflow: hidden;
padding: 0;
}
.bb-left-top { background: url(images/bb_left_top.gif) top left no-repeat; }
.bb-right-top { background: url(images/bb_right_top.gif) top right no-repeat; }
.bb-left-bot { background: url(images/bb_left_bot.gif) bottom left no-repeat; }
.bb-right-bot { background: url(images/bb_right_bot.gif) bottom right no-repeat; }
.bb-top, .bb-bot {
height: 4px;
overflow: hidden;
padding: 0;
}
.bb-top { background: #F4F4F4 url(images/bb_top.gif) top left repeat-x; }
.bb-bot { background: #F4F4F4 url(images/bb_bot.gif) bottom left repeat-x; }
.bb-left, .bb-right {
width: 4px;
overflow: hidden;
background-color: #F4F4F4;
padding: 0;
}
.bb-left { border-left: solid 1px #C5C5C5; }
.bb-right { border-right: solid 1px #C5C5C5; }
.bb-content {
background-color: #F4F4F4;
padding: 0 2px;
}
.bb-quote { 
background-image: url(images/bg_quote.gif);
background-repeat: no-repeat;
background-position: top right;
}
.bb-code { 
background-image: url(images/bg_code.gif);
background-repeat: no-repeat;
background-position: top right;
}
.bb-attach { 
background-image: url(images/bg_attach.gif);
background-repeat: no-repeat;
background-position: top right;
}


.quotetitle, .attachtitle, .codetitle {
color: #333333;
font-size: 0.85em;
font-weight: bold;
padding-bottom: 3px;
}
.quotetitle .quotetitle {
font-size: 1em;
}

.quotecontent, .attachcontent {
font-weight: normal;
font-size: 1em;
line-height: 1.4em;
/* font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; */
color: #444;
}
.attachcontent {
font-size: 0.85em;
}

.codecontent {
direction: ltr;
font-weight: normal;
font-size: 11px;
font-family: Monaco, 'Courier New', monospace;
color: #444;
}

.attachcontent, .codecontent {
overflow: auto;
overflow-x: auto;
}

.syntaxbg {
color: #EBEBEB;
}

.syntaxcomment {
color: #333333;
}

.syntaxdefault {
color: #444;
}

.syntaxhtml {
color: #333333;
}

.syntaxkeyword {
color: #292929;
}

.syntaxstring {
color: #383838;
}


/* More misc stuff */
h1 {
font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
font-size: 1.8em;
text-decoration: none;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.5em;
text-decoration: none;
line-height: 120%;
}

h3 {
font-size: 1.3em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
line-height: 120%;
}

h4 {
margin: 0px;
font-size: 1.1em;
font-weight: bold;
}

p {
font-size: 1.1em;
}

p.moderators {
margin: 0px;
float: left;
color: #333333;
font-weight: bold;
}

.rtl p.moderators {
float: right;
}

p.linkmcp {
margin: 0px;
float: right;
white-space: nowrap;
}

.rtl p.linkmcp {
float: left;
}

p.searchbar {
padding: 2px 0;
white-space: nowrap;
} 

p.searchbarreg {
margin: 0px;
float: right;
white-space: nowrap;
}

.rtl p.searchbarreg {
float: left;
}

p.forumdesc {
padding-bottom: 4px;
}

p.topicauthor {
margin: 1px 0px;
}

p.topicdetails {
margin: 1px 0px;
}
td.history-current, tr.row1 td.history-current, tr.row2 td.history-current {
background: #F4F4F4;
}

table.colortable td {
padding: 0;
}

pre {
font-size: 1.1em;
font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
white-space: nowrap;
}

.username-coloured {
font-weight: bold;
}

.sep {
color: #333333;
}


/* reset style for file input */
.btnfile, .btnfile:hover, .btnfile:focus { 
border: none; 
background-color: #FFF;
color: #000;
}
/* === bazowe reguly imageset (phpBB 3.1+ zastapil imageset klasami CSS) === */
span.imageset {
	display: inline-block;
	background: transparent none 0 0 no-repeat;
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	overflow: hidden;
}
a.imageset {
	text-decoration: none !important;
}


/* === grafiki imageset: baza subsilver2 3.3 === */
.imageset.site_logo {
	background-image: url("./images/site_logo.gif");
	padding-left: 170px;
	padding-top: 94px;
}
.imageset.upload_bar {
	background-image: url("./images/upload_bar.gif");
	padding-left: 280px;
	padding-top: 16px;
}
.imageset.poll_left {
	background-image: url("./images/poll_left.gif");
	padding-left: 4px;
	padding-top: 12px;
}
.imageset.poll_center {
	background-image: url("./images/poll_center.gif");
	padding-left: 1px;
	padding-top: 12px;
}
.imageset.poll_right {
	background-image: url("./images/poll_right.gif");
	padding-left: 4px;
	padding-top: 12px;
}
.imageset.forum_link {
	background-image: url("./images/forum_link.gif");
	padding-left: 46px;
	padding-top: 25px;
}
.imageset.forum_read {
	background-image: url("./images/forum_read.gif");
	padding-left: 46px;
	padding-top: 25px;
}
.imageset.forum_read_locked {
	background-image: url("./images/forum_read_locked.gif");
	padding-left: 46px;
	padding-top: 25px;
}
.imageset.forum_read_subforum {
	background-image: url("./images/forum_read_subforum.gif");
	padding-left: 46px;
	padding-top: 25px;
}
.imageset.forum_unread {
	background-image: url("./images/forum_unread.gif");
	padding-left: 46px;
	padding-top: 25px;
}
.imageset.forum_unread_locked {
	background-image: url("./images/forum_unread_locked.gif");
	padding-left: 46px;
	padding-top: 25px;
}
.imageset.forum_unread_subforum {
	background-image: url("./images/forum_unread_subforum.gif");
	padding-left: 46px;
	padding-top: 25px;
}
.imageset.topic_moved {
	background-image: url("./images/topic_moved.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.topic_read {
	background-image: url("./images/topic_read.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.topic_read_mine {
	background-image: url("./images/topic_read_mine.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.topic_read_hot {
	background-image: url("./images/topic_read_hot.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.topic_read_hot_mine {
	background-image: url("./images/topic_read_hot_mine.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.topic_read_locked {
	background-image: url("./images/topic_read_locked.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.topic_read_locked_mine {
	background-image: url("./images/topic_read_locked_mine.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.topic_unread {
	background-image: url("./images/topic_unread.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.topic_unread_mine {
	background-image: url("./images/topic_unread_mine.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.topic_unread_hot {
	background-image: url("./images/topic_unread_hot.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.topic_unread_hot_mine {
	background-image: url("./images/topic_unread_hot_mine.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.topic_unread_locked {
	background-image: url("./images/topic_unread_locked.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.topic_unread_locked_mine {
	background-image: url("./images/topic_unread_locked_mine.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.sticky_read {
	background-image: url("./images/sticky_read.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.sticky_read_mine {
	background-image: url("./images/sticky_read_mine.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.sticky_read_locked {
	background-image: url("./images/sticky_read_locked.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.sticky_read_locked_mine {
	background-image: url("./images/sticky_read_locked_mine.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.sticky_unread {
	background-image: url("./images/sticky_unread.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.sticky_unread_mine {
	background-image: url("./images/sticky_unread_mine.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.sticky_unread_locked {
	background-image: url("./images/sticky_unread_locked.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.sticky_unread_locked_mine {
	background-image: url("./images/sticky_unread_locked_mine.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.announce_read {
	background-image: url("./images/announce_read.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.announce_read_mine {
	background-image: url("./images/announce_read_mine.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.announce_read_locked {
	background-image: url("./images/announce_read_locked.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.announce_read_locked_mine {
	background-image: url("./images/announce_read_locked_mine.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.announce_unread {
	background-image: url("./images/announce_unread.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.announce_unread_mine {
	background-image: url("./images/announce_unread_mine.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.announce_unread_locked {
	background-image: url("./images/announce_unread_locked.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.announce_unread_locked_mine {
	background-image: url("./images/announce_unread_locked_mine.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.global_read {
	background-image: url("./images/announce_read.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.global_read_mine {
	background-image: url("./images/announce_read_mine.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.global_read_locked {
	background-image: url("./images/announce_read_locked.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.global_read_locked_mine {
	background-image: url("./images/announce_read_locked_mine.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.global_unread {
	background-image: url("./images/announce_unread.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.global_unread_mine {
	background-image: url("./images/announce_unread_mine.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.global_unread_locked {
	background-image: url("./images/announce_unread_locked.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.global_unread_locked_mine {
	background-image: url("./images/announce_unread_locked_mine.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.pm_read {
	background-image: url("./images/topic_read.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.pm_unread {
	background-image: url("./images/topic_unread.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.icon_post_target {
	background-image: url("./images/icon_post_target.gif");
	padding-left: 12px;
	padding-top: 9px;
}
.imageset.icon_post_target_unread {
	background-image: url("./images/icon_post_target_unread.gif");
	padding-left: 12px;
	padding-top: 9px;
}
.imageset.icon_topic_attach {
	background-image: url("./images/icon_topic_attach.gif");
	padding-left: 14px;
	padding-top: 18px;
}
.imageset.icon_topic_latest {
	background-image: url("./images/icon_topic_latest.gif");
	padding-left: 18px;
	padding-top: 9px;
}
.imageset.icon_topic_newest {
	background-image: url("./images/icon_topic_newest.gif");
	padding-left: 18px;
	padding-top: 9px;
}
.imageset.icon_topic_reported {
	background-image: url("./images/icon_topic_reported.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.icon_topic_unapproved {
	background-image: url("./images/icon_topic_unapproved.gif");
	padding-left: 19px;
	padding-top: 18px;
}
.imageset.icon_topic_deleted {
	background-image: url("./images/icon_topic_deleted.png");
	padding-left: 14px;
	padding-top: 14px;
}
.imageset.icon_contact_email {
	background-image: url("./en/icon_contact_email.gif");
	padding-left: 72px;
	padding-top: 20px;
}
.imageset.icon_contact_pm {
	background-image: url("./en/icon_contact_pm.gif");
	padding-left: 72px;
	padding-top: 20px;
}
.imageset.icon_contact_jabber {
	background-image: url("./en/icon_contact_jabber.gif");
	padding-left: 72px;
	padding-top: 20px;
}
.imageset.icon_post_delete {
	background-image: url("./en/icon_post_delete.gif");
	padding-left: 20px;
	padding-top: 20px;
}
.imageset.icon_post_edit {
	background-image: url("./en/icon_post_edit.gif");
	padding-left: 90px;
	padding-top: 20px;
}
.imageset.icon_post_info {
	background-image: url("./en/icon_post_info.gif");
	padding-left: 20px;
	padding-top: 20px;
}
.imageset.icon_post_quote {
	background-image: url("./en/icon_post_quote.gif");
	padding-left: 90px;
	padding-top: 20px;
}
.imageset.icon_post_report {
	background-image: url("./en/icon_post_report.gif");
	padding-left: 20px;
	padding-top: 20px;
}
.imageset.icon_user_online {
	background-image: url("./en/icon_user_online.gif");
	padding-left: 72px;
	padding-top: 20px;
}
.imageset.icon_user_offline {
	background-image: url("./en/icon_user_offline.gif");
	padding-left: 72px;
	padding-top: 20px;
}
.imageset.icon_user_profile {
	background-image: url("./en/icon_user_profile.gif");
	padding-left: 72px;
	padding-top: 20px;
}
.imageset.icon_user_search {
	background-image: url("./en/icon_user_search.gif");
	padding-left: 72px;
	padding-top: 20px;
}
.imageset.icon_user_warn {
	background-image: url("./en/icon_user_warn.gif");
	padding-left: 20px;
	padding-top: 20px;
}
.imageset.button_pm_new {
	background-image: url("./en/button_pm_new.gif");
	padding-left: 97px;
	padding-top: 27px;
}
.imageset.button_pm_reply {
	background-image: url("./en/button_pm_reply.gif");
	padding-left: 90px;
	padding-top: 20px;
}
.imageset.button_topic_locked {
	background-image: url("./en/button_topic_locked.gif");
	padding-left: 97px;
	padding-top: 27px;
}
.imageset.button_topic_new {
	background-image: url("./en/button_topic_new.gif");
	padding-left: 97px;
	padding-top: 27px;
}
.imageset.button_topic_reply {
	background-image: url("./en/button_topic_reply.gif");
	padding-left: 97px;
	padding-top: 27px;
}
.rtl .imageset.site_logo {
	padding-right: 170px;
	padding-left: 0;
}
.rtl .imageset.upload_bar {
	padding-right: 280px;
	padding-left: 0;
}
.rtl .imageset.poll_center {
	padding-right: 1px;
	padding-left: 0;
}
.rtl .imageset.icon_topic_attach {
	padding-right: 14px;
	padding-left: 0;
}

/* === nadpisania wlasnymi grafikami whiteb === */
.imageset.announce_read {
	background-image: url("./images/announce_read.png");
	padding-left: 24px;
	padding-top: 24px;
}
.imageset.announce_read_locked {
	background-image: url("./images/announce_read_locked.png");
	padding-left: 24px;
	padding-top: 24px;
}
.imageset.announce_read_locked_mine {
	background-image: url("./images/announce_read_locked_mine.png");
	padding-left: 24px;
	padding-top: 24px;
}
.imageset.announce_read_mine {
	background-image: url("./images/announce_read_mine.png");
	padding-left: 24px;
	padding-top: 24px;
}
.imageset.announce_unread {
	background-image: url("./images/announce_unread.png");
	padding-left: 24px;
	padding-top: 24px;
}
.imageset.announce_unread_locked {
	background-image: url("./images/announce_unread_locked.png");
	padding-left: 24px;
	padding-top: 24px;
}
.imageset.announce_unread_locked_mine {
	background-image: url("./images/announce_unread_locked_mine.png");
	padding-left: 24px;
	padding-top: 24px;
}
.imageset.announce_unread_mine {
	background-image: url("./images/announce_unread_mine.png");
	padding-left: 24px;
	padding-top: 24px;
}
.imageset.forum_link {
	background-image: url("./images/forum_link.png");
	padding-left: 48px;
	padding-top: 48px;
}
.imageset.forum_read {
	background-image: url("./images/forum_read.png");
	padding-left: 24px;
	padding-top: 40px;
}
.imageset.forum_read_locked {
	background-image: url("./images/forum_read_locked.png");
	padding-left: 24px;
	padding-top: 40px;
}
.imageset.forum_read_subforum {
	background-image: url("./images/forum_read_subforum.png");
	padding-left: 24px;
	padding-top: 40px;
}
.imageset.forum_unread {
	background-image: url("./images/forum_unread.png");
	padding-left: 25px;
	padding-top: 40px;
}
.imageset.forum_unread_locked {
	background-image: url("./images/forum_unread_locked.png");
	padding-left: 48px;
	padding-top: 48px;
}
.imageset.forum_unread_subforum {
	background-image: url("./images/forum_unread_subforum.png");
	padding-left: 48px;
	padding-top: 48px;
}
.imageset.icon_topic_deleted {
	background-image: url("./images/icon_topic_deleted.png");
	padding-left: 14px;
	padding-top: 14px;
}
.imageset.icon_topic_latest {
	background-image: url("./images/icon_topic_latest.png");
	padding-left: 16px;
	padding-top: 16px;
}
.imageset.icon_topic_newest {
	background-image: url("./images/icon_topic_newest.png");
	padding-left: 16px;
	padding-top: 16px;
}
.imageset.poll_center {
	background-image: url("./images/poll_center.png");
	padding-left: 1px;
	padding-top: 12px;
}
.imageset.poll_left {
	background-image: url("./images/poll_left.png");
	padding-left: 4px;
	padding-top: 12px;
}
.imageset.poll_right {
	background-image: url("./images/poll_right.png");
	padding-left: 4px;
	padding-top: 12px;
}
.imageset.site_logo {
	background-image: url("./images/site_logo.png");
	padding-left: 1006px;
	padding-top: 138px;
}
.imageset.topic_read {
	background-image: url("./images/topic_read.png");
	padding-left: 24px;
	padding-top: 24px;
}
.imageset.topic_read_hot {
	background-image: url("./images/topic_read_hot.png");
	padding-left: 24px;
	padding-top: 24px;
}
.imageset.topic_read_hot_mine {
	background-image: url("./images/topic_read_hot_mine.png");
	padding-left: 24px;
	padding-top: 24px;
}
.imageset.topic_read_locked {
	background-image: url("./images/topic_read_locked.png");
	padding-left: 24px;
	padding-top: 24px;
}
.imageset.topic_read_locked_mine {
	background-image: url("./images/topic_read_locked_mine.png");
	padding-left: 24px;
	padding-top: 24px;
}
.imageset.topic_read_mine {
	background-image: url("./images/topic_read_mine.png");
	padding-left: 24px;
	padding-top: 24px;
}
.imageset.topic_unread {
	background-image: url("./images/topic_unread.png");
	padding-left: 24px;
	padding-top: 24px;
}
.imageset.topic_unread_hot {
	background-image: url("./images/topic_unread_hot.png");
	padding-left: 24px;
	padding-top: 24px;
}
.imageset.topic_unread_hot_mine {
	background-image: url("./images/topic_unread_hot_mine.png");
	padding-left: 24px;
	padding-top: 24px;
}
.imageset.topic_unread_locked {
	background-image: url("./images/topic_unread_locked.png");
	padding-left: 24px;
	padding-top: 24px;
}
.imageset.topic_unread_locked_mine {
	background-image: url("./images/topic_unread_locked_mine.png");
	padding-left: 24px;
	padding-top: 24px;
}
.imageset.topic_unread_mine {
	background-image: url("./images/topic_unread_mine.png");
	padding-left: 24px;
	padding-top: 24px;
}


/* === rozwijane menu powiadomien (subsilver2 3.3) === */
#notification_list {
	display: none;
	position: absolute;
	width: 310px;
	z-index: 1;
	box-shadow: 3px 3px 5px darkgray;
}
#notification_list .notification_scroll {
	max-height: 350px;
	overflow-y: auto;
	overflow-x: hidden;
}
#notification_list table {
	width: 100%;
}
#notification_list .notification_title {
	padding: 3px;
}
#notification_list .notification_title:after {
	clear: both;
	content: '';
	display: block;
}
#notification_list .header {
	padding: 5px;
	font-weight: bold;
	border: 1px solid #A9B8C2;
	border-bottom: 0;
}
#notification_list > .header > .header_settings {
	float: right;
	font-weight: normal;
	text-transform: none;
}
#notification_list .footer {
	text-align: center;
	font-size: 1.2em;
	border: 1px solid #A9B8C2;
	border-top: 0;
}
.notification_list img {
	max-width: 50px;
	max-height: 50px;
}
#notification_list .footer > a {
	display: block;
}
#notification_list .notification-time {
	font-size: 0.9em;
	float: right;
}
.notification_list .notifications_time {
	font-size: 0.8em;
}

/* === skalowanie obrazkow w postach (subsilver2 3.3 ma to w swoim arkuszu, whiteb nie) === */
.postimage {
	max-width: 100%;
	height: auto;
}
.postbody img,
.attachbox img,
.signature img {
	max-width: 100%;
	height: auto;
}
/* dlugie adresy i ciagi bez spacji tez rozpychaly tabele */
.postbody {
	word-wrap: break-word;
	overflow-wrap: break-word;
}

/* === regulamin: 293 znaki w wierszu przy 12 px to nie jest tekst do czytania === */
.regulamin {
	max-width: 46em;          /* ok. 75 znakow w wierszu */
	margin: 0 auto;
	font-size: 13px;
	line-height: 1.65;
	text-align: left;
}
.regulamin h3 {
	font-size: 1.55em;
	line-height: 1.3;
	margin: 0 0 0.4em;
}
.regulamin h4 {
	font-size: 1.12em;
	margin: 2em 0 0.6em;
	padding-bottom: 0.25em;
	border-bottom: 1px solid #c8c8c8;
}
.regulamin p { margin: 0 0 1em; }
.regulamin ol {                /* subsilver2 zeruje wciecia list */
	padding-left: 2.4em;
	margin: 0 0 1.2em;
}
.regulamin ol ol {
	padding-left: 2em;
	margin: 0.5em 0;
}
.regulamin li { margin-bottom: 0.45em; }
.regulamin strong { font-weight: bold; }

/* ==========================================================================
   Poprawki czytelności i obsługi telefonu.
   Dopisane na końcu, żeby nadpisać reguły whiteb bez ich edytowania.
   ========================================================================== */

/* --- 1. Rozmiar pisma. Podstawa 10 px pochodzi z czasów monitorów 1024x768.
       Część reguł whiteb liczy w em (skalują się z body), część ma sztywne px
       i wymaga osobnego nadpisania. --- */
body { font-size: 12px; }

.gen, .postbody, td.row1, td.row2, td.row3 { font-size: 14px; }
.gensmall, .forumdesc, .postdetails, .nav { font-size: 12px; }
a.forumlink { font-size: 15px; }
a.topictitle { font-size: 14px; }
th, td.cat, td.catHead, td.catLeft, td.catRight { font-size: 13px; }

/* --- 2. Długość wiersza. 305 znaków w wierszu to nie jest tekst do czytania;
       70ch mieści się w zalecanych 60-80 znakach. --- */
.postbody {
	/* bez ograniczenia szerokosci - tekst ma zajmowac cala kolumne */
	line-height: 1.6;
}
.postbody img.postimage,
.postbody table,
.postbody pre,
.postbody blockquote { max-width: 100%; }

/* --- 3. Cele dotyku. Linki w pasku miały 13 px wysokości;
       WCAG 2.2 wymaga 24 px, wytyczne systemowe mówią o 44 px. --- */
.navrow {
	height: auto;
	padding: 0;
	line-height: normal;
}
.navrow a {
	display: inline-block;
	padding: 11px 12px;
	line-height: 1;
}

/* --- 4. Powrót na górę w długich wątkach --- */
#do-gory {
	position: fixed;
	right: 18px;
	bottom: 18px;
	z-index: 20;
	display: none;
	padding: 10px 14px;
	background: #454545;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
	font-size: 13px;
	opacity: 0.85;
}
#do-gory:hover { opacity: 1; color: #fff; }

/* ==========================================================================
   Wąskie ekrany. Bez znacznika viewport telefon renderował stronę jako
   ekran 980 px i pomniejszał ją, przez co pismo 11 px wychodziło ok. 4 px.
   Układ opiera się na tabelach o minimalnej szerokości 433 px, więc zamiast
   je rozbijać pozwalamy im przewijać się w poziomie wewnątrz treści.
   ========================================================================== */
@media (max-width: 800px) {
	#maintable { width: 100% !important; }
	#contentrow {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding: 0 6px;
	}
	.postbody { max-width: none; }
	.navrow { text-align: center; }
	.navrow a { padding: 12px 10px; }
	#logo-row img { height: auto; }
	.regulamin { font-size: 14px; }
}

@media (max-width: 480px) {
	body { font-size: 13px; }
	.gen, .postbody, td.row1, td.row2, td.row3 { font-size: 15px; }
	.navrow a { padding: 12px 8px; }
	#do-gory { right: 10px; bottom: 10px; }
}

/* ==========================================================================
   Tryb ciemny. Włączany atrybutem data-motyw na <html>, ustawianym przez
   przełącznik w pasku nawigacji i zapamiętywanym w localStorage.
   Świadomie bez czystej czerni i bieli - taki zestaw smuży przy przewijaniu.
   ========================================================================== */

html[data-motyw="ciemny"] body { background: #16181c !important; color: #cfd4db !important; }
html[data-motyw="ciemny"] #content,
html[data-motyw="ciemny"] #maintable,
html[data-motyw="ciemny"] #contentrow,
html[data-motyw="ciemny"] #logo-row { background: #16181c !important; }

/* whiteb maluje tła klasami .row i .tablebg grafiką cell.gif - trzeba ją zdjąć,
   inaczej jasny obrazek przykrywa ciemny kolor. */
html[data-motyw="ciemny"] table.tablebg,
html[data-motyw="ciemny"] td.row,
html[data-motyw="ciemny"] .row,
html[data-motyw="ciemny"] .forumline,
html[data-motyw="ciemny"] td.row1, html[data-motyw="ciemny"] .row1,
html[data-motyw="ciemny"] table.legend,
html[data-motyw="ciemny"] .legend,
html[data-motyw="ciemny"] td.row3, html[data-motyw="ciemny"] .row3 {
	background-color: #1e2126 !important;
	background-image: none !important;
	border-color: #454c57 !important;
}
html[data-motyw="ciemny"] td.row2, html[data-motyw="ciemny"] .row2 { background-color: #23272d !important; background-image: none !important; }
html[data-motyw="ciemny"] [class*="block-"] { background-image: none !important; background-color: transparent !important; }

html[data-motyw="ciemny"] th,
html[data-motyw="ciemny"] td.cat, html[data-motyw="ciemny"] td.catHead,
html[data-motyw="ciemny"] td.catLeft, html[data-motyw="ciemny"] td.catRight,
html[data-motyw="ciemny"] td.catBottom, html[data-motyw="ciemny"] .cattitle {
	background-color: #2c313a !important;
	background-image: none !important;
	color: #e6e9ee !important;
	border-color: #666f7c !important;
}
html[data-motyw="ciemny"] .navrow {
	background: #0f1114 !important;
	background-image: none !important;
	border-bottom: 1px solid #2c3138 !important;
}

html[data-motyw="ciemny"] .postbody, html[data-motyw="ciemny"] .postbody *,
html[data-motyw="ciemny"] .gen, html[data-motyw="ciemny"] .genmed,
html[data-motyw="ciemny"] .gensmall, html[data-motyw="ciemny"] .postdetails,
html[data-motyw="ciemny"] .forumdesc, html[data-motyw="ciemny"] .nav,
html[data-motyw="ciemny"] td, html[data-motyw="ciemny"] span,
html[data-motyw="ciemny"] div, html[data-motyw="ciemny"] p,
html[data-motyw="ciemny"] li, html[data-motyw="ciemny"] b,
html[data-motyw="ciemny"] strong, html[data-motyw="ciemny"] i,
html[data-motyw="ciemny"] em, html[data-motyw="ciemny"] u { color: #cfd4db !important; }

html[data-motyw="ciemny"] th, html[data-motyw="ciemny"] th *,
html[data-motyw="ciemny"] td.cat, html[data-motyw="ciemny"] td.cat * { color: #e6e9ee !important; }
html[data-motyw="ciemny"] h1, html[data-motyw="ciemny"] h2,
html[data-motyw="ciemny"] h3, html[data-motyw="ciemny"] h4 { color: #eef1f5 !important; }

html[data-motyw="ciemny"] a, html[data-motyw="ciemny"] a:link,
html[data-motyw="ciemny"] a * { color: #7fb2ff !important; }
html[data-motyw="ciemny"] a:visited { color: #a68cff !important; }
html[data-motyw="ciemny"] a:hover { color: #a9ccff !important; }
html[data-motyw="ciemny"] a.forumlink, html[data-motyw="ciemny"] a.topictitle,
html[data-motyw="ciemny"] a.topictitle * { color: #8fc0ff !important; }
html[data-motyw="ciemny"] .navrow a, html[data-motyw="ciemny"] .navrow a:visited { color: #cdd3db !important; }

html[data-motyw="ciemny"] input,
html[data-motyw="ciemny"] textarea,
html[data-motyw="ciemny"] select {
	background: #1b1e23 !important; color: #e2e5ea !important; border: 1px solid #6b7481 !important;
}
html[data-motyw="ciemny"] .btnmain, html[data-motyw="ciemny"] .btnlite,
html[data-motyw="ciemny"] input[type=submit] {
	background: #333a44 !important; color: #e6e9ee !important; border: 1px solid #7a8290 !important;
}
html[data-motyw="ciemny"] hr { border-color: #454c57 !important; }
html[data-motyw="ciemny"] .quotecontent, html[data-motyw="ciemny"] blockquote,
html[data-motyw="ciemny"] .quotecontent * { background: #20242a !important; border-color: #39404a !important; }
html[data-motyw="ciemny"] .codecontent, html[data-motyw="ciemny"] pre,
html[data-motyw="ciemny"] .codecontent * { background: #12151a !important; color: #cfe3c9 !important; }
html[data-motyw="ciemny"] #wrapfooter, html[data-motyw="ciemny"] .copyright,
html[data-motyw="ciemny"] .copyright * { color: #98a0ab !important; }
html[data-motyw="ciemny"] #do-gory { background: #2b3038 !important; color: #fff !important; }

/* Baner ma białe tło i świeciłby na ciemnej stronie jak latarnia. */
html[data-motyw="ciemny"] #logo-row img { filter: brightness(0.78) saturate(0.92); }

/* Sam przełącznik */
#przelacznik-motywu { white-space: nowrap; }

/* --- Wymogi, o ktorych latwo zapomniec przy ciemnym motywie --- */

/* Bez tego paski przewijania, pola formularzy i kontrolki systemowe
   zostaja jasne, bo przegladarka nie wie, ze strona jest ciemna. */
html[data-motyw="ciemny"] { color-scheme: dark; }

/* Domyslne zaznaczenie bywa nieczytelne na ciemnym tle. */
html[data-motyw="ciemny"] ::selection { background: #2f4a6d; color: #f2f5f9; }
html[data-motyw="ciemny"] ::-moz-selection { background: #2f4a6d; color: #f2f5f9; }

/* WCAG 2.4.7 - obramowanie fokusu musi byc widoczne takze tutaj. */
html[data-motyw="ciemny"] a:focus-visible,
html[data-motyw="ciemny"] input:focus-visible,
html[data-motyw="ciemny"] textarea:focus-visible,
html[data-motyw="ciemny"] select:focus-visible,
html[data-motyw="ciemny"] button:focus-visible {
	outline: 2px solid #9ec5ff;
	outline-offset: 2px;
}

/* Cytat i kod - odrozniane samym tlem, wiec potrzebuja wlasnej krawedzi. */
html[data-motyw="ciemny"] .quotecontent,
html[data-motyw="ciemny"] blockquote { border-left: 3px solid #5a6472; }

/* --- Pozostałe jasne tła whiteb, wychwycone przeglądem arkusza.
       Bez nich w ciemnym motywie zostają jasne wyspy: pasek pod postem,
       powiadomienia o wiadomościach, regulamin działu, ramki BBCode. --- */
html[data-motyw="ciemny"] #body-simple,
html[data-motyw="ciemny"] td.postbottom,
html[data-motyw="ciemny"] .postbottom,
html[data-motyw="ciemny"] .pm-notify-new,
html[data-motyw="ciemny"] .pm-notify-unread,
html[data-motyw="ciemny"] .forumrules,
html[data-motyw="ciemny"] .breadcrumb .row1,
html[data-motyw="ciemny"] .catdiv,
html[data-motyw="ciemny"] .cat,
html[data-motyw="ciemny"] .cathead,
html[data-motyw="ciemny"] td.history-current,
html[data-motyw="ciemny"] tr.row1 td.history-current,
html[data-motyw="ciemny"] .bb-top,
html[data-motyw="ciemny"] .bb-bot,
html[data-motyw="ciemny"] .bb-left,
html[data-motyw="ciemny"] .bb-right,
html[data-motyw="ciemny"] .bb-content {
	background-color: #23272d !important;
	background-image: none !important;
	border-color: #454c57 !important;
}
html[data-motyw="ciemny"] .btnbbcode,
html[data-motyw="ciemny"] .btnfile,
html[data-motyw="ciemny"] .cat .btnmain,
html[data-motyw="ciemny"] .cat .btnlite,
html[data-motyw="ciemny"] .cat select,
html[data-motyw="ciemny"] .post,
html[data-motyw="ciemny"] textarea:focus,
html[data-motyw="ciemny"] select:focus,
html[data-motyw="ciemny"] .post:focus {
	background-color: #1b1e23 !important;
	color: #e2e5ea !important;
	border-color: #6b7481 !important;
}
/* podświetlenie wyników wyszukiwania - szare tło ginęło na ciemnym */
html[data-motyw="ciemny"] .posthilit { background-color: #4a4326 !important; color: #ffe9a8 !important; }

/* Kreska pod paragrafami regulaminu jest jasnoszara - na ciemnym tle świeciła. */
html[data-motyw="ciemny"] .regulamin h4 { border-bottom-color: #454c57 !important; }

/* Nagłówki kategorii są złożone z trzech jasnych grafik (hdr_left, hdr_mid,
   hdr_right) nałożonych na siebie. W ciemnym motywie świeciły jako jasne
   paski nad każdą tabelą - zastępujemy je płaskim tłem. */
html[data-motyw="ciemny"] .cap-left,
html[data-motyw="ciemny"] .cap-right,
html[data-motyw="ciemny"] .cap-div,
html[data-motyw="ciemny"] caption {
	background-image: none !important;
	background-color: #2c313a !important;
}
html[data-motyw="ciemny"] .cap-div,
html[data-motyw="ciemny"] .cap-div h1, html[data-motyw="ciemny"] .cap-div h2,
html[data-motyw="ciemny"] .cap-div h3, html[data-motyw="ciemny"] .cap-div h4,
html[data-motyw="ciemny"] .cap-div span,
html[data-motyw="ciemny"] caption, html[data-motyw="ciemny"] caption span {
	color: #e6e9ee !important;
}
html[data-motyw="ciemny"] .cap-div a,
html[data-motyw="ciemny"] .cap-div a:visited,
html[data-motyw="ciemny"] caption a,
html[data-motyw="ciemny"] caption a:visited { color: #9ec5ff !important; }

/* Paski pod tabelami i inne ozdobniki whiteb oparte na jasnych grafikach. */
html[data-motyw="ciemny"] .ftr-left,
html[data-motyw="ciemny"] .ftr-right,
html[data-motyw="ciemny"] .ftr-div,
html[data-motyw="ciemny"] .block-start,
html[data-motyw="ciemny"] .block-end {
	background-image: none !important;
	background-color: transparent !important;
}

/* Ikony wątków przypiętych i przeniesionych - były GIF-ami 19x18
   odziedziczonymi z subsilver2, teraz PNG 24x24 z nowego zestawu. */
.imageset.sticky_read {
	background-image: url("./images/sticky_read.png");
	padding-left: 24px;
	padding-top: 24px;
}
.imageset.sticky_read_locked {
	background-image: url("./images/sticky_read_locked.png");
	padding-left: 24px;
	padding-top: 24px;
}
.imageset.sticky_read_locked_mine {
	background-image: url("./images/sticky_read_locked_mine.png");
	padding-left: 24px;
	padding-top: 24px;
}
.imageset.sticky_read_mine {
	background-image: url("./images/sticky_read_mine.png");
	padding-left: 24px;
	padding-top: 24px;
}
.imageset.sticky_unread {
	background-image: url("./images/sticky_unread.png");
	padding-left: 24px;
	padding-top: 24px;
}
.imageset.sticky_unread_locked {
	background-image: url("./images/sticky_unread_locked.png");
	padding-left: 24px;
	padding-top: 24px;
}
.imageset.sticky_unread_locked_mine {
	background-image: url("./images/sticky_unread_locked_mine.png");
	padding-left: 24px;
	padding-top: 24px;
}
.imageset.sticky_unread_mine {
	background-image: url("./images/sticky_unread_mine.png");
	padding-left: 24px;
	padding-top: 24px;
}
.imageset.topic_moved {
	background-image: url("./images/topic_moved.png");
	padding-left: 24px;
	padding-top: 24px;
}

/* Drobny tekst (daty, moderatorzy, liczniki) miał interlinię 1,2 - za ciasno
   przy 13 px. Zalecenia czytelności mówią o 1,4-1,5 dla tekstu ciągłego. */
.gensmall, .postdetails, .forumdesc, .nav { line-height: 1.45; }

/* ==========================================================================
   Barwy grup użytkowników. phpBB wypisuje je wprost w znaczniku
   (style="color: #AA0000"), a wartości pochodzą z bazy, nie ze stylu.
   Żaden pojedynczy kolor nie przejdzie progu 4,5 na obu tłach naraz -
   jasność tła jasnego to 0,80, ciemnego 0,014, wymagania się wykluczają.
   Dlatego korygujemy osobno dla każdego motywu.
   ========================================================================== */

/* Motyw jasny: zieleń moderatorów i fiolet botów miały 2,6 */
html:not([data-motyw="ciemny"]) [style*="#00AA00"],
html:not([data-motyw="ciemny"]) [style*="#00aa00"] { color: #006E00 !important; }
html:not([data-motyw="ciemny"]) [style*="#9E8DA7"],
html:not([data-motyw="ciemny"]) [style*="#9e8da7"] { color: #6B5C74 !important; }

/* Motyw ciemny: czerwień administratorów miała 2,1 */
html[data-motyw="ciemny"] [style*="#AA0000"],
html[data-motyw="ciemny"] [style*="#aa0000"] { color: #FF7A7A !important; }

/* --- Zabezpieczenie ogólne na przyszłe grupy ---
   Dowolna barwa grupy wpisana w panelu trafia do znacznika jako styl
   liniowy, więc CSS nie zna jej wartości. brightness(0.40) gwarantuje
   próg 4,5 dla KAŻDEGO koloru: najgorszym przypadkiem jest biel, która
   po przyciemnieniu daje 4,77 na tle #EAEAEA. Reguła działa wyłącznie
   w motywie jasnym; barwy dobrane ręcznie niżej wyłączają filtr. */
html:not([data-motyw="ciemny"]) .username-coloured,
html:not([data-motyw="ciemny"]) a[style*="color:#"],
html:not([data-motyw="ciemny"]) a[style*="color: #"],
html:not([data-motyw="ciemny"]) span[style*="color:#"],
html:not([data-motyw="ciemny"]) span[style*="color: #"] {
	filter: brightness(0.40) saturate(1.3);
}

/* Barwy znane - dobrane ręcznie, czytelne i bliższe oryginałowi niż filtr */
html:not([data-motyw="ciemny"]) [style*="#00AA00"],
html:not([data-motyw="ciemny"]) [style*="#00aa00"] { color: #006E00 !important; filter: none !important; }
html:not([data-motyw="ciemny"]) [style*="#9E8DA7"],
html:not([data-motyw="ciemny"]) [style*="#9e8da7"] { color: #6B5C74 !important; filter: none !important; }
html:not([data-motyw="ciemny"]) [style*="#AA0000"],
html:not([data-motyw="ciemny"]) [style*="#aa0000"] { color: #AA0000 !important; filter: none !important; }

/* Kreska oddzielająca podpis to ciąg podkreśleń w #959595 - 2,5 na jasnym tle.
   Formalnie dekoracja, więc poza kryterium 1.4.3, ale i tak ledwo widoczna. */
.postbody .line, span.line { color: #666666; }
html[data-motyw="ciemny"] .postbody .line,
html[data-motyw="ciemny"] span.line { color: #99a1ab !important; }

/* Nagłówki tabel miały tekst #D4D4D4 na tle #5C5C5C - kontrast 4,51,
   czyli dokładnie na progu, bez żadnego zapasu. */
th, td.cat, td.catHead, td.catLeft, td.catRight, td.catBottom { color: #F2F2F2; }
th a, th a:visited, td.cat a, td.cat a:visited { color: #FFFFFF; }

/* --------------------------------------------------------------------
   Zgoda na statystykę odwiedzin

   Pasek pojawia się tylko wtedy, gdy użytkownik jeszcze nie odpowiedział.
   Nie zasłania treści na stałe i nie blokuje forum - RODO zabrania
   uzależniania dostępu od zgody. Oba przyciski mają identyczną wagę
   wizualną, bo odmowa musi być tak samo łatwa jak zgoda.
   -------------------------------------------------------------------- */

.zgoda-ciasteczka {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	background: #123E63;
	color: #FFFFFF;
	border-top: 3px solid #0F538A;
	box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.25);
	font-size: 1.1em;
	line-height: 1.5;
}

.zgoda-ciasteczka[hidden] { display: none; }

.zgoda-tresc {
	max-width: 1100px;
	margin: 0 auto;
	padding: 14px 18px;
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	align-items: center;
	justify-content: space-between;
}

.zgoda-tekst {
	margin: 0;
	flex: 1 1 380px;
	color: #FFFFFF;
}

/* #9FD0FF na #123E63 daje 6,83 - z zapasem ponad próg 4,5 */
.zgoda-ciasteczka a,
.zgoda-ciasteczka a:visited { color: #9FD0FF; text-decoration: underline; }
.zgoda-ciasteczka a:hover { color: #FFFFFF; }

.zgoda-przyciski {
	flex: 0 0 auto;
	display: flex;
	gap: 10px;
}

.zgoda-przycisk {
	font-family: inherit;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.4;
	padding: 8px 20px;
	cursor: pointer;
	/* Wypełnienie #E8EDF2 daje 9,41 względem paska, więc to ono odgranicza
	   przycisk w rozumieniu WCAG 1.4.11. Obwódka jest tylko ozdobą. */
	border: 1px solid #0B3350;
	border-radius: 3px;
	background: #E8EDF2;
	color: #10293F;
	min-width: 150px;
}

.zgoda-przycisk:hover { background: #FFFFFF; }

.zgoda-przycisk:focus-visible {
	outline: 3px solid #FFD24D;
	outline-offset: 2px;
}

/* Telefon - przyciski na pełną szerokość, żeby dało się w nie trafić */
@media (max-width: 560px) {
	.zgoda-tresc { padding: 12px 14px; }
	.zgoda-przyciski { width: 100%; }
	.zgoda-przycisk { flex: 1 1 0; min-width: 0; padding: 10px 8px; }
}

html[data-motyw="ciemny"] .zgoda-ciasteczka {
	background: #1b2530 !important;
	color: #dfe4ea !important;
	border-top-color: #3d6a94 !important;
}
html[data-motyw="ciemny"] .zgoda-tekst { color: #dfe4ea !important; }
html[data-motyw="ciemny"] .zgoda-ciasteczka a,
html[data-motyw="ciemny"] .zgoda-ciasteczka a:visited { color: #8ec4f5 !important; }
html[data-motyw="ciemny"] .zgoda-ciasteczka a:hover { color: #ffffff !important; }
/* W ciemnym wypełnienie #2f3a47 daje względem paska tylko 1,34, więc to
   obwódka musi odgraniczać przycisk. #7b8ea2 daje 4,60, ponad próg 3,0.
   Rozjaśnianie samego wypełnienia nie wchodzi w grę - odbiłoby się na
   kontraście napisu. */
html[data-motyw="ciemny"] .zgoda-przycisk {
	background: #2f3a47 !important;
	color: #eef2f6 !important;
	border-color: #7b8ea2 !important;
}
html[data-motyw="ciemny"] .zgoda-przycisk:hover { background: #3b4855 !important; }