/* ====================================================================
   Импортируем контекстно-зависимые таблицы стилей
   ==================================================================== */
@import "style_context.css";

/* ====================================================================
   Ловим баги реализаций CSS
   ==================================================================== */

/* в IE.X */
div[class="аCSS"] {
 display: none;
}

/* ====================================================================
   Оформление: базовое
   ==================================================================== */

body {
 background-color: #ffffff;
 padding: 0px;
 margin: 0px;
}

div {
 margin: 0px;
 padding: 0px;
}

p, li, dd {
 color: #303030;
 background-color: transparent;
}

p {
 text-indent: 1.5em;
 margin: 0em;
 padding: 1em;
}

img {
 border: none;
 padding: 0em;
 margin: 0em;
}

a:visited {
 color: #0000aa;
 background-color: transparent;
}

*.nodisplay {
 display: none;
}

*.invisible {
 visibility: hidden;
}

/* ====================================================================
   Оформление текста: заголовки
   ==================================================================== */

h2, h3 {
 border: solid #c0c0c0 1px;
 margin: 0em;
 padding: 0em;
 font-weight: normal;
}

h1 {
 font-size: 120%;
}

h2 {
 background-color: #dfdfdf;
 font-size: 110%;
}

h3 {
 border-top: none;
 border-right: none;
/* background-color: #fffff0; */
 font-size: 100%;
}

/* ====================================================================
   Оформление текста: абзацы
   ==================================================================== */

p.list-item {
 padding: 1px;
}

p.sorry {
 font-style: italic;
}

/* ====================================================================
   Оформление текста: блоки, выделения
   ==================================================================== */

div.center {
 width: 100%;
 text-align: center;
 clear: both;
}

span.disabled {
 color: #a0a0a0;
}

span.note {
 font-size: 90%;
 color: #a0a0a0;
}

span.quote {
 color: #606060;
}

span.quote:hover {
 background-color: #ffffa0;
}

span.quote a {
 color: #606060;
 text-decoration: none;
}

span.quote a:hover {
 text-decoration: underline;
}

span.quote:before {
 content: "\""
}

span.quote:after {
 content: "\""
}

span.deprecated {
 text-decoration: line-through;
}

span.emphasis {
 color: #ff0000;
 font-family: monospace;
}

/* ====================================================================
   Основные элементы страницы: заголовок, зона текста, зоны навигации
   ==================================================================== */

div.title-block {
 border-bottom: solid #000000 1px;
}

div.menu-block, div.text-block {
 float: left;
 padding: 1em;
}

div.menu-block {
 min-width: 10em;
 width: 18%;
}

div.text-block {
 border-left: solid #000000 1px;
 width: 55%;
}

div.lang {
 padding: 1em;
 float: right;
 clear: none;
}

/* ====================================================================
   Блоки заголовков -- h2 etc.
   ==================================================================== */

/* ====================================================================
   Оформление текста: таблицы, deprecated
   ==================================================================== */

table {
 border-collapse: collapse;
 border-spacing: 0px;
}

table.grid100 {
 width: 100%;
/* --------------------------------------------------------------------
   По правилам полиграфии, ширина строки должна быть приблизительно
   70 символов. Это около 35em. Однако, подождём.
   -------------------------------------------------------------------- */
/* max-width: 35em;                                                     */
 clear: both;
}

td {
 display: table-cell;
 vertical-align: top;
 padding: 0px;
 margin: 0px;
 border-width: 0px;
}

/* right shadow cell */
td.cell-r {
 width: 16px;
 background-image: url("./img/shadow-right");
 background-repeat: repeat-y;
}

/* bottom shadow cell */
td.cell-b {
 height: 16px;
 background-image: url("./img/shadow-bottom");
 background-repeat: repeat-x;
}

/* bottom'n'right shadow cell */
td.cell-br {
 height: 16px;
 width: 16px;
 background-image: url("./img/shadow-right-bottom");
 background-repeat: no-repeat;
}


/* ====================================================================
   Блоки форм
   ==================================================================== */

div.form {
 float: right;
}

div.stack {
 color: red;
 margin-bottom: 1em;
}

div.button-block {
 text-align: right;
}