﻿/* ******************************************************************* */
/* ------------------------------ �������� �������� ---------------------------------------*/
/* ******************************************************************* */
BODY { /* ���� �������� */
background-color: #ffffff;
}

a:hover, a:active { /* ��� ��������� ������� ��� ����� �� ������ */
color: #000000; /* ���� - ����� */
text-decoration: underline; /* ��������� - ������������ ������ */
}
/* ******************************************************************* */
/* ------------------------------ �������� �������� ---------------------------------------*/
/* ******************************************************************* */

/* ******************************************************************* */
/* ------------------------------- �������� ��������� --------------------------------------*/
/* ******************************************************************* */
/* �������� ��������� - ��� ���� DIV ������ �������� ��� ���������� ������� */
#LinkExchanger {
clear:both;
position: relative; /* ���������������� - ������������� �� ��������� � */
/*������������� ����������, ������� ����� �������� ������ ����� ������� */
width: 600px; /* ������: ����� 600px, � ����� ������ �������� 100%; */
margin: 10px 10px 10px 10px; /* ����: ������-������-�����-����� */
}
/* ******************************************************************* */
/* ------------------------------- �������� ��������� --------------------------------------*/
/* ******************************************************************* */

/* ******************************************************************* */
/* --------------------------------- ��������� ����� ---------------------------------------*/
/* ******************************************************************* */
#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; /* ������������ - �������� ������ */
}
/* ���� ������ ������������ ����� */
/* ������ � ������ ����� CardData */
#CardGuardUser {
clear: both; /* ������� ����� */
position: relative; /* ���������������� - ������������� */
font: 8pt verdana, Arial, Helvetica, sans-serif; /* ����� */
color: black; /* ���� ������ */
text-align: left; /* ������������ - �������� ����� */
}
#CardGuardUser IMG { /* �������� � ����� CardGuard */
float: left; /* ����� ������������� �� ������ ���� ����� */
margin: 0px 5px 15px 0px; /* ���� ��������: ������-������-�����-����� */
}
#CardGuardUser Input {
position: relative; /* ���������������� - ������������� */
width:100px; /* ������ ���� ����� ������ */
height: 22px; /*  ������ ���� ����� ������ */
font: 10pt verdana, Arial, Helvetica, sans-serif; /* ����� ������ ��� ���� ������ */
color: #000000; /* ���� ������ */
text-align: center; /* ������������ - �� ������ */
margin: 0px 0px 15px 20px; /* ����:  ������-������-�����-����� */
}
/* ******************************************************************* */
/* ------------- ��������������� �������� ���������� ���������� ����� -------- */
/* ******************************************************************* */

/* ******************************************************************* */
/* ------------------ ��������� ��� ������ � �������� ���������� ----------------- */
/* ******************************************************************* */
#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; 
