body {
 background: #002d5f url() repeat center;
 margin: 0px;
 padding: 0px;
}

.main {
 background-image: url(/imgwho/main.png);
 height: 330px;
 background-repeat: repeat-x;
 background-position: center top;
 margin: 0 auto;
 max-width: 100%;
}

.rub {
 max-width: 1280px;
 min-width: 980px;
 margin: auto;
}

.nnvp {
 background-image: url(/imgwho/nnvp.png);
 background-repeat: no-repeat;
 background-position: right top;
 height: 24px;
 width: 32px;
}

.nnvl {
 background-image: url(/imgwho/nnvl.png);
 background-repeat: no-repeat;
 background-position: left top;
 height: 24px;
 width: 32px;
}

.nnvc {
 background-image: url(/imgwho/nnvc.png);
 background-repeat: repeat-x;
 background-position: center top;
 height: 24px;
 flex: 2;
}

.nc {
 background-image: url(/imgwho/nc.png);
 background-repeat: repeat;
 background-position: center top;
}

.nnp {
 background-image: url(/imgwho/nnp.png);
 background-repeat: no-repeat;
 background-position: right top;
 height: 24px;
 width: 32px;
}

.nnl {
 background-image: url(/imgwho/nnl.png);
 background-repeat: no-repeat;
 background-position: left top;
 height: 24px;
 width: 32px;
}

.nnc {
 background-image: url(/imgwho/nnc.png);
 background-repeat: repeat-x;
 background-position: center top;
 height: 24px;
 flex: 2;
}

.clefter {
 display: flex;
 width: 220px;
 flex-direction: column;
 align-items: center;
 text-align: center;
}

.main-content {
 display: flex;
}

.content {
 width: 100%;
 margin: 0 auto;
}

.nvl {
 background-image: url(/imgwho/nvl.png);
 background-repeat: repeat-y;
 background-position: left top;
 width: 16px;
}

.nvp {
 background-image: url(/imgwho/nvp.png);
 background-repeat: repeat-y;
 background-position: right top;
 width: 16px;
}

/* Header Style */

.header {
 background-image: url(/imgwho/header.png);
 height: 330px;
 background-repeat: repeat-x;
 background-position: center top;
}

.header-wrapper {
 width: 970px;
 margin: 0 auto;
 display: flex; 
 justify-content: space-between;
 position: relative;
 align-items: flex-start; 
 height: 270px;
 gap: 10px;
}

.header-doc {
 flex: 1;
}

.header-logo,
.ser {
 flex: 1; 
 position: relative; 
 align-self: center; 
}

.header-doc img {
 object-position: top;
 object-fit: cover;
 height: 270px;
 width: 100%; 
}

.header-logo img {
 width: 100%; 
 object-fit: cover;
}

.ser {
 height: 325px; 
 background-image: url(/imgwho/next-ep.png);
 background-repeat: no-repeat;
 background-position: center top;
 flex: 0 0 325px;
 top: -20px;
}

/* Top-Panel */

.top-table {
 width: 310px;
 border-collapse: collapse;
}

.top-info {
 color: #57ceff;
 font-size: 12px;
 vertical-align: top;
 width: 33%;
}

.top-info-title {
 margin-bottom: 5px;
 font-weight: bold;
 color: #57ceff;
 font-size: 12px;
}

.top-info-text {
 color: #ffffff;
 font-size: 12px;
}

.top-info:not(:last-child) {
 border-right: 1px solid rgba(87, 206, 255, 0.3);
}

.top-panel {
 background-color: #00000090;
 box-shadow: 0 0 5px #5fc4ff;
}

.panel {
 display: flex;
 justify-content: space-between;
 align-items: center;
 height: 45px;
}

.left-section,
.right-section {
 display: flex;
 align-items: center;
 z-index: 1;
}

.social-links a {
 margin: 0px 5px;
}

.top-icons img {
 width: 25px;
 height: 25px;
 padding: 0px 5px;
}

/* Horisontal Menu Styles */

.menu-container {
 width: 100%;
 margin: -50px auto;
 height: 54px;
 display: flex;
 flex-direction: row;
 justify-content: space-between;
}
.menu-center {
 padding: 4px 0;
 justify-content: center;
 background-image: url("/imgwho/menu-c.png");
 background-repeat: repeat-x;
 display: flex;
 flex-direction: row;
 flex-grow: 1;
}
.menu-left {
 width: 48px;
 background-image: url("/imgwho/menu-l.png");
}
.menu-right {
 width: 48px;
 background-image: url("/imgwho/menu-r.png");
}

/* Style */
ul.menu {
 list-style: none;
 margin: 0;
 padding: 0;
 width: 100%;
 display: flex;
 justify-content: space-evenly;
}
ul.menu * {
 margin: 0;
 padding: 0;
}
ul.menu a {
 display: block;
}
ul.menu li {
 position: relative;
 float: left;
 margin-right: 2px;
}
ul.menu ul {
 position: absolute;
 top: 40px;
 left: 0;
 display: none;
 opacity: 0;
 list-style: none;
 width: 200px;
}
ul.menu ul li {
 position: relative;
 border-top: none;
 width: 200px;
 margin: 0;
}
ul.menu ul li a {
 display: block;
 padding: 0px 0px 0px 0px;
 color: #9a9a9a;
 background: url(/imgwho/mm1.png) no-repeat center top;
 height: 28px;
 width: 200px;
}
ul.menu ul li a:hover {
 display: block;
 padding: 0px 0px 0px 0px;
 color: #fff;
 background: url(/imgwho/mm2.png) no-repeat center top;
 height: 28px;
 width: 200px;
}
ul.menu ul ul {
 left: 148px;
 top: -1px;
}
ul.uz,
ul.uMenuRoot {
 list-style: none;
 margin: 0 0 0 0;
 padding-left: 0px;
}
li.menus {
 padding: 0 0 3px 10px;
 background: url("/.s/t/151/16.gif") no-repeat 0px 4px;
 font-family: Tahoma, Arial, Sans-Serif;
}

.menulink {
 color: #ffffff !important;
 font-weight: bold !important;
 background: url(/imgwho/m1.png) no-repeat center top;
 height: 46px;
 width: 120px;
 text-align: center;
 font: 14px/43px verdana, Times, serif;
}

.menulink:hover {
 background: url(/imgwho/m2.png) no-repeat top center;
 display: block;
 height: 46px;
 width: 120px;
 color: #bce7ff;
 text-align: center;
 font: 14px/43px verdana, Times, serif;
}

.submenulink {
 padding: 5px 0px 0px 20px !important;
}

