PageRenderTime 66ms CodeModel.GetById 17ms RepoModel.GetById 0ms app.codeStats 1ms

/hippo/src/main/webapp/ext/resources/css/ext-all.css

http://hdbc.googlecode.com/
CSS | 3402 lines | 2722 code | 603 blank | 77 comment | 0 complexity | 5e4df643ef32c44237097d81883f65e5 MD5 | raw file
  1. /*!
  2. * Ext JS Library 3.0.0
  3. * Copyright(c) 2006-2009 Ext JS, LLC
  4. * licensing@extjs.com
  5. * http://www.extjs.com/license
  6. */
  7. html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}.ext-el-mask {
  8. z-index: 100;
  9. position: absolute;
  10. top:0;
  11. left:0;
  12. -moz-opacity: 0.5;
  13. opacity: .50;
  14. filter: alpha(opacity=50);
  15. width: 100%;
  16. height: 100%;
  17. zoom: 1;
  18. }
  19. .ext-el-mask-msg {
  20. z-index: 20001;
  21. position: absolute;
  22. top: 0;
  23. left: 0;
  24. border:1px solid;
  25. background:repeat-x 0 -16px;
  26. padding:2px;
  27. }
  28. .ext-el-mask-msg div {
  29. padding:5px 10px 5px 10px;
  30. border:1px solid;
  31. cursor:wait;
  32. }
  33. .ext-shim {
  34. position:absolute;
  35. visibility:hidden;
  36. left:0;
  37. top:0;
  38. overflow:hidden;
  39. }
  40. .ext-ie .ext-shim {
  41. filter: alpha(opacity=0);
  42. }
  43. .ext-ie6 .ext-shim {
  44. margin-left: 5px;
  45. margin-top: 3px;
  46. }
  47. .x-mask-loading div {
  48. padding:5px 10px 5px 25px;
  49. background:no-repeat 5px 5px;
  50. line-height:16px;
  51. }
  52. /* class for hiding elements without using display:none */
  53. .x-hidden, .x-hide-offsets {
  54. position:absolute !important;
  55. left:-10000px;
  56. top:-10000px;
  57. visibility:hidden;
  58. }
  59. .x-hide-display {
  60. display:none !important;
  61. }
  62. .x-hide-visibility {
  63. visibility:hidden !important;
  64. }
  65. .x-masked {
  66. overflow: hidden !important;
  67. }
  68. .x-masked-relative {
  69. position: relative !important;
  70. }
  71. .x-masked select, .x-masked object, .x-masked embed {
  72. visibility: hidden;
  73. }
  74. .x-layer {
  75. visibility: hidden;
  76. }
  77. .x-unselectable, .x-unselectable * {
  78. -moz-user-select: none;
  79. -khtml-user-select: none;
  80. -webkit-user-select:ignore;
  81. }
  82. .x-repaint {
  83. zoom: 1;
  84. background-color: transparent;
  85. -moz-outline: none;
  86. }
  87. .x-item-disabled {
  88. cursor: default;
  89. opacity: .6;
  90. -moz-opacity: .6;
  91. filter: alpha(opacity=60);
  92. }
  93. .x-item-disabled * {
  94. cursor: default !important;
  95. }
  96. .x-splitbar-proxy {
  97. position: absolute;
  98. visibility: hidden;
  99. z-index: 20001;
  100. zoom: 1;
  101. line-height: 1px;
  102. font-size: 1px;
  103. overflow: hidden;
  104. }
  105. .x-splitbar-h, .x-splitbar-proxy-h {
  106. cursor: e-resize;
  107. cursor: col-resize;
  108. }
  109. .x-splitbar-v, .x-splitbar-proxy-v {
  110. cursor: s-resize;
  111. cursor: row-resize;
  112. }
  113. .x-color-palette {
  114. width: 150px;
  115. height: 92px;
  116. cursor: pointer;
  117. }
  118. .x-color-palette a {
  119. border: 1px solid;
  120. float: left;
  121. padding: 2px;
  122. text-decoration: none;
  123. -moz-outline: 0 none;
  124. outline: 0 none;
  125. cursor: pointer;
  126. }
  127. .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
  128. border: 1px solid;
  129. }
  130. .x-color-palette em {
  131. display: block;
  132. border: 1px solid;
  133. }
  134. .x-color-palette em span {
  135. cursor: pointer;
  136. display: block;
  137. height: 10px;
  138. line-height: 10px;
  139. width: 10px;
  140. }
  141. .x-ie-shadow {
  142. display: none;
  143. position: absolute;
  144. overflow: hidden;
  145. left:0;
  146. top:0;
  147. zoom:1;
  148. }
  149. .x-shadow {
  150. display: none;
  151. position: absolute;
  152. overflow: hidden;
  153. left:0;
  154. top:0;
  155. }
  156. .x-shadow * {
  157. overflow: hidden;
  158. }
  159. .x-shadow * {
  160. padding: 0;
  161. border: 0;
  162. margin: 0;
  163. clear: none;
  164. zoom: 1;
  165. }
  166. /* top bottom */
  167. .x-shadow .xstc, .x-shadow .xsbc {
  168. height: 6px;
  169. float: left;
  170. }
  171. /* corners */
  172. .x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr {
  173. width: 6px;
  174. height: 6px;
  175. float: left;
  176. }
  177. /* sides */
  178. .x-shadow .xsc {
  179. width: 100%;
  180. }
  181. .x-shadow .xsml, .x-shadow .xsmr {
  182. width: 6px;
  183. float: left;
  184. height: 100%;
  185. }
  186. .x-shadow .xsmc {
  187. float: left;
  188. height: 100%;
  189. background: transparent;
  190. }
  191. .x-shadow .xst, .x-shadow .xsb {
  192. height: 6px;
  193. overflow: hidden;
  194. width: 100%;
  195. }
  196. .x-shadow .xsml {
  197. background: transparent repeat-y 0 0;
  198. }
  199. .x-shadow .xsmr {
  200. background: transparent repeat-y -6px 0;
  201. }
  202. .x-shadow .xstl {
  203. background: transparent no-repeat 0 0;
  204. }
  205. .x-shadow .xstc {
  206. background: transparent repeat-x 0 -30px;
  207. }
  208. .x-shadow .xstr {
  209. background: transparent repeat-x 0 -18px;
  210. }
  211. .x-shadow .xsbl {
  212. background: transparent no-repeat 0 -12px;
  213. }
  214. .x-shadow .xsbc {
  215. background: transparent repeat-x 0 -36px;
  216. }
  217. .x-shadow .xsbr {
  218. background: transparent repeat-x 0 -6px;
  219. }
  220. .loading-indicator {
  221. background: no-repeat left;
  222. padding-left: 20px;
  223. line-height: 16px;
  224. margin: 3px;
  225. }
  226. .x-text-resize {
  227. position: absolute;
  228. left: -1000px;
  229. top: -1000px;
  230. visibility: hidden;
  231. zoom: 1;
  232. }
  233. .x-drag-overlay {
  234. width: 100%;
  235. height: 100%;
  236. display: none;
  237. position: absolute;
  238. left: 0;
  239. top: 0;
  240. background-image:url(../images/default/s.gif);
  241. z-index: 20000;
  242. }
  243. .x-clear {
  244. clear:both;
  245. height:0;
  246. overflow:hidden;
  247. line-height:0;
  248. font-size:0;
  249. }
  250. .x-spotlight {
  251. z-index: 8999;
  252. position: absolute;
  253. top:0;
  254. left:0;
  255. -moz-opacity: 0.5;
  256. opacity: .50;
  257. filter: alpha(opacity=50);
  258. width:0;
  259. height:0;
  260. zoom: 1;
  261. }
  262. #x-history-frame {
  263. position:absolute;
  264. top:-1px;
  265. left:0;
  266. width:1px;
  267. height:1px;
  268. visibility:hidden;
  269. }
  270. #x-history-field {
  271. position:absolute;
  272. top:0;
  273. left:-1px;
  274. width:1px;
  275. height:1px;
  276. visibility:hidden;
  277. }
  278. .x-resizable-handle {
  279. position:absolute;
  280. z-index:100;
  281. /* ie needs these */
  282. font-size:1px;
  283. line-height:6px;
  284. overflow:hidden;
  285. filter:alpha(opacity=0);
  286. opacity:0;
  287. zoom:1;
  288. }
  289. .x-resizable-handle-east{
  290. width:6px;
  291. cursor:e-resize;
  292. right:0;
  293. top:0;
  294. height:100%;
  295. }
  296. .ext-ie .x-resizable-handle-east {
  297. margin-right:-1px; /*IE rounding error*/
  298. }
  299. .x-resizable-handle-south{
  300. width:100%;
  301. cursor:s-resize;
  302. left:0;
  303. bottom:0;
  304. height:6px;
  305. }
  306. .ext-ie .x-resizable-handle-south {
  307. margin-bottom:-1px; /*IE rounding error*/
  308. }
  309. .x-resizable-handle-west{
  310. width:6px;
  311. cursor:w-resize;
  312. left:0;
  313. top:0;
  314. height:100%;
  315. }
  316. .x-resizable-handle-north{
  317. width:100%;
  318. cursor:n-resize;
  319. left:0;
  320. top:0;
  321. height:6px;
  322. }
  323. .x-resizable-handle-southeast{
  324. width:6px;
  325. cursor:se-resize;
  326. right:0;
  327. bottom:0;
  328. height:6px;
  329. z-index:101;
  330. }
  331. .x-resizable-handle-northwest{
  332. width:6px;
  333. cursor:nw-resize;
  334. left:0;
  335. top:0;
  336. height:6px;
  337. z-index:101;
  338. }
  339. .x-resizable-handle-northeast{
  340. width:6px;
  341. cursor:ne-resize;
  342. right:0;
  343. top:0;
  344. height:6px;
  345. z-index:101;
  346. }
  347. .x-resizable-handle-southwest{
  348. width:6px;
  349. cursor:sw-resize;
  350. left:0;
  351. bottom:0;
  352. height:6px;
  353. z-index:101;
  354. }
  355. .x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle{
  356. filter:alpha(opacity=100);
  357. opacity:1;
  358. }
  359. .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
  360. .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
  361. {
  362. background-position: left;
  363. }
  364. .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
  365. .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
  366. {
  367. background-position: top;
  368. }
  369. .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
  370. background-position: top left;
  371. }
  372. .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
  373. background-position:bottom right;
  374. }
  375. .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
  376. background-position: bottom left;
  377. }
  378. .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
  379. background-position: top right;
  380. }
  381. .x-resizable-proxy{
  382. border: 1px dashed;
  383. position:absolute;
  384. overflow:hidden;
  385. display:none;
  386. left:0;
  387. top:0;
  388. z-index:50000;
  389. }
  390. .x-resizable-overlay{
  391. width:100%;
  392. height:100%;
  393. display:none;
  394. position:absolute;
  395. left:0;
  396. top:0;
  397. z-index:200000;
  398. -moz-opacity: 0;
  399. opacity:0;
  400. filter: alpha(opacity=0);
  401. }
  402. .x-tab-panel {
  403. overflow:hidden;
  404. }
  405. .x-tab-panel-header, .x-tab-panel-footer {
  406. border: 1px solid;
  407. overflow:hidden;
  408. zoom:1;
  409. }
  410. .x-tab-panel-header {
  411. border: 1px solid;
  412. padding-bottom: 2px;
  413. }
  414. .x-tab-panel-footer {
  415. border: 1px solid;
  416. padding-top: 2px;
  417. }
  418. .x-tab-strip-wrap {
  419. width:100%;
  420. overflow:hidden;
  421. position:relative;
  422. zoom:1;
  423. }
  424. ul.x-tab-strip {
  425. display:block;
  426. width:5000px;
  427. zoom:1;
  428. }
  429. ul.x-tab-strip-top{
  430. padding-top: 1px;
  431. background: repeat-x bottom;
  432. border-bottom: 1px solid;
  433. }
  434. ul.x-tab-strip-bottom{
  435. padding-bottom: 1px;
  436. background: repeat-x top;
  437. border-top: 1px solid;
  438. border-bottom: 0 none;
  439. }
  440. .x-tab-panel-header-plain .x-tab-strip-top {
  441. background:transparent !important;
  442. padding-top:0 !important;
  443. }
  444. .x-tab-panel-header-plain {
  445. background:transparent !important;
  446. border-width:0 !important;
  447. padding-bottom:0 !important;
  448. }
  449. .x-tab-panel-header-plain .x-tab-strip-spacer,
  450. .x-tab-panel-footer-plain .x-tab-strip-spacer {
  451. border:1px solid;
  452. height:2px;
  453. font-size:1px;
  454. line-height:1px;
  455. }
  456. .x-tab-panel-header-plain .x-tab-strip-spacer {
  457. border-top: 0 none;
  458. }
  459. .x-tab-panel-footer-plain .x-tab-strip-spacer {
  460. border-bottom: 0 none;
  461. }
  462. .x-tab-panel-footer-plain .x-tab-strip-bottom {
  463. background:transparent !important;
  464. padding-bottom:0 !important;
  465. }
  466. .x-tab-panel-footer-plain {
  467. background:transparent !important;
  468. border-width:0 !important;
  469. padding-top:0 !important;
  470. }
  471. .ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer,
  472. .ext-border-box .x-tab-panel-footer-plain .x-tab-strip-spacer {
  473. height:3px;
  474. }
  475. ul.x-tab-strip li {
  476. float:left;
  477. margin-left:2px;
  478. }
  479. ul.x-tab-strip li.x-tab-edge {
  480. float:left;
  481. margin:0 !important;
  482. padding:0 !important;
  483. border:0 none !important;
  484. font-size:1px !important;
  485. line-height:1px !important;
  486. overflow:hidden;
  487. zoom:1;
  488. background:transparent !important;
  489. width:1px;
  490. }
  491. .x-tab-strip a, .x-tab-strip span, .x-tab-strip em {
  492. display:block;
  493. }
  494. .x-tab-strip a {
  495. text-decoration:none !important;
  496. -moz-outline: none;
  497. outline: none;
  498. cursor:pointer;
  499. }
  500. .x-tab-strip-inner {
  501. overflow:hidden;
  502. text-overflow: ellipsis;
  503. }
  504. .x-tab-strip span.x-tab-strip-text {
  505. white-space: nowrap;
  506. cursor:pointer;
  507. padding:4px 0;
  508. }
  509. .x-tab-strip-top .x-tab-with-icon .x-tab-right {
  510. padding-left:6px;
  511. }
  512. .x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
  513. padding-left:20px;
  514. background-position: 0 3px;
  515. background-repeat: no-repeat;
  516. }
  517. .x-tab-strip-active, .x-tab-strip-active a.x-tab-right {
  518. cursor:default;
  519. }
  520. .x-tab-strip-active span.x-tab-strip-text {
  521. cursor:default;
  522. }
  523. .x-tab-strip-disabled .x-tabs-text {
  524. cursor:default;
  525. }
  526. .x-tab-panel-body {
  527. overflow:hidden;
  528. }
  529. .x-tab-panel-bwrap {
  530. overflow:hidden;
  531. }
  532. .ext-ie .x-tab-strip .x-tab-right {
  533. position:relative;
  534. }
  535. .x-tab-strip-top .x-tab-strip-active .x-tab-right {
  536. margin-bottom:-1px;
  537. }
  538. /*
  539. * Horrible hack for IE8 in quirks mode
  540. */
  541. .ext-border-box .ext-ie8 .x-tab-strip .x-tab-right{
  542. top: 1px;
  543. }
  544. .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
  545. padding-bottom:5px;
  546. }
  547. .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
  548. margin-top:-1px;
  549. }
  550. .x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
  551. padding-top:5px;
  552. }
  553. .x-tab-strip-top .x-tab-right {
  554. background: transparent no-repeat 0 -51px;
  555. padding-left:10px;
  556. }
  557. .x-tab-strip-top .x-tab-left {
  558. background: transparent no-repeat right -351px;
  559. padding-right:10px;
  560. }
  561. .x-tab-strip-top .x-tab-strip-inner {
  562. background: transparent repeat-x 0 -201px;
  563. }
  564. .x-tab-strip-top .x-tab-strip-over .x-tab-right {
  565. background-position:0 -101px;
  566. }
  567. .x-tab-strip-top .x-tab-strip-over .x-tab-left {
  568. background-position:right -401px;
  569. }
  570. .x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
  571. background-position:0 -251px;
  572. }
  573. .x-tab-strip-top .x-tab-strip-active .x-tab-right {
  574. background-position: 0 0;
  575. }
  576. .x-tab-strip-top .x-tab-strip-active .x-tab-left {
  577. background-position: right -301px;
  578. }
  579. .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
  580. background-position: 0 -151px;
  581. }
  582. .x-tab-strip-bottom .x-tab-right {
  583. background: no-repeat bottom right;
  584. }
  585. .x-tab-strip-bottom .x-tab-left {
  586. background: no-repeat bottom left;
  587. }
  588. .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
  589. background: no-repeat bottom left;
  590. }
  591. .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
  592. background: no-repeat bottom right;
  593. }
  594. .x-tab-strip-bottom .x-tab-left {
  595. padding:0 10px;
  596. }
  597. .x-tab-strip-bottom .x-tab-right {
  598. padding:0;
  599. }
  600. .x-tab-strip .x-tab-strip-close {
  601. display:none;
  602. }
  603. .x-tab-strip-closable {
  604. position:relative;
  605. }
  606. .x-tab-strip-closable .x-tab-left {
  607. padding-right:19px;
  608. }
  609. .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
  610. opacity:.6;
  611. -moz-opacity:.6;
  612. background-repeat:no-repeat;
  613. display:block;
  614. width:11px;
  615. height:11px;
  616. position:absolute;
  617. top:3px;
  618. right:3px;
  619. cursor:pointer;
  620. z-index:2;
  621. }
  622. .x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
  623. opacity:.8;
  624. -moz-opacity:.8;
  625. }
  626. .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
  627. opacity:1;
  628. -moz-opacity:1;
  629. }
  630. .x-tab-panel-body {
  631. border: 1px solid;
  632. }
  633. .x-tab-panel-body-top {
  634. border-top: 0 none;
  635. }
  636. .x-tab-panel-body-bottom {
  637. border-bottom: 0 none;
  638. }
  639. .x-tab-scroller-left {
  640. background: transparent no-repeat -18px 0;
  641. border-bottom: 1px solid;
  642. width:18px;
  643. position:absolute;
  644. left:0;
  645. top:0;
  646. z-index:10;
  647. cursor:pointer;
  648. }
  649. .x-tab-scroller-left-over {
  650. background-position: 0 0;
  651. }
  652. .x-tab-scroller-left-disabled {
  653. background-position: -18px 0;
  654. opacity:.5;
  655. -moz-opacity:.5;
  656. filter:alpha(opacity=50);
  657. cursor:default;
  658. }
  659. .x-tab-scroller-right {
  660. background: transparent no-repeat 0 0;
  661. border-bottom: 1px solid;
  662. width:18px;
  663. position:absolute;
  664. right:0;
  665. top:0;
  666. z-index:10;
  667. cursor:pointer;
  668. }
  669. .x-tab-scroller-right-over {
  670. background-position: -18px 0;
  671. }
  672. .x-tab-scroller-right-disabled {
  673. background-position: 0 0;
  674. opacity:.5;
  675. -moz-opacity:.5;
  676. filter:alpha(opacity=50);
  677. cursor:default;
  678. }
  679. .x-tab-scrolling-bottom .x-tab-scroller-left, .x-tab-scrolling-bottom .x-tab-scroller-right{
  680. margin-top: 1px;
  681. }
  682. .x-tab-scrolling .x-tab-strip-wrap {
  683. margin-left:18px;
  684. margin-right:18px;
  685. }
  686. .x-tab-scrolling {
  687. position:relative;
  688. }
  689. .x-tab-panel-bbar .x-toolbar {
  690. border:1px solid;
  691. border-top:0 none;
  692. overflow:hidden;
  693. padding:2px;
  694. }
  695. .x-tab-panel-tbar .x-toolbar {
  696. border:1px solid;
  697. border-top:0 none;
  698. overflow:hidden;
  699. padding:2px;
  700. }/* all fields */
  701. .x-form-field{
  702. margin: 0 0 0 0;
  703. }
  704. .ext-webkit *:focus{
  705. outline: none !important;
  706. }
  707. /* ---- text fields ---- */
  708. .x-form-text, textarea.x-form-field{
  709. padding:1px 3px;
  710. background:repeat-x 0 0;
  711. border:1px solid;
  712. }
  713. textarea.x-form-field {
  714. padding:2px 3px;
  715. }
  716. .x-form-text, .ext-ie .x-form-file {
  717. height:22px;
  718. line-height:18px;
  719. vertical-align:middle;
  720. }
  721. .ext-ie6 .x-form-text, .ext-ie7 .x-form-text {
  722. margin:-1px 0; /* ie bogus margin bug */
  723. height:22px; /* ie quirks */
  724. line-height:18px;
  725. }
  726. .ext-ie6 textarea.x-form-field, .ext-ie7 textarea.x-form-field {
  727. margin:-1px 0; /* ie bogus margin bug */
  728. }
  729. .ext-strict .x-form-text {
  730. height:18px;
  731. }
  732. .ext-safari.ext-mac textarea.x-form-field {
  733. margin-bottom:-2px; /* another bogus margin bug, safari/mac only */
  734. }
  735. .ext-strict .ext-ie8 .x-form-text, .ext-strict .ext-ie8 textarea.x-form-field {
  736. margin-bottom: 1px;
  737. }
  738. .ext-gecko .x-form-text , .ext-ie8 .x-form-text {
  739. padding-top:2px; /* FF won't center the text vertically */
  740. padding-bottom:0;
  741. }
  742. textarea {
  743. resize: none; /* Disable browser resizable textarea */
  744. }
  745. /* select boxes */
  746. .x-form-select-one {
  747. height:20px;
  748. line-height:18px;
  749. vertical-align:middle;
  750. border: 1px solid;
  751. }
  752. /* multi select boxes */
  753. /* --- TODO --- */
  754. /* 2.0.2 style */
  755. .x-form-check-wrap {
  756. line-height:18px;
  757. }
  758. .ext-ie .x-form-check-wrap input {
  759. width:15px;
  760. height:15px;
  761. }
  762. .x-editor .x-form-check-wrap {
  763. padding:3px;
  764. }
  765. .x-editor .x-form-checkbox {
  766. height:13px;
  767. }
  768. .x-form-check-group-label {
  769. border-bottom: 1px solid;
  770. margin-bottom: 5px;
  771. padding-left: 3px !important;
  772. float: none !important;
  773. }
  774. /* wrapped fields and triggers */
  775. .x-form-field-wrap .x-form-trigger{
  776. width:17px;
  777. height:21px;
  778. border:0;
  779. background:transparent no-repeat 0 0;
  780. cursor:pointer;
  781. border-bottom: 1px solid;
  782. position:absolute;
  783. top:0;
  784. }
  785. .x-form-field-wrap .x-form-date-trigger, .x-form-field-wrap .x-form-clear-trigger, .x-form-field-wrap .x-form-search-trigger{
  786. cursor:pointer;
  787. }
  788. .ext-safari .x-form-field-wrap .x-form-trigger{
  789. right:0;
  790. }
  791. .x-form-field-wrap .x-form-twin-triggers .x-form-trigger{
  792. position:static;
  793. top:auto;
  794. vertical-align:top;
  795. }
  796. .x-form-field-wrap {
  797. position:relative;
  798. left:0;top:0;
  799. zoom:1;
  800. white-space: nowrap;
  801. }
  802. .x-form-field-wrap .x-form-trigger-over{
  803. background-position:-17px 0;
  804. }
  805. .x-form-field-wrap .x-form-trigger-click{
  806. background-position:-34px 0;
  807. }
  808. .x-trigger-wrap-focus .x-form-trigger{
  809. background-position:-51px 0;
  810. }
  811. .x-trigger-wrap-focus .x-form-trigger-over{
  812. background-position:-68px 0;
  813. }
  814. .x-trigger-wrap-focus .x-form-trigger-click{
  815. background-position:-85px 0;
  816. }
  817. .x-trigger-wrap-focus .x-form-trigger{
  818. border-bottom: 1px solid;
  819. }
  820. .x-item-disabled .x-form-trigger-over{
  821. background-position:0 0 !important;
  822. border-bottom: 1px solid;
  823. }
  824. .x-item-disabled .x-form-trigger-click{
  825. background-position:0 0 !important;
  826. border-bottom: 1px solid;
  827. }
  828. .x-trigger-noedit{
  829. cursor:pointer;
  830. }
  831. /* field focus style */
  832. .x-form-focus, textarea.x-form-focus{
  833. border: 1px solid;
  834. }
  835. /* invalid fields */
  836. .x-form-invalid, textarea.x-form-invalid{
  837. background:repeat-x bottom;
  838. border: 1px solid;
  839. }
  840. .ext-safari .x-form-invalid{
  841. border: 1px solid;
  842. }
  843. .x-form-inner-invalid, textarea.x-form-inner-invalid{
  844. background:repeat-x bottom;
  845. }
  846. /* editors */
  847. .x-editor {
  848. visibility:hidden;
  849. padding:0;
  850. margin:0;
  851. }
  852. .x-form-check-wrap {
  853. height: 22px;
  854. line-height:18px;
  855. }
  856. .ext-ie .x-form-check-wrap input {
  857. width:15px;
  858. height:15px;
  859. }
  860. .x-editor .x-form-check-wrap {
  861. padding:3px;
  862. }
  863. .x-editor .x-form-checkbox {
  864. height:13px;
  865. }
  866. .x-form-grow-sizer {
  867. left: -10000px;
  868. padding: 8px 3px;
  869. position: absolute;
  870. visibility:hidden;
  871. top: -10000px;
  872. white-space: pre-wrap;
  873. white-space: -moz-pre-wrap;
  874. white-space: -pre-wrap;
  875. white-space: -o-pre-wrap;
  876. word-wrap: break-word;
  877. zoom:1;
  878. }
  879. .x-form-grow-sizer p {
  880. margin:0 !important;
  881. border:0 none !important;
  882. padding:0 !important;
  883. }
  884. /* Form Items CSS */
  885. .x-form-item {
  886. display:block;
  887. margin-bottom:4px;
  888. zoom:1;
  889. }
  890. .x-form-item label {
  891. display:block;
  892. float:left;
  893. width:100px;
  894. padding:3px;
  895. padding-left:0;
  896. clear:left;
  897. z-index:2;
  898. position:relative;
  899. }
  900. .x-form-element {
  901. padding-left:105px;
  902. position:relative;
  903. }
  904. .x-form-invalid-msg {
  905. padding:2px;
  906. padding-left:18px;
  907. background: transparent no-repeat 0 2px;
  908. line-height:16px;
  909. width:200px;
  910. }
  911. .x-form-label-left label {
  912. text-align:left;
  913. }
  914. .x-form-label-right label {
  915. text-align:right;
  916. }
  917. .x-form-label-top .x-form-item label {
  918. width:auto;
  919. float:none;
  920. clear:none;
  921. display:inline;
  922. margin-bottom:4px;
  923. position:static;
  924. }
  925. .x-form-label-top .x-form-element {
  926. padding-left:0;
  927. padding-top:4px;
  928. }
  929. .x-form-label-top .x-form-item {
  930. padding-bottom:4px;
  931. }
  932. /* Editor small font for grid, toolbar and tree */
  933. .x-small-editor .x-form-text {
  934. height:20px;
  935. line-height:16px;
  936. vertical-align:middle;
  937. }
  938. .ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
  939. margin-top:-1px !important; /* ie bogus margin bug */
  940. margin-bottom:-1px !important;
  941. height:20px !important; /* ie quirks */
  942. line-height:16px !important;
  943. }
  944. .ext-strict .x-small-editor .x-form-text {
  945. height:16px !important;
  946. }
  947. .ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
  948. height:20px;
  949. line-height:16px;
  950. }
  951. .ext-border-box .x-small-editor .x-form-text {
  952. height:20px;
  953. }
  954. .x-small-editor .x-form-select-one {
  955. height:20px;
  956. line-height:16px;
  957. vertical-align:middle;
  958. }
  959. .x-small-editor .x-form-num-field {
  960. text-align:right;
  961. }
  962. .x-small-editor .x-form-field-wrap .x-form-trigger{
  963. height:19px;
  964. }
  965. .ext-webkit .x-small-editor .x-form-text{padding-top:3px;font-size:100%;}
  966. .x-form-clear {
  967. clear:both;
  968. height:0;
  969. overflow:hidden;
  970. line-height:0;
  971. font-size:0;
  972. }
  973. .x-form-clear-left {
  974. clear:left;
  975. height:0;
  976. overflow:hidden;
  977. line-height:0;
  978. font-size:0;
  979. }
  980. .x-form-cb-label {
  981. width:auto !important;
  982. float:none !important;
  983. clear:none !important;
  984. display:inline !important;
  985. margin-left:4px;
  986. top: -2px;
  987. }
  988. .ext-gecko2 .x-form-cb-label{
  989. top: -1px;
  990. }
  991. .ext-ie8 .x-form-cb-label{
  992. position: static;
  993. }
  994. .ext-strict .ext-ie8 .x-form-cb-label {
  995. top: -3px;
  996. position: relative;
  997. }
  998. .ext-opera .x-form-cb-label, .ext-safari3 .x-form-cb-label, .ext-ie7 .x-form-cb-label, .ext-ie6 .x-form-cb-label {
  999. top: 0;
  1000. }
  1001. .x-form-column {
  1002. float:left;
  1003. padding:0;
  1004. margin:0;
  1005. width:48%;
  1006. overflow:hidden;
  1007. zoom:1;
  1008. }
  1009. /* buttons */
  1010. .x-form .x-form-btns-ct .x-btn{
  1011. float:right;
  1012. clear:none;
  1013. }
  1014. .x-form .x-form-btns-ct .x-form-btns td {
  1015. border:0;
  1016. padding:0;
  1017. }
  1018. .x-form .x-form-btns-ct .x-form-btns-right table{
  1019. float:right;
  1020. clear:none;
  1021. }
  1022. .x-form .x-form-btns-ct .x-form-btns-left table{
  1023. float:left;
  1024. clear:none;
  1025. }
  1026. .x-form .x-form-btns-ct .x-form-btns-center{
  1027. text-align:center; /*ie*/
  1028. }
  1029. .x-form .x-form-btns-ct .x-form-btns-center table{
  1030. margin:0 auto; /*everyone else*/
  1031. }
  1032. .x-form .x-form-btns-ct table td.x-form-btn-td{
  1033. padding:3px;
  1034. }
  1035. .x-form .x-form-btns-ct .x-btn-focus .x-btn-left{
  1036. background-position:0 -147px;
  1037. }
  1038. .x-form .x-form-btns-ct .x-btn-focus .x-btn-right{
  1039. background-position:0 -168px;
  1040. }
  1041. .x-form .x-form-btns-ct .x-btn-focus .x-btn-center{
  1042. background-position:0 -189px;
  1043. }
  1044. .x-form .x-form-btns-ct .x-btn-click .x-btn-center{
  1045. background-position:0 -126px;
  1046. }
  1047. .x-form .x-form-btns-ct .x-btn-click .x-btn-right{
  1048. background-position:0 -84px;
  1049. }
  1050. .x-form .x-form-btns-ct .x-btn-click .x-btn-left{
  1051. background-position:0 -63px;
  1052. }
  1053. .x-form-invalid-icon {
  1054. width:16px;
  1055. height:18px;
  1056. visibility:hidden;
  1057. position:absolute;
  1058. left:0;
  1059. top:0;
  1060. display:block;
  1061. background:transparent no-repeat 0 2px;
  1062. }
  1063. /* fieldsets */
  1064. .x-fieldset {
  1065. border:1px solid;
  1066. padding:10px;
  1067. margin-bottom:10px;
  1068. display:block; /* preserve margins in IE */
  1069. }
  1070. /* make top of checkbox/tools visible in webkit */
  1071. .ext-webkit .x-fieldset-header {
  1072. padding-top: 1px;
  1073. }
  1074. .ext-ie .x-fieldset legend {
  1075. margin-bottom:10px;
  1076. }
  1077. .ext-ie .x-fieldset {
  1078. padding-top: 0;
  1079. padding-bottom:10px;
  1080. }
  1081. .x-fieldset legend .x-tool-toggle {
  1082. margin-right:3px;
  1083. margin-left:0;
  1084. float:left !important;
  1085. }
  1086. .x-fieldset legend input {
  1087. margin-right:3px;
  1088. float:left !important;
  1089. height:13px;
  1090. width:13px;
  1091. }
  1092. fieldset.x-panel-collapsed {
  1093. padding-bottom:0 !important;
  1094. border-width: 1px 1px 0 1px !important;
  1095. border-left-color: transparent;
  1096. border-right-color: transparent;
  1097. }
  1098. .ext-ie6 fieldset.x-panel-collapsed{
  1099. padding-bottom:0 !important;
  1100. border-width: 1px 0 0 0 !important;
  1101. margin-left: 1px;
  1102. margin-right: 1px;
  1103. }
  1104. fieldset.x-panel-collapsed .x-fieldset-bwrap {
  1105. visibility:hidden;
  1106. position:absolute;
  1107. left:-1000px;
  1108. top:-1000px;
  1109. }
  1110. .ext-ie .x-fieldset-bwrap {
  1111. zoom:1;
  1112. }
  1113. .x-fieldset-noborder {
  1114. border:0px none transparent;
  1115. }
  1116. .x-fieldset-noborder legend {
  1117. margin-left:-3px;
  1118. }
  1119. /* IE legend positioing bug */
  1120. .ext-ie .x-fieldset-noborder legend {
  1121. position: relative;
  1122. margin-bottom:23px;
  1123. }
  1124. .ext-ie .x-fieldset-noborder legend span {
  1125. position: absolute;
  1126. left:16px;
  1127. }
  1128. .ext-gecko .x-window-body .x-form-item {
  1129. -moz-outline: none;
  1130. overflow: auto;
  1131. }
  1132. .ext-gecko .x-form-item {
  1133. -moz-outline: none;
  1134. }
  1135. .x-hide-label label.x-form-item-label {
  1136. display:none;
  1137. }
  1138. .x-hide-label .x-form-element {
  1139. padding-left: 0 !important;
  1140. }
  1141. .x-fieldset {
  1142. overflow:hidden;
  1143. }
  1144. .x-fieldset-bwrap {
  1145. overflow:hidden;
  1146. zoom:1;
  1147. }
  1148. .x-fieldset-body {
  1149. overflow:hidden;
  1150. }
  1151. .x-btn{
  1152. cursor:pointer;
  1153. white-space: nowrap;
  1154. }
  1155. .x-btn button{
  1156. border:0 none;
  1157. background:transparent;
  1158. padding-left:3px;
  1159. padding-right:3px;
  1160. cursor:pointer;
  1161. margin:0;
  1162. overflow:visible;
  1163. width:auto;
  1164. -moz-outline:0 none;
  1165. outline:0 none;
  1166. }
  1167. * html .ext-ie .x-btn button {
  1168. width:1px;
  1169. }
  1170. .ext-gecko .x-btn button {
  1171. padding-left:0;
  1172. padding-right:0;
  1173. }
  1174. .ext-gecko .x-btn button::-moz-focus-inner {
  1175. padding:0;
  1176. }
  1177. .ext-ie .x-btn button {
  1178. padding-top:2px;
  1179. }
  1180. .x-btn td {
  1181. padding:0 !important;
  1182. }
  1183. .x-btn-text {
  1184. cursor:pointer;
  1185. white-space: nowrap;
  1186. padding:0;
  1187. }
  1188. /* icon placement and sizing styles */
  1189. /* Only text */
  1190. .x-btn-noicon .x-btn-small .x-btn-text{
  1191. height: 16px;
  1192. }
  1193. .x-btn-noicon .x-btn-medium .x-btn-text{
  1194. height: 24px;
  1195. }
  1196. .x-btn-noicon .x-btn-large .x-btn-text{
  1197. height: 32px;
  1198. }
  1199. /* Only icons */
  1200. .x-btn-icon .x-btn-text{
  1201. background-position: center;
  1202. background-repeat: no-repeat;
  1203. }
  1204. .x-btn-icon .x-btn-small .x-btn-text{
  1205. height: 16px;
  1206. width: 16px;
  1207. }
  1208. .x-btn-icon .x-btn-medium .x-btn-text{
  1209. height: 24px;
  1210. width: 24px;
  1211. }
  1212. .x-btn-icon .x-btn-large .x-btn-text{
  1213. height: 32px;
  1214. width: 32px;
  1215. }
  1216. /* Icons and text */
  1217. /* left */
  1218. .x-btn-text-icon .x-btn-icon-small-left .x-btn-text{
  1219. background-position: 0 center;
  1220. background-repeat: no-repeat;
  1221. padding-left:18px;
  1222. height:16px;
  1223. }
  1224. .x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{
  1225. background-position: 0 center;
  1226. background-repeat: no-repeat;
  1227. padding-left:26px;
  1228. height:24px;
  1229. }
  1230. .x-btn-text-icon .x-btn-icon-large-left .x-btn-text{
  1231. background-position: 0 center;
  1232. background-repeat: no-repeat;
  1233. padding-left:34px;
  1234. height:32px;
  1235. }
  1236. /* top */
  1237. .x-btn-text-icon .x-btn-icon-small-top .x-btn-text{
  1238. background-position: center 0;
  1239. background-repeat: no-repeat;
  1240. padding-top:18px;
  1241. }
  1242. .x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{
  1243. background-position: center 0;
  1244. background-repeat: no-repeat;
  1245. padding-top:26px;
  1246. }
  1247. .x-btn-text-icon .x-btn-icon-large-top .x-btn-text{
  1248. background-position: center 0;
  1249. background-repeat: no-repeat;
  1250. padding-top:34px;
  1251. }
  1252. /* right */
  1253. .x-btn-text-icon .x-btn-icon-small-right .x-btn-text{
  1254. background-position: right center;
  1255. background-repeat: no-repeat;
  1256. padding-right:18px;
  1257. height:16px;
  1258. }
  1259. .x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{
  1260. background-position: right center;
  1261. background-repeat: no-repeat;
  1262. padding-right:26px;
  1263. height:24px;
  1264. }
  1265. .x-btn-text-icon .x-btn-icon-large-right .x-btn-text{
  1266. background-position: right center;
  1267. background-repeat: no-repeat;
  1268. padding-right:34px;
  1269. height:32px;
  1270. }
  1271. /* bottom */
  1272. .x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{
  1273. background-position: center bottom;
  1274. background-repeat: no-repeat;
  1275. padding-bottom:18px;
  1276. }
  1277. .x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{
  1278. background-position: center bottom;
  1279. background-repeat: no-repeat;
  1280. padding-bottom:26px;
  1281. }
  1282. .x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{
  1283. background-position: center bottom;
  1284. background-repeat: no-repeat;
  1285. padding-bottom:34px;
  1286. }
  1287. /* background positioning */
  1288. .x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{
  1289. font-size:1px;
  1290. line-height:1px;
  1291. width:3px;
  1292. display:block;
  1293. overflow:hidden;
  1294. }
  1295. .x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{
  1296. height:3px;
  1297. }
  1298. .x-btn-tl{
  1299. width:3px;
  1300. height:3px;
  1301. background:no-repeat 0 0;
  1302. }
  1303. .x-btn-tr{
  1304. width:3px;
  1305. height:3px;
  1306. background:no-repeat -3px 0;
  1307. }
  1308. .x-btn-tc{
  1309. height:3px;
  1310. background:repeat-x 0 -6px;
  1311. }
  1312. .x-btn-ml{
  1313. width:3px;
  1314. background:no-repeat 0 -24px;
  1315. }
  1316. .x-btn-mr{
  1317. width:3px;
  1318. background:no-repeat -3px -24px;
  1319. }
  1320. .x-btn-mc{
  1321. background:repeat-x 0 -1096px;
  1322. vertical-align: middle;
  1323. text-align:center;
  1324. padding:0 5px;
  1325. cursor:pointer;
  1326. white-space:nowrap;
  1327. }
  1328. .x-btn-bl{
  1329. width:3px;
  1330. height:3px;
  1331. background:no-repeat 0 -3px;
  1332. }
  1333. .x-btn-br{
  1334. width:3px;
  1335. height:3px;
  1336. background:no-repeat -3px -3px;
  1337. }
  1338. .x-btn-bc{
  1339. height:3px;
  1340. background:repeat-x 0 -15px;
  1341. }
  1342. .x-btn-over .x-btn-tl{
  1343. background-position: -6px 0;
  1344. }
  1345. .x-btn-over .x-btn-tr{
  1346. background-position: -9px 0;
  1347. }
  1348. .x-btn-over .x-btn-tc{
  1349. background-position: 0 -9px;
  1350. }
  1351. .x-btn-over .x-btn-ml{
  1352. background-position: -6px -24px;
  1353. }
  1354. .x-btn-over .x-btn-mr{
  1355. background-position: -9px -24px;
  1356. }
  1357. .x-btn-over .x-btn-mc{
  1358. background-position: 0 -2168px;
  1359. }
  1360. .x-btn-over .x-btn-bl{
  1361. background-position: -6px -3px;
  1362. }
  1363. .x-btn-over .x-btn-br{
  1364. background-position: -9px -3px;
  1365. }
  1366. .x-btn-over .x-btn-bc{
  1367. background-position: 0 -18px;
  1368. }
  1369. .x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{
  1370. background-position: -12px 0;
  1371. }
  1372. .x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{
  1373. background-position: -15px 0;
  1374. }
  1375. .x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{
  1376. background-position: 0 -12px;
  1377. }
  1378. .x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{
  1379. background-position: -12px -24px;
  1380. }
  1381. .x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{
  1382. background-position: -15px -24px;
  1383. }
  1384. .x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{
  1385. background-position: 0 -3240px;
  1386. }
  1387. .x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{
  1388. background-position: -12px -3px;
  1389. }
  1390. .x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{
  1391. background-position: -15px -3px;
  1392. }
  1393. .x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{
  1394. background-position: 0 -21px;
  1395. }
  1396. .x-btn-disabled *{
  1397. cursor:default !important;
  1398. }
  1399. /* With a menu arrow */
  1400. /* right */
  1401. .x-btn-mc em.x-btn-arrow {
  1402. display:block;
  1403. background:transparent no-repeat right center;
  1404. padding-right:10px;
  1405. }
  1406. .x-btn-mc em.x-btn-split {
  1407. display:block;
  1408. background:transparent no-repeat right center;
  1409. padding-right:14px;
  1410. }
  1411. /* bottom */
  1412. .x-btn-mc em.x-btn-arrow-bottom {
  1413. display:block;
  1414. background:transparent no-repeat center bottom;
  1415. padding-bottom:14px;
  1416. }
  1417. .x-btn-mc em.x-btn-split-bottom {
  1418. display:block;
  1419. background:transparent no-repeat center bottom;
  1420. padding-bottom:14px;
  1421. }
  1422. /* height adjustment class */
  1423. .x-btn-as-arrow .x-btn-mc em {
  1424. display:block;
  1425. background:transparent;
  1426. padding-bottom:14px;
  1427. }
  1428. /* groups */
  1429. .x-btn-group {
  1430. padding:1px;
  1431. }
  1432. .x-btn-group-header {
  1433. padding:2px;
  1434. text-align:center;
  1435. }
  1436. .x-btn-group-tc {
  1437. background: transparent repeat-x 0 0;
  1438. overflow:hidden;
  1439. }
  1440. .x-btn-group-tl {
  1441. background: transparent no-repeat 0 0;
  1442. padding-left:3px;
  1443. zoom:1;
  1444. }
  1445. .x-btn-group-tr {
  1446. background: transparent no-repeat right 0;
  1447. zoom:1;
  1448. padding-right:3px;
  1449. }
  1450. .x-btn-group-bc {
  1451. background: transparent repeat-x 0 bottom;
  1452. zoom:1;
  1453. }
  1454. .x-btn-group-bc .x-panel-footer {
  1455. zoom:1;
  1456. }
  1457. .x-btn-group-bl {
  1458. background: transparent no-repeat 0 bottom;
  1459. padding-left:3px;
  1460. zoom:1;
  1461. }
  1462. .x-btn-group-br {
  1463. background: transparent no-repeat right bottom;
  1464. padding-right:3px;
  1465. zoom:1;
  1466. }
  1467. .x-btn-group-mc {
  1468. border:0 none;
  1469. padding:1px 0 0 0;
  1470. margin:0;
  1471. }
  1472. .x-btn-group-mc .x-btn-group-body {
  1473. background:transparent;
  1474. border: 0 none;
  1475. }
  1476. .x-btn-group-ml {
  1477. background: transparent repeat-y 0 0;
  1478. padding-left:3px;
  1479. zoom:1;
  1480. }
  1481. .x-btn-group-mr {
  1482. background: transparent repeat-y right 0;
  1483. padding-right:3px;
  1484. zoom:1;
  1485. }
  1486. .x-btn-group-bc .x-btn-group-footer {
  1487. padding-bottom:6px;
  1488. }
  1489. .x-panel-nofooter .x-btn-group-bc {
  1490. height:3px;
  1491. font-size:0;
  1492. line-height:0;
  1493. }
  1494. .x-btn-group-bwrap {
  1495. overflow:hidden;
  1496. zoom:1;
  1497. }
  1498. .x-btn-group-body {
  1499. overflow:hidden;
  1500. zoom:1;
  1501. }
  1502. .x-btn-group-notitle .x-btn-group-tc {
  1503. background: transparent repeat-x 0 0;
  1504. overflow:hidden;
  1505. height:2px;
  1506. }.x-toolbar{
  1507. border-style:solid;
  1508. border-width:0 0 1px 0;
  1509. display: block;
  1510. padding:2px;
  1511. background:repeat-x top left;
  1512. position:relative;
  1513. left:0;
  1514. top:0;
  1515. zoom:1;
  1516. overflow:hidden;
  1517. }
  1518. .x-toolbar .x-item-disabled .x-btn-icon {
  1519. opacity: .35;
  1520. -moz-opacity: .35;
  1521. filter: alpha(opacity=35);
  1522. }
  1523. .x-toolbar td {
  1524. vertical-align:middle;
  1525. }
  1526. .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
  1527. white-space: nowrap;
  1528. }
  1529. .x-toolbar .x-item-disabled {
  1530. cursor:default;
  1531. opacity:.6;
  1532. -moz-opacity:.6;
  1533. filter:alpha(opacity=60);
  1534. }
  1535. .x-toolbar .x-item-disabled * {
  1536. cursor:default;
  1537. }
  1538. .x-toolbar .x-toolbar-cell {
  1539. vertical-align:middle;
  1540. }
  1541. .x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr,
  1542. .x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc
  1543. {
  1544. background-position: 500px 500px;
  1545. }
  1546. /* These rules are duplicated from button.css to give priority of x-toolbar rules above */
  1547. .x-toolbar .x-btn-over .x-btn-tl{
  1548. background-position: -6px 0;
  1549. }
  1550. .x-toolbar .x-btn-over .x-btn-tr{
  1551. background-position: -9px 0;
  1552. }
  1553. .x-toolbar .x-btn-over .x-btn-tc{
  1554. background-position: 0 -9px;
  1555. }
  1556. .x-toolbar .x-btn-over .x-btn-ml{
  1557. background-position: -6px -24px;
  1558. }
  1559. .x-toolbar .x-btn-over .x-btn-mr{
  1560. background-position: -9px -24px;
  1561. }
  1562. .x-toolbar .x-btn-over .x-btn-mc{
  1563. background-position: 0 -2168px;
  1564. }
  1565. .x-toolbar .x-btn-over .x-btn-bl{
  1566. background-position: -6px -3px;
  1567. }
  1568. .x-toolbar .x-btn-over .x-btn-br{
  1569. background-position: -9px -3px;
  1570. }
  1571. .x-toolbar .x-btn-over .x-btn-bc{
  1572. background-position: 0 -18px;
  1573. }
  1574. .x-toolbar .x-btn-click .x-btn-tl, .x-toolbar .x-btn-menu-active .x-btn-tl, .x-toolbar .x-btn-pressed .x-btn-tl{
  1575. background-position: -12px 0;
  1576. }
  1577. .x-toolbar .x-btn-click .x-btn-tr, .x-toolbar .x-btn-menu-active .x-btn-tr, .x-toolbar .x-btn-pressed .x-btn-tr{
  1578. background-position: -15px 0;
  1579. }
  1580. .x-toolbar .x-btn-click .x-btn-tc, .x-toolbar .x-btn-menu-active .x-btn-tc, .x-toolbar .x-btn-pressed .x-btn-tc{
  1581. background-position: 0 -12px;
  1582. }
  1583. .x-toolbar .x-btn-click .x-btn-ml, .x-toolbar .x-btn-menu-active .x-btn-ml, .x-toolbar .x-btn-pressed .x-btn-ml{
  1584. background-position: -12px -24px;
  1585. }
  1586. .x-toolbar .x-btn-click .x-btn-mr, .x-toolbar .x-btn-menu-active .x-btn-mr, .x-toolbar .x-btn-pressed .x-btn-mr{
  1587. background-position: -15px -24px;
  1588. }
  1589. .x-toolbar .x-btn-click .x-btn-mc, .x-toolbar .x-btn-menu-active .x-btn-mc, .x-toolbar .x-btn-pressed .x-btn-mc{
  1590. background-position: 0 -3240px;
  1591. }
  1592. .x-toolbar .x-btn-click .x-btn-bl, .x-toolbar .x-btn-menu-active .x-btn-bl, .x-toolbar .x-btn-pressed .x-btn-bl{
  1593. background-position: -12px -3px;
  1594. }
  1595. .x-toolbar .x-btn-click .x-btn-br, .x-toolbar .x-btn-menu-active .x-btn-br, .x-toolbar .x-btn-pressed .x-btn-br{
  1596. background-position: -15px -3px;
  1597. }
  1598. .x-toolbar .x-btn-click .x-btn-bc, .x-toolbar .x-btn-menu-active .x-btn-bc, .x-toolbar .x-btn-pressed .x-btn-bc{
  1599. background-position: 0 -21px;
  1600. }
  1601. .x-toolbar div.xtb-text{
  1602. padding:2px 2px 0;
  1603. line-height:16px;
  1604. display:block;
  1605. }
  1606. .x-toolbar .xtb-sep {
  1607. background-position: center;
  1608. background-repeat: no-repeat;
  1609. display: block;
  1610. font-size: 1px;
  1611. height: 16px;
  1612. width:4px;
  1613. overflow: hidden;
  1614. cursor:default;
  1615. margin: 0 2px 0;
  1616. border:0;
  1617. }
  1618. .x-toolbar .xtb-spacer {
  1619. width:2px;
  1620. }
  1621. /* Paging Toolbar */
  1622. .x-tbar-page-number{
  1623. width:30px;
  1624. height:14px;
  1625. }
  1626. .ext-ie .x-tbar-page-number{
  1627. margin-top: 2px;
  1628. }
  1629. .x-paging-info {
  1630. position:absolute;
  1631. top:5px;
  1632. right: 8px;
  1633. }
  1634. /* floating */
  1635. .x-toolbar-ct {
  1636. width:100%;
  1637. }
  1638. .x-toolbar-right td {
  1639. text-align: center;
  1640. }
  1641. .x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar {
  1642. overflow:hidden;
  1643. zoom:1;
  1644. }
  1645. .x-toolbar-more .x-btn-small .x-btn-text{
  1646. height: 16px;
  1647. width: 12px;
  1648. }
  1649. .x-toolbar-more em.x-btn-arrow {
  1650. display:inline;
  1651. background:transparent;
  1652. padding-right:0;
  1653. }
  1654. .x-toolbar-more .x-btn-mc em.x-btn-arrow {
  1655. background-image: none;
  1656. }
  1657. div.x-toolbar-no-items {
  1658. color:gray !important;
  1659. padding:5px 10px !important;
  1660. }
  1661. /* fix ie toolbar form items */
  1662. .ext-border-box .x-toolbar-cell .x-form-text {
  1663. margin-bottom:-1px !important;
  1664. }
  1665. .ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text {
  1666. margin:0 !important;
  1667. }
  1668. .ext-ie .x-toolbar-cell .x-form-field-wrap {
  1669. height:21px;
  1670. }
  1671. .ext-ie .x-toolbar-cell .x-form-text {
  1672. position:relative;
  1673. top:-1px;
  1674. }
  1675. .ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text, .ext-strict .ext-ie .x-toolbar-cell .x-form-text {
  1676. top: 0px;
  1677. }
  1678. .x-toolbar-right td .x-form-field-trigger-wrap{
  1679. text-align: left;
  1680. }
  1681. .x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{
  1682. vertical-align: top;
  1683. margin-top: 5px;
  1684. }
  1685. .ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{
  1686. margin-top: 4px;
  1687. }
  1688. .x-toolbar-cell .x-form-check-wrap label{
  1689. vertical-align: bottom;
  1690. }
  1691. /* StatusBar */
  1692. .x-statusbar .x-status-text {
  1693. height: 21px;
  1694. line-height: 21px;
  1695. padding: 0 4px;
  1696. cursor: default;
  1697. }
  1698. .x-statusbar .x-status-busy {
  1699. padding-left: 25px;
  1700. background: transparent no-repeat 3px 3px;
  1701. }
  1702. .x-statusbar .x-status-text-panel {
  1703. border-top: 1px solid;
  1704. border-right: 1px solid;
  1705. border-bottom: 1px solid;
  1706. border-left: 1px solid;
  1707. padding: 2px 8px 2px 5px;
  1708. }.x-toolbar{
  1709. border-style:solid;
  1710. border-width:0 0 1px 0;
  1711. display: block;
  1712. padding:2px;
  1713. background:repeat-x top left;
  1714. position:relative;
  1715. left:0;
  1716. top:0;
  1717. zoom:1;
  1718. overflow:hidden;
  1719. }
  1720. .x-toolbar .x-item-disabled .x-btn-icon {
  1721. opacity: .35;
  1722. -moz-opacity: .35;
  1723. filter: alpha(opacity=35);
  1724. }
  1725. .x-toolbar td {
  1726. vertical-align:middle;
  1727. }
  1728. .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
  1729. white-space: nowrap;
  1730. }
  1731. .x-toolbar .x-item-disabled {
  1732. cursor:default;
  1733. opacity:.6;
  1734. -moz-opacity:.6;
  1735. filter:alpha(opacity=60);
  1736. }
  1737. .x-toolbar .x-item-disabled * {
  1738. cursor:default;
  1739. }
  1740. .x-toolbar .x-toolbar-cell {
  1741. vertical-align:middle;
  1742. }
  1743. .x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr,
  1744. .x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc
  1745. {
  1746. background-position: 500px 500px;
  1747. }
  1748. /* These rules are duplicated from button.css to give priority of x-toolbar rules above */
  1749. .x-toolbar .x-btn-over .x-btn-tl{
  1750. background-position: -6px 0;
  1751. }
  1752. .x-toolbar .x-btn-over .x-btn-tr{
  1753. background-position: -9px 0;
  1754. }
  1755. .x-toolbar .x-btn-over .x-btn-tc{
  1756. background-position: 0 -9px;
  1757. }
  1758. .x-toolbar .x-btn-over .x-btn-ml{
  1759. background-position: -6px -24px;
  1760. }
  1761. .x-toolbar .x-btn-over .x-btn-mr{
  1762. background-position: -9px -24px;
  1763. }
  1764. .x-toolbar .x-btn-over .x-btn-mc{
  1765. background-position: 0 -2168px;
  1766. }
  1767. .x-toolbar .x-btn-over .x-btn-bl{
  1768. background-position: -6px -3px;
  1769. }
  1770. .x-toolbar .x-btn-over .x-btn-br{
  1771. background-position: -9px -3px;
  1772. }
  1773. .x-toolbar .x-btn-over .x-btn-bc{
  1774. background-position: 0 -18px;
  1775. }
  1776. .x-toolbar .x-btn-click .x-btn-tl, .x-toolbar .x-btn-menu-active .x-btn-tl, .x-toolbar .x-btn-pressed .x-btn-tl{
  1777. background-position: -12px 0;
  1778. }
  1779. .x-toolbar .x-btn-click .x-btn-tr, .x-toolbar .x-btn-menu-active .x-btn-tr, .x-toolbar .x-btn-pressed .x-btn-tr{
  1780. background-position: -15px 0;
  1781. }
  1782. .x-toolbar .x-btn-click .x-btn-tc, .x-toolbar .x-btn-menu-active .x-btn-tc, .x-toolbar .x-btn-pressed .x-btn-tc{
  1783. background-position: 0 -12px;
  1784. }
  1785. .x-toolbar .x-btn-click .x-btn-ml, .x-toolbar .x-btn-menu-active .x-btn-ml, .x-toolbar .x-btn-pressed .x-btn-ml{
  1786. background-position: -12px -24px;
  1787. }
  1788. .x-toolbar .x-btn-click .x-btn-mr, .x-toolbar .x-btn-menu-active .x-btn-mr, .x-toolbar .x-btn-pressed .x-btn-mr{
  1789. background-position: -15px -24px;
  1790. }
  1791. .x-toolbar .x-btn-click .x-btn-mc, .x-toolbar .x-btn-menu-active .x-btn-mc, .x-toolbar .x-btn-pressed .x-btn-mc{
  1792. background-position: 0 -3240px;
  1793. }
  1794. .x-toolbar .x-btn-click .x-btn-bl, .x-toolbar .x-btn-menu-active .x-btn-bl, .x-toolbar .x-btn-pressed .x-btn-bl{
  1795. background-position: -12px -3px;
  1796. }
  1797. .x-toolbar .x-btn-click .x-btn-br, .x-toolbar .x-btn-menu-active .x-btn-br, .x-toolbar .x-btn-pressed .x-btn-br{
  1798. background-position: -15px -3px;
  1799. }
  1800. .x-toolbar .x-btn-click .x-btn-bc, .x-toolbar .x-btn-menu-active .x-btn-bc, .x-toolbar .x-btn-pressed .x-btn-bc{
  1801. background-position: 0 -21px;
  1802. }
  1803. .x-toolbar div.xtb-text{
  1804. padding:2px 2px 0;
  1805. line-height:16px;
  1806. display:block;
  1807. }
  1808. .x-toolbar .xtb-sep {
  1809. background-position: center;
  1810. background-repeat: no-repeat;
  1811. display: block;
  1812. font-size: 1px;
  1813. height: 16px;
  1814. width:4px;
  1815. overflow: hidden;
  1816. cursor:default;
  1817. margin: 0 2px 0;
  1818. border:0;
  1819. }
  1820. .x-toolbar .xtb-spacer {
  1821. width:2px;
  1822. }
  1823. /* Paging Toolbar */
  1824. .x-tbar-page-number{
  1825. width:30px;
  1826. height:14px;
  1827. }
  1828. .ext-ie .x-tbar-page-number{
  1829. margin-top: 2px;
  1830. }
  1831. .x-paging-info {
  1832. position:absolute;
  1833. top:5px;
  1834. right: 8px;
  1835. }
  1836. /* floating */
  1837. .x-toolbar-ct {
  1838. width:100%;
  1839. }
  1840. .x-toolbar-right td {
  1841. text-align: center;
  1842. }
  1843. .x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar {
  1844. overflow:hidden;
  1845. zoom:1;
  1846. }
  1847. .x-toolbar-more .x-btn-small .x-btn-text{
  1848. height: 16px;
  1849. width: 12px;
  1850. }
  1851. .x-toolbar-more em.x-btn-arrow {
  1852. display:inline;
  1853. background:transparent;
  1854. padding-right:0;
  1855. }
  1856. .x-toolbar-more .x-btn-mc em.x-btn-arrow {
  1857. background-image: none;
  1858. }
  1859. div.x-toolbar-no-items {
  1860. color:gray !important;
  1861. padding:5px 10px !important;
  1862. }
  1863. /* fix ie toolbar form items */
  1864. .ext-border-box .x-toolbar-cell .x-form-text {
  1865. margin-bottom:-1px !important;
  1866. }
  1867. .ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text {
  1868. margin:0 !important;
  1869. }
  1870. .ext-ie .x-toolbar-cell .x-form-field-wrap {
  1871. height:21px;
  1872. }
  1873. .ext-ie .x-toolbar-cell .x-form-text {
  1874. position:relative;
  1875. top:-1px;
  1876. }
  1877. .ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text, .ext-strict .ext-ie .x-toolbar-cell .x-form-text {
  1878. top: 0px;
  1879. }
  1880. .x-toolbar-right td .x-form-field-trigger-wrap{
  1881. text-align: left;
  1882. }
  1883. .x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{
  1884. vertical-align: top;
  1885. margin-top: 5px;
  1886. }
  1887. .ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{
  1888. margin-top: 4px;
  1889. }
  1890. .x-toolbar-cell .x-form-check-wrap label{
  1891. vertical-align: bottom;
  1892. }
  1893. /* StatusBar */
  1894. .x-statusbar .x-status-text {
  1895. height: 21px;
  1896. line-height: 21px;
  1897. padding: 0 4px;
  1898. cursor: default;
  1899. }
  1900. .x-statusbar .x-status-busy {
  1901. padding-left: 25px;
  1902. background: transparent no-repeat 3px 3px;
  1903. }
  1904. .x-statusbar .x-status-text-panel {
  1905. border-top: 1px solid;
  1906. border-right: 1px solid;
  1907. border-bottom: 1px solid;
  1908. border-left: 1px solid;
  1909. padding: 2px 8px 2px 5px;
  1910. }/* Grid3 styles */
  1911. .x-grid3 {
  1912. position:relative;
  1913. overflow:hidden;
  1914. }
  1915. .x-grid-panel .x-panel-body {
  1916. overflow:hidden !important;
  1917. }
  1918. .x-grid-panel .x-panel-mc .x-panel-body {
  1919. border:1px solid;
  1920. }
  1921. .x-grid3 table {
  1922. table-layout:fixed;
  1923. }
  1924. .x-grid3-viewport{
  1925. overflow:hidden;
  1926. }
  1927. .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
  1928. -moz-outline: none;
  1929. -moz-user-focus: normal;
  1930. }
  1931. .x-grid3-row td, .x-grid3-summary-row td {
  1932. line-height:13px;
  1933. vertical-align: top;
  1934. padding-left:1px;
  1935. padding-right:1px;
  1936. -moz-user-select: none;
  1937. -khtml-user-select:none;
  1938. -webkit-user-select:ignore;
  1939. }
  1940. .x-grid3-cell{
  1941. -moz-user-select: none;
  1942. -khtml-user-select:none;
  1943. -webkit-user-select:ignore;
  1944. }
  1945. .x-grid3-hd-row td {
  1946. line-height:15px;
  1947. vertical-align:middle;
  1948. border-left:1px solid;
  1949. border-right:1px solid;
  1950. }
  1951. .x-grid3-hd-row .x-grid3-marker-hd {
  1952. padding:3px;
  1953. }
  1954. .x-grid3-row .x-grid3-marker {
  1955. padding:3px;
  1956. }
  1957. .x-grid3-cell-inner, .x-grid3-hd-inner{
  1958. overflow:hidden;
  1959. -o-text-overflow: ellipsis;
  1960. text-overflow: ellipsis;
  1961. padding:3px 3px 3px 5px;
  1962. white-space: nowrap;
  1963. }
  1964. .x-grid3-hd-inner {
  1965. position:relative;
  1966. cursor:inherit;
  1967. padding:4px 3px 4px 5px;
  1968. }
  1969. .x-grid3-row-body {
  1970. white-space:normal;
  1971. }
  1972. .x-grid3-body-cell {
  1973. -moz-outline:0 none;
  1974. outline:0 none;
  1975. }
  1976. /* IE Quirks to clip */
  1977. .ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{
  1978. width:100%;
  1979. }
  1980. /* reverse above in strict mode */
  1981. .ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{
  1982. width:auto;
  1983. }
  1984. .x-grid-row-loading {
  1985. background: no-repeat center center;
  1986. }
  1987. .x-grid-page {
  1988. overflow:hidden;
  1989. }
  1990. .x-grid3-row {
  1991. cursor: default;
  1992. border: 1px solid;
  1993. width:100%;
  1994. }
  1995. .x-grid3-row-over {
  1996. border:1px solid;
  1997. background: repeat-x left top;
  1998. }
  1999. .x-grid3-resize-proxy {
  2000. width:1px;
  2001. left:0;
  2002. cursor: e-resize;
  2003. cursor: col-resize;
  2004. position:absolute;
  2005. top:0;
  2006. height:100px;
  2007. overflow:hidden;
  2008. visibility:hidden;
  2009. border:0 none;
  2010. z-index:7;
  2011. }
  2012. .x-grid3-resize-marker {
  2013. width:1px;
  2014. left:0;
  2015. position:absolute;
  2016. top:0;
  2017. height:100px;
  2018. overflow:hidden;
  2019. visibility:hidden;
  2020. border:0 none;
  2021. z-index:7;
  2022. }
  2023. .x-grid3-focus {
  2024. position:absolute;
  2025. left:0;
  2026. top:0;
  2027. width:1px;
  2028. height:1px;
  2029. line-height:1px;
  2030. font-size:1px;
  2031. -moz-outline:0 none;
  2032. outline:0 none;
  2033. -moz-user-select: text;
  2034. -khtml-user-select: text;
  2035. -webkit-user-select:ignore;
  2036. }
  2037. /* header styles */
  2038. .x-grid3-header{
  2039. background: repeat-x 0 bottom;
  2040. cursor:default;
  2041. zoom:1;
  2042. padding:1px 0 0 0;
  2043. }
  2044. .x-grid3-header-pop {
  2045. border-left:1px solid;
  2046. float:right;
  2047. clear:none;
  2048. }
  2049. .x-grid3-header-pop-inner {
  2050. border-left:1px solid;
  2051. width:14px;
  2052. height:19px;
  2053. background: transparent no-repeat center center;
  2054. }
  2055. .ext-ie .x-grid3-header-pop-inner {
  2056. width:15px;
  2057. }
  2058. .ext-strict .x-grid3-header-pop-inner {
  2059. width:14px;
  2060. }
  2061. .x-grid3-header-inner {
  2062. overflow:hidden;
  2063. zoom:1;
  2064. float:left;
  2065. }
  2066. .x-grid3-header-offset {
  2067. padding-left:1px;
  2068. text-align: left;
  2069. }
  2070. td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
  2071. border-left:1px solid;
  2072. border-right:1px solid;
  2073. }
  2074. 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 {
  2075. background: repeat-x left bottom;
  2076. }
  2077. .x-grid3-sort-icon{
  2078. background-repeat: no-repeat;
  2079. display: none;
  2080. height: 4px;
  2081. width: 13px;
  2082. margin-left:3px;
  2083. vertical-align: middle;
  2084. }
  2085. .sort-asc .x-grid3-sort-icon, .sort-desc .x-grid3-sort-icon {
  2086. display: inline;
  2087. }
  2088. /* Header position fixes for IE strict mode */
  2089. .ext-strict .ext-ie .x-grid3-header-inner, .ext-strict .ext-ie6 .x-grid3-hd {
  2090. position:relative;
  2091. }
  2092. .ext-strict .ext-ie6 .x-grid3-hd-inner{
  2093. position:static;
  2094. }
  2095. /* Body Styles */
  2096. .x-grid3-body {
  2097. zoom:1;
  2098. }
  2099. .x-grid3-scroller {
  2100. overflow:auto;
  2101. zoom:1;
  2102. position:relative;
  2103. }
  2104. .x-grid3-cell-text, .x-grid3-hd-text {
  2105. display: block;
  2106. padding: 3px 5px 3px 5px;
  2107. -moz-user-select: none;
  2108. -khtml-user-select: none;
  2109. -webkit-user-select:ignore;
  2110. }
  2111. .x-grid3-split {
  2112. background-position: center;
  2113. background-repeat: no-repeat;
  2114. cursor: e-resize;
  2115. cursor: col-resize;
  2116. display: block;
  2117. font-size: 1px;
  2118. height: 16px;
  2119. overflow: hidden;
  2120. position: absolute;
  2121. top: 2px;
  2122. width: 6px;
  2123. z-index: 3;
  2124. }
  2125. /* Column Reorder DD */
  2126. .x-dd-drag-proxy .x-grid3-hd-inner{
  2127. background: repeat-x left bottom;
  2128. width:120px;
  2129. padding:3px;
  2130. border:1px solid;
  2131. overflow:hidden;
  2132. }
  2133. .col-move-top, .col-move-bottom{
  2134. width:9px;
  2135. height:9px;
  2136. position:absolute;
  2137. top:0;
  2138. line-height:1px;
  2139. font-size:1px;
  2140. overflow:hidden;
  2141. visibility:hidden;
  2142. z-index:20000;
  2143. background:transparent no-repeat left top;
  2144. }
  2145. /* Selection Styles */
  2146. .x-grid3-row-selected {
  2147. border:1px dotted;
  2148. }
  2149. .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
  2150. background: repeat-x 0 bottom !important;
  2151. vertical-align:middle !important;
  2152. padding:0;
  2153. border-top:1px solid;
  2154. border-bottom:none !important;
  2155. border-right:1px solid !important;
  2156. text-align:center;
  2157. }
  2158. .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
  2159. padding:0 4px;
  2160. text-align:center;
  2161. }
  2162. /* dirty cells */
  2163. .x-grid3-dirty-cell {
  2164. background: transparent no-repeat 0 0;
  2165. }
  2166. /* Grid Toolbars */
  2167. .x-grid3-topbar, .x-grid3-bottombar{
  2168. overflow:hidden;
  2169. display:none;
  2170. zoom:1;
  2171. position:relative;
  2172. }
  2173. .x-grid3-topbar .x-toolbar{
  2174. border-right:0 none;
  2175. }
  2176. .x-grid3-bottombar .x-toolbar{
  2177. border-right:0 none;
  2178. border-bottom:0 none;
  2179. border-top:1px solid;
  2180. }
  2181. /* Props Grid Styles */
  2182. .x-props-grid .x-grid3-cell{
  2183. padding:1px;
  2184. }
  2185. .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
  2186. background:transparent repeat-y -16px !important;
  2187. padding-left:12px;
  2188. }
  2189. .x-props-grid .x-grid3-body .x-grid3-td-name{
  2190. padding:1px;
  2191. padding-right:0;
  2192. border:0 none;
  2193. border-right:1px solid;
  2194. }
  2195. /* dd */
  2196. .x-grid3-col-dd {
  2197. border:0 none;
  2198. padding:0;
  2199. background:transparent;
  2200. }
  2201. .x-dd-drag-ghost .x-grid3-dd-wrap {
  2202. padding:1px 3px 3px 1px;
  2203. }
  2204. .x-grid3-hd {
  2205. -moz-user-select:none;
  2206. -khtml-user-select:none;
  2207. -webkit-user-select:ignore;
  2208. }
  2209. .x-grid3-hd-btn {
  2210. display:none;
  2211. position:absolute;
  2212. width:14px;
  2213. background:no-repeat left center;
  2214. right:0;
  2215. top:0;
  2216. z-index:2;
  2217. cursor:pointer;
  2218. }
  2219. .x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn {
  2220. display:block;
  2221. }
  2222. a.x-grid3-hd-btn:hover {
  2223. background-position:-14px center;
  2224. }
  2225. /* Expanders */
  2226. .x-grid3-body .x-grid3-td-expander {
  2227. background:transparent repeat-y right;
  2228. }
  2229. .x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {
  2230. padding:0 !important;
  2231. height:100%;
  2232. }
  2233. .x-grid3-row-expander {
  2234. width:100%;
  2235. height:18px;
  2236. background-position:4px 2px;
  2237. background-repeat:no-repeat;
  2238. background-color:transparent;
  2239. }
  2240. .x-grid3-row-collapsed .x-grid3-row-expander {
  2241. background-position:4px 2px;
  2242. }
  2243. .x-grid3-row-expanded .x-grid3-row-expander {
  2244. background-position:-21px 2px;
  2245. }
  2246. .x-grid3-row-collapsed .x-grid3-row-body {
  2247. display:none !important;
  2248. }
  2249. .x-grid3-row-expanded .x-grid3-row-body {
  2250. display:block !important;
  2251. }
  2252. /* Checkers */
  2253. .x-grid3-body .x-grid3-td-checker {
  2254. background:transparent repeat-y right;
  2255. }
  2256. .x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {
  2257. padding:0 !important;
  2258. height:100%;
  2259. }
  2260. .x-grid3-row-checker, .x-grid3-hd-checker {
  2261. width:100%;
  2262. height:18px;
  2263. background-position:2px 2px;
  2264. background-repeat:no-repeat;
  2265. background-color:transparent;
  2266. }
  2267. .x-grid3-row .x-grid3-row-checker {
  2268. background-position:2px 2px;
  2269. }
  2270. .x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker,.x-grid3-row-checked .x-grid3-row-checker {
  2271. background-position:-23px 2px;
  2272. }
  2273. .x-grid3-hd-checker {
  2274. background-position:2px 3px;
  2275. }
  2276. .x-grid3-hd-checker-on .x-grid3-hd-checker {
  2277. background-position:-23px 3px;
  2278. }
  2279. /* Numberer */
  2280. .x-grid3-body .x-grid3-td-numberer {
  2281. background:transparent repeat-y right;
  2282. }
  2283. .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
  2284. padding:3px 5px 0 0 !important;
  2285. text-align:right;
  2286. }
  2287. /* Row Icon */
  2288. .x-grid3-body .x-grid3-td-row-icon {
  2289. background:transparent repeat-y right;
  2290. vertical-align:top;
  2291. text-align:center;
  2292. }
  2293. .x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner {
  2294. padding:0 !important;
  2295. background-position:center center;
  2296. background-repeat:no-repeat;
  2297. width:16px;
  2298. height:16px;
  2299. margin-left:2px;
  2300. margin-top:3px;
  2301. }
  2302. /* All specials */
  2303. .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
  2304. .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
  2305. .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
  2306. background:transparent repeat-y right;
  2307. }
  2308. .x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner {
  2309. padding: 1px 0 0 0 !important;
  2310. }
  2311. .x-grid3-check-col {
  2312. width:100%;
  2313. height:16px;
  2314. background-position:center center;
  2315. background-repeat:no-repeat;
  2316. background-color:transparent;
  2317. }
  2318. .x-grid3-check-col-on {
  2319. width:100%;
  2320. height:16px;
  2321. background-position:center center;
  2322. background-repeat:no-repeat;
  2323. background-color:transparent;
  2324. }
  2325. /* Grouping classes */
  2326. .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
  2327. zoom:1;
  2328. }
  2329. .x-grid-group-hd {
  2330. border-bottom: 2px solid;
  2331. cursor:pointer;
  2332. padding-top:6px;
  2333. }
  2334. .x-grid-group-hd div.x-grid-group-title {
  2335. background:transparent no-repeat 3px 3px;
  2336. padding:4px 4px 4px 17px;
  2337. }
  2338. .x-grid-group-collapsed .x-grid-group-body {
  2339. display:none;
  2340. }
  2341. .ext-ie6 .x-grid3 .x-editor .x-form-text, .ext-ie7 .x-grid3 .x-editor .x-form-text {
  2342. position:relative;
  2343. top:-1px;
  2344. }
  2345. .ext-ie .x-props-grid .x-editor .x-form-text {
  2346. position:static;
  2347. top:0;
  2348. }
  2349. .x-grid-empty {
  2350. padding:10px;
  2351. }
  2352. /* fix floating toolbar issue */
  2353. .ext-ie7 .x-grid-panel .x-panel-bbar {
  2354. position:relative;
  2355. }
  2356. .ext-ie6 .x-grid3-header {
  2357. position: relative;
  2358. }
  2359. /* column lines */
  2360. .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
  2361. padding-right:0;
  2362. border-right:1px solid;
  2363. }
  2364. .x-dd-drag-proxy{
  2365. position:absolute;
  2366. left:0;
  2367. top:0;
  2368. visibility:hidden;
  2369. z-index:15000;
  2370. }
  2371. .x-dd-drag-ghost{
  2372. -moz-opacity: 0.85;
  2373. opacity:.85;
  2374. filter: alpha(opacity=85);
  2375. border: 1px solid;
  2376. padding:3px;
  2377. padding-left:20px;
  2378. white-space:nowrap;
  2379. }
  2380. .x-dd-drag-repair .x-dd-drag-ghost{
  2381. -moz-opacity: 0.4;
  2382. opacity:.4;
  2383. filter: alpha(opacity=40);
  2384. border:0 none;
  2385. padding:0;
  2386. background-color:transparent;
  2387. }
  2388. .x-dd-drag-repair .x-dd-drop-icon{
  2389. visibility:hidden;
  2390. }
  2391. .x-dd-drop-icon{
  2392. position:absolute;
  2393. top:3px;
  2394. left:3px;
  2395. display:block;
  2396. width:16px;
  2397. height:16px;
  2398. background-color:transparent;
  2399. background-position: center;
  2400. background-repeat: no-repeat;
  2401. z-index:1;
  2402. }
  2403. .x-view-selector {
  2404. position:absolute;
  2405. left:0;
  2406. top:0;
  2407. width:0;
  2408. border:1px dotted;
  2409. opacity: .5;
  2410. -moz-opacity: .5;
  2411. filter:alpha(opacity=50);
  2412. zoom:1;
  2413. }.ext-strict .ext-ie .x-tree .x-panel-bwrap{
  2414. position:relative;
  2415. overflow:hidden;
  2416. }
  2417. .x-tree-icon, .x-tree-ec-icon, .x-tree-elbow-line, .x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
  2418. border: 0 none;
  2419. height: 18px;
  2420. margin: 0;
  2421. padding: 0;
  2422. vertical-align: top;
  2423. width: 16px;
  2424. background-repeat: no-repeat;
  2425. }
  2426. .x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{
  2427. border: 0 none;
  2428. height: 18px;
  2429. margin: 0;
  2430. padding: 0;
  2431. vertical-align: top;
  2432. width: 16px;
  2433. background-position:center;
  2434. background-repeat: no-repeat;
  2435. }
  2436. .ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon {
  2437. vertical-align:middle !important;
  2438. }
  2439. /* checkboxes */
  2440. .ext-ie input.x-tree-node-cb {
  2441. width:15px;
  2442. height:15px;
  2443. }
  2444. input.x-tree-node-cb {
  2445. margin-left:1px;
  2446. }
  2447. .ext-ie input.x-tree-node-cb {
  2448. margin-left:0;
  2449. }
  2450. .x-tree-noicon .x-tree-node-icon{
  2451. width:0; height:0;
  2452. }
  2453. /* loading icon */
  2454. .ext-ie .x-tree-node-el input {
  2455. width:15px;
  2456. height:15px;
  2457. }
  2458. /* No line styles */
  2459. .x-tree-no-lines .x-tree-elbow{
  2460. background:transparent;
  2461. }
  2462. .x-tree-no-lines .x-tree-elbow-end{
  2463. background:transparent;
  2464. }
  2465. .x-tree-no-lines .x-tree-elbow-line{
  2466. background:transparent;
  2467. }
  2468. /* Arrows */
  2469. .x-tree-arrows .x-tree-elbow{
  2470. background:transparent;
  2471. }
  2472. .x-tree-arrows .x-tree-elbow-plus{
  2473. background:transparent no-repeat 0 0;
  2474. }
  2475. .x-tree-arrows .x-tree-elbow-minus{
  2476. background:transparent no-repeat -16px 0;
  2477. }
  2478. .x-tree-arrows .x-tree-elbow-end{
  2479. background:transparent;
  2480. }
  2481. .x-tree-arrows .x-tree-elbow-end-plus{
  2482. background:transparent no-repeat 0 0;
  2483. }
  2484. .x-tree-arrows .x-tree-elbow-end-minus{
  2485. background:transparent no-repeat -16px 0;
  2486. }
  2487. .x-tree-arrows .x-tree-elbow-line{
  2488. background:transparent;
  2489. }
  2490. .x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{
  2491. background-position:-32px 0;
  2492. }
  2493. .x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{
  2494. background-position:-48px 0;
  2495. }
  2496. .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{
  2497. background-position:-32px 0;
  2498. }
  2499. .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{
  2500. background-position:-48px 0;
  2501. }
  2502. .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
  2503. cursor:pointer;
  2504. }
  2505. .ext-ie ul.x-tree-node-ct{
  2506. font-size:0;
  2507. line-height:0;
  2508. zoom:1;
  2509. }
  2510. .x-tree-node{
  2511. white-space: nowrap;
  2512. }
  2513. .x-tree-node-el {
  2514. line-height:18px;
  2515. cursor:pointer;
  2516. }
  2517. .x-tree-node a, .x-dd-drag-ghost a{
  2518. text-decoration:none;
  2519. -khtml-user-select:none;
  2520. -moz-user-select:none;
  2521. -webkit-user-select:ignore;
  2522. -kthml-user-focus:normal;
  2523. -moz-user-focus:normal;
  2524. -moz-outline: 0 none;
  2525. outline:0 none;
  2526. }
  2527. .x-tree-node a span, .x-dd-drag-ghost a span{
  2528. text-decoration:none;
  2529. padding:1px 3px 1px 2px;
  2530. }
  2531. .x-tree-node .x-tree-node-disabled .x-tree-node-icon{
  2532. -moz-opacity: 0.5;
  2533. opacity:.5;
  2534. filter: alpha(opacity=50);
  2535. }
  2536. .x-tree-node .x-tree-node-inline-icon{
  2537. background:transparent;
  2538. }
  2539. .x-tree-node a:hover, .x-dd-drag-ghost a:hover{
  2540. text-decoration:none;
  2541. }
  2542. .x-tree-node div.x-tree-drag-insert-below{
  2543. border-bottom:1px dotted;
  2544. }
  2545. .x-tree-node div.x-tree-drag-insert-above{
  2546. border-top:1px dotted;
  2547. }
  2548. .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{
  2549. border-bottom:0 none;
  2550. }
  2551. .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{
  2552. border-top:0 none;
  2553. }
  2554. .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
  2555. border-bottom:2px solid;
  2556. }
  2557. .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
  2558. border-top:2px solid;
  2559. }
  2560. .x-tree-node .x-tree-drag-append a span{
  2561. border:1px dotted;
  2562. }
  2563. .x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{
  2564. display:none !important;
  2565. }
  2566. /* Fix for ie rootVisible:false issue */
  2567. .x-tree-root-ct {
  2568. zoom:1;
  2569. }
  2570. .x-date-picker {
  2571. border: 1px solid;
  2572. border-top:0 none;
  2573. position:relative;
  2574. }
  2575. .x-date-picker a {
  2576. -moz-outline:0 none;
  2577. outline:0 none;
  2578. }
  2579. .x-date-inner, .x-date-inner td, .x-date-inner th{
  2580. border-collapse:separate;
  2581. }
  2582. .x-date-middle,.x-date-left,.x-date-right {
  2583. background: repeat-x 0 -83px;
  2584. overflow:hidden;
  2585. }
  2586. .x-date-middle .x-btn-tc,.x-date-middle .x-btn-tl,.x-date-middle .x-btn-tr,
  2587. .x-date-middle .x-btn-mc,.x-date-middle .x-btn-ml,.x-date-middle .x-btn-mr,
  2588. .x-date-middle .x-btn-bc,.x-date-middle .x-btn-bl,.x-date-middle .x-btn-br{
  2589. background:transparent !important;
  2590. vertical-align:middle;
  2591. }
  2592. .x-date-middle .x-btn-mc em.x-btn-arrow {
  2593. background:transparent no-repeat right 0;
  2594. }
  2595. .x-date-right, .x-date-left {
  2596. width:18px;
  2597. }
  2598. .x-date-right{
  2599. text-align:right;
  2600. }
  2601. .x-date-middle {
  2602. padding-top:2px;
  2603. padding-bottom:2px;
  2604. width:130px; /* FF3 */
  2605. }
  2606. .x-date-right a, .x-date-left a{
  2607. display:block;
  2608. width:16px;
  2609. height:16px;
  2610. background-position: center;
  2611. background-repeat: no-repeat;
  2612. cursor:pointer;
  2613. -moz-opacity: 0.6;
  2614. opacity:.6;
  2615. filter: alpha(opacity=60);
  2616. }
  2617. .x-date-right a:hover, .x-date-left a:hover{
  2618. -moz-opacity: 1;
  2619. opacity:1;
  2620. filter: alpha(opacity=100);
  2621. }
  2622. .x-item-disabled .x-date-right a:hover, .x-item-disabled .x-date-left a:hover{
  2623. -moz-opacity: 0.6;
  2624. opacity:.6;
  2625. filter: alpha(opacity=60);
  2626. }
  2627. .x-date-right a {
  2628. margin-right:2px;
  2629. text-decoration:none !important;
  2630. }
  2631. .x-date-left a{
  2632. margin-left:2px;
  2633. text-decoration:none !important;
  2634. }
  2635. table.x-date-inner {
  2636. width:100%;
  2637. table-layout:fixed;
  2638. }
  2639. .x-date-inner th {
  2640. width:25px;
  2641. }
  2642. .x-date-inner th {
  2643. background: repeat-x left top;
  2644. text-align:right !important;
  2645. border-bottom: 1px solid;
  2646. cursor:default;
  2647. padding:0;
  2648. border-collapse:separate;
  2649. }
  2650. .x-date-inner th span {
  2651. display:block;
  2652. padding:2px;
  2653. padding-right:7px;
  2654. }
  2655. .x-date-inner td {
  2656. border: 1px solid;
  2657. text-align:right;
  2658. padding:0;
  2659. }
  2660. .x-date-inner a {
  2661. padding:2px 5px;
  2662. display:block;
  2663. text-decoration:none;
  2664. text-align:right;
  2665. zoom:1;
  2666. }
  2667. .x-date-inner .x-date-active{
  2668. cursor:pointer;
  2669. color:black;
  2670. }
  2671. .x-date-inner .x-date-selected a{
  2672. background: repeat-x left top;
  2673. border:1px solid;
  2674. padding:1px 4px;
  2675. }
  2676. .x-date-inner .x-date-today a{
  2677. border: 1px solid;
  2678. padding:1px 4px;
  2679. }
  2680. .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
  2681. text-decoration:none !important;
  2682. }
  2683. .x-date-bottom {
  2684. padding:4px;
  2685. border-top: 1px solid;
  2686. background: repeat-x left top;
  2687. }
  2688. .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
  2689. text-decoration:none !important;
  2690. }
  2691. .x-item-disabled .x-date-inner a:hover{
  2692. background: none;
  2693. }
  2694. .x-date-inner .x-date-disabled a {
  2695. cursor:default;
  2696. }
  2697. .x-date-menu .x-menu-item {
  2698. padding:1px 24px 1px 4px;
  2699. white-space: nowrap;
  2700. }
  2701. .x-date-menu .x-menu-item .x-menu-item-icon {
  2702. width:10px;
  2703. height:10px;
  2704. margin-right:5px;
  2705. background-position:center -4px !important;
  2706. }
  2707. .x-date-mp {
  2708. position:absolute;
  2709. left:0;
  2710. top:0;
  2711. display:none;
  2712. }
  2713. .x-date-mp td {
  2714. padding:2px;
  2715. font:normal 11px arial, helvetica,tahoma,sans-serif;
  2716. }
  2717. td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn {
  2718. border: 0 none;
  2719. text-align:center;
  2720. vertical-align: middle;
  2721. width:25%;
  2722. }
  2723. .x-date-mp-ok {
  2724. margin-right:3px;
  2725. }
  2726. .x-date-mp-btns button {
  2727. text-decoration:none;
  2728. text-align:center;
  2729. text-decoration:none !important;
  2730. border:1px solid;
  2731. padding:1px 3px 1px;
  2732. cursor:pointer;
  2733. }
  2734. .x-date-mp-btns {
  2735. background: repeat-x left top;
  2736. }
  2737. .x-date-mp-btns td {
  2738. border-top: 1px solid;
  2739. text-align:center;
  2740. }
  2741. td.x-date-mp-month a,td.x-date-mp-year a {
  2742. display:block;
  2743. padding:2px 4px;
  2744. text-decoration:none;
  2745. text-align:center;
  2746. }
  2747. td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
  2748. text-decoration:none;
  2749. cursor:pointer;
  2750. }
  2751. td.x-date-mp-sel a {
  2752. padding:1px 3px;
  2753. background: repeat-x left top;
  2754. border:1px solid;
  2755. }
  2756. .x-date-mp-ybtn a {
  2757. overflow:hidden;
  2758. width:15px;
  2759. height:15px;
  2760. cursor:pointer;
  2761. background:transparent no-repeat;
  2762. display:block;
  2763. margin:0 auto;
  2764. }
  2765. .x-date-mp-ybtn a.x-date-mp-next {
  2766. background-position:0 -120px;
  2767. }
  2768. .x-date-mp-ybtn a.x-date-mp-next:hover {
  2769. background-position:-15px -120px;
  2770. }
  2771. .x-date-mp-ybtn a.x-date-mp-prev {
  2772. background-position:0 -105px;
  2773. }
  2774. .x-date-mp-ybtn a.x-date-mp-prev:hover {
  2775. background-position:-15px -105px;
  2776. }
  2777. .x-date-mp-ybtn {
  2778. text-align:center;
  2779. }
  2780. td.x-date-mp-sep {
  2781. border-right:1px solid;
  2782. }.x-tip{
  2783. position: absolute;
  2784. top: 0;
  2785. left:0;
  2786. visibility: hidden;
  2787. z-index: 20000;
  2788. border:0 none;
  2789. }
  2790. .x-tip .x-tip-close{
  2791. height: 15px;
  2792. float:right;
  2793. width: 15px;
  2794. margin:0 0 2px 2px;
  2795. cursor:pointer;
  2796. display:none;
  2797. }
  2798. .x-tip .x-tip-tc {
  2799. background: transparent