TD.toph	{
		border : 0px solid;
		border-color: #000000;
		background-color : #cccccc;
		font-family: ms sans serif, tahoma, helvetica;
		}

P, LI, UL, OL, DD, DT, td, th
                {
                border : 0px solid;
                border-color: #000000; 
                font-family: ms sans serif, tahoma, helvetica;
                font-size: 10pt; 
                color: #000000;
                }

P.colored       {
                text-decoration: none;
                font-weight: bold;
                color: #000000;
                font-family: ms sans serif, tahoma, helvetica;
                }


<!-- Служит для всех заголовков -->
h1
                {
                margin-bottom : 0pt;
                margin-top : 0pt;
                font-family: ms sans serif, tahoma, helvetica;
                font-size: 11pt; 
                font-weight: bold; 
                color: #000000;
                }

h2
                {
                margin-bottom : 0pt;
                margin-top : 0pt;
                font-family: ms sans serif, tahoma, helvetica;
                font-size: 10pt; 
                font-weight: bold; 
                color: #000000;
                }

h3
                {
                margin-bottom : 0pt;
                margin-top : 0pt;
                font-weight: 400;
                font-family: ms sans serif, tahoma, helvetica;
                font-size: 10pt; 
                color: #000000;
                }

<!-- Служит для названий в доске объявлений -->
h4
                {
                margin-bottom : 0pt;
                margin-top : 0pt;
                font-family: ms sans serif, tahoma, helvetica;
                font-weight: 400;
                font-size: 10pt; 
                color: #000000;
                }
<!-- Служит для заголовков новостей -->
h5
                {
                margin-bottom : 0pt;
                margin-top : 0pt;
                font-family: ms sans serif, tahoma, helvetica;
                font-weight: bold;
                font-size: 8pt; 
                color: #CC6633;
         	display: inline;  
                }
                
TABLE.MAIN      {
	border : thin ridge;
	border-color: #000000;
	width : 100%;
}

TABLE.BOX       {
                border : 1px solid;
                border-color: #E5E5E5;
                width : 100%;           
                }

TD.h,Th.h       {
                border : 1px solid;
                border-color: #000000;
                background-color : #999999;
                font-family: ms sans serif, tahoma, helvetica;
                color: #000000;
                }
TD.m,Th.m       {
                border : 1px solid;
                border-color: #000000;
                font-size: 10pt; 
                background-color : #E5E5E5;
                font-family: ms sans serif, tahoma, helvetica;
                }
TD.c,Th.c       {
                border : 1px solid;
                border-color: #E5E5E5;
                background-color : #ffffff;
                font-family: ms sans serif, tahoma, helvetica;
                font-size: 10pt;
}
TD.ex,Th.ex       {
	font-family: ms sans serif, tahoma, helvetica;
	font-size: 10pt;
	text-align : center;
	background : #FFCC66;
}
TD.c_big,Th.c_big       {
                border : 1px solid;
                border-color: #E5E5E5;
                background-color : #ffffff;
                font-family: ms sans serif, tahoma, helvetica;
                font-size: 10pt;
                }
TD.r,Th.r       {
                border : 1px solid;
                border-color: #ff0000;
                background-color : #ffffff;
                font-family: ms sans serif, tahoma, helvetica;
                font-size: 10pt;
                }
TD.c1,Th.c1     {
                border : 1px solid;
                border-color: #E5E5E5;
                background-color : #eeeeee;
                font-family: ms sans serif, tahoma, helvetica;
                font-size: 10pt;
}
TD.ex1,Th.ex1     {
	background-color : #CC9966;
	font-family: ms sans serif, tahoma, helvetica;
	font-size: 10pt;
	text-align : center;
}
TD.c1_big,Th.c1_big     {
                border : 1px solid;
                border-color: #E5E5E5;
                background-color : #eeeeee;
                font-family: ms sans serif, tahoma, helvetica;
                font-size: 10pt;
                }
TD.t,Th.t               {
                border : 0px solid;
                background-color : #E5E5E5;
                font-family: ms sans serif, tahoma, helvetica;
                }

td.mnutxt, div.mnutxt, p.mnutxt
                {
                font-size: 10pt; 
                font-family: ms sans serif, tahoma, helvetica;
                }

A:link          {
	color: #003366;
	font-family: ms sans serif, tahoma, helvetica;
	text-decoration : none;

	font-size : 7pt;
                }
A:visited       {
	color: ThreedDarkShadow;
	font-family: ms sans serif, tahoma, helvetica;
	text-decoration : none;
}
A:hover         {
	text-decoration: none;
	color: #cc0000;
	font-family: ms sans serif, tahoma, helvetica;
	text-decoration : none;
}

A.bighref:link          {
	color: #003366;
	font-family: ms sans serif, tahoma, helvetica;
	text-decoration : none;
	font-size : 7pt;
                }
A.bighref:visited       {
	color: ThreedDarkShadow;
	font-family: ms sans serif, tahoma, helvetica;
	text-decoration : none;
}
A.bighref:hover         {
	text-decoration: none;
	color: #000000;
	font-family: ms sans serif, tahoma, helvetica;
	text-decoration : none;

}