/* M2, M3 */
.m2 {
 font-weight: normal;
}
a.m2:link {
 text-decoration: none;
 color: #fff;
}
a.m2:active {
 text-decoration: none;
 color: #fff;
}
a.m2:visited {
 text-decoration: none;
 color: #fff;
}
a.m2:hover {
 text-decoration: none;
 color: #a4d3ff;
}

.m2a {
 font-weight: bold;
}
a.m2a:link {
 text-decoration: none;
 color: #a4d3ff;
}
a.m2a:visited {
 text-decoration: none;
 color: #a4d3ff;
}
a.ma2:hover {
 text-decoration: none;
 color: #fff;
}
#m2 {
 margin: 8px;
 padding: 0 0 0 5px;
 height: 15px;
 background: url("") no-repeat 0px;
 margin-bottom: 0.7em;
}

.m3 {
 font-weight: normal;
}
a.m3:link {
 text-decoration: none;
 color: #fff;
}
a.m3:active {
 text-decoration: none;
 color: #fff;
}
a.m3:visited {
 text-decoration: none;
 color: #fff;
}
a.m3:hover {
 text-decoration: none;
 color: #a4d3ff;
}

.m3a {
 font-weight: bold;
}
a.m3a:link {
 text-decoration: none;
 color: #a4d3ff;
}
a.m3a:visited {
 text-decoration: none;
 color: #a4d3ff;
}
a.ma3:hover {
 text-decoration: none;
 color: #fff;
}
#m3 {
 margin: 8px;
 padding: 0 0 0 5px;
 height: 15px;
 background: url("") no-repeat 0px;
 margin-bottom: 0.7em;
}

/* Site Blocks */
.block {
 width: 220px;
 margin: 0 auto;
}

.b1 {
 background-image: url(/imgwho/b1.png);
 color: #ffffff;
 font-size: 15px;
 font-weight: bold;
 height: 35px;
 display: flex;
 justify-content: center;
 align-items: center;
}

.b2 {
 background-image: url(/imgwho/b2.png);
 background-repeat: repeat-y;
 background-position: center top;
 padding: 5px;
}

.b3 {
 background-image: url(/imgwho/b3.png);
 background-repeat: no-repeat;
 background-position: center top;
 height: 23px;
}

/* Bottom Blocks */
.n1 {
 background-image: url(/imgwho/n1.png);
 background-repeat: no-repeat;
 background-position: left top;
 height: 64px;
 width: 166px;
}

.n3 {
 background-image: url(/imgwho/n3.png);
 background-repeat: no-repeat;
 background-position: right top;
 height: 64px;
 width: 166px;
}

.n2 {
 background-image: url(/imgwho/n2.png);
 background-repeat: repeat-x;
 background-position: center top;
 height: 64px;
 flex: 3;
 text-align: center;
 padding: 0;
}

.n2-text {
 margin-top: 20px;
}

/* Other */
.fp {
 background-image: url(/imgwho/fp.png);
 background-repeat: no-repeat;
 background-position: center top;
 height: 91px;
 width: 213px;
}

.udtb {
 text-align: left;
 padding: 3px;
}

.udtlb {
 clear: left;
 float: left;
 width: 150px;
}

.naf_pan {
 margin: 0px;
 padding: 0px 10px;
}

.naf_pan a {
 padding: 2px 20px 2px 20px;
 font-size: 9pt;
 margin-bottom: 10px;
}

.naf_pan a:link,
.naf_pan a:visited,
.naf_pan a:active {
 text-decoration: none;
 color: #ffffff;
 background: #0778ad;
}

.naf_pan a:hover {
 background: #3e9fcc;
}

.tex_maln3 {
 color: #c8a460;
}

.tex_maln2 {
 padding-top: 10px;
 font-size: 11px;
 color: #4cc8ff;
 margin: 0px 0 0 0px;
}

.tex_maln2 a:link,
.tex_maln2 a:visited,
.tex_maln2 a:active {
 color: #e2d57d;
 border-bottom: 1px dotted #afafaf;
 text-decoration: none;
}

.tex_maln2 a:hover {
 color: #e2d57d;
}

/* Login Form and Search + Donate Button */

.loginButton,
.searchSbmFl {
 background: url("/imgwho/knp.png");
 width: 81px;
}

.donateSbmFl {
 background: url("/imgwho/knp2.png");
 width: 120px;
}

.loginButton,
.donateSbmFl,
.searchSbmFl {
 height: 34px;
 font-size: 13px;
 font-weight: bold;
 color: #80d1ff;
 border: 0px;
 text-align: center;
}

.loginButton:hover,
.donateSbmFl:hover,
.searchSbmFl:hover {
 background-position: 0 -34px;
}

.loginButton:active,
.donateSbmFl:active,
.searchSbmFl:active {
 background-position: 0 -68px;
 padding: 0px 0 4px 0px;
}

.login-in-brackets {
 font-size: 13pt;
 text-transform: uppercase;
 font-weight: bold;
}

.no-entry {
 text-align: center;
}

.search-form {
 margin: 0;
}

.input-group {
 display: flex;
 align-items: center;
}

.input-group input[type="text"] {
 width: 300px;
}

.advanced-search {
 padding-left: 5px;
}

.advanced-search-menu {
 display: none;
}

.sFltLst {
 padding-top: 2px;
 display: none;
 position: absolute;
 z-index: 99;
 width: 200px;
}

.margin-3 {
 margin: 3px;
}

.search-padding {
 padding: 0 0 2px 0;
 margin: 0;
}

.input-style-labels {
 height: 16px;
 width: 16px;
}

.login-form-wrapper {
 padding: 0px !important;
}

.spacer {
 height: 2px;
}

.user-logged-in-wrapper {
 text-align: center;
}

.loginField,
.queryField {
 height: 33px;
 width: 159px;
 font-size: 12px;
 color: #01aff9;
 background: url("/imgwho/pv.png") no-repeat top center;
 border: 0px;
 text-align: center;
 outline: 0;
}

.search-list {
 padding: 5px;
 margin: 1px 0;
 background: url(/imgwho/mm1.png) no-repeat left top;
 height: 28px;
 width: 200px;
 color: #9a9a9a!important;
} 

.search-list:hover {
 background: url(/imgwho/mm2.png) no-repeat left top;
} 

