skins/mono/main.css

   1 /*
   2 ** MediaWiki 'mono' style sheet for CSS2-capable browsers.
   3 **
   4 ** Copyright Gabriel Wicke - http://www.aulinx.de/
   5 **
   6 ** Based on the Plone 2.0 styles, see http://plone.org/.
   7 ** Plone stylesheet Copyright:
   8 ** Alexander Limi - http://www.plonesolutions.com
   9 ** additional plone work:
  10 ** Joe Geldart & Tom Croucher - http://www.netalleynetworks.com
  11 ** Michael Zeltner - http://niij.org
  12 ** Geir Bækholt - http://www.plonesolutions.com
  13 **
  14 ** All you guys rock :)
  15 */
  16
  17 /*
  18 ** Tableless Column Layout for CSS2 capable Browsers
  19 ** Based on http://www.positioniseverything.net/ordered-floats.html by Big John.
  20 ** Fixed width modifications by Tonico Strasser (http://www.webproducer.at) and
  21 ** Michael Zeltner (http://niij.org).
  22 ** simplified heavily by Gabriel Wicke
  23 */
  24
  25 #portal-columns {
  26 /*    width: auto;*/
  27     margin: 0;
  28 }
  29
  30
  31 #portal-column-content {
  32     /*position:relative;
  33     top:2.2em; */
  34     width: 100%;
  35     float: right;
  36     margin: 0 0 0 -12.2em;
  37 }
  38 #portal-column-content #content {
  39     margin: 2.5em 0 0 12.2em;
  40 }
  41
  42 #portal-column-one {
  43     padding-top: 160px;
  44 }
  45
  46 /* the left column width is specified in class .portlet */
  47
  48 /* Font size:
  49 ** We take advantage of keyword scaling- browsers won't go below 9px
  50 ** More at http://www.w3.org/2003/07/30-font-size
  51 ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
  52 */
  53
  54 body {
  55     font: x-small "Bitstream Vera Sans", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
  56     background-color: #f9f9f9;
  57     color: Black;
  58     margin: 0;
  59     padding: 0;
  60 }
  61
  62
  63 /* scale back up to a sane default */
  64 #visual-portal-wrapper {
  65     font-size:123%
  66 }
  67
  68 /* general styles */
  69
  70 table {
  71     font-size: 100%;
  72 }
  73
  74
  75 a {
  76     text-decoration: none;
  77     /*color: #436976;*/
  78     color: #005189;
  79     background-color: transparent;
  80 }
  81 img {
  82     border: none;
  83     vertical-align: middle;
  84 }
  85 p {
  86     margin: 0.4em 0em 0.7em 0em;
  87     line-height: 1.5em;
  88 }
  89 p a {
  90     text-decoration: none;
  91 }
  92 p a:visited {
  93     color: #5a3696;
  94     background-color: transparent;
  95 }
  96 p a:active {
  97     color: Red;
  98     background-color: transparent;
  99 }
 100 p img {
 101     border: 0;
 102     margin: 0;
 103 }
 104
 105 hr {
 106     height: 1px !important;
 107     color: #aaaaaa;
 108     background-color: #aaaaaa;
 109     border: 0;
 110     margin: 0.2em 0 0.2em 0;
 111 }
 112
 113
 114 h1, h2, h3, h4, h5, h6 {
 115     color: Black;
 116     background-color: transparent;
 117     font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
 118     font-size: 100%;
 119     font-weight: normal;
 120     margin: 0;
 121     padding-top: 0.5em;
 122     padding-bottom: 0.17em;
 123    /* border-bottom: 1px solid #2f6fab;*/
 124     border-bottom: 1px solid #aaaaaa;
 125
 126 }
 127
 128 h1 a,
 129 h2 a,
 130 h3 a,
 131 h4 a,
 132 h5 a,
 133 h6 a {
 134     color: Black ! important;
 135 }
 136
 137 h1 {
 138     font-size: 188%;
 139 }
 140
 141 h2 {
 142     font-size: 150%;
 143 }
 144
 145 h3 {
 146     font-size: 132%;
 147     border-bottom: none;
 148     font-weight: bold;
 149 }
 150
 151 h4 {
 152     font-size: 116%;
 153     border-bottom: none;
 154     font-weight: bold;
 155 }
 156
 157 h5 {
 158     font-size: 100%;
 159     border-bottom: none;
 160     font-weight: bold;
 161 }
 162
 163 h6 {
 164     font-size: 80%;
 165     border-bottom: none;
 166     font-weight: bold;
 167 }
 168
 169
 170 ul {
 171     line-height: 1.5em;
 172     list-style-type: square;
 173     margin: 0.3em 0 0 1.5em;
 174     padding:0;
 175     list-style-image: url("bullet.gif");
 176 }
 177
 178 ol {
 179     line-height: 1.2em;
 180     margin: 0.3em 0 0 1.5em;
 181     padding:0;
 182 }
 183 ul a, ol a {
 184     text-decoration: none;
 185 }
 186 li {
 187     margin-bottom: 0.1em;
 188 }
 189 dt {
 190     font-weight: bold;
 191 }
 192 dt a {
 193     text-decoration: none;
 194 }
 195
 196 dd {
 197     line-height: 1.5em;
 198     margin-bottom: 1em;
 199 }
 200 dd a {
 201     text-decoration: none;
 202 }
 203
 204 dd.link a {
 205     text-decoration: none;
 206     color: Black;
 207 }
 208
 209 fieldset {
 210     border: 1px solid #2f6fab;
 211     margin: 1em 0em 1em 0em;
 212     padding: 0em 1em 1em 1em;
 213     line-height: 1.5em;
 214 }
 215 legend {
 216     background: White;
 217     padding: 0.5em;
 218     font-size: 90%;
 219 }
 220
 221 form {
 222     border: none;
 223     margin: 0;
 224 }
 225
 226 textarea {
 227     border: 1px solid #2f6fab;
 228     color: Black;
 229     background-color: white;
 230     width: 98%;
 231     padding: 0.1em;
 232 }
 233 input {
 234     font-family: "Bitstream Vera Sans", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
 235     visibility: visible;
 236     border: 1px solid #2f6fab;
 237     color: Black;
 238     background-color: white;
 239     vertical-align: middle;
 240     padding: 0.1em;
 241 }
 242 select {
 243     border: 1px solid #2f6fab;
 244     color: Black;
 245     vertical-align: top;
 246 }
 247 abbr, acronym, .explain {
 248     border-bottom: 1px dotted Black;
 249     color: Black;
 250     background-color: transparent;
 251     cursor: help;
 252 }
 253 q {
 254     font-family: Times, "Times New Roman", serif;
 255     font-style: italic;
 256 }
 257 blockquote {
 258     font-family: Times, "Times New Roman", serif;
 259     font-style: italic;
 260 }
 261 code {
 262     color: Black;
 263     background-color: #f9f9f9;
 264 }
 265 pre {
 266     padding: 1em;
 267     border: 1px dashed #2f6fab;
 268     color: Black;
 269     background-color: #f9f9f9;
 270     overflow: auto;
 271 }
 272 .pre a {
 273     text-decoration: none;
 274 }
 275
 276
 277 /*
 278 ** the main content area
 279 */
 280
 281 #documentSubtitle {
 282     font-size: 84%;
 283     line-height: 1.2em;
 284     margin: -1.6em 0 0.6em 1em;
 285     color: #7d7d7d;
 286 }
 287
 288 #siteSubtitle {
 289     display: none;
 290 }
 291
 292
 293 #content {
 294     padding: 0 0 1em 0em;
 295     margin: 0;
 296 }
 297
 298 #bodyContent a:hover {
 299     text-decoration: underline;
 300 }
 301
 302 /* Some space under the headers in the content area */
 303 #bodyContent h1,
 304 .documentFirstHeading,
 305 #bodyContent h2,
 306 #bodyContent h3,
 307 #bodyContent h4,
 308 #bodyContent h5 {
 309     margin-bottom:0.8em;
 310 }
 311
 312
 313 .documentContent {
 314     font-size: 105%;
 315     padding: 0em 1em 1.5em 1em !important;
 316     background: White;
 317     border: 1px solid #aaaaaa;
 318     border-right: none;
 319     margin:0;
 320     line-height: 1.5em;
 321     position: relative;
 322     z-index: 2;
 323 }
 324
 325 /* this will be the user notification thing */
 326 .portalMessage {
 327     background-color: #ffce7b;
 328     border: 1px solid #ffa500;
 329     color: Black;
 330     font-size: 100%;
 331     font-weight: bold;
 332     margin: 2em 0em 1em 0em;
 333     padding: 0.5em 1em;
 334     vertical-align: middle;
 335 }
 336 .portalMessage a {
 337     color: Black;
 338     text-decoration: none;
 339 }
 340 .documentDescription {
 341     /* The summary text describing the document */
 342     font-weight: bold;
 343     display: block;
 344     margin: 1em 0em;
 345     line-height: 1.5em;
 346 }
 347 .documentByLine {
 348     text-align: right;
 349     font-size: 90%;
 350     clear: both;
 351     font-weight: normal;
 352     color: #76797c;
 353 }
 354 .documentByLine a {
 355     text-decoration: none;
 356 }
 357
 358 /*
 359 ** Special content area views
 360 */
 361
 362 .special li {
 363     line-height: 1.4em !important;
 364     margin: 0;
 365     padding: 0;
 366 }
 367
 368 /* the auto-generated edit comments */
 369 #autocomment { color: gray; }
 370
 371
 372
 373 /*
 374 ** Structural Elements
 375 */
 376
 377 #visual-portal-wrapper {
 378     position: relative;
 379     margin: 0;
 380     padding: 0;
 381 }
 382
 383 /*
 384 ** the portlets (elements in the quickbar)
 385 */
 386
 387 .portlet {
 388     border: none;
 389     margin: 0 0 1em 0em;
 390     float: none;
 391     padding: 0;
 392     width: 13.5em !important;
 393     overflow: hidden;
 394 }
 395 .portlet h4 {
 396     font-size: 100%;
 397     font-weight: normal;
 398     white-space: nowrap;
 399 }
 400 .portlet h5 {
 401 /*    background: #fabd23;*/
 402     background: transparent;
 403    /* border: 1px solid #fabd23;
 404     border-style: solid solid none solid;*/
 405     padding: 0em 1em 0em 0.5em;
 406     text-transform: lowercase;
 407     display: inline;
 408     font-size: 1em;
 409     height: 1em;
 410     font-weight: normal;
 411     white-space: nowrap;
 412 }
 413 .portlet h6 {
 414     background: #ffae2e;
 415     border: 1px solid #2f6fab;
 416     border-style: solid solid none solid;
 417     padding: 0em 1em 0em 1em;
 418     text-transform: lowercase;
 419     display: block;
 420     font-size: 1em;
 421     height: 1.2em;
 422     font-weight: normal;
 423     white-space: nowrap;
 424 }
 425
 426 .portletBody {
 427     background: White;
 428     border-collapse: collapse;
 429 /*    border: 1px solid #2f6fab;*/
 430     border: 1px solid #aaaaaa;
 431 }
 432 .portletDetails {
 433     text-align: right;
 434 }
 435
 436 .portletMore {
 437     display: block;
 438     text-align: right;
 439 }
 440
 441 .portletContent {
 442     padding: 0.1em 0.8em 0.7em 0.5em;
 443 }
 444 .portletClose {
 445     float: right;
 446     text-transform: none;
 447     border-left: 1px solid #2f6fab;
 448     padding: 0em 0.2em;
 449 }
 450 .portlet h1,
 451 .portlet h2,
 452 .portlet h3,
 453 .portlet h4 {
 454     margin: 0;
 455     padding: 0;
 456 }
 457 .portlet .even {
 458     background-color: #f7f9fa;
 459 }
 460 .portlet .odd {
 461     background-color: transparent;
 462 }
 463 .portlet input {
 464     font-size: 100%;
 465 }
 466
 467 .portlet ul {
 468     line-height: 1.5em;
 469     list-style-type: square;
 470     list-style-image: url("bullet.gif");
 471     font-size:108%;
 472 }
 473 .portlet li {
 474     padding:0;
 475     margin: 0 0 0 0;
 476     margin-bottom: 0;
 477 }
 478
 479 .even {
 480     background-color: #f7f9fa;
 481 }
 482 .odd {
 483     background-color: transparent;
 484 }
 485 .visualHighlight {
 486     background-color: #f7f9fa;
 487 }
 488
 489 .discreet {
 490     color: #76797c;
 491     font-size: 80%;
 492     font-weight: normal;
 493 }
 494
 495 /*
 496 ** Logo properties
 497 */
 498
 499 #portlet-logo {
 500     z-index: 3;
 501     position:absolute; /*needed to use z-index */
 502     top: 0;
 503     left: 0;
 504     height: 155px;
 505     width: 135px;
 506     overflow: visible;
 507 }
 508 #portlet-logo a {
 509     display: block;
 510     height: 155px;
 511     width: 135px;
 512     background: url(wiki.png) no-repeat;
 513     background-repeat: no-repeat;
 514 }
 515
 516 /*
 517 ** the navigation portlet
 518 */
 519
 520
 521 #portlet-navigation-tree {
 522     position:relative;
 523     z-index:2;
 524 }
 525 #portlet-navigation-tree .plain {
 526     white-space: nowrap;
 527 }
 528
 529 /*
 530 ** Search portlet
 531 */
 532 #portlet-search {
 533     position:relative;
 534     z-index:2;
 535 }
 536 input.searchButton {
 537     width:5.4em;
 538     margin-top:1px;
 539     /*    font-size: 100%;
 540     margin-bottom: 1px ! important;
 541     background: White url(search_icon.gif) 2px 1px no-repeat;
 542     cursor: pointer;
 543     padding: 1px 1px 1px 15px;
 544     text-transform: lowercase;*/
 545
 546 }
 547
 548 #searchGadget {
 549     width:11.3em;
 550     margin: 0;
 551 }
 552
 553
 554 #portlet-search .portletContent {
 555     padding: 0.5em 0.4em 0.4em 0.4em;
 556 }
 557
 558
 559 /*
 560 ** the personal toolbar
 561 */
 562
 563 #portlet-personal {
 564     width:100% !important;
 565     white-space:nowrap !important;
 566     padding:0 0 0 0;
 567     margin:0;
 568     position:absolute;
 569     z-index: 0;
 570     right:0px;
 571     top:0px;
 572     border: none;
 573    /* border-bottom: 1px solid #2f6fab;*/
 574    /* border-bottom: 1px solid #2f6fab;*/
 575   /*  background-color: #f0f0f0;*/
 576     overflow: visible;
 577     line-height: 1.2em;
 578 }
 579
 580 #portlet-personal .hiddenStructure {
 581     display:none;
 582 }
 583 #portlet-personal .portlet,
 584 #portlet-personal .portletBody,
 585 #portlet-personal .portletContent,
 586 #portlet-personal .odd{
 587     padding:0;
 588     margin:0;
 589     border: none !important;
 590     z-index:0;
 591     overflow: visible;
 592 }
 593 #portal-personal ul,
 594 #portal-personal li {
 595     z-index:0;
 596     border:none;
 597 }
 598
 599 /* this is the ul contained in the portlet */
 600
 601 #portal-personaltools {
 602 /*    background-color: #fabd23;*/
 603 /*    border-bottom-color: #2f6fab;*/
 604     border: none;
 605     line-height: 1.4em;
 606     color: #2f6fab;
 607     padding: 0em 2em 0 3em;
 608     margin: 0;
 609     text-align: right;
 610     text-transform: lowercase;
 611     list-style: none;
 612     z-index:0;
 613 }
 614
 615 #portal-personaltools .portalNotLoggedIn {
 616     color: #2f6fab;
 617     padding: 0;
 618     background: transparent;
 619     background-image: none;
 620 } /* Used on all descriptions relevant to those not logged in */
 621
 622 #portal-personaltools li {
 623     padding:0;
 624     display: inline;
 625     color: #2f6fab;
 626     margin-left: 1em;
 627     line-height: 1.2em;
 628 }
 629 #portal-personaltools li a {
 630     text-decoration: none;
 631 /*    color: #436976;*/
 632     color: #005896;
 633     padding-bottom: 0.2em;
 634 }
 635 #portal-personaltools li a:hover {
 636     text-decoration: none;
 637 /*    color: #436976;*/
 638     background-color: #ffcd6b;
 639     padding-bottom: 0.2em;
 640 }
 641
 642 /* the icon in front of the user name */
 643 li#personaltools-userpage,
 644 li#personaltools-login{
 645     background: transparent url(user.gif) center left no-repeat;
 646     background-repeat: no-repeat;
 647     padding-left: 20px;
 648     text-transform: none;
 649 }
 650
 651 /*
 652 ** the page-related actions- page/talk, edit etc
 653 */
 654
 655 #portlet-contentViews {
 656     position:absolute;
 657     /*top:2.5em;
 658     left:0px;*/
 659     top: 2.6em;
 660     left: 13.3em;
 661     margin: 0;
 662     margin-top: -1.4em;
 663     white-space:nowrap !important;
 664     width:70% !important;
 665     min-width: 40em;
 666     line-height: 1.3em;
 667     overflow: visible;
 668     background-color: transparent;
 669     border-collapse: collapse;
 670     padding-left: 1em;
 671     list-style: none;
 672 }
 673
 674 #portlet-contentViews .hiddenStructure {
 675     display: none;
 676 }
 677
 678 #portlet-contentViews ul {
 679     list-style: none;
 680 }
 681 #portlet-contentViews li {
 682     float: left;
 683     margin-right: 0.2em;
 684     border-color: #aaaaaa;
 685     border-width: 1px;
 686     border-style: solid solid none solid;
 687     padding-bottom: 0.1em;
 688 }
 689
 690 #portlet-contentViews li.selected {
 691     border-width: 1px;
 692     border-style: solid solid none solid;
 693     border-color: #fabd23;
 694     padding-bottom: 0.2em;
 695 }
 696 #portlet-contentViews li a {
 697     float:left;
 698     display: block;
 699     background-color: White;
 700     color: #005189;
 701     padding: 0.1em 0.9em 0.4em 0.9em;
 702     text-decoration: none;
 703     border: none;
 704     text-transform: lowercase;
 705     position: relative;
 706     z-index: 0 !important;
 707 }
 708  /* Commented Backslash Hack
 709      hides rule from IE5-Mac \*/
 710 #portlet-contentViews li a {float:none;}
 711   /* End IE5-Mac hack */
 712
 713 #portlet-contentViews .selected a {
 714     float:left;
 715     position: relative;
 716     z-index: 3 !important;
 717     display: block;
 718     background-color: White;
 719     padding: 0.1em 0.9em 0.4em 0.9em;
 720 }
 721  /* Commented Backslash Hack
 722      hides rule from IE5-Mac \*/
 723 #portlet-contentViews selected a {float:none;}
 724   /* End IE5-Mac hack */
 725
 726 #portlet-contentViews li a:hover {
 727     float:left;
 728     position: relative;
 729     z-index: 3 !important;
 730     display: block;
 731     border-color: #fabd23;
 732     padding: 0.1em 0.9em 0.4em 0.9em;
 733 }
 734  /* Commented Backslash Hack
 735      hides rule from IE5-Mac \*/
 736 #portlet-contentViews li a:hover {float:none;}
 737   /* End IE5-Mac hack */
 738
 739 /* offsets to distinguish the tab groups
 740 IE5.5/6.0 is too dumb for this, hides the right tabs
 741 */
 742 li#contentaction-talk {
 743     margin-right: 1.6em;
 744 }
 745 li#contentaction-watch {
 746     margin-left: 1.6em;
 747 }
 748
 749 /*
 750 #portlet-contentViews .contentViews {
 751     padding: 0 1em 0 1em;
 752 }
 753 */
 754
 755 /*
 756 ** the remaining portlets
 757 */
 758 #portlet-toolbox,
 759 #portlet-language {
 760     position:relative;
 761     z-index:3;
 762 }
 763
 764
 765 /*
 766 ** footer
 767 */
 768
 769
 770 #portal-footer {
 771     background-color: White;
 772     border-top: 1px solid #fabd23;
 773     border-bottom: 1px solid #fabd23;
 774     float: none;
 775     margin: 0.3em 0em 1em 0em;
 776     padding: 0.4em 0em 1em 0em;
 777     text-align: center;
 778 }
 779
 780 #portal-footer li {
 781     display: inline;
 782     margin-right: 2em;
 783 }
 784
 785 #portal-colophon {
 786     float: none;
 787 /*    margin: 0em 0em 2em 0em;
 788     padding: 0.5em 0em 1em 0em;*/
 789     text-align: center;
 790 }
 791
 792 #portal-colophon ul,
 793 #portal-colophon ul li,
 794 #portal-colophon ul li a {
 795     list-style: none;
 796     display: inline;
 797     text-decoration: none;
 798 }
 799
 800
 801
 802 /*
 803 ** mediawiki-specific styles
 804 */
 805
 806 a.stub,
 807 a.new{ color:#ba0000; text-decoration:none; }
 808
 809 #toc {
 810     /*border:1px solid #2f6fab;*/
 811     border:1px solid #aaaaaa;
 812     background-color:#f9f9f9;
 813     padding:5px;
 814 }
 815
 816 /* images */
 817 div.floatright { float: right;
 818     margin: 0 0 1em 1em;
 819     position:relative;
 820
 821 }
 822 div.floatright p { font-style: italic;}
 823 div.floatleft { float: left; margin: 0.3em 0.5em 0.5em 0;
 824     position:relative;
 825 }
 826 div.floatleft p { font-style: italic; }
 827
 828 /* thumbnails */
 829 div.thumbnail-none,
 830 div.thumbnail-right,
 831 div.thumbnail-left {
 832  /*   border:1px solid #2f6fab;*/
 833       border:1px solid #cccccc;
 834
 835     background-color:#f9f9f9;
 836     padding: 2px;
 837     position:relative;
 838     margin: 0.3em 0 0.5em;
 839     font-size: 95%;
 840     text-align: center;
 841 }
 842
 843 div.thumbnail-none p, div.thumbnail-right p, div.thumbnail-left p {
 844     margin-top:3px; margin-bottom:3px;
 845     position:relative;
 846     text-align: left;
 847 }
 848
 849 div.thumbnail-right {
 850     float: right;
 851     position:relative;
 852     margin-left:0.5em;
 853 }
 854
 855 div.thumbnail-left {
 856     float: left;
 857     position:relative;
 858     margin-right:0.5em;
 859 }
 860
 861 /* table standards */
 862 table.rimage {
 863     float:right;
 864     width:1pt;
 865     position:relative;
 866     margin-left:1em;
 867     margin-bottom:1em;
 868     text-align:center;
 869 }
 870
 871
 872
 873
 874
 875
 876 /*
 877 ** Accessibility and visual enhancement elements
 878 */
 879
 880 .link-plain {
 881     background-image: none;
 882     padding: 0;
 883 }
 884
 885 .link-parent {
 886     display: block;
 887     background: transparent url("arrowUp.gif") 4px 5px no-repeat;
 888     padding: 1px 0px 1px 16px;
 889     font-size: 80%;
 890 }
 891
 892 .link-user {
 893     background: transparent url("user.gif") 0 1px no-repeat;
 894     padding: 1px 0px 1px 16px;
 895 }
 896
 897 /* the div* hides it from older browsers that choke on css3 */
 898 /*
 899 .link-external,
 900 html*.external{
 901     background: transparent url("link_icon.gif") 0px 1px no-repeat;
 902     background-repeat: no-repeat;
 903     padding: 1px 0px 1px 16px;
 904 }*/
 905
 906 .urlexpansion {
 907     display: none;
 908 }
 909
 910 .link-https {
 911     background: transparent url("lock_icon.gif") 0px 1px no-repeat;
 912     padding: 1px 0px 1px 16px;
 913 }
 914
 915 .link-mailto {
 916     background: transparent url("mail_icon.gif") 0px 1px no-repeat;
 917     padding: 1px 0px 1px 16px;
 918 }
 919
 920 .link-ftp {
 921     background: transparent url("file_icon.gif") 0px 1px no-repeat;
 922     padding: 1px 0px 1px 16px;
 923 }
 924
 925 .link-irc {
 926     background: transparent url("discussionitem_icon.gif") 0px 1px no-repeat;
 927     padding: 1px 0px 1px 16px;
 928 }
 929
 930
 931 .link-comment {
 932     background: transparent url("discussionitem_icon.gif") center left no-repeat;
 933     padding: 1px 0px 1px 16px !important;
 934 }
 935
 936 .hiddenStructure {
 937     display: none;
 938   }
 939
 940 .contentActions .hiddenStructure {
 941     position: absolute;
 942     top: -200px;
 943     left: -200px;
 944 }
 945
 946 .visualClear {
 947     display: block;
 948     clear: both;
 949 }
 950 .hiddenLabel {
 951     display: block;
 952     background: transparent;
 953     background-image: none; /* safari bug */
 954     border: none;
 955     height: 1px;
 956     overflow: hidden;
 957     padding: 0;
 958     margin: -1px 0 0 -1px;
 959     width: 1px;
 960 }
 961 .label {
 962     font-weight: bold;
 963     display: inline;
 964     padding-right: 0.5em;
 965 }
 966
 967 .visualOverflow {
 968     overflow: auto;
 969     margin: 0 0 1em 0;
 970 }
 971
 972 .visualOverflow pre,
 973 .visualOverflow table,
 974 .visualOverflow img {
 975     margin: 0;
 976 }
 977
 978 /* for highlighting of search terms */
 979
 980 .highlightedSearchTerm {
 981    background-color: #feff82;
 982 }
 983
 984 /* debugging tool.. */
 985 /*div{ border:1px solid #000000 !important;}*/
 986