A.mnu:link      {
                text-decoration: none;
                color: #000000;
                font-size: 7pt; 
                font-family: ms sans serif, tahoma, helvetica;
                }
A.mnu:visited   {
	text-decoration: none;
	color: #000000;
	font-size: 7pt;
	font-family: ms sans serif, tahoma, helvetica;
        }
A.mnu:hover     {
	text-decoration: none;
	color: #000000;
	font-size: 7pt;
	font-family: ms sans serif, tahoma, helvetica;
	font-weight : normal;
	background : White;
}

A.mnuhdr:link   {
	text-decoration: none;
	color: #003366;
	font-size: 10pt;
	font-family: ms sans serif, tahoma, helvetica;
	font-weight : bold;
                }
A.mnuhdr:visited{
	text-decoration: none;
	color: #003366;
	font-size: 10pt;
	font-family: ms sans serif, tahoma, helvetica;
	font-weight : bold;
        }
A.mnuhdr:hover  {
	text-decoration: none;
	color: Black;
	font-size: 10pt;
	font-family: ms sans serif, tahoma, helvetica;
	font-weight : bold;
	background : Silver;
                }

A.selmnu:link   {
                text-decoration: none;
                font-weight: bold;
                color: #000000;
                font-family: ms sans serif, tahoma, helvetica;
                }
A.selmnu:visited{
                text-decoration: none;
                font-weight: bold;
                color: #000000;
                font-family: ms sans serif, tahoma, helvetica;
        }
A.selmnu:hover  {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	font-family: ms sans serif, tahoma, helvetica;
                }

input           {
                background-color: #ffffff; 
                border: 1 solid #000000; 
                font-size: 10pt; 
                font-family: ms sans serif, tahoma, helvetica;
                }

input,textarea,select{
                background-color: #ffffff; 
                border: 1 solid #000000; 
                font-size: 10pt; 
                font-family: ms sans serif, tahoma, helvetica;
                }

input.go        {
                background-color: ##999999; 
                color: #000000;
                font-weight: bold;
                border: 1 solid #000000; 
                font-size: 6pt; 
                font-family: ms sans serif, tahoma, helvetica;
                }

/* ------------------------------- LINK EXCHANGER 2   --------------------------------------*/
/* ------------------------------- основной контейнер --------------------------------------*/
/* ******************************************************************* */
/* Основной контейнер - это блок DIV внутри которого все содержимое скрипта */
#LinkExchanger {
clear:both;
position: relative; /* позиционирование - относительное по отношению к */
/*родительскому контейнеру, которым может являться ячейка Вашей таблицы */
width: 600px; /* ширина: можно 600px, а можно задать например 100%; */
margin: 10px 10px 10px 10px; /* поля: сверху-справа-снизу-слева */
}
/* ******************************************************************* */
/* ------------------------------- основной контейнер --------------------------------------*/
/* ******************************************************************* */

/* ******************************************************************* */
/* ------------------------------- таблица для категорий ----------------------------------*/
/* ******************************************************************* */
/* таблица для категорий от 1 до 4 столбцов можно выбрать в конфигурации */
#TableCategories {
position: relative; /* позиционирование - относительное */
width: 600px; /* ширина таблицы */
margin: 0px 0px 10px 20px; /* ширина полей сверху-справа-снизу-слева */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт в таблице*/
color: #000000; /* цвет шрифта в таблице */
}
#TdTableCategoryLinksHeader {
font: 16pt verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: green;
}
/* Можно использовать от 1 до 4 ячеек для таблицы с названиями категорий */
/* по умолчанию дизайн будет унаследован от родительского контейнера, но, */
/* если хотите, можно описать даже каждую ячейку строки в отдельности */
#TdTableCategories_1 {

}
#TdTableCategories_2 {

}
#TdTableCategories_3 {

}
#TdTableCategories_4 {

}
/* ******************************************************************* */
/* ------------------------------- таблица для категорий ----------------------------------*/
/* ******************************************************************* */

