/* Основные иконки на m16 */ 

span.icon.close {
  width: 13px;
  height: 13px;
  display: block;
}

span.icon.close a {
  background: transparent url(/img/icons/close.gif) no-repeat 0 0;
  width: 13px;
  padding-top: 13px;
}
span.icon.close a:hover { background-position: 0 -13px; }

span.icon.small {
  width: 16px;
  height: 0;
  padding-top: 16px;
}
span.icon,
span.icon.close a { overflow: hidden; }
a span.icon {
  color: #000;
  text-decoration: none;
}
span.icon.img_g,
span.icon.img,
span.icon.xls-small,
span.icon.comment,
span.icon.comments,
span.icon.comments-b,
span.icon.view,
span.icon.views,
span.user.userpic,
span.icon.send-message,
span.icon.profile,
span.icon.download-price,
span.icon.user-board,
span.icon.xls-big,
span.icon.doc-big,
span.icon.pdf-big,
span.icon.dp,
sup.new,
.special-icon,
.food-icon {
  background: transparent url(/img/icons/close.gif) no-repeat 0 0;
}

span.icon.archive-small { background: transparent url(/img/icons/archive.png) no-repeat 0 0; }

span.icon.img_g,
span.icon.img,
span.icon.xls-small,
span.icon.archive-small,
span.icon.comment,
span.icon.comments,
span.icon.comments-b,
span.icon.view,
span.icon.views,
span.icon.sort-down,
span.icon.send-message,
span.icon.profile,
span.icon.download-price,
span.icon.user-board,
span.icon.dp,
span.icon.xls-big,
span.icon.doc-big,
span.icon.pdf-big,
span.arr-g-left,
span.arr-g-right,
sup.new,
span.icon.close a,
span.icon.unknown-big,
.special-icon,
.food-icon {
  height: 0;
  display: block;
}
span.icon.doc-big,
span.icon.xls-big { width:0; }

span.icon.small,
span.icon.img_g,
span.icon.xls-small,
span.icon.archive-small,
span.icon.comment,
span.icon.comments-b,
span.icon.view,
span.user.userpic,
span.icon.send-message,
span.icon.profile,
span.icon.download-price,
span.icon.user-board,
span.icon.dp,
span.icon.doc-big,
span.icon.xls-big,
span.icon.pdf-big,
span.arr-g-left,
span.arr-g-right,
span.icon.unknown-big,
.food-icon { float: left; }

span.icon.img_g,
span.icon.img {
  padding-top: 20px;
  width: 13px;
}

span.icon.img_g { background-position: -42px 0 }

span.icon.img { background-position: -55px 0 }

span.icon.comment,
span.icon.comments-b,
span.icon.xls-small,
span.icon.archive-small {
  width: 16px;
  padding-top: 16px;
}

span.icon.xls-small {
  background-position: 0 -26px;
  margin-right: 6px;
}

span.icon.archive-small { margin-right: 6px; }

span.icon.comment { background-position: -16px -26px; }

span.icon.comments,
span.icon.views,
.food-icon {
  line-height: 16px;
  text-decoration: none;
}

span.icon.comments,
.food-icon {
  height: 16px;
  padding-left: 20px;
  display:inline-block;
}

span.icon.comments,
span.icon.comments-b { background-position: -32px -26px; }

.b-news-list .list .title .comments { margin:0 0 -1px 4px; }

span.icon.comments-b { margin-right: 6px; }

span.icon.view {
  background-position: -68px 3px;
  padding-top: 16px;
  width: 12px;
}

span.icon.views {
  background-position: -68px 3px;
  height: 16px;
  padding-left: 15px;
}

span.user.userpic {
  background-position: -60px -70px;
  line-height: 32px;/*24*/
  padding-left: 30px;/*37*/
  height: 32px;
  background-repeat: no-repeat !important;
  font-family: Tahoma, sans-serif;
  font-size: 11px !important;
}

span.user.userpic.company { line-height: 16px !important }

span.user.userpic.company span { text-decoration: underline }

span.user.userpic.company strong {
  color: black;
  font-weight: normal;
  text-decoration: none !important;
}

span.icon.send-message,
span.icon.profile,
span.icon.download-price,
span.icon.user-board,
span.arr-g-left,
span.arr-g-right {
  width: 20px;
  padding-top: 20px;
}
span.icon.send-message { background-position: 0 -70px; }
span.icon.profile { background-position: -20px -70px; }
span.icon.download-price { background-position: -40px -70px; }
span.icon.user-board { background-position: 0 -90px; }

