git.infodrom.org Git - infodrom/rico3/blob - ricoClient/css/rico.css

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