/* ******************************************************************* */
/* -------------------------------- блок формы поиска --------------------------------------*/
/* ******************************************************************* */
/*  блок формы поиска по каталогу*/
#SearchForm {
position: relative; /* позиционирование - относительное */
width: 600px; /* ширина блока */
height: 90px; /* высота блока */
margin: 0px 0px 10px 20px; /* ширина полей сверху-справа-снизу-слева  */
}
/* заголовок блока поиска */
#SearchLinksHeader {
position: relative; /* позиционирование - относительное */
font: 16pt verdana, Arial, Helvetica, sans-serif; /* шрифт заголовка */
font-weight: bold; /* жирный шрифт */
color: green; /* цвет шрифта */
margin: 0px 0px 0px 0px; /* поля заголовка:  сверху-справа-снизу-слева */
}
#WhatSearchFont { /* надпись для поля ввода поискового запроса */
position: absolute; /* внимание! здесь позиционирование абсолютное! */
top: 25px; /* расстояние от верхней границы блока SearchForm до надписи */
left: 0px; /* расстояние от левой границы блока SearchForm до надписи */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт надписи */
color: #000000; /* цвет шрифта надписи */
}
#WhatSearchInput { /* поле ввода поискового запроса */
position: absolute; /* внимание! здесь позиционирование абсолютное! */
width:250px; /* ширина поля ввода запроса */
height: 20px; /*  высота поля ввода запроса*/
top: 45px; /* расстояние от верхней границы блока SearchForm до поля */
left: 0px; /* расстояние от левой границы блока SearchForm до поля */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт для поля ввода */
color: #000000; /* цвет шрифта */
}
#CategorySearchFont { /* надпись для поля выбора категории при запросе */
position: absolute; /* внимание! здесь позиционирование абсолютное! */
top: 25px; /* расстояние от верхней границы блока SearchForm до надписи  */
left: 270px; /* расстояние от левой границы блока SearchForm до надписи */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт для надписи */
color: #000000; /* цвет шрифта надписи */
}
#CategorySearchSelect { /* выпадающий список выбора категорий */
position: absolute; /* внимание! здесь позиционирование абсолютное! */
width:250px; /* ширина выпадающего списка */
height: 20px; /* высота выпадающего списка */
top: 45px; /* расстояние от верхней границы блока SearchForm до списка */
left: 270px; /* расстояние от левой границы блока SearchForm до списка */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт для списка */
color: #000000; /* цвет шрифта */
}
#SearchButton { /* кнопка Искать в форме поиска */
position: absolute; /* внимание! здесь позиционирование абсолютное! */
width:120px; /* ширина кнопки */
height: 20px;/* высота кнопки */
top: 70px; /* расстояние от верхней границы блока SearchForm до кнопки */
left: 0px; /* расстояние от левой границы блока SearchForm до кнопки */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт надписи на кнопке */
color: #000000; /* цвет надписи на кнопке */
}
/* ******************************************************************* */
/* -------------------------------- блок формы поиска --------------------------------------*/
/* ******************************************************************* */

/* ******************************************************************* */
/* ------------------------- блок для последних добавленных ссылок ------------------*/
/* ******************************************************************* */
#LastLinks { /* последние добавленные в каталог ссылки */
position: relative; /* позиционирование - относительное */
width: 600px; /* ширина блока */
margin: 0px 0px 10px 20px; /* поля блока: сверху-справа-снизу-слева */
}
#LastLinksHeader { /* Заголовок - Последние добавленные ссылки */
font: 16pt verdana, Arial, Helvetica, sans-serif; /* шрифт заголовка */
font-weight: bold; /* жирный шрифт */
color: green; /* цвет шрифта */
margin: 0px 0px 10px 0px; /* поля заголовка:  сверху-справа-снизу-слева */
}
/* ******************************************************************* */
/* ------------------------- блок для последних добавленных ссылок ------------------*/
/* ******************************************************************* */

/* ******************************************************************* */
/* ---------------------------- блок вывода ссылок в категориях ------------------------*/
/* ******************************************************************* */
#CategoryLinks { /* блок отображения ссылок в категориях каталога */
position: relative; /* позиционирование - относительное */
width: 600px; /* ширина блока */
margin: 0px 0px 10px 20px; /* поля блока: сверху-справа-снизу-слева */
}
#CategoryLinksHeader H1 { /* Заголовок - название конкретной категории */
font: 16pt verdana, Arial, Helvetica, sans-serif; /* шрифт заголовка */
font-weight: bold; /* жирный шрифт */
color: green; /* цвет шрифта */
margin: 0px 0px 10px 0px; /* поля заголовка:  сверху-справа-снизу-слева */
}
/* ******************************************************************* */
/* ---------------------------- блок вывода ссылок в категориях ------------------------*/
/* ******************************************************************* */

/* ******************************************************************* */
/* ------------------------------- блок результатов поиска --------------------------------*/
/* ******************************************************************* */
#Search { /* блок отображения результатов поиска по каталогу */
position: relative; /* позиционирование - относительное */
width: 600px; /* ширина блока */
margin: 0px 0px 10px 20px; /* поля блока: сверху-справа-снизу-слева */
}
#SearchHeader { /* Заголовок - результаты поиска */
font: 16pt verdana, Arial, Helvetica, sans-serif; /* шрифт заголовка */
font-weight: bold; /* жирный шрифт */
color: green; /* цвет шрифта */
margin: 0px 0px 10px 0px; /* поля заголовка: сверху-справа-снизу-слева */
}
/* ******************************************************************* */
/* ------------------------------- блок результатов поиска --------------------------------*/
/* ******************************************************************* */

/* ******************************************************************* */
/* --------------------------------- шкала страниц ------------------------------------------*/
/* ******************************************************************* */
#Scale { /* блок отображения шкалы разбивки каталога на страницы */
position: relative; /* позиционирование - относительное */
width: 600px; /* ширина блока шкалы */
top: 0px; /* от верхней границы */
left: 0px; /* от левой границы */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт блока шкалы */
margin: 0px 0px 20px 0px; /* поля: сверху-справа-снизу-слева */
}

