xtheme-gray.css 38 KB

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