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

* Filename: screen.css
* Version: 1.0.1 (2008-06-04)
* Website: Obmen
* Author: m1ron
* Description: Main CSS file.
* Page width: 960px

*/



/* _основные стили
========================================== */
html {width:100%;height:100%;font:11px Verdana, Helvetica, sans-serif;}
body {width:100%;height:100%;padding:0;margin:0;color:#808080;background:#fff url('../img/body.png') repeat-x 0 0;}

p {margin:0 0 14px 0;}
dfn,var,address {font-style:normal;}
h1,h2,h3,h4,h5,h6 {margin:0;font-family:Verdana, Helvetica, sans-serif;}

a {color:#0492d2;text-decoration:underline;}
a:hover {text-decoration:none;}
img {border:none;}

ul {padding:0;margin:0 0 14px 1.75em;}
ol {margin:0 0 14px 2.75em;}
ul,ol,li,td,th {padding:0;}

form,input,select,label,textarea,button {margin:0;}
select {
padding:1px;
border-top:1px solid #9dbcd8;
border-right:1px solid #cadaea;
border-bottom:1px solid #cadaea;
border-left:1px solid #9dbcd8;
font:11px Verdana, Helvetica, sans-serif;
color:#686868;
background:#fff;
}
input.text,textarea {
padding:2px 3px;
border-top:1px solid #9dbcd8;
border-right:1px solid #cadaea;
border-bottom:1px solid #cadaea;
border-left:1px solid #9dbcd8;
font:11px Verdana, Helvetica, sans-serif;
color:#808080;
}
input.submit,button {
font:12px Verdana, Helvetica, sans-serif;
color:#000;
cursor:pointer;
}
input.checkbox,
input.radio {
width:15px;
height:15px;
padding:0;
margin:0;
font:11px Verdana, Helvetica, sans-serif;
}


/* _универсальные классы  */
.both {width:100%;clear:both;overflow:hidden;}
.clear {width:100%;height:1px;clear:both;overflow:hidden;display:block;}


/* _контейнер
========================================== */
#wrap {
width:960px;
min-height:100%;
margin:0 auto;
overflow:hidden;
position:relative;
z-index:1;
}
#spacer {
width:100%;
height:80px;
overflow:hidden;
clear:both;
}


/* _заголовки
========================================== */
h1 {
padding:0;
margin:0 0 16px 0;
font-weight:normal;
font-size:20px;
line-height:26px;
color:#0492d4;
cursor:default;
}
h1 a {text-decoration:none;}
h1 a:hover {text-decoration:underline;}
h3 {
padding:0;
font-weight:bold;
font-size:13px;
line-height:16px;
}



/* _подвал
========================================== */
#footer {
width:726px;
height:40px;
border-top:1px dashed #bbb;
position:absolute;
bottom:0;left:234px;
z-index:2;
}
#nav {
padding:9px 0 0 0;
margin:0;
list-style:none;
text-align:center;
}
#nav li {margin:0 8px;display:inline;}
#nav li a {
color:#626262;
text-decoration:none;
}
#nav li a:hover {text-decoration:underline;}


/* _шапка
========================================== */
#header {
width:960px;
height:42px;
position:relative;
z-index:1;
}

#menu {/* _меню */
margin:0;
list-style:none;
overflow:hidden;
font-size:13px;
font-weight:bold;
position:absolute;
left:210px;top:0;
background:url('../img/menu-li.png') no-repeat 100% 0;
}
#menu li {
padding:0;
float:left;
background:url('../img/menu-li.png') no-repeat 0 0;
}
#menu li a {
padding:12px 12px 14px 16px;
display:block;
color:#727272;
text-decoration:none;
}
#menu li a:hover {
color:#0492d4;
}



/* _левая колонка
========================================== */
#left {
width:200px;
float:left;
}

#logo {/* _логотип */
position:relative;
top:-25px;
}
#logo img {
margin:0 auto;
display:block;
}

#submenu {/* _боковое меню */
margin:0 0 24px 0;
overflow:hidden;
list-style:none;
color:#0492d4;
cursor:default;
}
#submenu li {
width:150px;
padding:4px 0 4px 47px;
position:relative;
}
#submenu li img {
display:block;
position:absolute;
top:3px;left:10px;
}
#submenu li a {text-decoration:none;}
#submenu li a:hover {text-decoration:underline;}
#submenu li.active a {font-weight:bold;color:#f5841f;}


#helper {/* _помощник */
width:200px;
padding:62px 0 0 0;
margin:0 0 35px 0;
overflow:hidden;
position:relative;
}
#helper .cnt {
padding:8px 8px 12px 10px;
border:1px solid #aeaeae;
font-size:10px;
line-height:15px;
position:relative;
z-index:1;
}
#helper .top {
width:200px;
height:67px;
position:absolute;
top:0;left:0;
z-index:2;
background:url('../img/helper.png') no-repeat 0 0;
}
#helper .bottom {
width:200px;
height:6px;
margin:-6px 0 0 0;
overflow:hidden;
position:relative;
z-index:2;
background:url('../img/helper.png') no-repeat 0 -67px;
}
#helper p.small {
padding:3px 5px;
margin:0;
font-size:9px;
display:block;
}
#helper p.small a {
color:#898989;
}

#login {
width:200px;
margin:0 0 17px 0;
overflow:hidden;
}
#login div.space {
width:180px;
padding:10px;
overflow:hidden;
position:relative;
background:#f3f3f6;
}
#login .top {
width:200px;
height:10px;
overflow:hidden;
position:absolute;
top:0;left:0;
background:url('../img/login.png') no-repeat 0 0;
}
#login .bottom {
width:200px;
height:10px;
overflow:hidden;
position:absolute;
bottom:0;left:0;
background:url('../img/login.png') no-repeat 0 -10px;
}
#login p {
padding:5px 0 4px 0;
margin:0;
overflow:hidden;
display:block;
}
#login p input.text {
width:170px;
padding:0 4px;
display:block;
float:left;
font:18px Verdana, Helvetica, sans-serif;
color:#888;
}
#login p input.submit {
width:63px;
padding:2px 6px 4px 0;
border:none;
margin:0 7px -9px 0;
display:block;
float:left;
position:relative;
top:-5px;
font:11px Verdana, Helvetica, sans-serif;
color:#4b4b4b;
background:#f3f3f6 url('../img/button/login.png') no-repeat 0 0;
}
#login p label {
display:block;
float:left;
font:9px Tahoma, Helvetica, sans-serif;
}
#login p label a {
color:#878787;
text-decoration:none;
}
#login p label a:hover {
text-decoration:underline;
}