/* ******************************************************************* */
/* --------------------------------- шкала страниц ------------------------------------------*/
/* ******************************************************************* */

/* ******************************************************************* */
/* --------------------------------- карточка ссылки ----------------------------------------*/
/* ******************************************************************* */
/* Очень важный блок! Вся информация о ссылках, сформирована в виде */ 
/* карточек. Внутри каждой такой карточки содержатся блоки, отвечающие */
/* за форматирование картинки, текстовой ссылки, названия категории и т.д. */
/* по сути блок Card - это рамка карточки информации о ссылке */
/* блок Card включает в себя два блока: CardText и CardData, каждый из */
/* которых в свою очередь имеет свои дочерние блоки */
#Card {
position: relative; /* позиционирование - относительно предыдущего блока */
width: 600px; /* ширина блока карточки ссылки */
top: 0px; /* от верхнего края */
left: 0px; /* от левого края */
margin: 0px 0px 20px 0px; /* поля карточки: сверху-справа-снизу-слева */
}


/* блок в котором содержатся блоки кнопки и описания конкретной ссылки */
/* входит в состав блока Card. Является его дочерним блоком. */
#CardText {
position: relative; /* позиционирование относительно родительского контейнера */
top: 0px; /* отступ от верхней границы родительского контейнера Card */
left: 0px; /* отступ от левой границы родительского контейнера */
font: 8pt verdana, Arial, Helvetica, sans-serif; /* шрифт текстовой ссылки */
color: black; /* цвет шрифта текстовой ссылки */
text-align: justify; /* выравнивание текста */
}
#CardText IMG { /* картинка в блоке CardText */
float: left; /* будет выравниваться от левого края блока */
margin: 0px 5px 5px 0px; /* поля картинки: сверху-справа-снизу-слева */
}
#CardText OBJECT { /* флеш-баннер в блоке CardText */
float: left; /* будет выравниваться от левого края блока */
margin: 0px 5px 5px 0px; /* поля флеш-баннера: сверху-справа-снизу-слева */
}


/* блок в котором содержатся следующие данные: CY, PR, название категории */
/* дата добавления ссылки и положение ссылки в каталоге */
/* входит в состав блока Card. Является его дочерним блоком. */
#CardData {
clear: both; /* очищаем */
position: relative; /* позиционирование относительно предыдущего контейнера */
height: 12px; /* высота - ее лучше задать в абсолютных величинах */
top: 0px; /* от верхнего края */
left: 0px; /* от левого края */
font: 8pt verdana, Arial, Helvetica, sans-serif; /* шрифт */
color: black; /* цвет шрифта */
}


/* блок в котором содержатся данные CY */
/* входит в состав блока CardData */
#CardCy {
position: absolute; /* абсолютное! позиционирование относительно CardData */
top: 0px; /* отступ от верхнего края */
left: 100px; /* отступ от левого края */
}
/* блок в котором содержатся данные PR */
/* входит в состав блока CardData */
#CardPr {
position: absolute; /* абсолютное! позиционирование относительно CardData */
top: 0px; /* отступ от верхнего края */
left: 175px; /* отступ от левого края */
}
/* блок в котором содержатся данные о времени добавления в каталог */
/* входит в состав блока CardData */
#CardTime {
position: absolute; /* абсолютное! позиционирование относительно CardData */
top: 0px; /* отступ от верхнего края */
right: 0px; /* отступ от правого края */
text-align: right; /* выравнивание текста - выключкой вправо */
}
/* блок в котором содержится название категории */
/* входит в состав блока CardData */
#CardCategory {
clear: both; /* очищаем поток */
position: relative; /* позиционирование - относительное */
font: 8pt verdana, Arial, Helvetica, sans-serif; /* шрифт */
color: black; /* цвет шрифта */
text-align: right; /* выравнивание - выключка вправо */
}
/* блок в котором содержится адрес ссылки в каталоге (только в поиске) */
/* входит в состав блока CardData */
#CardLinkPlace {
clear: both; /* очищаем поток */
position: relative; /* позиционирование - относительное */
font: 8pt verdana, Arial, Helvetica, sans-serif; /* шрифт */
color: black; /* цвет шрифта */
text-align: right; /* выравнивание - выключка вправо */
}
/* ******************************************************************* */
/* --------------------------------- карточка ссылки ----------------------------------------*/
/* ******************************************************************* */

/* ******************************************************************* */
/* --------------------------- блок добавить ссылку -----------------------*/
/* ******************************************************************* */
#AddLink {
position: relative; /* позиционирование - относительное */
width: 600px; /* ширина блока */
padding: 0px 0px 10px 0px; /* внутренние отступы сверху-справа-снизу-слева*/
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт */
font-weight: bolder;
color: black; /* цвет шрифта */
text-align: center; /* выравнивание по центру */
}
/* ******************************************************************* */
/* --------------------------- блок добавить ссылку -----------------------*/
/* ******************************************************************* */

