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