1/*
2This file is part of Ext JS 3.4
3
4Copyright (c) 2011-2013 Sencha Inc
5
6Contact:  http://www.sencha.com/contact
7
8GNU General Public License Usage
9This file may be used under the terms of the GNU General Public License version 3.0 as
10published by the Free Software Foundation and appearing in the file LICENSE included in the
11packaging of this file.
12
13Please review the following information to ensure the GNU General Public License version 3.0
14requirements will be met: http://www.gnu.org/copyleft/gpl.html.
15
16If you are unsure which license is appropriate for your use, please contact the sales department
17at http://www.sencha.com/contact.
18
19Build date: 2013-04-03 15:07:25
20*/
21.x-btn{
22	cursor:pointer;
23	white-space: nowrap;
24}
25
26.x-btn button{
27    border:0 none;
28    background-color:transparent;
29    padding-left:3px;
30    padding-right:3px;
31    cursor:pointer;
32    margin:0;
33    overflow:visible;
34    width:auto;
35    -moz-outline:0 none;
36    outline:0 none;
37}
38
39* html .ext-ie .x-btn button {
40    width:1px;
41}
42
43.ext-gecko .x-btn button, .ext-webkit .x-btn button {
44    padding-left:0;
45    padding-right:0;
46}
47
48.ext-gecko .x-btn button::-moz-focus-inner {
49    padding:0;
50}
51
52.ext-ie .x-btn button {
53    padding-top:2px;
54}
55
56.x-btn td {
57    padding:0 !important;
58}
59
60.x-btn-text {
61    cursor:pointer;
62	white-space: nowrap;
63    padding:0;
64}
65
66/* icon placement and sizing styles */
67
68/* Only text */
69.x-btn-noicon .x-btn-small .x-btn-text{
70	height: 16px;
71}
72
73.x-btn-noicon .x-btn-medium .x-btn-text{
74    height: 24px;
75}
76
77.x-btn-noicon .x-btn-large .x-btn-text{
78    height: 32px;
79}
80
81/* Only icons */
82.x-btn-icon .x-btn-text{
83    background-position: center;
84	background-repeat: no-repeat;
85}
86
87.x-btn-icon .x-btn-small .x-btn-text{
88	height: 16px;
89	width: 16px;
90}
91
92.x-btn-icon .x-btn-medium .x-btn-text{
93    height: 24px;
94	width: 24px;
95}
96
97.x-btn-icon .x-btn-large .x-btn-text{
98    height: 32px;
99	width: 32px;
100}
101
102/* Icons and text */
103/* left */
104.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{
105    background-position: 0 center;
106	background-repeat: no-repeat;
107    padding-left:18px;
108    height:16px;
109}
110
111.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{
112    background-position: 0 center;
113	background-repeat: no-repeat;
114    padding-left:26px;
115    height:24px;
116}
117
118.x-btn-text-icon .x-btn-icon-large-left .x-btn-text{
119    background-position: 0 center;
120	background-repeat: no-repeat;
121    padding-left:34px;
122    height:32px;
123}
124
125/* top */
126.x-btn-text-icon .x-btn-icon-small-top .x-btn-text{
127    background-position: center 0;
128	background-repeat: no-repeat;
129    padding-top:18px;
130}
131
132.x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{
133    background-position: center 0;
134	background-repeat: no-repeat;
135    padding-top:26px;
136}
137
138.x-btn-text-icon .x-btn-icon-large-top .x-btn-text{
139    background-position: center 0;
140	background-repeat: no-repeat;
141    padding-top:34px;
142}
143
144/* right */
145.x-btn-text-icon .x-btn-icon-small-right .x-btn-text{
146    background-position: right center;
147	background-repeat: no-repeat;
148    padding-right:18px;
149    height:16px;
150}
151
152.x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{
153    background-position: right center;
154	background-repeat: no-repeat;
155    padding-right:26px;
156    height:24px;
157}
158
159.x-btn-text-icon .x-btn-icon-large-right .x-btn-text{
160    background-position: right center;
161	background-repeat: no-repeat;
162    padding-right:34px;
163    height:32px;
164}
165
166/* bottom */
167.x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{
168    background-position: center bottom;
169	background-repeat: no-repeat;
170    padding-bottom:18px;
171}
172
173.x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{
174    background-position: center bottom;
175	background-repeat: no-repeat;
176    padding-bottom:26px;
177}
178
179.x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{
180    background-position: center bottom;
181	background-repeat: no-repeat;
182    padding-bottom:34px;
183}
184
185/* background positioning */
186.x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{
187	font-size:1px;
188    line-height:1px;
189    width:3px;
190    display:block;
191    overflow:hidden;
192}
193
194.x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{
195	height:3px;
196}
197
198.x-btn-tl{
199	width:3px;
200	height:3px;
201	background:no-repeat 0 0;
202}
203.x-btn-tr{
204	width:3px;
205	height:3px;
206	background:no-repeat -3px 0;
207}
208.x-btn-tc{
209	height:3px;
210	background:repeat-x 0 -6px;
211}
212
213.x-btn-ml{
214	width:3px;
215	background:no-repeat 0 -24px;
216}
217.x-btn-mr{
218	width:3px;
219	background:no-repeat -3px -24px;
220}
221
222.x-btn-mc{
223	background:repeat-x 0 -1096px;
224    vertical-align: middle;
225	text-align:center;
226	padding:0 5px;
227	cursor:pointer;
228	white-space:nowrap;
229}
230
231/* Fixes an issue with the button height */
232.ext-strict .ext-ie6 .x-btn-mc, .ext-strict .ext-ie7 .x-btn-mc {
233    height: 100%;
234}
235
236.x-btn-bl{
237	width:3px;
238	height:3px;
239	background:no-repeat 0 -3px;
240}
241
242.x-btn-br{
243	width:3px;
244	height:3px;
245	background:no-repeat -3px -3px;
246}
247
248.x-btn-bc{
249	height:3px;
250	background:repeat-x 0 -15px;
251}
252
253.x-btn-over .x-btn-tl{
254	background-position: -6px 0;
255}
256
257.x-btn-over .x-btn-tr{
258	background-position: -9px 0;
259}
260
261.x-btn-over .x-btn-tc{
262	background-position: 0 -9px;
263}
264
265.x-btn-over .x-btn-ml{
266	background-position: -6px -24px;
267}
268
269.x-btn-over .x-btn-mr{
270	background-position: -9px -24px;
271}
272
273.x-btn-over .x-btn-mc{
274	background-position: 0 -2168px;
275}
276
277.x-btn-over .x-btn-bl{
278	background-position: -6px -3px;
279}
280
281.x-btn-over .x-btn-br{
282	background-position: -9px -3px;
283}
284
285.x-btn-over .x-btn-bc{
286	background-position: 0 -18px;
287}
288
289.x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{
290	background-position: -12px 0;
291}
292
293.x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{
294	background-position: -15px 0;
295}
296
297.x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{
298	background-position: 0 -12px;
299}
300
301.x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{
302	background-position: -12px -24px;
303}
304
305.x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{
306	background-position: -15px -24px;
307}
308
309.x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{
310	background-position: 0 -3240px;
311}
312
313.x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{
314	background-position: -12px -3px;
315}
316
317.x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{
318	background-position: -15px -3px;
319}
320
321.x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{
322	background-position: 0 -21px;
323}
324
325.x-btn-disabled *{
326	cursor:default !important;
327}
328
329
330/* With a menu arrow */
331/* right */
332.x-btn-mc em.x-btn-arrow {
333    display:block;
334    background:transparent no-repeat right center;
335	padding-right:10px;
336}
337
338.x-btn-mc em.x-btn-split {
339    display:block;
340    background:transparent no-repeat right center;
341	padding-right:14px;
342}
343
344/* bottom */
345.x-btn-mc em.x-btn-arrow-bottom {
346    display:block;
347    background:transparent no-repeat center bottom;
348	padding-bottom:14px;
349}
350
351.x-btn-mc em.x-btn-split-bottom {
352    display:block;
353    background:transparent no-repeat center bottom;
354	padding-bottom:14px;
355}
356
357/* height adjustment class */
358.x-btn-as-arrow .x-btn-mc em {
359    display:block;
360    background-color:transparent;
361	padding-bottom:14px;
362}
363
364/* groups */
365.x-btn-group {
366    padding:1px;
367}
368
369.x-btn-group-header {
370    padding:2px;
371    text-align:center;
372}
373
374.x-btn-group-tc {
375	background: transparent repeat-x 0 0;
376	overflow:hidden;
377}
378
379.x-btn-group-tl {
380	background: transparent no-repeat 0 0;
381	padding-left:3px;
382    zoom:1;
383}
384
385.x-btn-group-tr {
386	background: transparent no-repeat right 0;
387	zoom:1;
388    padding-right:3px;
389}
390
391.x-btn-group-bc {
392	background: transparent repeat-x 0 bottom;
393    zoom:1;
394}
395
396.x-btn-group-bc .x-panel-footer {
397    zoom:1;
398}
399
400.x-btn-group-bl {
401	background: transparent no-repeat 0 bottom;
402	padding-left:3px;
403    zoom:1;
404}
405
406.x-btn-group-br {
407	background: transparent no-repeat right bottom;
408	padding-right:3px;
409    zoom:1;
410}
411
412.x-btn-group-mc {
413    border:0 none;
414    padding:1px 0 0 0;
415    margin:0;
416}
417
418.x-btn-group-mc .x-btn-group-body {
419    background-color:transparent;
420    border: 0 none;
421}
422
423.x-btn-group-ml {
424	background: transparent repeat-y 0 0;
425	padding-left:3px;
426    zoom:1;
427}
428
429.x-btn-group-mr {
430	background: transparent repeat-y right 0;
431	padding-right:3px;
432    zoom:1;
433}
434
435.x-btn-group-bc .x-btn-group-footer {
436    padding-bottom:6px;
437}
438
439.x-panel-nofooter .x-btn-group-bc {
440	height:3px;
441    font-size:0;
442    line-height:0;
443}
444
445.x-btn-group-bwrap {
446    overflow:hidden;
447    zoom:1;
448}
449
450.x-btn-group-body {
451    overflow:hidden;
452    zoom:1;
453}
454
455.x-btn-group-notitle .x-btn-group-tc {
456	background: transparent repeat-x 0 0;
457	overflow:hidden;
458    height:2px;
459}