Changes to Rico 3 as a result of regression testing with IE6, IE7, and IE8.
[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 * {\r
503   font-size:8pt !important;\r
504 }\r
505 \r
506 .RicoCalHeading {\r
507   font-size:8pt !important;\r
508   font-weight: bold;\r
509   text-align:center;\r
510 }\r
511 \r
512 .RicoCalHeading a {\r
513   text-decoration: none;\r
514 }\r
515 \r
516 .ui-datepicker .RicoCalHeadingInner {\r
517   height: 1.8em;\r
518   position: relative;\r
519   width: 16em;\r
520 }\r
521 \r
522 .ricoCalContainer  .RicoCalHeadingInner {\r
523   height: 1.3em;\r
524   position: relative;\r
525   width: 16em;\r
526   padding: 2px;\r
527 }\r
528 \r
529 .RicoCalHeading  > .RicoCalHeadingInner {\r
530   margin: auto;\r
531 }\r
532 \r
533 table.ricoCalTab {\r
534   width: auto !important;\r
535 }\r
536 \r
537 .ricoCalContainer table.ricoCalTab, .ricoCalContainer td.ricoCalEmpty, .ricoCalContainer tr.ricoCalDayNames td  {\r
538   background-color:#eee;\r
539 }\r
540 \r
541 .ricoCalContainer  .ricoCalToday {\r
542   font-weight:bold;\r
543   background-color: #33FFFF !important;\r
544 }\r
545 \r
546 .ricoCalContainer .ricoSelectedDay {\r
547   font-weight:bold;\r
548   background-color: #FFFF66 !important;\r
549 }\r
550 \r
551 .ricoCalContainer tbody td.hover {\r
552   background-color: #FDD;\r
553 }\r
554 \r
555 span.RicoCalMonthHeading {\r
556   position:absolute;\r
557   left: 0px;\r
558   font-weight:bold;\r
559   margin: 0px 1em !important;\r
560   padding: 0px;\r
561   display: block;\r
562   width: 6.5em;\r
563   text-align: center;\r
564 }\r
565 \r
566 span.RicoCalYearHeading {\r
567   position:absolute;\r
568   right: 0px;\r
569   font-weight:bold;\r
570   margin: 0px 1em !important;\r
571   padding: 0px;\r
572   display: block;\r
573   width: 7em;\r
574   text-align: center;\r
575 }\r
576 \r
577 span.Rico_leftArrow {\r
578   background-position: -10px -1046px;\r
579   display: inline-block;\r
580   width: 10px;\r
581   height: 11px;\r
582 }\r
583 \r
584 a.Rico_leftArrow {\r
585   display: inline-block;\r
586   width: 15px;\r
587   height: 1.1em;\r
588 }\r
589 \r
590 span.Rico_rightArrow {\r
591   background-position: -10px -1108px;\r
592   display: inline-block;\r
593   width: 10px;\r
594   height: 11px;\r
595 }\r
596 \r
597 a.Rico_rightArrow {\r
598   display: inline-block;\r
599   width: 15px;\r
600   height: 1.1em;\r
601 }\r
602 \r
603 table.ricoCalTab thead a.hover {\r
604   cursor:pointer;\r
605 }\r
606 \r
607 div.ricoCalYearPrompt {\r
608   margin: 0px;\r
609   padding: 3px;\r
610   display: block;\r
611   border:1px solid #666666;\r
612   background-color: #FEE;\r
613 }\r
614 \r
615 .ricoCalYearPrompt td {\r
616   white-space: nowrap;\r
617 }\r
618 \r
619 .ricoCalYearPrompt img {\r
620   border: 1px solid black;\r
621   margin-left: 3px;\r
622   vertical-align: middle;\r
623 }\r
624 \r
625 table.ricoCalTab tfoot td {\r
626   text-align:center;\r
627   padding: 2px;\r
628   cursor:pointer;\r
629 }\r
630 \r
631 .ricoCalContainer  tfoot td {\r
632   color:#FFF;\r
633   background-color: #666666;\r
634 }\r
635 \r
636 table.ricoCalTab tfoot span {\r
637   text-decoration: underline;\r
638   cursor:pointer;\r
639 }\r
640 \r
641 .ricoCalContainer table.ricoCalTab tbody {\r
642   background-color: white;\r
643 }\r
644 \r
645 tr.ricoCalDayNames td {\r
646   font-weight: bold;\r
647 /*  padding: 0px 2px 0px 2px;*/\r
648   padding: 0px !important;\r
649   text-align:right;\r
650 }\r
651 \r
652 table.ricoCalTab td, table.ricoCalTab th {\r
653   width:2.7em;\r
654 }\r
655 \r
656 td.ricoCal0, td.ricoCal1, td.ricoCal2, td.ricoCal3, td.ricoCal4, td.ricoCal5, td.ricoCal6, td.ricoCalToday, td.ricoCalEmpty {\r
657   text-align:right;\r
658   text-decoration:none;\r
659 }\r
660 \r
661 td.ricoCal0, td.ricoCal1, td.ricoCal2, td.ricoCal3, td.ricoCal4, td.ricoCal5, td.ricoCal6 {\r
662   cursor:pointer;\r
663 /*  padding-right: 2px !important;*/\r
664   padding: 0px;\r
665 }\r
666 \r
667 /* Monday-Friday */\r
668 .ricoCalContainer td.ricoCal1, .ricoCalContainer td.ricoCal2, .ricoCalContainer td.ricoCal3, .ricoCalContainer td.ricoCal4, .ricoCalContainer td.ricoCal5 {\r
669   color:black;\r
670   background-color:#fff;\r
671 }\r
672 \r
673 /* Sunday, Saturday */\r
674 .ricoCalContainer td.ricoCal0, .ricoCalContainer td.ricoCal6 {\r
675   color:#999;\r
676   background-color:#fff;\r
677 }\r
678 \r
679 td.ricoCalToday {\r
680   cursor:pointer;\r
681   color:red;\r
682   font-weight:bold;\r
683 }\r
684 \r
685 td.ricoCalWeekNum {\r
686   background-color: #D4D0C8;\r
687   color:black;\r
688   text-align:center;\r
689 }\r
690 \r
691 .ricoCalMenu {\r
692   width:12em !important;\r
693   background-color: #FEE;\r
694   border-bottom:1px solid #666666;\r
695   border-right:1px solid #666666;\r
696 }\r
697 \r
698 .ricoCalMenu td {\r
699   border-top:1px solid #666666;\r
700   border-left:1px solid #666666;\r
701 }\r
702 \r
703 .ricoCalMenu a {\r
704   display:block;\r
705   text-decoration:none;\r
706   cursor:pointer;\r
707   font-size:8pt;\r
708   text-align: center !important;\r
709   color:black;\r
710 }\r
711 \r
712 .ricoCalMenu a:hover {\r
713   background-color: #FCC;\r
714 }\r
715 \r
716 \r
717 /* ricoColorPicker */\r
718 \r
719 div.ricoColorPicker {\r
720   background-color: white;\r
721 }\r
722 \r
723 div.ricoColorPicker td {\r
724   width: 12px;\r
725   height: 12px;\r
726   font-size: 10px;\r
727 }\r
728 \r
729 /* tabbed panels and accordion */\r
730 \r
731 .Rico_tabNavContainer {\r
732   display:block;\r
733   margin:0px;\r
734   padding: 0px;\r
735 }\r
736 \r
737 .Rico_tabTitle {\r
738   float: left;\r
739   margin-left: 1px;\r
740   margin-right: 1px;\r
741   margin-bottom: 0px;\r
742   display: inline;\r
743 }\r
744 .Rico_tabContent, .Rico_accContent {\r
745   padding: 1em;\r
746 }\r
747 .Rico_accContent {\r
748   overflow: auto;\r
749 }\r
750 .Rico_tabContentContainer {\r
751   clear:both;\r
752 }\r
753 .Rico_tabNavContainer .hover, .Rico_accTitle {\r
754   cursor: pointer;\r
755 }\r
756 \r
757 div.ricoCorner {\r
758   position: absolute;\r
759 }\r
760 div.ricoCorner div {\r
761   line-height: 1px;\r
762   font-size:1px;\r
763   overflow: hidden;\r
764 }\r
765 \r
766 * html .Rico_tabPanel {\r
767   height: 1%;\r
768   position: relative;\r
769 }\r
770 \r
771 * html .ui-tabs {\r
772   position: relative;\r
773 }\r
774 \r
775 * html .Rico_tabNavContainer {\r
776   height: 1%;\r
777   position: relative;\r
778 }\r
779 \r
780 .rico-calarrow {\r
781   width: 37px;\r
782   height: 18px;\r
783   display: inline-block;\r
784   background-position: -10px -10px;\r
785 }\r
786 .rico-calendaricon {\r
787   width: 17px;\r
788   height: 17px;\r
789   display: inline-block;\r
790   background-position: -10px -48px;\r
791 }\r
792 .rico-close-b {\r
793   background-position: -10px -122px;\r
794 }\r
795 .rico-close-w {\r
796   background-position: -10px -155px;\r
797 }\r
798 .rico-delete-b {\r
799   background-position: -10px -188px;\r
800 }\r
801 .rico-delete-w {\r
802   background-position: -10px -225px;\r
803 }\r
804 .rico-doc {\r
805   background-position: -10px -262px;\r
806 }\r
807 .rico-dotbutton {\r
808   width: 17px;\r
809   height: 17px;\r
810   display: inline-block;\r
811   background-position: -10px -304px;\r
812 }\r
813 .rico-drop {\r
814   background-position: -10px -341px;\r
815 }\r
816 .rico-folderclosed {\r
817   width: 24px;\r
818   height: 22px;\r
819   display: block;\r
820   background-position: -10px -403px;\r
821 }\r
822 .rico-folderopen {\r
823   width: 24px;\r
824   height: 22px;\r
825   display: block;\r
826   background-position: -10px -445px;\r
827 }\r
828 .rico-info {\r
829   width: 15px;\r
830   height: 15px;\r
831   display: inline-block;\r
832   background-position: -10px -487px;\r
833 }\r
834 .rico-link {\r
835   background-position: -10px -522px;\r
836 }\r
837 .rico-tree-m {\r
838   width: 16px;\r
839   height: 22px;\r
840   display: block;\r
841   background-position: -10px -564px;\r
842 }\r
843 .rico-tree-node {\r
844   width: 16px;\r
845   height: 22px;\r
846   display: block;\r
847   background-position: -10px -606px;\r
848 }\r
849 .rico-tree-nodelast {\r
850   width: 16px;\r
851   height: 22px;\r
852   display: block;\r
853   background-position: -10px -648px;\r
854 }\r
855 .rico-tree-nodeline {\r
856   width: 16px;\r
857   height: 22px;\r
858   display: block;\r
859   background-position: -10px -690px;\r
860 }\r
861 .rico-tree-nodem {\r
862   width: 16px;\r
863   height: 22px;\r
864   display: block;\r
865   background-position: -10px -732px;\r
866 }\r
867 .rico-tree-nodemlast {\r
868   width: 16px;\r
869   height: 22px;\r
870   display: block;\r
871   background-position: -10px -774px;\r
872 }\r
873 .rico-tree-nodep {\r
874   width: 16px;\r
875   height: 22px;\r
876   display: block;\r
877   background-position: -10px -816px;\r
878 }\r
879 .rico-tree-nodeplast {\r
880   width: 16px;\r
881   height: 22px;\r
882   display: block;\r
883   background-position: -10px -858px;\r
884 }\r
885 .rico-tree-p {\r
886   width: 16px;\r
887   height: 22px;\r
888   display: block;\r
889   background-position: -10px -900px;\r
890 }\r
891 .rico-tree-nodeblank {\r
892   width: 16px;\r
893   height: 22px;\r
894   display: block;\r
895   background: none !important;\r
896 }\r
897 .rico-removeFilter {\r
898   background-position: -10px -942px;\r
899 }\r
900 .rico-FilterCollapse {\r
901   background-position: -10px -974px;\r
902 }\r
903 .rico-FilterExpand {\r
904   background-position: -10px -1010px;\r
905 }\r
906 .rico-left-b {\r
907   background-position: -10px -1046px;\r
908   width: 10px;\r
909   height: 11px;\r
910 }\r
911 .rico-left-w {\r
912   background-position: -10px -1077px;\r
913   width: 10px;\r
914   height: 11px;\r
915 }\r
916 .rico-right-b {\r
917   background-position: -10px -1108px;\r
918   width: 10px;\r
919   height: 11px;\r
920 }\r
921 .rico-right-w {\r
922   background-position: -10px -1139px;\r
923   width: 10px;\r
924   height: 11px;\r
925 }\r
926 \r
927 .ricoLG_filterCol {\r
928   margin: 0px 2px;\r
929   width: 13px;\r
930   height: 12px;\r
931   background-position: -10px -371px;\r
932 }\r
933 .ricoLG_sortAsc {\r
934   margin: 0px 2px;\r
935   width: 11px;\r
936   height: 11px;\r
937   background-position: -10px -1168px;\r
938 }\r
939 .ricoLG_sortDesc {\r
940   margin: 0px 2px;\r
941   width: 11px;\r
942   height: 11px;\r
943   background-position: -10px -1198px;\r
944 }\r
945 \r
946 .ricoClearNative {\r
947   width: 17px;\r
948   height: 17px;\r
949   background-position: -10px -186px;\r
950 }\r
951 span.ricoClear {\r
952   display:-moz-inline-box;\r
953   display:inline-block;\r
954   cursor: pointer;\r
955 }\r
956 \r
957 span.RicoCheckmark {\r
958   display: block;\r
959   height: 17px;\r
960   width: 17px;\r
961   background-position: -10px -85px;\r
962 }\r
963 \r
964 span.RicoCancel {\r
965   display: block;\r
966   height: 17px;\r
967   width: 17px;\r
968   background-position: -10px -188px;\r
969 }\r
970 \r
971 \r
972 .RicoCloseAnchor {\r
973   cursor: pointer;\r
974   position: absolute;\r
975   display: block;\r
976   top: 2px;\r
977   right: 2px;\r
978   border: 0px none !important;\r
979 }\r
980 span.RicoClose {\r
981   display: block;\r
982   height: 15px;\r
983   width: 16px;\r
984   background-position: -10px -122px;\r
985 }\r
986 \r
987 /* ie6 only */\r
988 * html iframe.RicoShim {\r
989   position: absolute;\r
990   display:block;\r
991   top: 0px;\r
992   left: 0px;\r
993   width: expression( this.previousSibling.offsetWidth+'px' );\r
994   height: expression( this.previousSibling.offsetHeight+'px' );\r
995   z-index: 1;\r
996 }\r