/* OldCQ desktop, 21.10.2026 redesign. IE5/6-safe: tables for layout, gradient GIF strips, explicit px fonts,
   no flex/grid/rgba-only. Rounded corners are a progressive bonus (IE6 shows square ones).
   Palette: sky #EAF4FD / border #B7D3EE / title #1B4F96 / brand green #3FAE1C / text #1E2B38. Art: /root/oldcq/art */
div.ocq, td.ocq { font-size:12px; line-height:17px; color:#1E2B38; }
div.ocq table, div.ocq td { font-size:12px; }
div.ocq p { margin:0 0 9px 0; }
div.ocq a img, img.ic { border:0; }
img.ic { vertical-align:middle; }
.mu, div.small { font-size:11px; color:#5F7186; }
.nw { white-space:nowrap; }

/* headings */
div.h1 { font:bold 20px Tahoma, Verdana, sans-serif; color:#1B4F96; margin:0 0 10px 0; }
div.h2 { font:bold 14px Tahoma, Verdana, sans-serif; color:#1B4F96; margin:0 0 8px 0; }
div.h3 { font:bold 13px Tahoma, Verdana, sans-serif; color:#1B4F96; margin:0 0 4px 0; }
div.lead { font-size:13px; line-height:19px; color:#2A3B4E; margin-bottom:12px; }

/* panel = box */
div.box { background:#FFFFFF; border:1px solid #B7D3EE; margin-bottom:14px; border-radius:6px; }
div.bt { background:#E2EFFB url(/i/g_head.gif) repeat-x; border-bottom:1px solid #C3DAF0; padding:6px 12px 6px 10px; height:17px;
         font:bold 13px Tahoma, Verdana, sans-serif; color:#1B4F96; border-radius:6px 6px 0 0; white-space:nowrap; overflow:hidden; }
div.bt img { vertical-align:top; margin-right:4px; }
div.bt span.r { float:right; font:11px Tahoma, Verdana, sans-serif; }
div.bb { padding:12px 14px; font-size:12px; line-height:17px; }
div.box.g div.bt { background:#E3F4D6 url(/i/g_headg.gif) repeat-x; color:#22660A; border-bottom-color:#C5E2AE; }
div.box.g { border-color:#BFDFA6; }
div.sky { background:#F2F8FE url(/i/g_panel.gif) repeat-x; }

/* layout helpers */
table.cols { width:976px; table-layout:fixed; }
td.gap { width:16px; font-size:1px; }

/* home: hero */
td.hero { height:174px; padding:126px 0 0 22px; vertical-align:top; background-color:#8CC4F2; }
td.hero img { display:block; }
div.stats { border:1px solid #B7D3EE; border-top:0; background:#F6FAFE url(/i/g_stat.gif) repeat-x; margin-bottom:16px; }
table.stats td { padding:10px 14px; border-left:1px solid #D6E6F5; font-size:11px; color:#5F7186; line-height:15px; }
table.stats td.f { border-left:0; }
table.stats b.n { display:block; font:bold 22px Tahoma, Verdana, sans-serif; color:#1B4F96; line-height:26px; }
table.stats b.g { color:#2E8B12; }
table.stats td img { float:left; margin:2px 10px 0 0; }

/* feature tour */
table.tour div.t { background:#FFFFFF; border:1px solid #B7D3EE; height:302px; }
div.shot { padding:12px 0 10px 0; text-align:center; background:#EAF4FD url(/i/g_panel.gif) repeat-x; border-bottom:1px solid #D6E6F5; }
div.shot img { border:1px solid #9DBEDF; }
div.tt { padding:10px 14px 12px 14px; }
div.tt div.h3 img { margin:0 6px 0 0; }

/* steps */
table.steps td { vertical-align:top; padding:0 0 12px 0; }
table.steps td.n { width:52px; }
table.steps b { font-size:13px; color:#1B4F96; }

/* UIN card */
table.card { background:url(/i/uin_card.gif) no-repeat; }
td.card { width:208px; height:80px; vertical-align:top; padding:30px 0 0 92px; }
td.card b.num { font:bold 32px Tahoma, Verdana, sans-serif; color:#0B2E5A; letter-spacing:1px; line-height:40px; white-space:nowrap; }
td.card span { display:block; font-size:11px; color:#4A78AE; }
div.bignum { font:bold 40px Tahoma, Verdana, sans-serif; color:#1B4F96; letter-spacing:2px; margin:8px 0; }

/* pretty numbers */
span.pn { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; padding:2px 7px; margin:0 6px 6px 0;
          background:#FFF8DC; border:1px solid #E6C766; font:bold 13px Tahoma, Verdana, sans-serif; color:#7A5200; border-radius:4px; }

/* network tiles */
table.net div.nc { background:#FFFFFF; border:1px solid #D6E6F5; padding:12px 12px 10px 12px; height:90px; }
table.net td.ni { width:42px; vertical-align:top; }
table.net td.nt { vertical-align:top; font-size:12px; line-height:16px; }
table.net b { font-size:13px; }

/* lists */
table.rows { table-layout:fixed; }
table.rows td { padding:4px 0; border-bottom:1px solid #EAF0F6; vertical-align:middle; white-space:nowrap; overflow:hidden; }
table.rows tr.last td { border-bottom:0; }
table.rows td.r { text-align:right; color:#5F7186; font-size:11px; }
div.news { padding:0 0 9px 0; margin-bottom:9px; border-bottom:1px solid #EAF0F6; }
div.news.last { border-bottom:0; margin-bottom:0; padding-bottom:0; }
div.news span.d { font-size:11px; color:#5F7186; }

table.list { border-collapse:collapse; }
table.list td { font-size:12px; border-bottom:1px solid #E4ECF4; padding:6px 6px; }
table.list tr.hdr td { background:#EAF4FD; font-weight:bold; color:#1B4F96; border-bottom:1px solid #C3DAF0; }

/* forms */
table.form td { font-size:12px; padding:5px 6px 5px 0; vertical-align:middle; }
table.form td.lbl, table.info td.lbl { color:#4E6278; white-space:nowrap; }
div.ocq input.tx, div.ocq select.tx, div.ocq textarea.tx { border:1px solid #9DBEDF; padding:3px 4px; font:12px Tahoma, Verdana, sans-serif; background:#FFFFFF; }
input.bigbtn, input.btn { font:bold 12px Tahoma, Verdana, sans-serif; padding:3px 12px; color:#1B3F6E; background:#E0EAF4 url(/i/g_btn.gif) repeat-x; border:1px solid #6F93BA; cursor:pointer; }
input.bigbtn { font-size:13px; padding:5px 16px; }
div.okmsg, div.errmsg, div.warnmsg { padding:9px 12px 9px 34px; margin-bottom:14px; font-size:12px; border-radius:5px; background-repeat:no-repeat; background-position:10px 9px; }
div.okmsg { background-color:#EEF9E6; background-image:url(/i/i16_check.gif); border:1px solid #9CCB7E; }
div.errmsg { background-color:#FDEFEC; background-image:url(/i/i16_close.gif); border:1px solid #E5A99B; }
div.warnmsg { background-color:#FFF8DC; background-image:url(/i/i16_warn.gif); border:1px solid #E6C766; }
table.wiz { margin-bottom:14px; }
table.wiz td { height:30px; padding:0 16px; font:12px Tahoma, Verdana, sans-serif; color:#7A8A9C; background:#F2F6FA; border:1px solid #D6E2EE; white-space:nowrap; border-radius:15px; }
table.wiz td.on { color:#FFFFFF; background:#2F86E0 url(/i/g_wizon.gif) repeat-x; border-color:#1D62C0; font-weight:bold; }
table.wiz td.ok { color:#2E8B12; background:#EEF9E6; border-color:#BFDFA6; }
table.wiz td.sp { background:none; border:0; padding:0 4px; width:14px; }
table.wiz b.wn { font-weight:bold; }
table.wiz td img { vertical-align:middle; }

/* register / login */
table.form td.lbl { padding-top:9px; vertical-align:top; font-weight:bold; color:#3E5268; }
div.ocq input.w { width:220px; }
div.hint { font-size:11px; color:#7A8A9C; line-height:14px; margin-top:2px; }
input.ib { border:0; padding:0; margin:4px 0 0 0; vertical-align:top; }
div.alt { margin-top:12px; padding:9px 11px; background:#F6FAFE; border:1px solid #D6E6F5; border-radius:5px; font-size:12px; }
b.free { font:bold 18px Tahoma, Verdana, sans-serif; color:#2E8B12; }
table.bigcard { background:#F2F8FE url(/i/g_panel.gif) repeat-x; border:1px solid #C3DAF0; }
table.bigcard td.f { padding:18px 0 18px 18px; vertical-align:middle; }
table.bigcard td.t { padding:14px 18px 16px 0; vertical-align:middle; }
table.bigcard span.l { display:block; font:bold 13px Tahoma, Verdana, sans-serif; color:#3E5268; }
table.bigcard b.num { display:block; font:bold 48px Tahoma, Verdana, sans-serif; line-height:58px; color:#0B2E5A; letter-spacing:3px; white-space:nowrap; }
table.bigcard span.s { display:block; font-size:12px; color:#3E5268; line-height:17px; }
div.sep { height:1px; font-size:1px; background:#DDE8F3; margin:10px 0; }
table.myhead div.links { font-size:12px; }

/* profile */
table.prof td { vertical-align:top; }
img.ava { border:1px solid #9DBEDF; }
div.nick { font:bold 20px Tahoma, Verdana, sans-serif; color:#0B2E5A; line-height:24px; margin-bottom:4px; }
div.stline { font-size:12px; color:#4E6278; margin-bottom:8px; }
table.info td { font-size:12px; padding:3px 10px 3px 0; vertical-align:top; }
div.about { margin:10px 0 0 0; padding:9px 11px; background:#F6FAFE; border:1px solid #D6E6F5; line-height:17px; }
table.acts div.a { background:#F6FAFE; border:1px solid #C3DAF0; padding:14px; text-align:center; height:110px; }
table.acts div.a img.big { display:block; margin:0 auto 8px auto; }
table.acts div.a a.go { font:bold 13px Tahoma, Verdana, sans-serif; }
div.nofb { margin-top:8px; padding:6px 8px; background:#FFF8DC; border:1px solid #E6C766; text-align:left; }

/* badges constructor */
table.bdg td.s { padding:7px 8px; border-bottom:1px solid #EAF0F6; vertical-align:middle; }
table.bdg tr.on td.s { background:#EAF4FD; }
td.pvbox { border:1px solid #C3DAF0; padding:14px 6px; text-align:center; vertical-align:middle; font-size:11px; }
td.pvw { background:#FFFFFF; } td.pvf { background:#E9EEF3; } td.pvd { background:#23292F; color:#AAB4BE; }
textarea.code, input.code { width:560px; font:11px 'Courier New', monospace; border:1px solid #9DBEDF; padding:4px; background:#FBFDFF; color:#1E2B38; }

/* download */
table.os td { padding:7px 10px 7px 0; border-bottom:1px solid #EAF0F6; vertical-align:middle; font-size:12px; }
table.os td.v { font-weight:bold; color:#1B4F96; white-space:nowrap; }
td.dlshot { text-align:center; vertical-align:top; font-size:11px; color:#4E6278; }
td.dlshot img { border:1px solid #9DBEDF; margin-bottom:5px; }

/* help */
div.q { font:bold 12px Tahoma, Verdana, sans-serif; color:#1B4F96; margin:14px 0 3px 0; }
div.q.first { margin-top:0; }
div.a { margin:0; line-height:17px; }
table.toc td { padding:3px 14px 3px 0; font-size:12px; white-space:nowrap; }

div.adnav { padding:0 0 12px 0; font-size:12px; }
table.adtabs td { padding:6px 12px; font:bold 12px Tahoma, Verdana, sans-serif; background:#F2F6FA; border:1px solid #D6E2EE; border-radius:4px; white-space:nowrap; }
table.adtabs td.on { background:#2F86E0; border-color:#1D62C0; color:#FFFFFF; }
table.adtabs td.sp { background:none; border:0; padding:0; width:4px; }
table.adtabs a { text-decoration:none; }
ol.steps li { margin-bottom:5px; font-size:12px; }

/* web messenger (DOM from web.js) */
div.state { padding:7px 10px; margin-bottom:10px; background:#FFF8DC; border:1px solid #E6C766; font-size:12px; border-radius:4px; }
div.note { padding:7px 10px; margin-bottom:6px; background:#FFFFFF; border:1px solid #9CCB7E; font-size:12px; border-radius:4px; }
table.wm td { font-size:12px; }
td.wl { background:#FFFFFF; border:1px solid #6F9BCB; }
div.wme { padding:7px 8px; background:#3C8EE6; color:#FFFFFF; font-size:12px; }
div.wst { padding:6px 8px; border-bottom:1px solid #C3DAF0; background:#EAF4FD; }
div.clist { height:390px; overflow:auto; padding:2px 0; }
div.grp { padding:3px 8px; font-weight:bold; color:#1E5A12; font-size:11px; background:#E3F4D6; border-top:1px solid #C5E2AE; border-bottom:1px solid #C5E2AE; }
div.ci { padding:4px 10px; cursor:pointer; font-size:12px; white-space:nowrap; overflow:hidden; }
div.ci img { vertical-align:middle; }
div.ci.cur, div.cur { background:#D6E8FA; }
b.unr { color:#D9541A; }
form.wadd { padding:7px 8px; border-top:1px solid #C3DAF0; margin:0; font-size:11px; background:#F6FAFE; }
span.tab { display:-moz-inline-stack; display:inline-block; padding:4px 10px; margin-right:3px; background:#E2EFFB; border:1px solid #9DBEDF; border-bottom:0; font-size:12px; zoom:1; *display:inline; cursor:pointer; }
span.tab.on, span.on { background:#FFFFFF; font-weight:bold; }
span.tab a.x { color:#8A97A6; text-decoration:none; }
div.chat { background:#FFFFFF; border:1px solid #6F9BCB; padding:8px; }
div.head { padding:6px 8px; background:#EAF4FD; margin-bottom:8px; font-size:12px; border:1px solid #D6E6F5; }
div.log { height:300px; overflow:auto; border:1px solid #D6E6F5; padding:8px; margin-bottom:6px; font-size:12px; line-height:16px; }
div.ln { margin-bottom:7px; }
span.me { color:#1E5FB0; font-weight:bold; } span.he { color:#C0391B; font-weight:bold; }
span.tm { color:#9AA6B3; font-size:10px; }
span.tick1, span.tick2 { display:-moz-inline-stack; display:inline-block; width:12px; height:9px; zoom:1; *display:inline; }
span.tick1 { background:url(/i/tick1.gif) no-repeat; } span.tick2 { background:url(/i/tick2.gif) no-repeat; }
div.sys { color:#8A6A00; font-style:italic; margin-bottom:6px; }
div.typing { height:14px; font-size:11px; color:#7A8A9C; }
#inp { width:98%; font:12px Tahoma, Verdana, sans-serif; border:1px solid #9DBEDF; }

/* 1.5 запрос авторизации (web.js ocqAuthShow) - XP-карточка, сетка 4px */
div.areq { width:420px; margin:0 0 8px 0; background:#FFFFFF; border:1px solid #6F9BCB; font:11px Tahoma, Verdana, sans-serif; }
div.aqh { padding:4px 8px; background:#3C8EE6; color:#FFFFFF; font-weight:bold; font-size:11px; line-height:16px; }
span.aqn { float:right; font-weight:normal; }
span.aqn a { color:#FFFFFF; font-weight:bold; text-decoration:none; padding:0 4px; }
table.aqt { margin:8px 8px 0 8px; }
table.aqt td { font-size:11px; line-height:16px; }
img.aqa { border:1px solid #9DB9D8; display:block; }
b.aqnick { font-size:12px; }
div.aqb { margin:4px 0 0 0; padding:4px 8px; background:#FFFBE0; border:1px solid #E6D27A; border-radius:4px; word-wrap:break-word; }
div.aqbtn { padding:8px 8px 4px 8px; }
div.aqbtn input { font:11px Tahoma, Verdana, sans-serif; height:24px; margin:0 4px 4px 0; padding:0 8px; }
div.aqbtn input.def { font-weight:bold; }
div.aqlnk { padding:0 8px 8px 8px; font-size:11px; }
form.areqf { margin:0 0 8px 0; }
div.aqlnk input.lnk { border:0; background:none; padding:0; margin:0; color:#1D62C0; text-decoration:underline; cursor:pointer; font:11px Tahoma, Verdana, sans-serif; }
div.aqgrp { padding:8px 8px 0 8px; font-size:11px; }
div.aqgrp select { font:11px Tahoma, Verdana, sans-serif; margin-left:4px; }
a.aqi { font-size:11px; margin-left:4px; }