/* start shablon */
* {margin:0;padding:0;}
 body {background-color:#eee;font:11px verdana,arial,sans-serif;text-align:center}
.head {background:url(../i/e.gif) repeat-x #fff;position:relative;border-bottom:#ddd 1px solid;height:160px;} /*Возможен бакграунд хеадера*/
.head .logo,.head h1,.head p {position:absolute;}
.head .logo {background:url(../i/logo.gif) no-repeat;top:0;left:0;width:272px;height:150px;}
.head h1 {font:bold 50px georgia,Helvetica,sans-serif;cursor:default;color:#999;top:2px;left:300px;}
.head p {font:12px georgia,Helvetica,sans-serif;cursor:default;color:#999;top:70px;left:300px;}
.head .sert {float:right;}
#wrap {background-color:#fff;border:#ddd 1px solid;margin:3px auto;width:920px;}
#wrap,.main,.item,#left {overflow:hidden;}
.main,.item {float:left;position:relative;}
.item {left:100%;}
.main,#content {width:100%;}
#content,#left {background-color:#fff;margin-left:-100%;margin-bottom:-5000px;padding-bottom:5000px;}
#left {background-color:#f9f9f9;border-right:#ddd 1px solid;padding-top:10px;position:relative;width:215px;z-index:100;text-align:left}
.content {background-color:#fff;padding-top:10px;padding-left:217px;}
.footer {background:url(../i/mtop.png) repeat-x #f9f9f9;color:#aaa;clear:both;padding:4px 0;position:relative;text-align:center;height:12px;}
.footer span {color:#aaa;} 
.clear {clear:both;display:block;overflow:hidden;width:100%;height:1px;}
/* end shablon */

A, A:link, A:visited, A:active {color:#45f;text-decoration:none;}
A:hover {color:red;}
.blue {color:blue;}
.bborde {background-color:white;border:1px lavender solid;}
.but,.prosa {border:1px dimgray solid;font-size:12;font-weight:normal;font-family:verdana;color:dimgray;background-color:white;}
.prosa {color:red;font-size:11px;}
.panel {background-color:#F7F6F4;border:1px dotted silver;color:navy;}
.hide {position:absolute;left:0;top:0;z-index:1;visibility:hidden;}
ol,ul,pre {margin:5px 0;}
ol,ul,li {margin:0 10px;padding:0;text-align:justify;}
p {margin:10px;text-align:justify;}
.tdbottom {border-bottom:white 1px solid;padding:5px;}

.logino {height:18;background-color:#F7F6F4;border:#ddd 1px solid;color:green;}
a.he,a.he:link,a.he:active,a.he:visited {color:#45f;}
a.he:hover {color:red;text-decoration:underline;}

.tt {margin:5px;padding:5px 0;}
.but {border:1px #ddd solid;color:green;}
.bt {border-top:#ddd 1px solid;}
.bb {border-bottom:#ddd 1px solid;}
.bl {border-left:#ddd 1px solid;}
.br {border-right:#ddd 1px solid;}

/* start style for import */
.tpd {margin:5px auto;}
.tpd td {padding:5px;height:12px;}
.lotbody td {border:1px lavender solid;padding:1px;margin:0;}
.lotbody p {text-align:justify;margin:0 10px;}
.lotbody .email {float:left;margin:5px 0 0 90px;width:170px;height:20px;}
.lotbody .submit {float:left;margin:5px 0 0 2px;width:120px;height:24px;}
.lotbody center {margin:5px 0 5px 2px;}
.wmbuttons {border:0;padding:0;margin:0;height:21px;}
.wmbuttons td {border:0;padding:0;margin:0;}
.wmbuttons p {text-align:justify;margin:0 10px;}
.tdbottom input {float:left;height:12px;}
.tdbottom a {float:left;margin-left:3px;}
/* end style for import */

.wm {width:100px;padding:0;margin:2px 0;}
#useremail .email {width:240px;}
#useremail .submit {width:120px;}
#other .select {width:244px;}
#other .submit {width:120px;}

/* statistic */
.point{background-color:#fff;border:#ddd 1px solid;margin:5px auto;text-align:left;width:500px;overflow:hidden;}
.point .graf{margin:5px 0 0;padding:0 0 0 2px;height:330px;}
.point .desc{margin:0 0 5px 20px;}
.sttit{background:url(../i/mtop.png) repeat-x #f2f2f2;border:#ddd 1px solid;color:#777;margin:2px;padding:4px;}
.serf,.rss{color:#1e90ff;}
.post{color:red;}
.nopost{color:blue;}
.friend{color:blue;}
.hits {float:left;margin:;padding:0;width:248px;}
.hits .hit,.hits .zap,.hits .poisk {margin:0;padding:0 0 0 3px;overflow:hidden;}
.hits .hit {color:#a00;width:42px;}
.hits .zap {color:#030;width:56px;}
.hits .poisk {width:112px;}
.hits span {display:block;padding:0 0 3px;text-decoration:underline;}
.hits .hit span {color:#a00;}
.hits .zap span {color:#030;}
.hits .poisk span {color:#00a;}
.hits pre,
.value pre,
.numb pre {color:#000;font:11px verdana,arial,sans-serif;margin:2px;padding-bottom:1px;overflow:hidden;}
.anonce{color:#777;margin:2px 100px 0 44px;padding:2px;}
.numb{float:left;text-align:right;width:40px;}
.value{overflow:hidden;width:450px;}
.sep {color:#000;font:11px verdana,arial,sans-serif;margin:2px;padding-bottom:1px;overflow:hidden;}
/* end statistic */

/* start email */
#connect {border:#eee 3px solid;border-top:0;font:11px Arial;margin:0 auto 10px;padding-top:8px;width:498px;}
#connect label {color:#55c;float:left;font:bold 13px Arial;padding:7px 0 0 20px;}
#connect .tema,#connect .name,#connect .email,#connect .cod,#connect textarea 
{background:url(../i/pencil.png) 2px 3px no-repeat #fff;font:12px Arial;margin:0 5px 2px 0;padding:2px 0 0 22px;width:325px;height:18px;}
#connect .tema,#connect .name,#connect .email,#connect .cod,#connect .date,
#connect textarea,#connect .submit {background-color:#fff;border:silver 1px solid;float:right;}
#connect img {border:none;float:right;margin:2px 2px 2px 0;width:120px;height:19px;}
#connect .cod {width:200px;}
#connect .submit {background:#fff;color:#c77;cursor:hand;font:bold 13px Arial;margin:0 5px 5px 0;width:489px;height:21px;}
#connect textarea {margin:2px 5px 2px 0;padding:10px 0 2px 22px;width:465px;height:175px;}
.prim {background:url(../i/mtop.png) repeat-x #fff;border-top:#eee 3px solid;color:#a00;margin:0;padding:2px 0;text-align:center;}
.prim span {color:#b00;}
.prim dd {font:bold 12px arial;}
.prim dt {margin-left:10px;}
.prima {background:url(../i/mtop.png) repeat-x #fff;border:#eee 3px solid;color:#555;font:bold 12px Arial;margin:20px auto 0;padding:3px 10px 4px;width:478px;}
.prima span {color:#a00;font-weight:normal;}
/* end email */

/* start top menu */
.topmenu {list-style-type:none;position:absolute;top:120px;left:260px;}
.topmenu li {float:left;padding:0;margin:0 10px;}
.topmenu a {color:#565656;}
.topmenu a:hover {color:#a00;}
/* end top menu */

/* start ver. menu */
.line {background:url(../i/line.gif) repeat-y;margin:-4px 0; padding:4px 0;}
.plus {background:url(../i/plus.gif) no-repeat;}
.minus {background:url(../i/minus.gif) no-repeat;}
.close {background:url(../i/folder.gif) no-repeat;}
.open {background:url(../i/folder_open.gif) no-repeat;}
.plus,.minus,.close,.open {float:left;width:18px;height:18px;margin:0 1px 0 0;}
.link {padding:1px 0;}
.link span {color:red;}
.open_box {border:#ddd 1px solid;margin:2px 2px 1px 19px;position:relative;}
.open,.close {#margin:0 -3px 0 1px;}
.minus,.plus {#margin:0 -2px 0 0;}
.plus,.minus,.close,.open {#padding-right:3px;}
*html .open_box {width:89%;}
html:root .link {margin:0 0 0 20px;}
/* end ver. menu */

/* start ver. menu  file menu.php */
.nav  {border-top:#ddd 1px solid;padding:10px 0 0 0;margin:5px 3px 5px 10px;}
/* end ver. menu  file menu.php */

/* start search, login */
.form_search {position:absolute;bottom:3px;right:5px;}
.form_search input {
  background-color:#fff;
  border:#ddd 1px solid;
  font:11px verdana,arial,sans-serif;
  float:left;
  margin:1px;
  padding:1px 0 0px 2px;
  #padding:3px 0 0 2px;
  height:17px;
  #height:15px;
  width:135px;
}
.form_search .forms {
  color:#000;
  width:50px;
  padding:0 0 2px;
  #padding:0;
  height:20px;
}
/* end search, login */

/* start reklams */
.sape {padding:5px;}
.sape,.sape a {color:#777;}
.reklams_160 {margin:15px auto;width:160px;height:600px;}
.reklams_468 {margin:15px auto;width:468px;height:60px;}
/* end reklams */


.tm {background:url(../i/gold.png) repeat-x #f9f9f9;color:#aaa;clear:both;padding:4px 0;position:relative;text-align:center;height:12px;}
.tm span {color:#aaa;} 


/* ******************* */
/* основной контейнер */
#LinkExchanger {clear:both; position: relative; width: 500px;text-align:center;}

/* заголовок формы */
#FormTitle {position: relative;margin: 0px 0px 10px 0px;font: 10pt;font-weight: bold;width: 450px;}

/* поле никнейма */
#FormNickText {position: relative;margin: 0px 0px 5px 0px;width: 450px;}
#FormNickInput {position: relative;width:450px;height: 20px;margin: 0px 0px 0px 0px;}

/* поле ответной ссылки */
#FormReturnText {position: relative;margin: 0px 0px 5px 0px;width: 450px;}
#FormReturnInput {position: relative;width:450px;height: 20px;margin: 0px 0px 0px 0px;}

/* адрес электронной почты */
#FormMailText {position: relative;margin: 0px 0px 5px 0px; width: 450px;}
#FormMailInput {position: relative;width:450px;height: 20px;margin: 0px 0px 0px 0px;}

/* выбор категории */
#FormCategoryText {position: relative;margin: 0px 0px 5px 0px; width: 450px;}
#FormCategorySelect {position: relative;width:450px;height: 20px;margin: 0px 0px 0px 0px;}

/* поле ввода HTML-кода текстовой ссылки */
#FormHtmlText {position: relative;margin: 0px 0px 5px 0px; width: 450px;}
#FormHtmlTextarea {position: relative;width:450px;height: 100px;margin: 0px 0px 0px 0px;}

/* поле ввода HTML-кода графической ссылки */
#FormImageText {position: relative;margin: 0px 0px 5px 0px; width: 450px;}
#FormImageTextarea {position: relative;width:450px;height: 100px;margin: 0px 0px 0px 0px;}

/* поле ввода описания текстовой ссылки */
#FormLinkText {position: relative;margin: 0px 0px 5px 0px; width: 450px;}
#FormLinkTextarea {position: relative;width:450px;height: 100px;margin: 0px 0px 0px 0px;}

/* поле ввода адреса графической ссылки */
#FormBannerText {position: relative;margin: 0px 0px 5px 0px; width: 450px;;}
#FormBannerInput {position: relative;width:450px;height: 20px;margin: 0px 0px 0px 0px;}

/* кнопки в форме добавления ссылки */
#FormButton {position: relative;width:150px;height: 20px;margin: 0px 0px 0px 0px;text-align: left;}

/* вывод сообщений об ошибках заполнения формы */
#FormErrorTitle {position: relative;font: 10pt;color: red;font-weight: bold;margin: 0px 0px 5px 0px;}
#FormErrorText {position: relative;color: red;margin: 0px 0px 5px 0px;}

/* предварительный просмотр результата заполнения формы */
#FormPreviewTitle {position: relative;font-weight: bold;margin: 0px 0px 5px 0px;}

/* Очень важный блок! Вся информация о ссылках, сформирована в виде */ 
/* карточек. Внутри каждой такой карточки содержатся блоки, отвечающие */
/* за форматирование картинки, текстовой ссылки, названия категории и т.д. */

#CardUser {position: relative;width: 600px;top: 0px;left: 0px;margin: 0px 0px 20px 0px;}

/* блок в котором содержатся блоки кнопки и описания конкретной ссылки */
#CardTextUser {position: relative;top: 0px;left: 0px;}
#CardTextUser IMG {float: left;margin: 0px 5px 5px 0px;}
#CardTextUser OBJECT {float: left;margin: 0px 5px 5px 0px;}

/* блок в котором содержатся следующие данные: CY, PR, название категории */
/* дата добавления ссылки и положение ссылки в каталоге */
#CardDataUser {clear: both;position: relative;height: 12px;top: 0px;left: 0px;}

/* блок в котором содержатся данные CY */
#CardCyUser {position: absolute;top: 0px;left: 100px;}

/* блок в котором содержатся данные PR */
#CardPrUser {position: absolute;top: 0px;left: 175px;}

/* блок в котором содержатся данные о времени добавления в каталог */
#CardTimeUser {position: absolute;top: 0px;right: 0px;text-align: right;}

/* блок в котором содержится название категории */
#CardCategoryUser {clear: both;position: relative;text-align: right;}

/* блок вывода контрольного числа */
#CardGuardUser {clear: both;position: relative;text-align: left;}
#CardGuardUser IMG {float: left;margin: 0px 5px 15px 0px;}
#CardGuardUser Input {position: relative;width:100px;height: 22px;text-align: center;margin: 0px 0px 15px 20px;}

/* предварительный просмотр результата заполнения формы */

/* сообщения для юзеров в процессе добавления */
#CardMessageUser {position: relative;width: 450px;}

/* блок показа своих HTML-кодов */
#CodesShow {position: relative;width: 450px;height: 100px;margin: 0px 0px 10px 0px;}
#CodesShow TEXTAREA {position: relative;float: left;width: 215px;height: 100px;margin: 0px 10px 0px 0px;}

/* блок показа правил добавления */
#RulesTitle {position: relative;font: 10pt;font-weight: bold;color: green;}
#RulesShow {position: relative;width: 450px;text-align: justify;margin: 0px 0px 10px 0px;}

/* блок формы письма админу */
#MailtoadminTitle {position: relative;font: 10pt;font-weight: bold;}
#MailToAdminText {position: relative;font: 10pt;margin: 0px 0px 5px 0px;}
#MailToAdminMail {position: relative;width:450px;height: 20px;margin: 0px 0px 0px 0px;}
#MailToAdminTextarea {position: relative;width: 450px;height: 100px;margin: 0px 0px 0px 0px;}
#MailToAdminButton {position: relative;width:150px;height: 20px;margin: 0px 0px 0px 0px;}

/* блок вернуться на главную */
#BackToIndex {position: relative;width: 450px;padding: 0px 0px 10px 0px;text-align: center;}

/* блок ссылки на сайт скрипта */
#CopyRightS {position: relative;width: 450px;padding: 0px 0px 10px 0px;text-align: center;}

#TableCategories {position: relative;width: 600px;margin: 0px 0px 10px 20px;font: 10pt;}
#TdTableCategoryLinksHeader {font: 12pt;font-weight: bold;}



/*  блок формы поиска по каталогу*/
#SearchForm {position: relative;width: 600px;height: 90px;margin: 0px 0px 10px 20px;}

/* заголовок блока поиска */
#SearchLinksHeader {position: relative;font: 12pt;font-weight: bold;margin: 0px 0px 0px 0px;}
#WhatSearchFont {position: absolute;top: 25px;left: 0px;font: 10pt;}
#WhatSearchInput {position: absolute;width:250px;height: 20px;top: 45px;left: 0px;font: 10pt;}
#CategorySearchFont {position: absolute;top: 25px;left: 270px;font: 10pt;}
#CategorySearchSelect {position: absolute;width:250px;height: 20px;top: 45px;left: 270px;font: 10pt;}
#SearchButton {position: absolute;width:120px;height: 20px;top: 70px;left: 0px;font: 10pt;}

/* ------------------------- блок для последних добавленных ссылок ------------------*/
#LastLinks {position: relative;width: 600px;margin: 0px 0px 10px 20px;}
#LastLinksHeader {font: 12pt;font-weight: bold;margin: 0px 0px 10px 0px;}

/* ---------------------------- блок вывода ссылок в категориях ------------------------*/
#CategoryLinks {position: relative;width: 600px;margin: 0px 0px 10px 20px;}
#CategoryLinksHeader H1 {font: 12pt;font-weight: bold;margin: 0px 0px 10px 0px;}

/* ------------------------------- блок результатов поиска --------------------------------*/
#Search {position: relative;width: 600px;margin: 0px 0px 10px 20px;}
#SearchHeader {font: 12pt;font-weight: bold;margin: 0px 0px 10px 0px;}

/* --------------------------------- шкала страниц ------------------------------------------*/
#Scale {position: relative;width: 600px;top: 0px;left: 0px;font: 10pt;margin: 0px 0px 20px 0px;}


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


/* блок в котором содержатся блоки кнопки и описания конкретной ссылки */
#CardText {position: relative;top: 0px;left: 0px;text-align: justify;}
#CardText IMG {float: left;margin: 0px 5px 5px 0px;}
#CardText OBJECT {float: left;margin: 0px 5px 5px 0px;}


/* блок в котором содержатся следующие данные: CY, PR, название категории */
/* дата добавления ссылки и положение ссылки в каталоге */
#CardData {clear:both;position: relative;height: 10px;top: 0px;left: 0px;}


/* блок в котором содержатся данные CY */
#CardCy {position: absolute;top: 0px;left: 100px;}
/* блок в котором содержатся данные PR */
/* входит в состав блока CardData */
#CardPr {position: absolute;top: 0px;left: 175px;}
/* блок в котором содержатся данные о времени добавления в каталог */
#CardTime {position: absolute;top: 0px;right: 0px;text-align: right;}
/* блок в котором содержится название категории */
#CardCategory {clear: both;position: relative;text-align: right;}
/* блок в котором содержится адрес ссылки в каталоге (только в поиске) */
#CardLinkPlace {clear: both;position: relative;color: black;text-align: right;}

/* --------------------------- блок добавить ссылку -----------------------*/
#AddLink {position: relative;width: 600px;padding: 0px 0px 10px 0px;font: 10pt;font-weight: bolder;text-align: center;}

/* --------------------------- блок ссылки на сайт скрипта -----------------------*/
#CopyRightM {position: relative;width: 600px;padding: 0px 0px 10px 0px;font: 7pt;text-align: center;}



#form_search .search,#form_google .search {padding:1px 3px;height:19px;}
#form_search .submit,#form_google .submit {color:#656565;height:23px;}
#form_search .submit,#form_google .submit {width:90px;}
#form_google .search {width:350px;}
#form_search .search {margin:10px 0 10px 5px;width:385px;}
#form_google .search,#form_google .submit {margin:14px 0 5px 5px;}
#form_search .submit {margin:10px 5px 5px 0;}
#form_google a {margin:10px 0 5px 5px;}
#form_google img {float:left;border:none;width:75px;height:32px;}
#form_google input {float:left;margin:2px;}
#form_google label {float:left;margin:4px;}

#cat_submit .search {width:350px;}
#cat_submit input {float:left;margin:2px;}
#cat_submit label {float:left;margin:4px;}
#cat_submit .textarea {width:350px;height:100px;}


#form_docedit {
   margin:0 5px;
}
#form_docedit label {
   float:left;
   margin-left:5px;
}
#form_docedit .url {
   float:right;
   width:422px;
   height:21px;
   background:white;
   border:1px #7b9ebd solid;
   color:blue;
   margin:1px;
   padding:0;
}
#form_docedit textarea {
   float:right;
   width:422px;
   height:300px;
   background:white;
   border:1px #7b9ebd solid;
   color:blue;
   margin:1px;
   padding:0;
}
#form_docedit .sign {
   height:100px;
}
#form_docedit select {
   float:right;
   height:21px;
   width:280px;
   margin:2px 1px;
   padding:0px;
}
#form_docedit .submit {
   float:right;
   width:140px;
   height:21px;
   background:white;
   border:#7b9ebd 1px solid;
   color:#7b9ebd;
   font:13px/1 arial,sans-serif;
   margin:2px 1px;
   padding:-5px;
}
html:root #form_docedit .docedit {
   padding:4px 0 1px 3px;
   height:16px;
}
html:root #form_docedit div p {
   margin:-5px 0 0 -15px;
   padding:5px 2px 1px 3px;
   height:15px;
}

.clear {
   clear:both;
}
/* form submit */
#form_submit {margin:10px 5px;width:600px}
#form_submit p {margin:0 0 2px;padding:0;}
#form_submit label {float:top;font:12px/1 arial,sans-serif;padding:7px 0 0 25px;margin:2px 0 0;}
#form_submit .tema,
#form_submit .name,
#form_submit .email,

#form_submit .ss {
  background:url(../i/pencil.png) 2px 1px no-repeat #fff;
  border:#7b9ebd 1px solid;
  float:center;
  font:13px/1 arial,sans-serif;
  margin:0 5px 2px 0;
  padding:0 0 4px 22px;
  width:550px;
  height:19px;
}
#form_submit .select {width:550px;}
#form_submit textarea {
  background:url(../i/pencil.png) 2px 1px no-repeat #fff;
   border:1px #7b9ebd solid;
  float:center;
  margin:0 5px 2px 0;
  padding:10px 0 0 22px;
  width:550px;
  height:100px;
}
#form_submit img {
  border:none;
  float:right;
  margin:1px 2px 2px 0;
  width:120px;
  height:19px;
}
#form_submit .submit {
  background:#fff;border:#7b9ebd 1px solid;
  color:#000;
  float:center;
  font:13px/1 arial,sans-serif;
  margin:0 5px 2px 0;
  width:550px;
  height:22px;
}

#form_submit .select {
  background:url(../i/pencil.png) 2px 1px no-repeat #fff;
  border:#7b9ebd 1px solid;
  float:center;
  margin:0 5px 2px 0;
  padding:10px 0 0 22px;
  width:550px;
  height:22px;

html:root #form_submit .tema,
html:root #form_submit .name,
html:root #form_submit .email,
html:root #form_submit .select {padding:1px 0 0 22px;height:22px;}
/* end form submit*/