/* ******************************************************************* */
/* --------------------------- блок ссылки на сайт скрипта -----------------------*/
/* ******************************************************************* */
#CopyRightM {
position: relative; /* позиционирование - относительное */
width: 600px; /* ширина блока */
padding: 0px 0px 10px 0px; /* внутренние отступы сверху-справа-снизу-слева*/
font: 7pt verdana, Arial, Helvetica, sans-serif; /* шрифт */
color: black; /* цвет шрифта */
text-align: center; /* выравнивание по центру */
}
/* ******************************************************************* */
/* --------------------------- блок ссылки на сайт скрипта -----------------------*/
/* ******************************************************************* */


/* ******************************************************************* */
/* --------------------------------- заголовок формы ---------------------------------------*/
/* ******************************************************************* */
#FormTitle { /* Заголовок - название формы */
position: relative; /* позиционирование - относительное */
font: 16pt verdana, Arial, Helvetica, sans-serif; /* шрифт заголовка */
font-weight: bold; /* жирный шрифт */
color: green; /* цвет шрифта */
margin: 0px 0px 10px 0px; /* поля заголовка:  сверху-справа-снизу-слева */
}
/* ******************************************************************* */
/* --------------------------------- заголовок формы ---------------------------------------*/
/* ******************************************************************* */

/* ******************************************************************* */
/* --------------------------------- поле никнейма ------------------------------------------*/
/* ******************************************************************* */
#FormNickText { /* текст для поля ввода никнейма*/
position: relative; /* позиционирование - относительное */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт текста для поля ввода */
color: #000000; /* цвет шрифта */
margin: 0px 0px 5px 0px; /* поля текста: сверху-справа-снизу-слева */
}
#FormNickInput { /* поле ввода никнейма */
position: relative; /* позиционирование - относительное */
width:450px; /* ширина поля ввода ответной ссылки */
height: 20px; /*  высота поля ввода ответной ссылки */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт текста для поля ввода */
color: #000000; /* цвет шрифта */
margin: 0px 0px 0px 0px; /* поля:  сверху-справа-снизу-слева */
}
/* ******************************************************************* */
/* --------------------------------- поле никнейма ------------------------------------------*/
/* ******************************************************************* */

/* ******************************************************************* */
/* --------------------------------- поле ответной ссылки ----------------------------------*/
/* ******************************************************************* */
#FormReturnText { /* текст для поля ввода ответной ссылки */
position: relative; /* позиционирование - относительное */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт текста для поля ввода */
color: #000000; /* цвет шрифта */
margin: 0px 0px 5px 0px; /* поля текста: сверху-справа-снизу-слева */
}
#FormReturnInput { /* поле ввода ответной ссылки */
position: relative; /* позиционирование - относительное */
width:450px; /* ширина поля ввода ответной ссылки */
height: 20px; /*  высота поля ввода ответной ссылки */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт текста для поля ввода */
color: #000000; /* цвет шрифта */
margin: 0px 0px 0px 0px; /* поля:  сверху-справа-снизу-слева */
}
/* ******************************************************************* */
/* --------------------------------- поле ответной ссылки ----------------------------------*/
/* ******************************************************************* */

/* ******************************************************************* */
/* --------------------------------- адрес электронной почты -----------------------------*/
/* ******************************************************************* */
#FormMailText { /* текст для поля ввода e-mail */
position: relative; /* позиционирование - относительное */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт текста для поля e-mail */
color: #000000; /* цвет шрифта */
margin: 0px 0px 5px 0px; /* поля текста: сверху-справа-снизу-слева */
}
#FormMailInput { /* поле ввода электронной почты */
position: relative; /* позиционирование - относительное */
width:450px; /* ширина поля ввода e-mail */
height: 20px; /*  высота поля ввода e-mail */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт текста для поля e-mail */
color: #000000; /* цвет шрифта */
margin: 0px 0px 0px 0px; /* поля:  сверху-справа-снизу-слева */
}
/* ******************************************************************* */
/* --------------------------------- адрес электронной почты -----------------------------*/
/* ******************************************************************* */

/* ******************************************************************* */
/* --------------------------------- выбор категории ----------------------------------------*/
/* ******************************************************************* */
#FormCategoryText { /* текст для списка выбора категории */
position: relative; /* позиционирование - относительное */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт текста для категорий */
color: #000000; /* цвет шрифта */
margin: 0px 0px 5px 0px; /* поля текста: сверху-справа-снизу-слева */
}
#FormCategorySelect { /* выпадающий список выбора категории */
position: relative; /* позиционирование - относительное */
width:450px; /* ширина выпадающего списка */
height: 20px; /*  высота выпадающего списка */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт текста для списка */
color: #000000; /* цвет шрифта */
margin: 0px 0px 0px 0px; /* поля:  сверху-справа-снизу-слева */
}
/* ******************************************************************* */
/* --------------------------------- выбор категории ----------------------------------------*/
/* ******************************************************************* */

