body {background-image: url(universe.gif); color: khaki; scrollbar-face-color: aqua; /* цвет ползунка и кнопок полосы прокрутки #633232*/
scrollbar-track-color: yellow; /* цвет для ползунка */ scrollbar-arrow-color: red; /* цвет стрелок вверх вниз */}
.gray_green{font-size: 16px; font-weight: bolder; color: red; background-color: #FFFF33; border: 1px solid red; padding: 5px; display:block; /*width: 250px; ширина*/ text-align:center;}
.yellow_red{font-size: 16px; font-weight: bolder; color: red; background-color: aqua; border: 1px solid #009900; padding: 5px; display:block; /*width: 250px; ширина*/ text-align:center;}
div.ex1 {width: 210px; color: navy; border: 2px solid aqua; padding: 5px;} /*<div class="ex1">*/
table {margin: 0px; padding: 0px; background-color: khaki; border: 2px solid red;}
table.m {margin: 0px; padding: 0px; background-color: khaki; border: 2px solid red; border-collapse: separate;} /*Вокруг каждой ячейки отображается своя собственная рамка, в местах соприкосновения ячеек показываются сразу две линии.*/
table.z tr.z td.z {background-color:khaki; border: 2px solid red; text-align: justify;} /*<table class="z">*/
table.z1 tr.z1 td.z1 {background-color:khaki; border: 2px solid red; text-align: justify;} /*<table class="z1">*/
table.a {background-color:khaki; border: 2px solid red;} /*<table class="a" style="text-align:center;">*/
table.aa {background-color:khaki; border: 5px solid blue;} /*<table class="aa">*/
table.ab {background-color:khaki; border: 5px solid black;} /*<table class="ab">*/ 
table.b {background-color:khaki; font:italic 5px arial,sans-serif; color: red; text-align:center;} /*<table class="b">*/
table.c {background-color:khaki;border: 5px solid aqua; max-width:100%; height:auto;} /*<table class="c">*/
th {font-weight:bold;background:#F6A2B6;color:red;}
tr {padding-left: 5px; border: .4pt solid #E80C7A; background-color: #99CCFF; text-align: left;}
tr.a {padding-left: 5px; border: .4pt solid #E80C7A; background-color: #99CCFF; text-align: left;} /*<tr class="a">*/
tr.MoonHeader {padding-left: 5px; background-color: #99CCFF; color: #000000; font: bold 10px/13px Arial, Helvetica, sans-serif;} /*<tr class="MoonHeader">*/
.MoonHeader {padding-left: 5px; background-color: #99CCFF; color: #000000; font: bold 10px/13px Arial, Helvetica, sans-serif;}
td.planet {padding: 2px; border: 2px red solid; text-align: center; font-weight: bold; color: fuchsia;} /*<td class="planet">*/
td.MoonHeader {padding-left: 5px; border: 2px red solid; background-color: #99CCFF; color: #000000; font: bold 10px/13px Arial, Helvetica, sans-serif;} /*<td class="MoonHeader">*/
td {padding-left: 2px; border: 2px red solid; background-color: #99CCFF; color: #000000; font: bold 10px/13px Arial, Helvetica, sans-serif;}
td.m1 {padding-left: 2px; border: 2px red solid; background-color: #99CCFF; color: #000000; font: bold 14px/16px Arial, Helvetica, sans-serif;} /*<td class="m1">*/
td.a  {padding: 2px; border: 2px red solid; text-align: right; font-weight: bold; color: purple;} /*<td class="a">*/
td.a0 {padding: 2px; background-color: #000000; border: 2px red solid; text-align: right; font-weight: bold; color: #0099ff;} /*<td class="a0">*/
td.aa {padding: 2px; background-color: khaki; border: 2px red solid; text-align: center; font-weight: bold; color: Crimson; font: bold 14px Arial, Helvetica, sans-serif;} /*<td class="aa">*/
td.ab {padding: 2px; background-color: khaki; border: 2px red solid; text-align: center; font-weight: bold; color: blue; font: bold 14px Arial, Helvetica, sans-serif;} /*<td class="ab">*/
td.ac {padding-left: 2px; border: 2px red solid; background-color: #99CCFF; color: #000000; font: bold 10px/13px Arial, Helvetica, sans-serif;}
td.a1 {padding: 2px; border: 2px red solid; text-align: right; font-weight: bold; color: #0099ff;} /*<td class="a2">*/
td.a2 {padding: 2px; border: 2px red solid; text-align: left; font-weight: bold; color: #0099ff;} /*<td class="a2">*/
td.a3 {padding: 2px; border: 2px red solid; text-align: justify; font-weight: bold; color: #0099ff;} /*<td class="a3">*/
td.a4 {padding: 2px; border: 2px red solid; text-align: center; font-weight: bold; color: purple;} /*<td class="a4">*/
td.b  {padding: 2px; border: 2px fuchsia solid; text-align: right; font-weight: bold; color: fuchsia;} /*<td class="b">*/
td.b1 {padding: 2px; border: 2px fuchsia solid; text-align: center; font-weight: bold; color: fuchsia;} /*<td class="b1">*/
td.b2 {padding: 2px; border: 2px fuchsia solid; text-align: left; font-weight: bold; color: fuchsia;} /*<td class="b2">*/
td.b3 {padding: 2px; border: 2px fuchsia solid; text-align: justify; font-weight: bold; color: fuchsia;} /*<td class="b3">*/
td.c  {padding: 2px; border: 2px lime solid; text-align: right; font-weight: bold; color: lime;} /*<td class="c">*/
td.c1 {padding: 2px; border: 2px lime solid; text-align: center; font-weight: bold; color: lime;} /*<td class="c1">*/
td.c2 {padding: 2px; border: 2px lime solid; text-align: left; font-weight: bold; color: lime;} /*<td class="c2">*/
td.c3 {padding: 2px; border: 2px lime solid; text-align: left; font-weight: bold; color: lime;} /*<td class="c3">*/
td.d  {padding: 2px; border: 2px blue solid; text-align: justify; font-weight: bold; color: blue;} /*<td class="d">*/
td.d1 {padding: 2px; border: 2px blue solid; text-align: center; font-weight: bold; color: blue;} /*<td class="d1">*/
td.d2 {padding: 2px; border: 2px blue solid; text-align: left; font-weight: bold; color: blue;} /*<td class="d2">*/
td.d3 {padding: 2px; border: 2px blue solid; text-align: right; font-weight: bold; color: blue;} /*<td class="d3">*/
td.e  {padding: 2px; border: 2px purple solid; text-align: right; font-weight: bold; color: purple;} /*<td class="e">*/
td.e1 {padding: 2px; border: 2px purple solid; text-align: center; font-weight: bold; color: purple;} /*<td class="e1">*/
td.e2 {padding: 2px; border: 2px purple solid; text-align: left; font-weight: bold; color: purple;} /*<td class="e2">*/
td.e3 {padding: 2px; border: 2px purple solid; text-align: justify; font-weight: bold; color: purple;} /*<td class="e3">*/
td.f  {padding: 2px; border: 2px blue solid; text-align: right; font-weight: bold; color: purple;} /*<td class="f">*/
td.f1 {padding: 2px; border: 2px purple solid; text-align: center; font-weight: bold; color: purple;} /*<td class="f1">*/
td.f2 {padding: 2px; border: 2px purple solid; text-align: left; font-weight: bold; color: purple;} /*<td class="f2">*/
td.f3 {padding: 2px; border: 2px purple solid; text-align: justify; font-weight: bold; color: purple;} /*<td class="f3">*/
.button {background: aqua; color:black; font-size:11px;}           /*<input class="button" type="button">*/
.button1 {background: aqua; color:black; font-size:30px;}           /*<input class="button1" type="button">*/
.button2 {background: red; color:black; font-size:13px;} /* <input class="button2"> цвет кнопки */
.tbut {background: lime; color:black; font-size:13px;}             /*<input class="tbut" type="button">*/
.tbut1 {background: aqua; color:black; font-size:13px;}           /*<input class="tbut1" type="button">*/
.tbut2 {background: aqua; color:black; font-size:13px; text-align: center;}           /*<input class="tbut2" type="button">*/
.tbut3 {background: lime; color:black; font-size:13px;} /* <input class="tbut3"> цвет кнопки */
.tbut4 {background: fuchsia; color:black; font-size:13px;} /* <input class="tbut4"> цвет кнопки */
.tbut5 {background: khaki; color:black; font-size:13px;} /* <input class="tbut5"> цвет кнопки */
.tbut6 {background: coral; color:black; font-size:13px;} /* <input class="tbut6"> цвет кнопки */
.tbut7 {background: gray; color:black; font-size:13px;} /* <input class="tbut7"> цвет кнопки */
input.if {background: aqua; border: 3px blue solid; font-size: 13px; color: blue; width: 200px; height: 50px;}   /*<INPUT class="if">*/
input.if1 {background: lightskyblue; border: 3px purple solid; font-size: 13px; color: blue; width: 80px; height: 50px;}   /*<INPUT class="if1">*/
input.if2 {background: aqua; border: 3px fuchsia solid; font-size: 13px; color: blue; width: 200px; height: 50px;}   /*<INPUT class="if2">*/
input.a {background: aqua; border: 2px blue solid; font-size: 13px; color: blue; width: 200px; height: 50px;}   /*<INPUT class="a">*/
input.a1 {background: aqua; border: 2px blue solid; font-size: 13px; color: blue; width: 130px; height: 20px;}   /*<INPUT class="a1">*/
input.b {background: lightskyblue; border: 2px purple solid; font-size: 13px; color: blue; width: 200px; height: 50px;}   /*<INPUT class="b">*/
input.c {background: khaki; font-size: 12px; color: fuchsia;} /*<input class="b" type="text">*/
input.d {background: #ee9; font-size: 10px; color: fuchsia;} /*<input class="d" type="text">*/
input.e {background: aqua; font-size: 10px;}                 /*<input class="e" type="text">*/
input.f {background: khaki; font-size: 12px; color: red;}                 /*<input class="f" type="text">*/
.inputfield {background: khaki; font-size: 12px; color: fuchsia;} /*<input class="inputfield" type="text">*/
.inputfield1 {background: #ee9; font-size: 10px; color: fuchsia;} /*<input class="inputfield1" type="text">*/
.inputfield2 {background: aqua; font-size: 10px;}                 /*<input class="inputfield2" type="text">*/
textarea {background-color: khaki; border: double 4px red; font-size: 12px; font-weight: bold; color: blue;}  /* <textarea class="a">*/
textarea.a {background-color: khaki; border: double 4px red; font-size: 12px; font-weight: bold; color: blue;}  /* <textarea class="a">*/
textarea.b {font-family: Courier, Monico, monospace; font-size: 12 px; color: Maroon; background-color: Lime; font-weight: bold;} /* <textarea class="b">*/
.MoonHeader {padding-left: 5px; background-color: #99CCFF; color: #000000; font: bold 10px/13px Arial, Helvetica, sans-serif; text-transform: uppercase;}
.smHeader {font: bold 12px/13px Arial, Helvetica, sans-serif; text-align: left; color: fuchsia;}
.smBlurb {font: normal 11px/16px Arial, Helvetica, sans-serif; color: #000000;}
.cHeader { /*padding: 1% 0 0 5px;*/ background-color: transparent; color: #FFFFFF; font: bold 13px/13px Arial, Helvetica, sans-serif; text-transform: capitalize;}
.p1 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-indent: 1.5em; text-align: justify; }
.p2 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-indent: 1.5em; text-align: center;}
.p3 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-indent: 1.5em;font-size:11pt; text-align: justify;}
p.ex1 {font:15px; arial,sans-serif; font-weight:bold;color: maroon;text-align: center;} /* <p class="ex1"> */
p.ex2 {font:18px; arial,sans-serif; font-weight:bold;color: red;text-align: center;}
p.ex3 {font:15px; arial,sans-serif; font-weight:bold;color: green;text-align: center;}
p.ex4 {font:italic bold; 12px/30px Georgia,serif;} /* текст жирный наклонный */
.result{float: left; width: 39%; text-align: right; color: #FFFF00;}
.from,.big_field .to {color: red; float: left; padding-left: 10px; text-align: left;}
html {cursor:url(../scorpio.cur),pointer !important;}
textarea {cursor:url(../scorpio.cur),pointer !important;}
input {cursor:url(../scorpio.cur),pointer !important;} 
a {font-size: 10px; color: red;text-decoration:none;font-weight:bold;} /* цвет ссылок,убрать подчеркивание */
a:link {color: blue}  /* цвет непосещенной ссылки,фон */
a:visited {color: maroon;} /* цвет посещенной ссылки */
a:hover {color: red; background-color:yellow; font-size: 10px;cursor: url(../scorpio.ani),url(../scorpio.gif),url(../scorpio.cur), progress !important;} /* цвет при наведении курсора мыши,фон,размер */
a:active {color: aqua;}  /* цвет активной ссылки (в момент нажатия) */
p.normal {font-weight:normal;} /* <p class="normal"> */
li {color: fuchsia;}  /* Цвет маркеров */
li span {color: aqua;} /* Цвет текста */
ul.a {list-style-type:circle;}
ul.b {list-style-type:disc;}
ul.c {list-style-type:square;}
ul li {list-style-type:disc;}
ul li li {list-style-type:circle;}
.arrow {font-size:xx-small;width:25px;}
.button {font-size:xx-small;width:31px;}
.button1 {font-size:xx-small;width:50px;}
::-webkit-scrollbar {width: 18px;height: 13px;} /* +вертикальный скроллбар,Включите полосу прокрутки 23x13+ */
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {display: block;} /* Включение одной кнопкой на вершине, и вниз на дно*/
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {display: none;} /* Выключите вниз уголок сверху, а площадь внизу */
::-webkit-scrollbar-button:vertical:increment {background-image: url("dwn.png");} /* +кнопку прокрутки внизу+*/
::-webkit-scrollbar-button:vertical:decrement {background-image: url("up.png");} /* +кнопку прокрутки вверху+ */
::-webkit-scrollbar-track:vertical {background-color: blue; border: 1px dashed pink;}
::-webkit-scrollbar-track-piece:vertical:start {border: 1px solid #000;} /* Верхняя область над большим пальцем и ниже кнопки вверх */
::-webkit-scrollbar-track-piece:vertical:end {border: 1px dashed pink;} /* Нижняя область под большим пальцем и вниз кнопки */
::-webkit-scrollbar-track-piece {background-color: violet;} /* +видимая часть трека + */
::-webkit-scrollbar-thumb:vertical {height: 50px;background-color: yellow;} /* +ПОЛЗУНОК цвет красный сверху-вниз+ */
::-webkit-scrollbar-thumb {-webkit-border-radius: 5px; border-radius: 10px; box-shadow:0px 1px 1px #fff inset;}  /* 5 - ползунок */
::-webkit-scrollbar-corner:vertical {background-color: black;} /* Угол */
::-webkit-scrollbar-resizer:vertical {background-color: gray;} /* Ограничить */
::-webkit-scrollbar:horizontal {height: 18px; /* +горизонтальный скроллбар+ */}
::-webkit-scrollbar-thumb:horizontal {height: 50px;background-color: aqua;} /* +ПОЛЗУНОК цвет слава-вправо+ */
::-webkit-scrollbar-button:horizontal:increment {background-image: url("left.png");} /* +кнопку прокрутки справа+*/
::-webkit-scrollbar-button:horizontal:decrement {background-image: url("right.png");} /* +кнопку прокрутки слева+ */
::-webkit-scrollbar-arrow {background-color:red;} /* определяет цвет стрелочек.*/
.m1 {background-color: aqua;} /* class="m1" */
.m2 {background-color: yellow;} /* class="m2" */
.m3 {background-color: fuchsia;} /* class="m3" */
.m4 {background-color: lime;} /* class="m4" */
.m5 {background-color: red;} /* class="m5" */
.m6 {background-color: green;} /* class="m6" */
.m7 {background-color: purple;} /* class="m7" */
.m8 {background-color: blue;} /* class="m8" */
.m9 {background-color: maroon;} /* class="m9" */
.m10 {background-color: pink;} /* class="m10" */
.layer {overflow-x: scroll; /*<div class="layer">горизонтальная полоса прокрутки*/ border: solid 1px black; /*Параметры рамки*/width: 300px; /*Ширина блока*/ height: 150px; /*Высота блока*/}
.segoe {color: navy; /*Цвет текста*/font-family: Arial, sans-serif; /*Рубленый шрифт*/font-size: 90%; /*Размер текста*/} /*<font class="segoe">Киберис</font> */
.style1 {color: #C10000; font-weight: bold;}
.bbcod {width: 100%; font-family: Arial; BORDER: #CCCCCC 1px solid; color: #336633;  padding: 2px;}
.bio_div {	LEFT: 0px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 500px; POSITION: absolute; TOP: 0px; HEIGHT: 268px}
.style2 {color: #009D00; font-weight: bold;}
.style3 {color: #008888; font-weight: bold;}
.style4 {color: #950095; font-weight: bold;}
a.idTop {position: fixed; z-index: 9999; bottom: 0%; right: 0%; background: #7db9e8; opacity: .6; color: #fff; padding: 10px; margin: 5px 15px 15px 5px;}
a.idTop:hover {opacity: 1;} /* <div><a id='top'/></div><center> <div><a href="#top" class="idTop">ВВЕРХ</a></div></center> */