span.icon.doc-big,
span.icon.xls-big,
span.icon.pdf-big,
span.icon.unknown-big {
  /*width: 28px;*/
  padding-top:28px;
  padding-left:28px;
}

span.icon.xls-big { background-position: 0 -42px; }
span.icon.doc-big { background-position: -28px -42px; }
span.icon.pdf-big { background-position: -56px -42px; }
span.icon.unknown-big { background: transparent url(/img/icons/default.gif) no-repeat; }
span.icon.dp {
  background-position: -20px -90px;
  margin: 6px 0 0 10px;
  padding-top: 10px;
  width: 24px;
}
.ico-special {
  position:relative;
  padding:0 0 0 32px;
}
.ico-special i {
  position:absolute;
  display:block;
  top:0;
  left:-24px;
  width:20px;
  height:20px;
  background: transparent url("/img/icons/ico_sale.png") no-repeat 0 0;
}

.ico-opened-marketanalysis {
  position: relative;
  margin-left: 18px;
}
.ico-opened-marketanalysis i {
  position: absolute;
  display: block;
  top: 0;
  left: -18px;
  width: 16px;
  height: 16px;
  background: transparent url("/img/locks/16x16/lock.png") no-repeat 0 0;
}
.ico-opened-marketanalysis.unlocked i {
  position: absolute;
  display: block;
  top: 0;
  left: -18px;
  width: 16px;
  height: 16px;
  background: transparent url("/img/locks/16x16/lock_off.png") no-repeat 0 0;
}
span.arr-g-left,
span.arr-g-right {
  background: transparent url(/img/buttons/selector-right.gif) no-repeat;
}
span.arr-g-left { background-position: -370px -89px }
span.arr-g-right { background-position: -390px -89px }
a:hover span.arr-g-left { background-position: -290px -89px }
a:active span.arr-g-left { background-position: -330px -89px }
a:hover span.arr-g-right { background-position: -310px -89px }
a:active span.arr-g-right { background-position: -350px -89px }

sup.new {
  padding-top: 8px;
  width: 23px;
  overflow: hidden;
  background-repeat: repeat-x;
  background-position: -13px 0;
  padding-left: 6px;
}

span.comments-g,
span.comments-gr {
  display: block;
  background: transparent url(/img/buttons/selector-right.gif) no-repeat;
  width: 35px;
  height: 24px;
  text-align: center;
  padding-bottom: 8px;
  font:bold 11px/24px Tahoma, sans-serif;
  overflow: hidden;
}
span.comments-g::selection,
span.comments-gr::selection { background: transparent; }
span.comments-g::-moz-selection,
span.comments-gr::-moz-selection { background: transparent; }

span.comments-g {
  background-position: 0 0;
  color: #fff;
}

span.comments-gr {
  background-position: -35px 0;
  color: #c6c6c6;
}

span.icon.fav {
  background: transparent url(/img/icons/fav.gif) no-repeat 0 -66px;
  width: 22px;
  height: 0;
  padding-top: 22px;
  overflow: hidden;
  float: left;
}
a span.icon.fav { background-position: 0 0 }
a span.icon.fav.u { background-position: 0 -44px }
a:hover span.icon.fav { background-position: 0 -22px }
div.fav span.icon.fav { margin: 5px 10px 0 0; }

div.fav {
  font:11px/32px Tahoma, sans-serif;
  float: left;
  padding-left: 23px;
}

a.icon.edit {
  height: 24px;
  padding: 5px 0 5px 28px;
  overflow: hidden;
  background-image: url(/img/icons/icons-3.gif);
  background-repeat: no-repeat;
  font:12px Arial, sans-serif;
  vertical-align: middle;
  margin-left: 20px;
}
a.send-message {
  font:11px Arial, sans-serif;
  padding: 5px 0;
  height: 24px;
  overflow: hidden;
  padding-left: 28px;
  background-image: url(/img/icons/icons-3.gif);
  background-repeat: no-repeat;
  background-position: left -24px;
}

.txt ul.tags {
  margin: 0;
  padding: 0 0 1px 47px;
  background: transparent url(/img/icons/tags.gif) no-repeat 0 0;
}

