Forked mumble-django project from https://bitbucket.org/Svedrin/mumble-django
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1654 lines
37 KiB

  1. /*!
  2. * Ext JS Library 3.2.0
  3. * Copyright(c) 2006-2010 Ext JS, Inc.
  4. * licensing@extjs.com
  5. * http://www.extjs.com/license
  6. */
  7. .ext-el-mask {
  8. background-color: #ccc;
  9. }
  10. .ext-el-mask-msg {
  11. border-color:#999;
  12. background-color:#ddd;
  13. background-image:url(../images/gray/panel/white-top-bottom.gif);
  14. background-position: 0 -1px;
  15. }
  16. .ext-el-mask-msg div {
  17. background-color: #eee;
  18. border-color:#d0d0d0;
  19. color:#222;
  20. font:normal 11px tahoma, arial, helvetica, sans-serif;
  21. }
  22. .x-mask-loading div {
  23. background-color:#fbfbfb;
  24. background-image:url(../images/default/grid/loading.gif);
  25. }
  26. .x-item-disabled {
  27. color: gray;
  28. }
  29. .x-item-disabled * {
  30. color: gray !important;
  31. }
  32. .x-splitbar-proxy {
  33. background-color: #aaa;
  34. }
  35. .x-color-palette a {
  36. border-color:#fff;
  37. }
  38. .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
  39. border-color:#CFCFCF;
  40. background-color: #eaeaea;
  41. }
  42. .x-color-palette em:hover, .x-color-palette span:hover{
  43. background-color: #eaeaea;
  44. }
  45. .x-color-palette em {
  46. border-color:#aca899;
  47. }
  48. .x-ie-shadow {
  49. background-color:#777;
  50. }
  51. .x-shadow .xsmc {
  52. background-image: url(../images/default/shadow-c.png);
  53. }
  54. .x-shadow .xsml, .x-shadow .xsmr {
  55. background-image: url(../images/default/shadow-lr.png);
  56. }
  57. .x-shadow .xstl, .x-shadow .xstc, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{
  58. background-image: url(../images/default/shadow.png);
  59. }
  60. .loading-indicator {
  61. font-size: 11px;
  62. background-image: url(../images/default/grid/loading.gif);
  63. }
  64. .x-spotlight {
  65. background-color: #ccc;
  66. }.x-tab-panel-header, .x-tab-panel-footer {
  67. background-color: #eaeaea;
  68. border-color:#d0d0d0;
  69. overflow:hidden;
  70. zoom:1;
  71. }
  72. .x-tab-panel-header, .x-tab-panel-footer {
  73. border-color:#d0d0d0;
  74. }
  75. ul.x-tab-strip-top{
  76. background-color:#dbdbdb;
  77. background-image: url(../images/gray/tabs/tab-strip-bg.gif);
  78. border-bottom-color:#d0d0d0;
  79. }
  80. ul.x-tab-strip-bottom{
  81. background-color:#dbdbdb;
  82. background-image: url(../images/gray/tabs/tab-strip-btm-bg.gif);
  83. border-top-color:#d0d0d0;
  84. }
  85. .x-tab-panel-header-plain .x-tab-strip-spacer,
  86. .x-tab-panel-footer-plain .x-tab-strip-spacer {
  87. border-color:#d0d0d0;
  88. background-color: #eaeaea;
  89. }
  90. .x-tab-strip span.x-tab-strip-text {
  91. font:normal 11px tahoma,arial,helvetica;
  92. color:#333;
  93. }
  94. .x-tab-strip-over span.x-tab-strip-text {
  95. color:#111;
  96. }
  97. .x-tab-strip-active span.x-tab-strip-text {
  98. color:#333;
  99. font-weight:bold;
  100. }
  101. .x-tab-strip-disabled .x-tabs-text {
  102. color:#aaaaaa;
  103. }
  104. .x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner{
  105. background-image: url(../images/gray/tabs/tabs-sprite.gif);
  106. }
  107. .x-tab-strip-bottom .x-tab-right {
  108. background-image: url(../images/gray/tabs/tab-btm-inactive-right-bg.gif);
  109. }
  110. .x-tab-strip-bottom .x-tab-left {
  111. background-image: url(../images/gray/tabs/tab-btm-inactive-left-bg.gif);
  112. }
  113. .x-tab-strip-bottom .x-tab-strip-over .x-tab-left {
  114. background-image: url(../images/gray/tabs/tab-btm-over-left-bg.gif);
  115. }
  116. .x-tab-strip-bottom .x-tab-strip-over .x-tab-right {
  117. background-image: url(../images/gray/tabs/tab-btm-over-right-bg.gif);
  118. }
  119. .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
  120. background-image: url(../images/gray/tabs/tab-btm-right-bg.gif);
  121. }
  122. .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
  123. background-image: url(../images/gray/tabs/tab-btm-left-bg.gif);
  124. }
  125. .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
  126. background-image:url(../images/gray/tabs/tab-close.gif);
  127. }
  128. .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
  129. background-image:url(../images/gray/tabs/tab-close.gif);
  130. }
  131. .x-tab-panel-body {
  132. border-color:#d0d0d0;
  133. background-color:#fff;
  134. }
  135. .x-tab-panel-body-top {
  136. border-top: 0 none;
  137. }
  138. .x-tab-panel-body-bottom {
  139. border-bottom: 0 none;
  140. }
  141. .x-tab-scroller-left {
  142. background-image:url(../images/gray/tabs/scroll-left.gif);
  143. border-bottom-color:#d0d0d0;
  144. }
  145. .x-tab-scroller-left-over {
  146. background-position: 0 0;
  147. }
  148. .x-tab-scroller-left-disabled {
  149. background-position: -18px 0;
  150. opacity:.5;
  151. -moz-opacity:.5;
  152. filter:alpha(opacity=50);
  153. cursor:default;
  154. }
  155. .x-tab-scroller-right {
  156. background-image:url(../images/gray/tabs/scroll-right.gif);
  157. border-bottom-color:#d0d0d0;
  158. }
  159. .x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar {
  160. border-color:#d0d0d0;
  161. }
  162. .x-form-field{
  163. font:normal 12px tahoma, arial, helvetica, sans-serif;
  164. }
  165. .x-form-text, textarea.x-form-field{
  166. background-color:#fff;
  167. background-image:url(../images/default/form/text-bg.gif);
  168. border-color:#C1C1C1;
  169. }
  170. .x-form-select-one {
  171. background-color:#fff;
  172. border-color:#C1C1C1;
  173. }
  174. .x-form-check-group-label {
  175. border-bottom: 1px solid #d0d0d0;
  176. color: #333;
  177. }
  178. .x-editor .x-form-check-wrap {
  179. background-color:#fff;
  180. }
  181. .x-form-field-wrap .x-form-trigger{
  182. background-image:url(../images/gray/form/trigger.gif);
  183. border-bottom-color:#b5b8c8;
  184. }
  185. .x-form-field-wrap .x-form-date-trigger{
  186. background-image: url(../images/gray/form/date-trigger.gif);
  187. }
  188. .x-form-field-wrap .x-form-clear-trigger{
  189. background-image: url(../images/gray/form/clear-trigger.gif);
  190. }
  191. .x-form-field-wrap .x-form-search-trigger{
  192. background-image: url(../images/gray/form/search-trigger.gif);
  193. }
  194. .x-trigger-wrap-focus .x-form-trigger{
  195. border-bottom-color: #777777;
  196. }
  197. .x-item-disabled .x-form-trigger-over{
  198. border-bottom-color:#b5b8c8;
  199. }
  200. .x-item-disabled .x-form-trigger-click{
  201. border-bottom-color:#b5b8c8;
  202. }
  203. .x-form-focus, textarea.x-form-focus{
  204. border-color:#777777;
  205. }
  206. .x-form-invalid, textarea.x-form-invalid{
  207. background-color:#fff;
  208. background-image:url(../images/default/grid/invalid_line.gif);
  209. border-color:#c30;
  210. }
  211. .ext-webkit .x-form-invalid{
  212. background-color:#fee;
  213. border-color:#ff7870;
  214. }
  215. .x-form-inner-invalid, textarea.x-form-inner-invalid{
  216. background-color:#fff;
  217. background-image:url(../images/default/grid/invalid_line.gif);
  218. }
  219. .x-form-grow-sizer {
  220. font:normal 12px tahoma, arial, helvetica, sans-serif;
  221. }
  222. .x-form-item {
  223. font:normal 12px tahoma, arial, helvetica, sans-serif;
  224. }
  225. .x-form-invalid-msg {
  226. color:#c0272b;
  227. font:normal 11px tahoma, arial, helvetica, sans-serif;
  228. background-image:url(../images/default/shared/warning.gif);
  229. }
  230. .x-form-empty-field {
  231. color:gray;
  232. }
  233. .x-small-editor .x-form-field {
  234. font:normal 11px arial, tahoma, helvetica, sans-serif;
  235. }
  236. .ext-webkit .x-small-editor .x-form-field {
  237. font:normal 12px arial, tahoma, helvetica, sans-serif;
  238. }
  239. .x-form-invalid-icon {
  240. background-image:url(../images/default/form/exclamation.gif);
  241. }
  242. .x-fieldset {
  243. border-color:#CCCCCC;
  244. }
  245. .x-fieldset legend {
  246. font:bold 11px tahoma, arial, helvetica, sans-serif;
  247. color:#777777;
  248. }.x-btn{
  249. font:normal 11px tahoma, verdana, helvetica;
  250. }
  251. .x-btn button{
  252. font:normal 11px arial,tahoma,verdana,helvetica;
  253. color:#333;
  254. }
  255. .x-btn em {
  256. font-style:normal;
  257. font-weight:normal;
  258. }
  259. .x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc{
  260. background-image:url(../images/gray/button/btn.gif);
  261. }
  262. .x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{
  263. color:#000;
  264. }
  265. .x-btn-disabled *{
  266. color:gray !important;
  267. }
  268. .x-btn-mc em.x-btn-arrow {
  269. background-image:url(../images/default/button/arrow.gif);
  270. }
  271. .x-btn-mc em.x-btn-split {
  272. background-image:url(../images/default/button/s-arrow.gif);
  273. }
  274. .x-btn-over .x-btn-mc em.x-btn-split, .x-btn-click .x-btn-mc em.x-btn-split, .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-btn-pressed .x-btn-mc em.x-btn-split {
  275. background-image:url(../images/gray/button/s-arrow-o.gif);
  276. }
  277. .x-btn-mc em.x-btn-arrow-bottom {
  278. background-image:url(../images/default/button/s-arrow-b-noline.gif);
  279. }
  280. .x-btn-mc em.x-btn-split-bottom {
  281. background-image:url(../images/default/button/s-arrow-b.gif);
  282. }
  283. .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-btn-click .x-btn-mc em.x-btn-split-bottom, .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-btn-pressed .x-btn-mc em.x-btn-split-bottom {
  284. background-image:url(../images/gray/button/s-arrow-bo.gif);
  285. }
  286. .x-btn-group-header {
  287. color: #666;
  288. }
  289. .x-btn-group-tc {
  290. background-image: url(../images/gray/button/group-tb.gif);
  291. }
  292. .x-btn-group-tl {
  293. background-image: url(../images/gray/button/group-cs.gif);
  294. }
  295. .x-btn-group-tr {
  296. background-image: url(../images/gray/button/group-cs.gif);
  297. }
  298. .x-btn-group-bc {
  299. background-image: url(../images/gray/button/group-tb.gif);
  300. }
  301. .x-btn-group-bl {
  302. background-image: url(../images/gray/button/group-cs.gif);
  303. }
  304. .x-btn-group-br {
  305. background-image: url(../images/gray/button/group-cs.gif);
  306. }
  307. .x-btn-group-ml {
  308. background-image: url(../images/gray/button/group-lr.gif);
  309. }
  310. .x-btn-group-mr {
  311. background-image: url(../images/gray/button/group-lr.gif);
  312. }
  313. .x-btn-group-notitle .x-btn-group-tc {
  314. background-image: url(../images/gray/button/group-tb.gif);
  315. }
  316. .x-toolbar{
  317. border-color:#d0d0d0;
  318. background-color:#f0f0f0;
  319. background-image:url(../images/gray/toolbar/bg.gif);
  320. }
  321. .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
  322. font:normal 11px arial,tahoma, helvetica, sans-serif;
  323. }
  324. .x-toolbar .x-item-disabled {
  325. color:gray;
  326. }
  327. .x-toolbar .x-item-disabled * {
  328. color:gray;
  329. }
  330. .x-toolbar .x-btn-mc em.x-btn-split {
  331. background-image:url(../images/default/button/s-arrow-noline.gif);
  332. }
  333. .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split,
  334. .x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split
  335. {
  336. background-image:url(../images/gray/button/s-arrow-o.gif);
  337. }
  338. .x-toolbar .x-btn-mc em.x-btn-split-bottom {
  339. background-image:url(../images/default/button/s-arrow-b-noline.gif);
  340. }
  341. .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split-bottom,
  342. .x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split-bottom
  343. {
  344. background-image:url(../images/gray/button/s-arrow-bo.gif);
  345. }
  346. .x-toolbar .xtb-sep {
  347. background-image: url(../images/default/grid/grid-split.gif);
  348. }
  349. .x-tbar-page-first{
  350. background-image: url(../images/gray/grid/page-first.gif) !important;
  351. }
  352. .x-tbar-loading{
  353. background-image: url(../images/gray/grid/refresh.gif) !important;
  354. }
  355. .x-tbar-page-last{
  356. background-image: url(../images/gray/grid/page-last.gif) !important;
  357. }
  358. .x-tbar-page-next{
  359. background-image: url(../images/gray/grid/page-next.gif) !important;
  360. }
  361. .x-tbar-page-prev{
  362. background-image: url(../images/gray/grid/page-prev.gif) !important;
  363. }
  364. .x-item-disabled .x-tbar-loading{
  365. background-image: url(../images/default/grid/loading.gif) !important;
  366. }
  367. .x-item-disabled .x-tbar-page-first{
  368. background-image: url(../images/default/grid/page-first-disabled.gif) !important;
  369. }
  370. .x-item-disabled .x-tbar-page-last{
  371. background-image: url(../images/default/grid/page-last-disabled.gif) !important;
  372. }
  373. .x-item-disabled .x-tbar-page-next{
  374. background-image: url(../images/default/grid/page-next-disabled.gif) !important;
  375. }
  376. .x-item-disabled .x-tbar-page-prev{
  377. background-image: url(../images/default/grid/page-prev-disabled.gif) !important;
  378. }
  379. .x-paging-info {
  380. color:#444;
  381. }
  382. .x-toolbar-more-icon {
  383. background-image: url(../images/gray/toolbar/more.gif) !important;
  384. }
  385. .x-resizable-handle {
  386. background-color:#fff;
  387. }
  388. .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
  389. .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
  390. {
  391. background-image:url(../images/gray/sizer/e-handle.gif);
  392. }
  393. .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
  394. .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
  395. {
  396. background-image:url(../images/gray/sizer/s-handle.gif);
  397. }
  398. .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{
  399. background-image:url(../images/gray/sizer/s-handle.gif);
  400. }
  401. .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
  402. background-image:url(../images/gray/sizer/se-handle.gif);
  403. }
  404. .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
  405. background-image:url(../images/gray/sizer/nw-handle.gif);
  406. }
  407. .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
  408. background-image:url(../images/gray/sizer/ne-handle.gif);
  409. }
  410. .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
  411. background-image:url(../images/gray/sizer/sw-handle.gif);
  412. }
  413. .x-resizable-proxy{
  414. border-color:#565656;
  415. }
  416. .x-resizable-overlay{
  417. background-color:#fff;
  418. }
  419. .x-grid3 {
  420. background-color:#fff;
  421. }
  422. .x-grid-panel .x-panel-mc .x-panel-body {
  423. border-color:#d0d0d0;
  424. }
  425. .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
  426. font:normal 11px arial, tahoma, helvetica, sans-serif;
  427. }
  428. .x-grid3-hd-row td {
  429. border-left-color:#eee;
  430. border-right-color:#d0d0d0;
  431. }
  432. .x-grid-row-loading {
  433. background-color: #fff;
  434. background-image:url(../images/default/shared/loading-balls.gif);
  435. }
  436. .x-grid3-row {
  437. border-color:#ededed;
  438. border-top-color:#fff;
  439. }
  440. .x-grid3-row-alt{
  441. background-color:#fafafa;
  442. }
  443. .x-grid3-row-over {
  444. border-color:#ddd;
  445. background-color:#efefef;
  446. background-image:url(../images/default/grid/row-over.gif);
  447. }
  448. .x-grid3-resize-proxy {
  449. background-color:#777;
  450. }
  451. .x-grid3-resize-marker {
  452. background-color:#777;
  453. }
  454. .x-grid3-header{
  455. background-color:#f9f9f9;
  456. background-image:url(../images/gray/grid/grid3-hrow2.gif);
  457. }
  458. .x-grid3-header-pop {
  459. border-left-color:#d0d0d0;
  460. }
  461. .x-grid3-header-pop-inner {
  462. border-left-color:#eee;
  463. background-image:url(../images/default/grid/hd-pop.gif);
  464. }
  465. td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
  466. border-left-color:#ACACAC;
  467. border-right-color:#ACACAC;
  468. }
  469. td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
  470. background-color:#f9f9f9;
  471. background-image:url(../images/gray/grid/grid3-hrow-over2.gif);
  472. }
  473. .sort-asc .x-grid3-sort-icon {
  474. background-image: url(../images/gray/grid/sort_asc.gif);
  475. }
  476. .sort-desc .x-grid3-sort-icon {
  477. background-image: url(../images/gray/grid/sort_desc.gif);
  478. }
  479. .x-grid3-cell-text, .x-grid3-hd-text {
  480. color:#000;
  481. }
  482. .x-grid3-split {
  483. background-image: url(../images/default/grid/grid-split.gif);
  484. }
  485. .x-grid3-hd-text {
  486. color:#333;
  487. }
  488. .x-dd-drag-proxy .x-grid3-hd-inner{
  489. background-color:#f9f9f9;
  490. background-image:url(../images/gray/grid/grid3-hrow-over2.gif);
  491. border-color:#ACACAC;
  492. }
  493. .col-move-top{
  494. background-image:url(../images/gray/grid/col-move-top.gif);
  495. }
  496. .col-move-bottom{
  497. background-image:url(../images/gray/grid/col-move-bottom.gif);
  498. }
  499. .x-grid3-row-selected {
  500. background-color:#CCCCCC !important;
  501. background-image: none;
  502. border-color:#ACACAC;
  503. }
  504. .x-grid3-cell-selected{
  505. background-color: #CBCBCB !important;
  506. color:#000;
  507. }
  508. .x-grid3-cell-selected span{
  509. color:#000 !important;
  510. }
  511. .x-grid3-cell-selected .x-grid3-cell-text{
  512. color:#000;
  513. }
  514. .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
  515. background-color:#ebeadb !important;
  516. background-image:url(../images/default/grid/grid-hrow.gif) !important;
  517. color:#000;
  518. border-top-color:#fff;
  519. border-right-color:#6fa0df !important;
  520. }
  521. .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
  522. color:#333 !important;
  523. }
  524. .x-grid3-dirty-cell {
  525. background-image:url(../images/default/grid/dirty.gif);
  526. }
  527. .x-grid3-topbar, .x-grid3-bottombar{
  528. font:normal 11px arial, tahoma, helvetica, sans-serif;
  529. }
  530. .x-grid3-bottombar .x-toolbar{
  531. border-top-color:#a9bfd3;
  532. }
  533. .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
  534. background-image:url(../images/default/grid/grid3-special-col-bg.gif) !important;
  535. color:#000 !important;
  536. }
  537. .x-props-grid .x-grid3-body .x-grid3-td-name{
  538. background-color:#fff !important;
  539. border-right-color:#eee;
  540. }
  541. .xg-hmenu-sort-asc .x-menu-item-icon{
  542. background-image: url(../images/default/grid/hmenu-asc.gif);
  543. }
  544. .xg-hmenu-sort-desc .x-menu-item-icon{
  545. background-image: url(../images/default/grid/hmenu-desc.gif);
  546. }
  547. .xg-hmenu-lock .x-menu-item-icon{
  548. background-image: url(../images/default/grid/hmenu-lock.gif);
  549. }
  550. .xg-hmenu-unlock .x-menu-item-icon{
  551. background-image: url(../images/default/grid/hmenu-unlock.gif);
  552. }
  553. .x-grid3-hd-btn {
  554. background-color:#f9f9f9;
  555. background-image:url(../images/gray/grid/grid3-hd-btn.gif);
  556. }
  557. .x-grid3-body .x-grid3-td-expander {
  558. background-image:url(../images/default/grid/grid3-special-col-bg.gif);
  559. }
  560. .x-grid3-row-expander {
  561. background-image:url(../images/gray/grid/row-expand-sprite.gif);
  562. }
  563. .x-grid3-body .x-grid3-td-checker {
  564. background-image: url(../images/default/grid/grid3-special-col-bg.gif);
  565. }
  566. .x-grid3-row-checker, .x-grid3-hd-checker {
  567. background-image:url(../images/default/grid/row-check-sprite.gif);
  568. }
  569. .x-grid3-body .x-grid3-td-numberer {
  570. background-image:url(../images/default/grid/grid3-special-col-bg.gif);
  571. }
  572. .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
  573. color:#444;
  574. }
  575. .x-grid3-body .x-grid3-td-row-icon {
  576. background-image:url(../images/default/grid/grid3-special-col-bg.gif);
  577. }
  578. .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
  579. .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
  580. .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
  581. background-image:url(../images/gray/grid/grid3-special-col-sel-bg.gif);
  582. }
  583. .x-grid3-check-col {
  584. background-image:url(../images/default/menu/unchecked.gif);
  585. }
  586. .x-grid3-check-col-on {
  587. background-image:url(../images/default/menu/checked.gif);
  588. }
  589. .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
  590. zoom:1;
  591. }
  592. .x-grid-group-hd {
  593. border-bottom-color:#d0d0d0;
  594. }
  595. .x-grid-group-hd div.x-grid-group-title {
  596. background-image:url(../images/gray/grid/group-collapse.gif);
  597. color:#5F5F5F;
  598. font:bold 11px tahoma, arial, helvetica, sans-serif;
  599. }
  600. .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
  601. background-image:url(../images/gray/grid/group-expand.gif);
  602. }
  603. .x-group-by-icon {
  604. background-image:url(../images/default/grid/group-by.gif);
  605. }
  606. .x-cols-icon {
  607. background-image:url(../images/default/grid/columns.gif);
  608. }
  609. .x-show-groups-icon {
  610. background-image:url(../images/default/grid/group-by.gif);
  611. }
  612. .x-grid-empty {
  613. color:gray;
  614. font:normal 11px tahoma, arial, helvetica, sans-serif;
  615. }
  616. .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
  617. border-right-color:#ededed;
  618. }
  619. .x-grid-with-col-lines .x-grid3-row{
  620. border-top-color:#ededed;
  621. }
  622. .x-grid-with-col-lines .x-grid3-row-selected {
  623. border-top-color:#B9B9B9;
  624. }
  625. .x-dd-drag-ghost{
  626. color:#000;
  627. font: normal 11px arial, helvetica, sans-serif;
  628. border-color: #ddd #bbb #bbb #ddd;
  629. background-color:#fff;
  630. }
  631. .x-dd-drop-nodrop .x-dd-drop-icon{
  632. background-image: url(../images/default/dd/drop-no.gif);
  633. }
  634. .x-dd-drop-ok .x-dd-drop-icon{
  635. background-image: url(../images/default/dd/drop-yes.gif);
  636. }
  637. .x-dd-drop-ok-add .x-dd-drop-icon{
  638. background-image: url(../images/default/dd/drop-add.gif);
  639. }
  640. .x-view-selector {
  641. background-color:#D6D6D6;
  642. border-color:#888888;
  643. }.x-tree-node-expanded .x-tree-node-icon{
  644. background-image:url(../images/default/tree/folder-open.gif);
  645. }
  646. .x-tree-node-leaf .x-tree-node-icon{
  647. background-image:url(../images/default/tree/leaf.gif);
  648. }
  649. .x-tree-node-collapsed .x-tree-node-icon{
  650. background-image:url(../images/default/tree/folder.gif);
  651. }
  652. .x-tree-node-loading .x-tree-node-icon{
  653. background-image:url(../images/default/tree/loading.gif) !important;
  654. }
  655. .x-tree-node .x-tree-node-inline-icon {
  656. background-image: none;
  657. }
  658. .x-tree-node-loading a span{
  659. font-style: italic;
  660. color:#444444;
  661. }
  662. .ext-ie .x-tree-node-el input {
  663. width:15px;
  664. height:15px;
  665. }
  666. .x-tree-lines .x-tree-elbow{
  667. background-image:url(../images/default/tree/elbow.gif);
  668. }
  669. .x-tree-lines .x-tree-elbow-plus{
  670. background-image:url(../images/default/tree/elbow-plus.gif);
  671. }
  672. .x-tree-lines .x-tree-elbow-minus{
  673. background-image:url(../images/default/tree/elbow-minus.gif);
  674. }
  675. .x-tree-lines .x-tree-elbow-end{
  676. background-image:url(../images/default/tree/elbow-end.gif);
  677. }
  678. .x-tree-lines .x-tree-elbow-end-plus{
  679. background-image:url(../images/gray/tree/elbow-end-plus.gif);
  680. }
  681. .x-tree-lines .x-tree-elbow-end-minus{
  682. background-image:url(../images/gray/tree/elbow-end-minus.gif);
  683. }
  684. .x-tree-lines .x-tree-elbow-line{
  685. background-image:url(../images/default/tree/elbow-line.gif);
  686. }
  687. .x-tree-no-lines .x-tree-elbow-plus{
  688. background-image:url(../images/default/tree/elbow-plus-nl.gif);
  689. }
  690. .x-tree-no-lines .x-tree-elbow-minus{
  691. background-image:url(../images/default/tree/elbow-minus-nl.gif);
  692. }
  693. .x-tree-no-lines .x-tree-elbow-end-plus{
  694. background-image:url(../images/gray/tree/elbow-end-plus-nl.gif);
  695. }
  696. .x-tree-no-lines .x-tree-elbow-end-minus{
  697. background-image:url(../images/gray/tree/elbow-end-minus-nl.gif);
  698. }
  699. .x-tree-arrows .x-tree-elbow-plus{
  700. background-image:url(../images/gray/tree/arrows.gif);
  701. }
  702. .x-tree-arrows .x-tree-elbow-minus{
  703. background-image:url(../images/gray/tree/arrows.gif);
  704. }
  705. .x-tree-arrows .x-tree-elbow-end-plus{
  706. background-image:url(../images/gray/tree/arrows.gif);
  707. }
  708. .x-tree-arrows .x-tree-elbow-end-minus{
  709. background-image:url(../images/gray/tree/arrows.gif);
  710. }
  711. .x-tree-node{
  712. color:#000;
  713. font: normal 11px arial, tahoma, helvetica, sans-serif;
  714. }
  715. .x-tree-node a, .x-dd-drag-ghost a{
  716. color:#000;
  717. }
  718. .x-tree-node a span, .x-dd-drag-ghost a span{
  719. color:#000;
  720. }
  721. .x-tree-node .x-tree-node-disabled a span{
  722. color:gray !important;
  723. }
  724. .x-tree-node div.x-tree-drag-insert-below{
  725. border-bottom-color:#36c;
  726. }
  727. .x-tree-node div.x-tree-drag-insert-above{
  728. border-top-color:#36c;
  729. }
  730. .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
  731. border-bottom-color:#36c;
  732. }
  733. .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
  734. border-top-color:#36c;
  735. }
  736. .x-tree-node .x-tree-drag-append a span{
  737. background-color:#ddd;
  738. border-color:gray;
  739. }
  740. .x-tree-node .x-tree-node-over {
  741. background-color: #eee;
  742. }
  743. .x-tree-node .x-tree-selected {
  744. background-color: #ddd;
  745. }
  746. .x-tree-drop-ok-append .x-dd-drop-icon{
  747. background-image: url(../images/default/tree/drop-add.gif);
  748. }
  749. .x-tree-drop-ok-above .x-dd-drop-icon{
  750. background-image: url(../images/default/tree/drop-over.gif);
  751. }
  752. .x-tree-drop-ok-below .x-dd-drop-icon{
  753. background-image: url(../images/default/tree/drop-under.gif);
  754. }
  755. .x-tree-drop-ok-between .x-dd-drop-icon{
  756. background-image: url(../images/default/tree/drop-between.gif);
  757. }
  758. .x-date-picker {
  759. border-color:#585858;
  760. background-color:#fff;
  761. }
  762. .x-date-middle,.x-date-left,.x-date-right {
  763. background-image: url(../images/gray/shared/hd-sprite.gif);
  764. color:#fff;
  765. font:bold 11px "sans serif", tahoma, verdana, helvetica;
  766. }
  767. .x-date-middle .x-btn .x-btn-text {
  768. color:#fff;
  769. }
  770. .x-date-middle .x-btn-mc em.x-btn-arrow {
  771. background-image:url(../images/gray/toolbar/btn-arrow-light.gif);
  772. }
  773. .x-date-right a {
  774. background-image: url(../images/gray/shared/right-btn.gif);
  775. }
  776. .x-date-left a{
  777. background-image: url(../images/gray/shared/left-btn.gif);
  778. }
  779. .x-date-inner th {
  780. background-color:#D8D8D8;
  781. background-image: url(../images/gray/panel/white-top-bottom.gif);
  782. border-bottom-color:#AFAFAF;
  783. font:normal 10px arial, helvetica,tahoma,sans-serif;
  784. color:#595959;
  785. }
  786. .x-date-inner td {
  787. border-color:#fff;
  788. }
  789. .x-date-inner a {
  790. font:normal 11px arial, helvetica,tahoma,sans-serif;
  791. color:#000;
  792. }
  793. .x-date-inner .x-date-active{
  794. color:#000;
  795. }
  796. .x-date-inner .x-date-selected a{
  797. background-color:#D8D8D8;
  798. background-image:url(../images/gray/glass-bg.gif);
  799. border-color:#DCDCDC;
  800. }
  801. .x-date-inner .x-date-today a{
  802. border-color:darkred;
  803. }
  804. .x-date-inner .x-date-selected span{
  805. font-weight:bold;
  806. }
  807. .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
  808. color:#aaa;
  809. }
  810. .x-date-bottom {
  811. border-top-color:#AFAFAF;
  812. background-color:#D8D8D8;
  813. background:#D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px;
  814. }
  815. .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
  816. color:#000;
  817. background-color:#D8D8D8;
  818. }
  819. .x-date-inner .x-date-disabled a {
  820. background-color:#eee;
  821. color:#bbb;
  822. }
  823. .x-date-mmenu{
  824. background-color:#eee !important;
  825. }
  826. .x-date-mmenu .x-menu-item {
  827. font-size:10px;
  828. color:#000;
  829. }
  830. .x-date-mp {
  831. background-color:#fff;
  832. }
  833. .x-date-mp td {
  834. font:normal 11px arial, helvetica,tahoma,sans-serif;
  835. }
  836. .x-date-mp-btns button {
  837. background-color:#4E565F;
  838. color:#fff;
  839. border-color:#C0C0C0 #434343 #434343 #C0C0C0;
  840. font:normal 11px arial, helvetica,tahoma,sans-serif;
  841. }
  842. .x-date-mp-btns {
  843. background-color:#D8D8D8;
  844. background:#D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px;
  845. }
  846. .x-date-mp-btns td {
  847. border-top-color:#AFAFAF;
  848. }
  849. td.x-date-mp-month a,td.x-date-mp-year a {
  850. color: #333;
  851. }
  852. td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
  853. color:#333;
  854. background-color:#FDFDFD;
  855. }
  856. td.x-date-mp-sel a {
  857. background-color:#D8D8D8;
  858. background:#D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px;
  859. border-color:#DCDCDC;
  860. }
  861. .x-date-mp-ybtn a {
  862. background-image:url(../images/gray/panel/tool-sprites.gif);
  863. }
  864. td.x-date-mp-sep {
  865. border-right-color:#D7D7D7;
  866. }.x-tip .x-tip-close{
  867. background-image: url(../images/gray/qtip/close.gif);
  868. }
  869. .x-tip .x-tip-tc, .x-tip .x-tip-tl, .x-tip .x-tip-tr, .x-tip .x-tip-bc, .x-tip .x-tip-bl, .x-tip .x-tip-br, .x-tip .x-tip-ml, .x-tip .x-tip-mr {
  870. background-image: url(../images/gray/qtip/tip-sprite.gif);
  871. }
  872. .x-tip .x-tip-mc {
  873. font: normal 11px tahoma,arial,helvetica,sans-serif;
  874. }
  875. .x-tip .x-tip-ml {
  876. background-color: #fff;
  877. }
  878. .x-tip .x-tip-header-text {
  879. font: bold 11px tahoma,arial,helvetica,sans-serif;
  880. color:#444;
  881. }
  882. .x-tip .x-tip-body {
  883. font: normal 11px tahoma,arial,helvetica,sans-serif;
  884. color:#444;
  885. }
  886. .x-form-invalid-tip .x-tip-tc, .x-form-invalid-tip .x-tip-tl, .x-form-invalid-tip .x-tip-tr, .x-form-invalid-tip .x-tip-bc,
  887. .x-form-invalid-tip .x-tip-bl, .x-form-invalid-tip .x-tip-br, .x-form-invalid-tip .x-tip-ml, .x-form-invalid-tip .x-tip-mr
  888. {
  889. background-image: url(../images/default/form/error-tip-corners.gif);
  890. }
  891. .x-form-invalid-tip .x-tip-body {
  892. background-image:url(../images/default/form/exclamation.gif);
  893. }
  894. .x-tip-anchor {
  895. background-image:url(../images/gray/qtip/tip-anchor-sprite.gif);
  896. }.x-menu {
  897. background-color:#f0f0f0;
  898. background-image:url(../images/default/menu/menu.gif);
  899. }
  900. .x-menu-floating{
  901. border-color:#7D7D7D;
  902. }
  903. .x-menu-nosep {
  904. background-image:none;
  905. }
  906. .x-menu-list-item{
  907. font:normal 11px arial,tahoma,sans-serif;
  908. }
  909. .x-menu-item-arrow{
  910. background-image:url(../images/gray/menu/menu-parent.gif);
  911. }
  912. .x-menu-sep {
  913. background-color:#e0e0e0;
  914. border-bottom-color:#fff;
  915. }
  916. a.x-menu-item {
  917. color:#222;
  918. }
  919. .x-menu-item-active {
  920. background-image: url(../images/gray/menu/item-over.gif);
  921. background-color: #f1f1f1;
  922. border-color:#ACACAC;
  923. }
  924. .x-menu-item-active a.x-menu-item {
  925. border-color:#ACACAC;
  926. }
  927. .x-menu-check-item .x-menu-item-icon{
  928. background-image:url(../images/default/menu/unchecked.gif);
  929. }
  930. .x-menu-item-checked .x-menu-item-icon{
  931. background-image:url(../images/default/menu/checked.gif);
  932. }
  933. .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
  934. background-image:url(../images/gray/menu/group-checked.gif);
  935. }
  936. .x-menu-group-item .x-menu-item-icon{
  937. background-image:none;
  938. }
  939. .x-menu-plain {
  940. background-color:#fff !important;
  941. }
  942. .x-menu .x-date-picker{
  943. border-color:#AFAFAF;
  944. }
  945. .x-cycle-menu .x-menu-item-checked {
  946. border-color:#B9B9B9 !important;
  947. background-color:#F1F1F1;
  948. }
  949. .x-menu-scroller-top {
  950. background-image:url(../images/default/layout/mini-top.gif);
  951. }
  952. .x-menu-scroller-bottom {
  953. background-image:url(../images/default/layout/mini-bottom.gif);
  954. }.x-box-tl {
  955. background-image: url(../images/default/box/corners.gif);
  956. }
  957. .x-box-tc {
  958. background-image: url(../images/default/box/tb.gif);
  959. }
  960. .x-box-tr {
  961. background-image: url(../images/default/box/corners.gif);
  962. }
  963. .x-box-ml {
  964. background-image: url(../images/default/box/l.gif);
  965. }
  966. .x-box-mc {
  967. background-color: #eee;
  968. background-image: url(../images/default/box/tb.gif);
  969. font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
  970. color: #393939;
  971. font-size: 12px;
  972. }
  973. .x-box-mc h3 {
  974. font-size: 14px;
  975. font-weight: bold;
  976. }
  977. .x-box-mr {
  978. background-image: url(../images/default/box/r.gif);
  979. }
  980. .x-box-bl {
  981. background-image: url(../images/default/box/corners.gif);
  982. }
  983. .x-box-bc {
  984. background-image: url(../images/default/box/tb.gif);
  985. }
  986. .x-box-br {
  987. background-image: url(../images/default/box/corners.gif);
  988. }
  989. .x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
  990. background-image: url(../images/default/box/corners-blue.gif);
  991. }
  992. .x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
  993. background-image: url(../images/default/box/tb-blue.gif);
  994. }
  995. .x-box-blue .x-box-mc {
  996. background-color: #c3daf9;
  997. }
  998. .x-box-blue .x-box-mc h3 {
  999. color: #17385b;
  1000. }
  1001. .x-box-blue .x-box-ml {
  1002. background-image: url(../images/default/box/l-blue.gif);
  1003. }
  1004. .x-box-blue .x-box-mr {
  1005. background-image: url(../images/default/box/r-blue.gif);
  1006. }
  1007. .x-combo-list {
  1008. border-color:#ccc;
  1009. background-color:#ddd;
  1010. font:normal 12px tahoma, arial, helvetica, sans-serif;
  1011. }
  1012. .x-combo-list-inner {
  1013. background-color:#fff;
  1014. }
  1015. .x-combo-list-hd {
  1016. font:bold 11px tahoma, arial, helvetica, sans-serif;
  1017. color:#333;
  1018. background-image: url(../images/default/layout/panel-title-light-bg.gif);
  1019. border-bottom-color:#BCBCBC;
  1020. }
  1021. .x-resizable-pinned .x-combo-list-inner {
  1022. border-bottom-color:#BEBEBE;
  1023. }
  1024. .x-combo-list-item {
  1025. border-color:#fff;
  1026. }
  1027. .x-combo-list .x-combo-selected{
  1028. border-color:#777 !important;
  1029. background-color:#f0f0f0;
  1030. }
  1031. .x-combo-list .x-toolbar {
  1032. border-top-color:#BCBCBC;
  1033. }
  1034. .x-combo-list-small {
  1035. font:normal 11px tahoma, arial, helvetica, sans-serif;
  1036. }.x-panel {
  1037. border-color: #d0d0d0;
  1038. }
  1039. .x-panel-header {
  1040. color:#333;
  1041. font-weight:bold;
  1042. font-size: 11px;
  1043. font-family: tahoma,arial,verdana,sans-serif;
  1044. border-color:#d0d0d0;
  1045. background-image: url(../images/gray/panel/white-top-bottom.gif);
  1046. }
  1047. .x-panel-body {
  1048. border-color:#d0d0d0;
  1049. background-color:#fff;
  1050. }
  1051. .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
  1052. border-color:#d0d0d0;
  1053. }
  1054. .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
  1055. border-top-color:#d0d0d0;
  1056. }
  1057. .x-panel-body-noheader, .x-panel-mc .x-panel-body {
  1058. border-top-color:#d0d0d0;
  1059. }
  1060. .x-panel-tl .x-panel-header {
  1061. color:#333;
  1062. font:bold 11px tahoma,arial,verdana,sans-serif;
  1063. }
  1064. .x-panel-tc {
  1065. background-image: url(../images/gray/panel/top-bottom.gif);
  1066. }
  1067. .x-panel-tl, .x-panel-tr, .x-panel-bl, .x-panel-br{
  1068. background-image: url(../images/gray/panel/corners-sprite.gif);
  1069. border-bottom-color:#d0d0d0;
  1070. }
  1071. .x-panel-bc {
  1072. background-image: url(../images/gray/panel/top-bottom.gif);
  1073. }
  1074. .x-panel-mc {
  1075. font: normal 11px tahoma,arial,helvetica,sans-serif;
  1076. background-color:#f1f1f1;
  1077. }
  1078. .x-panel-ml {
  1079. background-color: #fff;
  1080. background-image:url(../images/gray/panel/left-right.gif);
  1081. }
  1082. .x-panel-mr {
  1083. background-image: url(../images/gray/panel/left-right.gif);
  1084. }
  1085. .x-tool {
  1086. background-image:url(../images/gray/panel/tool-sprites.gif);
  1087. }
  1088. .x-panel-ghost {
  1089. background-color:#f2f2f2;
  1090. }
  1091. .x-panel-ghost ul {
  1092. border-color:#d0d0d0;
  1093. }
  1094. .x-panel-dd-spacer {
  1095. border-color:#d0d0d0;
  1096. }
  1097. .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
  1098. font:normal 11px arial,tahoma, helvetica, sans-serif;
  1099. }
  1100. .x-window-proxy {
  1101. background-color:#fcfcfc;
  1102. border-color:#d0d0d0;
  1103. }
  1104. .x-window-tl .x-window-header {
  1105. color:#555;
  1106. font:bold 11px tahoma,arial,verdana,sans-serif;
  1107. }
  1108. .x-window-tc {
  1109. background-image: url(../images/gray/window/top-bottom.png);
  1110. }
  1111. .x-window-tl {
  1112. background-image: url(../images/gray/window/left-corners.png);
  1113. }
  1114. .x-window-tr {
  1115. background-image: url(../images/gray/window/right-corners.png);
  1116. }
  1117. .x-window-bc {
  1118. background-image: url(../images/gray/window/top-bottom.png);
  1119. }
  1120. .x-window-bl {
  1121. background-image: url(../images/gray/window/left-corners.png);
  1122. }
  1123. .x-window-br {
  1124. background-image: url(../images/gray/window/right-corners.png);
  1125. }
  1126. .x-window-mc {
  1127. border-color:#d0d0d0;
  1128. font: normal 11px tahoma,arial,helvetica,sans-serif;
  1129. background-color:#e8e8e8;
  1130. }
  1131. .x-window-ml {
  1132. background-image: url(../images/gray/window/left-right.png);
  1133. }
  1134. .x-window-mr {
  1135. background-image: url(../images/gray/window/left-right.png);
  1136. }
  1137. .x-window-maximized .x-window-tc {
  1138. background-color:#fff;
  1139. }
  1140. .x-window-bbar .x-toolbar {
  1141. border-top-color:#d0d0d0;
  1142. }
  1143. .x-panel-ghost .x-window-tl {
  1144. border-bottom-color:#d0d0d0;
  1145. }
  1146. .x-panel-collapsed .x-window-tl {
  1147. border-bottom-color:#d0d0d0;
  1148. }
  1149. .x-dlg-mask{
  1150. background-color:#ccc;
  1151. }
  1152. .x-window-plain .x-window-mc {
  1153. background-color: #E8E8E8;
  1154. border-color: #D0D0D0 #EEEEEE #EEEEEE #D0D0D0;
  1155. }
  1156. .x-window-plain .x-window-body {
  1157. border-color: #EEEEEE #D0D0D0 #D0D0D0 #EEEEEE;
  1158. }
  1159. body.x-body-masked .x-window-plain .x-window-mc {
  1160. background-color: #E4E4E4;
  1161. }
  1162. .x-html-editor-wrap {
  1163. border-color:#BCBCBC;
  1164. background-color:#fff;
  1165. }
  1166. .x-html-editor-tb .x-btn-text {
  1167. background-image:url(../images/default/editor/tb-sprite.gif);
  1168. }
  1169. .x-panel-noborder .x-panel-header-noborder {
  1170. border-bottom-color:#d0d0d0;
  1171. }
  1172. .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
  1173. border-bottom-color:#d0d0d0;
  1174. }
  1175. .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
  1176. border-top-color:#d0d0d0;
  1177. }
  1178. .x-tab-panel-bbar-noborder .x-toolbar {
  1179. border-top-color:#d0d0d0;
  1180. }
  1181. .x-tab-panel-tbar-noborder .x-toolbar {
  1182. border-bottom-color:#d0d0d0;
  1183. }
  1184. .x-border-layout-ct {
  1185. background-color:#f0f0f0;
  1186. }
  1187. .x-border-layout-ct {
  1188. background-color:#f0f0f0;
  1189. }
  1190. .x-accordion-hd {
  1191. color:#222;
  1192. font-weight:normal;
  1193. background-image: url(../images/gray/panel/light-hd.gif);
  1194. }
  1195. .x-layout-collapsed{
  1196. background-color:#dfdfdf;
  1197. border-color:#d0d0d0;
  1198. }
  1199. .x-layout-collapsed-over{
  1200. background-color:#e7e7e7;
  1201. }
  1202. .x-layout-split-west .x-layout-mini {
  1203. background-image:url(../images/default/layout/mini-left.gif);
  1204. }
  1205. .x-layout-split-east .x-layout-mini {
  1206. background-image:url(../images/default/layout/mini-right.gif);
  1207. }
  1208. .x-layout-split-north .x-layout-mini {
  1209. background-image:url(../images/default/layout/mini-top.gif);
  1210. }
  1211. .x-layout-split-south .x-layout-mini {
  1212. background-image:url(../images/default/layout/mini-bottom.gif);
  1213. }
  1214. .x-layout-cmini-west .x-layout-mini {
  1215. background-image:url(../images/default/layout/mini-right.gif);
  1216. }
  1217. .x-layout-cmini-east .x-layout-mini {
  1218. background-image:url(../images/default/layout/mini-left.gif);
  1219. }
  1220. .x-layout-cmini-north .x-layout-mini {
  1221. background-image:url(../images/default/layout/mini-bottom.gif);
  1222. }
  1223. .x-layout-cmini-south .x-layout-mini {
  1224. background-image:url(../images/default/layout/mini-top.gif);
  1225. }
  1226. .x-progress-wrap {
  1227. border-color:#8E8E8E;
  1228. }
  1229. .x-progress-inner {
  1230. background-color:#E7E7E7;
  1231. background-image:url(../images/gray/qtip/bg.gif);
  1232. }
  1233. .x-progress-bar {
  1234. background-color:#BCBCBC;
  1235. background-image:url(../images/gray/progress/progress-bg.gif);
  1236. border-top-color:#E2E2E2;
  1237. border-bottom-color:#A4A4A4;
  1238. border-right-color:#A4A4A4;
  1239. }
  1240. .x-progress-text {
  1241. font-size:11px;
  1242. font-weight:bold;
  1243. color:#fff;
  1244. }
  1245. .x-progress-text-back {
  1246. color:#5F5F5F;
  1247. }
  1248. .x-list-header{
  1249. background-color:#f9f9f9;
  1250. background-image:url(../images/gray/grid/grid3-hrow2.gif);
  1251. }
  1252. .x-list-header-inner div em {
  1253. border-left-color:#ddd;
  1254. font:normal 11px arial, tahoma, helvetica, sans-serif;
  1255. }
  1256. .x-list-body dt em {
  1257. font:normal 11px arial, tahoma, helvetica, sans-serif;
  1258. }
  1259. .x-list-over {
  1260. background-color:#eee;
  1261. }
  1262. .x-list-selected {
  1263. background-color:#f0f0f0;
  1264. }
  1265. .x-list-resizer {
  1266. border-left-color:#555;
  1267. border-right-color:#555;
  1268. }
  1269. .x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc {
  1270. background-image:url(../images/gray/grid/sort-hd.gif);
  1271. border-color: #d0d0d0;
  1272. }
  1273. .x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner {
  1274. background-image:url(../images/default/slider/slider-bg.png);
  1275. }
  1276. .x-slider-horz .x-slider-thumb {
  1277. background-image:url(../images/gray/slider/slider-thumb.png);
  1278. }
  1279. .x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner {
  1280. background-image:url(../images/default/slider/slider-v-bg.png);
  1281. }
  1282. .x-slider-vert .x-slider-thumb {
  1283. background-image:url(../images/gray/slider/slider-v-thumb.png);
  1284. }
  1285. .x-window-dlg .ext-mb-text,
  1286. .x-window-dlg .x-window-header-text {
  1287. font-size:12px;
  1288. }
  1289. .x-window-dlg .ext-mb-textarea {
  1290. font:normal 12px tahoma,arial,helvetica,sans-serif;
  1291. }
  1292. .x-window-dlg .x-msg-box-wait {
  1293. background-image:url(../images/default/grid/loading.gif);
  1294. }
  1295. .x-window-dlg .ext-mb-info {
  1296. background-image:url(../images/gray/window/icon-info.gif);
  1297. }
  1298. .x-window-dlg .ext-mb-warning {
  1299. background-image:url(../images/gray/window/icon-warning.gif);
  1300. }
  1301. .x-window-dlg .ext-mb-question {
  1302. background-image:url(../images/gray/window/icon-question.gif);
  1303. }
  1304. .x-window-dlg .ext-mb-error {
  1305. background-image:url(../images/gray/window/icon-error.gif);
  1306. }