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