xtheme-access.css 41 KB

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