#register {
width:200px;
margin:0 0 40px 0;
overlfow:hidden;
}
#register p {
padding:0 0 12px 0;
border-bottom:1px solid #d5d5d5;
margin:0 0 12px 0;
font:20px/26px Tahoma, Helvetica, sans-serif;
display:block;
background:url('../img/ico/register.png') no-repeat 17px 0;
}
#register p a {
padding:0 0 0 56px;
display:block;
color:#f70;
text-decoration:none;
}
#register p a:hover {
text-decoration:underline;
}
#register small {
padding:0 4px;
margin:0 0 10px 0;
display:block;
font:9px Tahoma, Helvetica, sans-serif;
}


/* _правая колонка
========================================== */
#right {
width:750px;
float:right;
position:relative;
z-index:2;
}
#right:after {
height:0;
content:".";
display:block;
clear:both;
visibility:hidden;
}

#search {/* _форма поиска */
width:750px;
padding:18px 0;
position:relative;
}
#search form {overflow:hidden;}
#search form p {
margin:0;
overflow:hidden;
display:block;
}
#search input.text {
width:582px;
padding:3px;
float:left;
display:block;
font:13px Verdana, Helvetica, sans-serif;
background:#fff url('../img/body.png') repeat-x 0 -108px;
}
#search input.image {
width:143px;
height:23px;
float:right;
display:block;
position:relative;
top:0;right:1px;
font-size:10px;
line-height:15px;
color:#000;
}



/* _большой баннер на главной
========================================== */
#pix {
width:750px;
margin:0 0 19px 0;
overflow:hidden;
}
#pix img {
width:748px;
height:248px;
border:1px solid #d5d5d5;
display:block;
position:relative;
z-index:1;
}
#pix p {
font-size:14px;
line-height:20px;
display:block;
overflow:hidden;
position:absolute;
top:190px;left:60px;
z-index:2;
}
#pix p a {
height:20px;
padding:0 28px 0 0;
display:block;
float:left;
text-decoration:underline;
background:url('../img/button/pix.png') no-repeat 100% 3px;
}
#pix p a:hover {text-decoration:none;}



/* _закругленные границы правой колонки на внутренних страницах
========================================== */
.borders-content {
padding:0 19px;
border-left:1px solid #d4d4d4;
border-right:1px solid #d4d4d4;
position:relative;
background:#fff;
}
.borders-content:after {
height:0;
content:".";
display:block;
clear:both;
visibility:hidden;
}
.borders-top {
width:750px;
height:5px;
overflow:hidden;
background:url('../img/borders.png') no-repeat 0 0;
}
.borders-bottom {
width:750px;
height:5px;
overflow:hidden;
background:url('../img/borders.png') no-repeat 0 -5px;
}


