/* ============================================================
   Своя страница — тема десктопа. IE 5.5+.
   Палитра: акцент терракота #ee7d13 (тёмный #d06a0a, светлый #fff0e0),
   положительные действия зелёный #6fb52a (светлый #eef6e4),
   ссылки #d86a00, крем #fdf6e3, жёлтый статус #fbd77a,
   текст #333, приглушённый #888, рамки #e3ded6.
   Картинки: theme/img/ (GIF без альфы, JPEG).
   ============================================================ */

/* ---------- база ---------- */
body{font-family:Tahoma,Verdana,Arial,sans-serif;font-size:12px;color:#333;background:#fff}
a{color:#d86a00;text-decoration:none}
a:hover{color:#b35a06;text-decoration:underline}
a img{border:0}
h1{font-family:Arial,Verdana,sans-serif;font-size:22px;font-weight:bold;color:#333;margin:0 0 10px 0;line-height:28px}
h1 .dim{font-weight:normal;color:#aaa;font-size:20px}
h1 .small{font-family:Tahoma,Verdana,sans-serif;font-weight:normal;font-size:12px}
.pbar{margin:0 0 12px 0;overflow:hidden;zoom:1}
h1 .pbar,.h1-pbar{float:right;margin:2px 0 0 12px}
h2{font-family:Arial,Verdana,sans-serif;font-size:17px;font-weight:bold;color:#333;margin:22px 0 10px 0;border-bottom:1px solid #eee;padding-bottom:5px}
h3{font-family:Arial,Verdana,sans-serif;font-size:13px;font-weight:bold;color:#555;margin:10px 0 6px 0}
table{font-size:12px}
input,textarea,select{font-family:Tahoma,Verdana,Arial,sans-serif;font-size:12px;color:#333}
.dim{color:#888}.small{font-size:11px}.warn,.hint.warn{color:#c0392b}.b{font-weight:bold}
p{margin:0 0 8px 0}

/* ---------- верхняя строка ---------- */
#topline{background:#fff;border-bottom:0;padding:6px 10px;font-size:11px;color:#888;line-height:14px}
#topline a{color:#d86a00}
#topline a:hover{color:#d06a0a}
.tl-right a{margin-left:2px}

/* ---------- шапка ---------- */
#header{background:#ee7d13 url(img/bg-header.gif) repeat-x 0 0;height:46px;padding:0 10px;border-bottom:0}
.hd-logo{width:180px;height:46px;vertical-align:middle}
.logo{color:#fff;display:block;height:30px;padding:0;text-decoration:none}
.logo:hover{text-decoration:none;color:#fff}
.logo-mark{display:block;float:left;width:162px;height:30px;background:url(img/logo.gif) no-repeat 0 0;margin:0}
.logo-text{display:none}
.hd-menu{padding:0 10px;vertical-align:bottom}
.hm-item{width:72px;text-align:center;padding:0;height:46px;vertical-align:top}
.hm-item a{color:#fff;display:block;font-size:10px;text-decoration:none;padding:6px 0 0 0;height:40px;position:relative}
.hm-item a:hover{color:#fff;text-decoration:none;background:#e0720e}
.hm-label{display:block;padding-top:3px;line-height:12px;white-space:nowrap;font-size:10px}
.hm-ico{display:block;width:26px;height:22px;margin:0 auto;background:url(img/hm-icons.gif) no-repeat 0 0}
.hm-ico-messages{background-position:0 0}
.hm-ico-discussions{background-position:-26px 0}
.hm-ico-notifications{background-position:-52px 0}
.hm-ico-guests{background-position:-78px 0}
.hm-ico-ratings{background-position:-104px 0}
.hm-ico-gifts{background-position:-130px 0}
.hm-ico-games{background-position:-156px 0}
.hd-menu .active{background:#fff}
.hd-menu .active a{color:#d06a0a;background:#fff}
.hd-menu .active a:hover{background:#fff;color:#d06a0a}
.hd-menu .active .hm-ico-messages{background-position:0 -22px}
.hd-menu .active .hm-ico-discussions{background-position:-26px -22px}
.hd-menu .active .hm-ico-notifications{background-position:-52px -22px}
.hd-menu .active .hm-ico-guests{background-position:-78px -22px}
.hd-menu .active .hm-ico-ratings{background-position:-104px -22px}
.hd-menu .active .hm-ico-gifts{background-position:-130px -22px}
.hd-menu .active .hm-ico-games{background-position:-156px -22px}
.hm-cnt{position:absolute;left:42px;top:2px;margin:0;background:#6fb52a;color:#fff;font-size:9px;font-weight:bold;line-height:14px;height:14px;padding:0 4px;border:0;white-space:nowrap}
.hd-search{width:200px;height:46px;text-align:right;position:relative;vertical-align:middle}
.hs-input{width:150px;border:1px solid #d06a0a;border-right:0;padding:3px 6px;background:#fff;color:#333;vertical-align:top;height:16px;line-height:16px;font-size:11px;margin:0;float:left}
.hs-btn{width:24px;height:24px;border:1px solid #d06a0a;border-left:0;background:#fff url(img/search.gif) no-repeat 3px 3px;vertical-align:top;cursor:pointer;padding:0;margin:0;float:left}
#hsearch{float:right;overflow:hidden;zoom:1}
.suggest-box{position:absolute;top:34px;right:0;background:#fff;border:1px solid #c8b9ad;border-top:2px solid #ee7d13;width:300px;text-align:left;z-index:50;padding:2px 0}
.sg-adv{display:block;padding:5px 8px;font-size:11px;border-bottom:1px solid #eee;color:#d86a00}
.sg-item{display:block;padding:4px 8px;color:#333;overflow:hidden;zoom:1;line-height:15px}
.sg-item img{float:left;margin-right:8px;width:32px;height:32px}
.sg-item span{display:block;color:#888;font-size:11px}
.sg-item:hover{background:#fdf6e3;text-decoration:none;color:#333}

/* ---------- страница ---------- */
#page{padding:18px 10px 10px 10px;background:#fff;min-width:960px}
#header,#topline,#footer{min-width:960px}
/* IE6: min-width не поддерживается; вычисляемые свойства в теме запрещены (зависание IE6) */
.col-left{width:200px;padding-right:16px}
.col-right{width:200px;padding-left:20px}
#footer{padding:12px 10px;font-size:11px;color:#999;border-top:1px solid #eee;margin-top:30px;background:#fff}
#footer a{color:#6b6055}.ft-copy{float:right}

/* ---------- сообщения системы ---------- */
.flash{padding:7px 10px;margin-bottom:12px;border:1px solid}
#page div.ok{background:#eef6e4;border-color:#bcd99a;color:#3f7a12}
#page div.err{background:#fff0e0;border-color:#f4c9a0;color:#8a4a10}
.svmsg{position:absolute;z-index:1000;padding:8px 16px;border:1px solid;background:#fff;font-weight:bold}
body div.ok{border-color:#6fb52a;background:#eef6e4;color:#3f7a12}
body div.err{border-color:#c0392b;background:#fff0e0;color:#8a4a10}
.fld-err{color:#c0392b;font-size:11px;margin-top:2px}
.empty,.dim.empty{padding:22px 20px 22px 150px;margin:8px 0 16px 0;background:#faf8f5 url(img/empty.gif) no-repeat 16px center;border:1px solid #f0ece6;color:#6b6055;font-size:13px;line-height:19px;min-height:36px;height:auto;zoom:1}
.empty a{font-weight:bold}
.rbox .empty,.rbox .dim.empty{padding:6px 0;margin:0;background:none;border:0;font-size:11px;line-height:15px;color:#999}

/* ---------- всплывающие ---------- */
.ctxmenu{position:absolute;z-index:60;background:#fff;border:1px solid #c8b9ad;padding:6px 10px;width:160px;font-size:11px}
.ctxmenu a{display:block;padding:3px 0 3px 20px;color:#333;background:url(img/acts.gif) no-repeat 0 3px}
.ctxmenu a:hover{color:#d06a0a;text-decoration:none}
.ctx-name{font-weight:bold;margin-bottom:4px;font-size:12px;padding:0}
.ctxmenu .ctx-name{padding-left:0;background:none}
.ctx-sep{border-top:1px solid #eee;margin:4px 0}
.ctx-zoom{background-image:url(img/acts2.gif);background-position:0 -69px}
.ctx-add{background-position:0 -117px}
.ctx-msg{background-position:0 -141px}
.ctx-gift{background-position:0 -165px}
.ctx-friends{background-image:url(img/acts2.gif);background-position:0 3px}
.ctx-photos{background-position:0 3px}
.ctx-group{background-position:0 -69px}
.ctx-rel{background-position:0 -205px}
.popnotify{position:absolute;z-index:70;width:280px;background:#fff;border:2px solid #ee7d13;padding:10px}
.popnotify .pop-in{position:relative}
.pop-x{position:absolute;right:0;top:-4px;color:#999;font-size:16px}
.pop-x:hover{color:#d06a0a;text-decoration:none}
.pop-ava{float:left;margin-right:8px}
.pop-ava img{display:block;width:50px;height:50px;border:1px solid #e3ded6}
.pop-body{margin-left:60px}
.pop-body b{display:block;margin-bottom:2px}
.pop-act{margin-top:6px}
#svoverlay{background:#3b3b3b}
.mbox{background:#fff;border:1px solid #d06a0a;padding:16px;position:relative}
.mclose{position:absolute;right:8px;top:4px;font-size:18px;color:#999;font-family:Arial,sans-serif}
.mclose:hover{color:#d06a0a;text-decoration:none}

/* ---------- формы ---------- */
.form .frow{margin:0 0 14px 0;overflow:hidden;zoom:1}
.form{margin-top:4px}
.form .frow .btn{vertical-align:middle}
.form label{display:block;color:#555;font-size:12px;font-weight:bold;margin-bottom:4px}
.form label.chk,.chk{display:inline;color:#333;font-size:12px}
.inp{border:1px solid #c8bfb5;border-top-color:#b3a89c;padding:5px 6px;width:260px;height:16px;line-height:16px;background:#fff;color:#333;vertical-align:middle;font-size:13px}
.inp:focus{border-color:#ee7d13;outline:0}
.inp-year{width:50px}
textarea.inp{width:400px;height:60px;line-height:16px;overflow:auto;resize:vertical}
.inp-err,input.err,textarea.err{border-color:#c0392b;background:#fff7f5}
select{border:1px solid #c8bfb5;padding:3px;height:28px;background:#fff;vertical-align:middle;font-size:13px}
.btn{display:inline-block;background:#ee7d13 url(img/bg-btn.gif) repeat-x 0 0;color:#fff;border:1px solid #d06a0a;padding:0 12px;height:24px;line-height:22px;cursor:pointer;font-weight:bold;font-size:12px;text-decoration:none;font-family:Tahoma,Verdana,Arial,sans-serif;vertical-align:middle;overflow:visible}
input.btn,button.btn{height:24px;line-height:22px;padding:0 12px}
.btn:hover{background:#dc6e08;color:#fff;text-decoration:none}
.frow .btn,.frow .small{vertical-align:middle}
.frow .btn{margin-right:8px}
.btn-small,input.btn-small{padding:0 10px;font-size:11px;height:22px;line-height:20px}
.btn-big,input.btn-big{font-size:14px;padding:0 22px;height:32px;line-height:30px}
.btn-danger{background:#a83a2b;border-color:#7d2a1f}
.btn-danger:hover{background:#932f22}
.btn-ok,a.ok,input.ok,button.ok{background:#6fb52a url(img/bg-btn-green.gif) repeat-x 0 0;border-color:#5a9a1e}
.btn-ok:hover,a.ok:hover{background:#63a624}
a.disabled,input.disabled,button.disabled,.btn-disabled{background:#ddd6cc;border-color:#c8bfb5;color:#fff;cursor:default}
input.btn[disabled]{background:#ddd6cc;border-color:#c8bfb5;color:#fff;cursor:default}
.gact .cur,.gact a.cur:hover{background:#b35a06;border:1px solid #8a4a10;color:#fff}
.hint{color:#888;font-size:11px;margin-top:4px;line-height:14px}
.hint .right{color:#d86a00;margin-left:12px}
.chk input{vertical-align:middle;margin:0 3px 2px 0}
.narrow{width:480px}
.narrow h1{font-size:22px;margin-bottom:14px}
.login-form{background:#faf8f5;border:1px solid #e3ded6;padding:14px}
.login-form .inp,.landing-login .inp{width:96%}
.ftitle{font-family:Arial,Verdana,sans-serif;font-size:15px;font-weight:bold;margin-bottom:10px;color:#555}
.inline-form select,.inline-form input{margin-right:6px;vertical-align:middle}
.inline-search{margin-bottom:12px;position:relative;zoom:1}
.inline-search .inp{width:340px;margin-right:6px}
.inline-search .btn{vertical-align:middle}
.inline-search .hint{position:relative;zoom:1;width:414px;margin-top:5px;padding-right:130px;width:284px}
.inline-search .hint .right{position:absolute;right:0;top:0;float:none;margin:0}
.list{width:100%;border-collapse:collapse;margin:6px 0 12px 0}
.list th{text-align:left;background:#f6f2ec;border-bottom:1px solid #e3ded6;font-weight:bold;color:#6b6055;font-size:11px;padding:6px 8px;white-space:nowrap}
.list td{padding:7px 8px;border-bottom:1px solid #f0ece6;vertical-align:top}
.list tr:hover td{background:#fdfaf3}
.settings-grid{border-collapse:collapse;margin:6px 0}
.settings-grid th{background:#f6f2ec;border-bottom:1px solid #e3ded6;font-size:11px;padding:6px 10px;text-align:center}
.settings-grid td{padding:6px 10px;border-bottom:1px solid #f0ece6}
.settings-grid td input{margin:0}
.search-grid th,.about th{font-weight:normal;color:#888;padding:4px 8px 4px 0}
.search-grid th{text-align:right;width:150px}
.search-grid td,.settings-grid td{padding:4px 0}
.about th{text-align:left;vertical-align:top;width:150px}
.about td{vertical-align:top;padding:4px 0}

/* вкладки */
.tabs{margin:10px 0 14px 0;border-bottom:1px solid #e3ded6;overflow:hidden;zoom:1;height:auto;padding:0 0 0 0}
.tab{display:block;float:left;padding:0 8px;margin:0 2px 1px 0;font-size:12px;color:#d86a00;background:none;border:0;height:26px;line-height:26px;white-space:nowrap}
.tab:hover{background:#fff0e0;text-decoration:none;color:#d06a0a}
.tabs .cur{background:#ee7d13;color:#fff;font-weight:bold}
.tabs a.cur:hover{background:#ee7d13;color:#fff}
.tab-n{color:#999;font-size:10px;font-weight:normal;margin-left:1px}
.tabs .cur .tab-n{color:#ffd9b0}
.pager{margin:14px 0;text-align:center;font-size:11px}
.pager a,.pager span{padding:2px 7px;margin:0 1px;border:1px solid #e3ded6}
.pager a:hover{background:#fdf6e3;text-decoration:none}
.pager span.cur{background:#ee7d13;color:#fff;border-color:#d06a0a;font-weight:bold}

/* ---------- аккаунт / лендинг ---------- */
.landing h1{font-size:26px;line-height:32px;color:#d06a0a;margin-bottom:12px}
.landing-text{font-size:14px;line-height:20px;margin-bottom:8px}
.landing-list{padding-left:18px;line-height:20px;font-size:13px}
.landing-login{background:#fdf6e3;border:1px solid #efe0b8;padding:16px}
.landing-closed{background:#fdf6e3;border:1px solid #efe0b8;padding:10px 14px;line-height:18px}
.landing-invite{margin-top:10px}
.landing-benefits{overflow:hidden;zoom:1;margin:18px 0 6px 0}
.lb{float:left;width:48%;margin:0 2% 14px 0;min-height:60px;font-size:12px;line-height:16px}
* html .lb{height:60px}
.lb-ico{display:block;float:left;width:32px;height:32px;margin:2px 0 0 0;background:url(img/lb-icons.gif) no-repeat 0 0}
.lb-ico-people{background-position:0 0}
.lb-ico-photos{background-position:-32px 0}
.lb-ico-gifts{background-position:-64px 0}
.lb-ico-groups{background-position:-96px 0}
.lb b{display:block;margin:0 0 3px 44px;font-size:13px;color:#333}
.lb span{display:block;margin-left:44px;font-size:11px;line-height:15px;color:#6b6055}
.lb .lb-ico{margin-left:0}
.landing-stats{clear:both;margin:4px 0 0 0;padding:10px 0 0 0;border-top:1px solid #f0ece6;font-size:12px;line-height:16px}
.landing-stats b{color:#d06a0a}
.landing-invite label{display:block;color:#777;font-size:11px;margin-bottom:3px}
.inp-invite,input.inp-invite{width:150px;padding:4px 6px;height:14px;line-height:14px;text-transform:uppercase;letter-spacing:2px;font-family:"Courier New",monospace;font-size:13px;font-weight:bold;margin-right:6px;vertical-align:middle}
.inv-code{font-family:"Courier New",monospace;font-size:18px;font-weight:bold;letter-spacing:3px;background:#fdf6e3;border:1px dashed #d8c48f;padding:3px 8px;color:#333}
.inv-row{padding:10px 0;border-bottom:1px solid #f0ece6}
.invite-row{margin-top:4px;color:#6fb52a}
.recover-q{background:#fdf6e3;border:1px solid #efe0b8;padding:10px 14px;font-weight:bold;font-size:13px}
.closed-profile{padding:24px;background:#faf8f5;border:1px solid #e3ded6;text-align:center;color:#666}
.error-page{padding:40px 0;text-align:center}
.error-page h1{font-size:26px;color:#d06a0a}


/* позиции иконок действий — с приоритетом над .pactions .act */
.pactions .act,.uact .act,.pv-actions .act{display:block;padding:4px 0 4px 22px;background:url(img/acts.gif) no-repeat 0 4px;color:#d86a00;line-height:16px}
.pactions .act-photo,.uact .act-photo,.pv-actions .act-photo,.act-photo{background-position:0 4px}
.pactions .act-avatar,.uact .act-avatar,.pv-actions .act-avatar,.act-avatar{background-position:0 -20px}
.pactions .act-edit,.uact .act-edit,.pv-actions .act-edit,.act-edit{background-position:0 -44px}
.pactions .act-event,.uact .act-event,.pv-actions .act-event,.act-event{background-position:0 -68px}
.pactions .act-badge,.uact .act-badge,.pv-actions .act-badge,.act-badge{background-position:0 -92px}
.pactions .act-add,.uact .act-add,.pv-actions .act-add,.act-add{background-position:0 -116px}
.pactions .act-msg,.uact .act-msg,.pv-actions .act-msg,.act-msg{background-position:0 -140px}
.pactions .act-gift,.uact .act-gift,.pv-actions .act-gift,.act-gift{background-position:0 -164px}
.pactions .act-bm,.uact .act-bm,.pv-actions .act-bm,.act-bm{background-position:0 -188px}
.pactions .act-link,.uact .act-link,.pv-actions .act-link,.act-link{background-position:0 -212px}
.pactions .act-move,.uact .act-move,.pv-actions .act-move,.act-move{background-position:0 -236px}
.pactions .act-del,.uact .act-del,.pv-actions .act-del,.act-del{background-position:0 -260px}
.pactions .act-report,.uact .act-report,.pv-actions .act-report,.act-report{background-position:0 -284px}
.pactions .act-rel,.uact .act-rel,.pv-actions .act-rel,.act-rel{background-position:0 -308px}
.pactions .act-invite,.uact .act-invite,.act-invite{background-image:url(img/acts2.gif);background-position:0 4px}
.pactions .act-more,.act-more{background-image:none;color:#888}


/* позиции иконок с приоритетом над контейнерными правилами */
.pactions .act-photo,.uact .act-photo,.pv-actions .act-photo,.gact .act-photo,.act-photo{background-position:0 4px}
.pactions .act-avatar,.uact .act-avatar,.pv-actions .act-avatar,.gact .act-avatar,.act-avatar{background-position:0 -20px}
.pactions .act-edit,.uact .act-edit,.pv-actions .act-edit,.gact .act-edit,.act-edit{background-position:0 -44px}
.pactions .act-event,.uact .act-event,.pv-actions .act-event,.gact .act-event,.act-event{background-position:0 -68px}
.pactions .act-badge,.uact .act-badge,.pv-actions .act-badge,.gact .act-badge,.act-badge{background-position:0 -92px}
.pactions .act-add,.uact .act-add,.pv-actions .act-add,.gact .act-add,.act-add{background-position:0 -116px}
.pactions .act-msg,.uact .act-msg,.pv-actions .act-msg,.gact .act-msg,.act-msg{background-position:0 -140px}
.pactions .act-gift,.uact .act-gift,.pv-actions .act-gift,.gact .act-gift,.act-gift{background-position:0 -164px}
.pactions .act-bm,.uact .act-bm,.pv-actions .act-bm,.gact .act-bm,.act-bm{background-position:0 -188px}
.pactions .act-link,.uact .act-link,.pv-actions .act-link,.gact .act-link,.act-link{background-position:0 -212px}
.pactions .act-move,.uact .act-move,.pv-actions .act-move,.gact .act-move,.act-move{background-position:0 -236px}
.pactions .act-del,.uact .act-del,.pv-actions .act-del,.gact .act-del,.act-del{background-position:0 -260px}
.pactions .act-report,.uact .act-report,.pv-actions .act-report,.gact .act-report,.act-report{background-position:0 -284px}
.pactions .act-rel,.uact .act-rel,.pv-actions .act-rel,.gact .act-rel,.act-rel{background-position:0 -308px}
.pactions .act-invite,.uact .act-invite,.pv-actions .act-invite,.act-invite{background-image:url(img/acts2.gif);background-position:0 4px}
.pactions .act-ok,.uact .act-ok,.pv-actions .act-ok,.act-ok{color:#6fb52a;background-image:url(img/acts2.gif);background-position:0 -20px}
.urow td,.urow-actions{vertical-align:top}
.urow-actions{padding-top:2px}
/* ---------- профиль ---------- */
.pleft{width:180px}
.pava{position:relative}
.pava img{display:block}
.pava .ph img{border:1px solid #e3ded6;padding:0}
.badge{position:absolute;right:-6px;top:-6px;width:40px;height:40px;border:2px solid #fff}
.pava-comments{margin:6px 0 16px 0;font-size:11px}
.pactions .act{color:#333;font-size:12px}
.pactions{border-top:1px solid #f0ece6;padding-top:8px}
.pactions .act:hover,.uact .act:hover,.pv-actions .act:hover{color:#d06a0a}
.act-photo{background-position:0 4px}
.act-avatar{background-position:0 -20px}
.act-edit{background-position:0 -44px}
.act-event{background-position:0 -68px}
.act-badge{background-position:0 -92px}
.act-add{background-position:0 -116px}
.act-msg{background-position:0 -140px}
.act-gift{background-position:0 -164px}
.act-bm{background-position:0 -188px}
.act-link{background-position:0 -212px}
.act-move{background-position:0 -236px}
.act-del{background-position:0 -260px}
.act-report{background-position:0 -284px}
.act-rel{background-position:0 -308px}
.act-invite{background-image:url(img/acts2.gif);background-position:0 4px}
.act-more{background-image:none;padding-left:22px;color:#888;font-size:11px}
.pactions .act-ok,.uact .act-ok,.act-ok{color:#6fb52a;background-image:url(img/acts2.gif);background-position:0 -20px}
#pmore .act{background-image:none;color:#666;padding-top:2px;padding-bottom:2px}
.phead{margin-bottom:4px}
.pname{font-family:Arial,Verdana,sans-serif;font-size:22px;font-weight:bold;color:#333;margin-bottom:4px}
.pmeta{font-family:Tahoma,Verdana,sans-serif;font-size:12px;color:#888;font-weight:normal;margin-left:6px}
.pvisit{color:#999;font-size:11px}
.phint{font-size:11px;color:#d86a00;margin-bottom:6px}
.pmod{color:#5a9a1e;font-size:12px;margin:4px 0 8px 0}
.pmod-ico{display:inline-block;width:14px;height:14px;background:#6fb52a url(img/acts2.gif) no-repeat -1px -49px;vertical-align:middle;margin-right:2px}
.composer{border:2px solid #ee7d13;padding:8px;margin:6px 0 10px 0;background:#fff}
.composer-bar .btn,.composer-bar input.btn{background:#fff;color:#333;border:1px solid #d06a0a;font-weight:bold;padding:0 10px;height:22px;line-height:20px;font-size:11px;vertical-align:top;margin-top:1px}
.composer-bar .btn:hover{background:#fff0e0;color:#333}
textarea.composer-text,.composer-text{width:98%;border:0;padding:4px 6px;margin:0;height:auto;font-size:13px;line-height:18px;color:#333;overflow:hidden;zoom:1;resize:none;background:transparent}
.composer-bar{margin:8px -8px -8px -8px;padding:4px 8px;white-space:nowrap;background:#ee7d13 url(img/bg-btn.gif) repeat-x 0 0;font-size:11px;line-height:24px;height:24px;zoom:1;overflow:hidden}
.composer-bar a{float:left;margin-right:16px;color:#fff;font-weight:bold;padding-left:20px;height:24px;line-height:24px;background:url(img/acts-w.gif) no-repeat 0 3px}
.composer-bar a:hover{color:#fff}
.composer-bar .cb-status{background-position:0 -49px}
.composer-bar .cb-photo{background-position:0 3px}
.composer-bar .cb-link{background-position:0 -29px}
.composer-right{float:right;height:24px;line-height:24px}
.composer-right .chk{font-size:11px;color:#fff;margin-right:8px}
#composer-preview{margin-top:4px}
.status-bar{background:#fbd77a;border:0;padding:8px 12px;margin:6px 0 4px 0;line-height:16px}
.status-text{font-weight:bold;font-size:13px}
.status-bar .dim{margin-left:6px;font-size:11px}
.status-x{float:right;color:#8a7430;font-size:14px;line-height:16px;font-family:Arial,sans-serif}
.status-x:hover{color:#d06a0a;text-decoration:none}
.status-comments{margin-bottom:18px;font-size:11px}
.porgs{margin:4px 0}.porg{margin:3px 0}
.org-row{margin:4px 0}.org-del{color:#c0392b;font-size:11px;margin-left:6px}

/* длинные слова без пробелов не распирают колонки */
.cmt-text,.msg-text,.hml-text,.disc-teaser-text,.status-bar,.gdesc,.ad-text,.st-text,.pv-caption{word-wrap:break-word}
/* IE6: inline-block только у строчных */
* html .st-cur .st-text,* html .ad-preview{display:inline;zoom:1}
/* ---------- лента ---------- */
.fi-holiday{color:#d06a0a}
.lp{overflow:hidden;zoom:1;border:1px solid #eee;padding:10px;margin:6px 0;background:#fafafa;word-wrap:break-word}
.lp-img{float:left;margin-right:12px;position:relative}
.lp-body{overflow:hidden;zoom:1}
.fi .lp-img,.disc-teaser .lp-img{max-height:135px;overflow:hidden}
* html .fi .lp-img,* html .disc-teaser .lp-img{height:135px;overflow:hidden}
.lp-img .ph,.lp-img a{display:block}
.lp-img img{max-width:180px;display:block;border:1px solid #e3ded6}
* html .lp-img{width:180px;overflow:hidden}
.lp-play{position:absolute;left:40%;top:40%;color:#fff;font-size:30px;background:#000;filter:alpha(opacity=60);opacity:.6;padding:2px 8px}
.lp-title{font-weight:bold;font-size:13px;color:#d86a00}
.lp-desc{margin:3px 0;color:#555;line-height:16px}
.lp-site{color:#999}
.lp-wait{color:#999;padding-left:16px;background:url(img/loading.gif) no-repeat 0 1px}

/* ---------- люди ---------- */
.minis{overflow:hidden;zoom:1}
.mini{float:left;width:54px;margin:0 4px 6px 0;text-align:center;font-size:10px;color:#333;line-height:12px}
.mini img{display:block;margin:0 auto 3px auto;border:1px solid #e3ded6;width:50px;height:50px;padding:1px;background:#fff}
a.done{filter:alpha(opacity=40);opacity:.4}
a.done img{border-color:#ccc}
.urow{padding:10px 0;border-bottom:1px solid #f0ece6;overflow:hidden;zoom:1;position:relative}
.urow .ava{float:left;margin-right:12px}
.urow .ava img{display:block;border:1px solid #e3ded6;width:110px;height:110px}
.urow-info{float:left;width:300px}
.urow-actions{float:right;width:200px;font-size:11px}
.uname{font-size:13px;font-weight:bold}
.usub{color:#888;margin-top:3px}
.uextra{margin-top:6px;color:#666;font-size:11px}
.ustatus{position:absolute;margin:-6px 0 0 -4px;background:#fbd77a;border:1px solid #f0c25a;font-size:10px;padding:1px 5px;z-index:2;max-width:110px;overflow:hidden;zoom:1;white-space:nowrap}
.uact .act{color:#d86a00;background-image:url(img/acts.gif)}
.req-msg{background:#fbd77a;border:1px solid #f0c25a;padding:5px 8px;margin:5px 0;font-style:italic}
.rel-form label{display:block;padding:2px 0}
.rbox{margin-bottom:18px}
.rbox-title{font-family:Arial,Verdana,sans-serif;font-size:15px;font-weight:bold;color:#333;border-bottom:1px solid #e3ded6;margin-bottom:6px;padding-bottom:3px}
.rbox-title a{color:#555}
.rbox-title a:hover{color:#d06a0a}
.rbox-sub{color:#888;font-size:11px;margin-bottom:5px}
.rbox-body{font-size:11px;line-height:15px}
.rbox-body .small{color:#999;padding:2px 0 4px 0}
.rbox-promo{background:#faf8f5;border:1px solid #e3ded6;padding:10px;font-size:11px;line-height:15px}
.rbox-promo .btn{margin-top:8px}
.rbox-bday{overflow:hidden;background:#fdf6e3;border:1px solid #efe0b8;padding:8px;zoom:1}
.bday-cal{float:left;width:36px;height:36px;background:#fff url(img/bg-cal.gif) repeat-x 0 0;border:1px solid #d8c48f;text-align:center;margin-right:10px}
.bday-day{font-family:Arial,sans-serif;font-size:18px;font-weight:bold;line-height:42px;color:#d06a0a}
.bday-body{font-size:11px;line-height:15px;color:#6b6055}
.online-d,.online-m{display:inline-block;width:12px;height:12px;vertical-align:middle;background:url(img/online.gif) no-repeat 0 0;margin:0 3px 2px 0}
.online-m{background-position:-12px 0}
.grow{padding:8px 0;border-bottom:1px solid #f0ece6}

/* ---------- фото ---------- */
.thumbs-grid,.albums{overflow:hidden;zoom:1}
.pthumb,.album{float:left;width:180px;margin:0 12px 16px 0}
.pthumb img,.album img{display:block;max-width:180px;border:1px solid #e3ded6}
* html .pthumb .ph,* html .album .ph,* html .disc-teaser-img{display:block;width:182px;overflow:hidden}
.album .ph{background:#f6f2ec}
.pthumb-info{font-size:11px;color:#888;margin-top:4px;line-height:15px}
.r-cnt{color:#6fb52a;font-weight:bold}.r-avg{color:#555}.r-5plus{color:#ee7d13;font-weight:bold}
.ph:hover .zoom{display:block}
.zoom{background:url(img/zoom.gif) no-repeat}
.pbar .btn{margin-right:6px;vertical-align:middle}
.pbar .btn-small{vertical-align:middle}
.tagged-item{margin-bottom:12px}
.thumbs .thumb,.cover-pick{display:inline-block;margin:2px;border:2px solid #fff}
.thumbs .cur,label.cur{border-color:#ee7d13}
.file-row{margin:4px 0}
.ph-hint{color:#999;font-size:11px}
.pviewer-overlay{position:absolute;z-index:120;width:880px;border:1px solid #222;background:#fff}
.pvbg{background:#222}
.pv-main{padding:12px;background:#3b3b3b;color:#ccc}
.pv-main a{color:#9fcf8a}
.pv-main a:hover{color:#c5e8b6}
.pv-stage{position:relative;text-align:center}
.pv-stage img{max-width:640px}
* html .pv-stage{width:640px;overflow:hidden}
.pviewer-page .pv-stage img{max-width:100%;height:auto}
.pviewer-page .pv-main{width:auto}
* html .pviewer-page .pv-stage{width:520px;overflow:hidden}
.pv-nav{position:absolute;top:45%;font-family:Arial,sans-serif;font-size:40px;color:#fff;padding:0 12px;text-decoration:none;filter:alpha(opacity=60);opacity:.6}
.pv-nav:hover{filter:alpha(opacity=100);opacity:1;text-decoration:none;color:#fff}
.pv-tagbox{position:absolute;border:2px solid #fff;filter:alpha(opacity=80);opacity:.8}
.pv-under{margin-top:8px;color:#999;font-size:11px}
.pv-caption{margin:4px 0;color:#eee;font-size:13px}
.ptags{margin:6px 0;color:#bbb}
.ptag-pending{color:#888;font-style:italic}
.pv-tagform{margin-top:4px}
.pv-side{padding:12px;position:relative;background:#fff;width:200px}
.pv-side .inp,.pv-cmt-quick .inp{width:186px}
.pv-cmt-quick{margin-top:8px}
.pviewer-page .pviewer-overlay{position:static;width:auto}
.pv-close{position:absolute;right:8px;top:2px;font-size:20px;color:#999;font-family:Arial,sans-serif}
.pv-close:hover{color:#d06a0a;text-decoration:none}
.pv-owner{margin:10px 0;padding-bottom:8px;border-bottom:1px solid #f0ece6}
.pv-owner b{font-size:13px}
.pv-actions{margin-bottom:8px}
.pv-rate{margin:12px 0;padding:10px 0;border-top:1px solid #f0ece6;border-bottom:1px solid #f0ece6;white-space:nowrap}
.rate{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;background:#ee7d13 url(img/bg-rate.gif) no-repeat 0 0;color:#fff;margin-right:3px;text-decoration:none;font-weight:bold;font-family:Arial,sans-serif;font-size:12px}
.rate:hover{background-color:#d06a0a;color:#fff;text-decoration:none}
.rate-6{background:#b3231d url(img/bg-rate6.gif) no-repeat 0 0;width:30px;height:28px;line-height:28px;font-size:13px}
.rate-6:hover{background-color:#8e1a14}
.pv-rate .cur,.hml-body .cur,.urow-info .cur{border:2px solid #333;line-height:20px;height:20px;width:20px;vertical-align:top}
.pv-rating{color:#888;font-size:11px;margin-top:6px}
.pv-cmt-title{color:#eee;border-color:#555;margin-top:12px}
.pv-cmt-quick{margin-top:8px}
.comments{margin-top:6px}
.cmt{overflow:hidden;zoom:1;padding:8px 0;border-top:1px solid #f0ece6}
.pv-main .cmt{border-top-color:#555}
.cmt-ava{float:left;margin-right:8px}
.cmt-ava img{display:block;width:32px;height:32px}
.cmt-body{margin-left:40px;line-height:16px}
.cmt-name{font-weight:bold}
.cmt-text{margin:2px 0}
.cmt-meta{font-size:11px;color:#888;line-height:16px}
.pv-main .cmt-meta{color:#999}
.cmt-attach{margin:4px 0}
.cmt-attach img{border:1px solid #666}
.cmt-form{margin-top:8px}
.cmt-input,textarea.cmt-input{width:96%;height:auto;padding:4px 6px;line-height:16px;resize:none;overflow:hidden}
.cmt-bar{margin-top:6px;line-height:24px}
.cmt-bar .smiles-btn,.cmt-bar .btn{vertical-align:middle}
.cmt-bar .smiles-btn{line-height:22px}
.cmt-more{text-align:center;padding:6px}
.smiles-btn{display:inline-block;width:0;height:22px;padding:0 0 0 22px;overflow:hidden;margin:0 8px 0 0;vertical-align:middle;background:url(img/smiles/smile.gif) no-repeat 2px 2px;font-size:1px;line-height:22px;text-decoration:none;color:#fff;cursor:pointer}
.smiles-btn:hover{text-decoration:none;color:#d06a0a}
.smiles-panel{position:absolute;z-index:130;background:#fff;border:1px solid #c8b9ad;border-top:2px solid #ee7d13;padding:6px;width:240px}
.smiles-panel a{margin:2px;display:inline-block;width:24px;height:24px;text-align:center}
.smiles-panel a:hover{background:#fdf6e3}
.smiles-panel img{vertical-align:middle;margin-top:2px}

/* ---------- сообщения ---------- */
.msg-wrap{border:2px solid #6fb52a;background:#fff}
.msg-left{background:#eef6e4;border-right:1px solid #cfe3b4;padding:6px;width:180px}
.msg-tabs{margin:0 0 6px 0;border-bottom:1px solid #cfe3b4;overflow:hidden;zoom:1}
.msg-tabs .tab{background:none;color:#5a9a1e;padding:3px 6px;margin-right:2px;font-size:11px}
.msg-tabs .tab:hover{background:#e6f1d8;color:#3f7a12}
.msg-tabs .cur{background:#6fb52a;color:#fff}
.msg-tabs .cur{background:#6fb52a;color:#fff;border-color:#5a9a1e}
.msg-tabs .cur .tab-n{color:#e0f0c8}
.msg-search{margin-bottom:6px}
.msg-search .inp,.msg-search input.inp{width:156px;border-color:#cfe3b4;padding:3px}
.dlist{background:#fff;border:1px solid #cfe3b4}
.ditem{position:relative;padding:5px 6px;border-bottom:1px solid #e6f1d8;background:#fff}
.ditem-a{display:block;overflow:hidden;zoom:1;color:#333;line-height:15px}
.ditem-a:hover{text-decoration:none;color:#333}
.ditem-ava{float:left;margin-right:6px}
.ditem-ava img{display:block;width:32px;height:32px}
.ditem-name{font-size:12px}
.ditem-n{color:#6fb52a;font-size:10px;font-weight:bold;margin-left:4px}
.dlist .unread .ditem-name{font-weight:bold}
.dlist .unread .ditem-a{color:#333}
.dlist .cur{background:#6fb52a url(img/bg-ditem-arrow.gif) no-repeat right center}
.dlist .cur a,.dlist .cur .ditem-a,.dlist .cur .ditem-n,.dlist .cur .dim{color:#fff}
.ditem-hide{display:none;position:absolute;right:16px;bottom:5px;font-size:10px;color:#888}
.ditem:hover .ditem-hide,.dlist .cur .ditem-hide{display:inline}
.msg-prev{margin-top:6px;background:#d9ebc2;padding:6px;text-align:center;font-size:11px}
.msg-prev a{color:#3f7a12}
.msg-right{padding:0}
.msg-head{background:#6fb52a url(img/bg-msghead.gif) repeat-x 0 0;color:#fff;padding:7px 10px;line-height:18px}
.msg-head a{color:#fff;margin-right:12px;font-size:11px}
.msg-head a:hover{color:#e8f5d6}
.msg-peer{font-family:Arial,Verdana,sans-serif;font-size:15px;font-weight:bold}
.msg-head-r{float:right}
.msg-help{display:none}
.msg-empty{padding:18px;font-family:Arial,Verdana,sans-serif;font-size:16px;color:#555}
.msg-back{color:#6fb52a;font-size:22px;margin-right:8px;text-decoration:none}
.msg-list{height:320px;overflow:auto;padding:12px 14px;background:#fff}
.msg-day{text-align:center;color:#999;margin:8px 0;border-bottom:1px dotted #bbb;line-height:0;font-size:11px}
.msg-day span{background:#fff;padding:0 8px}
.msg{margin:0 0 12px 0;line-height:16px}
.msg-from a{color:#ee7d13;font-weight:bold}
.msg-mine .msg-from a{color:#6fb52a}
.msg-time{float:right;color:#aaa;font-size:11px;line-height:16px}
.msg-x{font-family:Arial,sans-serif;font-size:12px;line-height:14px;color:#bbb;margin-left:8px;text-decoration:none;font-weight:normal}
.msg-x:hover{color:#d06a0a;text-decoration:none}
.msg-text{margin:2px 0 0 0}
.msg-form{background:#eef6e4;border-top:1px solid #cfe3b4;padding:10px 12px;overflow:hidden;zoom:1}
.msg-tools{float:left;width:50px;height:40px;line-height:40px;white-space:nowrap}
.msg-tool{font-size:16px;margin-right:6px;color:#6fb52a;text-decoration:none;vertical-align:middle}
.msg-tool:hover{color:#3f7a12;text-decoration:none}
.msg-input,textarea.msg-input{float:left;width:248px;height:auto;line-height:16px;border-color:#cfe3b4;padding:4px 6px;resize:none;overflow:hidden;zoom:1;display:block;margin:0}
.msg-send,input.msg-send{float:left;height:40px;line-height:38px;background:#6fb52a url(img/ico-send.gif) no-repeat 10px center;border-color:#5a9a1e;padding:0 14px 0 32px;font-size:13px;margin-left:10px}
.msg-send:hover{background-color:#63a624}
.msg-cant{padding:8px;color:#888}
.msg-photos{background:#fff;border:1px solid #cfe3b4;padding:6px;margin:4px 0}
.msg-photos a{margin:2px}
.msg-attach-prev{margin:4px 0;font-size:11px;color:#888}
.msg-sound{font-size:11px;color:#888}

/* ---------- оповещения, обсуждения, статусы ---------- */
.nt{padding:6px 4px;border-bottom:1px solid #f0ece6;overflow:hidden;zoom:1;line-height:16px}
.nt-new{background:#fdf6e3}
.nt-ava{float:left;margin-right:8px}
.nt-ava img{display:block;width:32px;height:32px}
.nt-body{margin-left:40px}
.disc{padding:8px 4px;border-bottom:1px solid #f0ece6;overflow:hidden;zoom:1}
.disc-new{background:#fdf6e3}
.disc-img{float:left;margin-right:8px}
.disc-img img{display:block;width:50px;height:50px;border:1px solid #e3ded6}
.disc-body{margin-left:60px;line-height:16px}
.disc-body b,.disc-body .b{font-size:13px}
.hm-cnt-inline{background:#6fb52a;color:#fff;font-size:10px;font-weight:bold;padding:0 5px;margin-left:4px}
.st-item{padding:10px 0;border-bottom:1px solid #f0ece6;line-height:17px}
.st-cur .st-text{background:#fbd77a;border:1px solid #f0c25a;display:inline-block;padding:4px 8px;font-weight:bold}
.topic-row{padding:9px 0;border-bottom:1px solid #f0ece6;line-height:17px}
.topic-row a{font-weight:bold;font-size:13px}
.topic-row .small{margin-top:2px}
.topic-row .small a{font-weight:normal;font-size:11px}
.topic-tools{font-size:11px;color:#888;margin:6px 0}

/* ---------- подарки, праздники, счёт ---------- */
.gcards{overflow:hidden;zoom:1}
.gcard{float:left;width:108px;height:160px;margin:0 8px 8px 0;text-align:center;font-size:11px;padding:8px 0 4px 0;border:1px solid #fff;line-height:14px}
.gcard:hover{border-color:#f2c7a0;background:#fffaf4}
.gcard a:hover img{border-color:#ee7d13}
.gcard-img img{border:1px solid #e3ded6;width:96px;height:96px;display:block;margin:0 auto 6px auto}
.gcard-title{display:block;line-height:14px;height:28px;overflow:hidden;zoom:1;padding:0 4px}
.gcard-holiday{background:#fdf6e3;border-color:#efe0b8}
.gcard-price{color:#666;margin-top:2px}
.free{color:#6fb52a;font-weight:bold}
.coin{color:#999}
.gift-bar{background:#fdf6e3;border:1px solid #efe0b8;padding:8px 12px;margin-bottom:12px}
.gifts-row a{margin-right:4px}
.gifts-row img{width:48px;height:48px}
.gifts-grid{overflow:hidden;zoom:1}
.gift{float:left;width:130px;margin:0 12px 16px 0;text-align:center;font-size:11px;line-height:15px}
.gift img{border:1px solid #e3ded6;display:block;margin:0 auto 4px auto}
.gift img{width:96px;height:96px}
.gift-from{color:#666}
.gift-msg{background:#fdf6e3;border:1px solid #efe0b8;padding:4px;margin-top:3px;font-style:italic;color:#6b6055}
.hol-today{background:#fdf6e3;border:1px solid #efe0b8;padding:8px 12px;margin-bottom:8px;line-height:17px}
.hol-list{margin-top:8px}
.hol-item{padding:6px 0;border-bottom:1px solid #f0ece6}
.hol-date{display:inline-block;width:90px;color:#888;font-size:11px}
.hol-row{padding:3px 0}
.balance-box{background:#eef6e4;border:1px solid #cfe3b4;padding:10px 14px;margin-bottom:12px}
.balance-n{font-family:Arial,sans-serif;font-size:20px;font-weight:bold;color:#3f7a12}
.plus{color:#6fb52a}.minus{color:#c0392b}
.packs{margin:8px 0}
.pack{display:block;margin:3px 0;padding:6px 10px;background:#faf8f5;border:1px solid #e3ded6;color:#333}
.pack:hover{background:#fdf6e3;text-decoration:none}
.pack b{color:#d06a0a}

/* ---------- группы, мероприятия ---------- */
.grow-item{overflow:hidden;zoom:1;padding:10px 0;border-bottom:1px solid #f0ece6}
.grow-item .ph{float:left;margin-right:10px}
.grow-item .ph img{display:block;border:1px solid #e3ded6;width:110px;height:110px}
.grow-info{margin-left:122px}
.grow-info .uname{font-size:14px}
.ghead{margin-bottom:8px;overflow:hidden;zoom:1}
.ghead .ph{float:left;margin-right:12px}
.ghead .ph img{border:1px solid #e3ded6}
.ghead .pname{font-size:22px;margin-bottom:2px}
.ghead td{vertical-align:top}
.ghead img{border:1px solid #e3ded6}
.gact{margin-top:10px;line-height:22px}
.gact .btn{margin-right:6px}
.gact .act{display:inline-block;padding-left:20px;background-position:0 3px;line-height:16px;vertical-align:middle;margin-right:8px}
.gact .act-ok{color:#5a9a1e;font-weight:bold;background:url(img/acts2.gif) no-repeat 0 -20px;margin-right:12px}
.gact .small{margin-right:4px}
.gact{overflow:hidden;zoom:1;margin-bottom:6px}
.ghead .pmeta{margin:2px 0 0 0;display:block}
.gdesc{margin:6px 0 14px 0;line-height:17px;font-size:13px}
.invite-box{background:#eef6e4;border:1px solid #cfe3b4;padding:10px;margin-bottom:10px}
.invite-box .btn{background:#6fb52a;border-color:#5a9a1e}
.gside{padding-left:20px;width:180px}
.gside h2{margin-top:0}
.gside .minis .mini{margin:0 8px 8px 0}
.comments{min-width:280px}
.col-main .comments .cmt-input{width:96%;min-width:260px}

/* ---------- приложения ---------- */
.app-grid{overflow:hidden;zoom:1}
.app-card{float:left;width:150px;margin:0 12px 16px 0;font-size:11px;line-height:15px}
.app-card img{display:block;border:1px solid #e3ded6;margin-bottom:4px;width:150px;height:100px}
.app-card b{font-size:12px}
.app-row{overflow:hidden;zoom:1}
.app-mini{float:left;width:70px;margin:0 6px 8px 0;text-align:center;font-size:10px}
.app-mini img{display:block;margin:0 auto 2px auto;border:1px solid #e3ded6}
.app-filters{margin:8px 0;font-size:11px}
.app-filters a{margin-right:8px}
.app-filters .b{font-weight:bold;color:#333}
.app-inv{padding:4px 0}
.app-frame{margin:10px 0;border:1px solid #d8cfc6;overflow:hidden;zoom:1;background:#fff}
.install-box{background:#faf8f5;border:1px solid #e3ded6;padding:12px;width:420px}
.install-box ul{margin:6px 0;padding-left:18px;color:#666}
.app-cover{float:right;margin:0 0 10px 10px;border:1px solid #e3ded6}

/* ---------- реклама ---------- */
.ad{border:1px solid #e9e4dc;background:#faf8f5;margin:10px 0;padding:8px;position:relative}
.ad-label{font-size:9px;color:#b5aca2;text-transform:uppercase;position:absolute;right:6px;top:4px;letter-spacing:1px}
.ad-link{display:block;color:#333;text-decoration:none}
.ad-link:hover{color:#333;text-decoration:none}
.ad-link:hover .ad-title{text-decoration:underline}
.ad-img{display:block;margin-bottom:6px;border:1px solid #e3ded6}
.ad-title{display:block;font-weight:bold;color:#6fb52a;font-size:12px;line-height:15px}
.ad-text{display:block;font-size:11px;margin:3px 0;line-height:15px;color:#555}
.ad-domain{display:block;font-size:10px;color:#999}
.ad-f2{overflow:hidden;zoom:1;background:#fff;border-color:#f0ece6}
.ad-f2 .ad-img{float:left;margin:0 10px 0 0;width:110px;height:110px}
.ad-f3 .ad-img{width:100%;height:auto}
.ad-f3 .ad-title{font-size:16px}
.ad-preview{display:inline-block;vertical-align:top;margin:4px 12px 4px 0}

/* ---------- виджеты (окна api.) в десктопной теме ---------- */
body.win{background:#fff}
.win-head{background:#ee7d13 url(img/bg-header.gif) repeat-x 0 0;color:#fff;padding:9px 12px;font-family:Arial,Verdana,sans-serif;font-size:14px;border-bottom:1px solid #d06a0a}
.win-logo{display:inline-block;width:162px;height:30px;overflow:hidden;zoom:1;text-indent:-999px;background:url(img/logo.gif) no-repeat 0 0;vertical-align:middle;margin-right:12px}
.win-body{padding:14px}
.gw{padding:8px;font-family:Tahoma,Arial,sans-serif;font-size:12px;border:1px solid #e3ded6;background:#fff}
.gw-head{overflow:hidden;zoom:1}
.gw-ava{float:left;margin-right:8px;border:1px solid #e3ded6}
.gw-info{margin-left:60px;line-height:16px}
.gw-title{font-weight:bold;font-size:13px}
.gw-in{color:#6fb52a;font-weight:bold}
.gw-members{margin-top:8px;overflow:hidden;zoom:1}
.gw-members a{float:left;margin:0 3px 3px 0}
.gw-members img{border:1px solid #e3ded6}
.gw-foot{margin-top:8px;color:#999;font-size:11px;border-top:1px solid #f0ece6;padding-top:6px}

/* ---------- лента v2: заголовок, полоса источников, фото 110, серии ---------- */
.feed-head{position:relative;zoom:1;margin:18px 0 8px 0;border-bottom:1px solid #eee;padding:0 80px 5px 0}
.feed-title{float:none;margin:0;border:0;padding:0;font-family:Arial,Verdana,sans-serif;font-size:18px;font-weight:normal;color:#333}
.feed-settings{position:absolute;right:0;top:6px;float:none;color:#888}
.feed-settings:hover{color:#d06a0a}
#feed h2.feed-title{display:block;line-height:24px}
#feed{position:relative;zoom:1}
.fsrc{position:relative;height:60px;margin:0 0 10px 0;padding:0 52px 0 26px;background:#faf8f5;border:1px solid #f0ece6}
.fsrc-viewport{position:relative;overflow:hidden;zoom:1;height:52px;margin:4px 0 0 4px}
.fsrc-track{position:absolute;left:0;top:0;white-space:nowrap;width:5000px}
.fsrc-item{display:block;float:left;position:relative;width:50px;height:50px;margin:0 6px 0 0;border:1px solid #e3ded6;background:#fff}
.fsrc-item img{display:block;width:50px;height:50px}
.fsrc-item:hover{border-color:#ee7d13}
.fsrc-track .cur{border:2px solid #ee7d13;width:48px;height:48px}
.fsrc-track .cur img{width:48px;height:48px}
.fsrc-n{position:absolute;left:0;bottom:0;background:#6fb52a;color:#fff;font-size:10px;font-weight:bold;line-height:14px;height:14px;padding:0 4px}
.fsrc-arrow{position:absolute;top:0;width:25px;height:60px;line-height:58px;text-align:center;font-family:Arial,sans-serif;font-size:24px;color:#d86a00;text-decoration:none;background:#faf8f5}
.fsrc-arrow:hover{background:#fff0e0;text-decoration:none;color:#d06a0a}
.fsrc-prev{left:0;border-right:1px solid #f0ece6}
.fsrc-next{right:26px;border-left:1px solid #f0ece6}
.fsrc-total{position:absolute;right:0;top:0;width:26px;height:60px;line-height:60px;text-align:center;color:#999;font-size:11px}
/* запись: аватар абсолютно слева, без обтекания (IE6) */
.fi{position:relative;zoom:1;padding:8px 0 10px 60px;border-bottom:1px solid #f0ece6;min-height:52px;overflow:visible;word-wrap:break-word}
* html .fi{height:52px}
.fi-cont{padding-top:0;margin-top:-4px;min-height:0}
* html .fi-cont{height:auto}
.fi-head{margin:0 0 4px 0;line-height:16px}
.fi-ava{position:absolute;left:0;top:8px;float:none;margin:0;display:block;width:52px;height:52px}
.fi-ava img{display:block;width:50px;height:50px;border:1px solid #e3ded6}
.fi-body,.fi-cont .fi-body{margin:0;zoom:1}
.fi-text{font-size:12px}
.fi-text a{font-weight:bold;color:#5a9a1e}
.fi-date{margin-left:4px;color:#999;font-size:11px;white-space:nowrap}
.fi-grp{color:#5a9a1e;font-weight:bold}
.fi-photos{overflow:hidden;zoom:1;margin:2px 0}
.fi-photo{float:left;width:112px;margin:0 8px 6px 0}
.fi-photo .ph{display:block;width:112px}
.fi-photo .ph img{display:block;width:110px;height:auto;border:1px solid #e3ded6}
.fi-photos-many .fi-photo .ph img{height:110px}
.fi-photo .ph:hover img{border-color:#ee7d13}
.fi-photo-meta{margin-top:3px;font-size:11px;line-height:14px;height:14px;overflow:hidden;white-space:nowrap;color:#888}
.fi-photo-meta a{color:#888}
.fi-photo-meta a:hover{color:#d06a0a}
.fi-photo-more{float:left;display:block;margin:0 8px 23px 0;width:110px;height:110px;line-height:110px;text-align:center;background:#f6f2ec;color:#d86a00;font-weight:bold;border:1px solid #e3ded6}
.fi-post{zoom:1}
.fi-post-text{margin:2px 0 6px 0;line-height:17px;font-size:13px}
.fi-post-meta{margin-top:4px;font-size:11px;line-height:14px}
.fi-post-meta a{color:#888}
.fi-post-meta a:hover{color:#d06a0a}
.fi-status{display:block;background:#fbd77a;padding:6px 10px;margin:4px 0 4px 0;font-size:12px;line-height:16px}
.fi-status .sm{vertical-align:middle}
.fi-gift{overflow:hidden;zoom:1;padding-top:2px}
.fi-gift img{float:left;width:64px;height:64px;border:1px solid #e3ded6;margin-right:10px}
.fi-gift div{margin-left:76px;background:#fff7dc;padding:8px 10px;color:#6b6055;font-style:italic;line-height:16px}
.fi-body .fi-group{overflow:hidden;zoom:1;padding-top:2px;line-height:16px}
.fi-body .fi-group img{float:left;width:50px;height:50px;border:1px solid #e3ded6;margin-right:8px}
.fi-body .fi-group b{line-height:16px}
.fi-users{overflow:hidden;zoom:1;padding-top:2px}
.fi-more{text-align:center;padding:10px 0 0 0}
.fi-more a{display:block;padding:8px;background:#fff0e0;color:#d86a00;font-weight:bold}
.fi-more a:hover{background:#fbdcbb;text-decoration:none}
/* правая колонка v2 */
.rbox{margin-bottom:18px}
.rbox-title{font-family:Arial,Verdana,sans-serif;font-size:15px;font-weight:bold;color:#333;border-bottom:1px solid #eee;margin-bottom:8px;padding-bottom:4px}
.rbox-title a{color:#333}
.rbox-title a:hover{color:#d06a0a;text-decoration:none}
.rbox-sub{color:#888;font-size:11px;margin:-4px 0 6px 0}
.rsg{overflow:hidden;zoom:1;padding:8px 0;border-bottom:1px solid #f0ece6}
.rsg-ava{float:left;margin-right:10px}
.rsg-ava img{display:block;width:110px;height:110px;border:1px solid #e3ded6}
.rsg-name{margin-top:2px;font-weight:bold;line-height:16px}
.rsg-mutual{color:#888;font-size:11px;margin-top:2px}
.rsg-act{margin-top:6px}
.rsg-act .act{display:inline;padding:0 0 0 20px;background:url(img/acts.gif) no-repeat 0 -119px;color:#d86a00;line-height:16px}
.rbox-more{margin-top:8px;font-size:11px}
.rh-day{font-weight:bold;margin:8px 0 4px 0;color:#333}
.rh-item{overflow:hidden;zoom:1;padding:4px 0;line-height:15px}
.rh-ava{float:left;margin-right:8px}
.rh-ava img{display:block;width:50px;height:50px;border:1px solid #e3ded6}
.rh-body{margin-left:60px;font-size:12px}
.rh-holiday{color:#d06a0a}
.rh-body .act-gift{display:inline;padding:0 0 0 20px;background:url(img/acts.gif) no-repeat 0 -167px;font-size:11px}
.rbox-tell{background:#fdf6e3;border:1px solid #efe0b8;padding:10px 12px}
.rbox-tell .rbox-title{border-bottom-color:#efe0b8}
.rt-q{font-weight:bold;margin:4px 0;font-size:13px;line-height:17px}
.rt-hint{color:#6b6055;font-size:11px;line-height:15px;margin-bottom:8px}
.rbox-tell .btn{margin-top:4px}

.feed-head .feed-title{font-size:20px}

/* доводка ленты v2 */
.fi-body div.small{margin-top:3px}
.fi-body div.small a{color:#888}
.fi-body div.small a:hover{color:#d06a0a}
.rbox-bday{background:#fdf6e3;border:1px solid #efe0b8;padding:10px;overflow:hidden;zoom:1}
.bday-cal{float:left;width:44px;height:44px;background:#fff;border:1px solid #e8cf78;text-align:center;margin-right:10px}
.bday-day{display:block;font-family:Arial,sans-serif;font-size:22px;font-weight:bold;line-height:44px;color:#d06a0a}
.bday-body{margin-left:56px;line-height:16px;padding-top:4px}
.bday-body b{font-size:13px}
.rbox-tell .small{color:#6b6055;line-height:15px;margin-bottom:8px}
.minis .mini{width:54px;margin:0 6px 6px 0}

.fi-post-meta .dim{color:#bbb}

/* ---------- v4: доводка экранов ---------- */
/* пустые состояния внутри узких блоков */
.msg-left .empty,.msg-left .dim.empty,.dlist .empty,.pv-side .empty,.gside .empty{padding:10px 8px;margin:0;background:#fff;border:0;font-size:12px;line-height:16px;color:#888;text-align:center;min-height:0}
.msg-right .empty,.msg-list .empty{padding:24px 16px 24px 150px;margin:16px 12px;background:#faf8f5 url(img/empty.gif) no-repeat 16px center;border:1px solid #f0ece6}
.msg-tabs{height:26px;white-space:nowrap}
.msg-tabs .tab{height:26px;line-height:26px;padding:0 8px;margin:0 2px 0 0;white-space:nowrap}
.msg-tabs .cur{height:26px;line-height:26px}
.msg-head .msg-sound{float:right;margin:0;font-size:14px}
.msg-help{display:none}
.msg-empty{padding:18px 16px;font-family:Arial,Verdana,sans-serif;font-size:16px;color:#555;line-height:24px}
.msg-empty .msg-back{font-size:24px;line-height:24px;vertical-align:top}
/* приложения */
.app-filters{margin:8px 0 12px 0;font-size:11px;line-height:20px;overflow:hidden;zoom:1}
.app-filters select{float:left;margin-right:10px;height:22px;font-size:11px;padding:1px}
.app-filters a{margin-right:10px;white-space:nowrap}
.app-inv{padding:6px 0 12px 0;line-height:32px}
.app-inv img{vertical-align:middle;border:1px solid #e3ded6;margin-right:6px;background:#f6f2ec}
.app-inv a b,.app-inv b{font-size:13px}
.app-card img{background:#f6f2ec}
.app-card .small{margin-top:2px}
.ghead img{background:#f6f2ec}
/* текстовые страницы */
.col-main p,.col-main ol,.col-main ul{line-height:18px;font-size:12px}
.col-main ol,.col-main ul{margin:6px 0 14px 0;padding-left:24px}
.col-main ol li,.col-main ul li{margin-bottom:6px}
.narrow p{font-size:13px;line-height:19px}
/* формы: кнопка подтверждения отделена */
.form .frow .btn-big{margin-top:4px}
.form .frow label.chk{font-weight:normal;color:#333;font-size:12px}
.form .frow .chk input{margin-right:5px}
/* строка «Загрузить в этот альбом» + настройки */
.pbar .small,.pbar a.small{margin-left:8px;vertical-align:middle;line-height:24px}
/* лента: карточка оповещения об ошибке при пустой правой части */
.msg-right{background:#fff}

/* главное фото */
.col-main .pava{margin-right:16px}
.col-main .pava img{border:1px solid #e3ded6}
.col-main td h2{margin-top:0}
.col-main td h2+form{margin-bottom:8px}
input.inp[type=file]{width:auto;height:auto;padding:2px;border:0;background:none;font-size:12px}
.form input[type=file]{width:auto;height:auto;padding:2px;border:0;background:none;font-size:12px}
.thumbs{overflow:hidden;zoom:1;margin:4px 0}
.thumbs .thumb{float:left;margin:0 6px 6px 0;border:2px solid #fff;background:#fff}
.thumbs .thumb img{display:block;width:50px;height:50px;border:1px solid #e3ded6}
.thumbs .thumb:hover{border-color:#f4c9a0}
.thumbs .cur{border-color:#ee7d13}
/* спрятанные диалоги: пустая шапка */
.msg-head{min-height:18px;height:auto}
.msg-sound{color:#fff}
/* реклама: формы без левой колонки — ширина текста */
.col-main .form .frow .chk{line-height:18px;display:block;margin-bottom:6px}
.col-main .form .frow .chk .dim{color:#888}

/* ---------- слои под иконками шапки ---------- */
.hmlayer{position:absolute;z-index:1150;width:360px;background:#fff;border:2px solid #ee7d13;border-top:0;font-size:12px}
.hd-menu .open,.hd-menu .open a,.hd-menu .open a:hover{background:#fff;color:#d06a0a}
.hml-head{background:#ee7d13 url(img/bg-btn.gif) repeat-x 0 0;color:#fff;padding:0 30px 0 10px;height:28px;line-height:28px;font-family:Arial,Verdana,sans-serif;font-size:13px;font-weight:bold;position:relative}
.hml-x{position:absolute;right:8px;top:0;color:#fff;text-decoration:none;font-size:18px;line-height:28px;font-family:Arial,sans-serif;font-weight:normal}
.hml-x:hover{color:#fff0e0;text-decoration:none}
.hml-n{display:inline-block;background:#6fb52a;color:#fff;font-size:10px;line-height:14px;padding:0 5px;font-weight:bold;margin-left:6px;vertical-align:middle}
.hml-row{display:block;overflow:hidden;zoom:1;padding:7px 10px;border-bottom:1px solid #f0ece6;color:#333;text-decoration:none;line-height:15px}
.hml-row:hover{background:#fff8ec;text-decoration:none;color:#333}
.hmlayer a.unread{background:#fdf6e3}
.hml-row b{color:#333;font-size:12px}
.hml-ava{float:left;margin-right:8px;width:40px;height:40px;border:1px solid #e3ded6;display:block}
.hml-body{display:block;margin-left:50px}
.hml-row .hml-body:first-child{margin-left:0}
.hml-text{display:block;font-size:11px;color:#555;line-height:14px;margin-top:1px}
.hml-date{display:block;font-size:10px;color:#999;margin-top:2px}
.hml-row .rate{width:20px;height:20px;line-height:20px;font-size:11px;margin-right:6px;vertical-align:middle}
.hml-card{overflow:hidden;zoom:1;padding:10px;border-bottom:1px solid #f0ece6;background:#fdf6e3}
.hml-card .ph{float:left;margin-right:10px}
.hml-card-ava{display:block;width:80px;height:80px;border:1px solid #e3ded6;float:none;margin:0}
.hml-card-body{margin-left:92px;line-height:16px;min-height:80px}
.hml-card-body span{color:#555}
.hml-act{margin-top:8px;overflow:hidden;zoom:1}
.hml-act .btn{margin-right:6px;vertical-align:middle}
.hml-act .btn-grey,.hml-act .dim,.hml-act .act{display:inline-block;background:#f6f2ec;border:1px solid #d8cfc6;color:#666;padding:0 10px;height:22px;line-height:20px;font-size:11px;font-weight:normal;vertical-align:middle;margin:0 6px 0 0}
.hml-act .act:hover{background:#efe9e1;text-decoration:none;color:#333}
.hml-empty{padding:16px 12px;color:#777;font-size:12px;line-height:16px;text-align:center}
.hml-foot{padding:0 10px;height:28px;line-height:28px;background:#f6f2ec;border-top:1px solid #e3ded6;font-size:11px}
.hml-foot a{color:#d86a00;font-weight:bold}
.hml-loading{padding:16px;color:#999;text-align:center;background:url(img/loading.gif) no-repeat center 8px;padding-top:28px}
.hml-grid{overflow:hidden;zoom:1;padding:8px 6px 2px 8px}
.hml-cell{float:left;width:82px;margin:0 4px 8px 0;text-align:center;font-size:10px;line-height:12px;text-decoration:none;color:#333}
.hml-cell:hover{text-decoration:none;color:#d06a0a}
.hml-cell img{display:block;margin:0 auto 3px auto;border:1px solid #e3ded6;width:80px;height:80px;background:#f6f2ec}
.hml-gifts .hml-cell img{width:64px;height:64px}
.hml-cell-name{display:block;font-weight:bold}
.hml-cell-sub{display:block;color:#999}
.popnotify{width:340px;padding:0;border:2px solid #ee7d13}
.popnotify .pop-in{padding:10px;background:#fdf6e3}
.pop-x{right:8px;top:-2px;font-size:18px}

/* ---------- обсуждения (как сообщения) ---------- */
.disc-wrap{border-color:#6fb52a}
.disc-left{width:200px}
.disc-left .ditem{padding:6px}
.disc-left .ditem-a{line-height:14px}
.disc-left .ditem-name{font-size:11px;font-weight:bold;display:block;margin-left:38px}
.disc-left .ditem-n{position:absolute;right:16px;top:6px;margin:0;background:#6fb52a;color:#fff;line-height:14px;padding:0 4px}
.disc-left .ditem-n:empty{display:none}
.disc-left .ditem-sub{display:block;margin:2px 0 0 38px;font-size:10px;color:#888;line-height:13px;white-space:nowrap;overflow:hidden;zoom:1;padding-right:12px}
.disc-left .ditem-name{padding-right:12px;line-height:14px}
.disc-left .cur .ditem-name{color:#fff}
.disc-left .cur .ditem-sub{color:#e8f5d6}
.disc-left .cur .ditem-n{background:#fff;color:#5a9a1e}
.disc-left .unread .ditem-sub{color:#333}
.disc-head{padding:0 10px;height:32px;line-height:32px;overflow:hidden;zoom:1;white-space:nowrap}
.disc-head .msg-peer{font-size:14px;margin-right:6px}
.disc-what{color:#e8f5d6;font-size:11px;margin-left:0}
.disc-head .msg-head-r{float:right}
.disc-head .msg-head-r a{margin:0}
.disc-teaser{overflow:hidden;zoom:1;padding:10px 12px;background:#fdf6e3;border-bottom:1px solid #f0c25a;min-height:36px}
.disc-teaser-img{float:left;margin-right:12px}
.disc-teaser-img img{display:block;max-width:180px;border:1px solid #e3ded6}
.disc-teaser-body{overflow:hidden;zoom:1;line-height:17px}
.disc-teaser-text{font-size:13px;color:#333;margin-bottom:3px}
.disc-teaser .lp{margin:6px 0 0 0;background:#fff}
.disc-comments{height:auto;overflow:visible;padding:0;background:#fff}
.disc-comments .cmt-list{height:220px;overflow:auto;padding:4px 12px 0 12px}
.disc-comments .comments{margin:0;min-width:0}
.disc-comments .cmt{border-top:0;border-bottom:1px solid #f0ece6;padding:8px 0}
.disc-comments .cmt-form{position:relative;margin:0;padding:10px 12px;background:#eef6e4;border-top:1px solid #cfe3b4}
.disc-right .comments{padding-bottom:0}
.disc-comments .cmt-input,.disc-comments textarea.cmt-input{width:98%;min-width:0;border-color:#cfe3b4}
.disc-comments .cmt-bar{margin-top:6px}
.disc-comments .cmt-bar .btn{background:#6fb52a url(img/bg-btn-green.gif) repeat-x 0 0;border-color:#5a9a1e}


/* ===== выпуск 4 ===== */
/* 4.4 фото в ленте: 1 — крупно, 2 — пополам, 3+ — ровная сетка 3 в ряд (колонка ленты 472px при 960) */
.fi-photos{overflow:hidden;zoom:1;margin:4px 0 6px 0}
.fi-photos .ph{display:block;float:left;margin:0 6px 6px 0;overflow:hidden;background:#f6f2ec}
.fi-photos .ph img{display:block;border:0}
.fi-photos .fi-photo{float:left;margin:0 6px 8px 0;width:auto}
.fi-photos .fi-photo .ph{float:none;margin:0}
.fi-photos .fi-photo-meta{margin-top:4px}
.fi-photos-1 .ph,.fi-photos-1 .fi-photo{float:none;margin-right:0}
.fi-photos-1 .ph{display:inline-block;max-width:470px}
.fi-photos-1 .ph img{max-width:470px;height:auto}
* html .fi-photos-1 .ph{display:block;width:470px;overflow:hidden;background:none}
.fi-photos-2 .ph,.fi-photos-2 .fi-photo{width:228px}
.fi-photos-2 .ph{height:228px}
.fi-photos-2 .ph img{width:228px;height:228px;object-fit:cover}
* html .fi-photos-2 .ph img{width:auto;height:228px}
.fi-photos-n .ph,.fi-photos-n .fi-photo{width:150px}
.fi-photos-n .ph{height:150px}
.fi-photos-n .ph img{width:150px;height:150px;object-fit:cover}
* html .fi-photos-n .ph img{width:auto;height:150px}
.fi-photos-many .fi-photo .ph img{height:auto}
.fi-photos-n .fi-photo-more,.fi-photos .fi-photo-more{width:148px;height:148px;line-height:148px;margin:0 6px 8px 0}
.fi-photos .ph:hover{background:#ee7d13}
.fi-photos .ph:hover img{filter:alpha(opacity=90);opacity:.9}
/* 4.1 меню при наведении: у каждого пункта своя иконка (специфичность выше .ctxmenu a) */
.ctxmenu a{position:relative;zoom:1}
.ctxmenu .ctx-name a{padding-left:0;background:none}
.ctxmenu .ctx-msg{background-position:0 -141px}
.ctxmenu .ctx-gift{background-position:0 -165px}
.ctxmenu .ctx-add{background-image:url(img/acts2.gif);background-position:0 3px}
.ctxmenu .ctx-friends{background-position:0 -21px}
.ctxmenu .ctx-photos{background-position:0 3px}
.ctxmenu .ctx-group{background:url(img/ico-group.gif) no-repeat 0 1px}
.ctxmenu .ctx-rel{background-position:0 -309px}
.ctxmenu .ctx-zoom{background-image:url(img/acts2.gif);background-position:0 -69px}
.ctxmenu .ctx-sep{margin:5px 0;height:0;overflow:hidden;font-size:0;line-height:0}
/* 10. иконки действий в IE6 не пропадают при наведении (peekaboo): layout + relative */
.pactions,.uact,.pv-actions,.gact,.pv-side{zoom:1;position:relative}
.pactions .act,.uact .act,.pv-actions .act,.gact .act{position:relative;zoom:1}
.pactions .act:hover,.uact .act:hover,.pv-actions .act:hover{background-image:url(img/acts.gif)}
.pactions .act-invite:hover,.uact .act-invite:hover,.pv-actions .act-invite:hover,.pactions .act-ok:hover,.uact .act-ok:hover{background-image:url(img/acts2.gif)}
/* 2. статус в списках людей — в колонке текста, внизу строки, не на фото */
.urow .ustatus{position:absolute;left:124px;bottom:10px;top:auto;margin:0;max-width:250px;width:auto;white-space:nowrap;overflow:hidden;font-size:11px;line-height:16px;padding:2px 7px;border:0;background:#fbd77a;color:#333;z-index:1}

.urow-info .ustatus{position:static;display:inline;margin:6px 0 0 0}
/* 3. выравнивание: имя и строки под ним — от одной вертикали */
.urow .ava{float:left;display:inline;margin:0 12px 0 0}
.urow-info{float:left;width:250px;margin:0;padding:0;line-height:17px}
.urow .urow-actions{position:absolute;right:0;top:10px;float:none;width:160px;text-align:left;line-height:16px;padding:0}
.urow-info .uname{margin:0;padding:0}
.urow-info .uextra,.urow-info .usub,.urow-info .uextra div{margin-left:0;padding-left:0;text-indent:0}
.urow-info .uextra{margin-top:4px}
.urow-info .usub{margin-top:2px;line-height:16px}
.urow{min-height:112px}
* html .urow{height:112px;overflow:visible}
/* мини-аватары (участники группы, друзья в колонке): картинка и подпись по одной оси */
.mini,.minis .mini,.gside .minis .mini{width:52px;margin:0 8px 8px 0;text-align:center}
.mini img,.minis .mini img{width:50px;height:50px;padding:0;margin:0 0 4px 0;border:1px solid #e3ded6}
.mini span{display:block;width:52px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.gside a.small{display:block;margin-top:4px}
/* 7. длинный адрес в превью ссылки переносится */
.lp-title{display:block;word-wrap:break-word;zoom:1}
.lp-site{word-wrap:break-word;zoom:1}
.lp{margin:8px 0 8px 0}
/* 8. значок администратора/модератора */
.pmod-ico{display:inline-block;zoom:1;width:16px;height:18px;background:url(img/acts.gif) no-repeat 0 -96px;vertical-align:middle;margin:-2px 3px 0 0}
/* 9. подсказка под полем «Имя, фамилия» */
.search-grid td span.small{display:block;margin:4px 0 0 0;line-height:14px;white-space:nowrap}
/* рамка формы записи: layout, чтобы IE6 перерисовывал */
.composer{zoom:1;position:relative;margin:8px 0 18px 0}
/* «слипания»: заголовки блоков внутри таблиц колонки — с отступом сверху */
.col-main td h2{margin-top:20px}
.col-main .gside h2,.col-main td.gside h2{margin-top:0}
.col-main .composer + h2{margin-top:0}
.topic-row + h2{margin-top:22px}
.fi-body div.small{margin-top:6px}
.fi-post-text{margin-bottom:4px}
.inline-search{margin:4px 0 14px 0}
.pbar{margin:0 0 10px 0}
.uact .dim,.pactions .dim{background-position:0 -260px;color:#999}
.uact .dim:hover{color:#d06a0a}

/* ===== выпуск 5 ===== */
/* одиночное фото: не выше 470 */
.fi-photos-1 .ph img{max-height:470px;width:auto;max-width:470px}
/* слипания: верхние отступы у кнопок и заголовков после строки-подписи */
.pbar{margin:10px 0 12px 0}
.col-main .small{zoom:1}
.col-main div.small{margin-bottom:6px}
.gcard-price{margin:4px 0 8px 0}
.gcard .btn,.gcard a.btn{margin-top:6px}
.grow-info .usub{margin-bottom:8px}
.grow-info .btn,.grow-item .btn{margin-top:6px}
.frow{margin-bottom:10px}
.frow form,.frow .btn{margin-top:4px}
/* действия в списке людей — каждое отдельной строкой, без «·» */
.urow .urow-actions .uact{font-size:0;line-height:0}
.urow .urow-actions .uact a{display:block;font-size:11px;line-height:16px;padding-top:2px;padding-bottom:2px}
/* форма записи: без отрицательных отступов (IE6 с layout рвёт полосу) */
.composer{padding:0;overflow:hidden}
textarea.composer-text,.composer-text{display:block;width:96%;margin:8px;padding:4px 6px}
.composer-bar{margin:0;padding:0 8px;height:30px;line-height:30px;overflow:hidden;zoom:1}
.composer-bar a{float:left;height:30px;line-height:30px;background-position:0 7px}
.composer-bar .cb-status{background-position:0 -45px}
.composer-bar .cb-photo{background-position:0 7px}
.composer-bar .cb-link{background-position:0 -25px}
.composer-right{float:right;height:30px;line-height:30px}
.composer-bar .btn,.composer-bar input.btn{height:22px;line-height:18px;padding:1px 10px;margin:4px 0 0 0;vertical-align:top;overflow:visible}
/* битая картинка в ленте: серый квадрат не рисуем, пока нет файла */
.fi-photos .ph{background:none}

/* sv-server-fixes 28.09.2026 (сервер, Claude Code) — правки темы, которые возвращает /root/apelsinki-reapply.py */
/* «ещё» под фото профиля: у ссылки нет своей иконки, а общее правило .pactions .act:hover{background-image:url(img/acts.gif)}
   подставляло первую иконку спрайта — фотоаппарат */
.pactions .act-more:hover,.uact .act-more:hover,.pv-actions .act-more:hover,.gact .act-more:hover{background-image:none}
/* поле записи: выбранный режим («Статус»/«Ссылка») подчёркнут — видно, что повторный клик его закроет */
.composer-bar a.cb-on{text-decoration:underline}
/* поле адреса ссылки под полосой: было впритык к полосе и левому краю рамки, узкое */
#composer-link{padding:8px 8px 8px 8px;zoom:1}
#composer-link .inp{width:96%;padding:3px 5px;font-size:12px}
#composer-preview{margin-top:8px}
/* форма входа на главной: поле (width + padding + border) было на 3px шире строки, overflow:hidden срезал правую рамку */
.login-form .frow .inp{width:92%}
/* лента, 1–2 фото: размер картинки задаёт сервер (style у img, пропорции сохранены) — тема тянула в квадрат 228 с обрезкой
   (IE6 обрезать не умеет: крошечные фото вразброс, при наведении — обрезанные), вторая фотография налезала на подпись */
.fi-photos-1 .ph{height:auto;background:none}
.fi-photos-2 .ph{height:228px;background:none}
.fi-photos-1 .ph img,.fi-photos-2 .ph img{max-width:none;max-height:none;object-fit:fill}
.fi-photos .ph{position:relative}
/* серия 3+: квадраты 150, картинка по центру с обрезкой — отступы считает сервер, работает и в IE6 */
.fi-photos-n .ph{width:150px;height:150px;overflow:hidden}
.fi-photos-n .ph img{max-width:none;max-height:none;object-fit:fill}
/* страница статусов: раскрытые комментарии — вложены в свой статус (отступ и линия), а не выглядят отдельными статусами */
.st-item .comments{margin:8px 0 4px 16px;padding-left:12px;border-left:2px solid #f3e3cf}
.st-item{padding-bottom:10px}
/* окно сообщений, форма ответа: таблица (инструменты | поле на всю ширину | кнопка) вместо плавающих блоков с полем 248px;
   кнопка — ссылка той же высоты, что однострочное поле (у <input type=submit> IE рисует чёрную рамку «кнопки по умолчанию») */
.msg-form .msg-row{width:100%;border-collapse:collapse}
.msg-form .msg-row td{padding:0;vertical-align:top}
.msg-form .msg-row-tools{width:50px;white-space:nowrap;height:26px;line-height:26px}
.msg-form .msg-row-tools .msg-tools{float:none;width:auto;height:26px;line-height:26px}
.msg-form .msg-row-send{width:1%;padding-left:10px;white-space:nowrap}
.msg-form textarea.msg-input{float:none;width:98%;margin:0}
.msg-form a.msg-send,.msg-form a.msg-send:link,.msg-form a.msg-send:visited{display:block;float:none;height:26px;line-height:26px;margin:0;padding:0 14px 0 32px;border:1px solid #5a9a1e;background:#6fb52a url(img/ico-send.gif) no-repeat 9px 50%;color:#fff;font-size:12px;font-weight:bold;text-decoration:none;white-space:nowrap;cursor:pointer;cursor:hand}
.msg-form a.msg-send:hover{background-color:#63a624;text-decoration:none;color:#fff}
/* поле записи в группе: в IE6 под оранжевой полосой была белая полоса. В профиле после полосы идёт скрытый блок ссылки,
   в группе форма кончалась самой полосой (hasLayout + overflow:hidden) — IE6 добавлял снизу пустую строку. Форме — свой layout */
.composer form{margin:0;padding:0;zoom:1}
.composer .composer-bar{margin-bottom:0}
/* порядок слоёв: окна шапки (1150) → просмотр фото → диалоги → меню/смайлы/подсказки → всплывающие сообщения.
   Было: фото (110–120) и диалоги (90–100) ниже окон шапки — фото из «Обсуждений»/«Оценок» открывалось позади окна,
   «кем является для вас» из «Гостей» — тоже */
.pvbg{z-index:1180}
.pviewer-overlay{z-index:1190}
#svoverlay{z-index:1200}
#svmodal{z-index:1210}
#ctxmenu,.ctxmenu{z-index:1220}
.suggest-box{z-index:1225}
#smiles-panel,.smiles-panel{z-index:1230}
.svmsg{z-index:1300}
/* «Обсуждения», список: строка-подсказка без переноса + zoom в IE6 раздвигала пункт на всю длину текста («растягивающийся блок») —
   пункт вылезал из колонки и наезжал на правую часть. Явная ширина под колонку 200px: IE6 обрезает строку, а не раздвигает */
.disc-left .ditem-sub{width:136px}
.disc-left .ditem{overflow:hidden}
/* поле записи (профиль, группа): textarea 96% + отступы 8+8 + поля 6+6 = больше 100% ширины формы → IE6 растягивал форму,
   и оранжевая полоса не доходила до правой рамки (белый зазор справа). 92% + 28px помещается при любой ширине от 350px */
.composer textarea.composer-text,.composer .composer-text{width:92%}
/* редактирование записи в ленте */
.post-edit-ta{width:96%;height:72px;font-size:12px;line-height:16px;padding:4px 6px}
.post-edit-bar{margin:6px 0 4px 0}
.post-edit-bar .btn{margin-right:8px}
.post-edit-cancel{font-size:11px}
/* поле записи: смайлики в оранжевой полосе (иконка — своя, а не из спрайта полосы); «Создать тему» — без чужой иконки фотоаппарата */
.composer-bar a.smiles-btn{float:left;width:0;padding:0 0 0 22px;margin:0 14px 0 0;overflow:hidden;background:url(img/smiles/smile.gif) no-repeat 0 5px}
.composer-bar a.cb-topic{background:none;padding-left:0}

/* sv 29.09.2026: запись из блоков — форма (текст/фото/ссылки по порядку) и «Читать далее» */
.pe .pe-blocks{zoom:1;overflow:hidden;padding:0 0 2px 0}
.pe .pe-b{position:relative;zoom:1}
.pe .pe-b-text,.pe .pe-b-link{clear:both}
.pe .pe-b-text .pe-ta{display:block;width:96%;margin:8px;padding:4px 6px;border:0;font-size:13px;line-height:18px;color:#333;overflow:hidden;resize:none;background:transparent}
.pe.pe-multi .pe-b-text,.pe.pe-multi .pe-b-link{padding-right:66px;border-bottom:1px dashed #f0d9c2}
.pe .pe-b-link{padding:8px}
.pe.pe-multi .pe-b-link{padding-right:74px}
.pe .pe-url{width:96%;padding:3px 5px;font-size:12px}
.pe .pe-lp .lp{margin:6px 0 0 0}
.pe .pe-ctl{display:none;position:absolute;right:6px;top:8px;height:20px;white-space:nowrap}
.pe.pe-multi .pe-ctl{display:block}
.pe .pe-ctl a{float:left;display:block;width:18px;height:18px;line-height:17px;margin-left:3px;text-align:center;font-size:13px;font-weight:bold;color:#d06a0a;background:#fff4ea;border:1px solid #f0c9a4;text-decoration:none;overflow:hidden}
.pe .pe-ctl a:hover{background:#ee7d13;color:#fff;border-color:#d06a0a}
.pe .pe-b-photo{float:left;width:96px;height:96px;overflow:hidden;margin:8px 0 0 8px;background:#f3efe8;border:1px solid #e3ded6}
.pe .pe-b-photo img{display:block;border:0}
.pe .pe-b-photo .pe-ctl{top:3px;right:3px}
.pe .pe-b-photo .pe-ctl a{margin-left:2px}
.pe .pe-b-wait{text-align:center;line-height:96px;font-size:11px;color:#8a7f73}
.pe .pe-file{position:absolute;left:-9999px;top:0;width:1px;height:1px;opacity:0}
.pe .pe-up{margin:0;padding:6px 8px;background:#fff8f0;border-top:1px solid #f0d9c2}
.pe .composer-bar .cb-text{background-image:none;padding-left:0}
.pe .composer-bar .cb-topic{background-image:none;padding-left:0}
.pe.pe-edit{margin:4px 0 8px 0}
.pe.pe-edit .composer-right a.pe-cancel{float:none;color:#fff;padding:0 0 0 8px;background:none;margin:0}
.pb-more-row{margin:2px 0 6px 0}
.pb-more{font-weight:bold}

/* sv 29.09.2026: правка статуса */
.st-edit-ta{display:block;width:96%;margin:4px 0;font-weight:normal;font-size:13px}
.st-edit-bar{display:block;margin:2px 0 4px 0;font-weight:normal}
.status-bar .st-edit-bar a.st-edit-cancel,.st-edit-cancel{font-size:11px}
.status-ed{font-size:11px;font-weight:normal;margin-left:6px;color:#8a7430}

/* sv 29.09.2026: события с фото (добавил / оценил / сменил главное): ширина плитки 112px (.fi-photo .ph) перебивала одиночное фото — оно резалось в узкую полосу */
.fi-photos-1 .fi-photo,.fi-photos-1 .fi-photo .ph{width:auto}
.fi-photos-2 .fi-photo .ph{width:228px}
.fi-photos-n .fi-photo .ph{width:150px}

/* sv 29.09.2026: IE 5.5/6 не знают min-height — блоки с аватаркой становились ниже аватарки, и следующий блок наезжал на неё
   (карточка заявки в «Оповещениях» при наведении на «Дружить», короткие события ленты, строки людей). В IE6 height работает как минимум */
* html .hml-card-body{height:80px}
* html .fi{height:52px}
* html .urow{height:112px}
* html .hml-card .ph{display:block;width:82px;height:82px}

/* sv 29.09.2026: строка действий «Комментировать · Нравится · Поделиться» со значками (GIF-спрайт img/oa.gif, шаг 20px) — записи, фото, статусы */
.oa{clear:both;overflow:hidden;zoom:1;height:22px;line-height:22px;margin:6px 0 0 0;font-size:11px}
.oa-b{float:left;display:block;height:22px;line-height:22px;padding:0 0 0 21px;margin:0 16px 0 0;white-space:nowrap;color:#8a7f73;text-decoration:none;background:url(img/oa.gif) no-repeat 0 3px}
.oa-b:hover{color:#e86e0c;text-decoration:none}
.oa-cmt{background-position:0 3px}.oa-cmt:hover{background-position:0 -17px}
.oa-like{background-position:0 -37px}.oa-like:hover{background-position:0 -57px}
.oa-like.on,.oa-like.on:hover{background-position:0 -77px;color:#e86e0c}
.oa-share{background-position:0 -97px}.oa-share:hover{background-position:0 -117px}
.oa-n{font-weight:bold}
.oa-extra{float:right;color:#b3aaa0}.oa-extra a{color:#b3aaa0}.oa-extra a:hover{color:#d06a0a}
.fi-photos-1 .fi-photo .oa{margin-top:4px}
/* репост внутри записи */
.rp{margin:4px 0 6px 0;padding:8px 10px;border-left:3px solid #f0c9a4;background:#fdf9f3;zoom:1}
.rp-head{margin:0 0 6px 0;line-height:24px;height:24px;overflow:hidden;white-space:nowrap}
.rp-head a{font-weight:bold}
.rp-ava{float:left;width:24px;height:24px;margin:0 6px 0 0;border:0}
.rp-grp{color:#3c9c1a}
.rp-gone{color:#999;font-style:italic}
.rp .pb .fi-post-text{margin-top:0}
.rp-more{margin-top:2px}
.pe .pe-b-rp{clear:both;padding:10px 8px;color:#8a7f73;font-weight:bold}
/* окно «Поделиться» */
.oa-dlg{padding:4px 2px}
.oa-dlg-title{font-size:15px;font-weight:bold;margin:0 0 10px 0}
.oa-dlg-ta{width:96%;height:60px;font-size:13px}
.oa-dlg-bar{margin:10px 0 0 0}
/* форма записи: значки «Текст» и «Смайлы» как у остальных пунктов (белые GIF), поля не шире формы (IE6: иначе форма раздувалась и справа появлялся зазор) */
.pe .composer-bar a.cb-text{background:url(img/cb-text.gif) no-repeat 0 7px;padding-left:20px}
.pe .composer-bar a.smiles-btn{display:block;width:auto;height:30px;line-height:30px;padding:0 0 0 20px;margin:0 16px 0 0;overflow:visible;font-size:11px;font-weight:bold;color:#fff;vertical-align:top;background:url(img/cb-smile.gif) no-repeat 0 7px}
.pe .composer-bar a.smiles-btn:hover{color:#fff;text-decoration:underline}
.pe .pe-b-text .pe-ta{width:92%}
.pe .pe-url{width:88%}
/* подпись под плитками фото: одна строка по базовой линии (IE6: «· 1 оцен.» съезжала вниз) */
.fi-photo-meta{height:auto;line-height:14px;white-space:nowrap;overflow:hidden}
.fi-photo-meta a,.fi-photo-meta a.pv{display:inline;float:none;padding:0;margin:0;vertical-align:baseline;background:none;border:0;width:auto;height:auto}
.pe .composer-bar a.cb-link{background:url(img/cb-link.gif) no-repeat 0 7px}

/* sv 30.09.2026: сетка фото и альбомов — ровные квадраты 180×180 (рамка 1px), подпись фиксированной высоты */
.thumbs-grid .pthumb,.albums .album,.tagged-item .pthumb{float:left;width:180px;margin:0 12px 14px 0}
.pthumb .ph,.album .ph{display:block;width:178px;height:178px;overflow:hidden;border:1px solid #e3ded6;background:#f6f2ec}
.pthumb .ph img,.album .ph img{display:block;width:178px;height:178px;max-width:none;border:0}
.pthumb .ph:hover,.album .ph:hover{border-color:#ee7d13}
.pthumb-info{height:30px;overflow:hidden;margin-top:4px;line-height:15px;font-size:11px;color:#888}
.pthumb-l{height:15px;overflow:hidden;white-space:nowrap}
.album > div{height:32px;overflow:hidden;margin-top:4px;line-height:16px}
.pthumb-s,.pthumb-s .ph,.pthumb-s .ph img{width:50px;height:50px}
.pthumb-s{width:52px}
.pv-tagged-col .tagged-item .pthumb{float:none;margin:0 0 4px 0}
/* полоса над лентой: «Я» — только свои события */
.fsrc-me{position:relative}
.fsrc-me-l{position:absolute;left:0;bottom:0;padding:0 4px;background:#ee7d13;color:#fff;font-size:10px;font-weight:bold;line-height:14px}
.msg-older{text-align:center;padding:6px 0 10px 0;font-size:11px}

/* sv 30.09.2026: списки людей — «в друзьях» / «приглашение отправлено»: был шрифт 0 и чужой значок */
.urow .urow-actions .uact span.act,.uact span.act{display:block;font-size:11px;line-height:16px;padding-top:2px;padding-bottom:2px}
.uact .act-ok,.urow .urow-actions .uact .act-ok{color:#5a9a1e;background-image:url(img/acts2.gif);background-position:0 -18px}
.uact .act-ok:hover{background-image:url(img/acts2.gif)}
/* боковая колонка группы: заголовки не липнут к ссылке «все участники» */
.gside h2{margin-top:14px}
.gside h2:first-child{margin-top:0}
.status-comments .oa{margin-top:2px}
.dlist-more{padding:8px 10px;text-align:center;font-size:11px}
.dlist-more a{margin:0 6px}

/* sv 30.09.2026: окна «Обсуждения» и «Сообщения» под иконками шапки.
   Тизер обсуждаемого — одной высоты 64px во всех браузерах: миниатюра 64×64, строка ссылки, урезанный текст, дата справа.
   position:relative — иначе IE 6 не обрезает вложенные position:relative (картинка ссылки наезжала на комментарии).
   height, а не min-height: в IE 6 при overflow:hidden height режет, а не растягивает */
.disc-teaser,* html .disc-teaser{height:100px;min-height:0;padding:8px 12px;overflow:hidden;position:relative;zoom:1}
.disc-teaser-img,* html .disc-teaser-img{float:left;display:block;width:100px;height:100px;overflow:hidden;position:relative;margin:0 12px 0 0;background:#fff}
.disc-teaser-limg,* html .disc-teaser-limg{width:130px}
.disc-teaser-img img{display:block;width:100px;max-width:none;border:0}
.disc-teaser-limg img{width:130px}
.disc-teaser-body{height:100px;overflow:hidden;zoom:1;line-height:16px}
.disc-teaser-date{float:right;margin:0 0 0 12px;color:#999;font-size:11px;line-height:16px}
.disc-teaser-text{margin:0 0 3px 0;font-size:12px;line-height:16px;color:#333}
.disc-teaser-st{font-size:14px;line-height:18px;color:#5a4a1e}
.disc-teaser-lp{margin:0;font-size:12px;line-height:16px}
.disc-teaser-lt{display:block;font-weight:bold}
.disc-teaser-ld{display:block;color:#999;font-size:11px;line-height:15px}
.disc-teaser-lx{display:block;color:#555;margin-top:2px}
.in-window .disc-comments .cmt-list{height:186px}
.disc-teaser-noimg,* html .disc-teaser-noimg{height:50px}
.disc-teaser-noimg .disc-teaser-body{height:50px}
.in-window .disc-comments-tall .cmt-list{height:236px}
.disc-teaser-ttl{font-weight:bold;font-size:13px;line-height:17px;color:#333}
/* крестик окна: в правом верхнем углу, на зелёной шапке */
.in-window{position:relative}
a.win-x,a.win-x:link,a.win-x:visited{position:absolute;right:0;top:0;z-index:6;display:block;width:32px;height:32px;line-height:30px;text-align:center;color:#fff;font-family:Arial,sans-serif;font-size:22px;font-weight:normal;text-decoration:none}
a.win-x:hover{background:#5a9a1e;color:#fff;text-decoration:none}
/* шапка правой части в окне — ровно 32px (IE 6 не знает min-height, шапка из одних float-ов схлопывалась в полоску) */
.in-window .msg-head,* html .in-window .msg-head{height:32px;min-height:0;line-height:32px;padding-top:0;padding-bottom:0;padding-right:40px;overflow:hidden;white-space:nowrap}
.in-window .msg-dx{display:none}
.msg-sound img{display:inline;vertical-align:middle;border:0}
/* значок звука и × — в одних координатах окна (в IE 6 значок в строке шапки вставал выше крестика) */
.in-window .msg-head .msg-sound,* html .in-window .msg-head .msg-sound{position:absolute;right:36px;top:9px;float:none;margin:0;width:14px;height:14px;line-height:14px;overflow:hidden}
.in-window .msg-sound img{display:block}
/* ширина полей в окне — в пикселях: IE 6 считает проценты внутри ячейки таблицы от всей таблицы, форма выталкивала окно за рамку */
.in-window .disc-comments .cmt-input,.in-window .disc-comments textarea.cmt-input{width:620px}
.in-window .msg-form textarea.msg-input{width:460px}
/* счётчик непрочитанного в левом списке «Обсуждений» не наезжает на название */
.disc-left .ditem-name{padding-right:30px}
/* sv 30.09.2026: цитата комментария в оповещениях (всплывающее, слой, страница) */
.nt-quote,.hml-quote{display:block;margin:3px 0 0 0;color:#555;font-style:italic;font-size:12px;line-height:16px;word-wrap:break-word}
.pop-body .nt-quote{margin:4px 0}
/* sv 30.09.2026: IE 6 «прыжок на 3px»: строки рядом с плавающей аватаркой сдвинуты на 3px, строки ниже аватарки — нет (вторая строка комментария
   не вставала под первую). Лечение по Position Is Everything: у блока текста hasLayout и без левого отступа — IE ставит его колонкой сбоку от аватарки;
   отступ аватарки меньше на 3px (зазор IE). Комментарии, оповещения, всплывающее, обсуждения, слои шапки, виджет группы, правые блоки */
* html .cmt-body,* html .nt-body,* html .pop-body,* html .disc-body,* html .hml-body,* html .gw-info,* html .rh-body{height:1%;margin-left:0}
* html .hml-card-body{margin-left:0}
* html .cmt-ava,* html .nt-ava,* html .pop-ava,* html .disc-img,* html .hml-ava,* html .gw-ava,* html .rh-ava{margin-right:5px}
* html .hml-card .ph{margin-right:7px}
/* sv 30.09.2026: правка записи — «Отмена» на одной линии с «Сохранить» (кнопка прижата к верху строки, ссылка стояла по базовой линии и в IE 6 уезжала вверх) */
.pe.pe-edit .composer-right a.pe-cancel{display:inline-block;vertical-align:top;height:22px;line-height:22px;margin-top:1px}
/* sv 30.09.2026: карточка ссылки на страницу Апельсинок (профиль, группа, игра, запись) — аватар 80, название, подпись, кнопка */
.lp-card{overflow:hidden;zoom:1;padding:8px}
.lpc-img{float:left;display:block;width:80px;height:80px;overflow:hidden;margin-right:10px;border:1px solid #e3ded6;background:#fff}
.lpc-img img{display:block;width:80px;height:80px;border:0}
.lpc-body{overflow:hidden;zoom:1;line-height:16px}
* html .lpc-body{height:1%}
.lp-card .lp-title{font-weight:bold;font-size:13px}
.lpc-sub{color:#888;font-size:11px;margin:1px 0 3px 0}
.lpc-act{margin-top:6px}
.lpc-act .btn{display:inline-block}
/* sv 30.09.2026: страница тулбара для IE */
.tbp h1{margin-bottom:6px}
.tbp-lead{font-size:14px;color:#555;margin:0 0 14px 0}
.tbp-done{background:#eef6e4;border:1px solid #cfe3b4;padding:10px 12px;margin:0 0 14px 0;line-height:18px}
.tbp-cols{width:100%}
.tbp-feat ul{margin:6px 0 0 18px;padding:0}
.tbp-feat li{margin:0 0 7px 0;line-height:17px}
.tbp-dl{width:230px;padding-left:24px}
.tbp-dl h3{font-size:13px;margin:14px 0 4px 0}
a.tbp-btn,a.tbp-btn:link,a.tbp-btn:visited{display:block;text-align:center;font-size:14px;height:34px;line-height:34px;margin-bottom:4px}
/* sv 30.09.2026: «Тулбар для IE» вверху с мигающим NEW */
a.tl-new img{vertical-align:middle;border:0;margin:0 0 1px 2px}
/* sv 30.09.2026: окна «Обсуждения»/«Сообщения» из шапки — список слева с прокруткой, окно не растёт.
   position:relative — иначе IE6 не прокручивает пункты с position:relative внутри */
.in-window .msg-left #dlist{height:300px;overflow:auto;overflow-x:hidden;position:relative}
.in-window .disc-left #dlist{height:382px}
.ditem-a{outline:none}
/* sv 30.09.2026: статус — в шапке профиля под именем */
.phead .status-bar{margin:6px 0 2px 0}
.phead .status-comments{margin:0 0 4px 0}
/* запись из игры/приложения: откуда и «Играть» */
.pb-app{margin:6px 0 0 0;padding:4px 8px;background:#f6f2ec;border:1px solid #ece4d8;font-size:11px;color:#777;line-height:16px;zoom:1}
.pb-app-ico img{vertical-align:middle;margin:0 5px 2px 0;border:0}
.pb-app-name{font-weight:bold}
.pb-app-go{margin-left:6px;font-weight:bold}
/* 01.10.2026: страница игры до установки — блок «Установить» рядом с обложкой, под описанием (свой блочный контекст: не уходит под обложку внахлёст и не оставляет дыру под коротким описанием) */
.install-box{overflow:hidden;zoom:1;margin-top:10px;width:auto}
/* 01.10.2026: плитки в слоях (гости, подарки, оценки) — строками, а не float: карточка разной высоты (две строки подписи, значок «на сайте»)
   цепляла следующую, и та уезжала во второй столбец */
.hml-grid{font-size:0;line-height:0}
.hml-cell{float:none;display:inline-block;vertical-align:top;position:relative;font-size:10px;line-height:12px}
.hml-cell-new{position:absolute;left:1px;top:1px;background:#6fb52a;color:#fff;font-size:10px;line-height:14px;padding:0 4px;font-weight:bold}
/* то же для плиток игр (каталог, «Мои»): название в две строки цепляло следующую плитку */
.app-card,.app-mini{float:none;display:inline-block;vertical-align:top}
/* 01.10.2026: крестик статуса — внутри жёлтой плашки справа (float после текста выпадал под плашку) */
.status-bar{position:relative;zoom:1;padding-right:30px}
.status-x{float:none;position:absolute;right:10px;top:8px}
/* 01.10.2026: статус в шапке — отдельный блок, со своим зазором от школы/значков ниже */
.phead .status-bar{margin:8px 0 14px 0}
/* 01.10.2026: выбранный собеседник/обсуждение — с тёмно-зелёной обводкой сверху и снизу (снизу была бледная #e6f1d8 — на белом не видна) */
.dlist .cur{border-top:1px solid #5a9a1e;border-bottom:1px solid #5a9a1e;margin-top:-1px}
/* 01.10.2026: значок «на сайте» — своя высота строки: в IE6 пустой inline-block наследовал line-height родителя (в шапке переписки 32px),
   распирал строку, и имя со ссылками уезжали вверх */
.online-d,.online-m{line-height:12px;font-size:0;overflow:hidden}
/* 01.10.2026: IE 6/7 знают inline-block только у строчных элементов: плитка игры — div, в IE6 вставала столбиком.
   Классический приём: inline + hasLayout (zoom) = inline-block */
* html .app-card{display:inline;zoom:1}
*+html .app-card{display:inline;zoom:1}
/* 01.10.2026: IE6 — список слева в окне (переписка/обсуждения) без ширины раздувался на ширину полосы прокрутки и вылезал
   из своей колонки: правая часть (жёлтый тизер обсуждения) накрывала полосу. Ширина = колонка минус рамка списка */
* html .in-window .msg-left #dlist{width:178px}
* html .in-window .disc-left #dlist{width:198px}
/* 01.10.2026: шапка переписки/обсуждения в окне — высота отступами, а не line-height:32px:
   IE6 с line-height ставил имя и ссылки к верху полосы (на 7px выше середины). 18 + 7 + 7 = те же 32px */
.in-window .msg-head,* html .in-window .msg-head{height:18px;line-height:18px;padding-top:7px;padding-bottom:7px}
.disc-head,* html .disc-head{height:18px;line-height:18px;padding-top:7px;padding-bottom:7px}
/* поле растёт до 3 строк — значки и «Отправить» по середине поля, а не прилипают к верху */
.msg-form .msg-row td{vertical-align:middle}
.msg-send,input.msg-send,.msg-form a.msg-send,.msg-form a.msg-send:link,.msg-form a.msg-send:visited{background-image:url(img/ico-send2.gif)}
/* 01.10.2026: на зелёных полосах — белый значок «на сайте» (зелёный там не виден, вместо точки — кольцо) */
.msg-head .online-d,.msg-head .online-m,.disc-head .online-d,.disc-head .online-m,.dlist .cur .online-d,.dlist .cur .online-m{background-image:url(img/online-w3.gif)}
/* 02.10.2026: правая колонка группы — «Участники» и «Фото» отдельными блоками с воздухом между ними (ссылка «все участники» прилипала к «Фото») */
.gside .gbox{margin:0 0 20px 0;overflow:hidden;zoom:1}
.gside .gbox h2,.col-main td.gside .gbox h2{margin:0 0 8px 0}
.gside .gbox a.small{display:block;clear:both;margin-top:2px}
/* 02.10.2026: каталог групп — статус «Вы в группе / администратор / заявка отправлена» вместо кнопки */
.gstate{font-size:11px;color:#888;white-space:nowrap}
/* sv 02.10.2026: «все закладки ›» под «убрать закладку» в просмотрщике — отдельной строкой, с отступом под текст пункта */
.pv-actions .pv-bm-go{display:block;margin:-3px 0 0 0;padding:0 0 4px 22px;font-size:11px;line-height:14px;color:#d86a00}
/* 03.10.2026: «на сайте» / «с телефона» — жёлтая плашка под именем; фон постоянный, медленно мигает (яркая/бледная), текст тёмный.
   Современные браузеры — CSS-анимация (страница не перерисовывается, прокрутка не сбивается); IE 5.5–9 — скрипт в шаблоне меняет цвет только у самих плашек */
.onl{display:inline-block;margin:2px 0 0 0;padding:0 5px;background:#ffd84a;border:1px solid #e3b800;color:#4d3800;font:bold 10px/13px Tahoma,Verdana,Arial,sans-serif;white-space:nowrap;vertical-align:middle;text-decoration:none;-webkit-animation:onlblink 3s step-end infinite;animation:onlblink 3s step-end infinite}
@-webkit-keyframes onlblink{0%{background-color:#ffd84a;border-color:#e3b800;color:#4d3800}50%{background-color:#fff1b3;border-color:#f2df8f;color:#8a7536}}
@keyframes onlblink{0%{background-color:#ffd84a;border-color:#e3b800;color:#4d3800}50%{background-color:#fff1b3;border-color:#f2df8f;color:#8a7536}}
.msg-head .onl{margin:0 0 0 6px}
.msg-dev{color:#999;font-size:10px;margin-left:4px;font-weight:normal}
/* 03.10.2026: фотоаппарат и смайлик под полем сообщения — оба 20×20, между ними 6px; вместе ровно 46px + 4px отступа = прежние 50px ячейки
   (в IE6 ячейка шире 50px растягивалась, и поле ввода шириной 98% заезжало под кнопку «Отправить») */
.msg-form .msg-row-tools{width:46px;padding:0 4px 0 0;overflow:hidden}
.msg-form .msg-tools a.msg-tool{display:inline-block;vertical-align:middle;margin:0 6px 0 0;line-height:20px;height:20px}
.msg-form .msg-tools a.msg-tool img{display:block;width:20px;height:20px;border:0;margin:0}
.msg-form .msg-tools a.smiles-btn{width:0;height:20px;padding:0 0 0 20px;margin:0;background-position:0 0;line-height:20px}
* html .msg-form .msg-tools a.msg-tool{display:inline;zoom:1}
/* 03.10.2026: поле ввода сообщения не шире своей ячейки (было 98% + отступы и рамка — заезжало под «Отправить»):
   современные браузеры — 100% с учётом отступов (border-box), IE6/7 (нет box-sizing) — 95% */
.msg-form textarea.msg-input{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
* html .msg-form textarea.msg-input{width:95%}
*+html .msg-form textarea.msg-input{width:95%}
.msg-form .msg-row td.msg-row-send{padding:0 0 0 10px}
/* sv 04.10.2026: страница приложения для Android */
.anp-head h1{margin:4px 0 6px 0}
.anp-shots{margin:6px 0 14px 0}
.anp-shots img{display:block;border:0}
/* 04.10.2026: статус в списках людей - строкой над фото и именем, одна строка с многоточием (IE6 умеет text-overflow) */
.urow-status{margin:0 0 8px 0;overflow:hidden;zoom:1;white-space:nowrap}
.urow-status .ustatus-line{display:inline-block;max-width:360px;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#fbd77a;border:1px solid #f0c25a;padding:2px 7px;font-size:11px;line-height:16px;vertical-align:top}
* html .urow-status .ustatus-line{display:inline;zoom:1}
.urow.has-status .urow-actions{top:40px}
.urow.has-status{min-height:142px}
* html .urow.has-status{height:142px}
/* sv 05.10.2026: окна просмотра — фото, запись, статус. Как в соцсетях: слева содержимое, справа колонка комментариев
   (заголовок со счётчиком, список прокручивается внутри, поле ввода всегда внизу). Окно 960: влезает в 1024x768 без прокрутки вбок */
.pviewer-overlay{width:960px}
.pviewer-page,.oviewer-page{width:960px;margin:0 auto;border:1px solid #e3ded6}
.pviewer-page .pviewer-overlay{width:960px}
.pv-main{padding:0;background:#fff;color:#333}
.pv-main a{color:#d86a00}
.pv-main a:hover{color:#b35a06}
.pv-main a.rate,.pv-main a.rate:hover{color:#fff}
.pv-dark{background:#3b3b3b;padding:12px;color:#ccc}
.pv-dark a,.pv-dark a:hover{color:#fff}
.pviewer-page .pv-stage img{max-width:640px;height:auto}
* html .pv-stage,* html .pviewer-page .pv-stage{width:640px;overflow:hidden}
.pv-under{margin:0;padding:10px 12px 12px 12px;color:#666;font-size:12px}
.pv-info{margin:0 0 4px 0}
.pv-caption{margin:4px 0;color:#333;font-size:13px}
.pv-meta{margin-top:8px;border-top:1px solid #f0ece6}
.pv-meta-l{padding:10px 12px 0 0}
.pv-meta-r{padding:6px 0 0 12px;border-left:1px solid #f0ece6}
.pv-meta .pv-rate{margin:0 0 8px 0;padding:0;border:0}
.pv-meta .pv-actions{margin:0}
.pv-side,.ov-side{width:272px;padding:12px;background:#fff;border-left:1px solid #e3ded6;position:relative}
.pv-side .pv-owner{margin:4px 30px 8px 0;padding-bottom:8px}
.pv-side .oa{margin-top:0}
.oviewer-overlay{position:absolute;z-index:1170;width:960px;border:1px solid #222;background:#fff}
.ovbg{z-index:1160}
.ov-main{padding:16px 20px 16px 20px;background:#fff}
.ov-head{overflow:hidden;zoom:1;margin:0 0 12px 0}
.ov-ava{float:left;margin:0 10px 0 0}
.ov-ava img{display:block;width:50px;height:50px;border:1px solid #e3ded6}
.ov-who{overflow:hidden;zoom:1;padding-top:6px;line-height:18px}
.ov-name{font-weight:bold;font-size:13px}
.ov-body{font-size:13px;line-height:19px;word-wrap:break-word}
.ov-status{font-size:17px;line-height:25px;color:#333;padding:14px 16px;background:#fff8e6;border:1px solid #f3dfae;word-wrap:break-word}
.ov-main .oa{margin-top:12px;padding-top:8px;border-top:1px solid #f0ece6;height:22px}
.cpanel{margin:10px 0 0 0;border-top:1px solid #f0ece6}
.ov-side .cpanel{margin-top:0;border-top:0}
.cp-head{padding:8px 30px 6px 0;font-size:13px;font-weight:bold;color:#333;line-height:18px}
.ov-side .cp-head{padding-top:2px}
.cp-cnt{color:#999;font-weight:normal}
.comments-panel{min-width:0;margin:0}
.comments-panel .cmt-scroll{overflow:auto;overflow-x:hidden;zoom:1}
.comments-panel .cmt{padding:7px 0;border-top:1px solid #f0ece6}
.comments-panel .cmt-list .cmt:first-child{border-top:0}
.comments-panel .cmt-more{padding:2px 0 8px 0}
.comments-panel .cmt-empty,.oaq .cmt-empty{color:#a39a90;padding:18px 0;text-align:center;line-height:18px}
.comments-panel .cmt-form{margin:6px 0 0 0;padding:8px 0 0 0;border-top:1px solid #f0ece6}
.pv-side .comments-panel .cmt-input,.ov-side .comments-panel .cmt-input,.pv-side .comments-panel textarea.cmt-input,.ov-side .comments-panel textarea.cmt-input{width:258px;min-width:0}
.comments-panel .cmt-bar{text-align:right}
.comments-panel .cmt-bar .smiles-btn{float:left}
.comments-panel .cmt-login{padding:8px 0 0 0;border-top:1px solid #f0ece6}
.cmt-hint{color:#b3aaa0;font-size:11px}
/* поле комментария прямо под записью в ленте (по «Комментировать») и «Посмотреть все комментарии (N)» */
.oaq{clear:both;margin:6px 0 0 0;padding:8px 10px;background:#faf7f2;border:1px solid #efe7db}
.oaq .cmt-list .cmt{padding:4px 0 8px 0;border-top:0}
.oaq .cmt-form{margin:0}
.oaq .cmt-input,.oaq textarea.cmt-input{width:96%;min-width:0}
.oaq .cmt-bar{text-align:right}
.oaq .cmt-bar .smiles-btn{float:left}
.oaq-all{display:block;margin:6px 0 0 0;font-weight:bold}