/* ******************************************************************* */
/* --------------------------------- поле ввода HTML-кода текстовой ссылки -----------*/
/* ******************************************************************* */
#FormHtmlText { /* текст для текстового поля HTML-кода */
position: relative; /* позиционирование - относительное */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт текста */
color: #000000; /* цвет шрифта */
margin: 0px 0px 5px 0px; /* поля текста: сверху-справа-снизу-слева */
}
#FormHtmlTextarea { /* текстовое поле ввода HTML-кода */
position: relative; /* позиционирование - относительное */
width:450px; /* ширина текстового поля */
height: 100px; /*  высота текстового поля */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт текста */
color: #000000; /* цвет шрифта */
margin: 0px 0px 0px 0px; /* поля:  сверху-справа-снизу-слева */
}
/* ******************************************************************* */
/* --------------------------------- поле ввода HTML-кода текстовой ссылки -----------*/
/* ******************************************************************* */

/* ******************************************************************* */
/* --------------------------------- поле ввода HTML-кода графической ссылки -------*/
/* ******************************************************************* */
#FormImageText { /* текст для поля графического HTML-кода */
position: relative; /* позиционирование - относительное */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт текста */
color: #000000; /* цвет шрифта */
margin: 0px 0px 5px 0px; /* поля текста: сверху-справа-снизу-слева */
}
#FormImageTextarea { /* текстовое поле ввода HTML-кода графической ссылки */
position: relative; /* позиционирование - относительное */
width:450px; /* ширина текстового поля */
height: 100px; /*  высота текстового поля */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт текста */
color: #000000; /* цвет шрифта */
margin: 0px 0px 0px 0px; /* поля:  сверху-справа-снизу-слева */
}
/* ******************************************************************* */
/* --------------------------------- поле ввода HTML-кода графической ссылки -------*/
/* ******************************************************************* */

/* ******************************************************************* */
/* --------------------------------- поле ввода описания текстовой ссылки -----------*/
/* ******************************************************************* */
#FormLinkText { /* текст для текстового поля описания ссылки */
position: relative; /* позиционирование - относительное */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт текста */
color: #000000; /* цвет шрифта */
margin: 0px 0px 5px 0px; /* поля текста: сверху-справа-снизу-слева */
}
#FormLinkTextarea { /* текстовое поле ввода описания текстовой ссылки*/
position: relative; /* позиционирование - относительное */
width:450px; /* ширина текстового поля */
height: 100px; /*  высота текстового поля */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт текста */
color: #000000; /* цвет шрифта */
margin: 0px 0px 0px 0px; /* поля:  сверху-справа-снизу-слева */
}
/* ******************************************************************* */
/* --------------------------------- поле ввода описания текстовой ссылки -----------*/
/* ******************************************************************* */

/* ******************************************************************* */
/* --------------------------------- поле ввода адреса графической ссылки -----------*/
/* ******************************************************************* */
#FormBannerText { /* текст для поля адреса графической ссылки */
position: relative; /* позиционирование - относительное */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт текста */
color: #000000; /* цвет шрифта */
margin: 0px 0px 5px 0px; /* поля текста: сверху-справа-снизу-слева */
}
#FormBannerInput { /* поле ввода адреса графической ссылки */
position: relative; /* позиционирование - относительное */
width:450px; /* ширина поля ввода адреса */
height: 20px; /*  высота поля ввода адреса */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт текста для поля адреса */
color: #000000; /* цвет шрифта */
margin: 0px 0px 0px 0px; /* поля:  сверху-справа-снизу-слева */
}
/* ******************************************************************* */
/* --------------------------------- поле ввода адреса графической ссылки -----------*/
/* ******************************************************************* */

/* ******************************************************************* */
/* --------------------------------- кнопки в форме добавления ссылки -----------------*/
/* ******************************************************************* */
#FormButton {
position: relative; /* позиционирование - относительное */
width:150px; /* ширина кнопок */
height: 20px; /*  высота кнопок */
font: 8pt verdana, Arial, Helvetica, sans-serif; /* шрифт на кнопках */
color: #000000; /* цвет шрифта на кнопках */
margin: 0px 0px 0px 0px; /* поля:  сверху-справа-снизу-слева */
}
/* ******************************************************************* */
/* --------------------------------- кнопки в форме добавления ссылки -----------------*/
/* ******************************************************************* */

/* ******************************************************************* */
/* ---------------- вывод сообщений об ошибках заполнения формы ------------------*/
/* ******************************************************************* */
#FormErrorTitle { /* заголовок сообщений об ошибках */
position: relative; /* позиционирование - относительное */
font: 16pt verdana, Arial, Helvetica, sans-serif; /* шрифт текста заголовка */
color: red; /* цвет шрифта */
font-weight: bold; /* жирный шрифт */
margin: 0px 0px 5px 0px; /* поля:  сверху-справа-снизу-слева */
}
#FormErrorText { /* текст сообщений об ошибках */
position: relative; /* позиционирование - относительное */
font: 8pt verdana, Arial, Helvetica, sans-serif; /* шрифт текста ошибок */
color: red; /* цвет шрифта */
margin: 0px 0px 5px 0px; /* поля:  сверху-справа-снизу-слева */
}
/* ******************************************************************* */
/* ---------------- вывод сообщений об ошибках заполнения формы ------------------*/
/* ******************************************************************* */

