BODY {
   background: URL(/ZeissLogs/Img/sao_backgr.jpg) #E7E7E7;
   background: #E6F0F9;
   color: black;
}
A:link {
   color: #990066;
   color: #000080;
   text-decoration: underline;
}
A:visited {
   color:  #000080;
   text-decoration: underline;
}

A:active {
     color: #FF00FF;
     color: #990066;
     text-decoration: underline;
}

/*
A:hover {
   background-color: #BEBEFF;
   text-decoration : underline;
}
*/

/* класс nocolor: при наведении на картинку сменить #BEBEFF на фон BODY */
/*
A:hover.nocolor {
   background: URL(/ZeissLogs/Img/sao_backgr.jpg);
   background-color: #BEBEFF;
}
*/

A:active {
   color: #FF00FF;
   color: #990066;
   text-decoration: underline;
}
input.button {
   font-weight: bold;
   color: blue;
   color: #770077;
   font-size: 90%;
   padding: 0;
   background-color: #CEE0FF;
 }
.boxpre {
   padding-left:10pt;
   padding-right:10pt;
   background: white;
   background: #E0E0FF;
   border: solid thin;
   margin-left:50pt;
   margin-right:50pt;
}
EM {
  font-style: normal;
  font-size: 100%;
  color: #4030b0;
  background-color: #CEE0FF;
}
ems {
  font-style: normal;
  font-size: 90%;
  color: #666699;
  color: #4030b0;
  background-color: #CCCCFF;
  background-color: #C8C8F8;
  background-color: #CEE0FF;
}
H3,H4,H5,H6 {
  color: #770077;
  text-align:center;
  font-family: sans-serif;
}

TABLE.fon {
    background: #E0E0FF;
    background: #DBEAF5;
}

/* ---------- всплывающее сообщение  -------------*/
.popup-mess {
  position: fixed; /* фиксируем элемент на странице*/
  top: 20%; /* отступ сверху */
  left: 25%; /* отступ слева */
  height: auto; /* высота элемента по размеру содержимого */
  width: 50%; /* ширина элемента на половину страницы */
  z-index: 100; /* для перекрытия остальных элементов кроме фона */
  background: #ffffff; /* цвет фона элемента */
  background: #f0fff0; /* цвет фона элемента */
  background: #ffe4e1; /* цвет фона элемента */
  background: #dcdcdc; /* цвет фона элемента */
  color: #ff0000; /* цвет текста внутри элемента */
  color: #000080; /* цвет текста внутри элемента */
  font-weight: bold;
  padding: 16px; /* поля вокруг текста внутри элемента */
  text-align:center;
}

/* ------- Для кнопки "Просмотр" show/hide --------------*/
.del { display: none; }
.del:not(:checked) + label + * { display: none; }

/* вид CSS кнопки */
.del:not(:checked) + label,
.del:checked + label {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 2px;
	color: red;
	color: #e36443;
	color: IndianRed;
	color:#4682B4; /* SteelBlue */
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer; }
.del:checked + label {
	color: #e36443;
	color: #007700;
	color: IndianRed;
	color:#4682B4; /* SteelBlue */
	text-decoration: underline;
}

/* ---------- полупрозрачный фон на всю страницу -------------*/
.hide-fon {
  background: #000; /* цвет фона */
  bottom: 0;  /* отступ снизу */
/*  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); прозрачность для IE */
  height: 100%; /* высота на всю страницу */
  opacity: 0.5;  /* прозрачность слоя */
  position: fixed; /* фиксируем элемент на странице*/
  top: 0; /* отступ сверху */
  width: 100%; /* ширина на всю страницу */
  z-index: 99; /* z-index для перекрытия остальных элементов */
}