/* ******************************************************************* */
/* ------------------------------   ---------------------------------------*/
/* ******************************************************************* */
BODY { /*   */
background-color: #ffffff;
}
a:link, a:visited { /*    */
color: #000000; /*   */
text-decoration: none; /*   */
}
a:hover, a:active { /*        */
color: #000000; /*  -  */
text-decoration: underline; /*  -   */
}
/* ******************************************************************* */
/* ------------------------------   ---------------------------------------*/
/* ******************************************************************* */

/* ******************************************************************* */
/* -------------------------------   --------------------------------------*/
/* ******************************************************************* */

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

/* ******************************************************************* */
/* ---------------------------------   ---------------------------------------*/
/* ******************************************************************* */
#FormTitle { /*  -   */
position: relative; /*  -  */
font: 18px Arial; /*   */
font-weight: normal; /*   */
color: #CC0000; /*   */
margin: 5px 5px 15px 0; /*  :  --- */
}
/* ******************************************************************* */
/* ---------------------------------   ---------------------------------------*/
/* ******************************************************************* */

/* ******************************************************************* */
/* ---------------------------------   ------------------------------------------*/
/* ******************************************************************* */
#FormNickText { /*     */
position: relative; /*  -  */
font: 10pt verdana, Arial, Helvetica, sans-serif; /*      */
color: #000000; /*   */
margin: 0px 0px 15px 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 15px 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 15px 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 15px 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 15px 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: 12px Arial; /*   */ /*   */
}
/* ******************************************************************* */
/* ------------------       ----------------- */
/* ******************************************************************* */

/* ******************************************************************* */
/* -------------------------    HTML- ------------------------------ */
/* ******************************************************************* */
#CodesShow { //   HTML-
position: relative; /*  -  */
width: 450px; /*   */
height: 100px; /* ,     textarea */
font: 12px Arial; /*   */
margin: 0px 0px 15px 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: 18px Arial;
font-weight: normal;
color: #CC0000; margin: 40px 0px 0px 0px;
}
#RulesShow {
position: relative; /*  -  */
width: 450px; /*   */
font: 12px Arial; /*   */
text-align: left;
margin: 5px 0px 30px 0px; /* : --- */
}
/* ******************************************************************* */
/* -------------------------     ----------------------------- */
/* ******************************************************************* */

/* ******************************************************************* */
/* -------------------------    ------ ----------------------------- */
/* ******************************************************************* */
#MailtoadminTitle { /*   */
position: relative; /*  -  */
font:18px Arial; /*   */
font-weight: normal;
color: #CC0000; margin-top:40px
}
#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; /*    */
}
/* ******************************************************************* */
/* ---------------------------      -----------------------*/
/* ******************************************************************* */