body  {
					font-family : Arial,Tahoma;
					font-size : 12px;
					margin: 2px;
					background-color: White;
				}

				A  {
					text-decoration : none;
					color : blue;
					outline: none;
				}

img {
 /* -webkit-transform: rotate(180deg);
  transform: rotate(180deg);	*/
}

				A:Hover  {
					text-decoration : underline;
					color : Green;
				}
				
				a:active {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0px;
				}

				form  {
					font-family : Arial,Tahoma;
					font-size : 11px;
				}

				p  {
					font-family : Arial,Tahoma;
					font-size : 12px;
					text-align : center;
				}

				table  {
					color:#101010;
					font-family : Arial,Tahoma;
					font-size : 12px;
				}

				textarea  {
					font-family : Arial,Tahoma;
					font-size : 10px;
					border-width: 1px;
					border-style: solid;
				}
				
				form {
 				margin: 0;
				}
				
.content-wrapper {
    transition: height 0.3s ease;
}
	
	.auth {
		font-size: 11px; 
		padding: 2px; 
		border: 1px solid #BDBDBD; 
		border-radius: 3px;		
	}

    .auth:focus {
        outline: none;
        border-color: #db9834;
        box-shadow: 0 0 0 3px rgba(219, 118, 51, 0.2);
    }

				.small  {
					font-family : Tahoma;
					font-size : 10px;
				}

				.bold  {
					font-family : Arial,Tahoma;
					font-weight : bold;
				}

				.spec  {
					font-family : Wingdings;
					font-size : 13px;
					color : Red;
				}

				.headline  {
					background-color: #FFD700;
					font-weight: bold;
					text-align: center;
					color: Maroon;
					border-top: 1px solid #cc9999;
					border-bottom: 1px solid #cc9999;
				}

				.itemtxt  {
					font-family: sans-serif;
					font-size: 11px;
					color: #303030;
					padding-left: 5px;
					padding-right: 5px;
				}

				
				#ramka{font-family:Verdana;font-size:7px;color:#000000}
				#zag1{
					font-family: Verdana;
					font-size: 11px;
					font-weight: bold;
					color: #ffff80;
					background: #B8860B;
					background-image : url(/imgs/bg1.gif);
				}
				#zag2{
					font-family: Verdana;
					font-size: 11px;
					font-weight: bold;
					color: #ffff80;
					background: #628701;
					background-image : url(/imgs/bg2.gif);
				}
				#zag3{
					font-family: Verdana;
					font-size: 11px;
					font-weight: bold;
					color: #ffff80;
					background: #0179c9;
					background-image : url(/imgs/bg3.gif);
				}
				#zag4{
					font-family: Verdana;
					font-size: 11px;
					font-weight: bold;
					color: #ffff80;
					background: #B8860B;
					background-image : url(/imgs/bg4.gif);
				}
				#songbox
				{border-bottom-color:#397106; border-bottom-style: solid; border-bottom-width: 1px; color: #6c6c6c; font-family: Tahoma;}
				.bg1{
					background-color: #FAFAD2;
				}
				.bg2{
					background-color: #f5ffd9;
				}
				.bg3{
					background-color: #002995;
				}
				.votehdr{
					font-family: Verdana;
					font-size: 10px;
					font-weight: bold;
					color: #ffff80;
					background: #339900;
					background-image : url(/imgs/bg2.gif);
				}
				#ramtxt{
					margin-left: 5px;
				}
				#edit_block{
					padding-top: 3px;
					padding-bottom: 3px;
					border-top-color:#c6c6c6;
					border-top-style: solid;
					border-top-width: 1px;
				}
				#anchortxt{
					font-size: 11px;
				}
				div.sample_attach, a.sample_attach
				{
				  width: 30px;
				  background: #FFFFDD;
				  padding: 0px 5px;
				  font-weight: bold;
				  color: #008000;
				}
				
				a.sample_attach
				{
				  display: block;
				  border-bottom: none;
				  text-decoration: none;
				}
				
				form.sample_attach
				{
				  position: absolute;
				  visibility: hidden;
				  border: 1px solid #a9a9a9;
				  background: #FFFFDD;
				  padding: 0px 5px 2px 5px;
				}
				.tab_hdr
				{
					font-family: Verdana;
					font-size: 11px;
					font-weight: bold;
					color: #336600;
					background: #ffffcc;
					padding-left: 15px;
					padding-right: 15px;
					border-bottom-color:#c6c6c6;
					border-bottom-style: solid;
					border-bottom-width: 1px;
				}

				.infopanel
				{
					padding-left: 5px; 
					padding-right: 5px;
					color: #404040;					
				}
				.infopaneltxt
				{
					padding-left: 30px; 
					padding-right: 5px;
					color: #404040;					
				}
				.infopic
				{
					padding-right: 5px;
				}
				.format_buttons
				{
					border-color: #7898b8; 
					border-style: solid; 
					border-width: 1px; 
					margin-top: 1px; 
					margin-bottom: 11px; 
					padding-left: 5px; 
					padding-right: 5px; 
					text-align: center; 
					background-color: #f0fff0;
				}
				.news{
				padding: 0 3px 3px 0;
				}
				.sng_hdr{
					border-bottom: 1px solid #CCCC99; border-top: 1px solid #CCCC99; height: 24px;
				}
				.sng_row{
					border-bottom: 1px solid #CCCC99; height: 22px;
				}
				.mid_hdr_top{
					border-top: 1px solid #CCCC99; height: 24px;
				}
				.mid_hdr_btm{
					border-top-color:#d0d0d0; border-top-style: dotted; border-top-width: 1px;
					border-bottom: 1px solid #CCCC99; height: 14px;
					color: #555555; font-size: 10px;
				}
				.mid_coment{
				border-bottom-color: #FFCC00; border-bottom-style: solid; border-bottom-width: 1px; font-size: 4px; border-top-color: #FFCC00; border-top-style: solid; border-top-width: 1px;
				}
				.reply_date{

				}
				hr { color: #c0c0c0; /*для IE */ 
				background-color:#c0c0c0; /*для Firefox, Opera, Safari*/ 
				border:0px none; 
				height:1px; /* высота 1px IE, Firefox, Opera, Safari */ 
				clear:both; /* для очистки, если тег идет после float елемента */ }
				
				.shad_box{
				-moz-border-radius: 5px;
				border-radius: 5px; 
				-webkit-box-shadow: -1px 3px 7px #6c6c6c;
				-moz-box-shadow: -1px 3px 7px #6c6c6c;
				box-shadow: -1px 3px 7px #6c6c6c; 
				position: relative; left: 5px;
				}