/* _заголовки на сером фоне
========================================== */
p.gray {
padding:6px 15px;
margin:0 0 9px 0;
font-size:11px;
line-height:15px;
cursor:default;
position:relative;
z-index:1;
background:#f7f7f7 url('../img/gray-wide.png') no-repeat 0 0;
}
p.gray a {
margin:0 15px 0 0;
text-decoration:none;
}
p.gray a.js {
border-bottom:1px dashed #0492d2;
}
p.gray a.js:hover {
border-bottom:1px solid #0492d2;
text-decoration:none;
}
p.gray a.active {
border-bottom:none;
}
p.gray a.active:hover {
border-bottom:none;
text-decoration:underline;
}
p.gray a:hover {text-decoration:underline;}
p.gray strong {color:#0492d2;}
p.gray a.edit {
padding:3px 0 3px 23px;
margin:0;
display:block;
position:absolute;
top:3px;right:10px;
cursor:pointer;
font-weight:bold;
color:#9e9e9e;
background:url('../img/ico/edit.png') no-repeat 0 3px;
}

.borders-content p.gray {background:#f7f7f7 url('../img/gray.png') no-repeat 0 0;}/* на внутренних страницах с закругленными границами правой колонки у этого блока меняется фоновая картинка, т.к. меняется ширина контента */
.profile-left p.gray {width:170px;background:#f7f7f7 url('../img/gray-200.png') no-repeat 0 0;}
.cabinet-left p.gray,.profile-right p.gray {width:445px;background:#f7f7f7 url('../img/gray-475.png') no-repeat 0 0;}


/* _универсальный стиль для блока с тенью и закругленными краями
========================================== */
.block {
padding:10px;
border:1px solid #c4c4c4;
margin:0 0 8px 0;
position:relative;
background:#fff;
}
.block i.tl,.block i.tr,
.block i.bl,.block i.br {
width:6px;
height:6px;
display:block;
overflow:hidden;
position:absolute;
}
.block i.tl {
margin:-1px 0 0 -1px;
top:0;left:0;
background:url('../img/block.png') no-repeat 0 0;
}
.block i.tr {
margin:-1px -1px 0 0;
top:0;right:0;
background:url('../img/block.png') no-repeat -10px 0;
}
.block i.bl {
width:8px;
height:10px;
margin:0 0 -5px -1px;
bottom:0;left:0;
background:url('../img/block.png') no-repeat 0 -6px;
}
.block i.br {
width:8px;
height:10px;
margin:0 -1px -5px 0;
bottom:0;right:0;
background:url('../img/block.png') no-repeat -8px -6px;
}
.block i.bc {
width:100%;
height:5px;
padding:0 3px;
margin:0 -3px -5px -3px;
overflow:hidden;
display:block;
position:relative;
top:10px;
background:url('../img/block.png') repeat-x 0 -21px;
}



/* _слайдер, общие стили
========================================== */
.slider .mask {
width:682px;
margin:0 auto 40px auto;
position:relative;
overflow:hidden;
}
.slider .wrap {
width:10000px;
position:relative;
left:0px;
overflow:hidden;
}
.slider .panel {
position:relative;
float:left;
}
.slider .pager {
width:100%;
padding:5px 0;
text-align:center;
position:absolute;
left:0;bottom:24px;
z-index:1;
cursor:default;
}
.slider .pager a {
width:10px;
padding:5px 0;
margin:0 3px 0 0;
line-height:14px;
position:relative;
text-decoration:none;
outline:none;
}
.slider .pager a.page {
padding:0 5px 0 6px;
background:url('../img/pager.png') no-repeat -4px -2px;
}
.slider .pager a.page:hover,
.slider .pager a.active {
background:url('../img/pager.png') no-repeat -4px -13px;
}
.slider .pager a.back {
padding:5px 10px 4px 9px;
position:relative;
left:-3px;
background:url('../img/pager.png') no-repeat 0 -27px;
}
.slider .pager a.forward {
padding:5px 10px 4px 9px;
position:relative;
left:3px;
background:url('../img/pager.png') no-repeat 0 -54px;
}



/* _скроллинг, общие стили
========================================== */
.jScrollPaneContainer {
position:relative;
overflow:hidden;
z-index:1;
}
.jScrollPaneTrack {
height:100%;
overflow:visible;
cursor:pointer;
position:absolute;
right:0;top:0;
z-index:2;
background:url('../img/scroll/track.png') repeat-y 0 0;
}
.jScrollPaneDrag {
position:absolute;
left:0;
cursor:pointer;
overflow:visible;
background:#f69e50 url('../img/scroll/drag.png') repeat-y 0 0;
}
.jScrollPaneDragTop {
width:8px;
height:3px;
position:absolute;
top:0;left:0;
overflow:hidden;
background:#f69e50 url('../img/scroll/top-bottom.png') no-repeat 0 0;
}
.jScrollPaneDragBottom {
width:8px;
height:3px;
position:absolute;
bottom:0;left:0;
overflow:hidden;
background:#f69e50 url('../img/scroll/top-bottom.png') no-repeat 0 -3px;
}
a.jScrollArrowUp {
height:11px !important;
display:block;
overflow:hidden;
position:absolute;
top:0;right:0;
z-index:1;
text-indent:-1000px;
background:url('../img/scroll/arrow-up.png') no-repeat 0 0;
}
a.jScrollArrowDown {
height:11px !important;
display:block;
overflow:hidden;
position:absolute;
bottom:0;right:0;
z-index:1;
text-indent:-2000px;
background:url('../img/scroll/arrow-down.png') no-repeat 0 0;
}



/* _кнопка "ВСЕ" возле пэйджера
========================================== */
.all {
width:57px;
height:23px;
position:absolute;
bottom:24px;right:2px;
z-index:2;
font-size:10px;
text-align:center;
background:url('../img/button/all.png') no-repeat 0 0;
}
.all a {
width:57px;
height:18px;
padding:5px 0 0 0;
display:block;
color:#000;
text-decoration:none;
}

.onlymy {
width:100px;
height:23px;
position:absolute;
bottom:24px;right:72px;
z-index:2;
font-size:10px;
text-align:center;
background:url('../img/button/onlymy.png') no-repeat 0 0;
}
.onlymy a {
width:100px;
height:18px;
padding:5px 0 0 0;
display:block;
color:#000;
text-decoration:none;
}



/* _универсальный стиль для выбора параметров
========================================== */
.select {
position:absolute;
top:-36px;right:3px;
z-index:2;
}
.select p {
padding:4px 0 0 0;
margin:0;
float:right;
overflow:hidden;
display:block;
position:relative;
}
.select select {
width:205px;
margin:0 10px 0 0;
display:block;
float:left;
font-size:10px;
position:relative;
top:1px;
}
.select label {
margin:0 5px 0 0;
display:block;
float:left;
position:relative;
top:4px;
}
.select label.bold {
font-weight:bold;
color:#0492d4;
}
.select input.checkbox {
margin:0 12px 0 0;
display:block;
float:left;
position:relative;
top:3px;
}
.select input.image {
width:51px;
height:23px;
line-height:13px;
display:block;
position:relative;
top:-2px;
float:left;
font-size:10px;
}
.select p.add {
width:115px;
height:27px;
line-height:25px;
padding:0;
margin:0;
display:block;
font-weight:bold;
position:relative;
left:3px;
}
.select p.add a {
width:97px;
height:27px;
padding:0 0 0 18px;
display:block;
text-decoration:none;
background:url('../img/add.png') no-repeat 0 0;
}
.select p.add a:hover,
.select p.add a.active {
color:#fff;
background:url('../img/add.png') no-repeat 0 -27px;
}
.select span {
padding:7px 15px 0 0;
display:block;
float:right;
cursor:default;
}



/* _слайдер с группами (в т.ч. последние группы)
========================================== */
.groups {
width:100%;
padding:0 0 24px 0;
overflow:hidden;
position:relative;
}
.groups .panel {
width:714px;
padding:0 0 3px 0;
}
.groups .block {
width:126px;
margin:0 30px 0 0;
float:left;
font-family:Tahoma, Helvetica, sans-serif;
}
.groups a.pic {
width:126px;
padding:4px 0 0 0;
margin:0 auto;
display:block;
cursor:pointer;
overflow:hidden;
line-height:14px;
position:relative;
text-decoration:none;
background:url('../img/loader.gif') no-repeat 50px 39px;
}
.groups a.pic:hover {
text-decoration:underline;
}
.groups a.pic img {
width:120px;
height:90px;
margin:0 auto 3px auto;
display:block;
position:relative;
z-index:1;
}
.groups a.pic var {
width:124px;
height:94px;
display:block;
position:absolute;
top:2px;left:1px;
z-index:2;
background:url('../img/groups-pic.png') no-repeat 0 0;
}
.groups a.pic:hover var {
background:url('../img/groups-pic-hover.png') no-repeat 0 0;
}
.groups a.pic span {
width:124px;
height:42px;
display:block;
text-align:center;
background:url('../img/groups-pic-hover.png') no-repeat 0 -1000px;
}
.groups dfn {
padding:2px 0 2px 26px;
margin:-2px 0;
display:block;
cursor:default;
color:#000;
background:url('../img/ico/groups.png') no-repeat 2px 0;
}
.profile-right .groups .panel {
width:475px;
}
.profile-right .groups .block {
margin:0 10px 0 0;
left:5px;
}



/* _слайдер "последние добавления"
========================================== */
.last-items {
width:100%;
padding:0 0 24px 0;
position:relative;
z-index:2;
}
.last-items .mask {
width:728px;
}
.last-items .panel {
width:734px;
}
.last-items .block {
width:338px;
padding:13px 10px 31px 10px;
margin:0 6px 7px 0;
float:left;
font-family:Tahoma, Helvetica, sans-serif;
}
.last-items i.bc {
top:31px;
}
.last-items .block .pic {
padding:0 8px 8px 3px;
float:left;
background:url('../img/loader.gif') no-repeat 22px 20px;
}
.last-items .block .pic a {
width:62px;
height:62px;
display:block;
position:relative;
cursor:pointer;
}
.last-items .block .pic img {
width:60px;
height:60px;
border:1px solid #a5a5a4;
display:block;
position:relative;
z-index:1;
}
.last-items .block .pic dfn {
width:62px;
height:62px;
display:block;
position:absolute;
top:0;left:0;
z-index:2;
background:url('../img/last-items-pic.png') no-repeat 0 0;
}
.last-items .block .text {
width:265px;
height:83px;
float:left;
}
.last-items .block .text h3 {
line-height:18px;
position:relative;
z-index:2;
}
.last-items .block .text h3 a {text-decoration:none;}
.last-items .block .text h3 a:hover {text-decoration:underline;}
.last-items .block .text var {
margin:0 0 -14px 0;
display:block;
font-size:9px;
color:#b7b7b7;
position:relative;
top:-6px;left:2px;
z-index:1;
text-align:right;
}
.last-items .block .avatar {
width:29px;
height:64px;
padding:0 0 0 3px;
float:left;
font:9px Tahoma, Helvetica, sans-serif;
color:#c2c2c2;
cursor:default;
}
.last-items .block .avatar img {
width:29px;
height:29px;
margin:0 0 2px 0;
display:block;
}
.last-items .block .quote {
padding:0 0 6px 0;
border:1px solid #b6b6b6;
position:relative;
top:-1px;left:2px;
float:right;
font-size:10px;
font-weight:bold;
line-height:10px;
color:#808080;
}
.last-items .block .quote .in {
width:273px;
padding:6px 11px;
position:relative;
z-index:2;
}
.last-items .block .quote .top {
width:304px;
height:20px;
position:absolute;
top:-1px;left:-8px;
z-index:1;
background:url('../img/last-quote.png') no-repeat 0 0;
}
.last-items .block .quote .bottom {
width:304px;
height:10px;
margin:0 0 -1px 0;
overflow:hidden;
position:absolute;
bottom:0;left:-8px;
z-index:1;
background:url('../img/last-quote.png') no-repeat 0 -54px;
}
.last-items .block .quote small {
display:block;
font-weight:normal;
line-height:11px;
position:absolute;
left:11px;bottom:5px;
z-index:2;
}
.last-items .block .quote small a {text-decoration:none;}
.last-items .block .quote small a:hover {text-decoration:underline;}
.last-items .block .btm {
width:300px;
padding:7px 0 7px 56px;
margin:0;
position:absolute;
left:-1px;bottom:0;
z-index:3;
cursor:default;
}
.last-items .block .btm span {
padding:2px 25px;
}
.last-items .block .btm span.watches {background:url('../img/ico/profile.png') no-repeat 0 0;}
.last-items .block .btm span.orders {background:url('../img/ico/orders.png') no-repeat 0 1px;}
.last-items .block .btm span.orders a {text-decoration:none;}
.last-items .block .btm span.orders a:hover {text-decoration:underline;}



/* _страница "сообщения"
========================================== */
p.select-messages {padding:0 0 0 10px;font-size:11px;line-height:19px;}/* строка выборки сообщений */
p.select-messages a {text-decoration:none;}
p.select-messages a:hover {text-decoration:underline;}
p.select-messages input.text {width:180px;text-align:center;}
p.select-messages label {margin:0 6px 0 0;font-weight:bold;color:#09c;}
p.select-messages input.checkbox {position:relative;top:3px;}

.userlist {/* список людей со скроллингом */
width:195px;
float:right;
}
.userlist .scroll {
width:195px;
height:500px;
position:relative;
overflow:hidden;
}
.userlist ul {
width:195px;
margin:0;
overflow:hidden;
list-style:none;
cursor:default;
}
.userlist ul li {
width:195px;
padding:0 0 8px 0;
overflow:hidden;
float:left;
color:#0492d4;
}
.userlist ul li input.checkbox {
margin:0 10px 0 0;
display:block;
float:left;
}
.userlist ul li label {
width:150px;
padding:1px 0;
display:block;
float:left;
}

.messages {/* список сообщений со слайдером */
width:485px;
float:left;
position:relative;
z-index:2;
}
.messages .mask,
.messages .panel {width:485px;}
.messages .pager {width:485px;}
.message {
width:100%;
padding:0 0 10px 0;
overflow:hidden;
}
.messages input.checkbox {
margin:7px 26px 0 0;
float:left;
display:block;
position:relative;
left:13px;
}
.message .avatar {
width:40px;
height:64px;
float:left;
position:relative;
font:9px Tahoma, Helvetica, sans-serif;
color:#c2c2c2;
cursor:default;
}
.message .avatar img {
width:29px;
height:29px;
margin:0 0 2px 0;
display:block;
}
.reply .avatar {
float:right;
position:relative;
left:10px;
}
.message .quote {
width:395px;
padding:0 0 13px 0;
border:1px solid #b6b6b6;
position:relative;
left:-2px;
float:left;
font-size:11px;
font-weight:bold;
line-height:14px;
color:#5b5b5b;
}
.reply .quote {
left:38px;
}
.message .quote .in {
width:373px;
padding:6px 11px;
position:relative;
z-index:2;
}
.message .quote .open {
width:373px;
padding:6px 11px 0 11px;
position:relative;
top:11px;
z-index:2;
line-height:20px;
font-weight:normal;
text-align:center;
}
.message .quote .open a {
padding:2px 0 2px 26px;
text-decoration:none;
background:url('../img/ico/inbox.png') no-repeat 0 1px;
}
.message .quote .open a:hover {
text-decoration:underline;
}
.message .quote .top {
width:405px;
height:20px;
position:absolute;
top:-1px;left:-8px;
z-index:1;
background:url('../img/messages-quote.png') no-repeat 0 0;
}
.reply .quote .top {
top:-1px;left:-1px;
background:url('../img/reply-quote.png') no-repeat 0 0;
}
.message .quote .bottom {
width:405px;
height:10px;
margin:0 0 -1px 0;
overflow:hidden;
position:absolute;
bottom:0;left:-8px;
z-index:1;
background:url('../img/messages-quote.png') no-repeat 0 -54px;
}
.message .quote small {
display:block;
font-weight:normal;
line-height:11px;
position:absolute;
left:11px;bottom:5px;
z-index:2;
}
.message .quote small a {text-decoration:none;}
.message .quote small a:hover {text-decoration:underline;}
.message .quote small.answer {left:auto;right:11px;}
.message .all {left:auto;right:19px;}



/* _страница "избранное"
========================================== */
.items {/* избранные вещи */
width:100%;
margin:0 0 20px 0;
position:relative;
z-index:2;
}
.items:after {
height:0;
content:".";
display:block;
clear:both;
visibility:hidden;
}
.items .mask {
width:475px;
margin:0 0 15px 0;
position:relative;
z-index:1;
}
.items .panel {
width:480px;
padding:0 0 15px 0;
}
.items .all {bottom:0px;right:8px;}
.items .pager {
bottom:0;
z-index:2;
}
.items .item {
width:96px;
padding:0 0 10px 0;
float:left;
position:relative;
left:4px;
z-index:1;
}
.favitems .mask {width:690px;margin:0 0 15px 0;}
.favitems .panel {width:690px;padding:0 0 15px 0;}
.favitems .item {width:86px;}
.favitems .pager {bottom:20px;}
.favitems .all {bottom:20px;right:14px;}

.profile-right .items2 {width:auto;}
.profile-right .items2 .mask {width:454px;}
.profile-right .items2 .item {width:91px;}
.profile-right .items2 .all {bottom:10px;right:14px;z-index:3;}
.profile-right .items2 .pager {bottom:10px;}

.items .item a {
margin:0 auto;
position:relative;
display:block;
z-index:1;
cursor:pointer;
}
.items .item img {
width:76px;
height:76px;
display:block;
position:relative;
left:2px;top:2px;
z-index:1;
}
.items .item dfn {
width:80px;
height:80px;
display:block;
position:absolute;
top:0;left:0;
z-index:2;
background:url('../img/items-pic.png') no-repeat 0 0;
}
.items .item:hover dfn {
background:url('../img/items-pic-hover.png') no-repeat 0 0;
}
.items .item .popup {
width:150px;
padding:3px 10px 5px 10px;
border:1px solid #7e7e7e;
position:absolute;
top:50px;left:50px;
z-index:3;
cursor:default;
display:none;
font-size:10px;
line-height:13px;
color:#7b7b7b;
background:#fff;
}
.items .item .popup strong {
display:block;
color:#0492d4;
}
.items .item .popup small {
display:block;
}
.items .item:hover {z-index:3;}
.items .item:hover .popup {display:block;}



.favusers {/* избранные люди */
width:100%;
margin:0 0 20px 0;
position:relative;
z-index:2;
}
.favusers .pager {
bottom:-5px;
}
.favusers .mask {
padding:0 0 20px 0;
margin:0;
}
.favusers .mask,
.favusers .panel {
width:710px;
}
.favusers .block {
margin:0 0 17px 0;
}
.favusers .avatar {
width:135px;
padding:6px 0 0 8px;
float:left;
}
.favusers .avatar a {
width:84px;
height:84px;
display:block;
position:relative;
cursor:pointer;
}
.favusers .avatar a dfn {
width:84px;
height:84px;
display:block;
position:absolute;
top:0;left:0;
z-index:2;
background:url('../img/favusers-pic.png') no-repeat 0 0;
}
.favusers .avatar a:hover dfn {
background:url('../img/favusers-pic-hover.png') no-repeat 0 0;
}
.favusers .avatar a img {
width:70px;
height:70px;
position:relative;
left:7px;top:6px;
z-index:1;
}
.favusers .info {
width:350px;
padding:2px 0 7px 0;
float:left;
color:#5c5c5c;
}
.favusers .info big {
margin:0 0 1px 0;
font-size:20px;
color:#0492d4;
display:block;
position:relative;
left:-3px;
}
.favusers .info big a {text-decoration:none;}
.favusers .info big a:hover {text-decoration:underline;}
.favusers .info p {
margin:0 0 14px 0;
line-height:19px;
color:#0079b1;
}
.favusers .info a.blue {
font-size:18px;
color:#0492d4;
}
.favusers .info a.orange {
font-size:18px;
color:#ff8f00;
}
.favusers .info a {text-decoration:none;}
.favusers .info a:hover {text-decoration:underline;}
.favusers .info small {
font-size:9px;
color:#888;
}
.favusers .actions {
width:165px;
padding:25px 0 0 24px;
float:left;
}
.favusers .actions p {
margin:0;
line-height:23px;
}
.favusers .actions p a {
padding:0 0 0 25px;
text-decoration:none;
}
.favusers .actions p a:hover {
text-decoration:underline;
}
.favusers .actions p.send {background:url('../img/ico/inbox.png') no-repeat 1px 4px;}
.favusers .actions p.remove {background:url('../img/ico/remove.png') no-repeat 0 4px;}






/* _страница "профиль"
========================================== */
.profile-left {
width:200px;
float:left;
position:relative;
z-index:2;
}
.profile-left .avatar {
width:200px;
height:215px;
margin:0 0 12px 0;
position:relative;
}
.profile-left .avatar img {
width:200px;
height:215px;
display:block;
position:relative;
z-index:1;
}
.profile-left .avatar dfn {
width:200px;
height:215px;
display:block;
position:absolute;
top:0;left:0;
z-index:2;
background:url('../img/profile-avatar.png') no-repeat 0 0;
}
.profile-left .about {
line-height:15px;
color:#515253;
}
.profile-left .info {
width:200px;
border-collapse:collapse;
margin:0 0 15px 0;
}
.profile-left .info th {
width:105px;
padding:2px 5px 2px 0;
font-weight:normal;
text-align:right;
color:#989898;
vertical-align:top;
}
.profile-left .info td {
width:95px;
padding:2px 0 2px 5px;
vertical-align:top;
color:#464646;
}

.profile-left .count {
margin:0 0 12px 0;
}
.profile-left .count strong {
margin:0 0 6px 0;
display:block;
color:#000;
}
.profile-left .count big {
padding:0 0 0 24px;
display:block;
font:20px/26px Arial, Helvetica, sans-serif;
color:#000;
background:url('../img/ico/stats.png') no-repeat 2px 4px;
}
.profile-left .admin {
margin:0 0 20px 0;
display:block;
}
.profile-left .admin strong {
margin:0 0 7px 0;
display:block;
color:#000;
}
.profile-left .admin a {
width:100%;
display:block;
overflow:hidden;
position:relative;
cursor:pointer;
text-decoration:none;
}
.profile-left .admin a:hover {
text-decoration:underline;
}
.profile-left .admin a img {
display:block;
float:left;
}
.profile-left .admin a small {
display:block;
float:left;
font-size:9px;
position:relative;
left:12px;top:7px;
}
.profile-left .stats {
margin:0 0 12px 0;
}
.profile-left .stats span {
width:60px;
padding:7px 0 4px 0;
border-left:1px solid #c6c6c6;
margin:0 -2px 0 0;
display:block;
float:left;
cursor:default;
text-align:center;
color:#464646;
}
.profile-left .stats span.f {width:60px;padding:7px 4px 4px 0;border:none;}
.profile-left .stats span.s {width:62px;}
.profile-left .stats span.t {width:52px;padding:7px 0 4px 4px;}
.profile-left .stats big {
display:block;
font:20px/36px Arial, Helvetica, sans-serif;
color:#000;
}

.profile-left .rating {
width:200px;
margin:0 0 30px 0;
overflow:hidden;
}
.profile-left .rating p {
margin:0;
color:#707070;
}
.profile-left .rating small {
font-size:9px;
display:block;
}
.profile-left .rating small a {
color:#aeaeae;
text-decoration:none;
}
.profile-left .rating small a:hover {
text-decoration:underline;
}
.profile-left .rating big {
width:93px;
height:93px;
margin:0 auto 35px auto;
display:block;
position:relative;
top:5px;
font:bold 36px/93px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
cursor:default;
background:#f65327 url('../img/rating.png') no-repeat 0 0;
}
.profile-left .rating img.graph {
width:200px;
height:125px;
display:block;
}
.profile-left .rate {
width:200px;
margin:0 0 20px 0;
overflow:hidden;
}
.profile-left .rate p {
margin:0 0 14px 0;
}
.profile-left .rate ul {
width:130px;
height:23px;
margin:0 auto;
list-style:none;
overflow:hidden;
background:url('../img/rate.png') no-repeat 0 0;
}
.profile-left .rate ul li {
float:left;
}
.profile-left .rate ul li a {
width:26px;
height:23px;
line-height:21px;
text-align:center;
display:block;
text-decoration:none;
}
.profile-left .rate ul li.r1 a {width:24px;padding-left:2px;color:#00a0fe;}
.profile-left .rate ul li.r2 a {color:#00a0fe;}
.profile-left .rate ul li.r3 a {color:#00a0fe;}
.profile-left .rate ul li.r4 a {color:#fe8e00;}
.profile-left .rate ul li.r5 a {width:24px;padding-right:2px;color:#fe8e00;}
.profile-left .rate ul li.active {font-weight:bold;}
.profile-left .rate ul li a:hover {color:#000;}


.profile-right {/* профиль */
width:475px;
float:right;
position:relative;
z-index:2;
}
.add-item {
width:475px;
padding:15px 0 0 0;
overflow:hidden;
display:none;
}
.add-item .itemspace {
width:100%;
overflow:hidden;
position:relative;
}
.add-item p {
width:100%;
margin:0 0 14px 0;
overflow:hidden;
}
.add-item label {
width:80px;
padding:2px 12px 0 0;
display:block;
float:left;
font-size:12px;
color:#2c2c2c;
text-align:right;
}
.add-item select {
width:365px;
display:block;
float:left;
}
.add-item input.text {
width:357px;
display:block;
float:left;
}
.add-item textarea {
width:357px;
height:129px;
display:block;
float:left;
}
.add-item span.quote {
width:333px;
padding:12px 15px;
border:1px solid #b6bdb6;
position:relative;
float:left;
font-size:11px;
line-height:14px;
color:#c0c0c0;
}
.add-item span.quote span.top {
width:372px;
height:20px;
display:block;
position:absolute;
top:-1px;left:-8px;
z-index:1;
background:url('../img/add-item-quote.png') no-repeat 0 0;
}
.add-item span.quote span.bottom {
width:372px;
height:10px;
margin:0 0 -1px 0;
overflow:hidden;
position:absolute;
bottom:0;left:-8px;
z-index:1;
background:url('../img/add-item-quote.png') no-repeat 0 -55px;
}
.add-item span.quote span.in {
width:333px;
min-height:28px;
display:block;
position:relative;
z-index:2;
}
.add-item p.two {
line-height:15px;
}
.add-item p.two a.blue,
.add-item p.two a.orange {
border-bottom:1px dashed #0492d2;
margin:0 0 8px 0;
display:block;
float:left;
clear:both;
position:relative;
left:90px;
text-decoration:none;
}
.add-item p.two a.blue:hover,
.add-item p.two a.orange:hover {
border-bottom:1px solid #0492d2;
text-decoration:none;
}
.add-item p.two a var {
width:14px;
height:14px;
display:block;
position:absolute;
top:2px;left:-22px;
}
.add-item p.two a.blue var {background:url('../img/ico/add-blue.png') no-repeat 0 0;}
.add-item p.two a.orange var {background:url('../img/ico/add-orange.png') no-repeat 0 0;}
.add-item p.two small {
float:left;
position:relative;
left:105px;
text-decoration:none;
}
.add-item p.two small a {
color:#878787;
}

.add-item p.icons {
padding:0 0 0 90px;
}
.add-item p.icons a {
margin:0 15px 0 0;
display:block;
float:left;
cursor:pointer;
position:relative;
}
.add-item p.icons img {
width:50px;
height:50px;
position:relative;
z-index:1;
display:block;
}
.add-item p.icons dfn {
width:50px;
height:50px;
position:absolute;
top:0;left:0;
z-index:2;
display:block;
background:url('../img/add-item-icons.png') no-repeat 0 0;
}
.add-item p.submit {
padding:10px 0 5px 0;
margin:0;
}
.add-item p.submit input.image {
margin:0 auto;
display:block;
}

p.addcomment {
overflow:hidden;
}
p.addcomment a {
height:19px;
padding:0 0 0 32px;
margin:0 0 -4px 0;
position:relative;
top:-2px;
display:block;
float:left;
cursor:pointer;
line-height:19px;
text-decoration:underline;
background:url('../img/ico/comments.png') no-repeat 0 1px;
}
p.addcomment a:hover {
text-decoration:none;
}



.profile-right .messages {/* список сообщений со слайдером */
width:475px;
float:left;
}
.profile-right .messages .mask,
.profile-right .messages .panel {width:475px;}
.profile-right .messages .pager {width:475px;}

.base {
margin:0 0 20px 0;
position:relative;
z-index:3;
}
.base .mask {
width:434px;
margin:0 0 30px 0;
position:relative;
left:10px;
z-index:1;
}
.base .all {right:12px;}
.base .all,.base .pager {bottom:16px;}
.base .panel {
width:434px;
padding:8px 0;
}
.base .panel p {margin:0 0 12px 0;line-height:17px;}
.base .panel p strong {color:#ff8c00;}
.base .panel p a {text-decoration:none;}
.base .panel p a:hover {text-decoration:underline;}


.discuss {
margin:0 0 20px 0;
position:relative;
z-index:3;
}
.discuss .mask {
width:475px;
padding:0 0 50px 0;
margin:0;
position:relative;
z-index:1;
}
.discuss .panel {
width:475px;
}
.discuss .block {
padding:15px 10px 10px 10px;
margin:0 0 12px 0;
}
.discuss .avatar {
padding:0 20px 0 5px;
float:left;
}
.discuss .avatar img {
width:29px;
height:29px;
display:block;
}
.discuss .text {
width:375px;
float:left;
overflow:hidden;
}
.discuss .text p {
padding:0 0 14px 0;
margin:0;
font-weight:bold;
display:block;
}
.discuss .text small {
width:220px;
padding:0 0 5px 0;
display:block;
float:left;
font-size:9px;
}
.discuss .text span.comments {
width:125px;
padding:0 0 5px 25px;
display:block;
float:right;
color:#535353;
background:url('../img/ico/comments2.png') no-repeat 0 0;
}


.users {
margin:0 0 10px 0;
position:relative;
z-index:3;
}
.users .mask {
width:475px;
padding:0 0 60px 0;
margin:0;
position:relative;
z-index:1;
}
.users .panel {
width:475px;
}
.users .item {
width:94px;
float:left;
position:relative;
left:3px;
}
.users .item a {
width:94px;
display:block;
position:relative;
cursor:pointer;
text-decoration:none;
}
.users .item a:hover {
text-decoration:underline;
}
.users .item a dfn {
width:84px;
height:84px;
display:block;
position:absolute;
top:0;left:5px;
z-index:2;
background:url('../img/favusers-pic.png') no-repeat 0 0;
}
.users .item a img {
width:70px;
height:70px;
margin:0 0 15px 0;
display:block;
position:relative;
left:12px;top:6px;
z-index:1;
}
.users .item a small {
display:block;
text-align:center;
}


.buttons {
overflow:hidden;
position:absolute;
top:-4px;right:0;
}
.buttons a {
height:34px;
line-height:30px;
padding:0 0 0 38px;
display:block;
color:#000;
text-decoration:none;
}
.buttons a:hover {
text-decoration:underline;
}
.buttons .message {
width:176px;
height:34px;
float:right;
}
.buttons .message a {background:url('../img/button/message.png') no-repeat 0 0;}
.buttons .leave {
width:152px;
height:34px;
float:right;
}
.buttons .leave a {background:url('../img/button/leave.png') no-repeat 0 0;}
.buttons .activity {
width:150px;
height:34px;
float:right;
}
.buttons .activity a {background:url('../img/button/activity.png') no-repeat 0 0;}
.buttons .favourites {
width:115px;
height:34px;
float:right;
}
.buttons .favourites a {padding:0 0 0 30px;background:url('../img/button/favourites.png') no-repeat 0 0;}






/* _страница "профиль"
========================================== */
.cabinet-right {
width:217px;
margin:-32px 0 0 0;
float:right;
position:relative;
z-index:2;
}
.cabinet-right:after,
.cabinet-left:after {
height:0;
content:".";
display:block;
clear:both;
visibility:hidden;
}
.cabinet-category {
width:217px;
margin:0 0 14px 0;
position:relative;
z-index:10;
}
.cabinet-category select {
width:100%;
font-size:10px;
}

.cabinet-left {
width:445px;
float:left;
position:relative;
}

p.cab {
padding:3px 12px 3px 28px;
margin:0 0 6px 0;
display:block;
color:#4a4a4a;
}
p.cab a {text-decoration:none;}
p.cab a:hover {text-decoration:underline;}

p.cab-change {background:url('../img/ico/prop.png') no-repeat 3px 2px;}
p.cab-yes {background:url('../img/ico/change.png') no-repeat 3px 2px;}
p.cab-no {background:url('../img/ico/remove.png') no-repeat 2px 2px;}
p.cab-news {background:url('../img/ico/groups.png') no-repeat 3px 2px;}
p.cab-activity {background:url('../img/ico/activity.png') no-repeat 3px 0px;}
p.cab-comments {background:url('../img/ico/orders.png') no-repeat 4px 2px;}
p.cab-profile {background:url('../img/ico/edit.png') no-repeat 4px 2px;}
p.cab-rating {background:url('../img/ico/rating.png') no-repeat 3px 1px;}

p.cab label {
width:160px;
display:block;
float:left;
}
p.cab:after {
height:0;
content:".";
display:block;
clear:both;
visibility:hidden;
}
p.cab input.checkbox {
display:block;
float:right;
position:relative;
right:-5px;
}

h5 {
padding:4px 10px;
border-bottom:1px solid #eee;
margin:0 0 8px 0;
font-size:11px;
color:#777;
}
.filter-news,
.filter-users  {
overflow:hidden;
}
.filter-news p.submit,
.filter-users p.submit {
padding:25px 0;
margin:0;
display:block;
overflow:hidden;
}
.filter-users p.submit {padding:15px 0;}
.filter-news input.image,
.filter-users input.image {
width:120px;
height:23px;
margin:0 auto;
display:block;
position:relative;
font-size:10px;
line-height:15px;
color:#000;
}

.filter-users p.pre {text-align:right;}
.filter-users p.pre label {padding:0 0 0 5px;margin:0 6px 0 0;font-weight:bold;color:#09c;}
.filter-users p.pre input.checkbox {position:relative;top:3px;}
.filter-users .userlist {float:none;}

.cabinet {/* кабинет */
width:485px;
float:left;
position:relative;
z-index:2;
}
.cabinet .mask,
.cabinet .panel {width:485px;}
.cabinet .pager {width:485px;}
.cabinet .mask {padding:0 0 30px 0;}
.cabinet .all {right:12px;}



.iteminfo {
width:100%;
}
.iteminfo:after {
height:0;
content:".";
display:block;
clear:both;
visibility:hidden;
}
.iteminfo .info {
width:445px;
float:right;
position:relative;
left:15px;
}
.iteminfo p.title {
width:430px;
padding:4px 10px;
margin:0 -10px 10px -10px;
font-size:15px;
font-weight:bold;
position:relative;
color:#000;
background:#fff2df;
}
.iteminfo p.title a {text-decoration:none;}
.iteminfo p.title a:hover {text-decoration:underline;}
.iteminfo h3 {
margin:0 0 10px 0;
color:#0994cd;
}
.iteminfo h3 a {
color:#0994cd;
text-decoration:none;
}
.iteminfo h3 a:hover {
text-decoration:underline;
}
.iteminfo .message p.in {
font-size:10px;
line-height:13px;
color:#7f7f7f;
}

.iteminfo .pics {
width:265px;
float:left;
overflow:hidden;
position:relative;
left:-5px;
}
.iteminfo .pics ul.small {
width:50px;
margin:0;
float:left;
list-style:none;
overflow:hidden;
}
.iteminfo .pics ul.small li {
padding:0 0 5px 0;
float:left;
}
.iteminfo .pics ul.small a {
width:50px;
height:50px;
display:block;
position:relative;
cursor:pointer;
}
.iteminfo .pics ul.small img {
width:50px;
height:50px;
display:block;
position:relative;
z-index:1;
}
.iteminfo .pics ul.small dfn {
width:50px;
height:50px;
position:absolute;
top:0;left:0;
z-index:2;
background:url('../img/add-item-icons.png') no-repeat 0 0;
}
.iteminfo .pics ul.small a:hover dfn {
background:url('../img/add-item-icons-hover.png') no-repeat 0 0;
}
.iteminfo .pics .big {
width:200px;
float:left;
position:relative;
left:10px;
}
.iteminfo .pics .big img {
width:200px;
height:200px;
display:block;
position:relative;
z-index:1;
}
.iteminfo .pics .big dfn {
width:200px;
height:200px;
display:block;
position:absolute;
top:0;left:0;
z-index:2;
background:url('../img/big.png') no-repeat 0 0;
}
.iteminfo .exchange {
width:100%;
padding:5px 0 10px 0;
font-weight:bold;
text-align:center;
line-height:20px;
clear:both;
}
.iteminfo .exchange a {
padding:2px 0 3px 26px;
text-decoration:none;
background:url('../img/ico/change.png') no-repeat 0 50%;
}
.iteminfo .exchange a:hover {text-decoration:underline;}





.itemmore {
width:100%;
padding:20px 0 0 0;
border-top:1px dashed #c1c1c1;
margin:0 0 20px 0;
display:none;
}
.itemmore:after {
height:0;
content:".";
display:block;
clear:both;
visibility:hidden;
}
.itemmore .left {
width:355px;
float:left;
overflow:hidden;
}
.itemmore .message {
width:355px;
padding:0 0 13px 0;
overflow:hidden;
}
.itemmore .left .avatar {
padding:0 0 0 15px;
}
.itemmore .left .nav {
width:300px;
margin:0 0 -1px 0;
font:9px/16px Tahoma, Helvetica, sans-serif;
overflow:hidden;
position:relative;
z-index:2;
float:right;
}
.itemmore .left .nav a {
width:64px;
height:16px;
padding:0 0 0 25px;
border-bottom:1px solid #b5b5b5;
margin:0 -1px 0 0;
color:#7b7b7b;
display:block;
float:left;
text-decoration:none;
}
.itemmore .left .nav a:hover {
color:#0492d2;
}
.itemmore .left .nav a.active {border-color:#fff;}
.itemmore .left .nav a.pre {background:url('../img/button/pre.png') no-repeat 0 0;}
.itemmore .left .nav a.append {background:url('../img/button/append.png') no-repeat 0 0;}

.itemmore .left .quote {
width:295px;
padding:0;
z-index:1;
left:0;
min-height:1px;
}
.itemmore .left .quote p.in {
width:263px;
padding:12px 16px 0 16px;
font-weight:normal;
font-size:10px;
line-height:13px;
}
.itemmore .left .quote .top {
width:304px;
background:url('../img/messages-quote2.png') no-repeat 0 0;
}
.itemmore .left .quote .bottom {
width:304px;
background:url('../img/messages-quote2.png') no-repeat 0 -54px;
}


.itemmore .about {
width:329px;
padding:14px 12px;
border:1px solid #ff8e01;
margin:0 0 16px 0;
position:relative;
}
.itemmore .about:after {
height:0;
content:".";
display:block;
clear:both;
visibility:hidden;
}
.itemmore .about .top {
width:355px;
height:15px;
overflow:hidden;
position:absolute;
top:-1px;left:-1px;
background:url('../img/about.png') no-repeat 0 0;
}
.itemmore .about .bottom {
width:355px;
height:15px;
margin:0 0 -1px 0;
overflow:hidden;
position:absolute;
bottom:0px;left:-1px;
background:url('../img/about.png') no-repeat 0 -15px;
}
.itemmore .about .info {
width:250px;
padding:0;
float:left;
position:relative;
z-index:1;
}
.itemmore .about .avatar {
width:72px;
padding:0;
float:left;
position:relative;
z-index:1;
}
.itemmore .about .avatar a {
margin:0 auto;
position:relative;
display:block;
z-index:1;
cursor:pointer;
}
.itemmore .about .avatar img {
width:60px;
height:60px;
display:block;
position:relative;
left:2px;top:2px;
z-index:1;
}
.itemmore .about .avatar dfn {
width:62px;
height:62px;
display:block;
position:absolute;
left:0;top:0;
z-index:2;
background:url('../img/last-items-pic.png') no-repeat 0 0;
}

.itemmore .about h3 {margin:0 0 3px 0;}
.itemmore .about h3 a {text-decoration:none;}
.itemmore .about h3 a:hover {text-decoration:underline;}
.itemmore .left p.submit {margin:0;}
.itemmore .left input.image {
width:93px;
height:22px;
display:block;
float:right;
position:relative;
font-size:10px;
line-height:15px;
color:#000;
}


.itemmore .right {
width:300px;
float:right;
overflow:hidden;
}
.itemmore .right .gray {
height:15px;
background:url('../img/gray-300.png') no-repeat 0 0;
}
.itemmore .right .select {
right:3px;
}
.itemmore .right .select select {
width:221px;
}
.itemmore .right .items {
width:300px;
position:relative;
z-index:2;
}
.itemmore .right .mask {
width:300px;
margin:0 0 15px 0;
position:relative;
z-index:1;
}
.itemmore .right .panel {
width:300px;
padding:0 0 15px 0;
}
.itemmore .right .item {
width:70px;
padding:0 0 10px 0;
float:left;
position:relative;
left:11px;
z-index:1;
}
.itemmore .right .item a {
width:62px;
}
.itemmore .right .item img {
width:60px;
height:60px;
}
.itemmore .right .item dfn {
width:62px;
height:62px;
background:url('../img/last-items-pic.png') no-repeat 0 0;
}
.itemmore .right .active dfn {
background:url('../img/last-items-pic-active.png') no-repeat 0 0;
}
p.pred strong {
height:19px;
padding:0 0 0 32px;
margin:0 0 -4px 0;
position:relative;
top:-2px;
display:block;
line-height:19px;
background:url('../img/ico/comments.png') no-repeat 0 1px;
}




.offer {
padding:5px;
border-bottom:1px solid #d4d4d4;
margin:0 0 10px 0;
overflow:hidden;
position:relative;
}
.blueoffer {
background:url('../img/blueoffer.png') repeat-y 0 0;
}
.offer .line {
width:100%;
overflow:hidden;
}
.offer .message {
width:320px;
float:left;
}
.offer .reply {
width:320px;
float:right;
}
.offer .mid {
width:55px;
padding:10px 0 0 0;
float:left;
}
.offer .mid img {
margin:0 auto 6px auto;
display:block;
}
.offer .mid a {
width:50px;
dislplay:block;
cursor:pointer;
}
.offer .mid a small {
font-size:9px;
display:block;
text-align:center;
text-decoration:underline;
}
.offer .mid a:hover small {
text-decoration:none;
}

.offer .avatar {
width:42px;
}
.offer .reply .avatar {
}
.offer .quote {
width:273px;
padding:10px 0;
border:none;
left:0;
}
.offer .quote p.in {
width:auto;
padding:0 12px 18px 12px;
border-left:1px solid #b0b9b6;
border-right:1px solid #b0b9b6;
margin:0;
position:relative;
z-index:1;
color:#838383;
background:#fff;
}
.offer .quote .top {
width:275px;
height:10px;
left:0;top:0;
z-index:2;
background:url('../img/offer-quote.png') no-repeat -7px 0;
}
.offer .quote .bottom {
width:275px;
height:10px;
margin:0;
left:0;
z-index:2;
background:url('../img/offer-quote.png') no-repeat -7px -45px;
}
.offer .quote small {
bottom:8px;
z-index:3;
}
.offer .quote .corner {
width:8px;
height:8px;
overflow:hidden;
position:absolute;
top:11px;left:-7px;
z-index:2;
background:url('../img/offer-quote.png') no-repeat 0 -12px;
}
.offer .reply .quote .corner {
width:8px;
height:8px;
overflow:hidden;
position:absolute;
top:11px;left:272px;
z-index:2;
background:url('../img/offer-quote.png') no-repeat -279px -16px;
}


.offer .item {
width:340px;
float:left;
}
.offer .item .pic {
padding:0 8px 0 0;
float:left;
background:url('../img/loader.gif') no-repeat 22px 20px;
}
.offer .item .pic a {
width:62px;
height:62px;
display:block;
position:relative;
cursor:pointer;
}
.offer .item .pic img {
width:60px;
height:60px;
border:1px solid #a5a5a4;
display:block;
position:relative;
z-index:1;
}
.offer .item .pic dfn {
width:62px;
height:62px;
display:block;
position:absolute;
top:0;left:0;
z-index:2;
background:url('../img/offer-item-pic.png') no-repeat 0 0;
}
.offer .item .text {
width:265px;
float:left;
}
.offer .item .text h3 {
line-height:18px;
position:relative;
z-index:2;
}
.offer .item .text h3 a {text-decoration:none;}
.offer .item .text h3 a:hover {text-decoration:underline;}