stylesheets/DaVinci.css

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