.search-label {color: #9a9a9a!important;}

.search-list:hover .search-label {
 color: #fff !important;
}

/* Page Selector Style */
.catPages1,
.pagesBlockuz1,
.pagesBlockuz2 {
 color: #ffffff;
 border: 0px;
 margin-bottom: 8px;
 margin-top: 9px;
}

.catPages1 a:link,
.pagesBlockuz1 a:link,
.pagesBlockuz2 a:link,
.catPages1 a:visited,
.pagesBlockuz1 a:visited,
.pagesBlockuz2 a:visited,
.catPages1 a:hover,
.pagesBlockuz1 a:hover,
.pagesBlockuz2 a:hover,
.catPages1 a:active,
.pagesBlockuz1 a:active,
.pagesBlockuz2 a:active {
 text-decoration: none;
 color: #818181;
 background: #04213a;
 padding: 2px 8px;
 border: 2px solid #000000;
 font-size: 10px;
 font-weight: bold;
 -moz-border-radius: 3px;
 border-radius: 3px;
}

.catPages1 a:hover,
.pagesBlockuz1 a:hover,
.pagesBlockuz2 a:hover {
 background: #0e0e0e;
 color: #ffffff;
 border: 2px solid #2e2e2e;
 font-weight: bold;
 -moz-border-radius: 3px;
 border-radius: 3px;
}

.catPages1 b,
.pagesBlockuz1 b,
.pagesBlockuz2 b {
 text-decoration: none;
 background: #0e0e0e;
 padding: 2px 8px;
 color: #818181;
 border: 2px solid #2e2e2e;
 font-size: 10px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}

/* User Colors */
a.groupAdmin:link,
a.groupAdmin:visited,
a.groupAdmin:hover {
 color: #ff0000;
}

a.groupModer:link,
a.groupModer:visited,
a.groupModer:hover {
 color: #912cee;
}

a.groupVerify:link,
a.groupVerify:visited,
a.groupVerify:hover {
 color: #03c03c;
}

a.groupOther1:link,
a.groupOther1:visited,
a.Other1:hover {
 color: #ff8c00;
}

a.groupOther2:link,
a.groupOther2:visited,
a.Other2:hover {
 color: #bdb76b;
}

a.groupOther3:link,
a.groupOther3:visited,
a.Other3:hover {
 color: #ff1493;
}

a.groupOther4:link,
a.groupOther4:visited,
a.Other4:hover {
 color: #9932cc;
}

a.groupOther5:link,
a.groupOther5:visited,
a.Other5:hover {
 color: #00bfff;
}

a.groupOther6:link,
a.groupOther6:visited,
a.Other6:hover {
 color: #ff7f50;
}

/* Other Styles */
.replaceBody {
 background: #002d5f;
}

.replaceTable {
 background: #002d5f;
 height: 100px;
 width: 300px;
 border: 1px solid #bbbbbb;
 border: 3px double #45bbff;
}

.legendTd {
 font-size: 7pt;
 font-size: 8pt;
 color: #858585;
}

/* General Style */
.header_table a:link,
.header_table a:active,
.header_table a:visited,
.header_table a:hover {
 text-decoration: none;
 color: #e2d57d;
}

.no a:link,
.noforum a:active,
.noforum a:visited {
 text-decoration: none;
 color: #85663a;
}

.noforum a:hover {
 text-decoration: none;
 color: #ffffff;
}

a:link,
a:active,
a:visited,
a.noun:link,
a.noun:active,
a.noun:visited,
a.menu1:link,
a.menu1:active,
a.menu1:visited {
 text-decoration: none;
 color: #009eff;
}

a:hover,
a.noun:hover {
 text-decoration: none;
 color: #ffffff;
}

a.menu1:hover {
 text-decoration: none;
 color: #d2dfe6;
}

td,
body {
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 10pt;
 color: #bbbbbb;
}

form {
 padding: 10px;
 margin: 0px;
}

.copy {
 font-size: 8pt;
}

hr {
 border-top: 1px #009eff dotted;
 border-bottom: 0px #009eff solid;
 margin: 3px 3px 3px 3px;
}

.blocktitle {
 font-family: Verdana, Sans-Serif;
 color: #787878;
 font-size: 12px;
}

.menuTd {
 padding-left: 12px;
 padding-right: 10px;
 background: url("/.s/t/151/11.gif") no-repeat 0px 3px;
}

.mframe {
 border-left: 1px solid #e5e7ea;
 border-right: 1px solid #e5e7ea;
}

.colgray {
 border-right: 1px solid #e5e7ea;
}

.msep,
.colwhite {
 border-right: 1px solid #ccb48a;
}

/* Block Menu */
.uMenuH li {
 float: left;
 padding: 0 5px;
}

.uMenuV .uMenuItem {
 font-weight: normal;
 color: #3d3d3d;
}

.uMenuV li a:link {
 text-decoration: none;
 padding: 4px;
 color: #d8d8d8;
}

.uMenuV li a:active {
 text-decoration: none;
 padding: 4px;
 color: #d8d8d8;
}

.uMenuV li a:visited {
 text-decoration: none;
 padding: 4px;
 color: #d8d8d8;
}

.uMenuV li a:hover {
 text-decoration: none;
 padding: 4px;
 color: #00a2ff;
}

.uMenuV a.uMenuItemA:link,
.uMenuV a.uMenuItemA:visited {
 text-decoration: none;
 padding: 4px;
 color: #d8d8d8;
}

.uMenuV a.uMenuItemA:hover {
 text-decoration: none;
 color: #00a2ff;
}

.uMenuV .uMenuArrow {
 position: absolute;
 width: 10px;
 height: 10px;
 right: 0;
 top: 3px;
 background: url("/.s/img/wd/1/ar1.gif") no-repeat 0 0;
}

.uMenuV li {
 margin: 0;
 padding: 1px 0px 0px 15px;
 height: 18px;
 background: url("/imgwho/str.png") no-repeat 0px 3px;
 margin-bottom: 0.3em;
}

/* Module Part Menu */
.catsTd {
 padding: 0 0 3px 25px;
 background: url("/.s/t/151/16.gif") no-repeat 15px 4px;
 font-family: Tahoma, Arial, Sans-Serif;
 text-align: left;
}

.catName,
.catNameActive {
 font-family: Tahoma, Arial, Sans-Serif;
 font-size: 11px;
}

.catNumData {
 font-size: 8pt;
 color: #009eff;
}

.catDescr {
 font-size: 8pt;
 padding-left: 10px;
}

a.catName:link,
a.catName:visited {
 text-decoration: none;
 color: #009eff;
}

a.catName:hover,
a.catName:active,
a.catNameActive:active {
 text-decoration: none;
 color: #ffffff;
}

a.catNameActive:link,
a.catNameActive:visited {
 text-decoration: none;
 color: #009eff;
}

a.catNameActive:hover {
 text-decoration: none;
 color: #ffffff;
}

/* Entries Style */
.eTitle {
 width: 92%;
 font-size: 14px;
 font-weight: bold;
 color: #45bbff;
 padding: 10px 0 0 25px;
 background: url("/imgwho/pol.png") repeat-x top left;
 height: 42px;
 text-align: left;
}

.eTitle a:link {
 text-decoration: none;
 color: #45bbff;
}

.eTitle a:visited {
 text-decoration: none;
 color: #45bbff;
}

.eTitle a:hover {
 text-decoration: none;
 color: #ffffff;
 text-shadow: 0px 1px 0px #113352;
}

.eTitle a:active {
 text-decoration: none;
 color: #ffffff;
 text-shadow: 0px 1px 0px #113352;
}

.eRight {
 font-size: 14px;
 font-weight: bold;
 color: #45bbff;
 padding: 10px 0 0 25px;
 background: url("/imgwho/pol2.png") repeat-x top right;
 height: 42px;
 text-align: left;
 width: 8%;
}

.eMessage {
 text-align: left;
 clear: both;
 padding-top: 2px;
 padding-bottom: 2px;
}

.eText {
 text-align: justify;
 padding-bottom: 5px;
 padding-top: 5px;
 border-top: 1px solid #00a1fe;
}

.eDetails {
 font-family: Verdana, Arial, Sans-Serif;
 font-size: 12px;
 color: #87c3e8;
 padding: 4px 0px 4px 0px;
 background: #02101d;
 text-align: center;
}

.eDetails1 {
 font-family: Verdana, Arial, Sans-Serif;
 font-size: 12px;
 color: #87c3e8;
 padding: 4px 0px 4px 0px;
 background: #02101d;
 text-align: center;
 margin-top: 20px;
}

.eDetails2 {
 font-family: Verdana, Arial, Sans-Serif;
 font-size: 12px;
 color: #87c3e8;
 padding: 4px 0px 4px 0px;
 background: #02101d;
 text-align: center;
}

.eRating {
 font-size: 8pt;
}

.eAttach {
 margin: 16px 0 0 0;
 padding: 0 0 0 15px;
 background: url("/.s/t/151/15.gif") no-repeat 0px 0px;
}

.eQuote {
 background: url(/imgwho/quote.png);
 background-repeat: no-repeat;
 padding: 0px 0px 5px 50px;
 color: #6998b8;
 font-style: italic;
}

.ePadding {
 padding: 0px 0px 0px 50px;
}

.ePreview {
 margin: 15px;
 float: left;
 width: 170px;
 height: 110px;
 border-radius: 10px;
 position: relative;
 aspect-ratio: 4 / 3;
 object-fit: cover;
}

.ePoster {
 margin: 15px;
 float: left;
 width: 170px;
 height: 230px;
 border-radius: 10px;
}

.eVideo::after {
 content: "";
 background: url("/imgwho/playbutton.png") no-repeat;
 position: absolute;
 display: block;
 margin: 15px;
 border-radius: 10px;
 width: 170px;
 height: 110px;
}

.entDots {
 display: none;
}

.news-time {
 font-size: 9px;
}

.dImage {
 display: block;
 margin-left: auto;
 margin-right: auto;
 border: 0px;
 width: 50%;
}

.dNextLink {
 float: right;
 font-weight: bold;
}

.dPreviousLink {
 float: left;
 font-weight: bold;
}

.dLinks {
 text-align: center;
 font-weight: bold;
}

.img-news-thumb {
 width: 220px;
 height: 160px;
 object-fit: cover;
 object-position: center top;
 display: inline-block;
 vertical-align: top;
 margin-bottom: 5px;
 margin-right: 5px;
 border-radius: 4px;
}

/* Entry Manage Table */
.manTdError {
 color: #ff0000;
 text-align: center;
}

.manTd {
 display: flex;
}

.manTd1 {
 flex: 1;
}

.manTd2 {
 flex: 2;
}

.manTdSep {
 padding: 10px;
}

.manTdBut {
 text-align: center;
}

.manFl {
 font-family: verdana, arial, helvetica, sans-serif;
}

#nwF1,
#nwF13,
#nwF14,
#nwF15,
#nwF16,
#nwF17,
#sfF191 {
 width: 100%;
}