/* ******************************************************************* */
/* ----------- предварительный просмотр результата заполнения формы ------------*/
/* ******************************************************************* */
#FormPreviewTitle { /* заголовок для предпросмотра */
position: relative; /* позиционирование - относительное */
font: 16pt verdana, Arial, Helvetica, sans-serif; /* шрифт текста заголовка */
color: green; /* цвет шрифта */
font-weight: bold; /* жирный шрифт */
margin: 0px 0px 5px 0px; /* поля:  сверху-справа-снизу-слева */
}

/* практически полностью аналогичный повторяет блок в файле main.css */
/* Очень важный блок! Вся информация о ссылках, сформирована в виде */ 
/* карточек. Внутри каждой такой карточки содержатся блоки, отвечающие */
/* за форматирование картинки, текстовой ссылки, названия категории и т.д. */
/* по сути блок CardUser - это рамка карточки информации о ссылке */
/* блок CardUser включает в себя два блока: CardTextUser и CardDataUser, */ 
/*каждый из которых в свою очередь имеет свои дочерние блоки */
#CardUser {
position: relative; /* позиционирование - относительно предыдущего блока */
width: 600px; /* ширина блока карточки ссылки */
top: 0px; /* от верхнего края */
left: 0px; /* от левого края */
margin: 0px 0px 20px 0px; /* поля карточки: сверху-справа-снизу-слева */
}

/* блок в котором содержатся блоки кнопки и описания конкретной ссылки */
/* входит в состав блока CardUser. Является его дочерним блоком. */
#CardTextUser {
position: relative; /* позиционирование относительно родительского контейнера */
top: 0px; /* отступ от верхней границы родительского контейнера Card */
left: 0px; /* отступ от левой границы родительского контейнера */
font: 8pt verdana, Arial, Helvetica, sans-serif; /* шрифт текстовой ссылки */
color: black; /* цвет шрифта текстовой ссылки */
}
#CardTextUser IMG { /* картинка в блоке CardText */
float: left; /* будет выравниваться от левого края блока */
margin: 0px 5px 5px 0px; /* поля картинки: сверху-справа-снизу-слева */
}
#CardTextUser OBJECT { /* флеш-баннер в блоке CardText */
float: left; /* будет выравниваться от левого края блока */
margin: 0px 5px 5px 0px; /* поля флеш-баннера: сверху-справа-снизу-слева */
}

/* блок в котором содержатся следующие данные: CY, PR, название категории */
/* дата добавления ссылки и положение ссылки в каталоге */
/* входит в состав блока CardUser. Является его дочерним блоком. */
#CardDataUser {
clear: both; /* очищаем */
position: relative; /* позиционирование относительно предыдущего контейнера */
height: 12px; /* высота - ее лучше задать в абсолютных величинах */
top: 0px; /* от верхнего края */
left: 0px; /* от левого края */
font: 8pt verdana, Arial, Helvetica, sans-serif; /* шрифт */
color: black; /* цвет шрифта */
}

/* блок в котором содержатся данные CY */
/* входит в состав блока CardDataUser */
#CardCyUser {
position: absolute; /* абсолютное! позиционирование относительно CardData */
top: 0px; /* отступ от верхнего края */
left: 100px; /* отступ от левого края */
}
/* блок в котором содержатся данные PR */
/* входит в состав блока CardData */
#CardPrUser {
position: absolute; /* абсолютное! позиционирование относительно CardData */
top: 0px; /* отступ от верхнего края */
left: 175px; /* отступ от левого края */
}
/* блок в котором содержатся данные о времени добавления в каталог */
/* входит в состав блока CardData */
#CardTimeUser {
position: absolute; /* абсолютное! позиционирование относительно CardData */
top: 0px; /* отступ от верхнего края */
right: 0px; /* отступ от правого края */
text-align: right; /* выравнивание текста - выключкой вправо */
}
/* блок в котором содержится название категории */
/* входит в состав блока CardData */
#CardCategoryUser {
clear: both; /* очищаем поток */
position: relative; /* позиционирование - относительное */
font: 8pt verdana, Arial, Helvetica, sans-serif; /* шрифт */
color: black; /* цвет шрифта */
text-align: right; /* выравнивание - выключка вправо */
}
/* ******************************************************************* */
/* ------------- предварительный просмотр результата заполнения формы -------- */
/* ******************************************************************* */

/* ******************************************************************* */
/* ------------------ сообщения для юзеров в процессе добавления ----------------- */
/* ******************************************************************* */
#CardMessageUser {
position: relative; /* позиционирование - относительное */
width: 450px; /* ширина блока сообщений */
font: 8pt verdana, Arial, Helvetica, sans-serif; /* шрифт сообщений */
color: black; /* цвет шрифта */
}
/* ******************************************************************* */
/* ------------------ сообщения для юзеров в процессе добавления ----------------- */
/* ******************************************************************* */

