/* Template created by CENTROARTS.com | Author: Rumin Sergey | URL: http://centroarts.com */

* { margin: 0; padding: 0; }
body, html { height:100%; }
body { background: #d9d4d5 url("../images/bg.png"); color: #222; }
html { min-width: 996px; }

h1, h2, h3, h4, h5 { font-weight: normal; }
h1 { font-size: 1.6em; } h2 { font-size: 1.4em; } h3 { font-size: 1.2em; } h4 { font-size: 1.1em; } h5 { font-size: 1em; }

body, input, textarea, select, button { font: .9em/1.42 Tahoma, Arial, Helvetica, sans-serif; }

a { color: #66034a; text-decoration: none; }
a:hover { text-decoration: underline; }
a img  { border: 0 none; }

p { margin-bottom: .6em; }
hr { border: 0 none; border-top: 1px solid #dfdede; height: 1px; }

ul, ol { list-style: none; padding: 0; margin: 0; }
.dcont ul { padding-left: 16px; list-style: disc outside; }
.dcont ol { list-style-image: none; list-style-position: outside; list-style-type: decimal; margin-left: 2.2em; }

.clr { clear: both; }
.thide, .ui-icon-closethick, .slogan, .centroarts a, #topmenu li ul:after, .story .dtop:after, .fullstory .dbtm:after { overflow: hidden; display: block; height: 0; line-height: normal; }
table.userstop, table.pm, table.tableform { border-collapse: collapse; border-spacing: 0; }
.lcol, .rcol, form { display: inline; }
.lcol { float: left; } .rcol { float: right; }
.small { font-size: .8em; }
.red { color: #ff2761; }

.ui-dialog, #topmenu li ul, .navigation a, #dropmenudiv, .storin, #related, .searchitem { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.wrap { width: 990px; text-align: left; margin: 0 auto; }
.pagebg { background: url("../images/bglines.png") no-repeat 50% 0; }
.page { min-width: 996px; overflow-x: hidden }

/* header */
#head { background: #f3f1f1 url("../images/bg-top.png"); width: 100%; }
  .head { background: url("../images/headbg.png") no-repeat 50% 100%; height: 141px; }

  #head h1 { padding-left: 30px; float: left; }
  #head h1 a { margin-top: 21px; float: left; width: 183px; padding-top: 99px; background: url("../images/ghostanime.png"); }
  
/* Search */
#searchbar { margin-top: 55px; float: right; width: 299px; height: 32px; position: relative; }
  .stext { width: 255px; height: 16px; background: #cbcaca; border: 0 none; padding: 8px 36px 8px 8px;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    -moz-box-shadow: inset 0 1px 1px 0 #999898;
    -webkit-box-shadow: inset 0 1px 1px 0 #999898;
    box-shadow: inset 0 1px 1px 0 #999898;
  }
  .sbtn { position: absolute; top: 0; right: 0; width: 32px; height: 32px; background: url("../images/search.png"); }
  .sbtn:hover { background-position: 0 -32px; }

/* login */
#loginbox { margin: 55px 0 0 1em; padding-right: 20px; float: right; }
  .logbox { display: inline; }
  .logbox a { float: left; margin-left: 1em; padding: 0 10px; line-height: 31px; }
  .logbox a b { font-weight: normal; }
  .logbox a.fbutton { height: 30px; line-height: 29px; }

  .loginbtn { text-decoration: none; padding: 0 18px; color: #fff; height: 31px; line-height: 31px; background: #c6153a url("../images/lbtn.png") no-repeat 50% 0; border: 1px solid #d6284e;
    -moz-box-shadow: 0 1px 2px 0 #000;
    -webkit-box-shadow: 0 1px 2px 0 #000;
    box-shadow: 0 1px 2px 0 #000;
  }
  .loginbtn:hover { background-position: 50% -31px; background-color: #d6173f; }

  .lfield { margin-bottom: 10px; }
    .lfield input { border: 1px solid #ababab; width: 258px; padding: 6px 5px 5px 5px;
      -moz-box-shadow: inset 0 1px 2px 0 #dbdbdb;
      -webkit-box-shadow: inset 0 1px 2px 0 #dbdbdb;
      box-shadow: inset 0 1px 2px 0 #dbdbdb;
    }
  .lbtn { text-align: center; }

  .loginent { padding-top: 11px; }
    .loginent #loginbtn { font-size: 1.4em; }

#headpic { background: #290b27 url("../images/headimg2.png") repeat-x 50% 0; }
  .headpic { height: 394px; background: url("../images/headimg.jpg") no-repeat 50% 0; }
  #headpic .wrap { padding-top: 16px; }

  .slogan { padding-top: 106px; width: 379px; float: left; background: url("../images/headslogan.png") no-repeat; margin: 189px 0 0 26px; }

/* Menutop */
#tmenu { z-index: 24; position: relative; height: 56px; background: url("../images/topmenu.png") no-repeat; }
  #topmenu { padding: 12px 17px 0 17px; }
  #topmenu li { padding-bottom: 9px; float: left; position: relative; }
  #topmenu li a { padding-right: 12px; line-height: 30px; color: #fff; }
  #topmenu li a *, #topmenu li a { float: left; height: 32px; background: url("../images/tmlinks.png") no-repeat 0 -444px; }
  #topmenu li a * { font-weight: normal; cursor: pointer; padding-left: 12px; }
  #topmenu li a:hover, #topmenu li.selected a { text-decoration: none; background-position: 100% -32px; }
  #topmenu li a:hover *, #topmenu li.selected a * { background-position: 0 0; }

  #topmenu li ul { border-top: 1px solid #2e002d; padding: 10px; float: left; z-index: 11; position: absolute; top: 41px; left: 0; display: none; background-color: #4f004d; background-color: rgba(79,0,77,0.95); }
  #topmenu li ul:after { content: "^"; position: absolute; top: -7px; left: 20px; background: url("../images/arrowmenu.gif") no-repeat; padding-top: 7px; width: 13px; }
  #topmenu li ul li { margin: 0; width: 180px; }
  #tmenu #topmenu li ul li a { font-size: .9em; color: #fff; padding: 5px 5px; width: 170px; line-height: normal; height: auto; background: none;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
  }
  #tmenu #topmenu li ul li a:hover { background: #670064; }
  #tmenu #topmenu li ul li { padding: 0; height: auto; }

  .cols2 { width: 360px; }
  .cols3 { width: 560px; }

#pagebg { padding: 34px 0 0 0; background: url("../images/headfoot.png") no-repeat 50% 0; }
.pagebg { min-height: 500px; padding: 0 0 34px 0; background: url("../images/footertop.png") no-repeat 50% 100%; }

/* content coloms */
#conteiner { padding-left: 300px; }
  #lside { width: 270px; padding-right: 30px; margin-left: -300px; }
  #midside { width: 100%; }

/* footer */
#footbox { font-size: .9em; color: #dcb1d2; padding: 30px 0 0; width: 100%; background: #210920 url("../images/footbox.jpg") no-repeat 50% 0; }
  #footbox a { color: #fff; }
  #fbox { width: 100%; background: url("../images/fbox.png") repeat-y 50% 0; }
  #footbox .lcol { padding: 0 30px; width: 270px; }
  #footbox .lcol h3 { color: #ff2761; text-shadow: 0 -1px 0 #0f060e; font-size: 1.4em; margin-bottom: .6em; }

  .centroarts { position: relative; clear: both; height: 30px; }
  .centroarts a { position: absolute; right: 30px; top: -10px; width: 100px; padding-top: 22px; background: url("../images/centroarts.png"); }

#footer { color: #fff; background: #140713; }
  #footer .wrap { position: relative; height: 100px; }
  #footer a { color: #fff; }

  .copyright { float: left; margin: 28px 0 0 30px; height: 52px; padding-left: 62px; background: url("../images/ga_logo.png") no-repeat; }
  .copyright span { font-size: .8em; }

  .copyright_forum { float: left; margin: 28px 0 0 30px; height: 52px; padding-left: 62px; background: url("../images/ga_logo.png") no-repeat; }
  .copyright_forum span { font-size: .8em; }

  #animeshka { top: -171px; right: -129px; position: absolute; width: 158px; padding-top: 196px; background: url("../images/animeshka.png") no-repeat; }

.counts { float: right; padding-right: 30px; }
  .counts li { float: left; width: 88px; height: 31px; margin: 32px 0 0 6px; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
  .counts li:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); }

/* blocks */
.block, .adblock, .block h3, .story, .imgthumb img, .voteline .thide, .pollbox, .comright, .bform, .berrors, .infotitle, .infochat { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
  .block { border-bottom: 1px solid #e9e6e6; width: 270px; margin-bottom: 17px; padding-bottom: 10px; background-color: #c0bcbc;
    -moz-box-shadow: inset 0 -1px 1px 0 #989595;
    -webkit-box-shadow: inset 0 -1px 1px 0 #989595;
    box-shadow: inset 0 -1px 1px 0 #989595;
  }
  .block .dcont, .block .topnews { text-shadow: 0 1px 0 #dfdddd; background: url("../images/bshadow.png") repeat-x; }
  .block .dcont { padding: 14px 15px 11px 29px; }

  .block h3 { text-shadow: 0 -1px 0 #50073a; height: 38px; padding: 11px 15px 0 29px; color: #fff; background: #7c085c url("../images/btl.png");
    -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

  /* topnews */
  .topnews li a { line-height: normal; width: 226px; padding: 7px 15px 7px 29px; background: url("../images/topnews.png") no-repeat 14px 14px; display: block; }
  .topnews li a:hover { background-color: #ccc7c7; background-color: rgba(213,208,208,0.5); }

  /* Archives */
  #archive .dcont { padding-left: 15px; }
  a.archives, #dle_news_archive_link { padding-left: 14px; width: 226px; }
  a.archives { background: url("../images/archives.png") no-repeat 0 -234px; }
    a.archives:hover { background-position: 0 56%; }
    a.archives b { font-weight: normal; }
  #dle_news_archive_link { padding-top: 1em; height: 32px; }
  #dle_news_archive_link br { display: none; }
  #dle_news_archive_link a.archives { padding: 0; background: none; }
  #archive #dle_news_archive_link a { width: auto; height: 26px; line-height: 26px; float: left; text-shadow: 0 1px 0 #3e022c; font-size: 1em; }

/* ad */
.adblock { padding: 15px; width: 240px; margin-bottom: 17px; background-color: #cac4c4; background-color: rgba(163,156,157,0.25); }
/* /--- Чат выдвежной */
/*.infochat {
  
  padding: 15px; 
  margin-bottom: 17px; 
  background-color: #cac4c4; 
  background-color: rgba(163,156,157,0.25);
}
*/

.infochat {
  padding: 15px; 
  position: relative;
  background-color: #cac4c4; 
  background-color: rgba(163,156,157,0.25);
  margin-bottom: 17px;
  border: 1px solid #CCCCCC;
  }
.inactive {
  color: #6f0253;
  }
.infochat .title {
  position: relative;
  height: 1%;
  }
.infochat .title h3 {
  font-size: 1.4em;
  }
.infochat .title h3 a {
  text-decoration: none;
  color: #000;
  }
.inactive .title h3 a {
  color: #bbb;
  }
.infochat .title p {
  font-size: 11px;
  font-style: italic;
  font-weight: bold;
  margin: 0;
  }
.infochat .title span {
  position: absolute;
  right: 0;
  top: 30%;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background: url("../images/trigger.gif") no-repeat left bottom;
  display: block;
  font-size: 0;
  }
#chatf .inactive .title span {
  background-position: left top;
  }
#chatf .infochat .entry {
  padding: 10px 0;
  }
/* ---/ Чат выдвежной */
/* Votes */
  .vtitle { color: #fff; font-size: 1.2em; margin-bottom: 0.6em; }
  .vlist { margin-bottom: 1.4em; }
  .vlist p { font-size: .85em; }
  .voteline { margin-bottom: .4em; padding: 2px; width: 265px; height: 12px; background: url("../images/voteline.png") no-repeat; }
    .voteline .thide { padding-top: 11px; background: #6c004f url("../images/voteline.png") no-repeat 0 -16px; }

  .vfoot { height: 32px; }
  .vfoot .fbutton, .vfoot .vresult { float: left; }
  .vfoot .vresult { padding: 0 10px; line-height: 32px; }
  .votenum { text-align: right; font-size: .85em; }
  .vote, #dle-poll-list div { clear: both; padding: 2px 0 2px 0; }
  .vote input, #dle-poll-list div input { vertical-align: middle; margin: -1px 2px 0 0; padding: 0; width: 14px; height: 14px; }

  #dle-poll-list { text-align: left; }

  #pollbox { padding: 0 6% 1.2em 6%; }
  .pollbox { background: #f8f8f8; padding: 18px 20px; border: 1px dotted #c0bcbc; margin: 0 auto; margin-bottom: 1.1em; }
  .pollhead { margin-bottom: 1em; color: #ff2761; font-size: 1.3em; font-weight: normal; }

/* shortstory */
.story { padding: 3px; background-color: #f8f7f7; margin-bottom: 20px;
  -moz-box-shadow: 0 2px 4px 0 #b3adad;
  -webkit-box-shadow: 0 2px 4px 0 #b3adad;
  box-shadow: 0 2px 4px 0 #b3adad;
}
.shortstory .storin { border-bottom: 1px solid #dfdede;
  -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0;
}
.storin { background: #fff; }
.story .dtop { float: left; padding: 15px 0 15px 0; position: relative; width: 100%; background: url("../images/storytop.png") no-repeat 0 100%; }
  .story .dtop:after { left: -8px; top: 19px; position: absolute; content: "*"; padding-top: 44px; width: 21px; background: url("../images/storyarrow.png") no-repeat; }
  .story .dtop h2, .stinfo { padding: 0 88px 0 27px; }
  .story .dtop h2 { margin-bottom: .2em; }
  
  .acoms b { font-size: 1.3em; font-weight: normal; width: 46px; height: 40px; padding-top: 30px; text-align: center; display: block; background: #740d5d; position: absolute; right: 22px; top: -3px; background: url("../images/acoms.png"); }
  .acoms a, .acoms { color: #fff; }

  .ihmenu { color: #696969; display: inline; font-size: .75em; }
  .ihmenu li { float: left; padding-left: 11px; margin-right: 10px; background: url("../images/ihmenu.png") no-repeat 0 50%; }
  .ihmenu li span { padding-left: 14px; }
  .ihmenu li:first-child { padding: 0; background: none; }

  .adate { background: url("../images/adate.png") no-repeat 0 50%; }
  .auser { background: url("../images/auser.png") no-repeat 0 50%; }
  .aviews { background: url("../images/aviews.png") no-repeat 0 50%; }

  /* ratebox */
  .rate { float: right; margin: 0 0 0 1em; width: 85px; height: 17px; overflow: hidden; }

  .isicons { float: right; margin: 8px 0 0 1em; }
  .isicons b { height: 16px; width: 16px; float: left; margin-left: 4px; }
  .isicons a { display: block; height: 16px; width: 16px; }

  .story .dcont { clear: both; padding: 18px 27px; }
  .story .dbtm { position: relative; color: #696969; padding: 14px 27px 0 27px; height: 42px; }
  .fullstory .dbtm:after { content: ";)"; position: absolute; bottom: -28px; left: 23px; width: 26px; padding-top: 30px; background: url("../images/btmcom.png"); }
  .argcat { margin-top: .65em; float: left; font-size: .75em; }

  .argmore a { margin-left: 1em; float: right; width: 96px; height: 27px; padding: 5px 0 0 12px; background: url("../images/argmore.png") no-repeat; }
  .argmore a:hover { background-position: -108px 0; }
  
  .argback a { color: #fff; margin-left: 1em; float: right; width: 94px; height: 26px; padding: 4px 0 0 12px; background: url("../images/argmore.png") no-repeat 0 -32px; }
  .argback a:hover { background-position: -106px -32px; }

  .imgthumb { display: inline; }
  .imgthumb br { display: none; }
  .imgthumb img { margin: 2px 20px 10px 0; float: left; width: 190px; border: 1px solid #dfdede; }

/* рекоммендуем */
#related { position: relative; text-shadow: 0 1px 0 #fff; font-size: .75em; margin: 0 27px; background: #ececeb url("../images/relbg.png") repeat;
  -moz-box-shadow: inset 0 1px 2px 0 #cccccb;
  -webkit-box-shadow: inset 0 1px 2px 0 #cccccb;
  box-shadow: inset 0 1px 2px 0 #cccccb;
}
  #related ul { background: url("../images/rel.png") no-repeat 22px 50%; padding: 12px 135px 12px 59px; }
  .reltabs { width: 108px; position: absolute; top: -22px; right: 20px; }
    .reltabs a { float: left; width: 54px; text-align: center; padding-top: 49px; background: url("../images/badpost.png") no-repeat 50% 0; }
    .reltabs .acompl a { background-position: 50% 0; }
    .reltabs .afaq a { background-position: 50% -100px; }

/* fullstory */
.fullstory { margin-bottom: 30px; }
.blhead { margin-bottom: 1.3em; padding: 0 28px; color: #474747; text-shadow: 0 1px 0 #f4f2f2; }
  .blhead h3 { font-size: 1.7em; }
  .blhead p { font-size: .75em; color: #838181; }

/* Вывод ошибок */
.berrors { text-shadow: 0 1px 0 #d8d2d2; color: #3f3f3f; margin-bottom: 20px; padding: 13px 13px 13px 58px; background: #cac4c4 url("../images/berrors.png") no-repeat 14px 15px; background-color: rgba(163,156,157,0.25); }
.infotitle { text-shadow: 0 1px 0 #d8d2d2; color: #3f3f3f; margin-bottom: 20px; padding: 30px 13px 13px 88px; background: #cac4c4 url("../images/infotitle.png") no-repeat 14px 15px; background-color: rgba(163,156,157,0.25); }
/* Комментарии */
.bcomment { padding-left: 94px; margin-bottom: 20px; }
  .bcomment .lcol { font-size: .75em; margin-left: -94px; width: 94px; }
  .comleft { position: relative; height: 89px; padding: 17px 0 0 17px; background: url("../images/comleft.png") no-repeat; }
  .comava { position: relative; width: 62px; height: 62px; overflow: hidden; display: block; }
    .comava img { width: 62px; height: 62px; }
    .comava .thide { z-index: 2; width: 62px; padding-top: 62px; position: absolute; left: 0; top: 0; background: url("../images/comava.png") no-repeat; }
  .cdate { display: block; padding-right: 10px; color: #474747; text-shadow: 0 1px 0 #f4f2f2; }

  .bcomment .rcol { width: 100%; }
  .comright { padding: 13px 0; background: #c0bcbc url("../images/comright.png") no-repeat; border: 1px solid #9b9b9b;
    -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0;
      -moz-box-shadow: 0 1px 0 0 #ece9ea;
      -webkit-box-shadow: 0 1px 0 0 #ece9ea;
      box-shadow: 0 1px 0 0 #ece9ea;
  }
  .groupicon img { position: absolute; left: -1px; top: -1px; z-index: 3; }

  .bctop { font-size: 1.1em; margin-bottom: .4em; }
  .bccont { padding: 0 20px; margin-bottom: 1em; }
 
  .comedit { padding: 0 20px; height: 16px; }
  .comedit li { float: left; font-size: 11px; margin-right: 1em; }
  .comedit li.selectmass { float: right; margin: 0 0 0 1em; }
  
  .signature { border-top: 1px dashed #9b9b9b; padding-top: 1em; margin-bottom: 1em; font-size: .85em; color: #6b6b6b; }

  .mass_comments_action { height: 30px; padding: 0 30px; margin-bottom: 20px; }

/* forms */
.bform { width: 100%; padding: 15px 0; margin-bottom: 20px; background-color: #fff; background-color: rgba(255,255,255,0.8); }
.dpad { margin: 0 30px; }
.bfhead { font-weight: normal; color: #858383; font-size: 1.6em; margin-bottom: .6em; }
.tableform { width: 100%; }
  .tableform td, .tableform th { border-top: 1px dotted #c0bcbc; padding: 9px 0; text-align: left; }
    .tableform th, .tableform .label, .tableform .addnews { width: 25%; font-weight: normal; vertical-align: top; padding-right: 10px; padding-top: 13px; }
    .imp:after { color: #dc173f; content: "*"; font-weight: bold; margin-top: 6px; vertical-align: middle; }

  .recipient select { width: 298px; }

  .checkbox { padding: 4px 0; line-height: 1em; }
    .checkbox input { margin-top: -2px; vertical-align: middle; }

  /*captcha*/
  .c-captcha { position: relative; height: 70px; }
  .c-captcha #dle-captcha, .c-captcha .f_input { float: left; margin-right: 5px; }
  .c-captcha #dle-captcha a { display: block; clear: both; }
  .c-captcha .f_input { position: absolute; left: 125px; font-size: 20px; height: 30px; padding: 9px; width: 100px; }

.f_input, .xfields input, .xprofile input { width: 288px; }
textarea { resize: vertical; }
.f_textarea { width: 96.7%; }
#category { width: 300px !important; }
.f_input { height: 16px; }
.fieldtr select, .f_textarea, .f_input, .xfields textarea, .xprofile textarea, .tdfield select,
.xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select, #category, .bbeditor select, .textin, select.rating { padding: 4px; background: #fff; border: 1px solid #ababab;
  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
  -moz-box-shadow: inset 0 1px 2px 0 #dbdbdb;
  -webkit-box-shadow: inset 0 1px 2px 0 #dbdbdb;
  box-shadow: inset 0 1px 2px 0 #dbdbdb;
}
.xfields textarea { width: 96.7%; }
.editor_button select { padding: 0; }

/* search */
.searchstyle { width: 480px; }
.search { font-size: 12px; padding: 0; }
td.search div { margin: 0 !important; }
.searchtable { background-color: #f8f8f8; padding: 10px; }
fieldset legend { color: #df2a4f; }
fieldset { border-width: 0; border: 1px solid #d7d7d7; padding: 5px; text-align: left; }
#searchuser, #searchinput { width: 90% !important; }
.searchitem { padding: 15px; background: #fff; padding: 18px 20px; border: 1px solid #c0bcbc; margin-bottom: 5px; }
.searchresult:hover { background-color: #fff; }

/* Userinfo */
.avatar { width: 100px; background: #fff; border: 1px solid #e5e8e9; padding: 5px; }
.avatar img { width: 100px; display: block; }
.userinfo { padding-left: 135px; }
  .rateui { width: 85px; height: 17px; margin: 0 auto; padding-top: 4px; }
  .userinfo .lcol { margin-left: -135px; width: 110px; padding-right: 25px; }
    .userinfo .lcol .avatar { margin-bottom: 1em; }

  .userinfo .rcol { width: 100%; }
  .userinfo .rcol ul { list-style: none; margin-bottom: 1.4em; }
  .userinfo .rcol ul li { margin-bottom: 0.2em; } 

  .usinf li { padding: 8px 0; border-top: 1px dotted #c0bcbc; }
  .usinf { border-bottom: 1px dotted #c0bcbc; }
  .ussep { padding-top: 1.2em; background: url("../images/ussep.png") no-repeat; }

/* statistics */
.statistics { padding-bottom: 1em; }
  .statistics ul.lcol { min-height: 71px; margin: 0 0 0 -1px; width: 33.3%; }
  .statistics ul.lcol li { padding: 0 15px 0 1px; margin-bottom: 2px; }
  .statistics h4 { color: #e0003b; font-size: 1.3em; margin-bottom: .4em; }

.lines { border: 1px solid #f0f0ed; padding: 10px; }
  .lines li { margin-bottom: 0.2em; }

/* Кнопка Вверх */
.scroll-to-top-button{ background: #666 url("../images/upg.png") center center no-repeat;
    width: 22px;
    height: 22px;
    color: #fff; font-family: verdana;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    cursor: pointer;
    padding: 15px;
    margin: 5px;
    float:left;
}

/* DLE Friends v1.5 */
#no-friends { padding: 6px; border: 1px solid #C0D4DE; background-color: #F3F7F9; color: #507D98; margin: 10px 0; }

.friends { margin-bottom: 10px; }
.friends ul, .prof-list { margin-top: 10px; }
.friends li { width: 100px; text-align: center; float: left; margin-right: 10px; }
.friends img { display: block; margin: 0 auto; width: 100px; height: 100px; }

.friends_table h3 { margin-bottom: 6px; font-size: 14px; line-height: 14px; font-weight: bold; }
  .friends_table h3 a span { font-size: 12px; font-weight: normal; color: #6C838E; }
  .friends_table h3 a span:hover { text-decoration: underline; }
.friends_table ul { list-style: none; margin: 0; padding: 0; }
.friends_table td { padding: 10px; border-bottom: 1px solid #EEE; font-size:12px; vertical-align: top; }
.friends_table .active { background-color: #F8F8F8; }
.contact_friends { width: 140px; }
.contact_friends a, .contact_friends span { display: block; padding: 6px; margin-bottom: 4px; line-height: 11px; }
.contact_friends a:hover { background-color: #DAE7ED; text-decoration: none; }

#allfriends .rcol { margin-top: 4px; }
#allfriends h2.lcol a { text-decoration: underline; }
#allfriends h2.lcol a:hover { text-decoration: none; }

#friends_feed { margin: 0 15px; }
#friends_feed table { width: 100%; border-collapse: collapse; border-spacing: 0; margin-bottom: 25px; }
#friends_feed td { vertical-align: top; text-align: left; }
#friends_feed td.f_avatar, #friends_feed td.f_author { border: 1px solid; border-color: #ACCCDA #E2EDF2 #E2EDF2; vertical-align: middle; background-color: #F4F8FA; }
#friends_feed td.f_avatar { width: 50px; border-spacing: 10px; padding: 2px; border-right-width: 0; }
#friends_feed td.f_avatar img { width: 50px; height: 50px; }
#friends_feed td.f_author { padding: 0 10px; border-left-width: 0; border-style: solid; font-size: 11px; }
#friends_feed td.f_author h3 { fonst-size: 14px; font-weight: bold; margin-bottom: 4px; }
#friends_feed td.f_story { padding: 15px 0; }
#friends_feed .f_cover { width: 104px; max-height: 104px; overflow: hidden; margin-right: 10px; float: left; border: 1px solid #E2EDF2; background-color: #F4F8FA; }
  #friends_feed .f_cover img { width: 100px; padding: 2px; }
#friends_feed td.f_det { border-top: 1px solid #E2EDF2; padding: 5px 0; }

.feed_loader { padding: 10px; text-align: center; border-top: 1px solid #E2EDF2; color: #284B5A; margin-bottom: 20px; }
.f_active:hover { border-color: #ACCCDA; background-color: #F4F8FA; cursor: pointer; }


.lcol_forum { font-size: .75em; width: 194px; }
.comleft_forum { position: relative; height: 270px; padding: 0px 0 0 0px; }
  
  .comava_forum { position: relative;  width:190px; height:260px; overflow: hidden; display: block; }
  .comava_forum img {  width:190px; height:260px; }
  .comava_forum .thide_forum { z-index: 2; width: 62px; padding-top: 62px; position: absolute; left: 0; top: 0; ) no-repeat; }
   
  .groupicon_forum img { position: absolute; left: -1px; top: -1px; z-index: 3; }


  .div_zagol_okno { 
  z-index:9999;
 
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topright: 9px;
border-top-right-radius: 9px;
-webkit-border-top-left-radius: 9px;
-moz-border-radius-topleft: 9px;
border-top-left-radius: 9px;
-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomright: 9px;
border-bottom-right-radius: 9px; 
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-left-radius: 9px;
    position:absolute;
  }

#jp_container_1 { 
width: 220px; 
filter:alpha(opacity=20); ..-opacity:0.2; opacity:0.2; -khtml-opacity:0.2;
text-align: center; 
padding: 5px; 
position: fixed; 
bottom: 10px; 
left: 10px; 
height: 60px;
text-decoration: none; 
} 

#jp_container_1:hover {
filter:alpha(opacity=90); ..-opacity:0.9; opacity:0.9; -khtml-opacity:0.9;
height: 160px;
}
#jp-title {
display:none;
}
#jp-title:hover {
display:block;
}


/* поиск  */
#search-wrap input{width:400px; font-size:16px; color:#999999; padding:6px; border:solid 1px #999999;}
#results{width:200px; border:solid 1px #DEDEDE; display:none;}
#results ul, #results li{padding:0; margin:0; border:0; list-style:none;}
#results li {border-top:solid 1px #DEDEDE;}
#results li a{display:block; padding:4px; text-decoration:none; color:#000000; font-weight:bold;}
#results li a small{display:block; text-decoration:none; color:#999999; font-weight:normal;}
#results li a:hover{background:#FFFFCC;}
#results ul {padding:6px;}