.txt ul.tags li {
  font:11px Arial, sans-serif;
  margin: 0 17px 0 0;
  float: left;
  list-style: none;
}

.txt ul.tags li a { color: #8b8b8b; }

.txt ul.tags li a:hover {
  color: #0044cc;
  text-decoration: underline;
}

.favorites {
  display: block;
  float: left;
  margin-left: 20px;
}

.favorites span.icon {
  width: 22px;
  padding-top: 21px;
  height: 0;
  overflow: hidden;
  display: block;
  float: left;
  margin-top: 5px;
  background: transparent url(/img/icons/fav.gif) no-repeat 0 0;
}
.favorites.selected span.icon { background-position: 0 -66px; }
.favorites.disable_ span.icon { background-position: 0 -44px; }
.favorites:hover span.icon { background-position: 0 -22px; }
.favorites.hover span.icon { background-position: 0 -22px; }

/*    a.favorites.loading span.icon {
background: transparent url(/img/icons/loader.gif) no-repeat 0 0; }*/
.favorites span.text {
  font:11px/32px Tahoma, sans-serif;
  height: 32px;
  margin-left: 6px;
}

.user_online_inline {
  padding-left: 22px;
  padding-bottom: 3px;
  background: transparent url(/img/icons/icons-3.gif) no-repeat 0 -67px;
}
.user_offline_inline { background: transparent url(/img/icons/icons-3.gif) no-repeat 0 -59px; }

.user_online_float,
.user_offline_float {
  background-image: url(/img/icons/icons-3.gif);
  background-repeat: no-repeat;
}
.user_online_float span,
.user_offline_float span {
  padding-left: 44px !important;
}
.user_online_float {
  background-position: 26px -58px;
  float: left;
}
.even .user_online_float {
  background-position: 26px -120px;
}
.user_offline_float { background: transparent url(/img/icons/icons-3.gif) no-repeat 0 -59px; }

.with_icon {}

a.with_icon { text-decoration: none; }
a.with_icon .text { text-decoration: underline; }

.icon_png {
  position: relative;
  overflow: hidden;
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: text-bottom;
  width: 16px;
  height: 16px;
}
.icon_png span {
  position: absolute;
  display: block;
  width: 32px;
  height: 64px;
}
.icon_png[class] span { background-image: url(/img/icons/icons.png); }

a .icon_png,
a .icon_png span { cursor: pointer; }

.sort_up_png span {
  top: 0;
  left: 0;
}

.sort_down_png span { top: -16px; }
.close_png span { top: -32px; }

.ico-trade {
  background-image:url("/img/common/ico-myoffers.png");
  background-repeat:no-repeat;
}
.ico-attach,
.ico-attach-no {
  display:block;
  width:16px;
  height:0;
  padding-top:16px;
}
.ico-attach { background-position:-16px 0; }
.ico-attach-no { background-position:0 0; }

.ico-ok {
  width: 12px;
  height: 12px;
  margin-left: 10px;
  margin-top: 0 !important;
}

a.ico-info-link {
  color: #c35206 !important;
  border-bottom: 1px dotted;
  text-decoration: none !important;
  margin-left: 5px;
}
@media screen and (max-width: 480px) {
  a.ico-info-link {
    display: none;
  }
}

/* Trade */
span.icon {}
span.icon.sale,
span.icon.buy,
span.icon.other {
  font-family:Tahoma,Geneva,"DejaVu Sans Condensed",sans-serif;
  margin:0 4px;
  padding:3px 6px;
  line-height:12px;
  font-size:10px;
  cursor:default;
  border-radius: 3px;
}
span.icon.sale a,
span.icon.buy a,
span.icon.other a {
  font-family:Tahoma,Geneva,"DejaVu Sans Condensed",sans-serif;
  color:#000;
  text-decoration:none;
  line-height:12px;
  font-size:10px;
}
span.icon.sale a span,
span.icon.buy a span,
span.icon.other a span { cursor:pointer; }

span.icon.sale {
  color:#fff;
  background-color:#80aace;
}
span.icon.sale  a { color:#fff; }
span.icon.buy { background-color:#f7c600; }
span.icon.other { background-color:#bde876; }

.container .p-icon { margin:2em 0 2.5em 0 !important; }
.p-icon .icon { margin:-.25em .5em 0 0; }