body {
	background: #000000;
	color: #000;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 13px;
	text-align: center; /* IE 5 fix */
	line-height: 1.4;
        margin: 0;
        padding: 0;
}

.white {
        color: #ffffff!important;
}

a:link, a:visited {
	/*color: #8cb0cf;*/
        color: #fff5cf;
	text-decoration: none;
        outline: none;
}

#container {
	width: auto;
	color: #ffffff;
	text-align: left;
	min-width: 990px;
}

#header {
       padding-top: 15px;
       overflow: hidden;
       margin-bottom: 20px;
}

#content {
	/* FIX: Make internet explorer wrap correctly */
	width: auto !important;
        padding: 10px 20px;
}

.comment_count_val {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 auto;
background: #4B4B4B;
color: white;
width: 160px;
}

td.comment_count {
     position: relative;
     vertical-align:bottom;
}

h1#logo {
position: absolute;
left: 30px;
top: 30px;
margin: 0;
padding: 0;
}

h1#logo a {
display: block;
width: 30px;
height: 50px;
text-indent: -5000px; //ukrywamy tekst
outline: none;
}

#forum_block {
    background: #202020 none repeat scroll 0 0;
    border-radius: 3px;
    margin-bottom: 15px;
    margin-right: 235px;
    padding: 14px;
    width: auto;
    box-shadow: 0 0 8px #000;
}

#sidebar_button {
        width: 19px;
        height: 38px;
        background: url(../../../images/sidebar_button.png) no-repeat;
        background-position: 0 0;
        position: absolute;
        right: 0;
}




.sidebar_button_active {
        background-position: 0 -39px!important;
}

#sidebar_block {
        width: 220px;
        margin-bottom: 15px;
        float: right;
}


.pogrubieniewatku {
	text-shadow: 1px 1px 5px black;
}


.menu ul {
    background: #3e556a none repeat scroll 0 0;
    list-style: none;
    margin: 0;
    height: 38px;
}

.menu .separate {
    background: none;
}

.menu ul a, .menu ul span {
        float: left;
        text-decoration: none;
        color: #FFFFFF;
        clear: both;
        height: 38px;
        line-height: 38px;
        font-weight: bold;
        padding: 0 15px;
        width: auto;
        display: block;
}

.menu ul a {
    background: #41729e none repeat scroll 0 0;
}

div.logo {
        float: left;
        margin-left: 30px;
}

#panel {
	background: #222323;
	color: #ffffff;
	font-size: 12px;
	padding-bottom: 8px;
        position: relative;
        min-width: 545px;
        width: 50%;
        float: right;
        margin: 0 20px 0 0;
        border-radius: 0px 0px 6px 6px;
        -moz-border-radius: 0px 0px 6px 6px;
        -webkit-border-radius: 0px 0px 6px 6px;
}

#panel a.panel_usercp {
        width: 164px;
        height: 40px;
        background: url(../../../images/icon_usercp.gif) no-repeat;
        display: inline-block;
}

#panel a.panel_logout {
        width: 164px;
        height: 40px;
        background: url(../../../images/icon_logout.gif) no-repeat;
        display: inline-block;
}

#panel #avatar {
        width: 90px;
        margin-left: 5px;
        float: left;
}

#panel div.content {
        width: auto;
        overflow: hidden;
        margin-right: 5px;
}

#panel #panel_header {
    background: #3e556a none repeat scroll 0 0;
    border-radius: 2px;
    height: 26px;
    margin-bottom: 12px;
    width: 100%;
}

#panel_header_right {
    display: none;
}

#panel_header_left {
    display: none;
}

#messresult {
    background: #252525 none repeat scroll 0 0;
}

#panel .remember_me input {
	vertical-align: middle;
	margin-top: -1px;
}

table {
	color: #ffffff;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

.tborder {
    background: #151515 none repeat scroll 0 0;
    border: 1px solid #282828;
    border-collapse: unset;
    margin: 5px auto auto;
    padding: 2px;
    width: 100%;
}
.xborder {
    background: #151515 none repeat scroll 0 0;
    border: 1px solid #282828;
    border-collapse: unset;
    margin: 5px auto auto;
    padding: 2px;
    width: 100%;
}

.thead {
	background: #3e556a none repeat scroll 0 0;
	color: #ffffff;
	border-bottom: 2px solid #151515;
	border-radius: 3px 3px 2px 2px;
	height: 30px;
	line-height: 20px;
	padding-left: 15px;
}

.thead a:link {
	color: #ffffff;
	text-decoration: none;
}

.thead a:visited {
	color: #ffffff;
	text-decoration: none;
}

.thead a:hover, .thead a:active {
	color: #ffffff;
	text-decoration: underline;
}


.tcat {
    display: table-cell;
}

.tcat a:link {
	color: #ffffff;
}

.tcat a:visited {
	color: #ffffff;
}

.tcat a:hover, .tcat a:active {
	color: #ffffff;
}

.trow1 {
    background: #252525 none repeat scroll 0 0;
    border-bottom: 1px solid #151515;
    border-top: 1px solid #303030;
}

.trow2 {
    background: #252525 none repeat scroll 0 0;
    border-bottom: 1px solid #151515;
    border-top: 1px solid #303030;
}

.trow1_summary {
    background: #252525 none repeat scroll 0 0;
}

.trow2_summary {
    background: #252525 none repeat scroll 0 0;
}

.trow_shaded {
	background: #444444;
}

.trow_selected td {
	background: #444444;
}

.trow_sep {
	background: #151515;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}

.tfoot {
    background: #3e556a none repeat scroll 0 0;
    height: 26px;
    border-radius: 1px;
}

#posts {
    margin-top: -31px;
}

.forumbit_foot {
    display: none;
}

.tfoot a:link {
	color: #ffffff;
	text-decoration: none;
}

.tfoot a:visited {
	color: #ffffff;
	text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
	color: #ffffff;
	text-decoration: underline;
}

.bottommenu {
	background: #1F2020;
	padding: 10px;
        border-radius: 6px 6px 6px 6px;
        -moz-border-radius: 6px 6px 6px 6px;
        -webkit-border-radius: 6px 6px 6px 6px;
}

.navigation {
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
}

.navigation a:link {
	text-decoration: none;
}

.navigation a:visited {
	text-decoration: none;
}

.navigation a:hover, .navigation a:active {
	text-decoration: none;
}

.navigation .active {
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
}

.smalltext {
	font-size: 12px;
}

.largetext {
	font-size: 16px;
	font-weight: bold;
}

input.textbox {
	background: #ffffff;
	color: #000000;
	border: 1px solid #0f5c8e;
	padding: 1px;
}

textarea {
	background: #ffffff;
	color: #000000;
	border: 1px solid #0f5c8e;
	padding: 2px;
	font-family: Verdana, Arial, Sans-Serif;
	line-height: 1.4;
	font-size: 13px;
}

select {
	background: #ffffff;
	border: 1px solid #0f5c8e;
}

.editor {
	background: #f1f1f1;
	border: 1px solid #ccc;
}

.editor_control_bar {
	color: #000
	background: #fff;
	border: 1px solid #0f5c8e;
}

.autocomplete {
	background: #fff;
	border: 1px solid #000;
	color: black;
}

.autocomplete_selected {
	background: #adcee7;
	color: #000;
}

.popup_menu {
	background: #ccc;
	border: 1px solid #000;
}

.popup_menu .popup_item {
	background: #fff;
	color: #000;
}

.popup_menu .popup_item:hover {
	background: #C7DBEE;
	color: #000;
}

.trow_reputation_positive {
	background: #00772a;
}

.trow_reputation_negative {
	background: darkred;
}

.reputation_positive {
	color: #2fff0d;
}

.reputation_neutral {
	color: #444;
}

.reputation_negative {
	color: red;
}

.invalid_field {
	border: 1px solid #f30;
	color: #f30;
}

.valid_field {
	border: 1px solid #0c0;
}

.validation_error {
	background: url(../../../images/invalid.gif) no-repeat center left;
	color: #f30;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 12px;
	padding-left: 22px;
}

.validation_success {
	background: url(../../../images/valid.gif) no-repeat center left;
	color: #00b200;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 12px;
	padding-left: 22px;
}

.validation_loading {
	background: url(../../../images/spinner.gif) no-repeat center left;
	color: #555;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 12px;
	padding-left: 22px;
}

/* Additional CSS (Master) */
img {
	border: none;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
	float: none;
	width: 1%;
}

.hiddenrow {
	display: none;
}

.selectall {
	background-color: #FFFBD9;
	font-weight: bold;
	text-align: center;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.menu ul {
	background: #3e556a none repeat scroll 0 0;
	list-style: none;
	margin: 0;
	height: 38px;
}

.menu li {
	float: left;
        line-height: 38px;
        height: 38px;
        overflow: hidden;
}

.menu img {
	padding-right: 5px;
	vertical-align: top;
}

.expcolimage {
	float: right;
	width: auto;
	vertical-align: middle;
	margin-top: 3px;
}

img.attachment {
	border: 1px solid #E9E5D7;
	padding: 2px;
}

hr {
	color: #949494;
	background-color: #949494;
	height: 1px;
	border: 0px;
}

#copyright {
	font: 12px Verdana, Arial, Sans-Serif;
	margin: 0;
	padding: 10px 0 0 0;
}

#debug {
	float: right;
	text-align: right;
	margin-top: 0;
}

