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

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