.cAnswer {
 color: #838383;
 padding-left: 15px;
 padding-top: 4px;
 font-style: italic;
}

.cBlock1 {
 background: #002d5f;
 border: 1px solid #000000;
}

.cBlock2 {
 background: #002e51;
 border: 1px solid #000000;
}

/* Comments Form Style */
.commTd1 {
 color: #c4c4c4;
}

.commFl {
 color: #c4c4c4;
 width: 100%;
 background: #002e51;
 border: 1px solid #3c5a70;
}

.smiles {
 border: 1px inset;
 background: #002e51;
}

.commReg {
 padding: 10px 0px 10px 0px;
 text-align: center;
}

.commError {
 color: #ff0000;
}

.securityCode {
 color: #c4c4c4;
 background: #002e51;
 border: 1px solid #3c5a70;
}

/* Comments Search */

.comments-wrapper {
 width: 100%;
 display: flex;
 justify-content: space-between;
}

.comments-search {
 width: 60%;
}

/* Archive Menu */
.archUl {
 list-style: none;
 margin: 0;
 padding-left: 0;
}

.archLi {
 padding: 0 0 3px 10px;
 background: url("/.s/t/151/16.gif") no-repeat 0px 4px;
 font-family: Tahoma, Arial, Sans-Serif;
}

a.archLink:link {
 text-decoration: none;
 color: #009eff;
}

a.archLink:visited {
 text-decoration: none;
 color: #009eff;
}

a.archLink:hover {
 text-decoration: none;
 color: #ffffff;
}

a.archLink:active {
 text-decoration: none;
 color: #ffffff;
}

/* Archive Style */
.archiveCalendars {
 text-align: center;
 color: #0000ff;
}

.archiveDateTitle {
 font-weight: bold;
 color: #009eff;
 padding-top: 15px;
}

.archEntryHr {
 width: 250px;
 color: #dddddd;
}

.archiveeTitle li {
 margin-left: 15px;
 padding: 0 0 0 15px;
 background: url("/.s/t/151/17.gif") no-repeat 0px 4px;
 margin-bottom: 0.6em;
}

.archiveEntryTime {
 width: 65px;
 font-style: italic;
}

.archiveEntryComms {
 font-size: 9px;
 color: #000000;
}

a.archiveDateTitleLink:link {
 text-decoration: none;
 color: #009eff;
}

a.archiveDateTitleLink:visited {
 text-decoration: none;
 color: #009eff;
}

a.archiveDateTitleLink:hover {
 text-decoration: none;
 color: #009eff;
}