.tablink{
	color : blue;
	cursor: pointer; 
	text-decoration: none;
	}
	
.tablink:hover  {
	text-decoration : underline;
	color : Green;
				}


/* Общие стили для боковых блоков */
.sidebar-block {
    background-color: #FFFFCF;
    border: 1px solid #8F8F8F;
    border-radius: 8px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    font-family: Tahoma, Arial, sans-serif;
    margin-bottom: 10px;
	margin-left: 10px;
}

.sidebar-header {
    background: #3E7200;
    background: linear-gradient(0deg, rgba(62, 114, 0, 1) 3%, rgba(98, 149, 0, 1) 10%, rgba(71, 115, 0, 1) 87%, rgba(138, 189, 52, 1) 98%);
    border-bottom: 1px solid #8F8F8F;
    padding: 4px 10px;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: bold;
    color: #FFFF00;
}

.sidebar-header-icon {
    color: #FFFF00;
    margin-right: 5px;
    font-size: 14px;
}

.sidebar-header-text {
    flex-grow: 1;
}

.sidebar-body {
    padding: 10px;
    font-size: 12px;
    font-family: Tahoma;
}

/* Стили для элементов внутри блоков */
.moderator-item {
    display: flex;
    margin-bottom: 10px;
}

.moderator-avatar {
    margin-right: 10px;
    flex-shrink: 0;
}

.avatar-frame {
    width: 80px;
    height: 80px;
    border: 1px solid #BDBDBD;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
/*    background-color: #FFF;*/
}

.avatar-frame img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.moderator-info {
    flex-grow: 1;
}

.moderator-name {
    margin-bottom: 5px;
}

.moderator-name a {
    color: #660000;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}

.moderator-name a:hover {
    text-decoration: underline;
}

.moderator-location {
    color: #666;
    font-size: 11px;
    line-height: 1.3;
}

.moderator-separator {
    height: 1px;
    background-color: #D0D0D0;
    margin: 10px 0;
    border: none;
}

.no-moderators {
    text-align: center;
    color: #666;
    padding: 20px 0;
    font-size: 11px;
}	
.shortinfo-frame {
    width: 420px;
    height: auto;
	font-size: 11px;
	color: #666666;
    border: 1px solid #BDBDBD;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F0F0F0;
	margin-bottom: 6px;
	padding: 4px;
}
/* Стили для чата */
.chat-time {
    font-family: monospace;
    color: #660;
    font-size: 10px;
}
.chat-link {
	color: #336600;
	font-weight: bold;
	text-decoration: none;
}
.chat-link:hover {
	text-decoration: underline;
}
.chat-online {
	color: #666;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	padding-left: 20px;
	margin-bottom: 10px;
}
.chat-msg {
	border-bottom: 1px solid #ffcc66;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 11px;
	line-height: 1.4;
}
.chat-input {
	width: 100%;
	box-sizing: border-box;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	padding: 2px;
	margin-bottom: 5px;
	border: 1px solid #e9ecef;
	border-radius: 3px;
}
.chat-input:focus { 
	border-color: #ff9900;
	outline: none;
}
.chat-button {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	padding: 2px 4px;
	cursor: pointer;
}
.chat-container {
	color: #333333;
	max-height: 300px;
	overflow-y: auto;
	padding: 0px;
	font-family: Tahoma;
}
	.chat-tools {
		margin-top: 5px;
		font-size: 11px;
}
.chat-tools a {
	color: #336600;
	padding: 5px;
	text-decoration: none;
}
.chat-tools a:hover {
	text-decoration: underline;
}
.com  { /* used in lentacomments */
	font-family : Tahoma, Arial;
	font-size : 12px;
}
.msg_inp{
	border: 1px solid #e9ecef;
}
.msg_inp:focus { 
	border-color: #ff9900;
	outline: none;
}
/* Подсветка постраничной навигации для ленты комментариев */
.pagination {
    background-color: #fff;          /* белый фон для контраста */
    border: 1px solid #ccc;         /* тонкая серая рамка */
    border-radius: 4px;            /* скруглённые углы */
    padding: 4px 12px;             /* отступы внутри */
    margin: 8px auto;              /* внешние отступы + центрирование */
    display: table;                /* чтобы margin:auto работал для таблицы */
    font-family: Tahoma, Arial, sans-serif;
    font-size: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1); /* лёгкая тень */
}
.pagination td {
    padding: 0 5px;
    color: #555;
/*   font-weight: bold;*/
}