1 2.dj_gecko .mblSwitchBg { 3 -moz-box-sizing: border-box; 4} 5.dj_gecko .mblSwitchKnob { 6 -moz-box-sizing: border-box; 7} 8.dj_gecko .mblSwitch .mblSwitchBgLeft { 9 background-image: -moz-linear-gradient(top, #088eef 0%, #0869c6 50%, #0851ad 100%); 10} 11.dj_gecko .mblSwitch .mblSwitchBgRight { 12 background-image: -moz-linear-gradient(top, #f7f3f7 0%, #ced3ce 50%, #cec5d6 100%); 13} 14.dj_gecko .mblSwitch .mblSwitchKnob { 15 background-image: -moz-linear-gradient(top, #fafafa 0%, #bbbbbb 50%, #999999 100%); 16} 17.dj_ie .mblSwitchBg { 18 border: none; 19 background: none; 20} 21.dj_ie .mblSwitchBgLeft { 22 background-repeat: no-repeat; 23} 24.dj_ie .mblSwitchBgRight { 25 background-repeat: no-repeat; 26} 27.dj_ie .mblSwitchKnob { 28 background: none; 29 background-repeat: no-repeat; 30 border: none; 31} 32.mblSwSquareShape .mblSwitchBg { 33 -moz-border-radius: 6px; 34} 35.mblSwSquareShape .mblSwitchBgLeft { 36 background-image: url(compat/switch-square-l.gif); 37} 38.mblSwSquareShape .mblSwitchBgRight { 39 background-image: url(compat/switch-square-r.gif); 40} 41.mblSwSquareShape .mblSwitchKnob { 42 -moz-border-radius: 6px; 43 background-image: url(compat/switch-square-k.gif); 44} 45.mblSwRoundShape1 .mblSwitchBg { 46 -moz-border-radius: 14px; 47} 48.mblSwRoundShape1 .mblSwitchBgLeft { 49 background-image: url(compat/switch-round1-l.gif); 50} 51.mblSwRoundShape1 .mblSwitchBgRight { 52 background-image: url(compat/switch-round1-r.gif); 53} 54.mblSwRoundShape1 .mblSwitchKnob { 55 -moz-border-radius: 13px; 56 background-image: url(compat/switch-round1-k.gif); 57} 58.mblSwRoundShape2 .mblSwitchBg { 59 -moz-border-radius: 14px; 60} 61.mblSwRoundShape2 .mblSwitchBgLeft { 62 background-image: url(compat/switch-round2-l.gif); 63} 64.mblSwRoundShape2 .mblSwitchBgRight { 65 background-image: url(compat/switch-round2-r.gif); 66} 67.mblSwRoundShape2 .mblSwitchKnob { 68 -moz-border-radius: 13px; 69 background-image: url(compat/switch-round2-k.gif); 70} 71.mblSwArcShape1 .mblSwitchBg { 72 -moz-border-radius: 5px/14px; 73} 74.mblSwArcShape1 .mblSwitchBgLeft { 75 background-image: url(compat/switch-arc1-l.gif); 76} 77.mblSwArcShape1 .mblSwitchBgRight { 78 background-image: url(compat/switch-arc1-r.gif); 79} 80.mblSwArcShape1 .mblSwitchKnob { 81 -moz-border-radius: 5px/13px; 82 background-image: url(compat/switch-arc1-k.gif); 83} 84.mblSwArcShape2 .mblSwitchBg { 85 -moz-border-radius: 5px/14px; 86} 87.mblSwArcShape2 .mblSwitchBgLeft { 88 background-image: url(compat/switch-arc2-l.gif); 89} 90.mblSwArcShape2 .mblSwitchBgRight { 91 background-image: url(compat/switch-arc2-r.gif); 92} 93.mblSwArcShape2 .mblSwitchKnob { 94 -moz-border-radius: 5px/13px; 95 background-image: url(compat/switch-arc2-k.gif); 96} 97.mblSwDefaultShape .mblSwitchBg { 98 -moz-border-radius: 6px; 99} 100.mblSwDefaultShape .mblSwitchBgLeft { 101 background-image: url(compat/switch-square-l.gif); 102} 103.mblSwDefaultShape .mblSwitchBgRight { 104 background-image: url(compat/switch-square-r.gif); 105} 106.mblSwDefaultShape .mblSwitchKnob { 107 -moz-border-radius: 6px; 108 background-image: url(compat/switch-square-k.gif); 109} 110