/* The common CSS for text pages at the ABFS Russian group's website
   Copyright (c) 2007-2016 Chortos-2 aka Oleg Oshmyan */

html, body
{
	color: black;
	background-color: #58616C;
	font-size: 12pt;
	margin: 0;
	height: 100%;
}

html
{
	width: 100%;
	min-height: 100%;
}

body
{
	overflow: visible;
	max-width: 858pt;
	margin: 0 auto;
	padding: 0 1ex;
}

*
{
	padding: 0;

	font-family: "Helvetica Neue", "Helvetica", "Arial", "Liberation Sans", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

p
{
	line-height: 1.2;
}

@media print
{
	html, body
	{
		font-size: 12pt;
	}

	.row2, .body
	{
		display: block;
	}

	div.logo, .header
	{
		display: none;
	}
}

.copyright, .body:after
{
	display: block;
	width: 100%;
	margin: 0;
	padding: 2px 0;
	clear: both;
	z-index: 50;

	background-color: white;
	border-top: 1px solid black;

	font-size: 10pt;
	text-align: center;
}

.body:after
{
	visibility: hidden;
	content: "Copyright";
}

/* WHY THE HELL don't Opera Mini and the S60 browser use the handheld media type?!
   I can even understand why Safari on iPhone OS doesn't use it, but them--hell, no!
   Anyway, iphone.js should get MobileSafari (the iPhone OS browser) and Opera Mini
   display .copyright as position:relative, which is at least somewhat good. */

.author
{
	text-align: right;
	margin: 1em 0;
}

.author .author
{
	font-style: italic;
}

img.logo
{
	margin: 0;
	height: 100px;
}

div.logo
{
	background-color: #58616C;
	text-align: left;
}

.header
{
	background-color: #58616C;
	color: white;
}

/* mobile Chrome doesn't apply these rules if the `a` is left out */
.header a:link    { color: white;  }
.header a:visited { color: silver; }
/*.header a.current { color: black;  }*/
.header a:active  { color: red;    }

.langs, .sections
{
	margin: 0;
}

h1
{
	font-size: 28pt;
	text-align: center;
	margin: 28pt 0 14pt;
}

h2
{
	font-size: 18pt;
	margin: 14pt 0;
}

h3
{
	font-size: 14pt;
	margin: 13pt 0 0;
}

.text article
{
	overflow: hidden;
	margin: 14pt 0 0;
}

.text article h2
{
	margin-top: 0;
}

header h2
{
	margin-bottom: 0;
}

header p.pubdate
{
	margin: 0 0 1em;
	text-indent: 0;
}

.pubdate
{
	font-size: smaller;
}

.pubdate, .pubdate *
{
	font-style: italic;
}

footer.pubdate
{
	text-align: right;
	margin: 0 13pt 13pt;
}

.text
{
	margin: 0 1em;
}

.col3
{
	display: table;
	margin: 0 auto;
}

table.col3
{
	border-collapse: collapse;
}

table.col3 td, table.col3 th
{
	border: 1px solid black;
}

.col3 div
{
	display: table-cell;
	padding-right: 1em;
}

.col3 div.last
{
	padding-right: 0;
}

.col3 h2
{
	text-align: center;
	margin-bottom: 0;
}

fieldset fieldset
{
	float: left;
	padding-right: 0.8ex;
}

fieldset.feedback
{
	display: table;
	border: 0;
}

fieldset.feedback label, fieldset.feedback span.row
{
	display: table-row;
	width: 100%;
}

fieldset.feedback label.fullwidth
{
	display: block;
	margin-top: 1em;
}

fieldset.feedback span label
{
	display: inline;
}

fieldset.feedback span.multiline label
{
	display: block;
}

fieldset.feedback label span, fieldset.feedback span.row span, fieldset.feedback span.multiline span label, fieldset.feedback span.multiline span span
{
	display: table-cell;
	white-space: nowrap;
}

fieldset.feedback span.multiline span
{
	display: table;
	width: 100%;
}

span.first, fieldset.feedback label.first
{
	width: 1%;
	text-align: right;
}

fieldset.feedback br
{
	display: none;
}

fieldset.feedback label input, fieldset.feedback span.multiline span span input, textarea
{
	width: 100%;
}

fieldset.feedback label .date
{
	width: 33%;
}

fieldset.feedback span label input
{
	width: auto;
}

label input, textarea
{
	font-size: 10pt;
	padding: 1px;
}

input[type=submit]
{
	font-size: 12pt;
	padding: 1px 8px;
}

p, .assignee
{
	/* For browsers that don't support :first-letter, just indent the text
	   Hm... If I uncomment this, :first-letter works weirdly */
	text-indent: 1.75em;

	margin: 0;
	orphans: 2;
	text-align: justify;

	/* Note that when you activate a link inside the <p>, you also activate the <p>,
	   so its inherited color: black will be overriden with :active's color: #C00000 */
}

.assignee
{
	margin-bottom: 1em;
}

/*
p:first-letter
{
	float: left;
	font-size: 42pt;
	line-height: 79%;
	margin: 0.05em 0 0 0.4em;
	color: red;
}
*/

p.error
{
	text-indent: 0;
	text-align: center;
	color: red;
	border: 1px solid red;
}

p.success
{
	color: green;
	border-color: lime;
}

/*
p.error:first-letter
{
	float: none;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}
*/

pre
{
	white-space: pre-wrap;
}

blockquote
{
	margin: 0 3em;
}

blockquote *, em, .em, em *, i, .i, i *
{
	font-style: italic;
}

.nobr
{
	white-space: nowrap;
}

acronym
{
	border-bottom: 1px dashed;
	text-decoration: none;
	cursor: help;
}

acronym.nodecor
{
	border-bottom: none;
}

strong, .strong, dfn, .dfn, b, .b, strong *, b *, th
{
	font-weight: bold;
}

img
{
	border: 0;
}

.notice
{
	margin: 15pt auto -15pt;
	text-align: center;
	text-indent: 0;
}

.notice strong
{
	display: block;
	display: inline-block;
	border: 3px solid red;
	padding: 1ex 1em;
	font-size: 18pt;
}

p img, p figure
{
	float: right;
	margin: 1ex 0 1ex 1em;
	width: 360px;
	height: 240px;
	clear: right;
	text-indent: 0;
}

p img.left
{
	float: left;
	margin: 0 1em 0 0;
	width: 135px;
	height: auto;
	clear: left;
}

p img.h3
{
	margin-top: 1.5em;
}

p figure
{
	height: auto;
}

p figure img
{
	float: none;
	margin: 0;
	clear: none;
}

p figure.sep
{
	float: none;
	clear: none;
	display: block;
	text-align: center;
	width: auto;
	margin: 1ex 0;
}

p figcaption
{
	display: block;
}

#pics, #pics2, .pics
{
	text-indent: 0;
	text-align: center;
	margin-left: -1em;
}

#pics img, #pics2 img, .pics img
{
	display: block;
	float: none;
	margin: 0;
}

#pics a, #pics2 a, .pics a
{
	display: inline-block;
	margin: 1ex 0 1ex 1em;
}

.photos img
{
	margin: 0;
}

.preview
{
	position: absolute;
	left: 50%;
	z-index: 200;
}

.preview div
{
	position: absolute;
	cursor: pointer;
	border: 1px solid white;
}

.preview div img
{
	display: block;
}

.preview p
{
	text-indent: 0;
	margin: 1px 1em 0;
}

.preview table
{
	position: absolute;
	border: 0;
	border-collapse: collapse;
	z-index: -1;
}

.preview .middle
{
	background-color: white;
	cursor: pointer;
}

.preview td
{
	border: 0;
}

ul.photos
{
	display: block;
	/*width: 100%;*/
	margin: 0 auto;
	text-align: center;
	line-height: 0;
	font-size: 0;
}

ul.photos li
{
	display: -moz-inline-stack;
	display: inline-block;
	display: inline-table;
	width: 135px;
	height: 135px;
	text-align: center;
	vertical-align: middle;
	margin: 2px;

	/* Practically, this is only needed for IE 7 to display the single
	   column of li's (if JScript is off) _centred_ on the page */
	/*margin: 0 auto;*/
}

ul.photos li a
{
	display: table-cell;
	vertical-align: middle;
	-webkit-border-radius: 1em;
	-khtml-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
}

ul.photos li.folder a
{
	line-height: 1.2;
	font-size: 12pt;
	padding: 1px;
	border: 1px solid black;
}

.nav
{
	margin: 14pt 1em 0;
}

.nav li
{
	display: block;
}

.nav li.left
{
	float: left;
}

.nav li.right
{
	float: right;
}

ul
{
	list-style-type: none;
	margin: 0;
}

.text ul
{
	margin-left: 4em;
}

.text .col3 ul, .text table ul
{
	margin-left: 1.5em;
}

/* IE won't understand content: anyway, so don't bother omitting the > */
.text ul > li:before
{
	display: inline-block;
	content: "\2014\A0";
	text-align: right;
	margin-left: -2em;
	width: 2em;
}

.text ul.nomarkers
{
	margin-left: 0;
}

.text ul.nomarkers > li:before
{
	content: none;
}

ul.p-ul
{
	margin-top: 0;
}

ol
{
	margin: 0 0 0 4em;
}

.col3 ol, table ol
{
	margin-left: 2em;
}

.prequot
{
	margin-right: 0.45em;
}

.quot
{
	margin-left: -0.45em;
}

@media print
{
	.prequot
	{
		margin-right: 0.47em;
	}

	.quot
	{
		margin-left: -0.47em;
	}
}

.prepar
{
	margin-right: 0.3em;
}

.par
{
	margin-left: -0.3em;
}

.postcomma
{
	margin-left: 0.3em;
}

.comma
{
	margin-right: -0.3em;
}

a
{
	text-decoration: underline;
}

:link    { color: blue;   }
:visited { color: purple; }
/*.current { color: black;  }*/
:active  { color: #C00000;    }
/* Note that :active also goes for h1, div and everything, which means that,
   for the entire page not to go red every time any little object is activated,
   the :active color must be overriden for containers of block-level elements */
html:active, body:active, div:active, ul:active, form:active, fieldset:active, span.row:active, span.multiline:active
{
	color: black;
}

@media print
{
	.header, .copyright, #scroll
	{
		display: none;
	}

	:link, :visited
	{
		color: black;
	}

	acronym
	{
		border-bottom: none;
	}

	.text
	{
		margin: 0;
	}

	a
	{
		text-decoration: none;
	}
}

.sections a
{
	display: block;
	padding: 0.5ex 1.5ex;
}

.header li.current>a
{
	background-color: white /*green*/;
	color: #58616C;
}

.header li:hover>a
{
	background-color: black;
}

.header li.current:hover>a
{
	background-color: white /*green*/;
}

.header li.current>a:hover  { /*color: #58616C;*/ background-color: black; }
.header li.current>a:active { color: red; }

.header li
{
	font-size: 13pt;
}

.header .submenu
{
	display: block;
	position: absolute;
	left: 100%;
	top: 0;
	margin: 0;
	z-index: 100;

	visibility: hidden;

/*	border: none;*/
/*	border-left: 1px solid black;
*/	text-align: left;
}

.header li:hover>.submenu
{
	visibility: visible;
}

.closed li
{
	display: block;
	margin: 0;
	padding: 0;
	/*border: 0;*/
	/*border-left-width: 3px;*/
	/*font-size: medium;*/
}

.closed li a
{
	display: block;
	background-color: #58616C;
	padding: 0.5ex 1.5ex;
	text-decoration: none;
}

.current>.submenu
{
	position: static;
	z-index: auto;
	visibility: visible;
	border: none;
	margin-top: -1px;
}

.current>.submenu>li
{
	margin-left: 1.5em;
}

li.hidden a
{
	font-size: small;
}

.col2
{
	background-color: white;
	-webkit-border-top-left-radius: 1em;
	-khtml-border-top-left-radius: 1em;
	-moz-border-radius-topleft: 1em;
	border-top-left-radius: 1em;
	-webkit-border-top-right-radius: 1em;
	-khtml-border-top-right-radius: 1em;
	-moz-border-radius-topright: 1em;
	border-top-right-radius: 1em;
}

.body
{
	padding: 0 1em 1em;
}

/* This one is yet another strange thing in IE 6:
   if the selector is spelt as a:active:hover, it will in fact work as a:hover */
.submenu a:hover:active
{
	color: red;
}

/* And again, hi IE 6! Learn to compute CSS priorities! */
/*
a.current:visited
{
	color: black;
}
*/

div.sections
{
	z-index: 100;
}

ul.sections
{
	margin: 1em 1em 0 0;
	font-size: 13pt;
}

ul.sections:first-child
{
	margin-top: 0;
}

.sections li
{
	position: relative;
	border-left: 1px solid transparent;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.closed li
{
	border-left-width: 3px;
}

.sections a
{
	border: 1px solid black;
	margin: -1px 0 0 -1px;
}

.closed li>a
{
	border-left-width: 3px;
	margin-left: -3px;
}

.sections li:first-child>a
{
	margin-top: 0;
}

.sections li.current.parent
{
	border-left-color: black;
}

.sections li.current.parent:last-child
{
	border-bottom: 1px solid black;
	-webkit-border-bottom-left-radius: 1em;
	-khtml-border-bottom-left-radius: 1em;
	-moz-border-radius-bottomleft: 1em;
	border-bottom-left-radius: 1em;
}

.sections li.current.parent:last-child li.current.parent:last-child, .sections li.current.parent:last-child li.last.closed>a
{
	margin-bottom: -1px;
}

/* IE 8, I'm looking at you */
.sections li.current.parent.last
{
	border-bottom: 1px solid black;
}

.sections li.current.parent.last li.current.parent.last, .sections li.current.parent.last li.last.closed>a
{
	margin-bottom: -1px;
}

/* .last <=> every ancestor li is :last-child */
.sections li.last.closed>a, .closed li:last-child>a, .sections li:last-child
{
	-webkit-border-bottom-right-radius: 1em;
	-khtml-border-bottom-right-radius: 1em;
	-moz-border-radius-bottomright: 1em;
	border-bottom-right-radius: 1em;
}

.sections li.parent:last-child:hover>a
{
	-webkit-border-bottom-right-radius: 0;
	-khtml-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-right-radius: 0;
}

.sections li:last-child>a
{
	-webkit-border-bottom-left-radius: 1em;
	-khtml-border-bottom-left-radius: 1em;
	-moz-border-radius-bottomleft: 1em;
	border-bottom-left-radius: 1em;
}

.closed  li:first-child>a
{
	-webkit-border-bottom-left-radius: 0;
	-khtml-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-left-radius: 0;
}

.sections>li:first-child>a, .closed li:first-child>a
{
	-webkit-border-top-right-radius: 1em;
	-khtml-border-top-right-radius: 1em;
	-moz-border-radius-topright: 1em;
	border-top-right-radius: 1em;
}

.sections li.closed.parent:first-child:hover>a
{
	-webkit-border-top-right-radius: 0;
	-khtml-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	border-top-right-radius: 0;
}

.sections>li:first-child>a, .sections>li:first-child
{
	-webkit-border-top-left-radius: 1em;
	-khtml-border-top-left-radius: 1em;
	-moz-border-radius-topleft: 1em;
	border-top-left-radius: 1em;
}