blockquote {
	border: 1px solid #ccc;
	margin: 0;
	background: #9B8F8F;
        color: #000000;
	padding: 4px;
}

blockquote cite {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	font-style: normal;
	display: block;
	margin: 4px 0;
}

blockquote cite span {
	float: right;
	font-weight: normal;
}

blockquote cite span.highlight {
	float: none;
	font-weight: bold;
	padding-bottom: 0;
}

.codeblock {
              border: 1px solid #ccc;
	margin: 0;
	background: #9B8F8F;
              color: #000000;
	padding: 4px;
}

.codeblock .title {
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	margin: 4px 0;
}

.codeblock code {
	overflow: auto;
	height: auto;
	max-height: 200px;
	display: block;
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 13px;
}

.subforumicon {
	border: 0;
	vertical-align: middle;
}

.separator {
	margin: 5px;
	padding: 0;
	height: 0px;
	font-size: 1px;
	list-style-type: none;
}

form {
	margin: 0;
	padding: 0;
}

.popup_menu .popup_item_container {
	margin: 1px;
	text-align: left;
}

.popup_menu .popup_item {
	display: block;
	padding: 3px;
	text-decoration: none;
	white-space: nowrap;
}

.popup_menu a.popup_item:hover {
	text-decoration: none;
}

.autocomplete {
	text-align: left;
}

.subject_new {
	font-weight: bold;
}

.highlight {
	background: gray;
	padding-top: 3px;
	padding-bottom: 3px;
}

.pm_alert {
	border: 1px solid #a28616;
        background: #151515;
	text-align: center;
	padding: 5px 20px;
	margin-bottom: 15px;
	font-size: 12px;
        border-radius: 6px 6px 6px 6px;
        -moz-border-radius: 6px 6px 6px 6px;
        -webkit-border-radius: 6px 6px 6px 6px;
}

.red_alert {
	border: 1px solid #A5161A;
        background: #151515;
	color: #A5161A;
	text-align: center;
	padding: 5px 20px;
	margin-bottom: 15px;
	font-size: 12px;
        border-radius: 6px 6px 6px 6px;
        -moz-border-radius: 6px 6px 6px 6px;
        -webkit-border-radius: 6px 6px 6px 6px;
}

.high_warning {
	color: #CC0000;
}

.moderate_warning {
	color: #F3611B;
}

.low_warning {
	color: #AE5700;
}

div.error {
	padding: 5px 10px;
	border-top: 2px solid #bff7ff;
	border-bottom: 2px solid #bff7ff;
	background: #2446ff;
	font-size: 12px;
}

div.error p {
	margin: 0;
	color: #000;
	font-weight: normal;
}

div.error p em {
	font-style: normal;
	font-weight: bold;
	padding-left: 24px;
	display: block;
	color: #C00;
	background: url(../../../images/error.gif) no-repeat 0;
}

div.error.ul {
	margin-left: 24px;
}

.online {
	color: #15A018;
}

.offline {
	color: #C7C7C7;
}

.pagination {
	font-size: 12px;
	padding-top: 10px;
	margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
	padding-top: 0;
}

.pagination .pages {
	font-weight: bold;
}

.pagination .pagination_current, .pagination a {
	padding: 2px 6px;
	margin-bottom: 3px;
}

.pagination a {
	border: 1px solid #81A2C4;
}

.pagination .pagination_current {
	background: #F5F5F5;
	border: 1px solid #81A2C4;
	font-weight: bold;
	color: #000;
}

.pagination a:hover {
	background: #F5F5F5;
	text-decoration: none;
}

.thread_legend, .thread_legend dd {
	margin: 0;
	padding: 0;
}

.thread_legend dd {
	padding-bottom: 4px;
	margin-right: 15px;
}

.thread_legend img {
	margin-right: 4px;
	vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
	margin: 0;
	padding: 0;
}

.forum_legend dd {
	float: left;
	margin-right: 10px;
}

.forum_legend dt {
	margin-right: 10px;
	float: left;
}

.success_message {
	color: #00b200;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 10px;
}

.error_message {
	color: #C00;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 10px;
}

.post_body {
	padding: 5px;
        color: #ffffff;
}

.post_content {
	padding: 5px 10px;
}

.quick_jump {
	background: url(../../../images/jump.gif) no-repeat 0;
	width: 13px;
	height: 13px;
	padding-left: 13px; /* amount of padding needed for image to fully show */
	vertical-align: middle;
	border: none;
}

.repbox {
	font-size:16px;
	font-weight: bold;
	padding:5px 7px 5px 7px;
}

._neutral {
	background-color:#FAFAFA;
	color: #999999;
	border:1px solid #CCCCCC;
}

._minus {
	background-color: #FDD2D1;
	color: #CB0200;
	border:1px solid #980201;
}

._plus {
	background-color:#000000;
	color: #ffffff;
	border:1px solid #ffffff;
}

.pagination_breadcrumb {
	background-color: #f5f5f5;
	border: 1px solid #fff;
	outline: 1px solid #ccc;
	padding: 5px;
	margin-top: 5px;
	font-weight: normal;
}

.pagination_breadcrumb_link {
	vertical-align: middle;
	cursor: pointer;
}

.shahaab {
list-style: none; 
margin: 0; 
padding: 0;
}

.shahaab li {
width: 50%; 
float: left;
}

h1,h2 {
     font: inherit;
     display: inline;
}

h3 {
display: block;
font-size: 1.17em;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}

.categories {
position: absolute;
margin-top: -30px; 
margin-left: 0px;
}

.categories_2 {
margin-left: 65px
}

.modnotice {
 background: #ADCBE7;
 padding: 8px;
 margin: auto auto;
 border: 1px solid #0F5C8E;
 color: #000000;
 font-size: 12px;
}

.prefiks {
display: inline-block;
height: 15px;
line-height: 15px;
padding: 0 5px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-top: -3px;
margin-right: 1px;
}

.alert_yellow {
background: #151515;
border: 1px solid yellow;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}

.alert_blue {
background: #151515;
border: 1px solid blue;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}

.alert_red {
background: #151515;
border: 2px solid red;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}

.alert_green {
background: #151515;
border: 1px solid green;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}

.alert_black {
background: #151515;
border: 1px solid black;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}

.alert_purple {
background: #151515;
border: 1px solid purple;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}

.alert_orange {
background: #151515;
border: 1px solid darkOrange;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}

.alert_light_blue {
background: #151515;
border: 1px solid blue;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}

