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