a.archiveDateTitleLink:active {
 text-decoration: none;
 color: #009eff;
}

.archiveNoEntry {
 text-align: center;
 color: #0000ff;
}

/* Calendar Style */
.calWday {
 color: #ffffff;
 background: #235373;
 width: 18px;
}

.calWdaySe {
 color: #ffffff;
 background: #298fcf;
 width: 18px;
}

.calWdaySu {
 color: #ffffff;
 background: #298fcf;
 width: 18px;
 font-weight: bold;
}

.calMday {
 color: #009eff;
}

.calMdayA {
 color: #02101e;
 background: #a4d3ff;
}

.calMdayIs {
 color: #235373;
 background: #298fcf;
 font-weight: bold;
 border: 1px solid #252525;
}

.calMdayIsA {
 border: 1px solid #a4a4a4;
 background: #ffffff;
 font-weight: bold;
}

a.calMonthLink:link,
a.calMdayLink:link {
 text-decoration: none;
 color: #009eff;
}

a.calMonthLink:visited,
a.calMdayLink:visited {
 text-decoration: none;
 color: #009eff;
}

a.calMonthLink:hover,
a.calMdayLink:hover {
 text-decoration: none;
 color: #009eff;
}

a.calMonthLink:active,
a.calMdayLink:active {
 text-decoration: none;
 color: #009eff;
}

/* Poll styles */
.pollBut {
 width: 110px;
}

.pollBody {
 padding: 7px;
 margin: 0px;
 background: #e1cda7;
}

.textResults {
 background: #e5e5e5;
}

.textResultsTd {
 background: #e1cda7;
}

.pollNow {
 border-bottom: 1px solid #e5e5e5;
 border-left: 1px solid #e5e5e5;
 border-right: 1px solid #e5e5e5;
}

.totalVotesTable {
 border-bottom: 1px solid #e5e5e5;
 border-left: 1px solid #e5e5e5;
 border-right: 1px solid #e5e5e5;
}

.totalVotesTd {
 background: #e1cda7;
}

/* FORUM */

/* General forum Table View */
.gTable {
 background: #1d3245;
}

.gTableTop {
 padding: 2px;
 background: url("/imgwho/for2.jpg") top #6eacce;
 color: #ffffff;
 font-weight: bold;
 height: 35px;
 padding-left: 10px;
 font-size: 15px;
}

.gTableSubTop {
 padding: 2px;
 background: url("") #041728;
 color: #518ead;
 height: 20px;
}

.gTableBody {
 padding: 2px;
 background: url("/imgwho/f1.jpg") bottom repeat-x #041728;
}

.gTableBody1 {
 padding: 2px;
 background: #041728;
}

.gTableBottom {
 padding: 2px;
 background: url("/imgwho/f1.jpg") bottom repeat-x #041728;
}

.gTableLeft {
 padding: 2px;
 background: url("/imgwho/f1.jpg") bottom repeat-x #041728;
 font-weight: bold;
 color: #518ead;
}

.gTableRight {
 padding: 2px;
 background: url("/imgwho/f1.jpg") bottom repeat-x #041728;
}

.gTableError {
 padding: 2px;
 background: url("/imgwho/f1.jpg") bottom repeat-x #041728;
 color: #ff0000;
}

.forum-top {
 height: 30px;
 text-align: right;
}

/* Forums Styles */
.forumNameTd,
.forumLastPostTd {
 padding: 2px;
 background: #041728;
}

.forumIcoTd,
.forumThreadTd,
.forumPostTd {
 padding: 2px;
 background: url("/imgwho/f1.jpg") bottom repeat-x #1d3245;
 text-align: center;
}

.forumLastPostTd,
.forumArchive {
 padding: 2px;
 font-size: 8pt;
}

a.catLink:link {
 text-decoration: none;
 color: #ffffff;
}

a.catLink:visited {
 text-decoration: none;
 color: #ffffff;
}

a.catLink:hover {
 text-decoration: none;
 color: #009ffa;
}

a.catLink:active {
 text-decoration: none;
 color: #009ffa;
}

.lastPostGuest,
.lastPostUser,
.threadAuthor {
 font-weight: bold;
}

.archivedForum {
 font-size: 8pt;
 color: #ff0000;
 font-weight: bold;
}

/* forum Titles & other */
.forum {
 font-weight: bold;
 font-size: 9pt;
}

.forumDescr,
.forumModer {
 color: #858585;
 font-size: 8pt;
}

.forumViewed {
 font-size: 9px;
}

a.forum:link,
a.lastPostUserLink:link,
a.forumLastPostLink:link,
a.threadAuthorLink:link,
a.forum:visited,
a.lastPostUserLink:visited,
a.forumLastPostLink:visited,
a.threadAuthorLink:visited {
 text-decoration: none;
 color: #518ead;
}

a.forum:hover,
a.lastPostUserLink:hover,
a.forumLastPostLink:hover,
a.threadAuthorLink:hover,
a.forum:active,
a.lastPostUserLink:active,
a.forumLastPostLink:active,
a.threadAuthorLink:active {
 text-decoration: none;
 color: #60bffa;
}

/* forum Navigation Bar */
.forumNamesBar {
 padding-bottom: 7px;
 font-weight: bold;
 font-size: 8pt;
}

.forumBarKw {
 font-weight: normal;
}

a.forumBarA:link,
a.forumBarA:visited {
 text-decoration: none;
 color: #009eff;
}

a.forumBarA:hover,
a.forumBarA:active {
 text-decoration: none;
 color: #518ead;
}

/* forum Fast Navigation Blocks */
.fastNav,
.fastSearch,
.fastLoginForm {
 font-size: 8pt;
}

/* forum Fast Navigation Menu */
.fastNavMain {
 background: #c7d7ef;
}

.fastNavCat {
 background: url("/imgwho/f1.jpg") bottom repeat-x #041728;
}

.fastNavCatA {
 background: url("/imgwho/f1.jpg") bottom repeat-x #041728;
 color: #0000ff;
}

.fastNavForumA {
 color: #0000ff;
}

/* forum Page switches */
.switches {
 background: none;
}

.pagesInfo {
 background: none;
 padding-right: 10px;
 font-size: 8pt;
}

.switch {
 background: none;
 width: 15px;
 font-size: 8pt;
}

.switchActive {
 background: none;
 font-weight: bold;
 color: #518ead;
 width: 15px;
 margin-right: 5px !important;
}

a.switchDigit:link,
a.switchBack:link,
a.switchNext:link {
 text-decoration: none;
 color: #009eff;
}

