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