/* Based on the original Style Sheet for the fisubsilver v2 Theme for phpBB 2+ Edited by DJ Miksar - mrmiksar.ru */

body {
	background: #464B51; background-attachment:fixed; background-image: url('./im/fruits.jpg'); 
	color: #e7e7e7; font: 12px Verdana; margin: 0px 6px 6px 6px; padding: 0px; 
	scrollbar-width: thin;
	scrollbar-color: #293136 #3F484D;
}
font { font: 10px Verdana; }
th, td, p { font: 12px Verdana; }
p { margin-top: 2px; margin-bottom: 3px; }
.gensmall { font-size: 10px; }
td.genmed, .genmed { font-size: 11px; }
.explaintitle { font-size: 11px; font-weight: bold; color: #727272; }
a:link, a:active, a:visited, a.postlink { color: #FFCC00; text-decoration: none; }
a:hover { color: #FFFF00; }
.warning { font: 18px Verdana; }
.topictitle { font-size: 11px; font-weight: bold; }
a.topictitle:visited { color: #ca6000; }
a.topictitle:hover { color:#767676; }
.name { font-size: 11px; font-weight: bold; }
hr { border: 0px solid #000000; border-top-width: 1px; height: 0px; }
.cattitle { font-weight: bold; }
a.cattitle, a.cattitle:visited { color: #FFFFFF; font-weight: bold; }
a.cattitle:hover { color: #dd6900; font-weight: bold; }
.row1 { background: #5F686D; }
.row2, .helpline { background: #50575A; }
.row3 { background: #414649; }
td.spacerow { background: #2E2F43; }
td.rowpic, th.rowpic { background: #343434 url('./im/cellpic2.gif') repeat-x; }
th { background: #304646 url('./im/cellpic3.gif'); color: #ECE1F4; font-size: 11px; font-weight: bold; height: 35px; white-space: nowrap; text-align: center; padding: 0px 8px 0px 8px; }
th.onlinetopic { background: #304646 url('./im/cellpic3.gif'); color: #ECE1F4; font-size: 11px; height: 35px; white-space: nowrap; text-align: left; padding: 0px 8px 0px 8px; }
.bodyline {
	margin: 15px auto 10px auto;
	/*
	background: #464B51;
	border-left: 1px solid #ffcd91;
	*/
	background: linear-gradient(to top, rgba(70, 75, 81, .9), rgba(70, 75, 81, 1));
	border: 3px double #72797E;
	border-radius: 3px;
}
.forumline {
	background: #343434 url(im/cellpic2.gif) repeat-x; 
	border: 1px solid #A7C2C1;
	box-shadow: 0px 3px 10px 0px #222222;
	border-radius: 2px;
}
.maintitle, h1 { font: bold 20px/120% "Trebuchet MS",Verdana; text-decoration: none; color: #ECE1F4; }
a.maintitle { font: bold 20px/120% "Trebuchet MS",Verdana; text-decoration: none; color: #ECE1F4; }
a.lastdown {font-weight: bold; font-size: 12px Verdana; text-decoration: none; color: #ECE1F4; }
.subtitle, h2 { font: bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; text-decoration: none; }
.nav { font-size: 11px; font-weight: bold; }

.postdetails {
font-size: 10px;
	color: #EBF1F1;
}
.quote { background: #525252; border: 1px solid #000000; color: #e7e7e7; font-size: 11px; line-height: 125%; }
.code { background: #545454; border: 1px solid #000000; color: #fff8dc; font: 12px Courier,"Courier New",sans-serif; padding: 5px; }
.errorline { background: #ff8c00; border: 1px solid #000000; }

input, select, textarea {
	border-radius: 3px;
}
form { display: inline; }
select { background: #2E2F43; color: #ffffff; font: 11px Verdana; }
option { background: #2E2F43; color: #ffffff; font: 11px Verdana; }
input.checkbox { border:0px; background: #5F686D; font-size:10px}
input.post,input.text,input.field,input.pollname,input.input { background: #5F686D url('./im/textbg.gif'); border: 1px solid #ffffff; color: #ffffff; font:11px Verdana; height: 19}
textarea,textarea.post,textarea.input, textarea.textinput { background: #5F686D url('./im/textbg.gif'); border: 1px solid #ffffff; color: #ffffff; font:11px Verdana;}
textarea.adm, .textarea1 { background: #2E2F43 url('./im/admbg.gif'); border: 1px solid #ffffff; color: #ffffff; font:11px Verdana; }
input.button,input.liteoption,.fakebut { border: 1px solid #FFFFFF; background: #626262; font-size: 11px; color: #FFFFFF;}
input.catbutton { border:1px solid #d77700; background: #303030; font-size:10px}
input.mainoption { border:1px solid #FFFFFF; background: #5C6469; width: 150px; font-size: 11px; font-weight: bold; color: #FFFFFF; }
.helpline { border-style: none; font-family: Verdana; color: #FFFFFF; font-size: 10px }
.topbkg {
	background: #5F686D url('./im/cellpic_bkg.png');
}
.topnav {
	height: 41px;
	white-space: nowrap;
	border: 0px solid #d77700;
	border-width: 0px 0px 0px 0px;
	box-shadow: 0px 4px 5px -2px #222222;
	background: #1d1c19 url('./im/cellpic_nav.gif') repeat-x;
	font-size: 11px;
	color: #00FF00;
}
.topnav * {
	font-size: 11px !important;
}
img {
	border: 0px;
	border-radius: 2px;
}
.copyright { font-family: Verdana; color: #FFFFFF; font-size: 10px; letter-spacing: -1px;}
a.copyright { color: #FFFFFF; text-decoration: none;}
a.copyright:hover { color: #dd6900; text-decoration: underline;}
.code_td,.php_td,.q_td,.quote_td,.hide_td {background-color : #3F484D; color: #FFFFFF; font-family: Verdana; font-size: 10px; width:100%}
.code_table,.php_table,.q_table,.quote_table,.hide_table { border: 1px solid #C0C0C0; font-family: Verdana; font-size: 12px; width:100% }
.off_table{background-color : #3F484D; border : 1px solid #ff8c00; font-family: Verdana; font-size: 11px; color: #FFFFFF; width:100%}

.admin,.moder { font-size: 10px; font-weight: bold; }
.admin,a.admin,a.admin:visited { color: #FFAB64; }
/* FFAB64 F6C362 */
.moder,a.moder,a.moder:visited { color: #D5FD9E; }
a.admin:hover,a.moder:hover { color: #FFAA00; }

.unread{ font-size: 12px; font-weight: bold; color: #FFAA00;}

.ramka {background-image: url('./modules/photogallery/im/ramka.gif'); background-repeat: no-repeat; padding-top: 16px; width: 180px; text-align: center; height: 150px;}
.hand {cursor:pointer;}
.postbody {
	position: relative;
	margin: 5px 5px 5px 5px;
	font-size: 12px;
	line-height: 150%;
}
.pst_hgt {
	min-height: 250px;
}
.pstsign {
	float: right;
	max-width: 70%;
	border-right: 3px solid #AAAAAA;
	margin: 30px 5px 10px auto;
	padding: 5px 10px 5px 0px;
	text-align: right;
	font-size: 10px;
	color: #AAAAAA;
	background-image: linear-gradient(to right, transparent, #555555);
	border-radius: 0px 5px 5px 0px;
}
.pstsign img {
	max-height: 10px;
	max-width: 50px;
}
.pstsign * {
	font-size: 10px !important;
	color: #AAAAAA !important;
}
.clr {
	clear: both;
}

img.avatar {
	width: 100px;
	max-height: 100px;
	border: 0px solid #FFCC00;
	border-radius: 10%;
	background-color: #999999;
	box-shadow: 0px 3px 10px 0px #222222;
}
img.avatar_onl {
	height: 100px;
	border: 0px solid #FFCC00;
	border-radius: 10%;
	background-color: #65B042;
	box-shadow: 0px 3px 10px 0px #65B042; /* #A3DDAD	orange #FFCC0E	*/
}
b.uname {
	font: bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
}

/*///////////////////////////////////
////// My CAP 2026 /////// START ////
///////////////////////////////////*/
#mycap {
	width: 200px;
	height: 70px;
	cursor: pointer;
	background-image: url('/icod');
	background-repeat: no-repeat;
}
.loading {
    position: relative;
    pointer-events: none;
}
.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}
/*////////////////////////////////////
////// My CAP 2026 //////// END //////
////////////////////////////////////*/


/*  COUNTERS */
.topcount {
	float:left;
	width: 25%;
	height: 31px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

/*  VOTES */
img.votebar {
	min-width: 2px;
	height: 12px;
	border: 0px;
    border-radius: 0px;
}

/*///////////////////////////////////
////// ExBB TIPS 2026 //// START ////
///////////////////////////////////*/
.tooltip {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	z-index: 1000;
	max-width: 350px;
	/*white-space: nowrap;*/
	transition: opacity 0.5s;
	background: #3F484D url('./im/tipster.png') no-repeat -1px 2px;
	border: 1px solid #A7C2C1;
	border-radius: 5px;
	padding: 5px 10px;
	font-family: Verdana, sans-serif;
	color: #EBF1F1;
	font-size: 10px;
	box-shadow: 0px 0px 10px 0px #222222;
}
.tooltip strong {
	font-weight: normal;
	display: block;
	text-align: center;
	margin: 1px 0px 3px 15px;
}
.tooltip.loading::after {
	content: '...';
	margin-left: 5px;
	animation: blink 1.5s infinite;
}
@keyframes blink {
	0%, 50% { opacity: 1; }
	51%, 100% { opacity: 0.3; }
}
.spaninfo-container {
	margin-left: 5px;
	font-size: 10px;
}
.spaninfo {
	cursor: pointer;
	color: #FFAA00;
	text-decoration: none;
}
.spaninfo:hover {
	color: #FFFF00;
}
/*////////////////////////////////////
////// ExBB TIPS 2026 ///// END //////
////////////////////////////////////*/