/* ******************************************************************* */
/* ------------------------- блок показа своих HTML-кодов ------------------------------ */
/* ******************************************************************* */
#CodesShow { // показываем свои HTML-коды
position: relative; /* позиционирование - относительное */
width: 450px; /* ширина блока */
height: 100px; /* высота, такую же поставьте в textarea */
font: 8pt verdana, Arial, Helvetica, sans-serif; /* шрифт сообщений */
margin: 0px 0px 10px 0px; /* поля: сверху-справа-снизу-слева */
}
#CodesShow TEXTAREA { // поле textarea откуда копируют коды
position: relative; /* позиционирование - относительное */
float: left; /* выравниваем поле к левому краю блока */
width: 215px; /* ширина поля textarea */
height: 100px; /* высота, сделайте такой же как в родительском блоке */
font: 8pt verdana, Arial, Helvetica, sans-serif; /* шрифт сообщений */
color: brown; /* цвет шрифта */
margin: 0px 10px 0px 0px; /* поля: сверху-справа-снизу-слева */
}
/* ******************************************************************* */
/* ------------------------- блок показа своих HTML-кодов ------------------------------ */
/* ******************************************************************* */

/* ******************************************************************* */
/* ------------------------- блок показа правил добавления ----------------------------- */
/* ******************************************************************* */
#RulesTitle { // заголовок для правил добавления
position: relative; /* позиционирование - относительное */
font: 16pt verdana, Arial, Helvetica, sans-serif; /* шрифт сообщений */
font-weight: bold;
color: green;
}
#RulesShow {
position: relative; /* позиционирование - относительное */
width: 450px; /* ширина блока */
font: 8pt verdana, Arial, Helvetica, sans-serif; /* шрифт сообщений */
text-align: justify;
margin: 0px 0px 10px 0px; /* поля: сверху-справа-снизу-слева */
}
/* ******************************************************************* */
/* ------------------------- блок показа правил добавления ----------------------------- */
/* ******************************************************************* */

/* ******************************************************************* */
/* ------------------------- блок формы письма админу------ ----------------------------- */
/* ******************************************************************* */
#MailtoadminTitle { /* Заголовок формы */
position: relative; /* позиционирование - относительное */
font: 16pt verdana, Arial, Helvetica, sans-serif; /* шрифт сообщений */
font-weight: bold;
color: green;
}
#MailToAdminText { /* текст для надписи над полями ввода */
position: relative; /* позиционирование - относительное */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт текста */
color: #000000; /* цвет шрифта */
margin: 0px 0px 5px 0px; /* поля текста: сверху-справа-снизу-слева */
}
#MailToAdminMail { /* поле ввода e-mail */
position: relative; /* позиционирование - относительное */
width:450px; /* ширина поля ввода e-mail */
height: 20px; /*  высота поля ввода e-mail */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт текста для поля e-mail */
color: #000000; /* цвет шрифта */
margin: 0px 0px 0px 0px; /* поля:  сверху-справа-снизу-слева */
}
#MailToAdminTextarea { /* текстовое поле ввода текста письма */
position: relative; /* позиционирование - относительное */
width: 450px; /* ширина текстового поля */
height: 100px; /*  высота текстового поля */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт текста */
color: #000000; /* цвет шрифта */
margin: 0px 0px 0px 0px; /* поля:  сверху-справа-снизу-слева */
}
#MailToAdminButton { /* кнопка отправить письмо */
position: relative; /* позиционирование - относительное */
width:150px; /* ширина кнопок */
height: 20px; /*  высота кнопок */
font: 8pt verdana, Arial, Helvetica, sans-serif; /* шрифт на кнопке */
color: #000000; /* цвет шрифта на кнопке */
margin: 0px 0px 0px 0px; /* поля:  сверху-справа-снизу-слева */
}
/* ******************************************************************* */
/* ------------------------- блок формы письма админу------ ---------------------------- */
/* ******************************************************************* */


/* ******************************************************************* */
/* --------------------------- блок вернуться на главную -----------------------*/
/* ******************************************************************* */
#BackToIndex {
position: relative; /* позиционирование - относительное */
width: 450px; /* ширина блока */
padding: 0px 0px 10px 0px; /* внутренние отступы сверху-справа-снизу-слева*/
font: 10pt verdana, Arial, Helvetica, sans-serif; /* шрифт */
font-weight: bolder;
color: black; /* цвет шрифта */
text-align: center; /* выравнивание по центру */
}
/* ******************************************************************* */
/* --------------------------- блок вернуться на главную -----------------------*/
/* ******************************************************************* */

/* ******************************************************************* */
/* --------------------------- блок ссылки на сайт скрипта -----------------------*/
/* ******************************************************************* */
#CopyRightS {
position: relative; /* позиционирование - относительное */
width: 450px; /* ширина блока */
padding: 0px 0px 10px 0px; /* внутренние отступы сверху-справа-снизу-слева*/
font: 7pt verdana, Arial, Helvetica, sans-serif; /* шрифт */
color: black; /* цвет шрифта */
text-align: center; /* выравнивание по центру */
}
/* ******************************************************************* */
/* --------------------------- блок ссылки на сайт скрипта -----------------------*/
/* ******************************************************************* */