a.switchDigit:visited,
a.switchBack:visited,
a.switchNext:visited {
 text-decoration: none;
 color: #009eff;
}

a.switchDigit:hover,
a.switchBack:hover,
a.switchNext:hover {
 text-decoration: none;
 color: #ff0000;
}

a.switchDigit:active,
a.switchBack:active,
a.switchNext:active {
 text-decoration: none;
 color: #ff0000;
}

/* forum Threads Style */
.threadAuthTd {
 padding: 2px;
 background: #041728;
 text-align: center;
}

.threadNametd,
.threadLastPostTd {
 padding: 2px;
 background: #041728;
}

.threadIcoTd {
 padding: 2px;
 background: url("/imgwho/f1.jpg") bottom repeat-x #041728;
 text-align: center;
 width: 4%;
}

.threadPostTd,
.threadViewTd {
 padding: 2px;
 background: url("/imgwho/f1.jpg") bottom repeat-x #041728;
 text-align: center;
}

.threadLastPostTd {
 padding: 2px;
 font-size: 8pt;
}

.threadDescr {
 color: #858585;
 font-size: 8pt;
}

.threadNoticeLink {
 font-weight: bold;
}

.threadsType {
 padding: 2px;
 background: url("/imgwho/f1.jpg") bottom repeat-x #041728;
 height: 20px;
 font-weight: bold;
 font-size: 9pt;
 color: #7bbef9;
 padding-left: 40px;
}

.threadsDetails {
 padding: 2px;
 background: url("/imgwho/f1.jpg") bottom repeat-x #041728;
 height: 20px;
 font-size: 9pt;
 color: #7bbef9;
 padding-left: 40px;
}

.forumOnlineBar {
 padding: 2px;
 background: url("/imgwho/f1.jpg") bottom repeat-x #041728;
 height: 20px;
 font-size: 9pt;
 color: #7bbef9;
 padding-left: 40px;
}

a.threadPinnedLink:link,
a.threadPinnedLink:visited {
 text-decoration: none;
 color: #009eff;
}

a.threadPinnedLink:hover,
a.threadPinnedLink:active {
 text-decoration: none;
 color: #ffffff;
}

a.threadLink:link,
a.threadLink:visited {
 text-decoration: none;
 color: #518ead;
}

a.threadLink:hover,
a.threadLink:active {
 text-decoration: none;
 color: #60bffa;
}

.postpSwithces {
 font-size: 8pt;
}

.thDescr {
 font-weight: normal;
}

.threadFrmBlock {
 font-size: 8pt;
 text-align: right;
}

/* Posts View */
.postTable {
 background: #1d3245;
}

.postPoll {
 background: url("/imgwho/f1.jpg") bottom repeat-x #041728;
 text-align: center;
 padding: 5px;
}

.postFirst {
 background: url("/imgwho/f1.jpg") bottom repeat-x #041728;
 border-bottom: 1px solid #ffffff;
}

.postRest1,
.postRest2 {
 background: url("/imgwho/f1.jpg") bottom repeat-x #041728;
}

.postSeparator {
 height: 1px;
 background: #255888;
}

.postTdTop {
 background: url("/imgwho/f1.jpg") bottom repeat-x #1d3245;
 color: #518ead;
 height: 20px;
}

.postBottom {
 background: url("/imgwho/f1.jpg") repeat-x #1d3245;
 color: #518ead;
 height: 20px;
}

.postUser {
 font-weight: bold;
}

.postTdInfo {
 text-align: center;
 padding: 5px;
 background: url("/imgwho/f1.jpg") bottom repeat-x #041728;
}

.postRankName,
.reputation {
 margin-top: 5px;
}

.postRankIco {
 margin-bottom: 5px;
}

.signatureHr {
 margin-top: 20px;
 color: #597798;
}

.posttdMessage {
 padding: 5px;
 background: #041728;
}

.pollQuestion {
 text-align: center;
 font-weight: bold;
}

.pollButtons,
.pollTotal {
 text-align: center;
}

.pollSubmitBut,
.pollreSultsBut {
 width: 140px;
 font-size: 8pt;
}

.pollSubmit {
 font-weight: bold;
}

.pollEnd {
 text-align: center;
 height: 30px;
}

.forum-poll-bar-fill,
.forum-poll-bar-start,
.forum-poll-bar-end {
 height: 8px;
}

.codeMessage {
 background: #12304b;
 font-size: 10px;
}

.quoteMessage {
 font-size: 10px;
 margin-top: 2px;
 padding: 5px 5px 6px 28px;
 background: #00111e;
 border: 1px solid #6f6f6f !important;
 border-radius: 3px;
}

.signatureView {
 font-size: 9pt;
}

.edited {
 padding-top: 30px;
 font-size: 9pt;
 text-align: right;
 color: gray;
}

.editedBy {
 font-weight: bold;
 font-size: 9pt;
}

.statusBlock {
 padding-top: 3px;
}

.statusOnline {
 color: #61df14;
}

.statusOffline {
 color: #ff0000;
}

/* forum AllInOne Fast Add */
.newThreadBlock,
.newPollBlock {
 background: #f9f9f9;
 border: 1px solid #b2b2b2;
}

.newThreadItem,
.newPollItem {
 padding: 0 0 0 8px;
 background: url("/.s/t/997/16.gif") no-repeat 0px 4px;
}

/* forum Post Form */
.pollBut,
.commSbmFl {
 font-size: 8pt;
 background: #185286;
 color: #ffffff;
 border: 1px outset #ffffff;
}

.codeButtons {
 font-size: 8pt;
 background: url("/imgwho/for.jpg") #296186;
 color: #d3ecff;
 border: 1px outset #3c5a70;
}

.codeCloseAll {
 font-size: 8pt;
 background: #8d8a83;
 color: #dad7cc;
 border: 1px outset #615e58;
 font-weight: bold;
}

.postNameFl,
.postDescrFl {
 background: #132a3e;
 border: 1px solid #39546c;
 width: 300px;
 color: #dedede;
}

.postPollFl,
.postQuestionFl {
 background: #132a3e;
 border: 1px solid #39546c;
 width: 300px;
 color: #dedede;
}

.postResultFl {
 width: 50px;
}

.postAnswerFl {
 background: #132a3e;
 border: 1px solid #39546c;
 width: 300px;
 color: #dedede;
}

.postTextFl,
.postUserFl {
 background: #132a3e;
 border: 1px solid #39546c;
 width: 300px;
 color: #dedede;
}

.pollHelp {
 font-weight: normal;
 font-size: 8pt;
 padding-top: 3px;
}

.smilesPart {
 padding-top: 5px;
 text-align: center;
}

