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