Issues:
1/* RadComboBox base skin */
2
3/*global*/
4
5.RadComboBox *
6{
7 margin: 0;
8 padding: 0;
9}
10
11.RadComboBox,
12.RadComboBox .rcbInput,
13.RadComboBoxDropDown
14{
15 text-align: left;
16}
17
18.RadComboBox_rtl,
19.RadComboBox_rtl .rcbInput,
20.RadComboBoxDropDown_rtl
21{
22 text-align: right;
23}
24
25/* combobox */
26
27.RadComboBox
28{
29 vertical-align: middle;
30 display: -moz-inline-stack;
31 display: inline-block;
32}
33
34*+html .RadComboBox
35{
36 display: inline;
37
zoom: 1;
38}
39
40* html .RadComboBox
41{
42 display: inline;
43
zoom: 1;
44 vertical-align: top;
45}
46
47.RadComboBox table
48{
49 border: 0;
50 border-collapse: collapse;
51}
52
53.RadComboBox table td.rcbInputCell
54{
55 width: 100%;
56 height: 20px;
57 line-height: 20px;
58 vertical-align: middle;
59 padding: 0;
60 border: 0;
61}
62
63* html .RadComboBox td.rcbInputCell
64{
65 height /**/: 22px;
66 line-height /**/: 22px;
67}
68
69/* combobox */
70
71.RadComboBox .rcbInputCellLeft,
72.RadComboBox .rcbInputCellRight,
73.RadComboBox .rcbArrowCellLeft,
74.RadComboBox .rcbArrowCellRight
75{
76 background-color: transparent;
77 background-repeat: no-repeat;
78}
79
80.RadComboBox .rcbInputCell .rcbInput
81{
82 width: 100%;
83 background: transparent;
84 border: 0;
85 vertical-align: middle;
86 padding: 2px 0 1px;
87 outline: 0;
88}
89
90* html .RadComboBox .rcbInputCell .rcbInput
91{
92 height /**/: 18px;
93 padding /**/: 2px 0 0; /* This should fix the ajax introduced height in IE6 */
94}
95
96.RadComboBox .rcbInputCell .rcbEmptyMessage
97{
98 font-style: italic;
99}
100
101.RadComboBox .rcbReadOnly .rcbInput
102{
103 cursor: default;
104}
105
106.RadComboBox table td.rcbInputCell,
107.RadComboBox .rcbInputCell .rcbInput
108{
109 padding-left: 2px;
110}
111
112.RadComboBox_rtl table td.rcbInputCell,
113.RadComboBox_rtl .rcbInputCell .rcbInput
114{
115 padding-right: 2px;
116 padding-left: 0;
117}
118
119.RadComboBox table td.rcbArrowCell
120{
121 width: 18px;
122 padding: 0;
123 border: 0;
124}
125
126.RadComboBox .rcbArrowCell a
127{
128 position: relative;
129 outline: 0;
130 overflow: hidden;
131 display: block;
132 width: 18px;
133 height: 22px;
134 text-decoration: none;
135 text-indent: 9999px;
136 font-size: 0;
137 line-height: 1px;
138}
139
140div.RadComboBox td.rcbArrowCellHidden,
141div.RadComboBox .rcbArrowCellHidden a
142{
143 width: 3px;
144}
145
146/* Read-only styles */
147
148.RadComboBox .rcbReadOnly td.rcbArrowCell { width: 16px; }
149.RadComboBox .rcbReadOnly td.rcbArrowCell a { width: 16px; }
150
151.RadComboBox .rcbReadOnly td.rcbArrowCellHidden,
152.RadComboBox .rcbReadOnly td.rcbArrowCellHidden a { width: 3px; }
153
154/* dropdown */
155
156.rcbSlide
157{
158 position: absolute;
159 overflow: hidden;
160 display: none;
161
_height: 1px;
162 float: left;
163}
164
165.RadComboBoxDropDown .rcbHeader,
166.RadComboBoxDropDown .rcbFooter,
167.RadComboBoxDropDown .rcbMoreResults,
168.RadComboBoxDropDown .rcbMoreResults a
169{
170 background-repeat: no-repeat;
171}
172
173.RadComboBoxDropDown
174{
175 position: absolute;
176 cursor: default;
177
font-size: 11px;
178 border-width: 1px;
179 border-style: solid;
180}
181
182.RadComboBoxDropDown_rtl
183{
184 text-align: right;
185 direction: rtl;
186}
187
188.RadComboBoxDropDown .rcbScroll
189{
190 overflow: auto;
191 position: relative;
192}
193
194.RadComboBoxDropDown .rcbList
195{
196 list-style: none outside;
197 position: relative;
198 margin: 0;
199 padding: 0;
200}
201
202.RadComboBoxDropDown .rcbHeader,
203.RadComboBoxDropDown .rcbFooter
204{
205 background-repeat: repeat-x;
206 padding: 5px 7px 4px;
207}
208
209.RadComboBoxDropDown .rcbHeader
210{
211 border-bottom-width: 1px;
212 border-bottom-style: solid;
213 margin-bottom: 1px;
214}
215
216.RadComboBoxDropDown .rcbFooter
217{
218 border-top-width: 1px;
219 border-top-style: solid;
220 margin-top: 1px;
221}
222
223.RadComboBoxDropDown .rcbNoWrap .rcbItem,
224.RadComboBoxDropDown .rcbNoWrap .rcbHovered,
225.RadComboBoxDropDown .rcbNoWrap .rcbDisabled,
226.RadComboBoxDropDown .rcbNoWrap .rcbLoading
227{
228 white-space: nowrap;
229}
230
231.RadComboBoxDropDown .rcbItem,
232.RadComboBoxDropDown .rcbHovered,
233.RadComboBoxDropDown .rcbDisabled,
234.RadComboBoxDropDown .rcbLoading
235{
236 padding: 2px 6px;
237 margin: 0 1px;
238}
239
240html>/**/body .RadComboBoxDropDown .rcbItem,
241html>/**/body .RadComboBoxDropDown .rcbHovered,
242html>/**/body .RadComboBoxDropDown .rcbDisabled,
243html>/**/body .RadComboBoxDropDown .rcbLoading
244{
245 min-height: 13px;
246}
247
248*+html .RadComboBoxDropDown .rcbItem,
249*+html .RadComboBoxDropDown .rcbHovered,
250*+html .RadComboBoxDropDown .rcbDisabled,
251*+html .RadComboBoxDropDown .rcbLoading
252{
253 height: auto;
254}
255
256.RadComboBoxDropDown_rtl .rcbItem,
257.RadComboBoxDropDown_rtl .rcbHovered,
258.RadComboBoxDropDown_rtl .rcbDisabled,
259.RadComboBoxDropDown_rtl .rcbLoading
260{
261 padding: 2px 6px;
262}
263
264.RadComboBoxDropDown .rcbImage
265{
266 vertical-align: middle;
267 margin: 0 6px 2px 0;
268}
269
270.RadComboBoxDropDown_rtl .rcbImage
271{
272 margin: 0 0 2px 6px;
273}
274
275.RadComboBoxDropDown .rcbHovered
276{
277 background-repeat: repeat-x;
278}
279
280.RadComboBoxDropDown em
281{
282 font-style: normal;
283 font-weight: bold;
284}
285
286*+html div.RadComboBoxDropDown .rcbList {
zoom: 1; }
/* IE7 item width fix */
287* html div.RadComboBoxDropDown .rcbItem,
288* html div.RadComboBoxDropDown .rcbHovered {
zoom: 1; } /* IE6 item width fix */
289
290.RadComboBox .rcbDisabled .rcbInputCell .rcbInput,
291.RadComboBoxDropDown .rcbDisabled
292{
293 cursor: default;
294}
295
296.RadComboBoxDropDown .rcbLoading
297{
298 text-align: center;
299}
300
301.RadComboBoxDropDown .rcbMoreResults
302{
303 clear: both;
304 border-top-width: 1px;
305 border-top-style: solid;
306 background-repeat: repeat-x;
307 position: relative;
308 padding: 0 6px 0;
309 text-align: center;
310 margin-top: 1px;
311}
312
313.RadComboBoxDropDown .rcbMoreResults a
314{
315 display: inline-block;
316 width: 15px;
317 height: 9px;
318 text-indent: -9999px;
319 overflow: hidden;
320 text-decoration: none;
321 cursor: pointer;
322 vertical-align: middle;
323}
324
325* html .RadComboBoxDropDown .rcbMoreResults a
326{
327 font-size: 0;
328 line-height: 0;
329 text-indent: 0;
330}
331
332*+html .RadComboBoxDropDown .rcbMoreResults a
333{
334 font-size: 0;
335 line-height: 0;
336 text-indent: 0;
337}
338
339.RadComboBoxDropDown .rcbMoreResults span
340{
341 vertical-align: middle;
342 height: 19px;
343 line-height: 19px;
344 display: inline-block;
345}
346
347.RadComboBoxDropDown .rcbSeparatedList .rcbItem,
348.RadComboBoxDropDown .rcbSeparatedList .rcbHovered,
349.RadComboBoxDropDown .rcbSeparatedList .rcbDisabled,
350.RadComboBoxDropDown .rcbSeparatedList .rcbLoading
351{
352 padding-left: 12px;
353}
354
355.RadComboBoxDropDown .rcbSeparatedList .rcbSeparator
356{
357 padding-left: 6px;
358}
359
360/*<ComboBox with Label>*/
361
362.RadComboBoxWithLabel .rcbLabel
363{
364 vertical-align: top;
365 padding-right: 10px;
366 line-height: 22px;
367
zoom: 1;
368}
369
370.RadComboBox_rtl .rcbLabel
371{
372 text-align: right;
373 padding: 0 0 0 10px;
374}
375*+html .RadComboBox_rtl .rcbLabel { margin-right: 5px; }
376* html .RadComboBox_rtl .rcbLabel { margin-right: 5px; }
377
378.RadComboBoxWithLabel table
379{
380 vertical-align: top;
381 float: none;
382 display: inline-block;
383
zoom: 1;
384}
385*+html .RadComboBoxWithLabel table { display: inline; margin-right: 5px; }
386* html .RadComboBoxWithLabel table { display: inline; margin-right: 5px; }
387
388.RadComboBoxWithLabel
389{
390 white-space: nowrap;
391
zoom: normal;
392}
393
394/*</ComboBox with Label>*/
395
396/*hacks*/
397
398/*Opera start*/
399@media screen and (min-width: 550px)
400{
401 .RadComboBoxDropDown_rtl .rcbItem,
402 .RadComboBoxDropDown_rtl .rcbHovered,
403 .RadComboBoxDropDown_rtl .rcbDisabled,
404 .RadComboBoxDropDown_rtl .rcbLoading
405 {
406 padding: 2px 6px 2px 19px;
407 }
408} /*Opera end*/