.forumModer {
 display: none;
}

/* BB */

.bbQuoteBlock {
 position: relative;
 margin: 3px 7px;
}

.bbQuoteBlock::before {
 position: absolute;
 top: 21px;
 left: 6px;
 content: "\00AB";
 font: 30px / 0.5 "Georgia", serif;
}

.bbQuoteName {
 visibility: hidden;
 font: italic 12px "Georgia", serif !important;
}

.bbQuoteName * {
 visibility: visible;
}

.bbQuoteName b {
 font-weight: normal;
}

.qName {
 font-weight: bold;
}

.qAnchor {
 vertical-align: 1px;
 margin-left: -5px;
}

.qAnchor img {
 display: none;
}

.qAnchor a::before {
 content: "\25BA";
}

/* Downloads */

.dTableAll {
 border-collapse: collapse;
 width: 100%;
 text-align: center;
}

.dTableTop {
 padding: 2px !important;
 background: url("/imgwho/for2.jpg");
 color: #ffffff;
 font-weight: bold;
 height: 35px;
 font-size: 15px;
}

table.dTableAll tbody td {
 border: 1px #009eff solid;
 padding: 3px;
}

.dTableHead {
 font-weight: bold;
}

a.inactive {
 pointer-events: none; 
 cursor: default; 
 filter: grayscale(100%);
}

/* Downloads End */

.myWinCont {
 font-size: 12px !important;
}

/* Tabs */

.tabs {
 list-style-type: none;
 padding: 0;
 margin: 0;
 position: relative;
}

.tabs::after {
 content: "";
 clear: both;
 display: block;
 height: 370px;
}

.tabs li {
 float: left;
 width: calc(100% / 3);
 text-align: center;
 background-color: grey;
}

.tabs li > input {
 display: none;
}

.tabs li > label {
 display: inline-block;
 height: 37px;
 line-height: 30px;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 color: #ffffff !important;
 font-weight: bold !important;
}

.tabs li:last-child > label {
 border-right-width: 1px;
}

.tabs .tab-content {
 display: none;
 position: absolute;
 left: 0;
 border: 0;
 height: 90%;
 overflow-y: auto;
 width: 100%;
}

/* Functionality: */

.tabs li > input:checked + label {
 background: url(/imgwho/for.jpg);
 width: 100%;
}

.tabs li > input:checked ~ .tab-content {
 display: block;
}

/* Tabs End */

@font-face {
 font-family: "docwho";
 src: url("/fonts/docwho-webfont.woff");
}

.dwtext {
 font-family: "docwho", Arial, sans-serif;
 font-size: 300%;
}

/* BB-panel */
.wysibb-body {
 background: #062f51 !important;
 color: #fff !important;
}

.wysibb {
 border: none !important;
 border-radius: 10px 10px 0 0 !important;
 font-family: Arial, Verdana, Tahoma, sans-serif !important;
 width: 100%;
}

:where(.flex-align-start,[flex-align-start]) {
 align-items: normal!important;
}

