a:link
{color: #CC99FF; text-decoration: none}
a:visited
{color: #CC99FF; text-decoration: none} 
a:active 
{color: #CCFFFF;}
a:hover 
{color: aqua;}
body
{
	background-image: url(../_graph/main.jpg);
	background-color: #FCFDFD;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size: 100% 100%;
	font-family: Arial;
	font-size: 14pt;
	color: #CC99FF;
	SCROLLBAR-FACE-COLOR: #B9FFFF;
	SCROLLBAR-TRACK-COLOR: #e9FFFF;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #CCDDFF;
	SCROLLBAR-DARKSHADOW-COLOR: #CC99FF;
	SCROLLBAR-3DLIGHT-COLOR: #D9FFFF;
}
table
{ 
	font-size: 12pt; 
	color: #CC99FF; 
	font-family: Arial;
	text-align:center;
}
table.main {width: 95%; height: 95%; border-color: C0C0C0; border-collapse: collapse;}
table.library_left {width: 230; height: 70; background-image: url(../_graph/bibliotecs/library_left.gif)}
table.library_right {width: 230; height: 70; background-image: url(../_graph/bibliotecs/library_right.gif)}
table.library_small_left {width: 160; height: 50; background-image: url(../_graph/bibliotecs/library_small_left.gif)}
table.library_small_right {width: 160; height: 50; background-image: url(../_graph/bibliotecs/library_small_right.gif)}
table.stend_left {width: 230; height: 170; background-image: url(../_graph/bibliotecs/stend_left.gif)}
table.stend_right {width: 230; height: 170; background-image: url(../_graph/bibliotecs/stend_right.gif)}
table.bookshelf_x1_left {width: 230; height: 70; background-image: url(../_graph/bibliotecs/shelf_x1_left.gif)}
table.bookshelf_x1_right {width: 230; height: 70; background-image: url(../_graph/bibliotecs/shelf_x1_right.gif)}
table.bookshelf_x3_left {width: 230; height: 170; background-image: url(../_graph/bibliotecs/shelf_x3_left.gif)}
table.bookshelf_x3_right {width: 230; height: 170; background-image: url(../_graph/bibliotecs/shelf_x3_right.gif)}
table.bookshelf_x5_left {width: 228; height: 285; background-image: url(../_graph/bibliotecs/shelf_x5_left.gif)}
table.bookshelf_x5_right {width: 228; height: 285; background-image: url(../_graph/bibliotecs/shelf_x5_right.gif)}
table.bookshelf_x7_left {width: 230; height: 400; background-image: url(../_graph/bibliotecs/shelf_x7_left.gif)}
table.bookshelf_x7_right {width: 230; height: 400; background-image: url(../_graph/bibliotecs/shelf_x7_right.gif)}
table.bookshelf_small_x3_left {width: 230; height: 70; background-image: url(../_graph/bibliotecs/shelf_small_x3_left.gif)}
table.bookshelf_small_x3_right {width: 230; height: 70; background-image: url(../_graph/bibliotecs/shelf_small_x3_right.gif)}
h1           { text-align: center; font-family: Arial; font-size: 22pt; color: #cc99ff; font-weight: normal }
h2           { text-align: center; font-family: Cambria; font-size: 18pt; font-style: normal; font-weight: bold }
h3           { text-align: center; font-family: Cambria; font-size: 16pt; font-style: italic; font-weight: normal }


.content_empty {color: red}
.content_exists {color: yellow}
.content_full {color: lime}

.AnyTechnicData { 
	text-align: center;
	color: #CCCCCC;
	font-size: 12px;
 }

td.button01 {
	padding: 5;
	border-color: CCCCCC;
	border-style: solid;
	border-width: 1;
	background-color: FFFFFF;
}
td.button01 a {
	color: CC99FF;
	text-decoration:none;
}

td.playcell {
	border-color: FFFFFF;
	border-style: solid;
	border-width: 1;
	background-color: FFFFFF;
	font-size: 16px;
}
td.playcell a {
	text-decoration:none;
	font-size: 18px;
}
td.sky
{
	border-color: CCCCCC;
	border-style: solid;
	border-width: 1;
}
td.navigator
{
	border-color: CC99FF;
	border-style: solid;
	border-width: 1;
}
.i_corner {width: 95%; align: center;}
td.i_corner_title {
	font-size:22pt; 
}

td.i_corner_concept { height: 50; vertical-align: top;
	font-size:10pt; font-style: italic; 
}
td.textcell
{
	border-color: #C0C0C0;
	border-style: solid;
	border-width: 1;
	background-color: #FFFFFF;
	text-align:justify;	
	text-indent:35;
}

.tip {
    display: inline-block; /* Строчно-блочный элемент */
    position: relative; /* Относительное позиционирование */
    width: 10px;
   }
.tip:hover::after {
    content: attr(data-title); /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    left: 100%; top: -0%; /* Положение подсказки */
    text-align: center; /* Выравнивание текста по центру */
    z-index: 1; /* Отображаем подсказку поверх других элементов */
    background: rgba(200,255,255,0.3); /* url(../_graph/buttons/icon_plu.gif) no-repeat left center; */
    font-family: Arial, sans-serif; /* Гарнитура шрифта */
    font-size: 11px; /* Размер текста подсказки */
    color: gray; /* Цвет текста подсказки */
    padding: 5px 10px; /* Поля */
    border: 0px solid #000000; /* Параметры рамки */
   }
  
.tip_title {
    display: inline-block; /* Строчно-блочный элемент */
    position: relative; /* Относительное позиционирование */
    width: 10px;
   }
.tip_title:hover::after {
    content: attr(data-title); /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    left: 0%; top: -50px; /* Положение подсказки */
    text-align: center; /* Выравнивание текста по центру */
    z-index: 1; /* Отображаем подсказку поверх других элементов */
    background: rgba(200,255,255,0.3); /* url(../_graph/buttons/icon_plu.gif) no-repeat left center; */
    font-family: Arial, sans-serif; /* Гарнитура шрифта */
    font-size: 11px; /* Размер текста подсказки */
    color: gray; /* Цвет текста подсказки */
    padding: 5px 10px; /* Поля */
    border: 1px solid #AAAAAA; /* Параметры рамки */
   }
  

.tip_link {
    display: inline-block; /* Строчно-блочный элемент */
    position: relative; /* Относительное позиционирование */
    width: 200px;
   }
.tip_link:hover::after {
    content: attr(data-title); /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    left: 80%; top: -100px; /* Положение подсказки */
    text-align: justify; /* Выравнивание текста по центру */
    z-index: 1; /* Отображаем подсказку поверх других элементов */
    background: rgba(200,255,255,0.3); /* url(../_graph/buttons/icon_plu.gif) no-repeat left center; */
    font-family: Arial, sans-serif; /* Гарнитура шрифта */
    font-size: 11px; /* Размер текста подсказки */
    color: gray; /* Цвет текста подсказки */
    padding: 5px 10px; /* Поля */
    border: 1px solid #AAAAAA; /* Параметры рамки */
   }
  
 
/* ---------------------------------- *
     Spoiler
 * ---------------------------------- */
.sp-wrap { padding: 0; background: #E9E9E6; }
.sp-head { border-width: 0; font-size: 11px; padding: 1px 14px 3px; margin-left: 6px; line-height: 15px; font-weight: bold; color: #2A2A2A; cursor: pointer; }
.sp-body { border-width: 1px 0 0 0; display: none; font-weight: normal; background: #F5F5F5; }
.sp-fold { width: 98%; margin: 0 auto; text-align: right; font-size: 10px; color: #444444; }
.sp-title { display: none; }


/* ================================================================ *
     Misc
 * ================================================================ */
.clickable { cursor: pointer; }
.folded, .folded2 { display: block;
	background: transparent url(../_graph/buttons/icon_plu.gif) no-repeat left center; padding-left: 14px; }
.unfolded, .unfolded2 { display: block;
	background: transparent url(../_graph/buttons/icon_min.gif) no-repeat left center; padding-left: 14px; }