API tools faq
paste
Hormold

VK Change (#1389612603)

Hormold
Jan 13th, 2014
196
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 94.72 KB | None | 0 0
raw download clone embed print report
  1. Файл - common.css (Старый размер - 66905 | Новый - 0):
  2. 0.  - #common_css {
  3. 1.  -   display: none;
  4. 2.  - }
  5. 3.  -
  6. 4.  - body {
  7. 5.  -   background: #fff;
  8. 6.  -   color: #000;
  9. 7.  -   margin: 0px;
  10. 8.  -   padding: 0px;
  11. 9.  -   direction: ltr;
  12. 10.  -   font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
  13. 11.  -   font-size: 11px;
  14. 12.  -   font-weight: normal;
  15. 13.  - }
  16. 14.  - body.font_medium {
  17. 15.  -   font-size: 12px;
  18. 16.  -   font-family: Lucida Grande, Arial, tahoma, verdana, sans-serif;
  19. 17.  - }
  20. 18.  - body.nofixed {
  21. 19.  -   width: 100%;
  22. 20.  -   overflow: hidden;
  23. 21.  - }
  24. 22.  - body.nofixed #page_wrap {
  25. 23.  -   position: relative;
  26. 24.  -   height: 100%;
  27. 25.  -   width: 100%;
  28. 26.  -   overflow: auto;
  29. 27.  - }
  30. 28.  - .fixed {
  31. 29.  -   position: fixed;
  32. 30.  - }
  33. 31.  - body.nofixed .fixed, body.mobfixed .fixed {
  34. 32.  -   position: absolute;
  35. 33.  - }
  36. 34.  - body.firefox #page_wrap {
  37. 35.  -   position: relative;
  38. 36.  -   width: 100%;
  39. 37.  -   overflow: hidden;
  40. 38.  - }
  41. 39.  - .table td {
  42. 40.  -   vertical-align: top;
  43. 41.  -   text-align: left;
  44. 42.  - }
  45. 43.  -
  46. 44.  - /* in 'rtl' left and ltr too -- disabling content jumping when scrollbar changes */
  47. 45.  - .scroll_fix_wrap {
  48. 46.  -   text-align: left;
  49. 47.  -   direction: ltr;
  50. 48.  - }
  51. 49.  - a {
  52. 50.  -   color: #2B587A;
  53. 51.  -   text-decoration: none;
  54. 52.  -   cursor: pointer;
  55. 53.  - }
  56. 54.  - a:hover {
  57. 55.  -   text-decoration: underline;
  58. 56.  - }
  59. 57.  - img {
  60. 58.  -   border: 0px;
  61. 59.  - }
  62. 60.  - form {
  63. 61.  -   margin: 0px;
  64. 62.  -   padding: 0px;
  65. 63.  - }
  66. 64.  - small {
  67. 65.  -   font-size: 10px;
  68. 66.  - }
  69. 67.  - .font_medium small {
  70. 68.  -   font-size: 11px;
  71. 69.  - }
  72. 70.  - textarea.ashelper {
  73. 71.  -   overflow: hidden;
  74. 72.  - }
  75. 73.  -
  76. 74.  - #fmenu {
  77. 75.  -   position: absolute;
  78. 76.  -   right: 0px;
  79. 77.  -   top: 0px;
  80. 78.  -   margin-top: 2px;
  81. 79.  -   padding: 5px 0px;
  82. 80.  -   background: #FFF;
  83. 81.  - }
  84. 82.  - .fmenu_item,
  85. 83.  - .fmenu_cont {
  86. 84.  -   overflow: hidden;
  87. 85.  -   display: inline-block;
  88. 86.  -   *display: inline;
  89. 87.  -   *zoom: 1;
  90. 88.  - }
  91. 89.  - .fmenu_item {
  92. 90.  -   font-size: 10px;
  93. 91.  -   clear: both;
  94. 92.  -   margin: 4px 1px;
  95. 93.  -   line-height: 11px;
  96. 94.  -   padding: 4px;
  97. 95.  -   font-weight: bold;
  98. 96.  -   color: #45688E;
  99. 97.  -   opacity: 0.5;
  100. 98.  -   filter: alpha(opacity=50);
  101. 99.  -   -webkit-border-radius: 2px;
  102. 100.  -   -khtml-border-radius: 2px;
  103. 101.  -   -moz-border-radius: 2px;
  104. 102.  -   border-radius: 2px;
  105. 103.  -   -webkit-transition: opacity 100ms linear;
  106. 104.  -   -moz-transition: opacity 100ms linear;
  107. 105.  -   -o-transition: opacity 100ms linear;
  108. 106.  -   transition: opacity 100ms linear;
  109. 107.  - }
  110. 108.  - .fmenu_text .counter_anim_wrap {
  111. 109.  -   height: 11px;
  112. 110.  - }
  113. 111.  - .fmenu_icon {
  114. 112.  -   height: 11px;
  115. 113.  -   background: url(/images/fixedmenu.gif?8) no-repeat;
  116. 114.  -   width: 11px;
  117. 115.  - }
  118. 116.  - .fmenu_text {
  119. 117.  -   overflow: hidden;
  120. 118.  -   vertical-align: top !important;
  121. 119.  - }
  122. 120.  - .font_medium .fmenu_item {
  123. 121.  -   font-size: 11px;
  124. 122.  - }
  125. 123.  - .fmenu_item:hover {
  126. 124.  -   text-decoration: none;
  127. 125.  -   opacity: 1;
  128. 126.  - }
  129. 127.  - .fmenu_item_over {
  130. 128.  -   opacity: 1;
  131. 129.  -   background-color: #597DA3;
  132. 130.  -   color: #FFF;
  133. 131.  - }
  134. 132.  - #fmenu_fr {
  135. 133.  -   background-position: 100% -6px;
  136. 134.  - }
  137. 135.  - #fmenu_ph {
  138. 136.  -   background-position: 100% -29px;
  139. 137.  - }
  140. 138.  - #fmenu_vid {
  141. 139.  -   background-position: 100% -52px;
  142. 140.  - }
  143. 141.  - #fmenu_msg {
  144. 142.  -   background-position: 100% -75px;
  145. 143.  - }
  146. 144.  - #fmenu_gr {
  147. 145.  -   background-position: 100% -98px;
  148. 146.  - }
  149. 147.  - #fmenu_nws {
  150. 148.  -   background-position: 100% -121px;
  151. 149.  - }
  152. 150.  - #fmenu_ap {
  153. 151.  -   background-position: 100% -144px;
  154. 152.  - }
  155. 153.  - .fmenu_item_over #fmenu_fr {
  156. 154.  -   background-position: 100% -167px;
  157. 155.  - }
  158. 156.  - .fmenu_item_over #fmenu_ph {
  159. 157.  -   background-position: 100% -190px;
  160. 158.  - }
  161. 159.  - .fmenu_item_over #fmenu_vid {
  162. 160.  -   background-position: 100% -213px;
  163. 161.  - }
  164. 162.  - .fmenu_item_over #fmenu_msg {
  165. 163.  -   background-position: 100% -236px;
  166. 164.  - }
  167. 165.  - .fmenu_item_over #fmenu_gr {
  168. 166.  -   background-position: 100% -259px;
  169. 167.  - }
  170. 168.  - .fmenu_item_over #fmenu_nws {
  171. 169.  -   background-position: 100% -282px;
  172. 170.  - }
  173. 171.  - .fmenu_item_over #fmenu_ap {
  174. 172.  -   background-position: 100% -305px;
  175. 173.  - }
  176. 174.  -
  177. 175.  - .captcha {
  178. 176.  -   padding: 5px 0;
  179. 177.  -   text-align: center;
  180. 178.  -   height: 80px;
  181. 179.  - }
  182. 180.  - .captcha img {
  183. 181.  -   width: 130px;
  184. 182.  -   height: 50px;
  185. 183.  -   background: url(/images/vklogo.gif);
  186. 184.  -   cursor: pointer;
  187. 185.  - }
  188. 186.  - .captcha input.text {
  189. 187.  -   width: 120px;
  190. 188.  -   margin: 10px 0px 0px;
  191. 189.  - }
  192. 190.  - .captcha .progress {
  193. 191.  -   width: 120px;
  194. 192.  -   margin: 13px auto 0px;
  195. 193.  - }
  196. 194.  - .phone_validation_suggest {
  197. 195.  -   text-align: center;
  198. 196.  -   font-size: 0.9em;
  199. 197.  -   padding-top: 10px;
  200. 198.  -   line-height: 1.36em;
  201. 199.  - }
  202. 200.  -
  203. 201.  - .summary_wrap {
  204. 202.  -   color: #45688E;
  205. 203.  -   padding: 13px 10px 0px;
  206. 204.  -   background: #FFF;
  207. 205.  -   border-bottom: 1px solid #DAE1E8;
  208. 206.  - }
  209. 207.  - .summary_wrap .summary {
  210. 208.  -   font-weight: bold;
  211. 209.  -   padding: 3px 0px 4px;
  212. 210.  - }
  213. 211.  - .summary_wrap .summary span,
  214. 212.  - .summary_lnk {
  215. 213.  -   font-weight: normal;
  216. 214.  - }
  217. 215.  - .bottom_wrap {
  218. 216.  -   border-top: 1px solid #DAE1E8;
  219. 217.  -   background: #FFF;
  220. 218.  -   padding: 0px 10px;
  221. 219.  - }
  222. 220.  -
  223. 221.  - .num_delim {
  224. 222.  -   font-size: 60% !important;
  225. 223.  -   vertical-align: top !important;
  226. 224.  - }
  227. 225.  -
  228. 226.  - .png {
  229. 227.  -   behavior: url(/js/iepngfix.htc);
  230. 228.  - }
  231. 229.  - .progress, .progress_inv, .progress_inv_img {
  232. 230.  -   display: none;
  233. 231.  -   width: 32px;
  234. 232.  -   height: 13px;
  235. 233.  -   background: url(/images/upload.gif) no-repeat 50% 50%;
  236. 234.  - }
  237. 235.  - .progress_inline {
  238. 236.  -   display: inline;
  239. 237.  -   display: inline-block;
  240. 238.  -   *zoom: 1;
  241. 239.  -   vertical-align: bottom;
  242. 240.  -   width: 32px;
  243. 241.  -   height: 13px;
  244. 242.  -   background: url(/images/upload.gif) no-repeat 50% 50%;
  245. 243.  - }
  246. 244.  - .progress_inv, .progress_inv_img {
  247. 245.  -   background-image: url(/images/upload_inv.gif);
  248. 246.  - }
  249. 247.  - .progress_inv_mini {
  250. 248.  -   background-image: url(/images/upload_inv_mini.gif);
  251. 249.  -   width: 16px;
  252. 250.  -   height: 4px;
  253. 251.  - }
  254. 252.  - .progress_gray {
  255. 253.  -   background-image: url(/images/upload_gray.gif);
  256. 254.  -   width: 32px;
  257. 255.  -   height: 13px;
  258. 256.  - }
  259. 257.  - .progress_inv_img {
  260. 258.  -   background-color: rgba(0, 0, 0, 0.5);
  261. 259.  - }
  262. 260.  - .checkbox {
  263. 261.  -   cursor: pointer;
  264. 262.  -   line-height: 1.27em;
  265. 263.  - }
  266. 264.  - .checkbox.disabled {
  267. 265.  -   opacity: 0.5;
  268. 266.  -   filter: alpha(opacity=50);
  269. 267.  - }
  270. 268.  - .checkbox div {
  271. 269.  -   float: left;
  272. 270.  -   width: 15px;
  273. 271.  -   margin-right: 5px;
  274. 272.  -   height: 14px;
  275. 273.  -   margin-bottom: 2px;
  276. 274.  -   background: url(/images/icons/check.gif) 0px 0px no-repeat;
  277. 275.  - }
  278. 276.  - .checkbox:hover div {
  279. 277.  -   background-position: 0px -28px;
  280. 278.  - }
  281. 279.  - .checkbox.disabled:hover div {
  282. 280.  -   background-position: 0px 0px;
  283. 281.  - }
  284. 282.  - .checkbox.on div {
  285. 283.  -   background-position: 0px -14px;
  286. 284.  - }
  287. 285.  - .checkbox.on:hover div {
  288. 286.  -   background-position: 0px -42px;
  289. 287.  - }
  290. 288.  - .checkbox.disabled.on:hover div {
  291. 289.  -   background-position: 0px -14px;
  292. 290.  - }
  293. 291.  - .radiobtn {
  294. 292.  -   cursor: pointer;
  295. 293.  -   line-height: 1.27em;
  296. 294.  - }
  297. 295.  - .radiobtn div {
  298. 296.  -   float: left;
  299. 297.  -   width: 15px;
  300. 298.  -   margin-right: 5px;
  301. 299.  -   height: 14px;
  302. 300.  -   margin-bottom: 1px; /* Second line fix */
  303. 301.  -   background: url(/images/icons/radio.gif) 0px 0px no-repeat;
  304. 302.  - }
  305. 303.  - .radiobtn:hover div {
  306. 304.  -   background-position: 0px -28px;
  307. 305.  - }
  308. 306.  - .radiobtn.disabled:hover div {
  309. 307.  -   background-position: 0px 0px;
  310. 308.  - }
  311. 309.  - .radiobtn_hover div {
  312. 310.  -   background-position: 0px -28px;
  313. 311.  - }
  314. 312.  - .radiobtn.on div {
  315. 313.  -   background-position: 0px -14px;
  316. 314.  - }
  317. 315.  - .radiobtn.on:hover div {
  318. 316.  -   background-position: 0px -42px;
  319. 317.  - }
  320. 318.  - .radiobtn.disabled.on:hover div {
  321. 319.  -   background-position: 0px -14px;
  322. 320.  - }
  323. 321.  - .radiobtn.on.radiobtn_hover div {
  324. 322.  -   background-position: 0px -42px;
  325. 323.  - }
  326. 324.  - .fl_l { float: left; }
  327. 325.  - .fl_r { float: right; }
  328. 326.  - .ta_l { text-align: left; }
  329. 327.  - .ta_r { text-align: right; }
  330. 328.  - .inl_bl {display:-moz-inline-stack; display:inline-block; _overflow:hidden; vertical-align: top; zoom:1; *display:inline;}
  331. 329.  - .sl_nowrap {
  332. 330.  -   -o-text-overflow: ellipsis;
  333. 331.  -   text-overflow: ellipsis;
  334. 332.  -   white-space: nowrap;
  335. 333.  - }
  336. 334.  - #side_bar .inl_bl {
  337. 335.  -   vertical-align: baseline;
  338. 336.  - }
  339. 337.  - #side_bar .left_count_wrap .inl_bl {
  340. 338.  -   vertical-align: top;
  341. 339.  - }
  342. 340.  -
  343. 341.  - .upload_frame {
  344. 342.  -   position: absolute;
  345. 343.  -   visibility: hidden;
  346. 344.  -   width: 20px;
  347. 345.  -   height: 20px;
  348. 346.  - }
  349. 347.  -
  350. 348.  - .noselect {
  351. 349.  -   -webkit-user-select: none;
  352. 350.  -   -khtml-user-select: none;
  353. 351.  -   -moz-user-select: none;
  354. 352.  -   -ms-user-select: none;
  355. 353.  -   -o-user-select: none;
  356. 354.  -   user-select: none;
  357. 355.  - }
  358. 356.  -
  359. 357.  - /* Inputs */
  360. 358.  -
  361. 359.  - .font_default input[type="text"],
  362. 360.  - .font_default input[type="submit"],
  363. 361.  - .font_default input[type="button"],
  364. 362.  - .font_default input[type="search"],
  365. 363.  - .font_default input[type="password"],
  366. 364.  - .font_default input[type~="text"],
  367. 365.  - .font_default input[type~="search"],
  368. 366.  - .font_default input[type~="password"],
  369. 367.  - .font_default input[type~="email"],
  370. 368.  - .font_default input.text,
  371. 369.  - .font_default input.search,
  372. 370.  - .font_default textarea,
  373. 371.  - .font_default input.big_text,
  374. 372.  - .font_default input.file  {
  375. 373.  -   font-size: 11px;
  376. 374.  -   font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
  377. 375.  - }
  378. 376.  -
  379. 377.  - .font_medium input[type="text"],
  380. 378.  - .font_medium input[type="submit"],
  381. 379.  - .font_medium input[type="button"],
  382. 380.  - .font_medium input[type="search"],
  383. 381.  - .font_medium input[type="password"],
  384. 382.  - .font_medium input[type~="text"],
  385. 383.  - .font_medium input[type~="search"],
  386. 384.  - .font_medium input[type~="password"],
  387. 385.  - .font_medium input[type~="email"],
  388. 386.  - .font_medium input.text,
  389. 387.  - .font_medium input.search,
  390. 388.  - .font_medium textarea,
  391. 389.  - .font_medium input.big_text,
  392. 390.  - .font_medium input.file  {
  393. 391.  -   font-size: 12px;
  394. 392.  -   font-family: Lucida Grande, Arial, tahoma, verdana, sans-serif;
  395. 393.  - }
  396. 394.  -
  397. 395.  - input.text, input.search, textarea, input.big_text {
  398. 396.  -   background: #FFF;
  399. 397.  -   color: #000;
  400. 398.  -   border: 1px solid #C3CBD4;
  401. 399.  -   padding: 3px;
  402. 400.  -   margin: 0px;
  403. 401.  - }
  404. 402.  - ::-webkit-input-placeholder {
  405. 403.  -   color: #777;
  406. 404.  - }
  407. 405.  - input:-moz-placeholder,
  408. 406.  - textarea:-moz-placeholder {
  409. 407.  -   color: #777;
  410. 408.  - }
  411. 409.  - .top_search_inp::-webkit-input-placeholder {
  412. 410.  -   padding-left: 2px;
  413. 411.  - }
  414. 412.  - .top_search_inp:-moz-placeholder {
  415. 413.  -   padding-left: 21px !important;
  416. 414.  - }
  417. 415.  -
  418. 416.  - input.big_text {
  419. 417.  -   font-size: 1.09em !important;
  420. 418.  -   padding: 5px 4px 4px;
  421. 419.  - }
  422. 420.  - input.search {
  423. 421.  -   background: #FFF url(/images/magglass.png) no-repeat 3px 4px;
  424. 422.  -   padding-left: 17px;
  425. 423.  - }
  426. 424.  - input.file {
  427. 425.  -   margin: 0px;
  428. 426.  - }
  429. 427.  - input.disabled,
  430. 428.  - textarea.disabled {
  431. 429.  -   color: #8C8E91;
  432. 430.  -   -webkit-text-fill-color: #8C8E91;
  433. 431.  -   -webkit-opacity: 1;
  434. 432.  -   background-color: #F5F6F7;
  435. 433.  -   border-color: #C9CDD1;
  436. 434.  - }
  437. 435.  - .captcha input.big_text {
  438. 436.  -   font-size: 1em !important;
  439. 437.  -   margin-top: 7px;
  440. 438.  - }
  441. 439.  -
  442. 440.  - /* Headers */
  443. 441.  -
  444. 442.  - h2 {
  445. 443.  -   border-bottom: 1px solid #DAE1E8;
  446. 444.  -   color: #45668E;
  447. 445.  -   font-size: 1.18em;
  448. 446.  -   padding: 0px 0px 3px;
  449. 447.  -   margin: 0px 0px 10px;
  450. 448.  - }
  451. 449.  - h4 {
  452. 450.  -   border-bottom: 1px solid #E8EBEE;
  453. 451.  -   color: #45688E;
  454. 452.  -   font-size: 11px;
  455. 453.  -   font-weight: bold;
  456. 454.  -   margin: 0px;
  457. 455.  -   padding: 0px 0px 3px;
  458. 456.  - }
  459. 457.  - .font_medium h4 {
  460. 458.  -   font-size: 12px;
  461. 459.  - }
  462. 460.  - h4 .fl_r, h4 span {
  463. 461.  -   font-weight: normal;
  464. 462.  - }
  465. 463.  -
  466. 464.  - /* Layout */
  467. 465.  -
  468. 466.  - div#utils {
  469. 467.  -   top: -30px;
  470. 468.  -   position: absolute;
  471. 469.  -   height: 20px;
  472. 470.  -   overflow: hidden;
  473. 471.  - }
  474. 472.  - #page_layout {
  475. 473.  -   padding: 0px;
  476. 474.  -   margin: 0px auto;
  477. 475.  -   position: relative;
  478. 476.  -   z-index: 6;
  479. 477.  -   width: 791px;
  480. 478.  - }
  481. 479.  - #page_header .back {
  482. 480.  -   position: absolute;
  483. 481.  -   width: 100%;
  484. 482.  -   height: 40px;
  485. 483.  -   background: #4E729A url(/images/hatf.gif?1) 0px -43px repeat-x;
  486. 484.  - }
  487. 485.  - #page_header .left {
  488. 486.  -   position: absolute;
  489. 487.  -   left: 0px;
  490. 488.  -   width: 134px;
  491. 489.  -   height: 40px;
  492. 490.  -   background: #4E729A url(/images/hatf.gif?1) 0px -1px;
  493. 491.  - }
  494. 492.  - #page_header .right {
  495. 493.  -   position: absolute;
  496. 494.  -   right: 0px;
  497. 495.  -   width: 10px;
  498. 496.  -   height: 40px;
  499. 497.  -   background: #4E729A url(/images/hatf.gif?1) 100% -1px;
  500. 498.  - }
  501. 499.  - #page_header .content {
  502. 500.  -   position: absolute;
  503. 501.  -   width: 100%;
  504. 502.  -   z-index: 120;
  505. 503.  - }
  506. 504.  - /*
  507. 505.  - #page_header.p_head_l777 .left, #page_header.p_head_l777 .right, #page_header.p_head_l777 .back {
  508. 506.  -   background-color: #4E729A;
  509. 507.  -   background-image: url(/images/hatsov.gif);
  510. 508.  - }
  511. 509.  - #page_header.p_head_l100 .left, #page_header.p_head_l100 .right, #page_header.p_head_l100 .back {
  512. 510.  -   background-color: #4E729A;
  513. 511.  -   background-image: url(/images/hatimp.gif);
  514. 512.  - }
  515. 513.  - #page_header.p_head_l100 .left {
  516. 514.  -   width: 135px;
  517. 515.  - }
  518. 516.  - #page_header.p_head_l100 .right {
  519. 517.  -   width: 10px;
  520. 518.  - }
  521. 519.  - */
  522. 520.  - #page_header.p_head1 .right {
  523. 521.  -   background: #4E729A url(/images/hatf_vk.gif?1) 100% -1px;
  524. 522.  - }
  525. 523.  - #page_header.p_head1 .left {
  526. 524.  -   width: 48px;
  527. 525.  -   background: #4E729A url(/images/hatf_vk.gif?1) 0px -1px;
  528. 526.  - }
  529. 527.  - #page_header.p_head1 .back {
  530. 528.  -   background: #4E729A url(/images/hatf_vk.gif?1) 0px -43px repeat-x;
  531. 529.  - }
  532. 530.  - /*
  533. 531.  - #page_header.p_head1.p_head_l100 .left {
  534. 532.  -   width: 10px;
  535. 533.  - }
  536. 534.  - */
  537. 535.  - #page_header {
  538. 536.  -   height: 40px;
  539. 537.  - }
  540. 538.  - .top_home_link {
  541. 539.  -   top: 0px;
  542. 540.  -   width: 146px;
  543. 541.  -   height: 40px;
  544. 542.  -   display: block;
  545. 543.  -   position: absolute;
  546. 544.  -   outline: none;
  547. 545.  - }
  548. 546.  - .top_home_link_td {
  549. 547.  -   width: 146px;
  550. 548.  -   vertical-align: top;
  551. 549.  - }
  552. 550.  - #top_logo_down {
  553. 551.  -   margin-left: 4px;
  554. 552.  -   visibility: hidden;
  555. 553.  -   width: 134px;
  556. 554.  -   height: 36px;
  557. 555.  -   background: #4E729A url(/images/hatf.gif?1) -4px 0px;
  558. 556.  -   margin-right: 8px;
  559. 557.  - }
  560. 558.  - #top_logo_down.tld_d {
  561. 559.  -   visibility: visible;
  562. 560.  - }
  563. 561.  - #page_header.p_head1 #top_logo_down {
  564. 562.  -   background: #4E729A url(/images/hatf_vk.gif?1) -4px 0px;
  565. 563.  - }
  566. 564.  - .is_rtl1 #page_header.p_head1 #top_logo_down {
  567. 565.  -   background: #4E729A url(/images/hatf_vk_rtl.gif?1) -3px 0px;
  568. 566.  - }
  569. 567.  - .top_back_link_td {
  570. 568.  -   width: 100%;
  571. 569.  - }
  572. 570.  - .homelink, .shah, .unl {
  573. 571.  -   position: absolute;
  574. 572.  -   left: 0px;
  575. 573.  -   top: 0px;
  576. 574.  -   display: block;
  577. 575.  -   color: #FFF;
  578. 576.  -   font-weight: bold;
  579. 577.  -   padding: 7px 0px 0px 14px;
  580. 578.  -   font-size: 11px;
  581. 579.  -   display:block;
  582. 580.  -   width: 153px;
  583. 581.  -   z-index: 410;
  584. 582.  -   overflow: hidden;
  585. 583.  - }
  586. 584.  - .font_medium .homelink,
  587. 585.  - .font_medium .shah,
  588. 586.  - .font_medium .unl {
  589. 587.  -   font-size: 12px;
  590. 588.  - }
  591. 589.  - .shah {
  592. 590.  -   padding-top: 8px;
  593. 591.  -   color: #000;
  594. 592.  -   opacity: 0.4;
  595. 593.  -   filter: alpha(opacity=40);
  596. 594.  -   z-index: 400;
  597. 595.  - }
  598. 596.  - .vklink {
  599. 597.  -   font-size: 1.36em;
  600. 598.  -   padding: 10px 17px 10px;
  601. 599.  - }
  602. 600.  - .shah.vklink {
  603. 601.  -   padding-top: 11px;
  604. 602.  - }
  605. 603.  - .unl {
  606. 604.  -   margin-top: 21px;
  607. 605.  -   padding-top: 0px;
  608. 606.  -   font-weight: normal;
  609. 607.  -   display: block;
  610. 608.  -   font-size: 0.9em;
  611. 609.  -   color: #dae1e8;
  612. 610.  - }
  613. 611.  - a.unl:hover, a.homelink:hover {
  614. 612.  -   text-decoration: underline;
  615. 613.  - }
  616. 614.  - .head_nav {
  617. 615.  -   margin: 0px;
  618. 616.  -   padding: 0px 8px 0px 0px;
  619. 617.  - }
  620. 618.  - .head_nav a.top_nav_link {
  621. 619.  -   display: block;
  622. 620.  -   padding: 12px 10px 15px;
  623. 621.  -   height: 13px;
  624. 622.  -   margin: 0px;
  625. 623.  -   font-weight: bold;
  626. 624.  -   font-size: 11px;
  627. 625.  -   color: #E8EFF7;
  628. 626.  -   text-shadow: 0px 1px 0px #4e7097;
  629. 627.  - }
  630. 628.  - .font_medium .head_nav a.top_nav_link {
  631. 629.  -   font-size: 12px;
  632. 630.  - }
  633. 631.  - .head_nav a.top_nav_link#head_music {
  634. 632.  -   padding-right: 36px;
  635. 633.  -   position: relative;
  636. 634.  - }
  637. 635.  - #head_play_btn {
  638. 636.  -   position: absolute;
  639. 637.  -   right: 7px;
  640. 638.  -   top: 9px;
  641. 639.  -   width: 22px;
  642. 640.  -   height: 23px;
  643. 641.  -   background: url(/images/icons/audio_iconsf.png) no-repeat scroll 0 0 transparent;
  644. 642.  -   cursor: pointer;
  645. 643.  - }
  646. 644.  - a:hover #head_play_btn,
  647. 645.  - a.over #head_play_btn {
  648. 646.  -   background-position: -24px 0;
  649. 647.  - }
  650. 648.  - #head_play_btn.playing {
  651. 649.  -   background-position: -96px 0;
  652. 650.  - }
  653. 651.  - a:hover #head_play_btn.playing,
  654. 652.  - a.over #head_play_btn.playing {
  655. 653.  -   background-position: -120px 0;
  656. 654.  - }
  657. 655.  - a:hover #head_play_btn.over,
  658. 656.  - a:hover #head_play_btn.down,
  659. 657.  - a.over #head_play_btn.over,
  660. 658.  - a.over #head_play_btn.down {
  661. 659.  -   background-position: -48px 0;
  662. 660.  - }
  663. 661.  - a:hover #head_play_btn.playing.over,
  664. 662.  - a:hover #head_play_btn.playing.down,
  665. 663.  - a.over #head_play_btn.playing.over,
  666. 664.  - a.over #head_play_btn.playing.down {
  667. 665.  -   background-position: -144px 0;
  668. 666.  - }
  669. 667.  -
  670. 668.  - .head_nav div#top_links {
  671. 669.  -   padding: 0px;
  672. 670.  -   height: 22px;
  673. 671.  -   background-image: none;
  674. 672.  - }
  675. 673.  - .head_nav.no_menu div#top_links {
  676. 674.  -   display: none;
  677. 675.  - }
  678. 676.  - .head_nav.no_menu a#logout_link {
  679. 677.  -   display: none;
  680. 678.  - }
  681. 679.  - .head_nav a.top_nav_link:hover,
  682. 680.  - .head_nav a.top_nav_link.over,
  683. 681.  - #top_back_link:hover {
  684. 682.  -   background-color: rgba(0, 31, 64, 0.17);
  685. 683.  -   color: #FFF;
  686. 684.  -   text-decoration: none;
  687. 685.  - }
  688. 686.  - .head_nav a.top_nav_link.active {
  689. 687.  -   padding-top: 13px;
  690. 688.  -   padding-bottom: 14px;
  691. 689.  - }
  692. 690.  - .head_nav a#head_music.head_play_down {
  693. 691.  -   padding-top: 12px;
  694. 692.  -   padding-bottom: 15px;
  695. 693.  - }
  696. 694.  - .head_nav a.top_nav_link.active #head_play_btn {
  697. 695.  -   top: 10px;
  698. 696.  - }
  699. 697.  - .head_nav a.top_nav_link b {
  700. 698.  -   font-weight: normal;
  701. 699.  -   color: #E8EFF7;
  702. 700.  - }
  703. 701.  -
  704. 702.  - .head_nav a.top_nav_link span {
  705. 703.  -   color: #FFF;
  706. 704.  - }
  707. 705.  - .head_nav a.top_nav_link span#head_music_text {
  708. 706.  -   color: #E8EFF7;
  709. 707.  - }
  710. 708.  - .head_nav a.top_nav_link:hover span#head_music_text,
  711. 709.  - .head_nav a.top_nav_link.over span#head_music_text {
  712. 710.  -   color: #FFF;
  713. 711.  - }
  714. 712.  -
  715. 713.  - #page_body {
  716. 714.  -   font-size: 11px;
  717. 715.  -   width: 631px;
  718. 716.  -   padding: 0px 15px 0px 0px;
  719. 717.  - }
  720. 718.  - .font_medium #page_body {
  721. 719.  -   font-size: 12px;
  722. 720.  - }
  723. 721.  - #page_body.simple {
  724. 722.  -   padding: 0px;
  725. 723.  -   margin: 0px auto;
  726. 724.  - }
  727. 725.  - body.firefox #page_body {
  728. 726.  -   overflow: hidden;
  729. 727.  - }
  730. 728.  -
  731. 729.  - body.firefox #page_body.no_overflow {
  732. 730.  -   overflow: visible;
  733. 731.  - }
  734. 732.  - #wrap2 {
  735. 733.  -   border: solid #F3F3F3;
  736. 734.  -   border-width: 0px 1px 1px;
  737. 735.  -   border-color: rgba(100, 100, 100, 0.08);
  738. 736.  - }
  739. 737.  - #wrap1 {
  740. 738.  -   border: solid #D9E0E7;
  741. 739.  -   border-width: 0px 1px 1px;
  742. 740.  - }
  743. 741.  - #wrap_between {
  744. 742.  -   height: 0px;
  745. 743.  -   overflow: hidden;
  746. 744.  - }
  747. 745.  - * html #content {
  748. 746.  -   height: 1%;
  749. 747.  - }
  750. 748.  -
  751. 749.  - #header_wrap1 {
  752. 750.  -   border: solid #F3F3F3;
  753. 751.  -   border-width: 0px 1px;
  754. 752.  - }
  755. 753.  - #header {
  756. 754.  -   position: relative;
  757. 755.  -   font-weight: bold;
  758. 756.  -   font-size: 11px;
  759. 757.  -   padding: 7px 10px;
  760. 758.  -   line-height: 140%;
  761. 759.  -   background: #E9EDF1;
  762. 760.  -   color: #607387;
  763. 761.  -   border: solid #D9E0E7;
  764. 762.  -   border-width: 0px 1px;
  765. 763.  - }
  766. 764.  - .font_medium #header {
  767. 765.  -   font-size: 12px;
  768. 766.  - }
  769. 767.  - #page_body.simple #header {
  770. 768.  -   border-width: 1px 1px 0px;
  771. 769.  - }
  772. 770.  - #title b {
  773. 771.  -   position: relative;
  774. 772.  - }
  775. 773.  - #header h1 {
  776. 774.  -   margin: 0px;
  777. 775.  -   font-size: 11px;
  778. 776.  -   overflow: hidden;
  779. 777.  - }
  780. 778.  - .font_medium #header h1 {
  781. 779.  -   font-size: 12px;
  782. 780.  - }
  783. 781.  - #header span, #header b {
  784. 782.  -   color: #AAB7C5;
  785. 783.  - }
  786. 784.  -
  787. 785.  - /* Left notifier */
  788. 786.  -
  789. 787.  - .left_box {
  790. 788.  -   text-align: center;
  791. 789.  -   padding: 10px 5px;
  792. 790.  -   background: #F7F7F7;
  793. 791.  -   margin: 0px 0px 10px;
  794. 792.  -   overflow: hidden;
  795. 793.  - }
  796. 794.  - .left_box h4 {
  797. 795.  -   font-size: 1.09em;
  798. 796.  -   border-bottom: solid 1px #DAE1E8;
  799. 797.  -   padding: 0px 0px 3px;
  800. 798.  -   margin: 0px 5px 3px;
  801. 799.  - }
  802. 800.  - .left_box.attention h4 {
  803. 801.  -   color: #45688E;
  804. 802.  - }
  805. 803.  - div.left_holiday {
  806. 804.  -   line-height: 140%;
  807. 805.  -   padding: 7px 3px;
  808. 806.  -   width: 112px;
  809. 807.  - }
  810. 808.  - div.left_holiday h4 {
  811. 809.  -   color: #b14344;
  812. 810.  -   border: 0px;
  813. 811.  -   margin: 0px;
  814. 812.  - }
  815. 813.  - .left_box_link {
  816. 814.  -   padding-top: 5px;
  817. 815.  - }
  818. 816.  - .left_congratulate {
  819. 817.  -   padding-top: 3px;
  820. 818.  - }
  821. 819.  -
  822. 820.  - .left_hide {
  823. 821.  -   position: absolute;
  824. 822.  -   margin: 0px 118px;
  825. 823.  -   width: 18px;
  826. 824.  -   height: 18px;
  827. 825.  -   background: url(/images/hide_left.gif) no-repeat center center;
  828. 826.  -   opacity: 0;
  829. 827.  -   filter: alpha(opacity=0);
  830. 828.  -   cursor: pointer;
  831. 829.  - }
  832. 830.  -
  833. 831.  - .left_gift_bonus, .left_rate_plus {
  834. 832.  -   color: #C4BB98;
  835. 833.  -   font-size: 0.9em;
  836. 834.  -   font-weight: bold;
  837. 835.  -   margin-top: -11px;
  838. 836.  - }
  839. 837.  - .left_gift {
  840. 838.  -   border-bottom: 1px solid #DCDCDC;
  841. 839.  -   margin-bottom: 10px;
  842. 840.  - }
  843. 841.  - .left_gift .body {
  844. 842.  -   background: #F7F7F7;
  845. 843.  -   border: 6px solid #EAEAEA;
  846. 844.  -   padding: 4px 4px 7px;
  847. 845.  -   text-align: center;
  848. 846.  -   overflow: hidden;
  849. 847.  -   word-wrap: break-word;
  850. 848.  - }
  851. 849.  - .left_gift .body div {
  852. 850.  -   border-bottom: 1px solid #DCDCDC;
  853. 851.  -   margin: 0px 3px 7px;
  854. 852.  -   padding-bottom: 2px;
  855. 853.  - }
  856. 854.  - .left_gift.gold {
  857. 855.  -   border-color: #C4BB98;
  858. 856.  - }
  859. 857.  - .left_gift.gold .body {
  860. 858.  -   background: #FEF9E1;
  861. 859.  -   border-color: #E9DEB4;
  862. 860.  - }
  863. 861.  - .left_gift.gold .body div {
  864. 862.  -   border-color: #C4BB98;
  865. 863.  - }
  866. 864.  -
  867. 865.  - .left_rate_plus {
  868. 866.  -   color: #EEBD00;
  869. 867.  - }
  870. 868.  - .left_rate_plus.green {
  871. 869.  -   color: #8DB55F;
  872. 870.  - }
  873. 871.  - .left_rate_plus.red {
  874. 872.  -   color: #C5864F;
  875. 873.  - }
  876. 874.  - .left_rate_plus.blue {
  877. 875.  -   color: #99B3C9;
  878. 876.  - }
  879. 877.  - .left_rate .body {
  880. 878.  -   background: #FAF3D8 url(/images/golden.gif) repeat-x 50% 100%;
  881. 879.  -   border-bottom: 1px solid #FBE172;
  882. 880.  -   margin: 0px 0px 10px;
  883. 881.  -   padding: 5px;
  884. 882.  -   text-align: center;
  885. 883.  - }
  886. 884.  - .left_rate .body div {
  887. 885.  -   border-bottom: 1px solid #E6E0B6;
  888. 886.  -   margin: 0px 3px 7px;
  889. 887.  -   padding-bottom: 2px;
  890. 888.  - }
  891. 889.  - .left_rate .body div a {
  892. 890.  -   color: #908851;
  893. 891.  - }
  894. 892.  - .left_rate .body a {
  895. 893.  -   color: #000;
  896. 894.  - }
  897. 895.  - .left_rate .body a:hover {
  898. 896.  -   text-decoration: none;
  899. 897.  - }
  900. 898.  - .left_rate.green, .left_rate.red, .left_rate.blue {
  901. 899.  -   border-bottom: 1px solid #37702A;
  902. 900.  -   margin-bottom: 10px;
  903. 901.  - }
  904. 902.  - .left_rate.green .body, .left_rate.red .body, .left_rate.blue .body {
  905. 903.  -   background: #D5EABB url(/images/greenl.gif) repeat-x 50% 0%;
  906. 904.  -   border: 8px solid #8DBF56;
  907. 905.  -   margin-bottom: 0px;
  908. 906.  - }
  909. 907.  - .left_rate.green .body a div, .left_rate.red .body a div, .left_rate.blue .body a div {
  910. 908.  -   border: 0px;
  911. 909.  -   font-size: 3.27em;
  912. 910.  -   font-weight: bold;
  913. 911.  -   color: #8DBF56;
  914. 912.  -   margin: 5px 5px 5px 3px;
  915. 913.  - }
  916. 914.  - .left_rate.green .body div {
  917. 915.  -   border-color: #8DBF56;
  918. 916.  - }
  919. 917.  - .left_rate.green .body div a {
  920. 918.  -   color: #37702A;
  921. 919.  - }
  922. 920.  - .left_rate.red {
  923. 921.  -   border-color: #8B4C23;
  924. 922.  - }
  925. 923.  - .left_rate.red .body {
  926. 924.  -   background: #F0D6C7 url(/images/redl.gif) repeat-x 50% 0%;
  927. 925.  -   border-color: #C68D69;
  928. 926.  - }
  929. 927.  - .left_rate.red .body div {
  930. 928.  -   border-color: #C39679;
  931. 929.  - }
  932. 930.  - .left_rate.red .body div a {
  933. 931.  -   color: #8B4C23;
  934. 932.  - }
  935. 933.  - .left_rate.red .body a div {
  936. 934.  -   color: #C68D69;
  937. 935.  - }
  938. 936.  - .left_rate.blue {
  939. 937.  -   border-color: #2F6C95;
  940. 938.  - }
  941. 939.  - .left_rate.blue .body {
  942. 940.  -   background: #D9E6EE url(/images/bluel.gif) repeat-x 50% 0%;
  943. 941.  -   border-color: #99B3C9;
  944. 942.  - }
  945. 943.  - .left_rate.blue .body div {
  946. 944.  -   border-color: #99B3C9;
  947. 945.  - }
  948. 946.  - .left_rate.blue .body div a {
  949. 947.  -   color: #0B5588;
  950. 948.  - }
  951. 949.  - .left_rate.blue .body a div {
  952. 950.  -   color: #99B3C9;
  953. 951.  - }
  954. 952.  - .left_gift .body div.vote_transfer {
  955. 953.  -   padding: 5px 0px 12px;
  956. 954.  -   font-weight: bold;
  957. 955.  - }
  958. 956.  -
  959. 957.  - .ad_box_new {
  960. 958.  -   background: #FFFFFF;
  961. 959.  -   border: 1px solid #DCE3E9;
  962. 960.  -   border-width: 0px 0px 1px 0px;
  963. 961.  -   padding: 0px 0px 11px 0px;
  964. 962.  -   margin: 0px;
  965. 963.  -   width: 118px;
  966. 964.  -   overflow: hidden;
  967. 965.  -   text-align: center;
  968. 966.  -   display: block;
  969. 967.  - }
  970. 968.  - a.ad_box_new:hover {
  971. 969.  -   text-decoration: none;
  972. 970.  - }
  973. 971.  - .ad_title_new {
  974. 972.  -   font-weight: bold;
  975. 973.  -   font-size: 11px;
  976. 974.  -   margin: 8px 3px 0px 3px;
  977. 975.  -   color: #36638E;
  978. 976.  -   text-align: center
  979. 977.  - }
  980. 978.  - .font_medium .ad_title_new {
  981. 979.  -   font-size: 12px;
  982. 980.  - }
  983. 981.  - .ad_desc_new {
  984. 982.  -   margin: 10px 2px 0px 2px;
  985. 983.  -   color: #000000;
  986. 984.  - }
  987. 985.  - .ad_domain_new {
  988. 986.  -   margin-top: 3px;
  989. 987.  -   font-size: 0.9em;
  990. 988.  -   color: #909090;
  991. 989.  - }
  992. 990.  - .ad_box_new img {
  993. 991.  -   margin-top: 9px
  994. 992.  - }
  995. 993.  -
  996. 994.  - .left_hide_button {
  997. 995.  -   position: absolute;
  998. 996.  -   margin: 6px 0px 0px 117px;
  999. 997.  -   *margin-left: 60px;
  1000. 998.  -   width: 18px;
  1001. 999.  -   height: 18px;
  1002. 1000.  -   background: url(/images/hide_left.gif) no-repeat center center;
  1003. 1001.  -   opacity: 0;
  1004. 1002.  -   filter: alpha(opacity=0);
  1005. 1003.  -   cursor: pointer;
  1006. 1004.  - }
  1007. 1005.  -
  1008. 1006.  - .ad_box_friend {
  1009. 1007.  -   border-top-width: 1px;
  1010. 1008.  -   border-bottom-width:0px; padding-bottom:0px
  1011. 1009.  - }
  1012. 1010.  - .ad_box_friend .ad_body {
  1013. 1011.  -   max-height: 140px;
  1014. 1012.  -   width: 118px;
  1015. 1013.  -   overflow: hidden;
  1016. 1014.  - }
  1017. 1015.  - .ad_box_friend_act {
  1018. 1016.  -   border: none;
  1019. 1017.  -   padding-top: 8px;
  1020. 1018.  - }
  1021. 1019.  - .ad_box_friend_act img {
  1022. 1020.  -   margin: 0;
  1023. 1021.  - }
  1024. 1022.  - .left_friend_status_info {
  1025. 1023.  -   color: #909090;
  1026. 1024.  - }
  1027. 1025.  - .left_friend_all_link,
  1028. 1026.  - .left_app_all_link {
  1029. 1027.  -   padding-top: 4px;
  1030. 1028.  -   border-top: 1px solid #DCE3E9;
  1031. 1029.  -   text-align: center;
  1032. 1030.  -   font-size: 0.9em;
  1033. 1031.  - }
  1034. 1032.  - .left_friend_all_lnk,
  1035. 1033.  - .left_app_all_lnk {
  1036. 1034.  -   color: #909090;
  1037. 1035.  - }
  1038. 1036.  -
  1039. 1037.  - .left_app_block .ad_box_new {
  1040. 1038.  -   border-width: 1px 0px 0px 0px;
  1041. 1039.  - }
  1042. 1040.  - .left_app_block .ad_common {
  1043. 1041.  -   color: #909090;
  1044. 1042.  -   padding-top: 4px;
  1045. 1043.  -   font-size: 0.9em;
  1046. 1044.  - }
  1047. 1045.  - .left_app_block .ad_bottom_lnk {
  1048. 1046.  -   padding-top: 8px;
  1049. 1047.  - }
  1050. 1048.  - .left_app_block .ad_img {
  1051. 1049.  -   -webkit-border-radius: 5px;
  1052. 1050.  -   -khtml-border-radius: 5px;
  1053. 1051.  -   -moz-border-radius: 5px;
  1054. 1052.  -   border-radius: 5px;
  1055. 1053.  - }
  1056. 1054.  - .left_app_play {
  1057. 1055.  -   position: absolute;
  1058. 1056.  -   margin: 40px 40px 0;
  1059. 1057.  -   width: 38px;
  1060. 1058.  -   height: 38px;
  1061. 1059.  -   background: url(/images/app_play.png) no-repeat 0px 0px;
  1062. 1060.  -   opacity: 0;
  1063. 1061.  -   -webkit-transition: opacity 200ms linear;
  1064. 1062.  -   -moz-transition: opacity 200ms linear;
  1065. 1063.  -   -o-transition: opacity 200ms linear;
  1066. 1064.  -   transition: opacity 200ms linear;
  1067. 1065.  -   *display: none;
  1068. 1066.  - }
  1069. 1067.  - .left_app_block:hover .left_app_play {
  1070. 1068.  -   opacity: 1;
  1071. 1069.  - }
  1072. 1070.  -
  1073. 1071.  - /* Footer */
  1074. 1072.  -
  1075. 1073.  - #footer_wrap {
  1076. 1074.  -   /*clear: both;*/
  1077. 1075.  -   line-height: 1.36em;
  1078. 1076.  -   padding: 8px 0px 0px;
  1079. 1077.  -   text-align: center;
  1080. 1078.  -   width: 661px;
  1081. 1079.  - }
  1082. 1080.  - #footer_wrap.simple {
  1083. 1081.  -   margin: 0px;
  1084. 1082.  -   width: auto;
  1085. 1083.  - }
  1086. 1084.  - #footer_wrap.simple #bottom_nav {
  1087. 1085.  -   display: none;
  1088. 1086.  - }
  1089. 1087.  - .bnav_lang {
  1090. 1088.  -   margin: 0px 2px;
  1091. 1089.  - }
  1092. 1090.  - #footer_wrap #footer {
  1093. 1091.  -   padding: 10px 0px 0px;
  1094. 1092.  -   text-align: center;
  1095. 1093.  -   margin: 0px;
  1096. 1094.  - }
  1097. 1095.  -
  1098. 1096.  - .bnav_a {
  1099. 1097.  -   padding: 2px 5px;
  1100. 1098.  - }
  1101. 1099.  - .bnav_a:hover {
  1102. 1100.  -   background-color: #E1E7ED;
  1103. 1101.  -   text-decoration: none;
  1104. 1102.  - }
  1105. 1103.  -
  1106. 1104.  - /* Left menu */
  1107. 1105.  -
  1108. 1106.  - #left_ads {
  1109. 1107.  -   position: relative;
  1110. 1108.  -   width: 118px;
  1111. 1109.  -   min-height: 3px;
  1112. 1110.  - }
  1113. 1111.  - #left_blocks {
  1114. 1112.  -   width: 118px;
  1115. 1113.  - }
  1116. 1114.  - #side_bar {
  1117. 1115.  -   background: #FFF;
  1118. 1116.  -   border-bottom-left-radius: 5px;
  1119. 1117.  -   padding: 5px 0 10px 4px;
  1120. 1118.  -   width: 136px;
  1121. 1119.  - }
  1122. 1120.  - #side_bar .inl_bl {
  1123. 1121.  -   vertical-align: baseline;
  1124. 1122.  - }
  1125. 1123.  - #side_bar .left_count_wrap .inl_bl {
  1126. 1124.  -   vertical-align: top;
  1127. 1125.  - }
  1128. 1126.  - #side_bar .more_div {
  1129. 1127.  -   margin-top: 3px;
  1130. 1128.  -   padding-top: 3px;
  1131. 1129.  -   border-top: 1px solid #E7EAED;
  1132. 1130.  - }
  1133. 1131.  - #side_bar ol li a.more {
  1134. 1132.  -   padding-left: 29px;
  1135. 1133.  -   border-top: 0px;
  1136. 1134.  - }
  1137. 1135.  - #side_bar ol li a.more:hover {
  1138. 1136.  -   border-top: 0px;
  1139. 1137.  - }
  1140. 1138.  -
  1141. 1139.  - #side_bar ol {
  1142. 1140.  -   list-style: none;
  1143. 1141.  -   margin: 0px 0px 10px;
  1144. 1142.  -   padding: 0px;
  1145. 1143.  - }
  1146. 1144.  - #side_bar ol li {
  1147. 1145.  -   font-size: 1.0em;
  1148. 1146.  - }
  1149. 1147.  - #side_bar ol li.clearFix {
  1150. 1148.  -   *margin-bottom:-2px;
  1151. 1149.  - }
  1152. 1150.  - #side_bar ol li .left_row {
  1153. 1151.  -   border: 0;
  1154. 1152.  -   background: #FFF;
  1155. 1153.  -   display: block;
  1156. 1154.  -   padding: 0px 0px 0px 6px;
  1157. 1155.  -   white-space: nowrap;
  1158. 1156.  - }
  1159. 1157.  - #side_bar ol li .left_row:hover {
  1160. 1158.  -   background: #E1E7ED;
  1161. 1159.  -   text-decoration: none;
  1162. 1160.  -   -webkit-border-radius: 2px;
  1163. 1161.  -   -khtml-border-radius: 2px;
  1164. 1162.  -   -moz-border-radius: 2px;
  1165. 1163.  -   border-radius: 2px;
  1166. 1164.  - }
  1167. 1165.  - #side_bar ol li #myprofile,
  1168. 1166.  - #side_bar ol li #myprofile_edit {
  1169. 1167.  -   padding: 0px 6px;
  1170. 1168.  - }
  1171. 1169.  - #myprofile_edit {
  1172. 1170.  -   color: gray;
  1173. 1171.  -   width: auto;
  1174. 1172.  - }
  1175. 1173.  - #myprofile_edit:hover {
  1176. 1174.  -   color: #67829E;
  1177. 1175.  - }
  1178. 1176.  - #myprofile_table,
  1179. 1177.  - #myprofile_wrap {
  1180. 1178.  -   width: 100%;
  1181. 1179.  - }
  1182. 1180.  - .font_medium #side_bar #myprofile_edit_wrap {
  1183. 1181.  -   display: none;
  1184. 1182.  - }
  1185. 1183.  - .font_medium #side_bar ol li #myprofile {
  1186. 1184.  -   float: none;
  1187. 1185.  -   width: auto;
  1188. 1186.  -   padding: 0px 0px 0px 6px;
  1189. 1187.  - }
  1190. 1188.  - #side_bar .left_label {
  1191. 1189.  -   padding: 4px 0;
  1192. 1190.  -   height: 13px;
  1193. 1191.  - }
  1194. 1192.  - .font_medium #side_bar .left_label {
  1195. 1193.  -   height: 15px;
  1196. 1194.  - }
  1197. 1195.  - .left_count_wrap {
  1198. 1196.  -   margin: 1px 0px 1px 1px !important;
  1199. 1197.  -   zoom: 1;
  1200. 1198.  -   padding: 4px !important;
  1201. 1199.  -   vertical-align: top;
  1202. 1200.  -   color: #45688E;
  1203. 1201.  -   background: #D5DDE5;
  1204. 1202.  -   font-weight: bold;
  1205. 1203.  -   font-style: normal !important;
  1206. 1204.  -   font-size: 10px;
  1207. 1205.  -   line-height: 11px;
  1208. 1206.  -   -webkit-border-radius: 2px;
  1209. 1207.  -   -khtml-border-radius: 2px;
  1210. 1208.  -   -moz-border-radius: 2px;
  1211. 1209.  -   border-radius: 2px;
  1212. 1210.  -   -webkit-transition: background-color 200ms linear, color 200ms linear;
  1213. 1211.  -   -moz-transition: background-color 200ms linear, color 200ms linear;
  1214. 1212.  -   -o-transition: background-color 200ms linear, color 200ms linear;
  1215. 1213.  -   transition: background-color 200ms linear, color 200ms linear;
  1216. 1214.  - }
  1217. 1215.  - .is_rtl1 .left_count_wrap {
  1218. 1216.  -   margin: 1px 1px 1px 0px !important;
  1219. 1217.  - }
  1220. 1218.  - #side_bar ol li .left_row:hover .left_count_wrap {
  1221. 1219.  -   margin-top: 0px !important;
  1222. 1220.  -   margin-bottom: 0px !important;
  1223. 1221.  -   padding: 5px 4px !important;
  1224. 1222.  - }
  1225. 1223.  - .font_medium .left_count_wrap {
  1226. 1224.  -   font-size: 11px;
  1227. 1225.  -   margin: 2px 0px 2px 0px !important;
  1228. 1226.  - }
  1229. 1227.  - .font_medium #side_bar ol li .left_row:hover .left_count_wrap {
  1230. 1228.  -   margin-top: 0px !important;
  1231. 1229.  -   margin-bottom: 0px !important;
  1232. 1230.  -   padding: 6px 4px !important;
  1233. 1231.  - }
  1234. 1232.  - a:hover .left_count_wrap {
  1235. 1233.  -   background: #D5DDE5;
  1236. 1234.  - }
  1237. 1235.  -
  1238. 1236.  - .left_void {
  1239. 1237.  -   display: none !important;
  1240. 1238.  - }
  1241. 1239.  - a:hover .left_count_persist .left_void,
  1242. 1240.  - .left_nav_over .left_count_pad .left_void {
  1243. 1241.  -   display: inline-block !important;
  1244. 1242.  -   color: #6887A8;
  1245. 1243.  -   height: 11px;
  1246. 1244.  - }
  1247. 1245.  - .left_count_pad .left_count_wrap:hover {
  1248. 1246.  -   background-color: #BBC7D3;
  1249. 1247.  - }
  1250. 1248.  - .left_nav_over .left_count_pad .left_count_wrap {
  1251. 1249.  -   background-color: #597DA3 !important;
  1252. 1250.  -   color: #FFF !important;
  1253. 1251.  - }
  1254. 1252.  - .left_count_wrap .counter_anim_wrap {
  1255. 1253.  -   height: 11px;
  1256. 1254.  - }
  1257. 1255.  -
  1258. 1256.  - /* Clear */
  1259. 1257.  -
  1260. 1258.  - .clear_fix:after {
  1261. 1259.  -   content: '.';
  1262. 1260.  -   display: block;
  1263. 1261.  -   height: 0;
  1264. 1262.  -   clear: both;
  1265. 1263.  -   visibility: hidden;
  1266. 1264.  - }
  1267. 1265.  - * html .clear_fix {
  1268. 1266.  -   height: 1%;
  1269. 1267.  - }
  1270. 1268.  - .clear_fix {
  1271. 1269.  -   display: block;
  1272. 1270.  - }
  1273. 1271.  - .clear {
  1274. 1272.  -   float: none;
  1275. 1273.  -   clear: both;
  1276. 1274.  - }
  1277. 1275.  - .scroll_fix {
  1278. 1276.  -   position: relative;
  1279. 1277.  - }
  1280. 1278.  -
  1281. 1279.  - /* Head */
  1282. 1280.  -
  1283. 1281.  - .listing {
  1284. 1282.  -   list-style: square;
  1285. 1283.  -   padding-left: 40px;
  1286. 1284.  -   color: #758EAC;
  1287. 1285.  -   margin: 0px 0px 15px 0px
  1288. 1286.  - }
  1289. 1287.  - ul.listing li {
  1290. 1288.  -   padding: 1px 0px;
  1291. 1289.  - }
  1292. 1290.  - ul.listing li span {
  1293. 1291.  -   color: #000;
  1294. 1292.  - }
  1295. 1293.  -
  1296. 1294.  - .divide  {
  1297. 1295.  -   color: gray;
  1298. 1296.  -   font-weight: normal;
  1299. 1297.  -   padding: 0px 4px;
  1300. 1298.  - }
  1301. 1299.  - small.divide {
  1302. 1300.  -   padding: 0px 2px;
  1303. 1301.  - }
  1304. 1302.  -
  1305. 1303.  - .sdivide {
  1306. 1304.  -   color: #ADB8C3;
  1307. 1305.  -   padding: 0px 4px;
  1308. 1306.  -   font-size: 0.9em;
  1309. 1307.  - }
  1310. 1308.  -
  1311. 1309.  - .wrapped {
  1312. 1310.  -   overflow: hidden;
  1313. 1311.  -   word-wrap: break-word;
  1314. 1312.  - }
  1315. 1313.  -
  1316. 1314.  - wbr {
  1317. 1315.  -   width: 0px;
  1318. 1316.  -   display: inline-block;
  1319. 1317.  -   overflow: hidden;
  1320. 1318.  - }
  1321. 1319.  -
  1322. 1320.  - #stl_left {
  1323. 1321.  -   display: none;
  1324. 1322.  -   z-index: 3;
  1325. 1323.  -   left: 0px;
  1326. 1324.  -   top: 0px;
  1327. 1325.  - }
  1328. 1326.  - #stl_left:hover, #stl_left.over {
  1329. 1327.  -   text-decoration: none;
  1330. 1328.  -   opacity: 1;
  1331. 1329.  -   filter: alpha(opacity=100);
  1332. 1330.  - }
  1333. 1331.  - #stl_text {
  1334. 1332.  -   height: 14px;
  1335. 1333.  -   display: block;
  1336. 1334.  -   padding: 0px 20px;
  1337. 1335.  -   margin: 0 31px 0 15px;
  1338. 1336.  -   font-weight: bold;
  1339. 1337.  -   color: #45688E;
  1340. 1338.  -   background: url(/images/toplink.gif?3) no-repeat left 3px;
  1341. 1339.  - }
  1342. 1340.  - #stl_left .down {
  1343. 1341.  -   background-position: left -7px;
  1344. 1342.  - }
  1345. 1343.  - #stl_left .back {
  1346. 1344.  -   background-position: left -22px;
  1347. 1345.  - }
  1348. 1346.  - .stl_active {
  1349. 1347.  -   cursor: pointer;
  1350. 1348.  - }
  1351. 1349.  - #stl_bg {
  1352. 1350.  -   height: 100%;
  1353. 1351.  -   width: 100px;
  1354. 1352.  -   padding: 13px 0 13px;
  1355. 1353.  -   opacity: 0.5;
  1356. 1354.  -   filter: alpha(opacity=50);
  1357. 1355.  -   -webkit-transition: background-color 200ms linear;
  1358. 1356.  -   -moz-transition: background-color 200ms linear;
  1359. 1357.  -   /*-o-transition: background-color 200ms linear;*/
  1360. 1358.  -   transition: background-color 200ms linear;
  1361. 1359.  -   -webkit-transition: opacity 200ms linear;
  1362. 1360.  -   -moz-transition: opacity 200ms linear;
  1363. 1361.  -   /*-o-transition: opacity 200ms linear;*/
  1364. 1362.  -   transition: opacity 200ms linear;
  1365. 1363.  - }
  1366. 1364.  - .stl_active:hover #stl_bg, .stl_active.over #stl_bg {
  1367. 1365.  -   opacity: 1;
  1368. 1366.  -   filter: alpha(opacity=100);
  1369. 1367.  - }
  1370. 1368.  - .stl_active.over_fast #stl_bg {
  1371. 1369.  -   background-color: #E1E7ED;
  1372. 1370.  - }
  1373. 1371.  - #stl_side {
  1374. 1372.  -   z-index: 10;
  1375. 1373.  -   display: none;
  1376. 1374.  - }
  1377. 1375.  - #top_back_link {
  1378. 1376.  -   padding-left: 25px;
  1379. 1377.  -   background: url(/images/backlink.gif?4) no-repeat left -85px;
  1380. 1378.  -   overflow: hidden;
  1381. 1379.  -   -o-text-overflow: ellipsis;
  1382. 1380.  -   text-overflow: ellipsis;
  1383. 1381.  -   white-space: nowrap;
  1384. 1382.  -   display: none;
  1385. 1383.  -   width: expression(this.width > 200 ? '200px' : '');
  1386. 1384.  - }
  1387. 1385.  - #top_back_link.active {
  1388. 1386.  -   background-position: left -84px;
  1389. 1387.  - }
  1390. 1388.  -
  1391. 1389.  - /* Layers */
  1392. 1390.  - #layer_stl {
  1393. 1391.  -   position: absolute;
  1394. 1392.  -   left: 0px;
  1395. 1393.  -   top: 0px;
  1396. 1394.  -   cursor: pointer;
  1397. 1395.  -   display: none;
  1398. 1396.  -   overflow: hidden;
  1399. 1397.  - }
  1400. 1398.  - #layer_stl_bg {
  1401. 1399.  -   top: 0px;
  1402. 1400.  -   left: 0px;
  1403. 1401.  -   width: 100px;
  1404. 1402.  -   height: 100%;
  1405. 1403.  -   background: #000;
  1406. 1404.  -   opacity: 0;
  1407. 1405.  -   filter: alpha(opacity=15);
  1408. 1406.  -   -webkit-transition: opacity 100ms linear;
  1409. 1407.  -   -moz-transition: opacity 100ms linear;
  1410. 1408.  -   -o-transition: opacity 100ms linear;
  1411. 1409.  -   transition: opacity 100ms linear;
  1412. 1410.  - }
  1413. 1411.  - #layer_stl_cl {
  1414. 1412.  -   position: absolute;
  1415. 1413.  -   left: 0px;
  1416. 1414.  -   top: 0px;
  1417. 1415.  -   z-index: 1;
  1418. 1416.  -   width: 100%;
  1419. 1417.  -   height: 100%;
  1420. 1418.  - }
  1421. 1419.  - #layer_stl_text {
  1422. 1420.  -   top: 13px;
  1423. 1421.  -   left: 0px;
  1424. 1422.  -   background: url(/images/toplinkw.gif) no-repeat left 3px;
  1425. 1423.  -   height: 14px;
  1426. 1424.  -   display: block;
  1427. 1425.  -   padding: 0px 20px;
  1428. 1426.  -   margin: 0 31px 0 15px;
  1429. 1427.  -   font-weight: bold;
  1430. 1428.  -   color: #FFF;
  1431. 1429.  -   opacity: 0.5;
  1432. 1430.  -   filter: alpha(opacity=50);
  1433. 1431.  -   -webkit-transition: opacity 100ms linear;
  1434. 1432.  -   -moz-transition: opacity 100ms linear;
  1435. 1433.  -   -o-transition: opacity 100ms linear;
  1436. 1434.  -   transition: opacity 100ms linear;
  1437. 1435.  - }
  1438. 1436.  - #layer_stl_text.down {
  1439. 1437.  -   background-position: left -9px;
  1440. 1438.  - }
  1441. 1439.  - #layer_stl:hover #layer_stl_text {
  1442. 1440.  -   opacity: 1;
  1443. 1441.  - }
  1444. 1442.  - #layer_stl:hover #layer_stl_bg {
  1445. 1443.  -   opacity: 0.15;
  1446. 1444.  - }
  1447. 1445.  -
  1448. 1446.  - #layer_bg,
  1449. 1447.  - #box_layer_bg,
  1450. 1448.  - #layer_wrap,
  1451. 1449.  - #box_layer_wrap {
  1452. 1450.  -   top: 0;
  1453. 1451.  -   left: 0;
  1454. 1452.  -   width: 100%;
  1455. 1453.  -   height: 100%;
  1456. 1454.  -   z-index: 500;
  1457. 1455.  -   overflow: hidden;
  1458. 1456.  -   display: none;
  1459. 1457.  - }
  1460. 1458.  - #box_layer_bg,
  1461. 1459.  - #box_layer_wrap {
  1462. 1460.  -   z-index: 1000;
  1463. 1461.  - }
  1464. 1462.  - #box_layer_bg {
  1465. 1463.  -   background: #000;
  1466. 1464.  -   opacity: 0.2;
  1467. 1465.  -   filter: alpha(opacity=20);
  1468. 1466.  - }
  1469. 1467.  - #box_layer_bg.bg_medium {
  1470. 1468.  -   opacity: 0.5;
  1471. 1469.  -   filter: alpha(opacity=50);
  1472. 1470.  - }
  1473. 1471.  - #box_layer_bg.bg_dark {
  1474. 1472.  -   opacity: 0.7;
  1475. 1473.  -   filter: alpha(opacity=70);
  1476. 1474.  - }
  1477. 1475.  -
  1478. 1476.  - @-moz-document url-prefix() {
  1479. 1477.  -   #box_layer_bg {
  1480. 1478.  -     background: url(/images/layer_bg_lite.png);
  1481. 1479.  -     opacity: 1 !important;
  1482. 1480.  -   }
  1483. 1481.  -   #box_layer_bg.bg_medium {
  1484. 1482.  -     background: url(/images/layer_bg_medium.png);
  1485. 1483.  -   }
  1486. 1484.  -   #box_layer_bg.bg_dark {
  1487. 1485.  -     background: url(/images/layer_bg_black.png);
  1488. 1486.  -   }
  1489. 1487.  - }
  1490. 1488.  -
  1491. 1489.  - #layer_wrap, #box_layer_wrap {
  1492. 1490.  -   overflow: auto;
  1493. 1491.  - }
  1494. 1492.  - #layer_wrap {
  1495. 1493.  -   overflow-x: hidden;
  1496. 1494.  -   overflow-y: auto;
  1497. 1495.  - }
  1498. 1496.  -
  1499. 1497.  - /* MessageBox */
  1500. 1498.  -
  1501. 1499.  - .popup_box_container {
  1502. 1500.  -   margin: 0px auto;
  1503. 1501.  -   z-index: 1002;
  1504. 1502.  -   -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
  1505. 1503.  -   -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
  1506. 1504.  -   box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
  1507. 1505.  - }
  1508. 1506.  - #box_loader {
  1509. 1507.  -   position: absolute;
  1510. 1508.  -   left: 50%;
  1511. 1509.  -   margin: 0px auto 0px -50px;
  1512. 1510.  -   z-index: 1002;
  1513. 1511.  -   width: 100px;
  1514. 1512.  -   display: none;
  1515. 1513.  - }
  1516. 1514.  - #box_loader .back {
  1517. 1515.  -   background-color: #000;
  1518. 1516.  -   opacity: 0.7;
  1519. 1517.  -   filter: alpha(opacity=70);
  1520. 1518.  -   height: 50px;
  1521. 1519.  -   -webkit-border-radius: 5px;
  1522. 1520.  -   -khtml-border-radius: 5px;
  1523. 1521.  -   -moz-border-radius: 5px;
  1524. 1522.  -   border-radius: 5px;
  1525. 1523.  -   -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
  1526. 1524.  -   -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
  1527. 1525.  -   box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
  1528. 1526.  - }
  1529. 1527.  - #box_loader .loader {
  1530. 1528.  -   background: url(/images/upload_inv_mono.gif) no-repeat 50% 50%;
  1531. 1529.  -   height: 50px;
  1532. 1530.  -   position: absolute;
  1533. 1531.  -   width: 100%;
  1534. 1532.  -   z-index: 100;
  1535. 1533.  - }
  1536. 1534.  - .box_title_wrap {
  1537. 1535.  -   background-color: #597DA3;
  1538. 1536.  -   border: 1px solid;
  1539. 1537.  -   border-color: #45688E #43658A;
  1540. 1538.  -   padding: 0px;
  1541. 1539.  -   color: #fff;
  1542. 1540.  -   font-size: 1.18em;
  1543. 1541.  -   font-weight: bold;
  1544. 1542.  - }
  1545. 1543.  - .box_dark .box_title_wrap {
  1546. 1544.  -   border: none;
  1547. 1545.  -   font-size: 1em;
  1548. 1546.  -   font-weight: normal;
  1549. 1547.  - }
  1550. 1548.  - .box_x_button {
  1551. 1549.  -   float: right;
  1552. 1550.  -   width: 17px;
  1553. 1551.  -   height: 17px;
  1554. 1552.  -   margin: 7px 5px 0px;
  1555. 1553.  -   cursor: pointer;
  1556. 1554.  -   padding: 0;
  1557. 1555.  -   background: #9DB7D4 url(/images/boxicon_vk.gif) -23px -2px;
  1558. 1556.  - }
  1559. 1557.  - .box_dark .box_x_button {
  1560. 1558.  -   background: none;
  1561. 1559.  -   margin: 0px;
  1562. 1560.  -   padding: 17px 20px 15px;
  1563. 1561.  -   color: #C7D7E9;
  1564. 1562.  -   width: auto;
  1565. 1563.  -   -webkit-transition: color 100ms linear;
  1566. 1564.  -   -moz-transition: color 100ms linear;
  1567. 1565.  -   -o-transition: color 100ms linear;
  1568. 1566.  -   transition: color 100ms linear;
  1569. 1567.  - }
  1570. 1568.  - .box_dark .box_x_button:hover {
  1571. 1569.  -   color: #FFF;
  1572. 1570.  -   text-decoration: none;
  1573. 1571.  -   background: none;
  1574. 1572.  - }
  1575. 1573.  - .box_body {
  1576. 1574.  -   background-color: #FFF;
  1577. 1575.  -   border-left: 1px solid #999;
  1578. 1576.  -   border-right: 1px solid #999;
  1579. 1577.  -   padding: 16px 14px;
  1580. 1578.  -   line-height: 140%;
  1581. 1579.  - }
  1582. 1580.  - .box_dark .box_body {
  1583. 1581.  -   border: none;
  1584. 1582.  - }
  1585. 1583.  - .box_no_title {
  1586. 1584.  -   border-top: 1px solid #999;
  1587. 1585.  - }
  1588. 1586.  - .box_controls_wrap {
  1589. 1587.  -   border: 1px solid #999;
  1590. 1588.  -   border-top: 0px;
  1591. 1589.  - }
  1592. 1590.  - .box_dark .box_controls_wrap {
  1593. 1591.  -   border: none;
  1594. 1592.  - }
  1595. 1593.  - .box_dark .box_controls {
  1596. 1594.  -   border: none;
  1597. 1595.  -   padding: 16px 15px 16px 20px;
  1598. 1596.  -   background-color: #EEF0F2;
  1599. 1597.  - }
  1600. 1598.  - .box_dark .box_controls_text {
  1601. 1599.  -   padding: 8px 0 0 0;
  1602. 1600.  - }
  1603. 1601.  - .box_controls_text {
  1604. 1602.  -   padding: 8px 8px 0px;
  1605. 1603.  - }
  1606. 1604.  - .box_controls {
  1607. 1605.  -   padding: 8px 5px;
  1608. 1606.  -   height: 30px;
  1609. 1607.  -   background-color: #F2F2F2;
  1610. 1608.  -   border-top: 1px solid #DAE1E8;
  1611. 1609.  - }
  1612. 1610.  - .box_controls .progress {
  1613. 1611.  -   position: relative;
  1614. 1612.  -   margin: 7px 10px 0px;
  1615. 1613.  - }
  1616. 1614.  - .controls_wrap {
  1617. 1615.  -   padding: 7px 0px 0px 5px;
  1618. 1616.  - }
  1619. 1617.  -
  1620. 1618.  - .button_yes,
  1621. 1619.  - .button_no,
  1622. 1620.  - .button_cancel {
  1623. 1621.  -   cursor: pointer;
  1624. 1622.  -   width: auto;
  1625. 1623.  -   height: auto;
  1626. 1624.  - }
  1627. 1625.  - .box_controls .button_wrap {
  1628. 1626.  -   padding: 2px 5px;
  1629. 1627.  -   float: right;
  1630. 1628.  - }
  1631. 1629.  - .button_yes div, .button_no div {
  1632. 1630.  -   padding: 4px 14px;
  1633. 1631.  -   text-align: center;
  1634. 1632.  - }
  1635. 1633.  -
  1636. 1634.  - .button_cancel .button,
  1637. 1635.  - .button_cancel .leave_button,
  1638. 1636.  - .button_cancel .button_hover,
  1639. 1637.  - .button_cancel .button_down {
  1640. 1638.  -   padding: 6px 15px 7px;
  1641. 1639.  -   *padding: 7px 15px 8px;
  1642. 1640.  -   text-align: center;
  1643. 1641.  - }
  1644. 1642.  -
  1645. 1643.  - .button_yes {
  1646. 1644.  -   border: 1px solid #517295;
  1647. 1645.  -   text-shadow: 0px 1px 0px #45688E;
  1648. 1646.  - }
  1649. 1647.  - .button_yes_bottom {
  1650. 1648.  -   border-bottom: 1px solid #2B587A;
  1651. 1649.  - }
  1652. 1650.  - .button_yes div {
  1653. 1651.  -   border-style: solid;
  1654. 1652.  -   border-width: 1px;
  1655. 1653.  -   border-color: #7E9CBC #5C82AB #5C82AB;
  1656. 1654.  -   background-color:#5e82a8;
  1657. 1655.  -   color: #FFF;
  1658. 1656.  - }
  1659. 1657.  - .button_yes div.button_hover {
  1660. 1658.  -   border-color: #92ACC7 #7293B7 #7293B7;
  1661. 1659.  -   background-color: #84A1BF;
  1662. 1660.  - }
  1663. 1661.  - .button_yes div.button_down {
  1664. 1662.  -   border-color: #4f749d #4f749d #5c82ab;
  1665. 1663.  -   background-color: #5e84a9;
  1666. 1664.  - }
  1667. 1665.  - .button_no {
  1668. 1666.  -   border: 1px solid #B8B8B8;
  1669. 1667.  -   border-top: 1px solid #9F9F9F;
  1670. 1668.  -   text-shadow: 0px 1px #FFF;
  1671. 1669.  - }
  1672. 1670.  -
  1673. 1671.  - .button_cancel {
  1674. 1672.  -   color: #2B587A;
  1675. 1673.  - }
  1676. 1674.  -
  1677. 1675.  - .button_cancel .button_hover, .button_cancel .button:hover, .button_cancel .button.hover, .button_cancel .leave_button:hover {
  1678. 1676.  -   background: #E1E7ED;
  1679. 1677.  - }
  1680. 1678.  -
  1681. 1679.  - .button_no div {
  1682. 1680.  -   border: 1px solid #F4F4F4;
  1683. 1681.  -   border-top: 1px solid #fff;
  1684. 1682.  -   border-bottom: 1px solid #DFDFDF;
  1685. 1683.  -   background-color: #eaeaea;
  1686. 1684.  -   color: #000;
  1687. 1685.  -   text-decoration: none;
  1688. 1686.  - }
  1689. 1687.  - .button_no div.button_hover {
  1690. 1688.  -   background-color: #f7f7f7;
  1691. 1689.  - }
  1692. 1690.  -
  1693. 1691.  - .button_yes.locked .lock span, .button_no.locked .lock span {
  1694. 1692.  -   visibility: hidden;
  1695. 1693.  - }
  1696. 1694.  -
  1697. 1695.  - .button_yes.locked .lock, .button_no.locked .lock {
  1698. 1696.  -   background: url(/images/upload.gif) no-repeat center 7px;
  1699. 1697.  - }
  1700. 1698.  -
  1701. 1699.  - .box_title {
  1702. 1700.  -   border-top: 1px solid #648CB7;
  1703. 1701.  -   padding: 6px 10px 8px 10px;
  1704. 1702.  - }
  1705. 1703.  - .box_dark .box_title {
  1706. 1704.  -   border: none;
  1707. 1705.  -   color: #FFFFFF;
  1708. 1706.  -   background: #597BA5;
  1709. 1707.  -   font-weight: bold;
  1710. 1708.  -   padding: 17px 20px 18px;
  1711. 1709.  -   font-size: 1.09em;
  1712. 1710.  - }
  1713. 1711.  - #box_layer .box_dark .tabbed_box {
  1714. 1712.  -   margin-bottom: 0px;
  1715. 1713.  - }
  1716. 1714.  - #box_layer .box_dark .tabbed_container {
  1717. 1715.  -   margin-top: 0px;
  1718. 1716.  -   margin-bottom: 0px;
  1719. 1717.  - }
  1720. 1718.  - #box_layer .box_dark .tabbed_box.has_sh .tabbed_container {
  1721. 1719.  -   margin-top: -3px;
  1722. 1720.  -   margin-bottom: -3px;
  1723. 1721.  - }
  1724. 1722.  - .box_dark .tabbed_sh {
  1725. 1723.  -   display: none;
  1726. 1724.  - }
  1727. 1725.  - #box_layer .box_dark .tabbed_box.has_sh .tabbed_sh1 {
  1728. 1726.  -   display: block;
  1729. 1727.  -   height: 1px;
  1730. 1728.  -   background: #DBDDE0;
  1731. 1729.  -   opacity: 1;
  1732. 1730.  -   filter: alpha(opacity=100);
  1733. 1731.  - }
  1734. 1732.  - #box_layer .box_dark .tabbed_box.has_sh .tabbed_sh2 {
  1735. 1733.  -   display: block;
  1736. 1734.  -   height: 2px;
  1737. 1735.  -   background: #575A5C;
  1738. 1736.  -   opacity: 0.12;
  1739. 1737.  -   filter: alpha(opacity=12);
  1740. 1738.  - }
  1741. 1739.  - .box_dark .tabbed_box .summary_tabs {
  1742. 1740.  -   padding: 5px 8px;
  1743. 1741.  -   background: #F0F1F3;
  1744. 1742.  - }
  1745. 1743.  - .box_dark .tabbed_box .summary_tab,
  1746. 1744.  - .box_dark .tabbed_box .summary_tab_sel {
  1747. 1745.  -   padding: 8px 5px;
  1748. 1746.  - }
  1749. 1747.  - .box_no_controls {
  1750. 1748.  -   background-color: #DAE1E8;
  1751. 1749.  -   border: 1px solid #ADBBCA;
  1752. 1750.  - }
  1753. 1751.  - .box_layout {
  1754. 1752.  -   position: relative; /* for Opera getXY with fixed */
  1755. 1753.  - }
  1756. 1754.  - .box_no_controls .box_title_wrap, .box_no_controls .box_layout .box_controls {
  1757. 1755.  -   display: none;
  1758. 1756.  - }
  1759. 1757.  - .box_no_controls .box_body {
  1760. 1758.  -   border: none;
  1761. 1759.  -   padding: 0;
  1762. 1760.  - }
  1763. 1761.  -
  1764. 1762.  - .delete_all .clear_fix {
  1765. 1763.  -   margin-top: 10px;
  1766. 1764.  - }
  1767. 1765.  - .delete_all .button_gray {
  1768. 1766.  -   margin: 0px 10px;
  1769. 1767.  - }
  1770. 1768.  -
  1771. 1769.  - /*
  1772. 1770.  -  New input buttons with gradient
  1773. 1771.  - */
  1774. 1772.  - .button_blue,
  1775. 1773.  - .button_gray {
  1776. 1774.  -   border: 0;
  1777. 1775.  -   display: inline-block;
  1778. 1776.  -   *display: inline;
  1779. 1777.  -   position: relative;
  1780. 1778.  -   line-height: normal;
  1781. 1779.  -   zoom: 1;
  1782. 1780.  - }
  1783. 1781.  - .box_controls .button_blue,
  1784. 1782.  - .box_controls .button_gray {
  1785. 1783.  -   margin: 2px 5px;
  1786. 1784.  - }
  1787. 1785.  - .button_blue button,
  1788. 1786.  - .button_gray button {
  1789. 1787.  -   border: 0;
  1790. 1788.  -   -webkit-border-radius: 2px;
  1791. 1789.  -   -khtml-border-radius: 2px;
  1792. 1790.  -   -moz-border-radius: 2px;
  1793. 1791.  -   border-radius: 2px;
  1794. 1792.  -   background: none;
  1795. 1793.  -   font-size: 11px;
  1796. 1794.  -   margin: 0px;
  1797. 1795.  -   cursor: pointer;
  1798. 1796.  -   white-space: nowrap;
  1799. 1797.  -   outline: none;
  1800. 1798.  -   font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
  1801. 1799.  -   vertical-align: top;
  1802. 1800.  -   overflow: visible;
  1803. 1801.  -   line-height: 13px;
  1804. 1802.  - }
  1805. 1803.  - .font_medium .button_blue button,
  1806. 1804.  - .font_medium .button_gray button {
  1807. 1805.  -   font-size: 12px;
  1808. 1806.  -   line-height: 14px;
  1809. 1807.  - }
  1810. 1808.  - .button_wide {
  1811. 1809.  -   display: block;
  1812. 1810.  - }
  1813. 1811.  - .button_wide button {
  1814. 1812.  -   width: 100%;
  1815. 1813.  - }
  1816. 1814.  -
  1817. 1815.  - .button_blue button::-moz-focus-inner,
  1818. 1816.  - .button_gray button::-moz-focus-inner {
  1819. 1817.  -   border: 0;
  1820. 1818.  - }
  1821. 1819.  -
  1822. 1820.  - .button_blue button,
  1823. 1821.  - .button_blue.button_disabled button:active,
  1824. 1822.  - .button_blue.button_disabled button.active,
  1825. 1823.  - .button_blue.button_disabled button:hover,
  1826. 1824.  - .button_blue.button_disabled button.hover {
  1827. 1825.  -   padding: 6px 16px;
  1828. 1826.  -   *padding: 6px 17px;
  1829. 1827.  -   border: 0;
  1830. 1828.  -   border-bottom: 1px solid #496b93;
  1831. 1829.  -   text-shadow: 0 1px 0 #5578A0;
  1832. 1830.  -   background: #658AB0 url(/images/button_bgf.png?1) repeat-x top;
  1833. 1831.  -   background-position: 0px -12px;
  1834. 1832.  -   *border: 0;
  1835. 1833.  -   color: #FFF;
  1836. 1834.  - }
  1837. 1835.  - .button_blue button:hover,
  1838. 1836.  - .button_blue button.hover {
  1839. 1837.  -   background-position: 0px -5px;
  1840. 1838.  -   border-bottom-color: #4e7199;
  1841. 1839.  - }
  1842. 1840.  - .button_blue button:active,
  1843. 1841.  - .button_blue button.active,
  1844. 1842.  - .is_2x .button_blue button:active,
  1845. 1843.  - .is_2x .button_blue button.active {
  1846. 1844.  -   background: #5e80a5;
  1847. 1845.  -   border-bottom-color: #51749c;
  1848. 1846.  -   position: relative;
  1849. 1847.  - }
  1850. 1848.  - .button_big.button_blue button {
  1851. 1849.  -   padding: 7px 16px;
  1852. 1850.  -   *padding: 7px 17px;
  1853. 1851.  - }
  1854. 1852.  -
  1855. 1853.  - .button_gray button,
  1856. 1854.  - .button_gray.button_disabled button:active,
  1857. 1855.  - .button_gray.button_disabled button.active,
  1858. 1856.  - .button_gray.button_disabled button:hover,
  1859. 1857.  - .button_gray.button_disabled button.hover {
  1860. 1858.  -   padding: 5px 15px 6px;
  1861. 1859.  -   *padding: 5px 16px 6px;
  1862. 1860.  -   border: 1px solid;
  1863. 1861.  -   border-top-color: #D3D3D3;
  1864. 1862.  -   border-bottom-color: #AEAEAE;
  1865. 1863.  -   border-left-color: #C7C7C7;
  1866. 1864.  -   border-right-color: #C7C7C7;
  1867. 1865.  -   color: #555;
  1868. 1866.  -   text-shadow: 0 1px 0 #F6F6F6;
  1869. 1867.  -   *border: 0;
  1870. 1868.  -   background: #E9E9E9 url(/images/button_bgf.png?1) repeat-x top;
  1871. 1869.  -   background-position: 0px -59px;
  1872. 1870.  - }
  1873. 1871.  - .button_gray button:hover,
  1874. 1872.  - .button_gray button.hover {
  1875. 1873.  -   background-position: 0px -53px;
  1876. 1874.  -   border-top-color: #D7D7D7;
  1877. 1875.  -   border-bottom-color: #B7B7B7;
  1878. 1876.  -   border-left-color: #CBCBCB;
  1879. 1877.  -   border-right-color: #CBCBCB;
  1880. 1878.  - }
  1881. 1879.  - .button_gray button:active,
  1882. 1880.  - .button_gray button.active,
  1883. 1881.  - .is_2x .button_gray button:active,
  1884. 1882.  - .is_2x .button_gray button.active {
  1885. 1883.  -   background: #DCDCDC;
  1886. 1884.  -   border-top-color: #BEBEBE;
  1887. 1885.  -   border-bottom-color: #B6B6B6;
  1888. 1886.  -   border-left-color: #BDBDBD;
  1889. 1887.  -   border-right-color: #BDBDBD;
  1890. 1888.  -   position: relative;
  1891. 1889.  - }
  1892. 1890.  - .button_big.button_gray button {
  1893. 1891.  -   padding: 6px 15px 7px;
  1894. 1892.  -   *padding: 6px 16px 7px;
  1895. 1893.  - }
  1896. 1894.  -
  1897. 1895.  - .button_lock {
  1898. 1896.  -   background: url('/images/upload_inv.gif') center no-repeat;
  1899. 1897.  -   position: absolute;
  1900. 1898.  -   width: 100%;
  1901. 1899.  -   height: 100%;
  1902. 1900.  - }
  1903. 1901.  - .button_gray .button_lock {
  1904. 1902.  -   background: url('/images/upload.gif') center no-repeat;
  1905. 1903.  - }
  1906. 1904.  -
  1907. 1905.  - a.button_link:hover,
  1908. 1906.  - a.button_blue:hover,
  1909. 1907.  - a.button_gray:hover {
  1910. 1908.  -   text-decoration: none;
  1911. 1909.  - }
  1912. 1910.  - .button_disabled {
  1913. 1911.  -   opacity: 0.7;
  1914. 1912.  -   filter: alpha(opacity=70);
  1915. 1913.  - }
  1916. 1914.  - .button_disabled button {
  1917. 1915.  -   cursor: default;
  1918. 1916.  - }
  1919. 1917.  -
  1920. 1918.  - .as_button {
  1921. 1919.  -   padding: 6px 16px 7px 16px;
  1922. 1920.  -   font-size: 11px;
  1923. 1921.  -   line-height: 13px;
  1924. 1922.  - }
  1925. 1923.  - .font_medium .as_button {
  1926. 1924.  -   font-size: 12px;
  1927. 1925.  -   line-height: 14px;
  1928. 1926.  - }
  1929. 1927.  -
  1930. 1928.  - /* Pages */
  1931. 1929.  -
  1932. 1930.  - .page_list {
  1933. 1931.  -   list-style: none;
  1934. 1932.  -   margin: 0;
  1935. 1933.  -   padding: 0;
  1936. 1934.  - }
  1937. 1935.  - .page_list li {
  1938. 1936.  -   float: left;
  1939. 1937.  -   display: inline;
  1940. 1938.  - }
  1941. 1939.  - .page_list a {
  1942. 1940.  -   border-bottom: 2px solid #FFF;
  1943. 1941.  -   display: block;
  1944. 1942.  -   padding: 3px 3px 2px;
  1945. 1943.  - }
  1946. 1944.  - .page_list a:hover {
  1947. 1945.  -   background: #597DA3;
  1948. 1946.  -   border-bottom: 1px solid #597DA3;
  1949. 1947.  -   color: #FFF;
  1950. 1948.  -   text-decoration: none;
  1951. 1949.  - }
  1952. 1950.  - .page_list .current {
  1953. 1951.  -   background: #FFF;
  1954. 1952.  -   border-bottom: 2px solid #45668E;
  1955. 1953.  -   color: #45668E;
  1956. 1954.  -   font-weight: bold;
  1957. 1955.  -   padding: 3px 2px 2px;
  1958. 1956.  - }
  1959. 1957.  - .pages_bottom .page_list .current {
  1960. 1958.  -   padding-top: 1px;
  1961. 1959.  -   border-bottom-color: white;
  1962. 1960.  -   border-top: 2px solid #45668E;
  1963. 1961.  - }
  1964. 1962.  -
  1965. 1963.  - .flat_tabs {
  1966. 1964.  -   border-bottom: 1px solid #DAE1E8;
  1967. 1965.  -   height: 24px;
  1968. 1966.  -   list-style-type: none;
  1969. 1967.  -   margin: 0pt;
  1970. 1968.  -   padding: 0px 7px;
  1971. 1969.  -   vertical-align: bottom;
  1972. 1970.  - }
  1973. 1971.  - .flat_tab_on {
  1974. 1972.  -   background-color: #FFF;
  1975. 1973.  -   border: 1px solid #C3CAD2;
  1976. 1974.  -   border-bottom: 0px;
  1977. 1975.  -   float: left;
  1978. 1976.  -   height: 24px;
  1979. 1977.  -   margin: 0px 3px -1px;
  1980. 1978.  -   text-align: center;
  1981. 1979.  -   position: relative;
  1982. 1980.  - }
  1983. 1981.  - .flat_tab_on a {
  1984. 1982.  -   float: left;
  1985. 1983.  -   padding: 5px 10px;
  1986. 1984.  -   text-decoration: none;
  1987. 1985.  - }
  1988. 1986.  - .flat_tab {
  1989. 1987.  -   background-color: #F5F7FA;
  1990. 1988.  -   border: 1px solid #C3CAD2;
  1991. 1989.  -   border-bottom: 0px;
  1992. 1990.  -   float: left;
  1993. 1991.  -   height: 23px;
  1994. 1992.  -   margin: 0px 3px;
  1995. 1993.  -   text-align: center;
  1996. 1994.  - }
  1997. 1995.  - .flat_tab a {
  1998. 1996.  -   border-bottom: 2px solid #EEF0F3;
  1999. 1997.  -   float: left;
  2000. 1998.  -   padding: 5px 10px 3px;
  2001. 1999.  -   text-decoration: none;
  2002. 2000.  - }
  2003. 2001.  - .flat_tab a:hover {
  2004. 2002.  -   background-color: #FFF;
  2005. 2003.  -   text-decoration: none;
  2006. 2004.  - }
  2007. 2005.  - .flat_tab a:hover{
  2008. 2006.  -   background-color: #FFF;
  2009. 2007.  -   border-bottom: 2px solid #F5F9FC;
  2010. 2008.  -   text-decoration: none;
  2011. 2009.  - }
  2012. 2010.  -
  2013. 2011.  -
  2014. 2012.  - div.audio td {
  2015. 2013.  -   border: 0px;
  2016. 2014.  -   vertical-align: top;
  2017. 2015.  - }
  2018. 2016.  - .audio {
  2019. 2017.  -   position: relative;
  2020. 2018.  -   clear: both;
  2021. 2019.  - }
  2022. 2020.  - .audio .area {
  2023. 2021.  -   cursor: pointer;
  2024. 2022.  -   margin-bottom: 10px;
  2025. 2023.  -   line-height: normal;
  2026. 2024.  - }
  2027. 2025.  - .audio.over .area {
  2028. 2026.  -   background-color: #EDF1F5;
  2029. 2027.  - }
  2030. 2028.  - .audio .play {
  2031. 2029.  -   cursor: pointer;
  2032. 2030.  -   width: 20px;
  2033. 2031.  -   height: 17px;
  2034. 2032.  -   background: url(/images/play.gif) no-repeat 0px 0px;
  2035. 2033.  - }
  2036. 2034.  - .audio .info {
  2037. 2035.  -   width: 100%;
  2038. 2036.  -   position: relative;
  2039. 2037.  - }
  2040. 2038.  - .audio .title_wrap {
  2041. 2039.  -   padding: 7px 0 6px;
  2042. 2040.  -   width: 260px;
  2043. 2041.  -   overflow: hidden;
  2044. 2042.  -   -o-text-overflow: ellipsis;
  2045. 2043.  -   text-overflow: ellipsis;
  2046. 2044.  -   white-space: nowrap;
  2047. 2045.  - }
  2048. 2046.  - .audio .title_wrap b {
  2049. 2047.  -   padding: 0px;
  2050. 2048.  -   display: inline-block;
  2051. 2049.  -   *display: inline;
  2052. 2050.  -   vertical-align: top;
  2053. 2051.  -   max-width: 180px;
  2054. 2052.  -   overflow: hidden;
  2055. 2053.  -   -o-text-overflow: ellipsis;
  2056. 2054.  -   text-overflow: ellipsis;
  2057. 2055.  -   white-space: nowrap;
  2058. 2056.  - }
  2059. 2057.  - .audio .duration {
  2060. 2058.  -   color: #777;
  2061. 2059.  -   font-size: 0.9em;
  2062. 2060.  -   padding: 8px 7px 7px 0px;
  2063. 2061.  -   max-width: 40px;
  2064. 2062.  -   overflow: hidden;
  2065. 2063.  -   -o-text-overflow: ellipsis;
  2066. 2064.  -   text-overflow: ellipsis;
  2067. 2065.  - }
  2068. 2066.  - .audio.over .duration {
  2069. 2067.  -   color: #8795A5;
  2070. 2068.  - }
  2071. 2069.  - .audio .player {
  2072. 2070.  -   height: 10px;
  2073. 2071.  -   padding: 0px 6px;
  2074. 2072.  -   display: none;
  2075. 2073.  - }
  2076. 2074.  - .audio.current .area {
  2077. 2075.  -   margin-bottom: 0px
  2078. 2076.  - }
  2079. 2077.  - .audio.current .player {
  2080. 2078.  -   display: block;
  2081. 2079.  - }
  2082. 2080.  - .audio .playline {
  2083. 2081.  -   padding-top: 5px;
  2084. 2082.  - }
  2085. 2083.  - .audio .playline div {
  2086. 2084.  -   border-top: 1px dashed #D8DFEA;
  2087. 2085.  -   height: 9px;
  2088. 2086.  - }
  2089. 2087.  -
  2090. 2088.  - .audio .area .actions {
  2091. 2089.  -   position: absolute;
  2092. 2090.  -   top: 0px;
  2093. 2091.  -   right: 0px;
  2094. 2092.  - }
  2095. 2093.  - .add_audio_plus {
  2096. 2094.  -   background: #C4D2E1 url(/images/icons/plus_icon3.gif) no-repeat;
  2097. 2095.  -   height: 17px;
  2098. 2096.  -   width: 16px;
  2099. 2097.  -   cursor: pointer;
  2100. 2098.  -   margin-top: -2px;
  2101. 2099.  - }
  2102. 2100.  - .add_audio_plus.done {
  2103. 2101.  -   background-position: 0 -17px;
  2104. 2102.  -   background-color: #6B8DB1;
  2105. 2103.  -   cursor: default;
  2106. 2104.  - }
  2107. 2105.  -
  2108. 2106.  - #box_layer {
  2109. 2107.  -   padding: 1px 0px 80px;
  2110. 2108.  - }
  2111. 2109.  - #box_layer .video_box .wrap {
  2112. 2110.  -   position: relative;
  2113. 2111.  - }
  2114. 2112.  - #box_layer .video_box div {
  2115. 2113.  -   position: relative;
  2116. 2114.  -   z-index: 1011;
  2117. 2115.  - }
  2118. 2116.  - #box_layer .video_box .background {
  2119. 2117.  -   position: absolute;
  2120. 2118.  -   z-index: 1010;
  2121. 2119.  - }
  2122. 2120.  - #box_layer .video_box .description,
  2123. 2121.  - #box_layer .video .description {
  2124. 2122.  -   padding-top: 10px;
  2125. 2123.  -   position: relative;
  2126. 2124.  - }
  2127. 2125.  - #box_layer .video_box .no_flash_wrap {
  2128. 2126.  -   padding-top: 160px;
  2129. 2127.  - }
  2130. 2128.  - #box_layer .video_box .no_flash {
  2131. 2129.  -   margin: auto;
  2132. 2130.  -   width: 320px;
  2133. 2131.  -   padding: 10px;
  2134. 2132.  -   background: #FFF;
  2135. 2133.  -   border: 1px solid #CCC;
  2136. 2134.  -   position: relative;
  2137. 2135.  -   z-index: 1015;
  2138. 2136.  - }
  2139. 2137.  - #box_layer .flash_needed .button_blue {
  2140. 2138.  -   margin: 15px auto 0px;
  2141. 2139.  -   width: 150px;
  2142. 2140.  - }
  2143. 2141.  - #box_layer .flash_needed .button_blue button {
  2144. 2142.  -   width: 100%;
  2145. 2143.  - }
  2146. 2144.  - #box_layer_wrap.box_layer_hidden,
  2147. 2145.  - .box_layer_hidden {
  2148. 2146.  -   left: -10000px;
  2149. 2147.  -   top: -10000px;
  2150. 2148.  -   visibility: hidden;
  2151. 2149.  - }
  2152. 2150.  -
  2153. 2151.  - #quick_auth_frame {
  2154. 2152.  -   padding: 0px;
  2155. 2153.  -   margin: 0px;
  2156. 2154.  -   border: 0px;
  2157. 2155.  -   width: 130px;
  2158. 2156.  -   height: 300px;
  2159. 2157.  - }
  2160. 2158.  - #quick_login {
  2161. 2159.  -   padding: 3px 0px 0px 9px;
  2162. 2160.  -   width: 117px;
  2163. 2161.  - }
  2164. 2162.  - #quick_auth_button {
  2165. 2163.  -   margin-top: 5px;
  2166. 2164.  - }
  2167. 2165.  - #quick_reg_button {
  2168. 2166.  -   margin-top: 10px;
  2169. 2167.  - }
  2170. 2168.  - #quick_login .text {
  2171. 2169.  -   width: 105px;
  2172. 2170.  -   padding: 5px 5px 6px;
  2173. 2171.  - }
  2174. 2172.  - #quick_login .submit {
  2175. 2173.  -   position: absolute;
  2176. 2174.  -   color: #FFF;
  2177. 2175.  -   border: 0;
  2178. 2176.  -   padding: 0;
  2179. 2177.  -   margin: 0;
  2180. 2178.  -   background: #FFF;
  2181. 2179.  -   top: -8000px;
  2182. 2180.  - }
  2183. 2181.  - #quick_login .label {
  2184. 2182.  -   color: #45688E;
  2185. 2183.  -   font-weight: bold;
  2186. 2184.  -   padding: 1px 0px 8px;
  2187. 2185.  - }
  2188. 2186.  - #quick_login .labeled {
  2189. 2187.  -   padding-bottom: 7px;
  2190. 2188.  - }
  2191. 2189.  - #quick_login .checkbox {
  2192. 2190.  -   margin-bottom: 7px;
  2193. 2191.  -   display: none;
  2194. 2192.  - }
  2195. 2193.  - #quick_login .reg {
  2196. 2194.  -   margin-top: 7px;
  2197. 2195.  - }
  2198. 2196.  - #quick_login .forgot {
  2199. 2197.  -   padding-top: 12px;
  2200. 2198.  -   text-align: center;
  2201. 2199.  - }
  2202. 2200.  -
  2203. 2201.  - .msg, .error, .info_msg, .box_msg {
  2204. 2202.  -   line-height: 160%;
  2205. 2203.  -   padding: 8px 11px;
  2206. 2204.  - }
  2207. 2205.  - .error {
  2208. 2206.  -   background: #FFEFE8;
  2209. 2207.  -   border: 1px solid #E89B88;
  2210. 2208.  - }
  2211. 2209.  - .info_msg {
  2212. 2210.  -   background: #F6F7F9;
  2213. 2211.  -   border: 1px solid #DBE0EA;
  2214. 2212.  - }
  2215. 2213.  - .msg, .box_msg {
  2216. 2214.  -   background-color: #F9F6E7;
  2217. 2215.  -   border: 1px solid #D4BC4C;
  2218. 2216.  - }
  2219. 2217.  - .box_msg {
  2220. 2218.  -   font-weight: bold;
  2221. 2219.  - }
  2222. 2220.  -
  2223. 2221.  - #system_msg {
  2224. 2222.  -   z-index: 5000;
  2225. 2223.  -   left: 0px;
  2226. 2224.  -   top: 0px;
  2227. 2225.  -   display: none;
  2228. 2226.  -   -webkit-border-radius: 0px 0px 6px;
  2229. 2227.  -   -khtml-border-radius: 0px 0px 6px;
  2230. 2228.  -   -moz-border-radius: 0px 0px 6px;
  2231. 2229.  -   border-radius: 0px 0px 6px;
  2232. 2230.  -   padding: 7px 10px;
  2233. 2231.  - }
  2234. 2232.  -
  2235. 2233.  - #bad_browser {
  2236. 2234.  -   border-bottom: 1px solid #B8C7D3;
  2237. 2235.  -   background-color: #F2F4FF;
  2238. 2236.  - }
  2239. 2237.  - #bad_browser .info {
  2240. 2238.  -   padding: 8px;
  2241. 2239.  -   text-align: center;
  2242. 2240.  -   line-height: 150%;
  2243. 2241.  - }
  2244. 2242.  - #bad_browser #good_browsers {
  2245. 2243.  -   display: none;
  2246. 2244.  - }
  2247. 2245.  - #bad_browser #good_browsers div {
  2248. 2246.  -   width: 400px;
  2249. 2247.  -   height: 100px;
  2250. 2248.  -   margin: 10px auto 0px;
  2251. 2249.  - }
  2252. 2250.  - #bad_browser #good_browsers a {
  2253. 2251.  -   width: 100px;
  2254. 2252.  -   height: 20px;
  2255. 2253.  -   padding-top: 80px;
  2256. 2254.  - }
  2257. 2255.  -
  2258. 2256.  - /* qsearch section */
  2259. 2257.  - #qsearch_link {
  2260. 2258.  -   margin-top: 9px;
  2261. 2259.  -   padding: 3px 15px 7px 15px;
  2262. 2260.  - }
  2263. 2261.  - #qsearch_link.active {
  2264. 2262.  -   background-color: #5B7DA4;
  2265. 2263.  -   border: 1px solid #3E5F84;
  2266. 2264.  -   text-decoration: none;
  2267. 2265.  -   padding: 2px 14px 6px 14px;
  2268. 2266.  - }
  2269. 2267.  - #qsearch_link.active:hover {
  2270. 2268.  -   text-decoration: none;
  2271. 2269.  - }
  2272. 2270.  - #quick_search {
  2273. 2271.  -   display: none;
  2274. 2272.  -   margin-top: 9px;
  2275. 2273.  -   width: 241px;
  2276. 2274.  -   overflow: hidden;
  2277. 2275.  -   overflow-y: visible;
  2278. 2276.  - }
  2279. 2277.  - #search_cont {
  2280. 2278.  -   background-color: #FFFFFF;
  2281. 2279.  -   width: 240px;
  2282. 2280.  -   border: 1px solid #3E5F84;
  2283. 2281.  -   border-left: 0;
  2284. 2282.  -   height: 19px;
  2285. 2283.  - }
  2286. 2284.  - #search_input {
  2287. 2285.  -   border: 0px none white;
  2288. 2286.  -   font-size: 11px;
  2289. 2287.  -   height: 13px;
  2290. 2288.  -   outline: none;
  2291. 2289.  -   overflow: hidden;
  2292. 2290.  -   padding: 3px 0px 3px 10px;
  2293. 2291.  -   width: 229px;
  2294. 2292.  - }
  2295. 2293.  - .font_medium #search_input {
  2296. 2294.  -   font-size: 12px;
  2297. 2295.  - }
  2298. 2296.  - #quick_search .input_back {
  2299. 2297.  -   padding-top: 2px !important;
  2300. 2298.  -   line-height: 1.18em;
  2301. 2299.  - }
  2302. 2300.  -
  2303. 2301.  - #search_sub_menu div.s_photo {
  2304. 2302.  -   width: 50px;
  2305. 2303.  -   height: 50px;
  2306. 2304.  -   overflow: hidden;
  2307. 2305.  -   margin: 0px 10px 0px 0px;
  2308. 2306.  -   line-height: 2em;
  2309. 2307.  - }
  2310. 2308.  - #search_sub_menu div.s_photo img {
  2311. 2309.  -   width: 50px;
  2312. 2310.  -   vertical-align: middle;
  2313. 2311.  - }
  2314. 2312.  - #search_sub_menu a.i_note div.s_photo,
  2315. 2313.  - #search_sub_menu a.i_group div.s_photo,
  2316. 2314.  - #search_sub_menu a.i_public div.s_photo,
  2317. 2315.  - #search_sub_menu a.i_event div.s_photo,
  2318. 2316.  - #search_sub_menu a.i_audio div.s_photo,
  2319. 2317.  - #search_sub_menu a.i_app div.s_photo,
  2320. 2318.  - #search_sub_menu a.i_ad div.s_photo {
  2321. 2319.  -   background-image: url(/images/icons/qsearch_hints.gif?1);
  2322. 2320.  - }
  2323. 2321.  - #search_sub_menu a.i_audio div.s_photo { background-position: 0 0; }
  2324. 2322.  - #search_sub_menu a.i_app div.s_photo { background-position: 0 -50px; }
  2325. 2323.  - #search_sub_menu a.i_event div.s_photo { background-position: 0 -100px; }
  2326. 2324.  - #search_sub_menu a.i_group div.s_photo { background-position: 0 -150px; }
  2327. 2325.  - #search_sub_menu a.i_ad div.s_photo { background-position: 0 -200px; }
  2328. 2326.  - #search_sub_menu a.i_note div.s_photo { background-position: 0 -300px; }
  2329. 2327.  -
  2330. 2328.  - #search_sub_menu div.s_title {
  2331. 2329.  -   cursor: pointer;
  2332. 2330.  -   height: 42px;
  2333. 2331.  -   margin-top: 4px;
  2334. 2332.  -   width: 540px;
  2335. 2333.  -   overflow: hidden;
  2336. 2334.  - }
  2337. 2335.  - #search_sub_menu div.s_title span {
  2338. 2336.  -   background-color: #FFF8CC;
  2339. 2337.  -   border-bottom: 1px solid #FFE222;
  2340. 2338.  -   padding: 0 1px;
  2341. 2339.  - }
  2342. 2340.  - #search_sub_menu a.sub_item:hover, #search_sub_menu a.sub_item_over:hover, #search_sub_menu a.sub_item_next_over:hover {
  2343. 2341.  -   text-decoration: none;
  2344. 2342.  - }
  2345. 2343.  - #search_sub_menu .s_title {
  2346. 2344.  -   color: #2B587A;
  2347. 2345.  -   font-weight: bold;
  2348. 2346.  - }
  2349. 2347.  - #search_sub_menu .s_title div {
  2350. 2348.  -   color: #000;
  2351. 2349.  -   font-weight: normal;
  2352. 2350.  -   padding-top: 4px;
  2353. 2351.  - }
  2354. 2352.  -
  2355. 2353.  - #search_sub_menu .sub_item {
  2356. 2354.  -   background-color: #FFFFFF;
  2357. 2355.  -   border-top: 1px solid #E1E9EF;
  2358. 2356.  -   color: #000000;
  2359. 2357.  -   display: block;
  2360. 2358.  -   padding: 4px 12px 4px 6px;
  2361. 2359.  - }
  2362. 2360.  - #search_sub_menu a.sub_item {
  2363. 2361.  -   border-bottom: 1px solid #FFFFFF;
  2364. 2362.  -   height: 50px;
  2365. 2363.  -   padding: 6px 12px;
  2366. 2364.  -   vertical-align: middle;
  2367. 2365.  - }
  2368. 2366.  - #search_sub_menu a.sub_item.over {
  2369. 2367.  -   background-color: #EDF1F5;
  2370. 2368.  -   border-bottom: 1px solid #EDF1F5;
  2371. 2369.  -   text-decoration: none;
  2372. 2370.  - }
  2373. 2371.  - #search_sub_menu a.s_search_by {
  2374. 2372.  -   font-weight: bold;
  2375. 2373.  -   border-bottom: 1px solid #F7F7F7;
  2376. 2374.  -   background-color:#F7F7F7;
  2377. 2375.  -   height: 27px;
  2378. 2376.  - }
  2379. 2377.  - #search_sub_menu .s_search_by .s_title {
  2380. 2378.  -   color: #2B587A;
  2381. 2379.  -   margin-top: 7px;
  2382. 2380.  - }
  2383. 2381.  -
  2384. 2382.  - .tabs {
  2385. 2383.  -   background: #F7F7F7;
  2386. 2384.  -   padding: 8px;
  2387. 2385.  - }
  2388. 2386.  - .tabs .outer {
  2389. 2387.  - }
  2390. 2388.  - .tabs .tab a {
  2391. 2389.  -   display: inline-block;
  2392. 2390.  - }
  2393. 2391.  - .tabs .tab a:hover {
  2394. 2392.  -   text-decoration: none;
  2395. 2393.  - }
  2396. 2394.  - .tabs .tab {
  2397. 2395.  -   display: inline-block;
  2398. 2396.  -   margin-right: 12px;
  2399. 2397.  -   padding: 2px;
  2400. 2398.  - }
  2401. 2399.  - .tabs .tab.selected {
  2402. 2400.  -   border-bottom: 1px solid #FFFFFF;
  2403. 2401.  -   padding: 0px;
  2404. 2402.  - }
  2405. 2403.  - .tabs .tab b {
  2406. 2404.  -   padding: 2px 5px 2px 5px;
  2407. 2405.  -   display: inline-block;
  2408. 2406.  - }
  2409. 2407.  - .tabs .tab.selected a {
  2410. 2408.  -   border-top: 1px solid #395676;
  2411. 2409.  -   border-right: 1px solid #517295;
  2412. 2410.  -   border-bottom: 1px solid #4a73a0;
  2413. 2411.  -   border-left: 1px solid #517295;
  2414. 2412.  -   color: #FFFFFF;
  2415. 2413.  - }
  2416. 2414.  - .tabs .tab.selected b {
  2417. 2415.  -   border: 1px solid #5C82AB;
  2418. 2416.  -   background: #5e82a8;
  2419. 2417.  - }
  2420. 2418.  - .summary_tabs {
  2421. 2419.  -   font-size: 11px;
  2422. 2420.  -   padding: 5px 5px;
  2423. 2421.  -   border-bottom: 1px solid #DAE1E8;
  2424. 2422.  -   background: #F7F7F7;
  2425. 2423.  - }
  2426. 2424.  - .font_medium .summary_tabs {
  2427. 2425.  -   font-size: 12px;
  2428. 2426.  - }
  2429. 2427.  - .summary_right {
  2430. 2428.  -   padding: 8px 5px;
  2431. 2429.  - }
  2432. 2430.  - .summary_tab, .summary_tab_sel {
  2433. 2431.  -   font-weight: bold;
  2434. 2432.  -   padding: 8px 5px 7px;
  2435. 2433.  - }
  2436. 2434.  - .summary_tab2 {
  2437. 2435.  -   -webkit-border-radius: 2px;
  2438. 2436.  -   -khtml-border-radius: 2px;
  2439. 2437.  -   -moz-border-radius: 2px;
  2440. 2438.  -   border-radius: 2px;
  2441. 2439.  -   padding: 3px 8px 4px;
  2442. 2440.  -   display: block;
  2443. 2441.  - }
  2444. 2442.  - .summary_tab2:hover {
  2445. 2443.  -   background: #E1E7ED;
  2446. 2444.  -   text-decoration: none;
  2447. 2445.  - }
  2448. 2446.  - .summary_tab_sel .summary_tab2, .summary_tab_sel .summary_tab2:hover {
  2449. 2447.  -   padding: 3px 8px 4px;
  2450. 2448.  -   background: #597DA3;
  2451. 2449.  - }
  2452. 2450.  - .summary_tab3 {
  2453. 2451.  -   max-width: 230px;
  2454. 2452.  -   *display: inline;
  2455. 2453.  -   height: 13px;
  2456. 2454.  -   overflow: hidden;
  2457. 2455.  -   font-weight: bold;
  2458. 2456.  -   color: #45688E;
  2459. 2457.  -   padding: 0;
  2460. 2458.  -   -o-text-overflow: ellipsis;
  2461. 2459.  -   text-overflow: ellipsis;
  2462. 2460.  -   line-height: 120%;
  2463. 2461.  - }
  2464. 2462.  - .summary_tab_sel .summary_tab3 {
  2465. 2463.  -   color: #FFF;
  2466. 2464.  - }
  2467. 2465.  - .summary_tab_x {
  2468. 2466.  -   width: 11px;
  2469. 2467.  -   height: 11px;
  2470. 2468.  -   margin: 2px 1px 0px;
  2471. 2469.  -   background: url(/images/pics/im_tabx.gif?1) 0 0;
  2472. 2470.  -   opacity: 0.12;
  2473. 2471.  -   cursor: pointer;
  2474. 2472.  -   filter: alpha(opacity=12);
  2475. 2473.  -   -webkit-transition: opacity 200ms linear;
  2476. 2474.  -   -moz-transition: opacity 200ms linear;
  2477. 2475.  -   -o-transition: opacity 200ms linear;
  2478. 2476.  -   transition: opacity 200ms linear;
  2479. 2477.  - }
  2480. 2478.  - .summary_tab_x:hover {
  2481. 2479.  -   opacity: 0.6;
  2482. 2480.  -   filter: alpha(opacity=60);
  2483. 2481.  - }
  2484. 2482.  - .summary_tab_sel .summary_tab_x {
  2485. 2483.  -   background-position: 0 -13px;
  2486. 2484.  -   opacity: 0.2;
  2487. 2485.  -   filter: alpha(opacity=20);
  2488. 2486.  -   margin-left: 4px;
  2489. 2487.  -   margin-right: -3px;
  2490. 2488.  - }
  2491. 2489.  - .is_rtl1 .summary_tab_sel .summary_tab_x {
  2492. 2490.  -   margin-right: 4px;
  2493. 2491.  -   margin-left: -3px;
  2494. 2492.  - }
  2495. 2493.  - .summary_tab_sel .summary_tab_x:hover {
  2496. 2494.  -   opacity: 1;
  2497. 2495.  -   filter: alpha(opacity=100);
  2498. 2496.  - }
  2499. 2497.  -
  2500. 2498.  - .no_select {
  2501. 2499.  -   user-select: none;
  2502. 2500.  -  -o-user-select: none;
  2503. 2501.  -  -moz-user-select: none;
  2504. 2502.  -  -khtml-user-select: none;
  2505. 2503.  - }
  2506. 2504.  - .select_fix {
  2507. 2505.  -   user-select: text;
  2508. 2506.  -  -o-user-select: text;
  2509. 2507.  -  -moz-user-select: text;
  2510. 2508.  -  -khtml-user-select: text;
  2511. 2509.  - }
  2512. 2510.  -
  2513. 2511.  - .input_back_wrap {
  2514. 2512.  -   position: relative;
  2515. 2513.  -   z-index: 90;
  2516. 2514.  -   cursor: text;
  2517. 2515.  - }
  2518. 2516.  - .input_back {
  2519. 2517.  -   position: absolute;
  2520. 2518.  -   color: #8C8E91;
  2521. 2519.  -   z-index: 90;
  2522. 2520.  - }
  2523. 2521.  - .choose_box .input_back {
  2524. 2522.  -   margin: 9px 4px 0px;
  2525. 2523.  - }
  2526. 2524.  - .input_back_content {
  2527. 2525.  -   padding: 0px 2px;
  2528. 2526.  -   white-space: nowrap;
  2529. 2527.  -   line-height: normal;
  2530. 2528.  - }
  2531. 2529.  - .big.input_back_content {
  2532. 2530.  -   padding-left: 0;
  2533. 2531.  -   padding-top: 2px;
  2534. 2532.  - }
  2535. 2533.  - @-moz-document url-prefix() {
  2536. 2534.  - .big.input_back_content {
  2537. 2535.  -   padding-left: 1px;
  2538. 2536.  -   padding-top: 1px;
  2539. 2537.  - }
  2540. 2538.  - }
  2541. 2539.  -
  2542. 2540.  -
  2543. 2541.  - .sort_blank {
  2544. 2542.  -   border: 1px dashed #D8DFEA;
  2545. 2543.  - }
  2546. 2544.  -
  2547. 2545.  - .divider {
  2548. 2546.  -  color: #777;
  2549. 2547.  -  font-weight: normal;
  2550. 2548.  -  padding:0px 5px;
  2551. 2549.  - }
  2552. 2550.  -
  2553. 2551.  - small.divider {
  2554. 2552.  -  padding:0px 2px;
  2555. 2553.  - }
  2556. 2554.  -
  2557. 2555.  - .unshown {
  2558. 2556.  -   display: none;
  2559. 2557.  - }
  2560. 2558.  -
  2561. 2559.  - .hidden {
  2562. 2560.  -   visibility: hidden;
  2563. 2561.  - }
  2564. 2562.  -
  2565. 2563.  - #global_prg {
  2566. 2564.  -   position: absolute;
  2567. 2565.  -   z-index: 400;
  2568. 2566.  - }
  2569. 2567.  -
  2570. 2568.  - /* Tabs */
  2571. 2569.  - .tabs.t_bar {
  2572. 2570.  -   background: #FFF;
  2573. 2571.  - }
  2574. 2572.  - .t_bar {
  2575. 2573.  -   padding: 11px 10px 0px;
  2576. 2574.  -   border-bottom: solid 1px #597DA3;
  2577. 2575.  - }
  2578. 2576.  - ul.t0 {
  2579. 2577.  -   width: 605px;
  2580. 2578.  - }
  2581. 2579.  - ul.t0, ul.t0 li {
  2582. 2580.  -   list-style-type: none;
  2583. 2581.  -   margin: 0;
  2584. 2582.  -   padding: 0;
  2585. 2583.  - }
  2586. 2584.  - ul.t0 li {
  2587. 2585.  -   float: left;
  2588. 2586.  -   text-align: center;
  2589. 2587.  - }
  2590. 2588.  - ul.t0 li.active_link a, ul.t0 li.active_link a:hover {
  2591. 2589.  -   background: #597DA3;
  2592. 2590.  -   color: #FFFFFF;
  2593. 2591.  - }
  2594. 2592.  - ul.t0 li a:hover {
  2595. 2593.  -   background: #E1E7ED;
  2596. 2594.  -   color: #2B587A;
  2597. 2595.  -   text-decoration: none;
  2598. 2596.  - }
  2599. 2597.  - ul.t0 a {
  2600. 2598.  -   float: left;
  2601. 2599.  -   padding: 0 0 5px;
  2602. 2600.  -   margin-right: 5px;
  2603. 2601.  -   text-decoration: none;
  2604. 2602.  -   background-color: #FFF;
  2605. 2603.  -   max-width: 250px;
  2606. 2604.  - }
  2607. 2605.  - ul.t0 a span.count {
  2608. 2606.  -   color: #2b587a;
  2609. 2607.  -   margin-bottom: -1px;
  2610. 2608.  -   padding: 0px 10px 0px 4px;
  2611. 2609.  -   font-weight: bold;
  2612. 2610.  -   font-style: normal !important;
  2613. 2611.  -   font-size: 0.9em;
  2614. 2612.  -   display: none;
  2615. 2613.  - }
  2616. 2614.  - ul.t0 li.active_link a span.count {
  2617. 2615.  -   color: #FFF;
  2618. 2616.  - }
  2619. 2617.  - ul.t0 li.count a span.count {
  2620. 2618.  -   display: inline-block;
  2621. 2619.  -   vertical-align: baseline;
  2622. 2620.  - }
  2623. 2621.  - ul.t0 li.count .tab_word {
  2624. 2622.  -   margin: 0 0 0 10px;
  2625. 2623.  - }
  2626. 2624.  - *:first-child+html .font_medium ul.t0 li.count a {
  2627. 2625.  -   padding-bottom: 4px;
  2628. 2626.  - }
  2629. 2627.  - .font_medium ul.t0 a {
  2630. 2628.  -   padding: 0 0 5px;
  2631. 2629.  - }
  2632. 2630.  - ul.t0 .tab_word {
  2633. 2631.  -   margin: 0px 10px;
  2634. 2632.  -   font-weight: normal;
  2635. 2633.  -   max-width: 230px;
  2636. 2634.  -   display: block;
  2637. 2635.  -   _display: inline;
  2638. 2636.  -   line-height: 1.19em;
  2639. 2637.  -   overflow: hidden;
  2640. 2638.  -   -o-text-overflow: ellipsis;
  2641. 2639.  -   text-overflow: ellipsis;
  2642. 2640.  - }
  2643. 2641.  - ul.t0 .t_r {
  2644. 2642.  -   float: right;
  2645. 2643.  -   padding-top: 5px;
  2646. 2644.  - }
  2647. 2645.  - /*.font_medium {
  2648. 2646.  -   padding: 4px 0 0;
  2649. 2647.  - }*/
  2650. 2648.  - ul.t0 .t_r a {
  2651. 2649.  -   margin: 0;
  2652. 2650.  -   padding: 0;
  2653. 2651.  - }
  2654. 2652.  - ul.t0 .t_r a:hover {
  2655. 2653.  -   text-decoration: underline;
  2656. 2654.  -   background:#FFFFFF;
  2657. 2655.  - }
  2658. 2656.  - .tl1, .tl2 {
  2659. 2657.  -   display: block;
  2660. 2658.  -   height: 1px;
  2661. 2659.  -   background-color: #FFF;
  2662. 2660.  -   overflow: hidden;
  2663. 2661.  -   margin: 0px;
  2664. 2662.  -   border: 1px solid #FFF;
  2665. 2663.  -   border-width: 0px 2px;
  2666. 2664.  - }
  2667. 2665.  - .tl2 {
  2668. 2666.  -   margin-bottom: 3px;
  2669. 2667.  -   border-width: 0px 1px;
  2670. 2668.  - }
  2671. 2669.  - ul.t0 li a {
  2672. 2670.  -   outline: none;
  2673. 2671.  - }
  2674. 2672.  - ul.t0 li a:hover b.tl1, ul.t0 li a:hover b.tl2 {
  2675. 2673.  -   background-color: #E1E7ED;
  2676. 2674.  - }
  2677. 2675.  - ul.t0 li.active_link a b.tl1, ul.t0 li.active_link a:hover b.tl1 {
  2678. 2676.  -   background-color: #597DA3;
  2679. 2677.  -   border-width: 0px 1px;
  2680. 2678.  - }
  2681. 2679.  - ul.t0 li.active_link a b.tl1 b, ul.t0 li.active_link a:hover b.tl1 b {
  2682. 2680.  -   display: block;
  2683. 2681.  -   height: 1px;
  2684. 2682.  -   background: #597DA3;
  2685. 2683.  -   overflow: hidden;
  2686. 2684.  -   margin: 0px;
  2687. 2685.  -   border: 1px solid #9AB1C6;
  2688. 2686.  -   border-width: 0px 1px;
  2689. 2687.  - }
  2690. 2688.  - ul.t0 li.active_link a b.tl2, ul.t0 li.active_link a:hover b.tl2 {
  2691. 2689.  -   background-color: #597DA3;
  2692. 2690.  -   border-color: #9AB1C6;
  2693. 2691.  - }
  2694. 2692.  -
  2695. 2693.  - #flash_audio {
  2696. 2694.  -   height: 0px;
  2697. 2695.  -   top: 5px;
  2698. 2696.  -   position: absolute;
  2699. 2697.  - }
  2700. 2698.  - .audio .play_btn_wrap {
  2701. 2699.  -   padding: 6px;
  2702. 2700.  - }
  2703. 2701.  - .audio .play_new {
  2704. 2702.  -   cursor: pointer;
  2705. 2703.  -   width: 16px;
  2706. 2704.  -   height: 16px;
  2707. 2705.  -   background: url(/images/playpause.gif) no-repeat 0px 0px;
  2708. 2706.  - }
  2709. 2707.  - .audio .play_new.playing {
  2710. 2708.  -   background-position: 0px -16px;
  2711. 2709.  - }
  2712. 2710.  -
  2713. 2711.  - .side_filter {
  2714. 2712.  -   color: #2B587A;
  2715. 2713.  -   cursor: pointer;
  2716. 2714.  -   padding: 6px 6px 7px 10px;
  2717. 2715.  -   background-color: #F7F7F7;
  2718. 2716.  -   background-repeat: no-repeat;
  2719. 2717.  -   width: 120px;
  2720. 2718.  - }
  2721. 2719.  -
  2722. 2720.  - .side_filter_over {
  2723. 2721.  -   color: #2B587A;
  2724. 2722.  -   background-color: #DAE1E8;
  2725. 2723.  - }
  2726. 2724.  -
  2727. 2725.  - .side_filter.cur_section {
  2728. 2726.  -   background-color: #5e82a8;
  2729. 2727.  -   color: #FFFFFF;
  2730. 2728.  - }
  2731. 2729.  -
  2732. 2730.  - .side_filter.loading {
  2733. 2731.  -   background-image: url(/images/upload_inv_mini.gif);
  2734. 2732.  -   background-position: 110px center;
  2735. 2733.  -   background-repeat: no-repeat;
  2736. 2734.  - }
  2737. 2735.  -
  2738. 2736.  - .sort_rev_icon, .sort_not_rev_icon {
  2739. 2737.  -   width: 15px;
  2740. 2738.  -   height: 11px;
  2741. 2739.  -   background: url(/images/photoorder.gif) left 0px;
  2742. 2740.  - }
  2743. 2741.  - .sort_not_rev_icon {
  2744. 2742.  -   background-position: left -14px;
  2745. 2743.  - }
  2746. 2744.  -
  2747. 2745.  - .pg_more_link {
  2748. 2746.  -   display: block;
  2749. 2747.  -   padding: 10px;
  2750. 2748.  -   border-top: 1px solid #FFF;
  2751. 2749.  -   text-align: center;
  2752. 2750.  - }
  2753. 2751.  - .pg_more_link:hover {
  2754. 2752.  -   text-decoration: none;
  2755. 2753.  -   background: #E9EDF1;
  2756. 2754.  -   border-top: 1px solid #DAE1E8;
  2757. 2755.  - }
  2758. 2756.  - .pg_more_progress {
  2759. 2757.  -   margin: 0px auto;
  2760. 2758.  - }
  2761. 2759.  - .pg_lnk {
  2762. 2760.  -   padding-bottom: 3px;
  2763. 2761.  - }
  2764. 2762.  - .pg_lnk:hover {
  2765. 2763.  -   padding-bottom: 0px;
  2766. 2764.  -   border-bottom: 3px solid #DAE1E8;
  2767. 2765.  -   text-decoration: none;
  2768. 2766.  - }
  2769. 2767.  - .pages_bottom .pg_lnk {
  2770. 2768.  -   padding-top: 4px;
  2771. 2769.  -   padding-bottom: 0px;
  2772. 2770.  - }
  2773. 2771.  - .pages_bottom .pg_lnk:hover {
  2774. 2772.  -   padding-top: 1px;
  2775. 2773.  -   border-bottom: 0px;
  2776. 2774.  -   border-top: 3px solid #DAE1E8;
  2777. 2775.  -   text-decoration: none;
  2778. 2776.  - }
  2779. 2777.  - .pg_pages {
  2780. 2778.  - }
  2781. 2779.  - .pg_in {
  2782. 2780.  -   padding: 2px 5px;
  2783. 2781.  - }
  2784. 2782.  - .pg_lnk .pg_in {
  2785. 2783.  -   padding: 2px 6px;
  2786. 2784.  - }
  2787. 2785.  - .pg_lnk_sel {
  2788. 2786.  -   font-weight: bold;
  2789. 2787.  -   color: #45688E;
  2790. 2788.  -   border-bottom: 1px solid #2B587A;
  2791. 2789.  - }
  2792. 2790.  - .pg_lnk_sel:hover {
  2793. 2791.  -   text-decoration: none;
  2794. 2792.  - }
  2795. 2793.  - .pg_lnk_sel .pg_in {
  2796. 2794.  -   border-bottom: 3px solid #597DA3;
  2797. 2795.  - }
  2798. 2796.  - .pages_bottom .pg_lnk_sel {
  2799. 2797.  -   border-top: 1px solid #2B587A;
  2800. 2798.  -   border-bottom: 0px;
  2801. 2799.  - }
  2802. 2800.  - .pages_bottom .pg_lnk_sel .pg_in {
  2803. 2801.  -   border-top: 3px solid #597DA3;
  2804. 2802.  -   border-bottom: 0px;
  2805. 2803.  - }
  2806. 2804.  - #pg_fixed {
  2807. 2805.  -   top: 20px;
  2808. 2806.  -   z-index: 200;
  2809. 2807.  -   display: none;
  2810. 2808.  - }
  2811. 2809.  - .pg_fixed_back {
  2812. 2810.  -   background: #000;
  2813. 2811.  -   -webkit-border-radius: 3px;
  2814. 2812.  -   -khtml-border-radius: 3px;
  2815. 2813.  -   -moz-border-radius: 3px;
  2816. 2814.  -   border-radius: 3px;
  2817. 2815.  -   opacity: 0.5;
  2818. 2816.  -   filter: alpha(opacity=50);
  2819. 2817.  -   position: absolute;
  2820. 2818.  - }
  2821. 2819.  - .pg_fixed_pages {
  2822. 2820.  -   position: relative;
  2823. 2821.  -   padding: 5px 10px 6px;
  2824. 2822.  - }
  2825. 2823.  - .pg_flnk:hover, .pg_flnk_rd:hover, .pg_flnk_sel:hover, .pg_flnk_nb:hover {
  2826. 2824.  -   text-decoration: none;
  2827. 2825.  - }
  2828. 2826.  - .pg_flnk, .pg_flnk_rd, .pg_flnk_sel, .pg_flnk_nb {
  2829. 2827.  -   font-size: 1.18em;
  2830. 2828.  -   color: #CCC;
  2831. 2829.  -   padding: 2px 5px 1px;
  2832. 2830.  -   font-weight: bold;
  2833. 2831.  -   display: inline-block;
  2834. 2832.  -   *display: inline;
  2835. 2833.  -   zoom: 1;
  2836. 2834.  - }
  2837. 2835.  - .pg_flnk {
  2838. 2836.  -   border-bottom: 1px solid #CCC;
  2839. 2837.  - }
  2840. 2838.  - .pg_flnk_rd {
  2841. 2839.  -   border-bottom: 1px solid #FFF;
  2842. 2840.  - }
  2843. 2841.  - .pg_flnk, .pg_flnk_rd, .pg_flnk_nb {
  2844. 2842.  -   -webkit-transition: color 200ms linear;
  2845. 2843.  -   -moz-transition: color 200ms linear;
  2846. 2844.  -   -o-transition: color 200ms linear;
  2847. 2845.  -   transition: color 200ms linear;
  2848. 2846.  - }
  2849. 2847.  - .pg_flnk:hover, .pg_flnk_rd:hover, .pg_flnk_nb:hover {
  2850. 2848.  -   color: #FFF;
  2851. 2849.  - }
  2852. 2850.  - .pg_flnk_nb {
  2853. 2851.  -   font-weight: normal;
  2854. 2852.  -   padding: 2px 3px 1px;
  2855. 2853.  - }
  2856. 2854.  - .pg_flnk_sel {
  2857. 2855.  -   color: #FFF;
  2858. 2856.  -   border-bottom: 4px solid #FFF;
  2859. 2857.  - }
  2860. 2858.  -
  2861. 2859.  - /* Box notify */
  2862. 2860.  - .top_result_baloon_wrap {
  2863. 2861.  -   padding-top: 50px;
  2864. 2862.  -   z-index: 1200;
  2865. 2863.  -   font-size: 1.09em;
  2866. 2864.  - }
  2867. 2865.  -
  2868. 2866.  - .top_result_baloon {
  2869. 2867.  -   color: #FFF;
  2870. 2868.  -   cursor: pointer;
  2871. 2869.  -   background: url('/images/mv_bg.png');
  2872. 2870.  -   background: rgba(0, 0, 0, 0.75);
  2873. 2871.  -
  2874. 2872.  -   -webkit-border-radius: 5px;
  2875. 2873.  -   -moz-border-radius: 5px;
  2876. 2874.  -   border-radius: 5px;
  2877. 2875.  -
  2878. 2876.  -   -webkit-box-shadow: 0 2px 15px #888;
  2879. 2877.  -   -moz-box-shadow: 0 2px 15px #888;
  2880. 2878.  -   box-shadow: 0 2px 15px #888;
  2881. 2879.  -
  2882. 2880.  -   padding: 15px 15px;
  2883. 2881.  -   width: 380px;
  2884. 2882.  -   text-shadow: 0px 1px 0px #262626;
  2885. 2883.  -   line-height: 160%;
  2886. 2884.  - }
  2887. 2885.  - div.top_result_header {
  2888. 2886.  -   font-weight: bold;
  2889. 2887.  -   font-size: 1.09em;
  2890. 2888.  -   padding-bottom: 5px;
  2891. 2889.  - }
  2892. 2890.  - div.top_result_baloon a {
  2893. 2891.  -   color: #B1DAFF;
  2894. 2892.  -   font-weight: bold;
  2895. 2893.  - }
  2896. 2894.  -
  2897. 2895.  - /* dropbox styles */
  2898. 2896.  - .dropbox {
  2899. 2897.  -   position: absolute;
  2900. 2898.  -   top: 0px;
  2901. 2899.  -   left: 0px;
  2902. 2900.  -   width: 100%;
  2903. 2901.  -   height: 100%;
  2904. 2902.  -   z-index: 1550;
  2905. 2903.  -   background: #FFF url(/images/dropbox_arrow.png) no-repeat 55px 11px;
  2906. 2904.  -   display: none;
  2907. 2905.  - }
  2908. 2906.  - .dropbox.choose {
  2909. 2907.  -   background: #FFF url(/images/dropbox_arrow.png) no-repeat 75px 31px;
  2910. 2908.  -   border-bottom: 1px solid #DAE1E8;
  2911. 2909.  - }
  2912. 2910.  - .dropbox_wrap {
  2913. 2911.  -   padding: 30px;
  2914. 2912.  -   height: 100%;
  2915. 2913.  -   -webkit-box-sizing: border-box;
  2916. 2914.  -   -moz-box-sizing: border-box;
  2917. 2915.  -   box-sizing: border-box;
  2918. 2916.  - }
  2919. 2917.  - .dropbox.choose .dropbox_wrap {
  2920. 2918.  -   padding: 50px;
  2921. 2919.  - }
  2922. 2920.  - .dropbox_area {
  2923. 2921.  -   text-align: center;
  2924. 2922.  -   color: #7F92A5;
  2925. 2923.  -   font-size: 1.27em;
  2926. 2924.  -   -moz-user-select: none;
  2927. 2925.  -   -khtml-user-select: none;
  2928. 2926.  -   user-select: none;
  2929. 2927.  -   border: 3px dashed #A3B6C9;
  2930. 2928.  -   position: relative;
  2931. 2929.  -   min-height: 100%;
  2932. 2930.  - }
  2933. 2931.  - .dropbox_label {
  2934. 2932.  -   position: absolute;
  2935. 2933.  -   width: 100%;
  2936. 2934.  -   top: 50%;
  2937. 2935.  -   height: 50px;
  2938. 2936.  -   line-height: 4.54em;
  2939. 2937.  -   margin-top: -25px;
  2940. 2938.  - }
  2941. 2939.  - .left_restore_link {
  2942. 2940.  -   /*position: absolute;*/
  2943. 2941.  -   margin: 10px 0px 0px 0px;
  2944. 2942.  -   padding: 8px;
  2945. 2943.  -   background: #F7F7F7;
  2946. 2944.  -   width: 110px;
  2947. 2945.  -   line-height: 140%;
  2948. 2946.  -   -webkit-border-radius: 5px;
  2949. 2947.  -   -khtml-border-radius: 5px;
  2950. 2948.  -   -moz-border-radius: 5px;
  2951. 2949.  -   border-radius: 5px;
  2952. 2950.  - }
  2953. 2951.  -
  2954. 2952.  - .piechart_table {
  2955. 2953.  -   margin: 0 30px 20px 0;
  2956. 2954.  - }
  2957. 2955.  - .piechart_table tr td {
  2958. 2956.  -   padding: 7px 8px 8px 8px;
  2959. 2957.  -   border-bottom: 1px solid #EAEEF1;
  2960. 2958.  -   text-align: left;
  2961. 2959.  - }
  2962. 2960.  - .piechart_stat_color {
  2963. 2961.  -   float: left;
  2964. 2962.  -   margin: 2px 8px 0 0;
  2965. 2963.  -   width: 12px;
  2966. 2964.  -   height: 12px;
  2967. 2965.  -   -webkit-border-radius: 2px;
  2968. 2966.  -   -khtml-border-radius: 2px;
  2969. 2967.  -   -moz-border-radius: 2px;
  2970. 2968.  -   border-radius: 2px;
  2971. 2969.  - }
  2972. 2970.  - .piechart_stat_name {
  2973. 2971.  -   min-width: 120px;
  2974. 2972.  - }
  2975. 2973.  - .piechart_stat_info {
  2976. 2974.  -   padding-left: 0!important;
  2977. 2975.  - }
  2978. 2976.  - .piechart_col_header th {
  2979. 2977.  -   padding: 7px 0;
  2980. 2978.  -   font-weight: bold;
  2981. 2979.  -   background-color: #EEF2F6;
  2982. 2980.  - }
  2983. 2981.  - th.piechart_col_header_first {
  2984. 2982.  -   padding-left: 28px;
  2985. 2983.  - }
  2986. 2984.  - th.piechart_col_header_second {
  2987. 2985.  -   padding-right: 20px;
  2988. 2986.  - }
  2989. 2987.  -
  2990. 2988.  - .piechart_tooltip {
  2991. 2989.  -   position: absolute;
  2992. 2990.  -   z-index: 5000;
  2993. 2991.  -   width: 400px;
  2994. 2992.  -
  2995. 2993.  -   color: white;
  2996. 2994.  -   line-height: 200%;
  2997. 2995.  -   display: none;
  2998. 2996.  - }
  2999. 2997.  -
  3000. 2998.  - .piechart_tooltip div.background {
  3001. 2999.  -   color: black;
  3002. 3000.  -
  3003. 3001.  -   background-color: black;
  3004. 3002.  -   -moz-opacity: 0.8;
  3005. 3003.  -   opacity: 0.8;
  3006. 3004.  -   filter: alpha(opacity=80);
  3007. 3005.  -   -webkit-border-radius: 3px;
  3008. 3006.  -   -moz-border-radius: 3px;
  3009. 3007.  -   border-radius: 3px;
  3010. 3008.  - }
  3011. 3009.  - .piechart_tooltip div {
  3012. 3010.  -   position: absolute;
  3013. 3011.  -   padding: 10px;
  3014. 3012.  - }
  3015. 3013.  -
  3016. 3014.  - .piechart_rows_root.transp_children .piechart_column .piechart_row {
  3017. 3015.  -   opacity: 0.5;
  3018. 3016.  -   -moz-opacity: 0.5;
  3019. 3017.  -   filter: alpha(opacity=50);
  3020. 3018.  - }
  3021. 3019.  -
  3022. 3020.  - .piechart_rows_root.transp_children .piechart_column .piechart_row.hovered {
  3023. 3021.  -   opacity: 1;
  3024. 3022.  -   -moz-opacity: 1;
  3025. 3023.  -   filter: alpha(opacity=100);
  3026. 3024.  - }
  3027. 3025.  -
  3028. 3026.  - /* new top nav styles */
  3029. 3027.  -
  3030. 3028.  - .ts_contact {
  3031. 3029.  -   display: block;
  3032. 3030.  -   height: 40px;
  3033. 3031.  -   padding: 4px 8px;
  3034. 3032.  -   line-height: 100%;
  3035. 3033.  -   white-space: nowrap;
  3036. 3034.  -   overflow: hidden;
  3037. 3035.  -   margin: 0px;
  3038. 3036.  -   position: relative;
  3039. 3037.  - }
  3040. 3038.  - .ts_contact:first-child {
  3041. 3039.  -   padding-top: 8px;
  3042. 3040.  - }
  3043. 3041.  - .ts_contact:last-child {
  3044. 3042.  -   padding-bottom: 8px;
  3045. 3043.  - }
  3046. 3044.  - .ts_contact_photo img {
  3047. 3045.  -   width: 40px;
  3048. 3046.  -   height: 40px;
  3049. 3047.  -   background: 0 0 no-repeat;
  3050. 3048.  -   -webkit-border-radius: 2px;
  3051. 3049.  -   -moz-border-radius: 2px;
  3052. 3050.  -   border-radius: 2px;
  3053. 3051.  - }
  3054. 3052.  -
  3055. 3053.  - .ts_contact_online .ts_contact_status,
  3056. 3054.  - .ts_contact_mobile .ts_contact_status {
  3057. 3055.  -   background: url(/images/icons/rbox_full2.png?1) 0px -49px no-repeat;
  3058. 3056.  -   right: 10px;
  3059. 3057.  -   top: 9px;
  3060. 3058.  -   position: absolute;
  3061. 3059.  -   width: 6px;
  3062. 3060.  -   height: 6px;
  3063. 3061.  - }
  3064. 3062.  - .ts_contact_mobile .ts_contact_status {
  3065. 3063.  -   background-position: -2px -128px;
  3066. 3064.  -   top: 8px;
  3067. 3065.  -   right: 9px;
  3068. 3066.  -   height: 11px;
  3069. 3067.  -   width: 7px;
  3070. 3068.  - }
  3071. 3069.  - .ts_contact.ts_contact_online:first-child .ts_contact_status,
  3072. 3070.  - .ts_contact.ts_contact_mobile:first-child .ts_contact_status {
  3073. 3071.  -   top: 13px;
  3074. 3072.  - }
  3075. 3073.  - .ts_contact.ts_contact_mobile:first-child .ts_contact_status {
  3076. 3074.  -   top: 12px;
  3077. 3075.  - }
  3078. 3076.  - .ts_contact.active.write:first-child .ts_contact_status{
  3079. 3077.  -   top: 12px;
  3080. 3078.  - }
  3081. 3079.  - .ts_contact.active.write .ts_contact_status {
  3082. 3080.  -   background: url(/images/icons/rbox_full2.png?1) 1px -83px no-repeat;
  3083. 3081.  -   width: 12px;
  3084. 3082.  -   height: 11px;
  3085. 3083.  -   position: absolute;
  3086. 3084.  -   top: 8px;
  3087. 3085.  -   right: 9px;
  3088. 3086.  - }
  3089. 3087.  - .ts_contact.active.write .ts_contact_status:hover {
  3090. 3088.  -   background: url(/images/icons/rbox_full2.png?1) 1px -116px no-repeat;
  3091. 3089.  - }
  3092. 3090.  - .ts_search_link .ts_contact_status {
  3093. 3091.  -   background: url(/images/icons/rbox_full2.png?1) 0 -99px no-repeat;
  3094. 3092.  -   width: 11px;
  3095. 3093.  -   height: 12px;
  3096. 3094.  -   position:absolute;
  3097. 3095.  -   top:12px;
  3098. 3096.  -   right:8px;
  3099. 3097.  - }
  3100. 3098.  - #ts_search_sep {
  3101. 3099.  -   padding: 6px 13px 7px;
  3102. 3100.  -   color: #777;
  3103. 3101.  -   background: #f0f0f0;
  3104. 3102.  -   border-top: 1px solid #e0e1e2;
  3105. 3103.  -   border-bottom: 1px solid #e0e1e2;
  3106. 3104.  -   font-weight: bold;
  3107. 3105.  - }
  3108. 3106.  - .ts_contact_name {
  3109. 3107.  -   color: #45688e;
  3110. 3108.  -   height:30px;
  3111. 3109.  -   padding: 2px 0 0 8px;
  3112. 3110.  -   -o-text-overflow: ellipsis;
  3113. 3111.  -   text-overflow: ellipsis;
  3114. 3112.  -   white-space: nowrap;
  3115. 3113.  -   display: block;
  3116. 3114.  -   width: 160px;
  3117. 3115.  -   overflow: hidden;
  3118. 3116.  -   font-weight: bold;
  3119. 3117.  -   position: relative;
  3120. 3118.  - }
  3121. 3119.  - .ts_search_link .ts_contact_name {
  3122. 3120.  -   padding: 0;
  3123. 3121.  -   width: 100%;
  3124. 3122.  -   font-weight: normal;
  3125. 3123.  - }
  3126. 3124.  - .ts_contact_info {
  3127. 3125.  -   font-weight: normal;
  3128. 3126.  -   color: #999;
  3129. 3127.  -   padding-top: 6px;
  3130. 3128.  -   font-size: 11px;
  3131. 3129.  - }
  3132. 3130.  - .font_medium .ts_contact_info {
  3133. 3131.  -   font-size: 12px;
  3134. 3132.  - }
  3135. 3133.  - .ts_contact.active .ts_contact_info {
  3136. 3134.  -   color: #8795a5;
  3137. 3135.  - }
  3138. 3136.  - #ts_friends_online {
  3139. 3137.  -   background: url("/images/icons/online_friends.gif") right no-repeat;
  3140. 3138.  -   position: absolute;
  3141. 3139.  -   right: 8px;
  3142. 3140.  -   top: 8px;
  3143. 3141.  -   padding: 4px 12px 4px 5px;
  3144. 3142.  -   z-index: 500;
  3145. 3143.  -   color: #7C90A6;
  3146. 3144.  -   font-size: 0.9em;
  3147. 3145.  -   line-height: 14px;
  3148. 3146.  -   font-weight: bold;
  3149. 3147.  -   opacity: 0.9;
  3150. 3148.  -   cursor: pointer;
  3151. 3149.  -   display: none;
  3152. 3150.  - }
  3153. 3151.  - #ts_friends_online:hover {
  3154. 3152.  -   opacity: 1;
  3155. 3153.  - }
  3156. 3154.  - em.ts_clist_hl {
  3157. 3155.  -   font-style: normal;
  3158. 3156.  -   background: #f0f4f7;
  3159. 3157.  -   border-bottom: 1px solid #eff3f6;
  3160. 3158.  -   margin: 0px;
  3161. 3159.  -   padding: 0px 1px;
  3162. 3160.  - }
  3163. 3161.  -
  3164. 3162.  - #ts_wrap {
  3165. 3163.  -   position: absolute;
  3166. 3164.  -   top: 0px;
  3167. 3165.  -   left: 144px;
  3168. 3166.  -   height: 40px;
  3169. 3167.  -   width: 171px;
  3170. 3168.  - }
  3171. 3169.  - #ts_wrap.vk {
  3172. 3170.  -   left: auto;
  3173. 3171.  -   right: 45px;
  3174. 3172.  -   width: 600px;
  3175. 3173.  - }
  3176. 3174.  - #ts_wrap .input_back {
  3177. 3175.  -   color: #7C90A6;
  3178. 3176.  - }
  3179. 3177.  - #ts_wrap .ts.dark .input_back {
  3180. 3178.  -   color: #7A8CA0;
  3181. 3179.  - }
  3182. 3180.  - div.ts_back_link {
  3183. 3181.  -   margin-bottom: 1px;
  3184. 3182.  -   overflow: hidden;
  3185. 3183.  -   width: 410px;
  3186. 3184.  - }
  3187. 3185.  - div.ts_input_wrap {
  3188. 3186.  -   position: relative;
  3189. 3187.  -   top: 50%;
  3190. 3188.  -   width: 167px;
  3191. 3189.  -
  3192. 3190.  -   margin-top: -13px;
  3193. 3191.  -   padding: 1px;
  3194. 3192.  -   -webkit-border-radius: 2px;
  3195. 3193.  -   -moz-border-radius: 2px;
  3196. 3194.  -   border-radius: 2px;
  3197. 3195.  -   overflow: hidden;
  3198. 3196.  - }
  3199. 3197.  -
  3200. 3198.  - #ts_wrap.vk div.ts_input_wrap {
  3201. 3199.  - /*  opacity: 0.5;
  3202. 3200.  -   filter: alpha(opacity=50);
  3203. 3201.  -   */
  3204. 3202.  -   width: 130px;
  3205. 3203.  - }
  3206. 3204.  - div.ts_input_wrap2 {
  3207. 3205.  -   margin-right: 63px;
  3208. 3206.  - }
  3209. 3207.  - div.ts {
  3210. 3208.  -   -webkit-border-radius: 2px;
  3211. 3209.  -   -moz-border-radius: 2px;
  3212. 3210.  -   border-radius: 2px;
  3213. 3211.  -   overflow: hidden;
  3214. 3212.  -   background-color: #FFFFFF;
  3215. 3213.  - }
  3216. 3214.  - div.ts .input_back {
  3217. 3215.  -   margin-top: 0 !important;
  3218. 3216.  -   margin-left: 0 !important;
  3219. 3217.  - }
  3220. 3218.  - #ts_input {
  3221. 3219.  -   border: 0;
  3222. 3220.  -   padding: 4px 41px 3px 20px;
  3223. 3221.  -   outline: 0;
  3224. 3222.  -   margin: 0px;
  3225. 3223.  -   width: 100%;
  3226. 3224.  -   background: url(/images/search_icon_d.gif) no-repeat 6px -11px;
  3227. 3225.  -
  3228. 3226.  -   height: 13px;
  3229. 3227.  -   line-height: 1.36em;
  3230. 3228.  - }
  3231. 3229.  - #ts_wrap.vk #ts_input {
  3232. 3230.  -   background: url(/images/search_icon.gif) no-repeat 6px 5px;
  3233. 3231.  - }
  3234. 3232.  - .ts_query {
  3235. 3233.  -   font-weight: bold;
  3236. 3234.  - }
  3237. 3235.  - #ts_cont_wrap {
  3238. 3236.  -   position: absolute;
  3239. 3237.  -   top: 48px;
  3240. 3238.  -   left: 139px;
  3241. 3239.  -   background: #FFF;
  3242. 3240.  -   width: 248px;
  3243. 3241.  -   z-index: 800;
  3244. 3242.  -
  3245. 3243.  -   -webkit-border-radius: 3px;
  3246. 3244.  -   -moz-border-radius: 3px;
  3247. 3245.  -   border-radius: 3px;
  3248. 3246.  -
  3249. 3247.  -   overflow: hidden;
  3250. 3248.  -
  3251. 3249.  -   -webkit-box-shadow: 0 0 6px #999;
  3252. 3250.  -   -moz-box-shadow: 0 0 6px #999;
  3253. 3251.  -   box-shadow: 0 0 6px #999;
  3254. 3252.  -
  3255. 3253.  -   display: none;
  3256. 3254.  - }
  3257. 3255.  - #ts_cont_wrap.vk {
  3258. 3256.  -   right: 1px;
  3259. 3257.  -   left: auto;
  3260. 3258.  - }
  3261. 3259.  - #ts_cont_wrap.none {
  3262. 3260.  -   display: none;
  3263. 3261.  - }
  3264. 3262.  - *:first-child+html #ts_cont_wrap,
  3265. 3263.  - * html #ts_cont_wrap {
  3266. 3264.  -   border: 1px solid #a6b6c6;
  3267. 3265.  -   right: 0;
  3268. 3266.  - }
  3269. 3267.  -
  3270. 3268.  - .ts_settings {
  3271. 3269.  -   background: url(/images/settings_icon.gif) 10px 9px no-repeat;
  3272. 3270.  -   display: block;
  3273. 3271.  -   padding: 12px 19px 15px 18px;
  3274. 3272.  -   height: 13px;
  3275. 3273.  -   margin: 0px;
  3276. 3274.  -   opacity: 0.7;
  3277. 3275.  -   filter: alpha(opacity=70);
  3278. 3276.  - }
  3279. 3277.  - #ts_cont_wrap a.ts_contact {
  3280. 3278.  -   text-decoration: none;
  3281. 3279.  - }
  3282. 3280.  - #ts_cont_wrap a.ts_contact.active {
  3283. 3281.  -   text-decoration: none;
  3284. 3282.  -   background: #EDF1F5;
  3285. 3283.  -   background: none repeat scroll 0 0 rgba(219, 227, 235, 0.5);
  3286. 3284.  - }
  3287. 3285.  - #ts_cont_wrap a.ts_contact:first-child,
  3288. 3286.  - #ts_cont_wrap a.ts_search_link:first-child {
  3289. 3287.  -   -webkit-border-top-right-radius: 3px;
  3290. 3288.  -   -webkit-border-top-left-radius: 3px;
  3291. 3289.  -   -moz-border-radius-topright: 3px;
  3292. 3290.  -   -moz-border-radius-topleft: 3px;
  3293. 3291.  -   border-top-left-radius: 3px;
  3294. 3292.  -   border-top-right-radius: 3px;
  3295. 3293.  - }
  3296. 3294.  - #ts_cont_wrap a.ts_contact:last-child,
  3297. 3295.  - #ts_cont_wrap a.ts_search_link:last-child {
  3298. 3296.  -   -webkit-border-bottom-right-radius: 3px;
  3299. 3297.  -   -webkit-border-bottom-left-radius: 3px;
  3300. 3298.  -   -moz-border-radius-bottomright: 3px;
  3301. 3299.  -   -moz-border-radius-bottomleft: 3px;
  3302. 3300.  -   border-bottom-left-radius: 3px;
  3303. 3301.  -   border-bottom-right-radius: 3px;
  3304. 3302.  - }
  3305. 3303.  - .ts_link {
  3306. 3304.  -   display: block;
  3307. 3305.  -   height: 20px;
  3308. 3306.  -   padding: 4px 8px;
  3309. 3307.  -   white-space: nowrap;
  3310. 3308.  -   overflow: hidden;
  3311. 3309.  -   line-height: 1.81em;
  3312. 3310.  - }
  3313. 3311.  - .ts_link:first-child {
  3314. 3312.  -   padding-top: 8px;
  3315. 3313.  - }
  3316. 3314.  - .ts_link:last-child {
  3317. 3315.  -   padding-bottom: 8px;
  3318. 3316.  - }
  3319. 3317.  - a.ts_link:hover {
  3320. 3318.  -   text-decoration: none;
  3321. 3319.  -   background: #EDF1F5;
  3322. 3320.  -   background: none repeat scroll 0 0 rgba(219, 227, 235, 0.5);
  3323. 3321.  - }
  3324. 3322.  - a.ts_search_link {
  3325. 3323.  -   display: block;
  3326. 3324.  -   height: 30px;
  3327. 3325.  -   line-height: 2.72em;
  3328. 3326.  -   padding: 4px 13px;
  3329. 3327.  -   white-space: nowrap;
  3330. 3328.  -   overflow: hidden;
  3331. 3329.  - }
  3332. 3330.  - a.ts_search_link:hover {
  3333. 3331.  -   text-decoration: none;
  3334. 3332.  - }
  3335. 3333.  - a.ts_search_link.active {
  3336. 3334.  -   text-decoration: none;
  3337. 3335.  -   background: #EDF1F5;
  3338. 3336.  -   background: none repeat scroll 0 0 rgba(219, 227, 235, 0.5);
  3339. 3337.  - }
  3340. 3338.  -
  3341. 3339.  - /* Special mems */
  3342. 3340.  - .mem_special {
  3343. 3341.  -   color: #2E7B27;
  3344. 3342.  -   font-weight: bold;
  3345. 3343.  - }
  3346. 3344.  -
  3347. 3345.  - /* Round tabs */
  3348. 3346.  - .round_tab {
  3349. 3347.  -   -webkit-border-radius: 2px;
  3350. 3348.  -   -khtml-border-radius: 2px;
  3351. 3349.  -   -moz-border-radius: 2px;
  3352. 3350.  -   border-radius: 2px;
  3353. 3351.  -   cursor: pointer;
  3354. 3352.  -   color: #45688E;
  3355. 3353.  -   font-weight: bold;
  3356. 3354.  -   padding: 3px 8px 4px;
  3357. 3355.  -   float: left;
  3358. 3356.  - }
  3359. 3357.  - .round_tab.visible {
  3360. 3358.  -   background-color: #E1E7ED;
  3361. 3359.  - }
  3362. 3360.  - .round_tab.selected {
  3363. 3361.  -   color: white;
  3364. 3362.  - }
  3365. 3363.  - .round_tab:hover {
  3366. 3364.  -   background-color: #E1E7ED;
  3367. 3365.  -   text-decoration: none;
  3368. 3366.  - }
  3369. 3367.  - .round_tab.visible:hover {
  3370. 3368.  -   background-color: #D7E0E7;
  3371. 3369.  - }
  3372. 3370.  - .round_tab.selected,
  3373. 3371.  - .round_tab.selected:hover {
  3374. 3372.  -   background-color: #597DA3;
  3375. 3373.  - }
  3376. 3374.  -
  3377. 3375.  -
  3378. 3376.  - /* Animated counters */
  3379. 3377.  - .counter_anim_wrap {
  3380. 3378.  -   position: relative;
  3381. 3379.  -   height: 1.2em;
  3382. 3380.  -   vertical-align: top !important;
  3383. 3381.  -   line-height: normal;
  3384. 3382.  -   overflow: hidden;
  3385. 3383.  - }
  3386. 3384.  - .counter_anim {
  3387. 3385.  -   position: absolute;
  3388. 3386.  -   right: 0;
  3389. 3387.  -   text-align: right;
  3390. 3388.  -   white-space: nowrap;
  3391. 3389.  - }
  3392. 3390.  - .counter_css_anim_wrap {
  3393. 3391.  -   -webkit-transition: width 100ms linear;
  3394. 3392.  -   -moz-transition: width 100ms linear;
  3395. 3393.  -   -o-transition: width 100ms linear;
  3396. 3394.  -   transition: width 100ms linear;
  3397. 3395.  - }
  3398. 3396.  - .counter_css_anim_wrap .counter_anim {
  3399. 3397.  -   -webkit-transition: margin-top 300ms ease-out;
  3400. 3398.  -   -moz-transition: margin-top 300ms ease-out;
  3401. 3399.  -   -o-transition: margin-top 300ms ease-out;
  3402. 3400.  -   transition: margin-top 300ms ease-out;
  3403. 3401.  - }
  3404. 3402.  - .is_rtl1 .mob_onl {
  3405. 3403.  -   margin-left: 0px;
  3406. 3404.  -   margin-right: 4px;
  3407. 3405.  - }
  3408. 3406.  - .mob_onl {
  3409. 3407.  -   width: 0px;
  3410. 3408.  -   height: 12px;
  3411. 3409.  -   padding-left: 7px;
  3412. 3410.  -   margin-left: 4px;
  3413. 3411.  -   background: url(/images/mobile_online.gif?1) no-repeat;
  3414. 3412.  -   *zoom: 1;
  3415. 3413.  -   cursor: pointer;
  3416. 3414.  - }
  3417. 3415.  -
  3418. 3416.  - #mvk_footer_lnk {
  3419. 3417.  -   padding: 7px 0px 5px;
  3420. 3418.  - }
  3421. 3419.  - .emoji, .emoji_css {
  3422. 3420.  -   width: 16px;
  3423. 3421.  -   height: 16px;
  3424. 3422.  -   *height: 17px;
  3425. 3423.  -   margin: 0px 0px;
  3426. 3424.  -   border: none;
  3427. 3425.  -   vertical-align: top;
  3428. 3426.  - }
  3429. 3427.  - .emoji_css {
  3430. 3428.  -   background: url('/images/im_emoji_2.png?3') no-repeat;
  3431. 3429.  - }
  3432. 3430.  - #reg_bar {
  3433. 3431.  -   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  3434. 3432.  -   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  3435. 3433.  -   box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  3436. 3434.  -   background: #EEF1F3;
  3437. 3435.  -   background: rgba(238, 241, 243, 0.9);
  3438. 3436.  -   top: -56px;
  3439. 3437.  -   font-size: 13px;
  3440. 3438.  -   border-bottom: 1px solid #DAE1E8;
  3441. 3439.  -   z-index: 400;
  3442. 3440.  - }
  3443. 3441.  - #reg_bar_content {
  3444. 3442.  -   padding: 10px 0px 10px 110px;
  3445. 3443.  -   line-height: 160%;
  3446. 3444.  -   text-align: center;
  3447. 3445.  -   color: #7992AD;
  3448. 3446.  -   font-weight: bold;
  3449. 3447.  - }
  3450. 3448.  - .reg_bar_link {
  3451. 3449.  -   color: #45688E;
  3452. 3450.  -   padding-bottom: 1px;
  3453. 3451.  -   border-bottom: 1px solid #B6C4D5;
  3454. 3452.  - }
  3455. 3453.  - .reg_bar_link:hover {
  3456. 3454.  -   text-decoration: none;
  3457. 3455.  -   border-color: #45688E;
  3458. 3456.  - }
  3459. ------
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!