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