6 /* set max width to that of sprite */
8 /* prevent text selection */
9 -khtml-user-select: none;
11 -moz-user-select: none;
12 -moz-user-focus: ignore;
13 -moz-user-input: disabled;
14 /* set default width based on ON/OFF labels */
18 .ibutton-container input {
23 /* hide the element */
24 filter:alpha(opacity=0);
28 /* allow checking of input if visible */
29 -moz-user-input: enabled !important;
40 background: transparent url(../images/ibutton-slider-giva-original.png) no-repeat scroll 0 -54px;
43 /* set default width based on ON/OFF labels */
47 .ibutton-handle-right {
51 background: transparent url(../images/ibutton-slider-giva-original.png) no-repeat scroll 100% -54px;
55 .ibutton-handle-middle {
58 background: transparent url(../images/ibutton-slider-giva-original.png) no-repeat scroll 50% -54px;
62 div.ibutton-label-on, div.ibutton-label-off {
67 font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
68 text-transform: uppercase;
77 background: transparent url(../images/ibutton-slider-giva-original.png) no-repeat scroll 0 0;
80 div.ibutton-label-on {
82 text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.4);
88 div.ibutton-label-on span {
92 div.ibutton-label-off {
94 background-position: 100% 00;
95 text-shadow: 0 -1px 2px rgba(153, 153, 153, 0.4);
98 /* the off label needs to near the left edge (ideally just 5px away)
99 * it just needs to be close enough that it won't show under the handle if dragged to the left
104 div.ibutton-label-off span {
108 /* create an outline when button gets focus via keyboard */
109 .ibutton-container label {
112 font-size: 1em !important;
115 .ibutton-focus label {
116 /* we must use border, since outline doesn't work in IE */
117 border: 1px dotted #666 !important;
121 .ibutton-focus div.ibutton-label-on span label {
122 /* use white for more contrast */
123 border-color: #fff !important;
126 /* add padding to right/left so that text gets clipped before absolute edge */
127 .ibutton-padding-left, .ibutton-padding-right {
131 background: transparent url(../images/ibutton-slider-giva-original.png) no-repeat scroll 0 -4px;
136 .ibutton-padding-left {
140 .ibutton-padding-right {
142 background-position: 100% -4px;
145 /* change the styles of the handle when being dragged */
146 .ibutton-active-handle .ibutton-handle {
147 background-position: 0 -108px;
150 .ibutton-active-handle .ibutton-handle-right {
151 background-position: 100% -108px;
154 .ibutton-active-handle .ibutton-handle-middle {
155 background-position: 50% -108px;
158 /* styles to use when the button is disabled */
160 cursor: not-allowed !important; /* cursor options: default or not-allowed */
163 .ibutton-disabled .ibutton-handle {
164 background-position: 0 -81px;
167 .ibutton-disabled .ibutton-handle-right {
168 background-position: 100% -81px;
171 .ibutton-disabled .ibutton-handle-middle {
172 background-position: 50% -81px;
175 .ibutton-disabled div.ibutton-label-on {
176 background-position: 0 -27px;
179 .ibutton-disabled div.ibutton-label-off {
180 background-position: 100% -27px;
183 .ibutton-disabled .ibutton-padding-left {
184 background-position: 0 -27px;
187 .ibutton-disabled .ibutton-padding-right {
188 background-position: 100% -27px;
191 .ibutton-disabled div.ibutton-label-on {
195 .ibutton-disabled div.ibutton-label-off {