2 * Ext JS Library 2.2.1
\r
3 * Copyright(c) 2006-2009, Ext JS, LLC.
\r
4 * licensing@extjs.com
\r
6 * http://extjs.com/license
\r
10 border-style: solid;
\r
11 border-color: #99bbe8;
\r
19 font:bold 11px tahoma,arial,verdana,sans-serif;
\r
20 padding:5px 3px 4px 5px;
\r
21 border:1px solid #99bbe8;
\r
23 background: transparent url(../images/default/panel/white-top-bottom.gif) repeat-x 0 -1px;
\r
27 border:1px solid #99bbe8;
\r
31 position: relative; /* added for item scroll positioning */
\r
34 .x-panel-bbar .x-toolbar {
\r
35 border:1px solid #99bbe8;
\r
42 .x-panel-tbar .x-toolbar {
\r
43 border:1px solid #99bbe8;
\r
49 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
\r
50 border-top:1px solid #99bbe8;
\r
51 border-bottom: 0 none;
\r
53 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
\r
54 border-top:1px solid #99bbe8;
\r
60 .x-panel-tl .x-panel-header {
\r
62 font:bold 11px tahoma,arial,verdana,sans-serif;
\r
63 padding:5px 0 4px 0;
\r
65 background:transparent;
\r
67 .x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
\r
68 padding-left:20px !important;
\r
69 background-repeat:no-repeat;
\r
70 background-position:0 4px;
\r
73 .x-panel-inline-icon {
\r
76 background-repeat:no-repeat;
\r
77 background-position:0 0;
\r
78 vertical-align:middle;
\r
84 background: transparent url(../images/default/panel/top-bottom.gif) repeat-x 0 0;
\r
87 /* fix ie7 strict mode bug */
\r
88 .ext-strict .ext-ie7 .x-panel-tc {
\r
92 background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat 0 0;
\r
95 border-bottom:1px solid #99bbe8;
\r
98 background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat right 0;
\r
103 background: transparent url(../images/default/panel/top-bottom.gif) repeat-x 0 bottom;
\r
106 .x-panel-bc .x-panel-footer {
\r
111 background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat 0 bottom;
\r
116 background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat right bottom;
\r
124 font: normal 11px tahoma,arial,helvetica,sans-serif;
\r
126 background:#dfe8f6;
\r
128 .x-panel-mc .x-panel-body {
\r
129 background:transparent;
\r
133 background: #fff url(../images/default/panel/left-right.gif) repeat-y 0 0;
\r
138 background: transparent url(../images/default/panel/left-right.gif) repeat-y right 0;
\r
142 .x-panel-bc .x-panel-footer {
\r
143 padding-bottom:6px;
\r
145 .x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc {
\r
161 .x-panel-collapsed .x-resizable-handle{
\r
165 .ext-gecko .x-panel-animated div {
\r
166 overflow:hidden !important;
\r
174 .x-plain-bbar .x-toolbar {
\r
179 .x-plain-tbar .x-toolbar {
\r
200 background:transparent url(../images/default/panel/tool-sprites.gif) no-repeat;
\r
204 /* expand / collapse tools */
\r
206 background-position:0 -60px;
\r
208 .x-tool-toggle-over {
\r
209 background-position:-15px -60px;
\r
211 .x-panel-collapsed .x-tool-toggle {
\r
212 background-position:0 -75px;
\r
214 .x-panel-collapsed .x-tool-toggle-over {
\r
215 background-position:-15px -75px;
\r
219 background-position:0 -0;
\r
221 .x-tool-close-over {
\r
222 background-position:-15px 0;
\r
226 background-position:0 -15px;
\r
228 .x-tool-minimize-over {
\r
229 background-position:-15px -15px;
\r
233 background-position:0 -30px;
\r
235 .x-tool-maximize-over {
\r
236 background-position:-15px -30px;
\r
240 background-position:0 -45px;
\r
242 .x-tool-restore-over {
\r
243 background-position:-15px -45px;
\r
247 background-position:0 -90px;
\r
249 .x-tool-gear-over {
\r
250 background-position:-15px -90px;
\r
254 background-position:0 -135px;
\r
257 background-position:-15px -135px;
\r
260 background-position:0 -150px;
\r
262 .x-tool-unpin-over {
\r
263 background-position:-15px -150px;
\r
266 background-position:0 -165px;
\r
268 .x-tool-right-over {
\r
269 background-position:-15px -165px;
\r
272 background-position:0 -180px;
\r
274 .x-tool-left-over {
\r
275 background-position:-15px -180px;
\r
278 background-position:0 -210px;
\r
281 background-position:-15px -210px;
\r
284 background-position:0 -195px;
\r
286 .x-tool-down-over {
\r
287 background-position:-15px -195px;
\r
290 background-position:0 -225px;
\r
292 .x-tool-refresh-over {
\r
293 background-position:-15px -225px;
\r
297 background-position:0 -255px;
\r
299 .x-tool-minus-over {
\r
300 background-position:-15px -255px;
\r
303 background-position:0 -240px;
\r
305 .x-tool-plus-over {
\r
306 background-position:-15px -240px;
\r
310 background-position:0 -270px;
\r
312 .x-tool-search-over {
\r
313 background-position:-15px -270px;
\r
316 background-position:0 -285px;
\r
318 .x-tool-save-over {
\r
319 background-position:-15px -285px;
\r
322 background-position:0 -300px;
\r
324 .x-tool-help-over {
\r
325 background-position:-15px -300px;
\r
328 background-position:0 -315px;
\r
330 .x-tool-print-over {
\r
331 background-position:-15px -315px;
\r
336 background:#cbddf3;
\r
343 filter:alpha(opacity=65);
\r
346 .x-panel-ghost ul {
\r
352 border:1px solid #99bbe8;
\r
358 cursor:move !important;
\r
361 .x-panel-dd-spacer {
\r
362 border:2px dashed #99bbe8;
\r
370 .x-panel-btns-ct .x-btn{
\r
374 .x-panel-btns-ct .x-panel-btns td {
\r
378 .x-panel-btns-ct .x-panel-btns-right table{
\r
382 .x-panel-btns-ct .x-panel-btns-left table{
\r
386 .x-panel-btns-ct .x-panel-btns-center{
\r
387 text-align:center; /*ie*/
\r
389 .x-panel-btns-ct .x-panel-btns-center table{
\r
390 margin:0 auto; /*everyone else*/
\r
392 .x-panel-btns-ct table td.x-panel-btn-td{
\r
396 .x-panel-btns-ct .x-btn-focus .x-btn-left{
\r
397 background-position:0 -147px;
\r
399 .x-panel-btns-ct .x-btn-focus .x-btn-right{
\r
400 background-position:0 -168px;
\r
402 .x-panel-btns-ct .x-btn-focus .x-btn-center{
\r
403 background-position:0 -189px;
\r
406 .x-panel-btns-ct .x-btn-over .x-btn-left{
\r
407 background-position:0 -63px;
\r
409 .x-panel-btns-ct .x-btn-over .x-btn-right{
\r
410 background-position:0 -84px;
\r
412 .x-panel-btns-ct .x-btn-over .x-btn-center{
\r
413 background-position:0 -105px;
\r
416 .x-panel-btns-ct .x-btn-click .x-btn-center{
\r
417 background-position:0 -126px;
\r
419 .x-panel-btns-ct .x-btn-click .x-btn-right{
\r
420 background-position:0 -84px;
\r
422 .x-panel-btns-ct .x-btn-click .x-btn-left{
\r
423 background-position:0 -63px;
\r