Converted Rico3 icons to CSS sprites. Moved minsrc and baselibs directories out of...
[infodrom/rico3] / ricoClient / css / rico.css
1 /* \r
2  *Rico stylesheet\r
3  */\r
4 \r
5 /* LiveGrid & SimpleGrid */\r
6  \r
7 .ricoLG_outerDiv {\r
8   position:relative;\r
9 }\r
10 \r
11 div.ricoLG_innerDiv, div.ricoLG_frozenTabsDiv {\r
12   overflow:hidden;\r
13   margin:0px;\r
14   padding:0px;\r
15   position:relative;\r
16 }\r
17 \r
18 div.ricoLG_scrollDiv {\r
19   overflow:scroll;\r
20   position:relative;\r
21 }\r
22 \r
23 div.ricoLG_scrollContainerDiv {\r
24   position:relative;\r
25 }\r
26 \r
27 div.ricoLG_scrollTabDiv {\r
28   position:absolute;\r
29   left:0px;\r
30   top:0px;\r
31   overflow:hidden;\r
32 }\r
33 \r
34 div.ricoLG_resizeDiv {\r
35   position:absolute;\r
36   top:0px;\r
37   width:1px;\r
38   z-index:2;\r
39   background-color:blue;\r
40 }\r
41 \r
42 div.ricoLG_highlightDiv {\r
43   position:absolute;\r
44   border: 2px solid black;\r
45 }\r
46 \r
47 .ricoLG_table, table.ricoLiveGrid {\r
48   margin: 0px;\r
49   padding: 0px;\r
50   border-right: 1px solid silver;\r
51   border-left-width: 0px;  /* for dojo */\r
52 }\r
53 \r
54 .ricoLG_FilterRow  div.ricoLG_cell {\r
55   height:1.6em;\r
56   line-height: 1.6em;\r
57   white-space: nowrap;\r
58 }\r
59 .ricoLG_FilterRow  div.ricoLG_cell * {\r
60   vertical-align: top;\r
61 }\r
62 .ricoLG_FilterRow select {\r
63   width:100%; \r
64 }\r
65 \r
66 div.ricoLG_mFilter {\r
67   position:absolute;\r
68   z-index:200;\r
69   border: 1px solid #888;\r
70 }\r
71 div.ricoLG_mFilter * {\r
72   font-size: 8pt;\r
73 }\r
74 div.ricoLG_mFilter_content {\r
75   height: 150px;\r
76   width: 100%;\r
77   overflow: auto;\r
78   background-color: white;\r
79 }\r
80 div.ricoLG_mFilter_button {\r
81   padding: 3px;\r
82   background-color: #DDD;\r
83 }\r
84 tr.ricoLG_mFilter_oddrow {\r
85   background-color: #EEE;\r
86 }\r
87 \r
88 table.ricoLG_bottom {\r
89   border-top-style: none;\r
90 }\r
91 \r
92 .ricoLG_selection { background-color: #cedebd; }\r
93 \r
94 div.ricoLG_col {\r
95   overflow:hidden;\r
96   width:100px;\r
97 }\r
98 \r
99 table.ricoLG_top thead div.ricoLG_col {\r
100   position:relative;\r
101 }\r
102 \r
103 table.ricoLG_top thead div.ricoLG_Resize {\r
104   position:absolute;\r
105   width:5px;\r
106   height:100%;\r
107   top:0px;\r
108   cursor:e-resize;\r
109 }\r
110 \r
111 .ricoLG_bottom div.ricoLG_cell {\r
112   border-style: solid;\r
113   border-color: silver;\r
114   border-width: 0px 0px 1px 0px;\r
115 }\r
116 \r
117 table.ricoLG_top, table.ricoLiveGrid  {\r
118   border-top: 1px solid silver;\r
119 }\r
120 \r
121 table.ricoLG_top thead th, table.ricoLG_top thead td, table.ricoLiveGrid td, table.ricoLiveGrid th {\r
122   border-style: solid;\r
123   border-color: silver;\r
124   border-width: 0px 0px 1px 1px;\r
125 }\r
126 \r
127 * html table.ricoLG_top thead th, * html table.ricoLG_top thead td, * html table.ricoLiveGrid td, * html table.ricoLiveGrid th {\r
128   position: relative; /* IE6  only */\r
129 }\r
130 \r
131 .ricoLG_bottom th, .ricoLG_bottom td {\r
132   border-style: solid;\r
133   border-color: silver;\r
134   border-width: 0px 0px 0px 1px;\r
135 }\r
136 \r
137 div.ricoLG_cell, table.ricoLiveGrid td, table.ricoLiveGrid th {\r
138   overflow:hidden;\r
139   height:1.2em;\r
140   padding-left: 3px;\r
141   margin: 0px;\r
142   font-size: 10pt;\r
143         padding-top:3px;\r
144         padding-bottom:3px;\r
145 }\r
146 \r
147 div.ricoLG_messageDiv {\r
148   font-weight:bold;\r
149   font-size:larger;\r
150   text-align:center;\r
151   padding:1em;\r
152   opacity:0.8;\r
153 }\r
154 \r
155 p.ricoBookmark {\r
156   margin-bottom: 3px;\r
157   font-size: 10pt;\r
158   white-space: nowrap;\r
159 }\r
160 \r
161 p.ricoBookmark span {\r
162   margin-right: 1em;\r
163   font-size: 10pt;\r
164 }\r
165 \r
166 span.ricoCaption {\r
167   font-weight: bold;\r
168 }\r
169 \r
170 div.alignleft {\r
171   text-align: left;\r
172 }\r
173 \r
174 div.aligncenter {\r
175   text-align: center;\r
176 }\r
177 \r
178 div.alignright {\r
179   text-align: right;\r
180 }\r
181 \r
182 span.ricoSessionTimer {\r
183   background-color:black;\r
184   color:white;\r
185 }\r
186 \r
187 table.ricoLG_top thead option, table.ricoLG_top thead select, table.ricoLG_top thead input {\r
188   font-weight: normal;\r
189   font-size: 8pt !important;\r
190   padding: 1px;\r
191 }\r
192 \r
193 /* grid column chooser */\r
194 \r
195 div.ricoLG_chooserDiv {\r
196   z-index:200;\r
197 }\r
198 div.ricoLG_chooserDiv  .ricoContent {\r
199   height: 150px;\r
200   width: 200px;\r
201 }\r
202 .ricoContent {\r
203   padding: 3px;\r
204   overflow: auto;\r
205 }\r
206 div.ricoLG_chooserDiv .ricoContent div {\r
207   border-bottom: 1px solid #CCC;\r
208 }\r
209 div.ricoLG_chooserDiv .ricoContent input {\r
210   margin-right: 0.5em;\r
211 }\r
212 \r
213 /* grid keyword entry */\r
214 \r
215 div.ricoLG_chooserDiv  *, div.ricoLG_keywordDiv * {\r
216   font-size: 8pt;\r
217 }\r
218 div.ricoLG_keywordDiv {\r
219   position:absolute;\r
220   z-index:200;\r
221   width: 250px;\r
222 }\r
223 \r
224 div.ricoLG_keywordDiv input {\r
225   position: relative;\r
226   font-size: 9pt;\r
227   float: left;\r
228 }\r
229 \r
230 \r
231 /* LiveGrid Forms */\r
232 \r
233 span.ricoSaveMsg {\r
234   background-color:yellow;\r
235 }\r
236 \r
237 span.ricoSessionTimer {\r
238   background-color:black;\r
239   color:white;\r
240 }\r
241 \r
242 div.ricoLG_editResponseDiv {\r
243   color:#000; background:#E8ECF3;\r
244   overflow:auto;\r
245   padding:8px;\r
246   border: 1px solid navy;\r
247   position:absolute;\r
248   z-index:300;\r
249   top:0px;\r
250   left:0px;\r
251 }\r
252 \r
253 .ricoLG_editDiv *, div.ricoLG_editResponseDiv {\r
254   font-size: 10pt;\r
255 }\r
256 \r
257 form .ricoEditLabel sup {\r
258   font-size: smaller;\r
259 }\r
260 \r
261 form .ricoEditLabel {\r
262   font-weight: bold;\r
263   text-align: left;\r
264   padding-right: 1em;\r
265 }\r
266 \r
267 .ricoLG_editDiv a.RicoButton {\r
268   text-decoration: none;\r
269   padding: 0.3em 1em;\r
270   margin-right: 6px;\r
271 }\r
272 \r
273 .ricoLG_editDiv div.ButtonBar {\r
274   padding: 0.3em 0px;\r
275   margin: 3px;\r
276 }\r
277 \r
278 .ricoLG_editDiv form {\r
279   margin:0px;\r
280 }\r
281 \r
282 .ricoLG_editDiv .tabContent, div.ricoLG_editDiv .noTabContent {\r
283   overflow: hidden;\r
284   padding: 4px;\r
285   white-space:nowrap;\r
286 }\r
287 \r
288 \r
289 /* shadows */\r
290 .ricoShadow {\r
291   -moz-box-shadow: 3px 3px 4px #888;\r
292   -webkit-box-shadow: 3px 3px 4px #888;\r
293   box-shadow: 3px 3px 4px #888;\r
294   /* For IE 8 */\r
295   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";\r
296   /* For IE 5.5 - 7 */\r
297   filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');\r
298 }\r
299 \r
300 \r
301 /* ricoMenu */\r
302 \r
303 div.ricoMenu, div.ricoMenuSafari {\r
304 border:1px solid #666;\r
305 padding:2px;\r
306 cursor:default;\r
307 }\r
308 \r
309 div.ricoMenu, div.ricoMenu div.ricoMenuHeading, div.ricoMenu a {\r
310 background-color:menu;\r
311 color: menutext;\r
312 text-decoration: none;\r
313 font-family:tahoma,arial,helvetica,sans-serif;\r
314 font-size: 8pt;\r
315 display:block;\r
316 }\r
317 \r
318 div.ricoMenuSafari, div.ricoMenuSafari div.ricoMenuHeading, div.ricoMenuSafari a {\r
319 background-color:#EDEDED;\r
320 text-decoration: none;\r
321 font-family:tahoma,arial,helvetica,sans-serif;\r
322 font-size: 8pt;\r
323 display:block;\r
324 }\r
325 \r
326 div.ricoMenu div.ricoMenuHeading{\r
327 padding: 1px 0px;\r
328 font-weight:bold;\r
329 }\r
330 \r
331 div.ricoMenuSafari div.ricoMenuHeading{\r
332 padding: 1px 0px;\r
333 color: black;\r
334 display: block;\r
335 font-weight:bold;\r
336 }\r
337 \r
338 div.ricoMenu .enabled {\r
339 position: relative;\r
340 }\r
341 \r
342 div.ricoMenuSafari .enabled {\r
343 color: black;\r
344 }\r
345 \r
346 div.ricoMenu .enabled, div.ricoMenu .enabled-hover, div.ricoMenuSafari .enabled, div.ricoMenuSafari .enabled-hover, div.ricoMenu .disabled, div.ricoMenuSafari .disabled {\r
347 padding-left: 1em;\r
348 padding-top:0.1em;\r
349 padding-bottom:0.1em;\r
350 z-index: 101;\r
351 }\r
352 \r
353 div.ricoMenu .disabled, div.ricoMenuSafari .disabled {\r
354 color: #999;\r
355 }\r
356 \r
357 div.ricoMenu hr{\r
358 height:1px;\r
359 margin:1px;\r
360 border:0;\r
361 color: menu;\r
362 background-color: menu;\r
363 }\r
364 \r
365 div.ricoMenu .enabled-hover, div.ricoMenu .ricoSubMenuOpen {\r
366    background-color: Highlight;\r
367    color:            HighlightText;\r
368 }\r
369 \r
370 div.ricoMenuSafari .enabled-hover, div.ricoMenuSafari .ricoSubMenuOpen {\r
371    background-color: #1657B8;\r
372    color:            white;\r
373 }\r
374 \r
375 div.ricoMenu .ricoSubMenu, div.ricoMenu .ricoSubMenuOpen, div.ricoMenuSafari .ricoSubMenu, div.ricoMenuSafari .ricoSubMenuOpen {\r
376 padding: 1px 0px;\r
377 display: block;\r
378 font-weight:bold;\r
379 z-index: 101;\r
380 position: relative;\r
381 }\r
382 \r
383 div.ricoMenu div.ricoMenuBreak, div.ricoMenuSafari div.ricoMenuBreak {\r
384 height:1px;\r
385 margin:3px 0 3px 0;\r
386 padding:0;\r
387 background-color: #AAA;\r
388 width:100%;\r
389 line-height:5px;\r
390 overflow:hidden;\r
391 }\r
392 \r
393 a.RicoButton {\r
394   -moz-border-radius: 6px;\r
395   -webkit-border-radius: 6px;\r
396 }\r
397 \r
398 \r
399 /* Rico.Window */\r
400 \r
401 \r
402 .ricoTitle {\r
403   padding: 3px;\r
404   cursor: move;\r
405 }\r
406 \r
407 .ricoTitleSpan {\r
408   margin-right: 25px;\r
409   white-space: nowrap;\r
410 }\r
411 \r
412 .ui-dialog, .ui-datepicker {\r
413   width: auto !important;\r
414 }\r
415 \r
416 a.RicoButtonAnchor {\r
417   padding: 1px 0;\r
418   margin: 1px;\r
419   position: relative;\r
420   cursor: pointer;\r
421   float: left;\r
422 }\r
423 \r
424 a.RicoButtonAnchorNative {\r
425   border:1px solid #888;\r
426   background-color: #DDD;\r
427 }\r
428 \r
429 a.RicoButtonAnchor span {\r
430   margin: 0 1px;\r
431   float: left;\r
432 }\r
433 \r
434 a.RicoButtonAnchorNative:hover {\r
435   border:1px solid #666;\r
436   background-color: #CCC;\r
437 }\r
438 \r
439 * html .ui-dialog-titlebar .ui-dialog-titlebar-close {\r
440   top: 16px;   /* required by IE6 */\r
441 }\r
442 \r
443 .ricoLG_cell .ui-icon {\r
444   text-indent: 0px !important;\r
445 }\r
446 \r
447 \r
448 \r
449 /* ricoKeywordSearch */\r
450 .ricoKeywordSearch * {\r
451   font-size: 8pt;\r
452 }\r
453 \r
454 \r
455 /* ricoTree */\r
456 \r
457 .ricoTreeContainer {\r
458   background-color:#cedebd;\r
459   border:1px solid black;\r
460   padding:4px;\r
461 }\r
462 \r
463 .ricoTree td {\r
464   padding: 0px;\r
465 }\r
466 \r
467 .ricoTree {\r
468   border:thin inset;\r
469   overflow:auto;\r
470   background-color:#FFF;\r
471 }\r
472 \r
473 .ricoTree p, .ricoTree a {\r
474   margin:0px;\r
475   padding-left:0.3em;\r
476   white-space:nowrap;\r
477 }\r
478 \r
479 .ricoTree a {\r
480   cursor:pointer;\r
481   text-decoration:none;\r
482 }\r
483 \r
484 .ricoTree img {\r
485   margin:0px;\r
486   padding:0px;\r
487   display:block;\r
488 }\r
489 \r
490 .ricoTreeContainer *, .ricoTree * {\r
491   font-size:8pt;\r
492   white-space:nowrap;\r
493 }\r
494 \r
495 .ricoTreeButtons span:hover {\r
496   background-color:#deeecd;\r
497 }\r
498 \r
499 \r
500 /* ricoCalendar */\r
501 \r
502 table.ricoCalTab, table.ricoCalTab *, .ricoCalYearPrompt *, div.ricoTreeContainer * {\r
503   font-size:8pt !important;\r
504 }\r
505 \r
506 table.ricoCalTab {\r
507   width: auto !important;\r
508 }\r
509 \r
510 div.ricoCalContainer table.ricoCalTab, div.ricoCalContainer td.ricoCalEmpty, div.ricoCalContainer tr.ricoCalDayNames td  {\r
511   background-color:#eee;\r
512 }\r
513 \r
514 div.ricoCalContainer  .ricoCalToday {\r
515   font-weight:bold;\r
516   background-color: #33FFFF !important;\r
517 }\r
518 \r
519 div.ricoCalContainer .ricoSelectedDay {\r
520   font-weight:bold;\r
521   background-color: #FFFF66 !important;\r
522 }\r
523 \r
524 div.ricoCalContainer tbody td.hover {\r
525   background-color: #FDD;\r
526 }\r
527 \r
528 table.ricoCalTab thead a {\r
529   text-decoration: none;\r
530 }\r
531 \r
532 span.RicoCalMonthHeading {\r
533   position:relative;\r
534   margin: 0px 1.6em;\r
535   display: block;\r
536   padding: 0px;\r
537   width: 6em;\r
538   text-align: center;\r
539   float: left;\r
540 }\r
541 \r
542 span.RicoCalYearHeading {\r
543   position:relative;\r
544   display: block;\r
545   width: 7em;\r
546   text-align: center;\r
547   float: left;\r
548 }\r
549 \r
550 span.Rico_leftArrow {\r
551   background-position: -10px -1046px;\r
552   position: absolute;\r
553   top: 4px;\r
554   left: 0px;\r
555   width: 11px;\r
556   height: 11px;\r
557 }\r
558 \r
559 a.Rico_leftArrow {\r
560   position: absolute;\r
561   top: -3px !important;\r
562   left: 0px !important;\r
563   width: 12px;\r
564   height: 1.6em;\r
565 }\r
566 \r
567 span.Rico_rightArrow {\r
568   background-position: -10px -1108px;\r
569   position: absolute;\r
570   top: 4px;\r
571   right: 0px;\r
572   width: 11px;\r
573   height: 11px;\r
574 }\r
575 \r
576 a.Rico_rightArrow {\r
577   position: absolute;\r
578   top: -3px !important;\r
579   right: 0px !important;\r
580   width: 12px;\r
581   height: 1.6em;\r
582 }\r
583 \r
584 table.ricoCalTab thead img {\r
585   border:none;\r
586 /*  padding-left: 0.3em;\r
587   padding-right: 0.3em;*/\r
588 }\r
589 \r
590 table.ricoCalTab thead a.hover {\r
591   cursor:pointer;\r
592 }\r
593 \r
594 .ricoCalYearPrompt td {\r
595   white-space: nowrap;\r
596 }\r
597 \r
598 div.ricoCalYearPrompt {\r
599   margin: 0px;\r
600   padding: 3px;\r
601 }\r
602 \r
603 div.ricoCalContainer  div.ricoCalYearPrompt {\r
604   border:1px solid #666666;\r
605   background-color: #FEE;\r
606 }\r
607 \r
608 div.ricoCalContainer  .ricoCalYearPrompt img {\r
609   border: 1px solid black;\r
610   margin-left: 3px;\r
611   vertical-align: middle;\r
612 }\r
613 \r
614 div.ricoCalContainer table.ricoCalTab thead th {\r
615   background-color: #D4D0C8;\r
616   font-weight: bold;\r
617   text-align:center;\r
618   padding: 2px;\r
619 }\r
620 \r
621 .RicoCalHeading {\r
622   position: relative;\r
623   padding: 1px 0px;\r
624   height: 1%;\r
625 }\r
626 \r
627 table.ricoCalTab tfoot td {\r
628   text-align:center;\r
629   padding: 2px;\r
630   cursor:pointer;\r
631 }\r
632 \r
633 div.ricoCalContainer  tfoot td {\r
634   color:#FFF;\r
635   background-color: #666666;\r
636 }\r
637 \r
638 table.ricoCalTab tfoot span {\r
639   text-decoration: underline;\r
640   cursor:pointer;\r
641 }\r
642 \r
643 div.ricoCalContainer table.ricoCalTab tbody {\r
644   background-color: white;\r
645 }\r
646 \r
647 tr.ricoCalDayNames td {\r
648   font-weight: bold;\r
649 /*  padding: 0px 2px 0px 2px;*/\r
650   padding: 0px !important;\r
651   text-align:right;\r
652 }\r
653 \r
654 table.ricoCalTab td, table.ricoCalTab th {\r
655   width:2.7em;\r
656 }\r
657 \r
658 td.ricoCal0, td.ricoCal1, td.ricoCal2, td.ricoCal3, td.ricoCal4, td.ricoCal5, td.ricoCal6, td.ricoCalToday, td.ricoCalEmpty {\r
659   text-align:right;\r
660   text-decoration:none;\r
661 }\r
662 \r
663 td.ricoCal0, td.ricoCal1, td.ricoCal2, td.ricoCal3, td.ricoCal4, td.ricoCal5, td.ricoCal6 {\r
664   cursor:pointer;\r
665 /*  padding-right: 2px !important;*/\r
666   padding: 0px;\r
667 }\r
668 \r
669 /* Monday-Friday */\r
670 div.ricoCalContainer td.ricoCal1, div.ricoCalContainer td.ricoCal2, div.ricoCalContainer td.ricoCal3, div.ricoCalContainer td.ricoCal4, div.ricoCalContainer td.ricoCal5 {\r
671   color:black;\r
672   background-color:#fff;\r
673 }\r
674 \r
675 /* Sunday, Saturday */\r
676 div.ricoCalContainer td.ricoCal0, div.ricoCalContainer td.ricoCal6 {\r
677   color:#999;\r
678   background-color:#fff;\r
679 }\r
680 \r
681 td.ricoCalToday {\r
682   cursor:pointer;\r
683   color:red;\r
684   font-weight:bold;\r
685 }\r
686 \r
687 td.ricoCalWeekNum {\r
688   background-color: #D4D0C8;\r
689   color:black;\r
690   text-align:center;\r
691 }\r
692 \r
693 .ricoCalMenu {\r
694   width:12em !important;\r
695 }\r
696 div.ricoCalContainer .ricoCalMenu {\r
697   background-color: #FEE;\r
698   border-bottom:1px solid #666666;\r
699   border-right:1px solid #666666;\r
700 }\r
701 \r
702 div.ricoCalContainer .ricoCalMenu td {\r
703   border-top:1px solid #666666;\r
704   border-left:1px solid #666666;\r
705 }\r
706 \r
707 .ricoCalMenu a {\r
708   display:block;\r
709   text-decoration:none;\r
710   cursor:pointer;\r
711   font-size:8pt;\r
712   text-align: center !important;\r
713 }\r
714 \r
715 div.ricoCalContainer .ricoCalMenu a {\r
716   color:black;\r
717 }\r
718 \r
719 div.ricoCalContainer .ricoCalMenu a:hover {\r
720   background-color: #FCC;\r
721 }\r
722 \r
723 \r
724 /* ricoColorPicker */\r
725 \r
726 div.ricoColorPicker {\r
727   background-color: white;\r
728 }\r
729 \r
730 div.ricoColorPicker td {\r
731   width: 12px;\r
732   height: 12px;\r
733   font-size: 10px;\r
734 }\r
735 \r
736 /* tabbed panels and accordion */\r
737 \r
738 .Rico_tabNavContainer {\r
739   display:block;\r
740   margin:0px;\r
741   padding: 0px;\r
742 }\r
743 \r
744 .Rico_tabTitle {\r
745   float: left;\r
746   margin-left: 1px;\r
747   margin-right: 1px;\r
748   margin-bottom: 0px;\r
749   display: inline;\r
750 }\r
751 .Rico_tabContent, .Rico_accContent {\r
752   padding: 1em;\r
753 }\r
754 .Rico_accContent {\r
755   overflow: auto;\r
756 }\r
757 .Rico_tabContentContainer {\r
758   clear:both;\r
759 }\r
760 .Rico_tabNavContainer .hover, .Rico_accTitle {\r
761   cursor: pointer;\r
762 }\r
763 \r
764 div.ricoCorner {\r
765   position: absolute;\r
766 }\r
767 div.ricoCorner div {\r
768   line-height: 1px;\r
769   font-size:1px;\r
770   overflow: hidden;\r
771 }\r
772 \r
773 * html .Rico_tabPanel {\r
774   height: 1%;\r
775   position: relative;\r
776 }\r
777 \r
778 * html .ui-tabs {\r
779   position: relative;\r
780 }\r
781 \r
782 * html .Rico_tabNavContainer {\r
783   height: 1%;\r
784   position: relative;\r
785 }\r
786 \r
787 .rico-calarrow {\r
788   width: 37px;\r
789   height: 18px;\r
790   display: inline-block;\r
791   background-position: -10px -10px;\r
792 }\r
793 .rico-calendaricon {\r
794   width: 17px;\r
795   height: 17px;\r
796   display: inline-block;\r
797   background-position: -10px -48px;\r
798 }\r
799 .rico-close-b {\r
800   background-position: -10px -122px;\r
801 }\r
802 .rico-close-w {\r
803   background-position: -10px -155px;\r
804 }\r
805 .rico-delete-b {\r
806   background-position: -10px -188px;\r
807 }\r
808 .rico-delete-w {\r
809   background-position: -10px -225px;\r
810 }\r
811 .rico-doc {\r
812   background-position: -10px -262px;\r
813 }\r
814 .rico-dotbutton {\r
815   width: 17px;\r
816   height: 17px;\r
817   display: inline-block;\r
818   background-position: -10px -304px;\r
819 }\r
820 .rico-drop {\r
821   background-position: -10px -341px;\r
822 }\r
823 .rico-folderclosed {\r
824   width: 24px;\r
825   height: 22px;\r
826   display: block;\r
827   background-position: -10px -403px;\r
828 }\r
829 .rico-folderopen {\r
830   width: 24px;\r
831   height: 22px;\r
832   display: block;\r
833   background-position: -10px -445px;\r
834 }\r
835 .rico-info {\r
836   width: 15px;\r
837   height: 15px;\r
838   display: inline-block;\r
839   background-position: -10px -487px;\r
840 }\r
841 .rico-link {\r
842   background-position: -10px -522px;\r
843 }\r
844 .rico-tree-m {\r
845   width: 16px;\r
846   height: 22px;\r
847   display: block;\r
848   background-position: -10px -564px;\r
849 }\r
850 .rico-tree-node {\r
851   width: 16px;\r
852   height: 22px;\r
853   display: block;\r
854   background-position: -10px -606px;\r
855 }\r
856 .rico-tree-nodelast {\r
857   width: 16px;\r
858   height: 22px;\r
859   display: block;\r
860   background-position: -10px -648px;\r
861 }\r
862 .rico-tree-nodeline {\r
863   width: 16px;\r
864   height: 22px;\r
865   display: block;\r
866   background-position: -10px -690px;\r
867 }\r
868 .rico-tree-nodem {\r
869   width: 16px;\r
870   height: 22px;\r
871   display: block;\r
872   background-position: -10px -732px;\r
873 }\r
874 .rico-tree-nodemlast {\r
875   width: 16px;\r
876   height: 22px;\r
877   display: block;\r
878   background-position: -10px -774px;\r
879 }\r
880 .rico-tree-nodep {\r
881   width: 16px;\r
882   height: 22px;\r
883   display: block;\r
884   background-position: -10px -816px;\r
885 }\r
886 .rico-tree-nodeplast {\r
887   width: 16px;\r
888   height: 22px;\r
889   display: block;\r
890   background-position: -10px -858px;\r
891 }\r
892 .rico-tree-p {\r
893   width: 16px;\r
894   height: 22px;\r
895   display: block;\r
896   background-position: -10px -900px;\r
897 }\r
898 .rico-tree-nodeblank {\r
899   width: 16px;\r
900   height: 22px;\r
901   display: block;\r
902   background: none !important;\r
903 }\r
904 .rico-removeFilter {\r
905   background-position: -10px -942px;\r
906 }\r
907 .rico-FilterCollapse {\r
908   background-position: -10px -974px;\r
909 }\r
910 .rico-FilterExpand {\r
911   background-position: -10px -1010px;\r
912 }\r
913 .rico-left-b {\r
914   background-position: -10px -1046px;\r
915   width: 10px;\r
916   height: 11px;\r
917 }\r
918 .rico-left-w {\r
919   background-position: -10px -1077px;\r
920   width: 10px;\r
921   height: 11px;\r
922 }\r
923 .rico-right-b {\r
924   background-position: -10px -1108px;\r
925   width: 10px;\r
926   height: 11px;\r
927 }\r
928 .rico-right-w {\r
929   background-position: -10px -1139px;\r
930   width: 10px;\r
931   height: 11px;\r
932 }\r
933 \r
934 .ricoLG_filterCol {\r
935   margin: 0px 2px;\r
936   width: 13px;\r
937   height: 12px;\r
938   background-position: -10px -371px;\r
939 }\r
940 .ricoLG_sortAsc {\r
941   margin: 0px 2px;\r
942   width: 11px;\r
943   height: 11px;\r
944   background-position: -10px -1168px;\r
945 }\r
946 .ricoLG_sortDesc {\r
947   margin: 0px 2px;\r
948   width: 11px;\r
949   height: 11px;\r
950   background-position: -10px -1198px;\r
951 }\r
952 \r
953 .ricoClearNative {\r
954   width: 17px;\r
955   height: 17px;\r
956   background-position: -10px -186px;\r
957 }\r
958 span.ricoClear {\r
959   display:-moz-inline-box;\r
960   display:inline-block;\r
961   cursor: pointer;\r
962 }\r
963 \r
964 span.RicoCheckmark {\r
965   display: block;\r
966   height: 17px;\r
967   width: 17px;\r
968   background-position: -10px -85px;\r
969 }\r
970 \r
971 span.RicoCancel {\r
972   display: block;\r
973   height: 17px;\r
974   width: 17px;\r
975   background-position: -10px -188px;\r
976 }\r
977 \r
978 \r
979 .RicoCloseAnchor {\r
980   cursor: pointer;\r
981   position: absolute;\r
982   top: 1px;\r
983   right: 2px;\r
984   border: 0px none !important;\r
985 }\r
986 span.RicoClose {\r
987   display: block;\r
988   height: 15px;\r
989   width: 16px;\r
990   background-position: -10px -122px;\r
991 }\r