1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
|
.claro .dijitSliderBar {
border-style: solid;
outline: 1px;
}
.claro .dijitSliderFocused .dijitSliderBar {
border-color: #769dc0;
}
.claro .dijitSliderHover .dijitSliderBar {
border-color: #769dc0;
}
.claro .dijitSliderDisabled .dijitSliderBar {
background-image: none;
border-color: #d3d3d3;
}
.claro .dijitRuleLabelsContainerH {
padding: 2px 0px;
}
.claro .dijitSlider .dijitSliderProgressBarH,
.claro .dijitSlider .dijitSliderLeftBumper{
background-image: url("images/sliderHorizontal.png");
background-repeat:repeat-x;
background-position:0 -20px;
border-color: #b5bcc7;
background-color: #cfe5fa;
}
.claro .dijitSlider .dijitSliderRemainingBarH,
.claro .dijitSlider .dijitSliderRightBumper{
background-image: url("images/sliderHorizontal.png");
background-repeat:repeat-x;
background-position:0 -11px;
border-color: #b5bcc7;
background-color: #fff;
}
.claro .dijitSliderRightBumper {
border-right: solid 1px #b5bcc7;
}
.claro .dijitSliderLeftBumper {
border-left: solid 1px #b5bcc7;
}
.claro .dijitSliderHover .dijitSliderProgressBarH,
.claro .dijitSliderHover .dijitSliderLeftBumper{
background-position:0 -20px;
background-color: #abd6ff;
border-color: #769dc0;
}
.claro .dijitSliderHover .dijitSliderRemainingBarH,
.claro .dijitSliderHover .dijitSliderRightBumper{
background-position:0 0px;
background-color: #fff;
border-color: #769dc0;
}
.claro .dijitSliderFocused .dijitSliderProgressBarH,
.claro .dijitSliderFocused .dijitSliderLeftBumper{
background-position:0 -30px;
background-color: #abd6ff;
border-color: #769dc0;
}
.claro .dijitSliderFocused .dijitSliderRemainingBarH,
.claro .dijitSliderFocused .dijitSliderRightBumper{
background-position:0 -9px;
background-color: #fff;
border-color: #769dc0;
}
.claro .dijitSliderDisabled .dijitSliderProgressBarH,
.claro .dijitSliderDisabled .dijitSliderLeftBumper{
background-color: #cdcdcd;
background-image:none;
}
.claro .dijitSliderDisabled .dijitSliderRemainingBarH,
.claro .dijitSliderDisabled .dijitSliderRightBumper{
background-color: #efefef;
}
.claro .dijitRuleLabelsContainerV {
padding: 0px 2px;
}
.claro .dijitSlider .dijitSliderProgressBarV,
.claro .dijitSlider .dijitSliderBottomBumper{
background-image: url("images/sliderVertical.png");
background-repeat:repeat-y;
background-position:-36px 0;
border-color: #b5bcc7;
background-color: #cfe5fa;
}
.claro .dijitSlider .dijitSliderRemainingBarV,
.claro .dijitSlider .dijitSliderTopBumper{
background-image: url("images/sliderVertical.png");
background-repeat:repeat-y;
background-position:-3px 0;
border-color: #b5bcc7;
background-color: #fff;
}
.claro .dijitSliderBottomBumper {
border-bottom: solid 1px #b5bcc7;
}
.claro .dijitSliderTopBumper {
border-top: solid 1px #b5bcc7;
}
.claro .dijitSliderHover .dijitSliderProgressBarV,
.claro .dijitSliderHover .dijitSliderBottomBumper{
background-position:-36px 0;
background-color: #abd6ff;
}
.claro .dijitSliderHover .dijitSliderRemainingBarV,
.claro .dijitSliderHover .dijitSliderTopBumper{
background-position:0 0;
background-color: #fff;
}
.claro .dijitSliderFocused .dijitSliderProgressBarV,
.claro .dijitSliderFocused .dijitSliderBottomBumper{
background-position:-56px 0;
background-color: #abd6ff;
}
.claro .dijitSliderFocused .dijitSliderRemainingBarV,
.claro .dijitSliderFocused .dijitSliderTopBumper{
background-position:-18px 0;
background-color: #fff;
}
.claro .dijitSliderDisabled .dijitSliderProgressBarV,
.claro .dijitSliderDisabled .dijitSliderBottomBumper{
background-color: #cdcdcd;
}
.claro .dijitSliderDisabled .dijitSliderRemainingBarV,
.claro .dijitSliderDisabled .dijitSliderTopBumper{
background-color: #efefef;
}
.claro .dijitSliderImageHandleH {
border: 0px;
width: 18px;
height: 16px;
background-image: url("images/sliderThumbs.png");
background-repeat:no-repeat;
background-position:0 0;
}
.claro .dijitSliderHover .dijitSliderImageHandleH {
background-position:-18px 0;
}
.claro .dijitSliderFocused .dijitSliderImageHandleH {
background-position:-36px 0;
}
.claro .dijitSliderProgressBarH .dijitSliderThumbHover{
background-position:-36px 0;
}
.claro .dijitSliderProgressBarH .dijitSliderThumbActive{
background-position:-36px 0;
}
.claro .dijitSliderReadOnly .dijitSliderImageHandleH,
.claro .dijitSliderDisabled .dijitSliderImageHandleH {
background-position:-54px 0;
}
.claro .dijitSliderImageHandleV {
border: 0px;
width: 18px;
height: 16px;
background-image: url("images/sliderThumbs.png");
background-repeat:no-repeat;
background-position:-289px 0;
}
.claro .dijitSliderHover .dijitSliderImageHandleV {
background-position:-307px 0;
}
.claro .dijitSliderFocused .dijitSliderImageHandleV {
background-position:-325px 0;
}
.claro .dijitSliderProgressBarV .dijitSliderThumbHover{
background-position:-325px 0;
}
.claro .dijitSliderProgressBarV .dijitSliderThumbActive{
background-position:-325px 0;
}
.claro .dijitSliderReadOnly .dijitSliderImageHandleV,
.claro .dijitSliderDisabled .dijitSliderImageHandleV {
background-position:-343px 0;
}
.claro .dijitSliderButtonContainerH{
padding: 1px 3px 1px 2px;
}
.claro .dijitSliderButtonContainerV{
padding: 3px 1px 2px 1px;
}
.claro .dijitSliderDecrementIconH,
.claro .dijitSliderIncrementIconH,
.claro .dijitSliderDecrementIconV,
.claro .dijitSliderIncrementIconV {
background-image: url('images/commonFormArrows.png');
background-repeat:no-repeat;
background-color: #e9ecf2;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border: solid 1px #b5bcc7;
font-size: 1px;
}
.claro .dijitSliderDecrementIconH,
.claro .dijitSliderIncrementIconH {
height: 12px;
width: 9px;
}
.claro .dijitSliderDecrementIconV,
.claro .dijitSliderIncrementIconV {
height: 9px;
width: 12px;
}
.claro .dijitSliderActive .dijitSliderDecrementIconH,
.claro .dijitSliderActive .dijitSliderIncrementIconH,
.claro .dijitSliderActive .dijitSliderDecrementIconV,
.claro .dijitSliderActive .dijitSliderIncrementIconV,
.claro .dijitSliderHover .dijitSliderDecrementIconH,
.claro .dijitSliderHover .dijitSliderIncrementIconH,
.claro .dijitSliderHover .dijitSliderDecrementIconV,
.claro .dijitSliderHover .dijitSliderIncrementIconV {
border: solid 1px #769dc0;
background-color:#fff;
}
.claro .dijitSliderDecrementIconH {
background-position:-357px 50%;
}
.claro .dijitSliderActive .dijitSliderDecrementIconH
.claro .dijitSliderHover .dijitSliderDecrementIconH {
background-position:-393px 50%;
}
.claro .dijitSliderIncrementIconH {
background-position:-251px 50%;
}
.claro .dijitSliderActive .dijitSliderIncrementIconH
.claro .dijitSliderHover .dijitSliderIncrementIconH {
background-position:-283px 50%;
}
.claro .dijitSliderDecrementIconV {
background-position:-38px 50%;
}
.claro .dijitSliderActive .dijitSliderDecrementIconV
.claro .dijitSliderHover .dijitSliderDecrementIconV {
background-position:-73px 50%;
}
.claro .dijitSliderIncrementIconV {
background-position:-143px 49%;
}
.claro .dijitSliderActive .dijitSliderIncrementIconV
.claro .dijitSliderHover .dijitSliderIncrementIconV {
background-position:-178px 49%;
}
.claro .dijitSliderButtonContainerV .dijitSliderDecrementButtonHover,
.claro .dijitSliderButtonContainerH .dijitSliderDecrementButtonHover,
.claro .dijitSliderButtonContainerV .dijitSliderIncrementButtonHover,
.claro .dijitSliderButtonContainerH .dijitSliderIncrementButtonHover {
background-color: #cce3fc;
}
.claro .dijitSliderButtonContainerV .dijitSliderDecrementButtonActive,
.claro .dijitSliderButtonContainerH .dijitSliderDecrementButtonActive,
.claro .dijitSliderButtonContainerV .dijitSliderIncrementButtonActive,
.claro .dijitSliderButtonContainerH .dijitSliderIncrementButtonActive {
background-color: #a5d0fc;
border-color:#6591b9;
}
.claro .dijitSliderButtonInner {
visibility: hidden;
}
.claro .dijitSliderDisabled .dijitSliderBar{
border-color: #d3d3d3;
}
.claro .dijitSliderReadOnly *,.claro .dijitSliderDisabled * {
border-color: #d3d3d3;
color: #bdbdbd;
}
.claro .dijitSliderReadOnly .dijitSliderDecrementIconH,
.claro .dijitSliderDisabled .dijitSliderDecrementIconH {
background-position:-321px 50%;
background-color:#e9e9e9;
}
.claro .dijitSliderReadOnly .dijitSliderIncrementIconH,
.claro .dijitSliderDisabled .dijitSliderIncrementIconH {
background-position:-215px 50%;
background-color:#e9e9e9;
}
.claro .dijitSliderReadOnly .dijitSliderDecrementIconV,
.claro .dijitSliderDisabled .dijitSliderDecrementIconV {
background-position:-3px 49%;
background-color:#e9e9e9;
}
.claro .dijitSliderReadOnly .dijitSliderIncrementIconV,
.claro .dijitSliderDisabled .dijitSliderIncrementIconV {
background-position:-107px 49%;
background-color:#e9e9e9;
}
.dj_ie6 .claro .dijitSlider .dijitSliderProgressBarH,
.dj_ie6 .claro .dijitSlider .dijitSliderLeftBumper,
.dj_ie6 .claro .dijitSlider .dijitSliderRemainingBarH,
.dj_ie6 .claro .dijitSlider .dijitSliderRightBumper,
.dj_ie6 .claro .dijitSlider .dijitSliderProgressBarV,
.dj_ie6 .claro .dijitSlider .dijitSliderTopBumper,
.dj_ie6 .claro .dijitSlider .dijitSliderRemainingBarV,
.dj_ie6 .claro .dijitSlider .dijitSliderBottomBumper {
background-image:none;
}
|