.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(../../../../images/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(../../../../images/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(../../../../images/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(../../../../images/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(../../../../images/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(../../../../images/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(../../../../images/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(../../../../images/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(../../../../images/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(../../../../images/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(../../../../images/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(../../../../images/colorpicker_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}

.rainbow {
  background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  color:transparent;
  -webkit-background-clip: text;
  background-clip: text;
}


.alert_yellow {
border: 1px solid yellow;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}

.alert_blue {
border: 1px solid blue;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}

.alert_red {
border: 2px solid red;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}




.alert_green {
border: 1px solid green;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}


.alert_black {
border: 1px solid black;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}

.alert_purple {
border: 1px solid purple;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}

.alert_orange {
border: 1px solid darkOrange;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}

.alert_light_blue {
border: 1px solid blue;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}

.shoutbox {
	margin: 0;
	padding: 0;
	left: 0;
}


li.shoutbox_normal {
	list-style: none;
	margin: 0;
	position: relative;
	cursor: pointer;
	color: transparent;
	display: inline ;
	border: 1px;
	border-color: #FFFFFF;
}

li.shoutbox_color {
	list-style: none;
	position: relative;
	cursor: pointer;
	color: transparent;
	display: inline ;
	border: 0px;
	float: left;
	margin: 1px;
}

.shoutbox_button_color a {
	width: 9px;
	height: 9px;
	display: block;
	border: 1px solid #FFF;
}

.slider {
	display: none;
}


#infobar
{
	background-color: infobackground;
	border-bottom: 2px ridge threedlightshadow;
	color: infotext;
	cursor: default;
	left: 0;
	padding: 2px;
	position: fixed;
	text-align: left;
	top: 0;
	width: 100%;
	z-index: 32767;
}

#infobar:hover
{
	background-color: highlight;
	border-bottom-color: threedshadow;
	color: highlighttext;
}

#infobar span
{
	background: url(../../../inc/plugins/infobar/lightbulb.png) no-repeat left;
	padding-left: 22px;
}

#infobar span a
{
	color: infotext;
	text-decoration: none;
}

#infobar:hover span a
{
	color: highlighttext;
}

/* === Zarabiam3 modern dark layer === */
:root {
    --z3-bg: #080d12;
    --z3-bg-soft: #0d141c;
    --z3-surface: #111a24;
    --z3-surface-2: #16212d;
    --z3-surface-3: #1b2937;
    --z3-border: #263544;
    --z3-border-soft: rgba(151, 171, 190, .14);
    --z3-text: #edf4f7;
    --z3-muted: #93a4b3;
    --z3-green: #42d392;
    --z3-green-strong: #1bb978;
    --z3-green-soft: rgba(66, 211, 146, .12);
    --z3-amber: #ffb84d;
    --z3-danger: #ff6b6b;
    --z3-radius: 14px;
    --z3-radius-sm: 9px;
    --z3-shadow: 0 20px 60px rgba(0, 0, 0, .25);
}

* { box-sizing: border-box; }

html {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    background:
        radial-gradient(circle at 10% -10%, rgba(38, 86, 110, .22), transparent 34rem),
        var(--z3-bg);
    color: var(--z3-text);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.55;
    text-align: left;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

body, table, input, textarea, select, button {
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

/* The legacy guest infobar duplicates the new account actions and hero. */
#infobar { display: none !important; }

a:link, a:visited { color: #dceaf0; text-decoration: none; }
a:hover, a:active { color: var(--z3-green); }
img { max-width: 100%; height: auto; }
h1, h2, h3 { display: block; margin: 0; font: inherit; color: var(--z3-text); }

#container {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100%;
    margin: 0;
    color: var(--z3-text);
    overflow: visible;
}

.z3-wrap {
    width: calc(100% - 48px);
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

#content {
    width: calc(100% - 48px) !important;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding: 24px 0 0;
}

.z3-announcement {
    min-height: 35px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(66, 211, 146, .18);
    background: rgba(66, 211, 146, .06);
    color: #b8c8d1;
    font-size: 12px;
}

.z3-announcement .z3-wrap {
    display: flex;
    align-items: center;
    gap: 9px;
}

.z3-announcement a { margin-left: auto; color: var(--z3-green); font-weight: 700; }

.z3-live-dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: var(--z3-green);
    box-shadow: 0 0 0 4px rgba(66, 211, 146, .12);
}

#header.z3-site-header {
    position: relative;
    z-index: 30;
    margin: 0;
    padding: 0;
    overflow: visible;
    border-bottom: 1px solid var(--z3-border-soft);
    background: rgba(8, 13, 18, .92);
    box-shadow: 0 10px 35px rgba(0, 0, 0, .16);
}

.z3-header-inner {
    min-height: 78px;
    display: flex;
    align-items: center;
    gap: 32px;
}

.z3-brand {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    color: var(--z3-text) !important;
    font-size: 27px;
    font-weight: 850;
    letter-spacing: -1.4px;
    line-height: 1;
}

.z3-brand-mark {
    width: 32px;
    height: 40px;
    margin-right: 9px;
    flex: 0 0 32px;
    object-fit: contain;
}
.z3-brand-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }
.z3-brand-copy > span { display: flex; align-items: baseline; }
.z3-brand b { color: var(--z3-green); font-weight: 850; }
.z3-brand small {
    color: #718594;
    font-size: 8px;
    font-weight: 750;
    letter-spacing: 1.35px;
    text-transform: uppercase;
    white-space: nowrap;
}

.z3-header-ad {
    margin-top: 18px;
    text-align: center;
    overflow: hidden;
}
.z3-header-ad:empty {
    display: none;
}
.z3-header-ad img, .z3-header-ad iframe { max-width: 100%; height: auto; }
.z3-ad-slot {
    width: 100%;
    display: block;
}
.z3-ad-slot:empty,
.z3-ad-stack:empty {
    display: none;
}
.z3-ad-placeholder {
    display: none;
    align-items: center;
    justify-content: center;
    min-height: 92px;
    padding: 16px;
    border: 1px dashed rgba(76, 214, 148, .32);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(19, 42, 48, .72), rgba(10, 16, 23, .72));
    color: #78909d;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.z3-ad-slot img,
.z3-ad-slot iframe {
    max-width: 100%;
    height: auto;
}
.z3-ad-slot > div {
    max-width: 100%;
}

.z3-site-header .menu { margin-left: 16px; }
.z3-site-header .menu ul {
    display: flex;
    align-items: center;
    gap: 4px;
    height: auto;
    margin: 0;
    padding: 0;
    background: transparent;
    list-style: none;
}
.z3-site-header .menu li { float: none; height: auto; line-height: normal; overflow: visible; }
.z3-site-header .menu ul a {
    float: none;
    clear: none;
    display: block;
    width: auto;
    height: auto;
    padding: 10px 11px;
    border-radius: 8px;
    background: transparent;
    color: #aebdc7;
    font-size: 13px;
    font-weight: 650;
    line-height: 1;
}
.z3-site-header .menu ul a:hover { background: var(--z3-green-soft); color: var(--z3-green); }

.z3-style-switcher {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 auto;
    padding: 5px;
    border: 1px solid var(--z3-border);
    border-radius: 10px;
    background: rgba(17, 26, 36, .7);
}
.z3-style-switcher span {
    padding: 0 5px;
    color: #718594;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .9px;
    text-transform: uppercase;
}
.z3-style-switcher a {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 9px;
    border-radius: 7px;
    color: #b9c8d1 !important;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}
.z3-style-switcher a:hover {
    background: var(--z3-green-soft);
    color: var(--z3-green) !important;
}

#panel.z3-account-panel {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: auto;
    min-width: 0;
    margin: 0 0 0 auto;
    padding: 0;
    float: none;
    border-radius: 0;
    background: transparent;
    color: var(--z3-text);
    font-size: 13px;
}

.z3-guest-actions, .z3-member-actions { display: flex; align-items: center; gap: 11px; }
.z3-login-link { padding: 9px 4px; color: #c1ced6 !important; font-weight: 700; }

.z3-button, input.button, button.button, .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 19px;
    border: 1px solid var(--z3-green-strong);
    border-radius: 9px;
    background: linear-gradient(180deg, #36cd8b, #1cab70);
    box-shadow: 0 8px 22px rgba(27, 185, 120, .17);
    color: #04130d !important;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}
.z3-button:hover, input.button:hover, button.button:hover, .button:hover { filter: brightness(1.07); transform: translateY(-1px); }
.z3-button-small { min-height: 38px; padding: 0 15px; }
.z3-button-secondary { border-color: var(--z3-border); background: var(--z3-surface-2); box-shadow: none; color: #d9e4e9 !important; }

.z3-member-avatar img { display: block; width: 40px; height: 40px; object-fit: cover; border: 2px solid #344859; border-radius: 50%; }
.z3-member-meta { display: flex; flex-direction: column; max-width: 180px; line-height: 1.25; }
.z3-member-meta strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.z3-member-meta span, .z3-member-meta a { color: var(--z3-muted); font-size: 10px; }
.z3-icon-button { padding: 8px 9px; border: 1px solid var(--z3-border); border-radius: 7px; background: var(--z3-surface); color: #b9c8d1 !important; font-size: 10px; font-weight: 750; }
.z3-staff-links { display: inline; color: var(--z3-muted); font-size: 10px; }
.z3-staff-links a { color: var(--z3-green); font-weight: 700; }

.z3-system-messages:empty, .z3-breadcrumb:empty { display: none; }
.z3-system-messages > * { margin-bottom: 12px; }
.z3-breadcrumb { margin: 0 0 18px; color: var(--z3-muted); }
.z3-home .z3-breadcrumb { display: none; }
.navigation, .navigation a:link, .navigation a:visited { color: var(--z3-muted); font-size: 12px; }
.navigation .active { color: #dce8ed; font-size: 12px; }

.z3-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(340px, .65fr);
    gap: 30px;
    align-items: stretch;
    padding: 48px;
    border: 1px solid var(--z3-border-soft);
    border-radius: 20px;
    background:
        radial-gradient(circle at 12% 0%, rgba(66, 211, 146, .12), transparent 30rem),
        linear-gradient(135deg, rgba(17, 26, 36, .98), rgba(10, 17, 24, .98));
    box-shadow: var(--z3-shadow);
    overflow: hidden;
}

.z3-hero:after {
    content: "";
    position: absolute;
    right: -140px;
    top: -180px;
    width: 430px;
    height: 430px;
    border: 1px solid rgba(66, 211, 146, .12);
    border-radius: 50%;
    box-shadow: 0 0 0 70px rgba(66, 211, 146, .025), 0 0 0 140px rgba(66, 211, 146, .018);
    pointer-events: none;
}

.z3-hero-copy, .z3-trust-card { position: relative; z-index: 1; }
.z3-eyebrow, .z3-card-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--z3-green);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}
.z3-hero h1 { max-width: 760px; margin: 16px 0 18px; font-size: clamp(36px, 4.1vw, 62px); font-weight: 850; letter-spacing: -3px; line-height: .98; }
.z3-hero h1 em { color: var(--z3-green); font-style: normal; }
.z3-hero-copy > p { max-width: 720px; margin: 0; color: #aab9c3; font-size: 16px; line-height: 1.7; }
.z3-hero-actions { display: flex; gap: 10px; margin-top: 27px; }
.z3-hero-search { display: grid; grid-template-columns: 1fr auto; max-width: 680px; margin-top: 30px; }
.z3-hero-search label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.z3-hero-search input.textbox {
    min-width: 0;
    height: 46px;
    padding: 0 16px;
    border: 1px solid var(--z3-border);
    border-right: 0;
    border-radius: 10px 0 0 10px;
    background: #0b1219;
    color: var(--z3-text);
    font-size: 13px;
}
.z3-hero-search .button { height: 46px; border-radius: 0 10px 10px 0; }

.z3-trust-card { align-self: center; padding: 24px; border: 1px solid var(--z3-border); border-radius: var(--z3-radius); background: rgba(8, 14, 20, .76); box-shadow: 0 18px 45px rgba(0,0,0,.2); }
.z3-trust-item { display: grid; grid-template-columns: 38px 1fr; gap: 12px; padding: 17px 0; border-bottom: 1px solid var(--z3-border-soft); }
.z3-trust-item > b { color: var(--z3-amber); font-size: 11px; }
.z3-trust-item div { display: flex; flex-direction: column; gap: 2px; }
.z3-trust-item strong { font-size: 13px; }
.z3-trust-item span { color: var(--z3-muted); font-size: 11px; }
.z3-trust-card > a { display: inline-block; margin-top: 18px; color: var(--z3-green); font-size: 11px; font-weight: 750; }

.z3-home-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 22px; align-items: start; margin-top: 42px; }
.z3-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin: 0 0 16px; }
.z3-section-heading h2 { margin-top: 5px; font-size: 23px; font-weight: 800; letter-spacing: -.6px; }
.z3-section-heading > a { color: var(--z3-muted); font-size: 11px; font-weight: 700; }

#forum_block { width: auto; margin: 0; padding: 0; border-radius: 0; background: transparent; box-shadow: none; }
.z3-category { margin: 0 0 14px; padding: 0; border: 1px solid var(--z3-border); border-collapse: separate; border-spacing: 0; border-radius: var(--z3-radius); background: var(--z3-surface); box-shadow: 0 12px 32px rgba(0,0,0,.12); overflow: hidden; }
.z3-category .thead { position: relative; height: auto; min-height: 74px; padding: 16px 52px 16px 18px; border: 0; border-bottom: 1px solid var(--z3-border); border-radius: 0; background: linear-gradient(90deg, rgba(66,211,146,.08), rgba(66,211,146,.015)); color: var(--z3-text); line-height: 1.35; }
.z3-category-title { display: flex; align-items: center; gap: 14px; }
.z3-category-title strong a { color: #f4f8fa; font-size: 17px; font-weight: 800; }
.z3-category-title .smalltext { margin-top: 3px; color: var(--z3-muted); font-size: 11px; font-weight: 450; }
.z3-category-icon { display: grid; place-items: center; width: 48px; height: 48px; flex: 0 0 48px; border: 1px solid rgba(66,211,146,.25); border-radius: 12px; background: var(--z3-green-soft); color: var(--z3-green); font-size: 17px; }
.z3-category .expcolimage { position: absolute; right: 18px; top: 50%; margin: -8px 0 0; opacity: .65; }

.z3-forum-row td { padding: 15px 12px; border: 0; border-bottom: 1px solid var(--z3-border-soft); background: var(--z3-surface); transition: background .18s ease; }
.z3-forum-row:last-child td { border-bottom: 0; }
.z3-forum-row:hover td { background: var(--z3-surface-2); }
.z3-forum-status { width: 68px; padding-left: 16px !important; text-align: center; }
.z3-forum-status img { width: 40px; height: 40px; object-fit: contain; opacity: .95; }
.z3-forum-main { min-width: 260px; }
.z3-forum-main > strong > a { color: #edf4f7; font-size: 14px; font-weight: 780; }
.z3-forum-main .smalltext { max-width: 610px; margin-top: 3px; color: var(--z3-muted); font-size: 11px; line-height: 1.45; }
.z3-forum-main .smalltext font { color: inherit !important; }
.z3-forum-counts { width: 150px; white-space: nowrap; color: #728695; text-align: right; }
.z3-forum-counts span {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    gap: 4px;
    min-width: 0;
    font-size: 10px;
    line-height: 1.45;
}
.z3-forum-counts strong { color: #c9d7de; font-size: 11px; }
.z3-forum-counts br { display: none; }
.z3-forum-counts .smalltext { display: inline !important; font-size: 9px; line-height: 1; }
.z3-forum-lastpost { width: 230px; color: var(--z3-muted); font-size: 10px; text-align: right; white-space: normal !important; }
.z3-forum-lastpost a { color: #c9d7de; font-weight: 650; }

.z3-sidebar { display: grid; gap: 14px; }
.z3-side-card { padding: 20px; border: 1px solid var(--z3-border); border-radius: var(--z3-radius); background: var(--z3-surface); box-shadow: 0 12px 30px rgba(0,0,0,.13); }
.z3-side-heading { display: flex; align-items: center; gap: 9px; margin-bottom: 12px; }
.z3-side-heading h2, .z3-premium-card h2, .z3-mentoring-card h2 { font-size: 14px; font-weight: 800; }
.z3-flame { color: var(--z3-amber); }
.z3-topic-link { display: flex; flex-direction: column; gap: 3px; padding: 12px 0; border-bottom: 1px solid var(--z3-border-soft); }
.z3-topic-link:last-child { border-bottom: 0; padding-bottom: 0; }
.z3-topic-link span { color: var(--z3-green); font-size: 9px; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; }
.z3-topic-link strong { color: #dce7ec; font-size: 11px; line-height: 1.4; }
.z3-premium-card { background: linear-gradient(145deg, rgba(43,57,38,.95), var(--z3-surface)); }
.z3-premium-card h2 { margin: 8px 0; line-height: 1.35; }
.z3-premium-card p { margin: 0 0 14px; color: #9faea9; font-size: 11px; }
.z3-mentoring-card {
    background: linear-gradient(145deg, rgba(18, 43, 57, .96), var(--z3-surface));
}
.z3-mentoring-card h2 { margin: 8px 0; line-height: 1.35; }
.z3-mentoring-card p { margin: 0 0 14px; color: #a9bdc8; font-size: 11px; }
.z3-text-link { color: var(--z3-green) !important; font-size: 11px; font-weight: 800; }
.z3-quick-card > a { display: flex; justify-content: space-between; padding: 9px 0; border-bottom: 1px solid var(--z3-border-soft); color: #bdcad2; font-size: 11px; font-weight: 650; }
.z3-quick-card > a:last-child { border-bottom: 0; }
.z3-quick-card > a span { color: var(--z3-green); }
.z3-style-card .z3-style-switcher {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 0;
    border: 0;
    background: transparent;
}
.z3-style-card .z3-style-switcher a {
    justify-content: center;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid var(--z3-border-soft);
    border-radius: 10px;
    background: rgba(66, 211, 146, .08);
    color: #d7e6ed !important;
    font-size: 11px;
}
.z3-style-card .z3-style-switcher a:hover {
    border-color: rgba(66, 211, 146, .45);
    background: rgba(66, 211, 146, .16);
}
.z3-ad-stack { position: relative; display: grid; gap: 10px; padding-top: 0; text-align: center; }
.z3-ad-stack img, .z3-bottom-ad img, .z3-footer-ad img { max-width: 100%; height: auto; border-radius: 8px; }
.z3-ad-stack iframe, .z3-footer-ad iframe { max-width: 100%; }
.z3-ad-label { position: absolute; top: 2px; left: 0; color: #657785; font-size: 8px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }

.z3-section { margin-top: 28px; }
.z3-gallery-section > table, .z3-gallery-section .tborder { border-radius: var(--z3-radius); overflow: hidden; }
.z3-gallery-section img { object-fit: cover; }
.z3-prostats { margin-top: 28px; }
.z3-boardstats-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: 14px; }
.z3-stats-card { min-width: 0; padding: 22px; border: 1px solid var(--z3-border); border-radius: var(--z3-radius); background: var(--z3-surface); }
.z3-stat-block { display: flex; gap: 14px; align-items: flex-start; }
.z3-stat-block + .z3-stat-block { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--z3-border-soft); }
.z3-stat-icon { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 34px; border-radius: 9px; background: var(--z3-green-soft); color: var(--z3-green); }
.z3-stat-block > div { min-width: 0; }
.z3-stat-block > div > strong { display: block; margin-bottom: 5px; color: #e7eff2; }
.z3-stat-block .smalltext strong { display: inline; margin: 0; }
.z3-stat-block .smalltext br + a,
.z3-stat-block .smalltext br + font,
.z3-stat-block .smalltext br + span,
.z3-stat-block .smalltext br + strong { margin-left: 0; }
.z3-stat-block .smalltext { display: block; color: var(--z3-muted); line-height: 1.6; }
.z3-stats-links { display: flex; justify-content: flex-end; gap: 15px; padding: 12px 4px; }
.z3-stats-links a { color: var(--z3-muted); font-size: 10px; }
.z3-bottom-ad { margin: 26px auto; text-align: center; }
.z3-community-tools { display: grid; gap: 18px; }

.tborder, .xborder {
    width: 100%;
    margin: 8px auto;
    padding: 0;
    border: 1px solid var(--z3-border);
    border-collapse: separate;
    border-spacing: 0;
    border-radius: var(--z3-radius-sm);
    background: var(--z3-surface);
    color: var(--z3-text);
    overflow: hidden;
}
.thead { height: auto; min-height: 38px; padding: 10px 14px; border: 0; border-bottom: 1px solid var(--z3-border); border-radius: 0; background: var(--z3-surface-3); color: var(--z3-text); line-height: 1.35; }
.tcat { background: #17232e; color: #c9d5dc; }
.trow1, .trow2, .trow1_summary, .trow2_summary { padding: 10px; border-color: var(--z3-border-soft); background: var(--z3-surface); color: #d7e2e7; }
.trow2 { background: #121c26; }
.trow_shaded, .trow_selected td { background: #2b3035; }
.tfoot { height: auto; padding: 9px 12px; border-radius: 0; background: #17232e; }
.smalltext { color: var(--z3-muted); font-size: 11px; }
.largetext { font-size: 16px; }

input.textbox, textarea, select {
    max-width: 100%;
    padding: 8px 10px;
    border: 1px solid var(--z3-border);
    border-radius: 7px;
    background: #0c131a;
    color: var(--z3-text);
    font-size: 13px;
}
textarea { line-height: 1.55; }
input.textbox:focus, textarea:focus, select:focus { outline: 2px solid rgba(66,211,146,.22); border-color: var(--z3-green-strong); }
.editor { border-color: var(--z3-border); background: #d9e0e4; }

.post_body { color: #dfe8ec; font-size: 14px; line-height: 1.7; }
.post_content { padding: 14px 16px; }
.z3-showthread #posts { margin-top: 8px; }
.z3-thread-head .thead { padding: 13px 16px; }
.z3-post { margin: 10px 0 0; }
.z3-showthread .thread_rating,
.z3-showthread #rating,
.z3-showthread #thread_rating,
.z3-showthread [id^="rating_thread_"],
.z3-showthread .star_rating,
.z3-showthread .star_rating_notrated,
.z3-showthread .star_rating_success,
.z3-showthread .rating_table,
.z3-thread-list .star_rating,
.z3-thread-list .rating_table,
.z3-thread-list img[src*="star_rating"],
.z3-showthread img[src*="star_rating"] {
    display: none !important;
}
.z3-post-author {
    width: 190px;
    padding: 18px 14px !important;
    text-align: center;
    white-space: normal !important;
}
.z3-author-head { display: flex; flex-direction: column; align-items: center; gap: 9px; }
.z3-author-avatar img { display: block; width: 112px !important; height: 112px !important; max-width: 112px; max-height: 112px; border-radius: 12px; object-fit: cover; object-position: center; }
.z3-author-identity { min-width: 0; }
.z3-author-details { margin-top: 11px; color: var(--z3-muted); line-height: 1.55; }
.z3-post-content-cell { min-width: 0; padding: 15px 18px !important; }
.z3-post-heading { min-height: 25px; padding-bottom: 10px; border-bottom: 1px solid var(--z3-border-soft); }
.z3-post-message { min-width: 0; max-width: 100%; padding: 14px 0; overflow-wrap: anywhere; }
.z3-post-message img, .z3-post-message iframe, .z3-post-message video { max-width: 100% !important; height: auto !important; }
.z3-post-message pre, .z3-post-message code { max-width: 100%; overflow-x: auto; }
.z3-post-message div[style*="font-family: Arial"][style*="background-color: #f9f9f9"] {
    box-sizing: border-box;
    width: min(100%, 1100px) !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: clamp(16px, 2.2vw, 28px) !important;
    overflow: hidden;
    border-color: #d9e1e5 !important;
    border-radius: 14px !important;
    background: #f8fafc !important;
    color: #101418 !important;
    font-size: 16px !important;
    line-height: 1.72 !important;
    text-align: left !important;
}
.z3-post-message div[style*="font-family: Arial"][style*="background-color: #f9f9f9"] * {
    box-sizing: border-box;
}
.z3-post-message div[style*="font-family: Arial"][style*="background-color: #f9f9f9"] > p {
    max-width: 100%;
}
.z3-post-message div[style*="font-family: Arial"][style*="background-color: #f9f9f9"] span[style*="font-size: xx-large"] {
    display: block;
    margin-bottom: 16px;
    font-size: clamp(26px, 3vw, 36px) !important;
    line-height: 1.28 !important;
    letter-spacing: -.02em;
}
.z3-post-message div[style*="font-family: Arial"][style*="background-color: #f9f9f9"] span[style*="font-size: x-large"] {
    display: block;
    margin-top: 26px;
    margin-bottom: 8px;
    font-size: clamp(21px, 2.2vw, 28px) !important;
    line-height: 1.35 !important;
}
.z3-post-message div[style*="font-family: Arial"][style*="background-color: #f9f9f9"] div[style*="display: flex"] {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 16px 0 18px !important;
}
.z3-post-message div[style*="font-family: Arial"][style*="background-color: #f9f9f9"] div[style*="display: flex"] > img.postimage {
    flex: 1 1 420px;
    width: auto !important;
    max-width: min(100%, 550px) !important;
    border-radius: 10px;
}
.z3-post-message div[style*="font-family: Arial"][style*="background-color: #f9f9f9"] div[style*="display: flex"] > p {
    flex: 1 1 320px;
    min-width: 0;
    max-width: 100% !important;
    margin: 0 !important;
    color: #101418 !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    text-align: left !important;
    overflow-wrap: break-word;
}
.z3-post-signature { max-width: 100%; overflow: hidden; }
.z3-post-signature img { max-width: 100% !important; height: auto !important; }
.z3-post-meta { margin-top: 14px; color: var(--z3-muted); font-size: 10px; text-align: right; }
.z3-post-date { width: 190px; padding: 9px 12px !important; text-align: center; white-space: normal !important; }
.z3-post-actions-cell { padding: 8px 12px !important; }
.z3-post-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.z3-post-user-actions, .z3-post-management-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }
.z3-post-actions a, .z3-post-actions img { display: inline-flex; max-width: 100%; }
.z3-thread-search form { display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.z3-quickreply-editor textarea { display: block; width: 100%; min-height: 210px; resize: vertical; }
.z3-quickreply-codebuttons { max-width: 100%; overflow-x: auto; }
.z3-quickreply-codebuttons table { max-width: 100%; }
.z3-quickreply-buttons { display: flex; justify-content: center; gap: 8px; }
.z3-similarthreads { table-layout: auto; }
.z3-similar-subject { min-width: 220px; }
.z3-similar-lastpost { white-space: nowrap; }
.z3-showthread .thread_tools { margin: 4px 0; padding-left: 22px; }
blockquote, .codeblock { padding: 13px; border: 1px solid var(--z3-border); border-radius: 8px; background: #0b1219; color: #c9d6dc; }
blockquote cite, .codeblock .title { border-color: var(--z3-border); }
.pm_alert { border-color: rgba(255,184,77,.4); background: rgba(255,184,77,.08); color: #ffd18b; }
.red_alert, div.error { border: 1px solid rgba(255,107,107,.45); border-radius: 8px; background: rgba(255,107,107,.08); color: #ff9a9a; }
.popup_menu { border-color: var(--z3-border); background: var(--z3-surface-2); }
.popup_menu .popup_item { background: var(--z3-surface); color: var(--z3-text); }
.popup_menu .popup_item:hover { background: var(--z3-surface-3); color: var(--z3-green); }
.pagination a { border-color: var(--z3-border); border-radius: 5px; }
.pagination .pagination_current { border-color: var(--z3-green-strong); border-radius: 5px; background: var(--z3-green); color: #07110d; }

.usercp_nav_item img,
.tborder img[src*="avatar"],
.tborder img[src*="uploads/avatars"],
.tborder img[src*="default_avatar"],
.member_profile img[src*="avatar"],
.member_profile img[src*="uploads/avatars"],
.member_profile img[src*="default_avatar"] {
    max-width: 100%;
    height: auto;
}

body[action="usercp"] .tborder img[src*="avatar"],
body[action="usercp"] .tborder img[src*="uploads/avatars"],
body[action="usercp"] .tborder img[src*="default_avatar"],
.usercp_avatar img,
#usercp_avatar img {
    display: block;
    width: 96px !important;
    height: 96px !important;
    max-width: 96px !important;
    max-height: 96px !important;
    border: 1px solid var(--z3-border);
    border-radius: 12px;
    background: #0b1219;
    object-fit: cover;
    object-position: center;
}

.member_profile img[src*="avatar"],
.member_profile img[src*="uploads/avatars"],
.member_profile img[src*="default_avatar"],
table.tborder td[width="25%"][align="right"][valign="middle"] img[src*="avatar"],
table.tborder td[width="25%"][align="right"][valign="middle"] img[src*="uploads/avatars"],
table.tborder td[width="25%"][align="right"][valign="middle"] img[src*="default_avatar"],
table.tborder td[width="1"] img[src*="avatar"],
table.tborder td[width="1"] img[src*="uploads/avatars"],
table.tborder td[width="1"] img[src*="default_avatar"] {
    display: block;
    width: 112px !important;
    height: 112px !important;
    max-width: 112px !important;
    max-height: 112px !important;
    border: 1px solid var(--z3-border);
    border-radius: 14px;
    background: #0b1219;
    object-fit: cover;
    object-position: center;
}

.z3-footer-ad { margin-top: 34px; text-align: center; }
.z3-footer { margin-top: 34px; padding: 34px 0 18px; border-top: 1px solid var(--z3-border); }
.z3-footer-grid { display: grid; grid-template-columns: 1.65fr repeat(3, 1fr); gap: 46px; }
.z3-footer-grid .z3-brand-footer { margin-bottom: 12px; font-size: 23px; }
.z3-footer-grid p { max-width: 380px; margin: 14px 0 0; color: var(--z3-muted); font-size: 11px; }
.z3-footer-grid > div { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.z3-footer-grid > div > strong { margin-bottom: 4px; color: #dce7ec; font-size: 11px; text-transform: uppercase; letter-spacing: .8px; }
.z3-footer-grid > div > a { color: var(--z3-muted); font-size: 11px; }
.z3-footer-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 28px; padding-top: 16px; border-top: 1px solid var(--z3-border-soft); color: #657784; font-size: 9px; }
#debug { float: none; text-align: inherit; }

@media (max-width: 1180px) {
    .z3-header-inner { gap: 18px; }
    .z3-site-header .menu { margin-left: 0; }
    .z3-site-header .menu ul a { padding: 9px 7px; font-size: 11px; }
    .z3-member-meta, .z3-icon-button { display: none; }
    .z3-hero { grid-template-columns: 1fr 340px; padding: 38px; }
    .z3-home-layout { grid-template-columns: minmax(0,1fr) 280px; }
    .z3-forum-lastpost { width: 185px; }
}

@media (max-width: 940px) {
    .z3-wrap { width: calc(100% - 30px); max-width: 760px; }
    #content { width: calc(100% - 30px) !important; max-width: 760px; }
    .z3-header-inner { min-height: 70px; flex-wrap: wrap; padding: 14px 0; }
    .z3-primary-nav { order: 3; width: 100%; overflow-x: auto; }
    .z3-site-header .menu ul { justify-content: flex-start; min-width: max-content; }
    #panel.z3-account-panel { align-items: flex-end; }
    .z3-hero { grid-template-columns: 1fr; gap: 26px; padding: 34px; }
    .z3-trust-card { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; align-items: start; }
    .z3-trust-card > .z3-card-label, .z3-trust-card > a { grid-column: 1 / -1; }
    .z3-trust-item { display: block; padding: 11px; border: 1px solid var(--z3-border-soft); border-radius: 9px; }
    .z3-trust-item > b { display: block; margin-bottom: 5px; }
    .z3-home-layout { grid-template-columns: 1fr; }
    .z3-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .z3-ad-stack { grid-column: 1 / -1; }
    .z3-boardstats-grid { grid-template-columns: 1fr; }
    .z3-footer-grid { grid-template-columns: 1.4fr repeat(3,1fr); gap: 22px; }
}

@media (max-width: 680px) {
    .z3-wrap { width: calc(100% - 22px); }
    #content { width: calc(100% - 22px) !important; }
    #content { padding-top: 14px; }
    .z3-announcement { display: none; }
    .z3-header-inner { gap: 12px; }
    .z3-brand { font-size: 22px; }
    .z3-brand-mark { width: 27px; height: 34px; margin-right: 7px; flex-basis: 27px; }
    .z3-brand-copy { gap: 4px; }
    #panel.z3-account-panel { width: 100%; margin-left: 0; align-items: stretch; }
    .z3-member-actions {
        width: 100%;
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 6px;
        padding-top: 2px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .z3-member-actions::-webkit-scrollbar { display: none; }
    .z3-member-avatar img {
        width: 28px;
        height: 28px;
    }
    .z3-icon-button {
        display: inline-flex !important;
        flex: 0 0 auto;
        min-height: 28px;
        padding: 0 8px;
        font-size: 9px;
        white-space: nowrap;
    }
    .z3-staff-links {
        display: flex !important;
        flex: 0 0 auto;
        flex-wrap: nowrap;
        align-items: center;
        gap: 5px;
        width: auto;
        font-size: 9px;
        white-space: nowrap;
    }
    .z3-staff-links a {
        display: inline-flex;
        flex: 0 0 auto;
        min-height: 26px;
        align-items: center;
        padding: 0 7px;
        border: 1px solid var(--z3-border-soft);
        border-radius: 8px;
        background: rgba(66, 211, 146, .08);
        white-space: nowrap;
    }
    .z3-style-switcher {
        width: 100%;
        justify-content: center;
        overflow-x: auto;
    }
    .z3-style-switcher span { display: none; }
    .z3-login-link { display: none; }
    .z3-button-small { min-height: 34px; padding: 0 11px; font-size: 10px; }
    .z3-member-actions { gap: 7px; }
    .z3-hero { padding: 26px 20px; border-radius: 15px; }
    .z3-hero h1 { margin-top: 13px; font-size: 38px; letter-spacing: -2px; }
    .z3-hero-copy > p { font-size: 14px; }
    .z3-hero-actions { flex-direction: column; }
    .z3-hero-actions .z3-button { width: 100%; }
    .z3-hero-search { grid-template-columns: 1fr; }
    .z3-hero-search input.textbox { border-right: 1px solid var(--z3-border); border-radius: 9px; }
    .z3-hero-search .button { margin-top: 7px; border-radius: 9px; }
    .z3-trust-card { grid-template-columns: 1fr; }
    #content table:has(.usercp_nav_item),
    #content table:has(.usercp_nav_item) > tbody,
    #content table:has(.usercp_nav_item) > tbody > tr,
    #content table:has(.usercp_nav_item) > tbody > tr > td {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
    }
    #content table:has(.usercp_nav_item) > tbody > tr > td:first-child {
        margin-bottom: 14px;
    }
    #content table:has(.usercp_nav_item) table {
        max-width: 100% !important;
    }
    #content table:has(.usercp_nav_item) .tborder {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    #content table:has(.usercp_nav_item) .tborder tbody,
    #content table:has(.usercp_nav_item) .tborder tr {
        max-width: 100%;
    }
    #content table:has(.usercp_nav_item) .tborder table,
    #content table:has(.usercp_nav_item) .tborder > tbody,
    #content table:has(.usercp_nav_item) .tborder > tbody > tr {
        width: 100%;
    }
    #content table:has(.usercp_nav_item) .tborder table {
        min-width: 620px;
    }
    #content table:has(.usercp_nav_item) .tborder td,
    #content table:has(.usercp_nav_item) .tborder th {
        overflow-wrap: normal;
        word-break: normal;
    }
    #content table:has(.usercp_nav_item) .tborder td:first-child,
    #content table:has(.usercp_nav_item) .tborder th:first-child {
        min-width: 210px;
    }
    .z3-trust-card > .z3-card-label, .z3-trust-card > a { grid-column: auto; }
    .z3-section-heading { align-items: flex-start; }
    .z3-section-heading > a { display: none; }
    .z3-section-heading h2 { font-size: 20px; }
    .z3-category .thead { padding-left: 13px; }
    .z3-category-title { gap: 10px; }
    .z3-category-icon { width: 42px; height: 42px; flex-basis: 42px; font-size: 15px; }
    .z3-category-title strong a { font-size: 14px; }
    .z3-category-title .smalltext { display: none; }
    .z3-forum-row td { padding-top: 13px; padding-bottom: 13px; }
    .z3-forum-status { width: 48px; padding-left: 8px !important; padding-right: 4px !important; }
    .z3-forum-status img { width: 32px; height: 32px; }
    .z3-forum-main { min-width: 0; }
    .z3-forum-main > strong > a { font-size: 12px; }
    .z3-forum-main .smalltext { max-height: 34px; overflow: hidden; font-size: 9px; }
    .z3-forum-counts, .z3-forum-lastpost { display: none; }
    .z3-thread-list { table-layout: auto; }
    .z3-thread-list td.tcat:nth-of-type(n+3),
    .z3-thread-list td.forumdisplay_regular:nth-child(2),
    .z3-thread-list td.forumdisplay_regular:nth-child(n+5),
    .z3-thread-list td.forumdisplay_sticky:nth-child(2),
    .z3-thread-list td.forumdisplay_sticky:nth-child(n+5) { display: none; }
    .z3-thread-list td.tcat:first-child { width: auto !important; }
    .z3-thread-list td.tcat:nth-of-type(2) { width: 52px !important; padding-left: 4px; padding-right: 4px; }
    .z3-thread-list td.forumdisplay_regular:first-child,
    .z3-thread-list td.forumdisplay_sticky:first-child { width: 28px !important; padding: 6px 3px; }
    .z3-thread-list td.forumdisplay_regular:nth-child(3),
    .z3-thread-list td.forumdisplay_sticky:nth-child(3) { width: auto; padding: 10px 5px; overflow-wrap: anywhere; }
    .z3-thread-list td.forumdisplay_regular:nth-child(4),
    .z3-thread-list td.forumdisplay_sticky:nth-child(4) { width: 52px; padding: 6px 3px; }
    .z3-showthread #content { padding-bottom: 86px; }
    .z3-showthread #content > .float_left,
    .z3-showthread #content > .float_right { float: none; width: 100%; max-width: 100%; margin: 7px 0; text-align: left !important; }
    .z3-showthread #content > .float_right img { max-width: 100%; height: auto; }
    .z3-thread-head { display: block; width: 100%; }
    .z3-thread-head tbody, .z3-thread-head tr, .z3-thread-head td { display: block; width: 100%; }
    .z3-thread-head .tcat { display: none !important; }
    .z3-thread-head .thead > div { float: none !important; width: auto !important; margin: 0 0 7px; }
    .z3-thread-head .thead > div:first-child { color: var(--z3-muted); font-size: 10px; }
    .z3-showthread #posts { margin-top: 8px; }
    .z3-post, .z3-post > tbody { display: block; width: 100%; max-width: 100%; }
    .z3-post > tbody > tr { width: 100%; max-width: 100%; }
    .z3-post-main-row { display: flex; flex-direction: column; }
    .z3-post-main-row > td { display: block; width: 100% !important; max-width: 100%; }
    .z3-post-author { padding: 13px !important; text-align: left !important; }
    .z3-author-head { flex-direction: row; align-items: center; gap: 12px; }
    .z3-author-avatar { flex: 0 0 62px; }
    .z3-author-avatar img { display: block; width: 62px !important; height: 62px !important; object-fit: cover; }
    .z3-author-identity { flex: 1 1 auto; }
    .z3-author-identity .largetext { font-size: 14px; }
    .z3-author-details { display: none; }
    .z3-post-content-cell { padding: 12px !important; }
    .z3-post-heading { min-height: 30px; padding-bottom: 8px; }
    .z3-post-heading > div { max-width: 45%; }
    .z3-post-message { width: 100%; padding: 11px 0; font-size: 13px; line-height: 1.62; overflow: hidden; }
    .z3-post-message div, .z3-post-message table, .z3-post-message iframe, .z3-post-message video { max-width: 100% !important; }
    .z3-post-message div[style*="font-family: Arial"][style*="background-color: #f9f9f9"] {
        width: 100% !important;
        padding: 14px !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
    }
    .z3-post-message div[style*="font-family: Arial"][style*="background-color: #f9f9f9"] div[style*="display: flex"] {
        display: block !important;
    }
    .z3-post-message div[style*="font-family: Arial"][style*="background-color: #f9f9f9"] div[style*="display: flex"] > img.postimage {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 12px !important;
    }
    .z3-post-message div[style*="font-family: Arial"][style*="background-color: #f9f9f9"] div[style*="display: flex"] > p {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }
    .z3-post-message table { display: block; width: 100% !important; overflow-x: auto; }
    .z3-post-message td { max-width: 100%; }
    .z3-post-footer-row { display: flex; flex-direction: column; }
    .z3-post-footer-row > td { display: block; width: 100% !important; }
    .z3-post-date { padding: 7px 12px !important; text-align: left; }
    .z3-post-actions { align-items: flex-start; flex-direction: column; }
    .z3-post-user-actions, .z3-post-management-actions { width: 100%; gap: 6px; }
    .z3-post-actions a { margin: 0; }
    .z3-post > tbody > tr[id^="fr_votes_"] { display: block; }
    .z3-post > tbody > tr[id^="fr_votes_"] > td { display: block; width: 100% !important; padding: 8px 12px !important; text-align: left !important; }
    .z3-thread-search, .z3-thread-search form { width: 100%; }
    .z3-thread-search form { display: grid; grid-template-columns: 1fr; }
    .z3-thread-search input { width: 100%; }
    .z3-quickreply-table, .z3-quickreply-table > tbody { display: block; width: 100%; }
    .z3-quickreply-main { display: flex; flex-direction: column; width: 100%; }
    .z3-quickreply-main > td { display: block; width: 100% !important; }
    .z3-quickreply-options { padding: 12px !important; }
    .z3-quickreply-smilies, .z3-quickreply-codebuttons { display: none; }
    .z3-quickreply-editor { padding: 12px !important; }
    .z3-quickreply-editor textarea { width: 100% !important; min-height: 180px; margin: 0; padding: 10px; }
    .z3-quickreply-buttons { flex-direction: column; padding: 2px; }
    .z3-quickreply-buttons .button { width: 100%; }
    .z3-similarthreads, .z3-similarthreads > tbody { display: block; width: 100%; }
    .z3-similarthreads > tbody > tr:first-child { display: block; width: 100%; }
    .z3-similarthreads > tbody > tr:first-child > .thead { display: block; width: 100%; text-align: left; }
    .z3-similar-head { display: none; }
    .z3-similar-row { display: grid; grid-template-columns: minmax(0, 1fr) 44px; width: 100%; border-bottom: 1px solid var(--z3-border-soft); }
    .z3-similar-row:last-child { border-bottom: 0; }
    .z3-similar-icon, .z3-similar-author, .z3-similar-views, .z3-similar-lastpost { display: none; }
    .z3-similar-subject { display: block; width: auto !important; min-width: 0; padding: 11px 9px !important; border: 0; overflow-wrap: anywhere; }
    .z3-similar-replies { display: flex; align-items: center; justify-content: center; width: auto !important; padding: 8px 4px !important; border: 0; border-left: 1px solid var(--z3-border-soft); }
    .z3-similar-subject a { font-size: 11px; line-height: 1.4; }
    .z3-showthread .thread_tools { margin: 12px 0; padding: 0; list-style: none; }
    .z3-showthread .thread_tools li { margin: 0 0 7px; }
    .z3-showthread form[action="moderation.php"] { display: grid; grid-template-columns: 1fr; gap: 7px; width: 100%; text-align: left; }
    .z3-showthread form[action="moderation.php"] select,
    .z3-showthread form[action="moderation.php"] .button { width: 100%; }
    .z3-showthread #moderator_options { margin-top: 12px !important; }
    .z3-gallery-section { min-width: 0; overflow: hidden; }
    .z3-gallery-section .trow1 { padding: 8px !important; }
    .z3-gallery-section .trow1 > table,
    .z3-gallery-section .trow1 > table > tbody { display: block; width: 100% !important; }
    .z3-gallery-section .trow1 > table > tbody > tr {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
        width: 100%;
        margin-bottom: 9px;
    }
    .z3-gallery-section td.comment_count { display: block; width: auto !important; min-width: 0; padding: 0 !important; }
    .z3-gallery-section td.comment_count > a { display: flex; min-width: 0; height: 100%; flex-direction: column; }
    .z3-gallery-section td.comment_count > a > img {
        display: block;
        width: 100% !important;
        height: 128px !important;
        border-radius: 8px;
        object-fit: cover;
    }
    .z3-gallery-section .comment_count_val {
        width: 100% !important;
        margin-top: 5px;
        border-radius: 6px;
        font-size: 9px;
    }
    .z3-gallery-section p.comment_count { margin: 4px 2px; }
    .z3-prostats { width: 100%; min-width: 0; overflow: hidden; }
    #prostats_table, #prostats_table > table { display: block; width: 100% !important; max-width: 100%; }
    #prostats_table > table > thead,
    #prostats_table > table > tbody { display: block; width: 100%; }
    #prostats_table > table > tbody > tr {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
    }
    #prostats_table > table > tbody > tr > td {
        display: block;
        width: 100% !important;
        min-width: 0;
        padding: 9px !important;
        border-top: 1px solid var(--z3-border-soft);
    }
    #prostats_table > table > tbody > tr > td table { max-width: 100%; }
    #prostats_table > table > tbody > tr > td:first-child > table > tbody > tr > td > table,
    #prostats_table > table > tbody > tr > td:first-child > table > tbody > tr > td > table > tbody {
        display: block;
        width: 100% !important;
    }
    #prostats_table > table > tbody > tr > td:first-child > table > tbody > tr > td > table > tbody > tr {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 76px;
        width: 100%;
        align-items: start;
        border-bottom: 1px solid var(--z3-border-soft);
    }
    #prostats_table > table > tbody > tr > td:first-child > table > tbody > tr > td > table > tbody > tr:last-child { border-bottom: 0; }
    #prostats_table > table > tbody > tr > td:first-child > table > tbody > tr > td > table > tbody > tr > td {
        display: block;
        width: auto !important;
        min-width: 0;
        padding: 8px 5px !important;
        overflow-wrap: anywhere;
    }
    #prostats_table > table > tbody > tr > td:first-child > table > tbody > tr > td > table > tbody > tr > td:nth-child(n+3) { display: none; }
    #prostats_table .prefiks { display: inline-block; max-width: 100%; }
    .z3-community-tools { width: 100%; min-width: 0; overflow: hidden; }
    .z3-community-tools > table { width: 100% !important; max-width: 100%; table-layout: fixed; }
    .z3-community-tools form[name="fcb_form"] { width: 100%; }
    .z3-community-tools #hmess { width: 100% !important; max-width: 100%; }
    .z3-community-tools form[name="fcb_form"] > div {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
        width: 100%;
    }
    .z3-community-tools form[name="fcb_form"] > div > .button { width: 100%; min-width: 0; padding-left: 5px; padding-right: 5px; }
    .z3-community-tools #fcb_img { max-width: 100%; overflow: hidden; }
    .z3-community-tools #img_obrazek { display: block; width: 100%; max-width: 100%; margin-top: 6px; }
    .z3-community-tools iframe[name="fcb_frame"] { display: block; width: 100% !important; max-width: 100%; height: 330px !important; }
    .z3-community-tools #shoutbox_e,
    .z3-community-tools #shoutbox_e > tr { display: block; width: 100%; }
    .z3-community-tools #shoutbox_e > tr > td {
        display: block;
        width: 100% !important;
        max-width: 100%;
        padding: 8px !important;
    }
    .z3-community-tools #shoutbox_e form { display: flex; flex-wrap: wrap; gap: 6px; width: 100%; }
    .z3-community-tools #shout_data { flex: 1 1 100%; width: 100% !important; max-width: 100%; }
    .z3-community-tools #shouting-status { width: 100%; min-height: 34px; }
    .z3-community-tools #shoutbox_data {
        width: 100% !important;
        max-width: 100%;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overflow-wrap: anywhere;
    }
    .z3-community-tools #shoutbox_e > tr > td:last-child { text-align: left !important; }
    .z3-sidebar { grid-template-columns: 1fr; }
    .z3-ad-stack { grid-column: auto; }
    .z3-footer-grid { grid-template-columns: 1fr 1fr; }
    .z3-footer-grid > div:first-child { grid-column: 1 / -1; }
    .z3-footer-bottom { flex-wrap: wrap; }
    table { font-size: 11px; }
}

@media (max-width: 480px) {
    .z3-primary-nav { overflow: visible; }
    .z3-site-header .menu ul {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        width: 100%;
        min-width: 0;
        gap: 2px;
    }
    .z3-site-header .menu li { min-width: 0; }
    .z3-site-header .menu ul a {
        width: 100%;
        padding: 8px 3px;
        font-size: 9px;
        text-align: center;
        white-space: nowrap;
    }
}