.wysibb .wysibb-toolbar {
 background-image: -o-linear-gradient(
 to top,
 #000 50%,
 #009eff 100%
 ) !important;
 background-image: -moz-linear-gradient(
 to top,
 #000 50%,
 #009eff 100%
 ) !important;
 background-image: -webkit-linear-gradient(
 to top,
 #000 50%,
 #009eff 100%
 ) !important;
 background-image: -ms-linear-gradient(
 to top,
 #000 50%,
 #009eff 100%
 ) !important;
 background-image: linear-gradient(to top, #000 50%, #009eff 100%) !important;
 border-bottom: 1px solid #032c4f !important;
 border-top-left-radius: 7px !important;
 border-top-right-radius: 7px !important;
}

.wysibb-text textarea {
 background: #062f51 !important;
 font-family: verdana, arial, helvetica, sans-serif;
}

.wysibb
.wysibb-toolbar
.wysibb-toolbar-container
.wysibb-toolbar-btn
span.btn-inner {
 border-left: none !important;
}

.wysibb .ve-tlb-hide {
 background: url("http://s64.ucoz.net/uwbb/style/img/icons-2.png") transparent !important;
}

.wbb-select .val {
 background-image: linear-gradient(
 to bottom,
 #005475 17%,
 #000 59%
 ) !important;
 background-image: -o-linear-gradient(
 to bottom,
 #005475 17%,
 #000 59%
 ) !important;
 background-image: -moz-linear-gradient(
 to bottom,
 #005475 17%,
 #000 59%
 ) !important;
 background-image: -webkit-linear-gradient(
 to bottom,
 #005475 17%,
 #000 59%
 ) !important;
 background-image: -ms-linear-gradient(
 to bottom,
 #005475 17%,
 #000 59%
 ) !important;
 background-image: -webkit-gradient(
 linear,
 left top,
 left bottom,
 color-stop(0.17, #005475),
 color-stop(0.59, #000)
 ) !important;
}

.wbb-ufontfamily .val {
 color: #fff !important;
 font-family: Georgia !important;
 font-size: 10px !important;
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container {
 background-image: -o-linear-gradient(
 to bottom,
 #005475 17%,
 #000 59%
 ) !important;
 background-image: -moz-linear-gradient(
 to bottom,
 #005475 17%,
 #000 59%
 ) !important;
 background-image: -webkit-linear-gradient(
 to bottom,
 #005475 17%,
 #000 59%
 ) !important;
 background-image: -ms-linear-gradient(
 to bottom,
 #005475 17%,
 #000 59%
 ) !important;
 background-image: -webkit-gradient(
 linear,
 left top,
 left bottom,
 color-stop(0.17, #005475),
 color-stop(0.59, #000)
 ) !important;
 background-image: linear-gradient(
 to bottom,
 #005475 17%,
 #000 59%
 ) !important;
 border: 0px solid #acacac !important;
 border-radius: 5px !important;
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover {
 background-image: linear-gradient(
 to bottom,
 #f4f4f4 17%,
 #c8dae1 59%
 ) !important;
 background-image: -o-linear-gradient(
 to bottom,
 #f4f4f4 17%,
 #c8dae1 59%
 ) !important;
 background-image: -moz-linear-gradient(
 to bottom,
 #f4f4f4 17%,
 #c8dae1 59%
 ) !important;
 background-image: -webkit-linear-gradient(
 to bottom,
 #f4f4f4 17%,
 #c8dae1 59%
 ) !important;
 background-image: -ms-linear-gradient(
 to bottom,
 #f4f4f4 17%,
 #c8dae1 59%
 ) !important;
 background-image: -webkit-gradient(
 linear,
 left top,
 left bottom,
 color-stop(0.17, #f4f4f4),
 color-stop(0.59, #c8dae1)
 ) !important;
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on,
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on:hover {
 background-image: linear-gradient(
 to bottom,
 #cccccc 17%,
 #f4f4f4 59%
 ) !important;
 background-image: -o-linear-gradient(
 to bottom,
 #cccccc 17%,
 #f4f4f4 59%
 ) !important;
 background-image: -moz-linear-gradient(
 to bottom,
 #cccccc 17%,
 #f4f4f4 59%
 ) !important;
 background-image: -webkit-linear-gradient(
 to bottom,
 #cccccc 17%,
 #f4f4f4 59%
 ) !important;
 background-image: -ms-linear-gradient(
 to bottom,
 #cccccc 17%,
 #f4f4f4 59%
 ) !important;
 background-image: -webkit-gradient(
 linear,
 left top,
 left bottom,
 color-stop(0.17, #cccccc),
 color-stop(0.59, #f4f4f4)
 ) !important;
}

.wbb-list {
 background: #02577a !important;
}

#_uwbb-add-smiles-button {
 background: #033a51 !important;
}

.btn-inner,
.wbb-dropdown,
.wbb-select,
.wysibb .wbb-select .sar {
 border: none !important;
}

.wysibb-text iframe {
 border-radius: 0px !important;
}

.ucf-table {
 display: flex;
}

.ucf-smiles {
 padding: 0px 20px;
}

.ucf-message-wrap {
 flex: 1;
}

/* HTML-panel */
#hbc10,
#hbc8,
#hbc11,
#hbc13,
#hbc5,
#hbc4 {
 display: none;
}

/* No Select in News */

.noselect {
 -moz-user-select: none;
 -webkit-user-select: none;
 -webkit-touch-callout: none;
 -ms-user-select: none;
 -o-user-select: none;
 user-select: none;
 -khtml-user-select: none;
}

/* Top and Bottom Containers */

.top-block-container {
 width: 324px;
 margin-bottom: 30px;
 top: 110px;
 position: relative;
}


.top-block {
 height: 20px;
 text-align: center;
 padding: 15px 5px 0px 5px;
}

.top-title {
 color: #57ceff;
 font-size: 17px;
 font-weight: bold;
}

.top-subtitle {
 color: #ffffff;
 font-size: 14px;
 font-weight: bold;
}

.top-link {
 color: #57ceff;
 font-size: 12px;
}

.bottom-container {
 width: 100%;
 display: flex;
}

.spacer5 {
 height: 5px;
}

/* H-Tags */
h2 {
 margin: 0;
}

/* Informers Style */
.info-block {
 background: url(/.s/t/151/16.gif) no-repeat 15px 4px;
 text-align: left;
 padding: 2px 25px;
 font-size: 9pt;
 width: 80%;
}

/* Scroll To Top */
@font-face {
 font-family: "uscl";
 src: url("/fonts/uscl.woff");
}

#scrollToTop {
 text-align: center;
 background: #02101d7a;
 color: #fff;
 position: fixed;
 height: 32px;
 width: 32px;
 bottom: 25px;
 left: 60px;
 border-radius: 50%;
 font-weight: bold;
 cursor: pointer;
 opacity: 0;
 transition: all 0.5s ease-in;
}

#scrollToTop::before {
 content: "\e90f";
 font-family: uscl;
 font-size: 18px;
 display: inline-block;
 line-height: 32px;
}

/* Featured News */
.featured {
 font-size: 12px;
 overflow: hidden;
 width: 24%;
 background-color: #00000060;
 border-radius: 20px;
 box-shadow: 0 0 5px #5fc4ff;
 margin: 1px;
}

.featured img {
 width: 100%;
 height: 110px;
 object-fit: cover;
}

.featured h3 {
 margin: 10px;
}

.featured:hover h3 {
 color: #ffffff;
}

.f-news {
 display: flex;
 width: 100%;
 flex-wrap: wrap;
 justify-content: space-evenly;
 margin: 15px 0px;
}

.disclaimer {
 font-size: 8pt;
 text-align: center;
}

/* Video Categories */
.season {
 color: #009eff; 
 font-size: 11px; 
 padding: 0 0 3px 45px; 
 background: url(/.s/t/151/16.gif) no-repeat 35px 4px; 
 font-family: Tahoma, Arial, Sans-Serif; 
 text-align: left;
}

.hidden-cats {
 display: none;
}

.expandable-cats {
 cursor: pointer; 
 color: #009eff; 
 font-size: 11px; 
 padding: 0 0 3px 25px; 
 background: url(/.s/t/151/16.gif) no-repeat 15px 4px; 
 font-family: Tahoma, Arial, Sans-Serif; 
 text-align: left;
}

/* Related News */
.rel-mat {
 width: 23%;
 height: 200px;
 overflow: hidden;
 background-color: #00000060;
 border-radius: 20px;
 box-shadow: 0 0 5px #5fc4ff;
 margin: 5px;
 display: inline-block;
}

.rel-mat img {
 width: 100%;
 height: 120px;
 object-fit: cover;
}

.rel-mat h3 {
 margin: 10px;
 font-size: 10pt;
}

#rel {
 font-weight: bold;
 font-size: 14px;
 margin-top: 10px;
}

/* User Profile */

/* Biographies */

.bio-wrapper {
 border-radius: 20px;
 overflow: hidden;
 box-shadow: 0 0 5px #5fc4ff;
 margin: 10px;
 height: 400px;
 }
 
 .bio-title, .bio-subtitle {
 position: relative; 
 text-align: center; 
 font-family: MPLUS; 
 text-shadow: 5px -5px 3px rgb(0 0 0 / 80%); 
 z-index: 2;
 }
 
 .bio-title {
 top: 340px;
 font-size: 20px; 
 }
 
 .bio-subtitle {
 top: 320px; 
 font-size: 14px; 
 font-weight: bold;
 }
 
 .bio-preview {
 position: relative;
 background-size: cover;
 background-position: center;
 }
 
 .bio-preview::before {
 content: "";
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 110px; 
 background: linear-gradient(to top, rgba(0, 16, 36, 1) 0%, rgba(0, 16, 36, 1) 30%, rgba(0, 0, 0, 0) 100%);
 pointer-events: none; 
 }
 
 .bio-preview::after {
 content: "";
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 100px; 
 background: linear-gradient(to top, rgba(95, 196, 255, 0.5), transparent);
 opacity: 0;
 transition: opacity 0.3s ease;
 }
 
 .bio-preview:hover::after {
 opacity: 1;
 }
 
 .bio-preview h3 {
 margin: 0;
 }