1.dj_gecko .mblColorBlue {
2  background-image: -moz-linear-gradient(top, #48adfc 0%, #048bf4 100%);
3}
4.dj_gecko .mblColorBlue45 {
5  background-image: -moz-linear-gradient(top left, #048bf4 0%, #48adfc 100%);
6}
7.dj_gecko .mblColorDefault {
8  background-image: -moz-linear-gradient(top, #e2e2e2 0%, #a4a4a4 100%);
9}
10.dj_gecko .mblColorDefault45 {
11  background-image: -moz-linear-gradient(top left, #e2e2e2 0%, #a4a4a4 100%);
12}
13.dj_gecko .mblColorDefaultSel {
14  background-image: -moz-linear-gradient(top, #bbbbbb 0%, #999999 100%);
15}
16.dj_gecko .mblColorDefaultSel45 {
17  background-image: -moz-linear-gradient(top left, #bbbbbb 0%, #999999 100%);
18}
19.mblHeading {
20  background-image: url("compat/heading-bg.png");
21}
22.mblHeadingSpanTitle {
23  white-space: normal;
24}
25.dj_gecko .mblHeading {
26  background-image: -moz-linear-gradient(top, #f6f6f6 0%, #dedede 100%);
27}
28.dj_gecko .mblToolBarButtonArrow {
29  -moz-transform: scale(0.77, 1.05) rotate(45deg);
30}
31.dj_ff3 .mblToolBarButtonArrow {
32  -moz-border-radius: 1px;
33}
34.dj_ff3 .mblToolBarButtonBody {
35  -moz-border-radius: 0;
36}
37.dj_ff3 .mblToolBarButtonHasLeftArrow .mblToolBarButtonBody {
38  -moz-border-radius-topleft: 0;
39  -moz-border-radius-bottomleft: 0;
40}
41.dj_ff3 .mblToolBarButtonHasRightArrow .mblToolBarButtonBody {
42  -moz-border-radius-topright: 0;
43  -moz-border-radius-bottomright: 0;
44}
45.dj_ie .mblToolBarButtonLeftArrow {
46  top: 0;
47  left: -2px;
48  width: 13px;
49  height: 31px;
50  border-style: none;
51  border-radius: 0;
52  background-image: url("compat/arrow-button-head.png");
53}
54.dj_ie .mblToolBarButtonSelected .mblToolBarButtonLeftArrow {
55  background-image: url("compat/arrow-button-head-sel.png");
56}
57.dj_ie .mblToolBarButtonRightArrow {
58  top: 0;
59  right: -3px;
60  width: 13px;
61  height: 31px;
62  border-style: none;
63  border-radius: 0;
64  background-image: url("compat/arrow-button-right-head.png");
65}
66.dj_ie .mblToolBarButtonSelected .mblToolBarButtonRightArrow {
67  background-image: url("compat/arrow-button-right-head-sel.png");
68}
69.dj_ie .mblToolBarButtonBody {
70  background-image: url("compat/arrow-button-bg.png");
71  background-position: left bottom;
72}
73.dj_ie .mblToolBarButtonBodySelected {
74  background-image: url("compat/arrow-button-bg-sel.png");
75}
76.dj_ie .mblToolBarButtonBody table {
77  margin: 0;
78}
79.dj_ie .mblToolBarButtonHasLeftArrow .mblToolBarButtonBody {
80  border-top-left-radius: 0;
81  border-bottom-left-radius: 0;
82}
83.dj_ie .mblToolBarButtonHasRightArrow .mblToolBarButtonBody {
84  border-top-right-radius: 0;
85  border-bottom-right-radius: 0;
86}
87.dj_ie6 .mblToolBarButton .mblToolBarButtonBody {
88  background-position: left top;
89}
90.mblRoundRect.mblShadow {
91  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
92}
93.dj_ff3 .mblRoundRect {
94  -moz-border-radius: 8px;
95}
96.dj_ff3 .mblRoundRect.mblShadow {
97  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
98}
99.dj_ie .mblRoundCorner {
100  background-color: #ffffff;
101  height: 1px;
102  font-size: 1px;
103  overflow: hidden;
104  border-style: solid;
105  border-color: #c0c0c0;
106  border-width: 0 1px;
107}
108.dj_ie .mblRoundRectContainer {
109  padding: 3px 8px;
110  background-color: #ffffff;
111  border-style: solid;
112  border-color: #c0c0c0;
113  border-width: 0 1px;
114}
115.dj_ie .mblRoundRectList .mblRoundRectContainer {
116  margin: 0;
117  padding: 0;
118}
119.dj_ie .mblRoundCorner0T {
120  height: 0;
121}
122.dj_ie .mblRoundCorner1T {
123  background-color: #c0c0c0;
124  margin: 0 5px;
125}
126.dj_ie .mblRoundCorner2T {
127  margin: 0 2px;
128  border-width: 0 3px;
129}
130.dj_ie .mblRoundCorner3T {
131  margin: 0 1px;
132  border-width: 0 2px;
133}
134.dj_ie .mblRoundCorner4T {
135  margin: 0 1px;
136}
137.dj_ie .mblRoundCorner5T {
138  margin: 0 1px;
139}
140.dj_ie .mblRoundCorner0B {
141  height: 0;
142}
143.dj_ie .mblRoundCorner1B {
144  margin: 0 1px;
145}
146.dj_ie .mblRoundCorner2B {
147  margin: 0 1px;
148}
149.dj_ie .mblRoundCorner3B {
150  margin: 0 1px;
151  border-width: 0 2px;
152}
153.dj_ie .mblRoundCorner4B {
154  margin: 0 2px;
155  border-width: 0 3px;
156}
157.dj_ie .mblRoundCorner5B {
158  background-color: #c0c0c0;
159  margin: 0 5px;
160}
161.dj_ff3 .mblRoundRectList {
162  -moz-border-radius: 8px;
163}
164.dj_ff3 .mblRoundRectList .mblListItem:first-child {
165  -moz-border-radius-topleft: 8px;
166  -moz-border-radius-topright: 8px;
167}
168.dj_ff3 .mblRoundRectList .mblListItem:last-child {
169  -moz-border-radius-bottomleft: 8px;
170  -moz-border-radius-bottomright: 8px;
171}
172.dj_ie .mblRoundRectList {
173  position: relative;
174}
175.dj_ie .mblRoundCorner {
176  background-color: #ffffff;
177  height: 1px;
178  font-size: 1px;
179  overflow: hidden;
180  border-style: solid;
181  border-color: #c0c0c0;
182  border-width: 0 1px;
183}
184.dj_ie .mblRoundRectContainer {
185  padding: 3px 8px;
186  background-color: #ffffff;
187  border-style: solid;
188  border-color: #c0c0c0;
189  border-width: 0 1px;
190}
191.dj_ie .mblRoundRectList .mblRoundRectContainer {
192  margin: 0;
193  padding: 0;
194}
195.dj_ie .mblRoundCorner0T {
196  height: 0;
197}
198.dj_ie .mblRoundCorner1T {
199  background-color: #c0c0c0;
200  margin: 0 5px;
201}
202.dj_ie .mblRoundCorner2T {
203  margin: 0 2px;
204  border-width: 0 3px;
205}
206.dj_ie .mblRoundCorner3T {
207  margin: 0 1px;
208  border-width: 0 2px;
209}
210.dj_ie .mblRoundCorner4T {
211  margin: 0 1px;
212}
213.dj_ie .mblRoundCorner5T {
214  margin: 0 1px;
215}
216.dj_ie .mblRoundCorner0B {
217  height: 0;
218}
219.dj_ie .mblRoundCorner1B {
220  margin: 0 1px;
221}
222.dj_ie .mblRoundCorner2B {
223  margin: 0 1px;
224}
225.dj_ie .mblRoundCorner3B {
226  margin: 0 1px;
227  border-width: 0 2px;
228}
229.dj_ie .mblRoundCorner4B {
230  margin: 0 2px;
231  border-width: 0 3px;
232}
233.dj_ie .mblRoundCorner5B {
234  background-color: #c0c0c0;
235  margin: 0 5px;
236}
237.mblDomButtonGrayArrow, .mblDomButtonArrow {
238	background-image: url("../common/domButtons/compat/mblDomButtonGrayArrow.png");
239	background-repeat: no-repeat;
240}
241.mblDomButtonGrayArrow div, .mblDomButtonArrow div {
242	display: none;
243}
244.mblDomButtonDarkBlueCheck, .mblDomButtonCheck {
245	background-image: url("../common/domButtons/compat/mblDomButtonDarkBlueCheck.png");
246	background-repeat: no-repeat;
247}
248.mblDomButtonDarkBlueCheck div, .mblDomButtonCheck div {
249	display: none;
250}
251.mblListItemSelected {
252  background-color: #999999;
253}
254.dj_gecko .mblListItemSelected {
255  background-image: -moz-linear-gradient(top, #bbbbbb 0%, #999999 100%);
256}
257.dj_ie6 .mblListItem {
258  vertical-align: bottom;
259}
260.dj_gecko .mblSwitchBg {
261  -moz-box-sizing: border-box;
262}
263.dj_gecko .mblSwitchKnob {
264  -moz-box-sizing: border-box;
265}
266.dj_gecko .mblSwitch .mblSwitchBgLeft {
267  background-image: -moz-linear-gradient(top, #bbbbbb 0%, #999999 100%);
268}
269.dj_gecko .mblSwitch .mblSwitchBgRight {
270  background-image: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
271}
272.dj_gecko .mblSwitch .mblSwitchKnob {
273  background-image: -moz-linear-gradient(top, #e2e2e2 0%, #a4a4a4 100%);
274}
275.dj_ie .mblSwitchBg {
276  border: none;
277  background: none;
278}
279.dj_ie .mblSwitchBgLeft {
280  background-repeat: no-repeat;
281}
282.dj_ie .mblSwitchBgRight {
283  background-repeat: no-repeat;
284}
285.dj_ie .mblSwitchKnob {
286  background: none;
287  background-repeat: no-repeat;
288  border: none;
289}
290.mblSwSquareShape .mblSwitchBg {
291  -moz-border-radius: 2px;
292}
293.mblSwSquareShape .mblSwitchBgLeft {
294  background-image: url("compat/switch-square-l.gif");
295}
296.mblSwSquareShape .mblSwitchBgRight {
297  background-image: url("compat/switch-square-r.gif");
298}
299.mblSwSquareShape .mblSwitchKnob {
300  -moz-border-radius: 2px;
301  background-image: url("compat/switch-square-k.gif");
302}
303.mblSwRoundShape1 .mblSwitchBg {
304  -moz-border-radius: 14px;
305}
306.mblSwRoundShape1 .mblSwitchBgLeft {
307  background-image: url("compat/switch-round1-l.gif");
308}
309.mblSwRoundShape1 .mblSwitchBgRight {
310  background-image: url("compat/switch-round1-r.gif");
311}
312.mblSwRoundShape1 .mblSwitchKnob {
313  -moz-border-radius: 13px;
314  background-image: url("compat/switch-round1-k.gif");
315}
316.mblSwRoundShape2 .mblSwitchBg {
317  -moz-border-radius: 14px;
318}
319.mblSwRoundShape2 .mblSwitchBgLeft {
320  background-image: url("compat/switch-round2-l.gif");
321}
322.mblSwRoundShape2 .mblSwitchBgRight {
323  background-image: url("compat/switch-round2-r.gif");
324}
325.mblSwRoundShape2 .mblSwitchKnob {
326  -moz-border-radius: 13px;
327  background-image: url("compat/switch-round2-k.gif");
328}
329.mblSwArcShape1 .mblSwitchBg {
330  -moz-border-radius: 5px/14px;
331}
332.mblSwArcShape1 .mblSwitchBgLeft {
333  background-image: url("compat/switch-arc1-l.gif");
334}
335.mblSwArcShape1 .mblSwitchBgRight {
336  background-image: url("compat/switch-arc1-r.gif");
337}
338.mblSwArcShape1 .mblSwitchKnob {
339  -moz-border-radius: 5px/13px;
340  background-image: url("compat/switch-arc1-k.gif");
341}
342.mblSwArcShape2 .mblSwitchBg {
343  -moz-border-radius: 5px/14px;
344}
345.mblSwArcShape2 .mblSwitchBgLeft {
346  background-image: url("compat/switch-arc2-l.gif");
347}
348.mblSwArcShape2 .mblSwitchBgRight {
349  background-image: url("compat/switch-arc2-r.gif");
350}
351.mblSwArcShape2 .mblSwitchKnob {
352  -moz-border-radius: 5px/13px;
353  background-image: url("compat/switch-arc2-k.gif");
354}
355.mblSwDefaultShape .mblSwitchBg {
356  -moz-border-radius: 2px;
357}
358.mblSwDefaultShape .mblSwitchBgLeft {
359  background-image: url("compat/switch-square-l.gif");
360}
361.mblSwDefaultShape .mblSwitchBgRight {
362  background-image: url("compat/switch-square-r.gif");
363}
364.mblSwDefaultShape .mblSwitchKnob {
365  -moz-border-radius: 2px;
366  background-image: url("compat/switch-square-k.gif");
367}
368.dj_ie .mblProg {
369  width: 4px;
370  height: 36px;
371}
372.dj_ie .mblProg0 {
373  left: 0px;
374}
375.dj_ie .mblProg1 {
376  left: 8px;
377}
378.dj_ie .mblProg2 {
379  left: 16px;
380}
381.dj_ie .mblProg3 {
382  left: 24px;
383}
384.dj_ie .mblProg4 {
385  left: 32px;
386}
387.dj_ie .mblProg5 {
388  left: 40px;
389}
390.dj_ie .mblProg6 {
391  left: 48px;
392}
393.dj_ie .mblProg7 {
394  left: 56px;
395}
396.dj_ie .mblProg8 {
397  left: 64px;
398}
399.dj_ie .mblProg9 {
400  left: 72px;
401}
402.dj_ie .mblProg10 {
403  left: 80px;
404}
405.dj_ie .mblProg11 {
406  left: 80px;
407}
408.dj_gecko .mblProgressIndicatorCenter .mblProgContainer {
409  -moz-transform-origin: 50% 0;
410}
411.dj_gecko .mblProg {
412  -moz-transform-origin: 0 2px;
413}
414.dj_gecko .mblProg0 {
415  -moz-transform: translate(18px, 10px) rotate(-90.1deg);
416}
417.dj_gecko .mblProg1 {
418  -moz-transform: translate(22px, 11px) rotate(-60deg);
419}
420.dj_gecko .mblProg2 {
421  -moz-transform: translate(25px, 14px) rotate(-30deg);
422}
423.dj_gecko .mblProg3 {
424  -moz-transform: translate(26px, 18px) rotate(0deg);
425}
426.dj_gecko .mblProg4 {
427  -moz-transform: translate(25px, 22px) rotate(30deg);
428}
429.dj_gecko .mblProg5 {
430  -moz-transform: translate(22px, 25px) rotate(60deg);
431}
432.dj_gecko .mblProg6 {
433  -moz-transform: translate(18px, 26px) rotate(90.1deg);
434}
435.dj_gecko .mblProg7 {
436  -moz-transform: translate(14px, 25px) rotate(120deg);
437}
438.dj_gecko .mblProg8 {
439  -moz-transform: translate(11px, 22px) rotate(150deg);
440}
441.dj_gecko .mblProg9 {
442  -moz-transform: translate(10px, 18px) rotate(180deg);
443}
444.dj_gecko .mblProg10 {
445  -moz-transform: translate(11px, 14px) rotate(210deg);
446}
447.dj_gecko .mblProg11 {
448  -moz-transform: translate(14px, 11px) rotate(240deg);
449}
450