err.no Git - scalable-opengroupware.org/blob - UI/WebServerResources/generic.css

   1 /* SOGo UI Stylesheet */
   2
   3 /* common stuff */
   4
   5 /* Bitstream VeraSans, , Tahoma, FreeSans, Helvetica, sans-serif */
   6 BODY
   7 { position: absolute;
   8   top: 0px;
   9   left: 0px;
  10   right: 0px;
  11   bottom: 0px;
  12   color: #000000;
  13   font-family: Bitstream VeraSans, Tahoma;
  14   font-size: 10pt;
  15   background-color: #dbdad5;
  16   border: 0px;
  17   margin: 0px;
  18   padding: 0px;
  19   overflow: hidden; }
  20
  21 HR
  22 { height: 0px; }
  23
  24 TABLE, DIV, IMG
  25 { font-family: inherit;
  26   font-size: inherit;
  27   border: 0px;
  28   margin: 0px;
  29   padding: 0px; }
  30
  31 IMG#progressIndicator
  32 { float: right;
  33   margin-top: 1.5em;
  34   margin-right: 1em; }
  35
  36 DIV.pageContent
  37 { /* position: absolute;
  38   background: #ffa;
  39   top: 3em;
  40   left: 0px;
  41   right: 0px;
  42   bottom: 0px;
  43   margin: 0px;
  44   padding: 0px;
  45   border: 0px;
  46    */clear: both; }
  47
  48 A
  49 { text-decoration: none;
  50   -moz-outline: 0px; }
  51
  52 LABEL
  53 { white-space: nowrap;
  54   margin-left: .5em; }
  55
  56 TABLE
  57 { display: block;
  58   table-layout: fixed;
  59   border-spacing: 0px;
  60   padding: 0px;
  61   margin: 0px;
  62   border: 0px; }
  63
  64 a:link
  65 { color: #0033CC; }
  66
  67 a:visited
  68 { color: #660066; }
  69
  70 a:hover
  71 { color: #FF0000;
  72   text-decoration: underline; }
  73
  74 .linecolor
  75 { background-color: #06348B; }
  76
  77 .defaultfont
  78 { text-decoration: none;
  79   color: #000000; }
  80
  81 .window_label
  82 { color: #06348b;
  83   font-weight: bold; }
  84
  85 .homepagefont
  86 { text-decoration: none;
  87   color: #000000; }
  88
  89
  90 /* tabs */
  91
  92 .oldtab
  93 { color: #000000;
  94   background-color: #e8e8e0;
  95   text-decoration: none;
  96   width: 100px;
  97   height: 22px;
  98   border-top: 1px solid #06348b;
  99   border-right: 1px solid #06348b; }
 100
 101 .oldtab a
 102 { color: #000000;
 103   border: none;
 104   text-decoration: none; }
 105
 106 .oldtab_selected
 107 { color: #000000;
 108   background-color: #f5f5e9;
 109   text-decoration: none;
 110   font-weight: bold;
 111   width: 100px;
 112   height: 22px;
 113   border-top: 1px solid #06348b;
 114   border-right: 1px solid #06348b; }
 115
 116 .oldtab_selected a
 117 { color: #000000;
 118   border: none;
 119   text-decoration: none; }
 120
 121 .oldtabview_body
 122 { background-color: #f5f5e9; }
 123
 124
 125 /* buttons */
 126
 127 .button_auto_env
 128 { height: 16px;
 129   text-align: center;
 130   vertical-align: middle;
 131   padding: 0px 0px 0px 0px;
 132   margin: 0px 0px 0px 0px;
 133   overflow: hidden; }
 134
 135 .button_auto_env a
 136 { text-decoration: none;
 137   color: #000000; }
 138
 139 .button_auto_env a:hover
 140 { text-decoration: underline;
 141   color: #ff0000; }
 142
 143 .button_auto
 144 { height: 20px;
 145   border-style: outset;
 146   border-color: #DDDDDD;
 147   border-width: 2px;
 148   color: #000000;
 149   background-color: #e8e8e0;
 150   letter-spacing: 0pt;
 151   text-decoration: none;
 152   color: #000000;
 153   text-align: center;
 154   vertical-align: middle;
 155   padding-left: 5px;
 156   padding-right: 5px;
 157   padding-top: 1px;
 158   padding-bottom: 1px;
 159   overflow: hidden; }
 160
 161 .button_submit_env
 162 { height: 24px;
 163   text-align: center;
 164   vertical-align: middle;
 165   padding: 0px 0px 0px 0px;
 166   margin: 0px 0px 0px 0px;
 167   overflow: hidden; }
 168
 169 .button_submit_env a
 170 { text-decoration: none;
 171   color: #000000; }
 172
 173 .button_submit_env a:hover
 174 { text-decoration: underline;
 175   color: #ff0000; }
 176
 177 .button_submit
 178 { height: 30px;
 179   border-style: outset;
 180   border-color: #DDDDDD;
 181   border-width: 2px;
 182   color: #000000;
 183   background-color: #e8e8e0;
 184   letter-spacing: 0pt;
 185   text-decoration: none;
 186   color: #000000;
 187   text-align: center;
 188   vertical-align: middle;
 189   padding-left: 5px;
 190   padding-right: 5px;
 191   padding-top: 2px;
 192   padding-bottom: 3px;
 193   overflow: hidden; }
 194
 195 /* header */
 196
 197 div#header
 198 { margin-left: 5px;
 199   margin-right: 5px;
 200   padding: 0;
 201   border-bottom: 1px solid #000000; }
 202
 203 div#header img.headerlogo
 204 { float: right;
 205   width: 182px;
 206   height: 30px; }
 207
 208 div#header div#headerhistory
 209 { color: #000000;
 210   margin: 0px;
 211   padding-top: 18px;
 212   height: 12px; }
 213
 214 div#header a, div#header span
 215 { margin: 0px; }
 216
 217 div#header span#navtitle
 218 { font-weight: bold; }
 219
 220 div#header a:hover
 221 { text-decoration: none; }
 222
 223 /* the dock */
 224
 225 a.skydockfont
 226 { text-decoration: none;
 227   color: #06348B; }
 228 font.skydockfont
 229 { text-decoration: none;
 230   color: #06348B; }
 231 font.skydockfont_inactiveMail
 232 { text-decoration: none;
 233   color: #CCCCCC;
 234   font-weight: bold; }
 235 font.skydockfont_newMail
 236 { text-decoration: none;
 237   color: #06348B;
 238   font-weight: bold; }
 239
 240 table.skytextdocktable
 241 { padding: 0px;
 242   table-layout: auto; }
 243
 244
 245 DIV.linkbanner
 246 {
 247   background: #222;
 248   width: 100%;
 249   top: 0px;
 250   left: 0px;
 251   z-index: 100;
 252   color: #aaa; }
 253
 254 DIV.linkbanner A
 255 {
 256   top: 0px;
 257   left: 0px;
 258   color: #ddd;
 259   text-decoration: none;
 260   padding: .2em .5em; }
 261
 262 DIV.linkbanner A:hover
 263 { color: #dd5; }
 264
 265
 266 .linkbannerlinks
 267 { vertical-align: bottom;
 268   text-align: left; }
 269
 270 .linkbannerimage {
 271   text-align: right; }
 272
 273 DIV.contactSelector
 274 { margin: .5em; }
 275
 276 DIV.contactSelector UL.contactList IMG
 277 { margin: 0px .5em; }
 278
 279 SELECT
 280 { border-bottom: 1px solid #fff;
 281   border-right: 1px solid #fff;
 282   border-top: 2px solid #222;
 283   border-left: 2px solid #222;
 284   vertical-align: middle;
 285   -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow transparent;
 286   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow transparent;
 287   margin: 2px;
 288   padding-right: 1px; }
 289
 290 DIV.contactSelector DIV.contactList
 291 { font-size: smaller;
 292   white-space: nowrap;
 293   width: 40em;
 294   height: 3em;
 295   overflow: auto;
 296   border: 1px solid #444;
 297   background: #eee;
 298   text-align: left; }
 299
 300 TEXTAREA
 301 { vertical-align: top; }
 302
 303 DIV, TEXTAREA, INPUT
 304 { font-family: inherit;
 305   font-size: inherit; }
 306
 307 TEXTAREA, INPUT.textField
 308 { padding: .2em;
 309   margin: .15em;
 310   border-bottom: 1px solid #fff;
 311   border-right: 1px solid #fff;
 312   border-top: 2px solid #222;
 313   border-left: 2px solid #222;
 314   -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow transparent;
 315   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow transparent; }
 316
 317 INPUT.textField
 318 { line-height: 2em;
 319   vertical-align: middle; }
 320
 321 INPUT.button
 322 { margin: 0px;
 323   padding: 0px .5em;
 324   border-top: 2px solid #fffffb;
 325   border-left: 2px solid #fffffb;
 326   border-bottom: 2px solid #888;
 327   border-right: 2px solid #888;
 328   background-color: #dbdad5;
 329   -moz-border-top-colors: -moz-buttonhoverface ThreeDHighlight;
 330   -moz-border-left-colors: -moz-buttonhoverface ThreeDHighlight;
 331   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent;
 332   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent; }
 333
 334 INPUT.button:hover
 335 { color: inherit;
 336   background: -moz-buttonhoverface; }
 337
 338 INPUT.button:active
 339 { -moz-outline: none;
 340   margin: 0px;
 341   padding: 0px .5em;
 342   color: -moz-buttonhovertext;
 343   -moz-border-bottom-colors: -moz-buttonhoverface ThreeDHighlight;
 344   -moz-border-right-colors: -moz-buttonhoverface ThreeDHighlight;
 345   -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
 346   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; }
 347
 348 DIV#toolbar
 349 { left: 0px;
 350   border-top: 1px solid #fffffb;
 351   border-left: 1px solid #fffffb;
 352   border-bottom: 2px solid #888;
 353   border-right: 2px solid #888;
 354   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent;
 355   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent;
 356   margin: 0px;
 357   padding: 0px;
 358 /*   background: #f00;
 359  */  height: 4em;
 360   background-color: #dbdad5;
 361   white-space: nowrap;
 362   overflow: auto; }
 363
 364 SPAN.toolbarSeparator
 365 { display: block;
 366   float: left;
 367   height: 90%;
 368   vertical-align: middle;
 369   border-right : 1px solid ThreeDHighlight;
 370   border-left : 1px solid ThreeDShadow;
 371   margin: 0px .25em;
 372   margin-top: 0.125em;
 373   width: 0px;
 374   padding: 0px; }
 375
 376 A.toolbarButton
 377 { color: #000;
 378   text-decoration: none; }
 379
 380 SPAN.toolbarButton, SPAN.disabledToolbarButton
 381 { cursor: default;
 382   display: block;
 383   float: left;
 384   height: 80%;
 385   text-align: center;
 386   -moz-box-align: center;
 387   -moz-box-pack: center;
 388   margin: 0px;
 389   margin-top: 0.125em;
 390   border-left: 2px solid transparent;
 391   border-top: 2px solid transparent;
 392   border-right: 2px solid transparent;
 393   border-bottom: 2px solid transparent;
 394   padding: 1px 2px;
 395   background-color: transparent;
 396   color: -moz-DialogText; }
 397
 398 SPAN.disabledToolbarButton
 399 { -moz-opacity: 0.4; }
 400
 401 SPAN.toolbarButton:hover
 402 { color: -moz-buttonhovertext;
 403   background-color: -moz-buttonhoverface;
 404   -moz-border-left-colors: ThreeDHighlight -moz-buttonhoverface;
 405   -moz-border-top-colors: ThreeDHighlight -moz-buttonhoverface;
 406   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
 407   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; }
 408
 409 SPAN.toolbarButton:active
 410 { color: -moz-buttonhovertext;
 411   background-color: #c4c2bd;
 412   -moz-border-bottom-colors: -moz-buttonhoverface ThreeDHighlight;
 413   -moz-border-right-colors: -moz-buttonhoverface ThreeDHighlight;
 414   -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
 415   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; }
 416
 417 .toolbarButton IMG.buttonImage
 418 { border: 0px;
 419   width: 24px;
 420   height: 24px;
 421   margin: auto; }
 422
 423 .toolbarButton .buttonLabel
 424 { width: 100%;
 425   margin: auto; }
 426
 427 /* popups */
 428 .menu
 429 { visibility: hidden;
 430   position: absolute;
 431   z-index: 1000;
 432   background-color: #dcdad5;
 433   color: #000;
 434   margin: 0px;
 435   padding: 0px;
 436   border: 1px solid #000; }
 437
 438 .menu UL
 439 {
 440   cursor: default;
 441   list-style-type: none;
 442   list-style-image: none;
 443   margin: 0px;
 444   padding: 0px;
 445   border-top: 1px solid #fff;
 446   border-left: 1px solid #fff;
 447   border-right: 1px solid #9e9a92;
 448   border-bottom: 1px solid #9e9a92; }
 449
 450 .menu LI
 451 { padding-left: 1em;
 452   padding-right: 1em;
 453   padding-top: .2em;
 454   padding-bottom: .2em;
 455   margin: 0px;
 456   width: auto;
 457   white-space: nowrap; }
 458
 459 .menu LI IMG
 460 { margin-left: -.8em;
 461   padding-right: .2em;
 462   vertical-align: middle; }
 463
 464 .menu LI:hover, .menu LI.submenu-selected
 465 { background: #4b6983;
 466   color: #fff; }
 467
 468 .menu LI.separator, .menu LI.separator:hover
 469 { padding: 0px;
 470   margin: 2px 0px;
 471   height: 0px;
 472   border-top: 1px solid #aaa;
 473   border-bottom: 1px solid #fff; }
 474
 475 .menu LI.submenu, .menu LI.submenu-selected
 476 { padding-right: 2em;
 477   background-position: 98% 50%;
 478   background-repeat: no-repeat; }
 479
 480 .menu LI.submenu
 481 { background-image: url('submenu.gif'); }
 482
 483 .menu LI.submenu:hover, .menu LI.submenu-selected
 484 { background-image: url('submenu-active.gif') !important; }
 485
 486 DIV#logConsole
 487 { position: absolute;
 488   overflow: auto;
 489   display: none;
 490   z-index: 1000;
 491   -moz-opacity: 0.7;
 492   border-top: 2px solid #fffffb;
 493   border-left: 2px solid #fffffb;
 494   border-right: 2px solid #999;
 495   border-bottom: 2px solid #999;
 496   -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow transparent;
 497   -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow transparent;
 498   font-family: monospace;
 499   font-weight: bold;
 500   background: #000;
 501   color: #ddd;
 502   top: 1em;
 503   left: 0px;
 504   right: 0px;
 505   height: 15em; }
 506
 507 /* content lists */
 508 td.tbtv_actcell
 509 { border-width: 1px;
 510   border-style: solid;
 511   border-top-color: #808080;
 512   border-left-color: #808080;
 513   border-bottom-color: #808080;
 514   border-right-color: #808080;
 515   padding-top: 4px;
 516   padding-bottom: 3px;
 517   padding-left: 4px;
 518   padding-right: 4px;
 519
 520   background-color: #DCDAD5; }
 521
 522 td.tbtv_headercell SPAN
 523 { float: left;
 524   width: 100%; }
 525
 526 td.tbtv_headercell a
 527 { cursor: default;
 528   margin: 0px auto;
 529   display: block;
 530   color: black;
 531   width: 100%; }
 532
 533 td.tbtv_headercell a:hover
 534 { margin: 0px auto;
 535   display: block;
 536   color: black;
 537   text-decoration: none;
 538   /* background-color: #C4C0B8; */
 539 }
 540
 541 td.tbtv_headercell img.tbtv_sortcell
 542 { float: right;
 543   text-align: right;
 544   border: 0px;
 545   width: 12px;
 546   height: 12px; }
 547
 548 .tableview
 549 { cursor: default;
 550   vertical-align: top; }
 551
 552 TR.tableview TD
 553 { white-space: nowrap;
 554   padding-left: .3em;
 555   padding-right: .3em; }
 556
 557 TR.tableview TD.headerDateTime
 558 { width: 14em; }
 559
 560 TR.tableview TD.headerLocation
 561 { width: 10em; }
 562
 563 td.tbtv_actcell
 564 { border-width: 1px;
 565   border-style: solid;
 566   border-top-color: #808080;
 567   border-left-color: #808080;
 568   border-bottom-color: #808080;
 569   border-right-color: #808080;
 570   padding-top: 4px;
 571   padding-bottom: 3px;
 572   padding-left: 4px;
 573   padding-right: 4px;
 574   background-color: #DCDAD5; }
 575
 576 TD.tbtv_headercell,
 577 TD.tbtv_navcell
 578 { background-color: #DCDAD5;
 579   border-top: 1px solid #fff;
 580   border-left: 1px solid #fff;
 581   border-right: 2px solid #222;
 582   border-bottom: 2px solid #222;
 583   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent;
 584   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent; }
 585
 586 TD.tbtv_headercell:active
 587 { background-color: #DCDAD5;
 588   border: 1px solid #9c9a94;
 589   -moz-border-bottom-colors: #9c9a94;
 590   -moz-border-right-colors: #9c9a94; }
 591
 592 td.tbtv_headercell SPAN
 593 { float: left;
 594   width: 100%; }
 595
 596 td.tbtv_headercell a
 597 { cursor: default;
 598   margin: 0px auto;
 599   color: black;
 600   width: 100%; }
 601
 602 td.tbtv_headercell a:hover
 603 { margin: 0px auto;
 604   display: block;
 605   color: black;
 606   text-decoration: none;
 607   /* background-color: #C4C0B8; */
 608 }
 609
 610 td img.tbtv_sortcell
 611 { float: right;
 612   text-align: right;
 613   margin-top: .2em;
 614   border: 0px;
 615   width: 12px;
 616   height: 12px; }
 617
 618 TD.subjectCell,
 619 td.tbtv_subject_headercell
 620 { overflow: hidden;
 621   width: auto; }
 622
 623 /* drag handles */
 624 DIV.dragHandle
 625 { position: absolute;
 626   z-index: 1;
 627   background: #dbdad5; }
 628
 629 DIV.dragHandle:active
 630 { background: #99a; }
 631
 632 /* search fields */
 633 DIV#filterPanel
 634 {
 635   height: 2em;
 636   vertical-align: middle;
 637   width: 100%;
 638 }
 639
 640 INPUT#searchValue
 641 { margin-right: 1em;
 642   width: 20em;
 643   padding-left: 24px;
 644   background-image: url('/SOGo.woa/WebServerResources/Search-bar.png');
 645   background-repeat: no-repeat;
 646   background-position: 2px 2px;
 647   color: #aaa; }
 648
 649 DIV#noJavascriptError
 650 { position: absolute;
 651   background: #999;
 652   -moz-opacity: 0.6;
 653   z-index: 2;
 654   top: 0px;
 655   left: 0px;
 656   right: 0px;
 657   bottom: 0px;
 658   text-align: center; }
 659
 660 DIV.noJavascriptErrorMessage
 661 { position: absolute;
 662   z-index: 2;
 663   border-top: 2px solid #fffffb;
 664   border-left: 2px solid #fffffb;
 665   border-bottom: 2px solid #888;
 666   border-right: 2px solid #888;
 667   -moz-border-top-colors: -moz-buttonhoverface ThreeDHighlight;
 668   -moz-border-left-colors: -moz-buttonhoverface ThreeDHighlight;
 669   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent;
 670   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent;
 671   padding: 1em;
 672   top: 10em;
 673   left: 17em;
 674   width: 24em;
 675   margin: 0px auto;
 676   background: #fff;
 677   -moz-opacity: 1.0;
 678   color: #000;
 679   background: #dedede; }
 680
 681 DIV.noJavascriptErrorMessage A
 682 { float: right;
 683   margin: 0px auto; }
 684
 685 A.button:hover
 686 { color: inherit;
 687   background: -moz-buttonhoverface; }
 688
 689 A.button:active
 690 { color: -moz-buttonhovertext;
 691   background-color: #c4c2bd;
 692   -moz-border-bottom-colors: -moz-buttonhoverface ThreeDHighlight;
 693   -moz-border-right-colors: -moz-buttonhoverface ThreeDHighlight;
 694   -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
 695   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; }
 696
 697 A.button,
 698 A[class~="_disabled"].button:hover,
 699 A[class~="_disabled"].button:active
 700 { cursor: default;
 701   padding: 1px .5em;
 702   border-top: 2px solid #fffffb;
 703   border-left: 2px solid #fffffb;
 704   border-bottom: 2px solid #888;
 705   border-right: 2px solid #888;
 706   -moz-border-top-colors: -moz-buttonhoverface ThreeDHighlight;
 707   -moz-border-left-colors: -moz-buttonhoverface ThreeDHighlight;
 708   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent;
 709   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent;
 710   text-decoration: none;
 711   color: inherit; }
 712
 713 A.button IMG
 714 { vertical-align: middle; }
 715
 716 A[class~="_disabled"].button,
 717 A[class~="_disabled"].button:hover,
 718 A[class~="_disabled"].button:active
 719 { color: #999;
 720   background: inherit; }
 721
 722 /* tabs */
 723 DIV.tabsContainer
 724 {
 725   position: relative;
 726   color: #000;
 727   background: #dbdad5;
 728   margin-top: 1.5em;
 729   border-top: 2px solid #fffffb;
 730   border-left: 2px solid #fffffb;
 731   border-right: 2px solid #888;
 732   border-bottom: 2px solid #888;
 733   -moz-border-top-colors: -moz-buttonhoverface ThreeDHighlight;
 734   -moz-border-left-colors: -moz-buttonhoverface ThreeDHighlight;
 735   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent;
 736   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent; }
 737
 738 DIV.tabsContainer > UL
 739 { cursor: default;
 740   list-style-type: none;
 741   list-style-image: none;
 742   margin: 0px;
 743   margin-top: -1.5em;
 744   padding: 0px; }
 745
 746 DIV.tabsContainer > UL LI
 747 { z-index: 3;
 748   float: left;
 749   padding: 0px .5em;
 750   padding-top: 2px;
 751   border-top: 2px solid #fffffb;
 752   border-bottom: 0px solid #fffffb;
 753   border-right: 2px solid #888;
 754   -moz-border-top-colors: -moz-buttonhoverface ThreeDHighlight;
 755   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent;
 756   -moz-border-bottom-colors: -moz-buttonhoverface ThreeDHighlight;
 757   color: #000;
 758   background: #fff;
 759   background: #c4c2bd; }
 760
 761 DIV.tabsContainer > UL LI.first,
 762 DIV.tabsContainer > UL LI.active
 763 { border-left: 2px solid #fffffb;
 764   margin-left: -2px;
 765   -moz-border-left-colors: -moz-buttonhoverface ThreeDHighlight; }
 766
 767 DIV.tabsContainer > UL LI.active
 768 { z-index: 5;
 769   background: #dbdad5;
 770   padding-top: 2px;
 771   padding-bottom: 2px;
 772   margin-top: -2px; }
 773
 774 DIV.tabsContainer > DIV.tab
 775 { position: absolute;
 776   overflow: auto;
 777   top: .5em;
 778   left: .5em;
 779   right: .5em;
 780   bottom: .5em;
 781   display: none; }
 782
 783 DIV.tabsContainer > DIV[class~="active"].tab
 784 { display: block !important; }
 785
 786 INPUT.checkBox
 787 { border: 2px solid #000;
 788   vertical-align: middle;
 789   -moz-border-top-colors: #000 #fff;
 790   -moz-border-left-colors: #000 #fff;
 791   -moz-border-bottom-colors: #000 #fff;
 792   -moz-border-right-colors: #000 #fff; }