API tools faq
paste
Hormold

VK Change (#1389986103)

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