BODY, button, input, select, textarea, .pure-g [class *= "pure-u"] {
    font-family	: 'Roboto', sans-serif;
}
INPUT[type='text'], TEXTAREA { font-size: 16px; } /* чтобы на моб. не было зума при вводе */

BODY {
	line-height: 1.5em; font-size: 1rem; 
}
BODY.forum {
	line-height: 1.5em; font-size: 0.9rem; /* background : rgb(230,246,248); */ /* rgb(239,251,252); */
}

.lnk, .postlink {
	color			: rgb(0, 102, 153);
	outline			: none;
	text-decoration	: none; 
	border-bottom	: 0.5px solid;
}

@font-face {
	font-family: 'Palatino Linotype'; 
	src: local('Palatino Linotype'), url('/fonts/pala.ttf') format('truetype');}
@font-face {
	font-family: 'Dilyana'; 
	src: local('Dilyana'), url('/fonts/dilyan.ttf') format('truetype');}

@font-face {
    font-family: 'Ponomar Unicode';
    src: url('/fonts/PonomarUnicode.eot');
    src: url('/fonts/PonomarUnicode.eot?#iefix') format('embedded-opentype'),
        url('/fonts/PonomarUnicode.woff2') format('woff2'),
        url('/fonts/PonomarUnicode.woff') format('woff'),
        url('/fonts/PonomarUnicode.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Monomakh Unicode';
    src: local('Monomakh Unicode'), 
    	url(/fonts/MonomakhUnicode.eot?#iefix) format('embedded-opentype'),
        url(/fonts/MonomakhUnicode.woff2) format('woff2'),
        /* url(/fonts/MonomakhUnicode.woff) format('woff'), */
        url(/fonts/MonomakhUnicode.otf) format('opentype'),
        url(/fonts/MonomakhUnicode.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
} 

@font-face {
	font-family: 'Old Standard'; 
	src: local('Old Standard'), url('/fonts/OldStandard-Regular.ttf') format('truetype');}

.slav {
	font-family: 'Monomakh Unicode'; 
	font-size: 140%;
}

.greek {
	font-family: "Palatino Linotype", "Old Standard TT", "Arial Unicode MS", Code2000, "TITUS Cyberbit Basic", "Vusillus Old Face", Athena, Arial; 
	font-size: 100%; font-variant: normal; }
.cyr {
	font-family: "Palatino Linotype", Arial; 
	}
.cyr2 {
	font-family: "Palatino Linotype"; color: blue; font-size: 130%;
}
.cyrd {
	font-family: "Dilyana"; font-size: 140%;
}
.izh {
	font-family: Izhitsa, Arial; font-size: 110%; color: blue;
	}
.izh_k {
	font-family: Izhitsa, Arial; font-size: 100%;	}

SPAN.footnote .greek {font-size: 110%;}
SPAN.footnote_wide .greek {font-size: 110%;}

@font-face {
	font-family: 'Irmologion ieUcs'; 
	src: local('Irmologion ieUcs'), url('/fonts/IrmIEUcs.ttf') format('truetype');}

.cyrillic, .cyr_k {
	font-family: "Irmologion ieUcs", "Triodion ieUcs", "StaroUspenskaya ieUcs", "Evangelie Ucs", "Pochaevsk ieUcs", "Feofan Ucs", "Irmologion Ucs";
	font-size: 130%; 
	line-height: 1.3em; }

.cyr_k { font-size: 100%; color: black; }

.titlo { text-decoration: overline; }

H1, H2, H3, H4 { font-family: 'Roboto Condensed';
	font-weight : normal; color: rgb(0, 102, 153); } 

H1 { font-size: 1.4rem; line-height: 1.8rem; margin-top: 12px; }
.breadcrumbs + H1 { margin-top: 5px; }
H2 { font-size: 1.3rem; line-height: 1.8rem; margin-top: 10px; }
H1 + H2 { margin-top: -10px; }
H2 + H1 { margin-top: -15px; }
H1 + H1 { margin-top: -10px; }
H2 + H2 { margin-top: -15px; }
H2 + H3 { margin-top: -15px; }
H3 + H3 { margin-top: -20px; }
H3 + P { margin-top: -0.5rem; }
H3 { font-size: 1.2rem; line-height: 1.7rem; margin-top: 7px; }
H3#details, H3#see_also_img, H3#bss { 
	margin-top: 15px; margin-bottom: 5px; }
.pure-form legend { font-size: 1.1rem; color: rgb(0, 102, 153); }

A { text-decoration: none; border-bottom: 0.5px solid; color: #003377; }
A.nodecor { border-bottom: none; }

A:link { color: #00e; border-color: #aae; }
A:visited { color: #B40EB4; border-color: #e698e6; }  
A:hover { color: red; }

BODY.forum A:link { color: #003377; }
BODY.forum A:visited { color: #003377; }
BODY.forum A:hover { color: #BC2A4D; }

@media all and (max-width:650px){
	H1 { font-size: 1.2rem; line-height: 1.5rem; }
	H2 { font-size: 1.2rem; line-height: 1.4rem; }
	H1 + H2 { margin-top: -10px; }
	H3 { font-size: 1.05rem; line-height: 1.3rem; }
	.pure-form legend { font-size: 1.05rem; }
}
@media all and (max-width:400px){
	H1 { font-size: 1.2rem; line-height: 1.3rem; }
	H2 { font-size: 1.2rem; line-height: 1.2rem; }
	H1 + H2 { margin-top: -5px; }
	H2 + H1 { margin-top: -10px; } 
	H3 { font-size: 1.15rem; line-height: 1.2rem; }	
	.pure-form legend { font-size: 1.0rem; }
}

.container {
	max-width	: 1200px; 
	margin		: 0 auto;
	box-sizing	: border-box;
	position	: relative;
}

.container1000 {
	max-width	: 1000px; 
	margin		: 0 auto;
	box-sizing	: border-box;
	position	: relative;	
}

.container1000 IMG {
	max-width: 100%;
}

.padded	 {
	box-sizing	: border-box;
	padding		: 5px 20px;
}

.center, .c { text-align: center; }
.block-center { margin-left: auto; margin-right: auto; }
.r { text-align: right; }
.l { text-align: left!important; }
.max { width : 100%; }
.green { color: green; }
.red { color: rgb(202, 60, 60); }
.redred { color: red!important; }

@media all and (max-width: 500px) {
	.padded	 { padding: 5px 10px; }
}

.nav {
	font-size: 0.9rem;
}

.ui-dialog { display: none; }

.go2top-btn { position: fixed; bottom: 10px; right: 10px; z-index: 100; 
	padding: 10px; background: rgba(255,255,255,0.6); }

NAV UL { list-style		: none; }

.button-gray, .button-blue, .button-green, .button-red, .button-orange { 
	border-radius: 4px; font-size: 0.7rem; margin-top: 3px; margin-bottom: 3px; }
.button-green[type=submit] { margin-top: 3px; }
	
.button-gray, .button-gray:visited  { color: #333; }
.button-blue, .button-blue:visited { color: rgb(0, 102, 153); }
.button-green, .button-green:visited { color: green; }
.button-red, .button-red:visited { color: rgb(202, 60, 60); }
.button-orange, .button-orange:visited { color: rgb(223, 117, 20); } 

.button-gray-md, .button-green-md, .button-red-md { 
	border-radius: 4px; font-size: 0.85rem; margin-bottom: 3px; margin-top: 3px; }
.button-green-md[type=submit] { margin-top: 3px; }
.button-gray-md, .button-gray-md:visited  { color: #333; }
.button-green-md, .button-green-md:visited { color: green; }
.button-red-md, .button-red-md:visited { color: rgb(202, 60, 60); }

.button-gray-lg, .button-green-lg, .button-red-lg { 
	border-radius: 6px; font-size: 1rem; margin-bottom: 10px; margin-top: 10px; }
.button-gray-lg, .button-gray-lg:visited  { color: #333; }
.button-green-lg, .button-green-lg:visited { color: green; }
.button-red-lg, .button-red-lg:visited { color: rgb(202, 60, 60); }

.nav-buttons { margin-bottom: 1rem; }

.menu_trigger {
	display				: none;
	line-height			: 40px;
	font-size			: 0.9rem; 
	cursor				: pointer;
	height				: 40px;
	padding-left		: 40px;
	background			: url(/img/menu_h.png) no-repeat;	
}

.main_menu {
	font-size		: 0.9rem; 
	height			: 40px;
		  border	: 1px solid #ccc; border-radius: 4px;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
  margin-bottom: 1rem;
  position: relative; 
}

.submenu {
	margin-top: -0.5rem;
	margin-bottom: 1rem;
}

.submenu .active { font-weight: bold; font-size: 1rem; } 

.main_menu A { text-decoration: none; }

.main_menu UL {
	padding			: 0; 
	margin			: 0;
	background		: white;
	z-index			: 100; 
}

.main_menu LI {
	padding			: 0px 5px 0 5px;
	line-height		: 40px;
	float			: left;
}

.main_menu LI SPAN.m { color: rgb(0, 102, 153); border-bottom: 0.5px solid; }
.main_menu LI.active { font-weight: bold; font-size: 1rem; }

.main_menu LI.disabled {
	color: #aaa;
}

.main_menu LI:first-child {
	margin-left		: 20px ;
}

.pm-count { 
	margin-left		: 3px;
	padding 		: 1px 7px; 
	text-align		: center;
	border-radius	: 15px; 
	color			: white;
	background		: #4f85b7;
}

@media all and (max-width:1000px){
	.main_menu {
		border-left: none; border-right: none;
		border-radius: 0;
	}
}

@media all and (max-width:900px){
	.main_menu UL 	{ display 	: none; 
		width: auto; 
		position: absolute; 
		top: 40px; 
		left: 20px; 
		padding: 0 1rem 1rem 1rem;
		border: 1px solid #ccc; 
		box-shadow: 3px 3px 5px rgba(0,0,0,0.1); }
	
	.menu_trigger 	{ display	: block; }
	.main_menu 		{ height	: auto; }
	.main_menu LI {
		float		: none;
		height		: 25px;
		padding		: 0px 10px 10px 10px;
		text-align	: left;
	}	
	.main_menu LI:first-child {
		margin-left	: 0px ;
	}
	
}

.pagination { line-height: 2rem; }
.pagination A {
	padding : 5px 7px; border-bottom: none; text-decoration: none; border : 1px solid #ddd;
}
.pagination A:hover {
	box-shadow		: 2px 2px 4px rgba(0,0,0,0.2);
}

.pagination B {
	padding : 5px 7px; border : 2px solid #ddd; color: #404040; font-weight: bold;
}

.counter-banners {
	margin-top: 20px; 
}
	.counter-banners A { border-bottom: none; }
	
.quote {
	background: white; margin: 10px 0 10px 50px;
	border: 1px solid #ddd; border-left: 5px solid #bbccdd;
	padding: 3px 10px 3px 15px;
}

.quote .quote { margin-left: 0px; }

.spaced { letter-spacing: 0.1em; }


.homepage-blocks { 	box-sizing	: border-box;
	padding		: 5px 20px; }
	
.index-new-posts {
	box-sizing	: border-box;
	float	: right;
	width	: 250px;
	border	: 1px solid #ccc;
	padding	: 10px 10px 0 10px;
	font-size: 0.85rem;
}
	.index-new-posts H3 { margin-top : 0; }
	
.index-posts-h { position : relative; margin-bottom: 10px; }	
.index-posts-h H3 { margin-bottom: 0; }
.show-new-posts-btn { position: absolute; top: 0px; right: 0px; display: none; }

.forum-list {
	box-sizing	: border-box;
	float		: left;
	width		: calc(100% - 260px)
}

.cat-block { margin-bottom: 0.5rem;  }

.forum-block {
	border		: 1px solid #ccc; 
	border-top	: none;
	padding		: 10px 10px;
	background	: #f6f6f6;
	box-sizing	: border-box;
}

.cat-red { border-left: 2px solid red; }
.cat-blue { border-left: 2px solid blue; }
.cat-violet { border-left: 2px solid #ab05c4; }
.cat-green { border-left: 2px solid green; }
.cat-gray { border-left: 2px solid gray; }

.forum-block-featured {
	border-left: 10px solid blue;
}
	.forum-block-featured H3 { font-size: 1.5rem; line-height: 2rem;}
	.forum-block-featured H3 A { color: blue; border-bottom: 1px solid blue; } 

.forum-block-featured-red {
	border-left: 10px solid red;
}
	.forum-block-featured-red H3 { font-size: 1.5rem; line-height: 2rem;}
	.forum-block-featured-red H3 A { color: red; border-bottom: 1px solid red; } 
	

	.forum-block:first-child { border-top: 1px solid #ccc; }
	.forum-block:nth-child(2n) { background	: #edf0f5; /* #f5f5f5; */ }
	.forum-block { overflow: hidden; position: relative; }
	.forum-block H3 { font-weight: normal; margin-top: 0; margin-bottom: 0.5rem; }
	.forum-block .descr { font-size: 0.85rem; color: #555; }
	
	.forum-block .intro { width : calc(100% - 320px); float : left; }
	.forum-block .topics-posts-count {
		float		: left;
		width		: 150px;
		text-align	: center;
	}
	.forum-block .topics-posts-count SPAN.topics-count { 
		display		: block; 
	}
	.forum-block .topics-posts-count SPAN.posts-count { 
		display		: block; 
		margin-top	: 0.3em; 
		color		: #888; }
		
	.forum-block .last-post { 
		font-size	: 0.85rem; 
		text-align	: center; 
		width		: 160px; 
		float		: right;  }
	.forum-block .last-post SPAN.data { display: block; }


@media all and (max-width:900px) {
	.forum-block .intro { width : calc(100% - 180px); float: none; margin-bottom: 0.3rem; }
	.forum-block .topics-posts-count { text-align: left; width: auto; }
	.forum-block .topics-posts-count SPAN.topics-count { display: inline; }
	.forum-block .topics-posts-count SPAN.posts-count{ display: inline; margin-left: 0.5rem; }
	.forum-block .last-post { float : none; position: absolute; top: 10px; right : 10px; }	
	
	.index-new-posts { width: 200px; }
	.forum-list { width : calc(100% - 205px); }
}

@media all and (max-width:700px) {
	.forum-block .intro { width : 100%; }
	.forum-block .last-post { float : left; position: relative; margin-top: 0.3rem; 
		text-align: left; width: 100%; top: auto; right: auto; }
	.last-poster { display: inline; }	
}

@media all and (max-width:500px) {
	.homepage-blocks { padding: 5px 0 5px 2px;  }
	.index-new-posts { float: none; width: 100%; }
	.forum-list { float: none; width: 100%; }
	.index-posts-list { display: none; }
	.show-new-posts-btn { display: block; }
}

.subforum-block { overflow: hidden; position: relative; }
	.subforum-block H3 { font-weight: normal; margin-top: 0; margin-bottom: 0.5rem; }
	.subforum-block .intro { width : calc(100% - 420px); float : left; }
	.subforum-block .topic-count { text-align: center; width: 100px; float: left;  }
	.subforum-block .topic-count SPAN { display: block; font-size: 1.1rem; margin-top: 0.5rem; }
	.subforum-block .posts-count { text-align: center; width: 120px; float: left;  }
	.subforum-block .posts-count SPAN { display: block; font-size: 1.1rem; margin-top: 0.5rem; }
	.subforum-block .last-post { text-align: center; width: 200px; float: left;  }
	.subforum-block .last-post SPAN.data { display: block; }

@media all and (max-width:900px){
	.subforum-block .intro { width : calc(100% - 200px); float: none; margin-bottom: 0.5rem;}
	.subforum-block .topic-count { text-align: left; }
	.subforum-block .topic-count SPAN { display: inline; margin-left: 0.5rem; font-size: 1rem; }
	.subforum-block .posts-count { text-align: left; width: auto; }
	.subforum-block .posts-count SPAN { display: inline; margin-left: 0.5rem; font-size: 1rem; }
	.subforum-block .last-post { float : none; position: absolute; top: 10px; right : 10px; }
}

@media all and (max-width:650px){
	.subforum-block .intro { width : 100%; }
	.subforum-block .topic-count SPAN, .subforum-block .posts-count SPAN { font-size: 1rem; }
	.subforum-block .last-post { float : left; position: relative; margin-top: 0.5rem; 
		text-align: left; width: 100%; top: auto; right: auto; }	
	.subforum-block .last-post SPAN.data { display: inline; margin-left: 0.5rem; }
}

@media all and (max-width:500px) {
	.subforum-block .last-post SPAN.data { display: block; margin-left: 0;  }
	.cat-block { padding: 5px 0; }
	.cat-block H2 { margin: 20px; }
	.forum-block { border-left: none; border-right: none; padding: 10px; }
	
	.cat-red { border-left: 2px solid red; }
	.cat-blue { border-left: 2px solid blue; }
	.cat-violet { border-left: 2px solid #ab05c4; }
	.cat-green { border-left: 2px solid green; }
	.cat-gray { border-left: 2px solid gray; }	
	
	.forum-block-featured { border-left: 10px solid blue; }	
}

.topics { 	box-sizing	: border-box; padding		: 5px 20px; }

.topic-block {
	border			: 1px solid #ccc; border-top: none;
  	padding			: 3px 15px 3px 0;
 	position		: relative;
 	background		: #f6f6f6;
}
	.topic-block:first-child { border-top: 1px solid #ccc; }
	.topic-block:nth-child(2n) { background	: #edf0f5; /* #f5f5f5; */ }
	
	.topic-title-img { position : relative; }
	.topic-title-img-sm { display: none; float: left; width: 100%; margin-bottom: 5px; }

	.topic-folder-img { width: 18px; height: 19px; position: relative; top: 3px; }

	/* .topic-block:hover { background: #f6f4d0; } */
	
	.topic-block .topic-title { font-size: 0.9rem; font-weight: normal; }
	.topic-block .topic-title:visited { color: #4c85be; } 
	.topic-block .topic-details { margin-top: 0.5rem; position: relative; overflow: hidden; }
	.topic-info-top { font-size: smaller; margin-bottom: 0.3rem; }
	.topic-id-author { float: left; color: #888; font-size: 0.8rem; clear: both; }
	
	.topic-info { 
		width		: calc(100% - 500px);
		float		: left;
		box-sizing	: border-box;
	}
	
	.topic-block .replies-inline { display: none; float: left; margin-right: 1.5rem; }
	.topic-block .replies-inline SPAN { margin-left: 0.2rem; font-size: 0.8rem; }
	.topic-block .views-inline { display: none; float: left; color: #888; }
	.topic-block .views-inline SPAN { margin-left: 0.2rem; font-size: 0.8rem; }
	
	.topic-block .replies-views-count {
		float		: right;
		width		: 120px;
		text-align	: center;
	}
	.topic-block .replies-views-count SPAN.replies { 
		display		: block; 
	}
	.topic-block .replies-views-count SPAN.views { 
		display		: block; 
		margin-top	: 0.3em; 
		color		: #888; }

	.topic-block .last-post-inline { margin-top: 0.3em; display: none; font-size: 0.8rem; float: left; }
	
	.topic-block .last-post {
		font-size	: 0.85rem;
		text-align	: center; 
		width		: 160px; 
		float		: right; 
	}
	.topic-block .last-post SPAN {
		display		: block;
	}
	.topic-pic {
		width		: 170px;
		min-height	: 3rem;
		float		: left;
		text-align	: center;
		margin-right: 10px;
		box-sizing	: border-box;
	}
	.topic-pic-inline { 
		display: none; 
		float: left; 
		width: 150px;
		min-height	: 170px;
		text-align	: center; 
		margin-right: 10px; 
		margin-bottom: 10px;
	}
	.topic-pages { float: left; margin-top: 10px; margin-bottom: 3px; line-height: 2rem; }
	.topic-pages A {
		padding : 5px 7px; border-bottom: none; text-decoration: none; border : 1px solid #ddd;
	}
	.topic-block .forum-name { color: #888; font-size: 0.8rem; line-height: 1rem; margin: 5px 0;  }
	
	
@media all and (max-width:900px){
	.topic-info { width: calc(100% - 360px); }
	.topic-block .replies-inline { display: block; }
	.topic-block .views-inline { display: block; }
	.topic-block .replies-views-count { display: none; }
}	

@media all and (max-width: 700px){
	.topic-info { width: calc(100% - 180px); float: right; }
	.topic-block .last-post { display: none; }
	.topic-block .last-post-inline { display: block; }
}

@media all and (max-width: 500px) {
	.topics { padding: 5px 0;  }
	.topic-block { padding: 5px 10px; border-left: none; border-right: none;
		border-bottom: 7px solid #cdd; 
	}
	
	.topic-title-img { display : none; }
	.topic-title-img-sm { display: block; }
	
	.topic-block:first-child { border-top: 7px solid #cdd; }	
	.topic-info.no-pic { width: 100%; } 
	/* .topic-pic { text-align: left;  } */
	/* .topic-pic-inline { display: block; }*/ 
	
	/* .topic-info-top { float: right; width: calc(100% - 200px); text-align: right; }
	.topic-id-author { float: right; }
	.topic-block .replies-inline { float: right; margin-right: 0; clear: both;}
	.topic-block .views-inline { float: right; margin-right: 0; clear: both;} */
}


/* ================ Сообщения внутри темы ========================== */

.messages {
	box-sizing	: border-box;
	padding		: 5px 20px;	
}

.message-block, .message-block-preview {
	position	: relative;
  	overflow	: hidden;
  	border		: 1px solid #ccc; 
  	background	: #f6f6f6;
  	border-top	: none;
  	border-bottom: 7px solid #ccdddd;
}

.message-block:first-child, 
.message-block-preview:first-child { border-top: 7px solid #ccdddd; }
.message-block:nth-child(2n) { background: #edf0f5; }

.author {
	float			: left;
	width			: 190px;	
	padding			: 5px 15px 10px 15px;
	box-sizing		: border-box; 
	font-size		: 0.72rem;
	color			: #555;
	margin			: 5px 10px 0 0;
	border-right	: 1px dotted #ccc;
	overflow		: hidden;
}

.stub-200 { float: left: width: 200px; }

.author .name { font-family	: 'Roboto Condensed'; font-size: 1.1rem; color: rgb(0, 102, 153); padding-bottom: 10px;}
.author SPAN { display: block; float: left; clear: both; line-height: 1rem; }
.author .ava { display: block; float: left; clear: both; margin: 10px 0; }

.message {
	float		: right;
	padding		: 5px 10px;
	box-sizing	: border-box; 
	width		: calc(100% - 200px);
}
.message .details { 
	position		: relative;
	font-size		: smaller; 
	color			: #555;
	border-bottom	: 1px dotted #ccc; 
	overflow		: hidden; 
	margin-bottom	: 10px; }
	
.message_tbar { float: right; }
.message_bbar, .message-bbar, .message-tbar { 
	position: relative; overflow: hidden; clear: both; padding: 4px 15px; }

.attachs { display: flex; margin-top: 3rem; flex-wrap: wrap; align-items: stretch; }

.attach { 
	margin			: 0 10px 10px 0;
	border			: 1px solid #bbccdd; 
	border-radius	: 4px; 
	box-shadow		: 3px 3px 5px rgba(0,0,0,0.1);
		
	width 			: 220px; 
	box-sizing		: border-box; 
	text-align		: center; 
	font-size		: 0.8rem; 
	overflow		: hidden;
}
	
.fnumber { color: black; border-bottom: 1px solid #ccc; background: #ccdddd; margin-bottom: 10px; }	
.legenda { color: black; line-height: 1.3em; padding: 10px 20px; word-wrap: break-word; }
	
.signature { color: #555; font-size: 0.85rem; }	
.tech-data { color: #555; font-size: 0.75rem; }	
	
.narrow-only { display: none; }	
@media all and (max-width: 600px) {
	.messages { padding: 5px 0; }
	.message-block { border-left: none; border-right: none; }
	.stub-200 { display: none; }
	.author { width: 100%; float: none; border-right: none; margin: 0; padding-bottom: 0; }
	.author .name { font-size: 1rem; float: left; }
	.author .ava { float: right; clear: none; margin: 0px; }
	.author SPAN { display: none; float: none; }
	.message { width: 100%; float: none; padding-top: 0px; font-size: 0.9rem; }
	.only-wide, .wide-only { display: none; }
	.message_bbar { padding: 4px 10px; }
	.quote { margin-left: 20px; }
}

@font-face {
	font-family: 'Irmologion ieUcs'; 
	src: local('Irmologion ieUcs'), url('/fonts/IrmIEUcs.ttf') format('truetype');}



@media all and (max-width: 900px) {
	.hp-last-topics { width	: 170px; }
	.hp_forum_list { width : calc(100% - 170px); }
	.row-counter { display: none; }
}

.message-body { height: 200px; }
.smiles { display: flex; flex-wrap: wrap; }
.smile { width: 25%; text-align: center; }
.smiles-extra { text-align: center; }
.bbcode-control { font-size: 0.7rem; }

.attached-file {
	border			: 1px solid #ccc; 
	padding			: 5px 20px; 
	margin-bottom	: 10px; 
	border-radius	: 4px; 
}

.pure-form .pure-u-100 {
	width		: calc(100% - 11em - 4px);
}
.pure-form.pure-form-stacked .pure-u-100 {
	width		: 100%;
}
.pure-form .pure-u-75 {
	width		: calc(75% - 11em - 4px);
}
.pure-form-aligned .pure-controls { margin-top: 0; } 

@media (max-width: 800px) { 
	.pure-form .pure-u-75 {
		width		: calc(100% - 11em - 4px);
	}
}
@media (max-width: 480px) { 
	.narrow-hide { display: none!important; }
	.narrow-only { display: block; }	
	.smile { width: 30px; }
	.pure-form .pure-u-75 { 
		width : calc(100% - 20px); 
	}	
	.pure-form .pure-u-100 { 
		width : calc(100% - 20px); 
	}
	.pure-form button[type=submit], .pure-form button[type=reset] { 
		margin-top: 3px; margin-bottom: 3px;
	}
}

.pm-folders {
	display: flex; flex-wrap: wrap; justify-content: center;
}

.pm-folder {
	width	: auto; padding: 5px 7px; display : flex; align-items: center;
}
.pm-folder SPAN { margin-left: 5px; height: 25px; line-height: 25px; }
.pm-status { text-align : right; padding: 2px 5px; }

TABLE.pm-list {
	width	: 100%; 
	border-collapse: collapse;
	border	: 1px solid #ccc;
}

TABLE.pm-list THEAD {
	font-weight: bold;  
}

TABLE.pm-list THEAD TR, TABLE.pm-list THEAD TR:hover {
	background: white; 
}

TABLE.pm-list TR { 
	background 	: #f6f6f6; }
TABLE.pm-list TR:nth-child(2n) { 
	background 	: #edf0f5; }
TABLE.pm-list TR:hover { 
	background 	: #cfdae5; }

TABLE.pm-list TD {
	vertical-align: middle;
	border	: 1px solid #ccc;
	padding	: 2px 5px; 
}
TABLE.pm-list .sender-date-inline { display: none; } 

TABLE.pm-list TD.flag { width : 25px; text-align: center; }
TABLE.pm-list TD.subject { width : calc(100% - 415px); }
TABLE.pm-list TD.sender { width: 200px; }
TABLE.pm-list TD.date { width : 150px; }
TABLE.pm-list TD.mark { width : 40px; text-align: center; }

@media (max-width: 750px) { 
	TABLE.pm-list TD.subject { width : calc(100% - 365px); }
	TABLE.pm-list TD.sender { width: 150px; }
}

@media (max-width: 600px) { 
	TABLE.pm-list TD.subject { width : calc(100% - 65px); }
	TABLE.pm-list TD.sender { display : none; }
	TABLE.pm-list TD.date { display: none; }
	TABLE.pm-list .sender-date-inline { display: block; } 
}

.message-box {
	border			: 1px solid #ddd;
	border-radius	: 4px;
  	box-shadow		: 3px 3px 5px rgba(0,0,0,0.1);
  	box-sizing		: border-box; 
}
.message-title {
	font-weight		: bold; 
	line-height		: 2rem; 
	background		: #eee;
	color			: #444;
}
.message-text {
	padding			: 20px 20px;	
} 
.message-buttons {
	padding			: 0 20px 10px 20px;	
} 

.pm-message {
	overflow		: hidden; 
	border			: 1px solid #ccdddd; 
  	background		: #f6f6f6;
  	border-top		: 7px solid #ccdddd;
  	border-bottom	: 7px solid #ccdddd;	
}

.pm-details {
	border-left: none; border-right: none;
}

.pm-message-text {
	
}

.std-box {
	position		: relative; 
	border			: 1px solid #ccdddd; 
  	background		: #f6f6f6;
  	border-top		: 7px solid #ccdddd;
  	border-bottom	: 7px solid #ccdddd;	
}

@media all and (max-width: 600px) {
	.pm-message {
		border-left: none; border-right: none;
	}
}

@media all and (max-width: 1200px) {
	.container.std-box { border-left: none; border-right: none; } 
}

.read-the-rules {
	font-weight		: bold;
	color			: red;
	font-size		: 1.4rem;
	line-height		: 1.5rem;
	margin-bottom 	: 20px; 
}

@media (max-width: 480px) { 
	.read-the-rules { font-size: 1.2rem; line-height: 1.3rem; }
}
.read-the-rules A { color : red; }

.rules-buttons { margin-top: 20px; text-align: center; }
.legend-explain { margin-bottom: 15px; }

.profile-left-block { box-sizing: border-box; }
.profile-right-block { box-sizing: border-box; }

@media (max-width: 768px) { 
	.profile-right-block { margin-top: 1rem; }
}

TABLE.meter { width: 175px; border: none; }
TABLE.meter TD { border: none; padding: 2px; }
TABLE.meter IMG, IMG.meter { height: 16px; }

.ui-dialog { position: fixed; padding: .2em; width: 300px; overflow: hidden; }

.hl { background: yellow; font-weight: bold; padding: 2px 0px; }
.overlayed-panel { position: relative; }
.spinner {
	position 	: fixed;
	width		: 50px;
	height		: 50px;
	margin-left	: -25px;
	margin-top	: -25px;
	top			: 50%;
	left		: 50%;
	z-index		: 10001;
	color		: #4f85b7;
	display 	: none;
}
.overlay {
    position	: absolute;
    top			: 0;
    left		: 0;
    width		: 100%;
    height		: 100%;
    background-color: #fff;
    filter		:alpha(opacity=60);
    opacity		: 0.6;
    z-index		: 10000;	
    padding-top	: 20px;
    font-size	: 2rem;
    text-align	: center; 
    display 	: none;
}

/* ===============================================================================
   Footnotes, epigraphs and table layout for Library section and Iconography tabs
================================================================================== */

P.footnote_wide, DIV.footnote_wide {
	border-left: 3px blue double;
	font-size: 90%; text-align: left; 
	padding: 5px 10px 5px 10px;
	line-height: 1.5em;
	margin: 0px 0px 15px 40px; 
}

DIV.footnote_wide P { margin: 10px 0 0 0; }
DIV.footnote_wide P:first-child { margin: 0; }

DIV.footnote_wide { clear: left; }
.ft_mark { color: #d00; font-weight: bold; font-size: 120%; margin-right: 5px; }

* html DIV.footnote_wide, * html P.footnote_wide {
        border: 1px solid white;
        border-left: 3px blue double;
        font-size: 90%; text-align: left;
        padding: 5px 10px 5px 10px;
        line-height: 1.5em;
        margin: 0px 0px 15px 0px;
}

* html DIV.footnote_wide { clear: both; }

SPAN.footnote, SPAN.footnote_wide, SPAN.footnote_q_wide {
	display		: block;
	border-left: 3px blue double;
	font-size: 90%; text-align: left; 
	padding: 5px 10px 5px 10px;
	line-height: 1.5em;
	margin: 0px 0px 15px 40px; 
}


SPAN.footnote  {	
	width: 250px;  
	float: right; 
	clear: right;
	margin: 10px 0px 5px 10px;
}
* html SPAN.footnote { margin: 5px 0px 5px 10px; }

SPAN.footnote_wide, SPAN.footnote_q_wide {
	margin: 0px 0px 15px 0px; 
	display: block; }
	
SUP.footnote {
	line-height: 1em; color:red; padding-left:2px; white-space: nowrap; font-weight: normal;
}

H2 SUP.footnote { font-size: 90%; }	
	
.ft_spacer { margin-top: 5px; }


/* SPAN.footnote_wide 			{ clear: both; width: 780px; }
SPAN.footnote_q_wide 		{ width: 770px; }		
* html SPAN.footnote_wide 	{ clear: both; width: 775px; }		
* html SPAN.footnote_q_wide { width: auto; } */

TABLE.classic, TABLE.classic_c { border-collapse: collapse;
	border: 1px solid gray; margin-bottom: 1.3em; }
TABLE.classic TD, TABLE.classic_c TD { border: 1px solid gray; padding: 5px;  font-family: Arial, Verdana, sans-serif;
		font-size: 100%; }	
TABLE.classic TD.no_r { border-right: 1px solid #e0e0e0; }
TABLE.classic TD.no_l { border-left: 1px solid #e0e0e0; }
TABLE.classic_c TD { text-align: center; }

TABLE.classic_l { border-collapse: collapse; border: 1px solid black;
	margin-bottom: 1.3em; }
TABLE.classic_l TD { border: 1px solid black; padding: 5px;  font-family: Arial, Verdana, sans-serif;
		font-size: 100%; text-align: left;}	
TABLE.classic_l TD.r { border: 1px solid black; padding: 5px;  font-family: Arial, Verdana, sans-serif;
		font-size: 100%; text-align: right;}	
		
TD.r, .r { text-align: right; }
TD.c { text-align: center; }

TABLE.form TD { padding: 5px; }

.clickable { cursor: pointer; cursor: hand; }



.news_arch { border-collapse: collapse; }
.news_arch TD { font-family: Arial, Verdana, sans-serif; font-size: 12pt; text-align: justify; 
				padding: 5px 5px 10px 5px;}
				
.book_quote {
	padding	: 0px 20px 0px 35px;
	margin	: 0px;
}

.book_quote .nonstd_li {
	margin-bottom	: 5px;
}

.book_quote OL LI {
	padding-left 	: 5px;
	margin-bottom	: 5px;
}

/* Оформление цитаты */
TABLE.tab_q {border-collapse: collapse; border: 0px; margin:0px; }
TD.tab_left_q { border-bottom: 1px solid blue;	width: 10px; }
TD.tab_selected_q { border-top: 1px solid blue; border-left: 1px solid blue;
	border-right: 1px solid green; border-bottom: 0px solid white; 
	padding: 5px; font-size: 0.85rem; }
TD.tab_right_q { border-bottom: 1px solid blue; width: 100%; }
TD.tab_q_final_l { border-left: 1px solid blue; border-bottom: 1px solid blue; width: 100%; }
TD.tab_q_final_r { border-right: 1px solid blue; border-bottom: 1px solid blue; width: 100%; }

/* Разметка страниц */
.pages { position: absolute; left: 10px; text-align: right; font-weight: normal;
	font-size: 13px; background: white; user-select : none; }
.break_mark { color: red; font-weight: bold; }
.pages .next { border-top: 2px dashed red; }
.pages .prev_last { border-bottom: 2px dashed red; }

.copyright { font-size: 80%; background: #f0f0f0; color: #777; padding: 5px 10px;}
.copyright_pic { 
	font-size: 0.8rem; 
	line-height: 1rem; 
	box-sizing	: border-box;
	border-left: 10px solid #f0f0f0;
	color: #777; 
	padding: 5px 10px; }
.copyright_pic_wide { margin-bottom: 5px; font-size: 75%; background: #f0f0f0; color: #777; padding: 5px 10px; }
.huge {font-size: 140%; }
.side_block { font-size: 80%; }
	
	
/* =============================================
   TAB styles: icons / mosaics / murals / etc.
================================================ */
/* fonts are to be defined here for table otherwize links behaviour after click is unpredictable */
TABLE.tab {border-collapse: collapse; font-family: Verdana, sans-serif; font-size: 9pt; 
	border: 0px; width: 100%; margin-bottom: 7px; }
TABLE.tab2 {border-collapse: collapse; font-family: Verdana, sans-serif; font-size: 9pt; 
	border: 0px; width: 100%; margin-bottom: 0; }
TABLE.tab_v {border-collapse: collapse; font-family: Verdana, sans-serif; font-size: 9pt; 
	border: 0px; height: 100%; margin-right: 7px; }

TD.tab_left { border-bottom: 2px solid #2c2c82;	width: 10px; }
TD.tab2_left { border-bottom: 0px; width: 10px; }
TD.tab_top { border-right: 2px solid #2c2c82;	width: 10px; }

TD.tab_selected { border-top: 2px solid #2c2c82; border-left: 2px solid #2c2c82;
	border-right: 2px solid #2c2c82; border-bottom: 1px solid white; padding: 5px;}
TD.tab_v_selected { border-top: 2px solid #2c2c82; border-left: 2px solid #2c2c82;
	border-bottom: 2px solid #2c2c82; border-right: 1px solid white; padding: 5px;}

TD.tab { border-top: 1px solid #2c2c82;	border-left: 1px solid #2c2c82;
	border-right: 1px solid #2c2c82; border-bottom: 2px solid #2c2c82;
	background: #e0e0e0; padding: 5px; }
TD.tab2 { border-top: 1px solid #2c2c82;	border-left: 1px solid #2c2c82;
	border-right: 1px solid #2c2c82; border-bottom: 0;
	background: #e0e0e0; padding: 5px; }	
TD.tab_v { border-top: 1px solid #2c2c82;	border-left: 1px solid #2c2c82;
	border-bottom: 1px solid #2c2c82; border-right: 2px solid #2c2c82;
	background: #e0e0e0; padding: 5px; cursor: hand; }
TD.tab:hover, TD.tab_v:hover, TD.tab2:hover { background: #e9e9e9; }

/* TD.tab_right { border-bottom: 2px solid #2c2c82; width: 100%; } */
TD.tab_right { border-top: 1px solid #2c2c82;	border-left: 1px solid #2c2c82;
	border-right: 1px solid #2c2c82; border-bottom: 2px solid #2c2c82;
	background: #e0e0e0; padding: 5px; width: 100%; }
	
TD.tab2_right { border-bottom: 0; width: 100%; }
TD.tab_right_q { border-bottom: 1px solid green; width: 100%; }
TD.tab_bottom { border-right: 2px solid #2c2c82; height: 100%; }

TD.tab_spacer   {	border-bottom: 2px solid #2c2c82; background: white; padding: 0px; }
TD.tab2_spacer   {	border-bottom: 0; background: white; padding: 0px; }
TD.tab_v_spacer {	border-right: 2px solid #2c2c82; background: white; padding: 0px; }

TD.tab, TD.tab_selected { text-align: center; }

TD.contents { padding: 0px 20px 0px 20px; }

TABLE.tab A, TABLE.tab_v A, TABLE.tab2 A { text-decoration: none; color: #2c2c82; border: none; }
TABLE.tab A:hover, TABLE.tab_v A:hover { color: blue;  }
	
.topic_cover_items {
	display: flex;
	flex-wrap: wrap; 
	justify-content: center;
	align-items: stretch;  
	align-content: stretch;
}

.topic_cover_item {
	display		: block;
	margin		: 7px;
	overflow	: hidden;
	border			: 1px solid #bbccdd; 
	border-radius	: 4px; 
	box-shadow		: 3px 3px 5px rgba(0,0,0,0.1);
	
	box-sizing	: border-box;
  text-align	: center;
  padding		: 3px 7px;
  color			: black;
  background	: #f5f5ff;	
 	width 			: 300px; 
 	 font-size		: 0.85rem;
  	line-height	: 	1.25rem; 	
}
	
.thumb_blocks { display: flex;
	flex-wrap: wrap; 
	justify-content: center;
	align-items: stretch;  
	align-content: stretch;  }

.thumb_block, .thumb_block_x4, .thumb_block_homepage {
	display			: block;
	position		: relative;
	margin			: 7px;
	overflow		: hidden;
	border			: 1px solid #bbccdd; 
	border-radius	: 4px; 
	box-shadow		: 3px 3px 5px rgba(0,0,0,0.1);
	box-sizing		: border-box;
  	text-align		: center;
 	padding			: 3px 7px;
  	color			: black!important;
  	background		: #f5f5ff;	
}

.thumb_block {
	width 			: 215px; 
 	font-size		: 0.85rem;
  	line-height		: 1.2rem;
}

.thumb_block_homepage {
	width 			: calc(25% - 12px);
	min-width		: 215px;  
	margin			: 0 5px 10px 5px;
 	font-size		: 0.85rem;
  	line-height		: 1.2rem;
}

@media all and (max-width: 650px){
	.thumb_block_homepage { width: calc(50% - 10px); }
}

@media all and (max-width: 450px){
	.thumb_block_homepage { width: 100%; }
}

.thumb_block:hover, .thumb_block_homepage:hover {
	color			: black;
	box-shadow		: 5px 5px 7px rgba(0,0,0,0.2);
}

.thumb_block .text {
	text-align	: left!important;
}

.thumb_block .detail_num {
	position		: absolute;
	top				: 0px;
	left			: 0px;
	padding			: 7px;
	font-size		: 1.2rem;
	color			: #aaa;
	font-weight		: bold;
	border-radius	: 4px;
	background		: rgb(245,245,255)
}

.thumb_block .object_num {
	position		: absolute;
	top				: 0px;
	left			: 0px;
	padding			: 2px 5px;
	font-size		: 0.8rem;
	color			: #aaa;
	border-radius	: 4px;
	background		: rgb(245,245,255)
}

.thumb_block H2 { display: inline; margin-bottom: 0; }
.item_count_holder { 	margin			: 5px auto 10px auto; } 
.item_count {
	padding 		: 3px 10px; 
	border-radius	: 15px; 
	color			: #4f85b7;
	font-weight		: bold; 
	border			: 1px solid #4f85b7;
	// background		: #4f85b7;
	position		: relative;
	top				: -2px;
 }

.float-right { float : right; clear: both; }

.decor {
    border-top: 7px solid #ccdddd;
     	/* background	: #f6f6f6; */
  	border-bottom: 7px solid #ccdddd; 
  	border-left: 1px solid #ccdddd;
  	border-right: 1px solid #ccdddd;
}

.epigraph { float: right; }
.epigraph40 { float: right; width: 400px; text-align: justify; }
.epigraph60 { float: right; width: 600px; text-align: justify; }

.indent { padding-left: 50px;}
.indent100 { padding-left: 100px; }

LI.book_contents { position: relative; padding-right: 80px; margin-bottom: 7px; }
LI.book_contents:hover { background: #eee; }
.pages_mark { text-align: right; font-size: small; }
.chapter-contents { padding-left: 40px; }
.chapter-contents-150 { margin: 0 0 0 170px; }
.header_l, .header_l_big { position: absolute; left: 40px; width: 130px; font-size: 0.9rem; 
	font-weight: bold; text-align: right; line-height: 1.5em; }
.header_l_big { font-size: 1.2rem; }
.sidenote { font-weight: normal; font-size: 0.8rem; }
.sidenote STRONG { font-size: 0.9rem; } 
.lng-and-share { overflow: visible; height: 30px; }
.chapter-contents .author, .chapter-contents-150 .author { 
	/* Так сложно, потому что у нас простой класс author */
	font-size		: 1.2rem; 
	float			: none;
	width			: auto;	
	padding			: 0;
	box-sizing		: auto; 
	color			: rgb(0, 102, 153);
	margin			: 0 0 10px 0;
	border-right	: none;
	overflow		: hidden;	
}

@media (max-width: 480px) { 
	.chapter-contents-150 { margin: 0 0 0 50px; }
	.header_l, .header_l_big { position: relative; text-align: left; 
		left: -40px; width: auto; display: block;  }
	.sidenote { left: -40px; }
	.epigraph40 { width: auto; max-width: 80%; }
	LI.book_contents { padding-right: 10px; }
	LI.book_contents SPAN { display: none; }
	.pages_mark { display: none; }
}

IMG.flag, IMG.flag80 { border: solid 1px gray; margin: auto 0; } 
OL.roman { list-style-type: upper-roman; }

.v2_ml_block { font-size: 80%; float: right; display: block; }
.v2_ml_block TABLE { border-collapse: collapse; margin: 0; }
.v2_ml_block TD.flags { height: 20px; padding: 0px 4px 0px 0px; vertical-align: middle; }
.v2_ml_block TD.flags IMG { border: 1px solid gray; vertical-align: middle; margin-left: 4px; height: 15px; }
A.nu { border: none; }
.share_block { margin-right: 15px; height: 25px; overflow: visible; }
.share_block A { text-decoration: none; border-bottom: 0px; }
.main-img { float: right; margin: 0 0 15px 15px; width: 50%; max-width: 400px; }
.main-img-wide { width: 100%; max-width: 800px; }
.hires_block { 
	line-height: 1rem; 
	font-size: 0.85rem; 
	border-left: 10px solid #f0f0f0;
	color: #777; padding: 5px 10px;  }

@media (max-width: 650px) {
	.main-img { float: none; width: auto; max-width: none; margin: 0 0 15px 0; } 
	.main-img-wide { width: auto; max-width: none; }
}

@media (max-width: 480px) { 
	.pages { position : relative; left: auto; color: #bbb; }
	.pages BR { display : none; }
	.pages .next { border-top: none; }
	.pages .next:after { content : "\a0►"; }
	.pages .prev:before { content : "◄\a0"; } 
	.pages .prev_last { border-bottom: none; }
	.pages .prev_last:before { content : "◄\a0"; } 
	.pages .next:before { content : ' • '; }
	.break_mark { position: absolute; left: 10px; }
	DIV.footnote_wide { margin-left: 0; }
	DIV.vrez DIV.footnote_wide { margin-left: 10px; }
	.book_quote { padding-left: 15px; padding-right: 5px; }
	UL { padding-left: 15px; }
	OL { padding-left: 25px; }
	.ft_mark + UL:before { content : ":"; color : white; }
	.float-right { float : none; }
}

.footer-block { clear: both; font-size: 0.85rem; }
.footer-notes { font-size: 0.8rem; line-height: 1.2em; color: #6e757f; }

.outer-links { font-size: 0.9rem; }

@media (max-width: 480px) { 
	.outer-links .site { display : none; }
	.outer-links .added { display : none; }
}

.bibliogr { font-size: 0.9rem; }
.bibliogr LI { margin-bottom: 7px; line-height: 1.4rem; }
.bibliogr .id { color: #aaa; }

.quotes { font-size: 0.87rem; }
.quotes LI { margin-bottom: 7px; line-height: 1.3rem; }

.dates-by-src { font-size: 0.87rem; }
.dates-by-src LI { line-height: 1.3rem; }

.content-block { margin-top: 15px; }

.list-rect, .list-rect-wide { overflow: hidden; margin-bottom: 15px; }
.list-rect { max-width: 540px; }

.list-rect A, .list-rect-wide A {
	display			: block; 
	float			: left;
	margin			: 5px;
	height			: 40px;
	line-height		: 26px;
	padding			: 7px; 
	text-align		: center;
	text-decoration	: none;
	box-sizing		: border-box;
	border 			: 1px solid #ddd;
}

.list-rect A:hover, .list-rect-wide A:hover {
	box-shadow		: 2px 2px 4px rgba(0,0,0,0.2);
}

.letters A { min-width: 40px; }
.centuries A { min-width: 95px; }

OL.saints_list { list-style-type: none; font-size: 1rem; margin-left: 30px; }
OL.saints_list LI  { margin-bottom: 0.25em; position: relative; }
OL.saints_list LI.break  { margin-bottom: 0.25em; margin-top: 1em; position: relative; }
OL.saints_list SPAN { position:absolute; left: -40px; }

OL.abc_list { list-style-type: none; font-size: 1rem;
	position: relative; margin-left: 30px; }
OL.abc_list LI  { margin-bottom: 0.25em; position: relative; }
OL.abc_list LI.break  { margin-bottom: 0.25em; margin-top: 1em; position: relative; }
OL.abc_list SPAN.abc { position: absolute; left: -50px; }
.id { color: #999; font-size: small; }


UL.bibliogr LI, UL.library LI { padding: 0px 0px 5px 0px;  }
UL.library { margin-left: 40px; }
UL.library LI IMG { position: relative; top: 2px; }
UL.library LI  { margin-bottom: 0.25em; position: relative; }
UL.library LI.break  { margin-bottom: 0.25em; margin-top: 1em; position: relative; }
UL.library SPAN { position: absolute; left: -50px; font-weight: bold; }

.manuscripts-city { font-weight: bold; font-size: 1.2rem; }
@media (max-width: 480px) { 
	.manuscripts-city { font-size: 1.1rem; }
}

TABLE.search { margin-top: 15px; }
TABLE.search TD.name { text-align:right; padding-right: 7px; vertical-align:top; }
TABLE.search .q { padding: 2px 5px; background: #006600; border: 1px solid #006600; font-weight: bold; color: white; cursor: pointer; cursor: hand; }
TABLE.search .expl { border: 1px solid #006600; background: #fffde8; font-size: 0.9rem; line-height: 1.2rem; padding: 3px 5px; margin: 3px 0px 10px 0px; display: none; }
TABLE.search .expl .close { float: right; margin-top:-3px; margin-right:-5px; padding: 1px 2px; background: #006600; border: 1px solid #006600; font-weight: bold; color: white; cursor: pointer; cursor: hand; }

.big_letter { font-size: 30pt; }
.def { /* article names for dictionary */
	font-family: Verdana,sans-serif; font-variant: small-caps; font-size: 16pt;	font-weight: normal;
	color: #6e757f; }

.mark {
	font-family: Verdana,sans-serif;
	font-variant: small-caps;
	font-size: 12pt;
	font-weight: normal;
	color: #6e757f;
}

.src_object_num {
	padding			: 7px 5px 10px 5px;
	font-size		: 1.2rem;
	color			: #aaa;
	font-weight		: bold;
}

DIV.bss { float: left; overflow: hidden; }
OL#bss { margin-top: 0px; max-width: 600px; }
OL#bss H3 { margin-top: 0; }
LI.det_bss P { margin: 0px 0px 7px 0px; }
LI.det_bss { margin: 0px 0px 7px 0px; }

.icon_bss { float: left; margin-right: 10px; margin-bottom: 15px; }

DIV.vrez { border-left: 10px solid #cccccc; background: #eeeeee; padding-top: 10px; padding-bottom: 10px;  }
DIV.vrez P { margin: 10px 20px; }
P.vrez { border-left: 10px solid #cccccc; background: #eeeeee; padding: 10px 20px; }

.holder { overflow: hidden; width: 100%; }
.indent { padding-left: 50px;}
.indent100 { padding-left: 100px; }

.form-notes { font-size: smaller; line-height: 1.2rem; margin-top: 7px; width: 75%; }
@media (max-width: 650px) {
	.form-notes { width: 100%; }
}

.yandex-search { 
	box-sizing	: border-box;
	width: calc(100% - 550px); 
	position: absolute; 
	right: 0px; top: 20px; }
	
@media (max-width: 800px) {
	.yandex-search { 
		position: relative;
		right: auto; top: auto;
		width : 75%;
		max-width : 450px;
	}
}

#search_results OL.abc_list { 
	margin-left: 0px; 
}

@media (max-width: 500px) {
	.yandex-search { 
		width : 100%;
	}
	
	#search_results OL.abc_list, .downloads OL.abc_list { 
		list-style-type: none!important; 
		margin-left: 0px; 
		padding-left: 0px;
	}
	
	#search_results LI, .downloads OL.abc_list LI {
		margin-bottom: 1em;
	}
}

/*=======================================================
  Calendar
=========================================================*/
.calendar { border: 1px solid gray; border-collapse: collapse; }
.calendar UL {margin-bottom: 0px; text-align: left;}
.calendar LI {margin-bottom: 5px; }
.calendar TD { border: 1px solid gray; padding: 3px 7px 7px 7px; vertical-align: middle;         
			   font-family: Arial, Verdana, sans-serif; font-size: 12pt; }
.calendar TD.day { font-family: Arial,sans-serif;	font-variant: normal;
	font-size: 24pt; text-align: right; padding: 7px; }
.calendar TD.day#old { color: blue; font-size: 24pt; width: 1.5em; text-align: right; }
.calendar TD.day#new { color: #aaaaaa; font-size: 24pt; width: 2em; text-align: right;  }
.calendar #small {font-size: 14pt;}
.calendar .leap_n { color: red; position: relative; top: -18px; left: -1px; font-size: 12pt;}
.calendar .leap_d { position: relative; left: 11px; }
.calendar_index TD { text-align: center; font-variant: small-caps; }

@media (max-width: 500px) {
	.calendar TD.day#old { font-size: 16pt; width: 1em; }
	.calendar TD.day#new { font-size: 16pt; width: 1.5em; }
}

@media (max-width: 800px) {
	.pure-form .pure-input-1-2 { width: calc(100% - 12em); }
}

@media (max-width: 480px) {
	.pure-form .pure-input-1-2 { width: 100%; }
	.pure-form .narrow-hide { display: none; }
	#s_year_start, #s_year_end { display: inline-block; }
}

.flex-block, .flex-block-compare {
	display	: flex; justify-content: space-around; 
}

.block350 { width : 350px; }
.block700 { width : 700px; }

@media (max-width: 750px) {
	.flex-block  { flex-wrap: wrap; }
	.flex-block .block350 { width : 100%; }
}

@media (max-width: 500px) {
	.flex-block-compare  { flex-wrap: wrap; }
	.flex-block-compare .block350 { width : 100%; }
}

.group-img { border-collapse: collapse; margin: 10px auto; }
.group-img TD { text-align: center; margin: 0; padding: 2px; }
.group-img A { border-bottom: none; }

/* ==================================================================
   Pointers for painting layouts
===================================================================== */
.p_normal, .p_active, .p_disabled { color:red; background:white;	width:20px;	height:20px; border:1px solid red;
	text-align:center; font-size: 12pt;	font-weight: bold; }
.p_active { color: white; background: red; cursor: pointer; cursor: hand; }
.p_disabled { color: gray; background: white; border: 1px solid gray; cursor: default; }