Project

General

Profile

1 3640 leinfelder
/* ----- base.css ----- */
2
@media screen {
3
/*
4
** Plone style sheet - Base Elements
5
**
6
** Style sheet documentation can be found at http://plone.org/documentation
7
**
8
** You should preferrably use ploneCustom.css to add your own CSS classes and to
9
** customize your portal, as these are the base fundaments of Plone, and will
10
** change and be refined in newer versions. Keeping your changes in
11
** ploneCustom.css will make it easier to upgrade.
12
**
13
** Feel free to use whole or parts of this for your own designs, but give credit
14
** where credit is due.
15
**
16
*/
17
18
/*  (do not remove this :) */
19
/*  (not this either :) */
20
21
22
body {
23
    font: 69% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
24
    background-color: #ffffff;
25
    color: Black;
26
    margin: 0;
27
    padding: 0;
28
}
29
30
table {
31
    font-size: 100%;
32
}
33
34
a {
35
    color: #666633;
36
    background-color: transparent;
37
}
38
img {
39
    border: none;
40
    vertical-align: middle;
41
}
42
p {
43
    margin: 0 0 0.75em 0;
44
    line-height: 1.5em;
45
}
46
47
p img {
48
    border: none;
49
    margin: 0;
50
}
51
52
hr {
53
    border: 0;
54
    height: 1px;
55
    color: #555522;
56
    background-color: #555522;
57
    margin: 0.5em 0 1em 0;
58
}
59
60
61
h1, h2, h3, h4, h5, h6 {
62
    color: Black;
63
    background-color: transparent;
64
    font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
65
    font-weight: normal;
66
    margin: 0 0 0.25em 0;
67
    border-bottom: 1px solid #555522;
68
}
69
70
h1 a,
71
h2 a,
72
h4 a,
73
h5 a,
74
h6 a {
75
    color: Black ! important;
76
    text-decoration: none;
77
}
78
79
h1 {
80
    font-size: 160%;
81
}
82
83
h2 {
84
    font-size: 150%;
85
}
86
87
h3 {
88
    font-size: 125%;
89
    border-bottom: none;
90
    font-weight: bold;
91 3645 leinfelder
    color: #666633 ! important;
92 3640 leinfelder
}
93
94
h3 a {
95 3645 leinfelder
    color: #666633 ! important;
96 3640 leinfelder
    text-decoration: none;
97
}
98
99
h4 {
100
    font-size: 110%;
101
    border-bottom: none;
102
    font-weight: bold;
103
}
104
105
h5 {
106
    font-size: 100%;
107
    border-bottom: none;
108
    font-weight: bold;
109
}
110
111
h6 {
112
    font-size: 85%;
113
    border-bottom: none;
114
    font-weight: bold;
115
}
116
117
ul {
118
    line-height: 1.5em;
119
    margin: 0.5em 0 0 1.5em;
120
    padding: 0;
121 3642 leinfelder
    list-style-image: url(images/bullet.gif);
122 3640 leinfelder
    list-style-type: square;
123
}
124
125
ol {
126
    line-height: 1.5em;
127
    margin: 0.5em 0 0 2.5em;
128
    padding: 0;
129
    list-style-image: none;
130
}
131
132
li {
133
    margin-bottom: 0.5em;
134
}
135
136
dt {
137
    font-weight: bold;
138
}
139
140
dd {
141
    line-height: 1.5em;
142
    margin-bottom: 1em;
143
}
144
145
fieldset {
146
    border: 1px solid #555522;
147
    margin: 1em 0em 1em 0em;
148
    padding: 0em 1em 1em 1em;
149
    line-height: 1.5em;
150
    width: auto;
151
}
152
legend {
153
    background: #ffffff;
154
    padding: 0.5em;
155
    font-size: 90%;
156
}
157
158
form {
159
    border: none;
160
    margin: 0;
161
}
162
163
label {
164
    font-weight: bold;
165
}
166
167
textarea {
168
    font: 100% Monaco, "Courier New", Courier, monospace;
169
    border: 1px solid #555522;
170
    color: Black;
171 3642 leinfelder
    background: White url(images/input_background.gif) repeat-x;
172 3640 leinfelder
    width: 100%;
173
}
174
175
input {
176
    font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
177
    visibility: visible;
178
    border: 1px solid #555522;
179
    color: Black;
180
    vertical-align: middle;
181 3642 leinfelder
    background: White url(images/input_background.gif) repeat-x;
182 3640 leinfelder
}
183
select {
184
    border: 1px solid #555522;
185
    color: Black;
186
    background-color: White;
187
    vertical-align: top;
188
}
189
abbr, acronym, .explain {
190
    border-bottom: 1px dotted Black;
191
    color: Black;
192
    background-color: transparent;
193
    cursor: help;
194
}
195
q {
196
    font-family: Baskerville, Georgia, serif;
197
    font-style: italic;
198
    font-size: 120%;
199
}
200
blockquote {
201
    padding-left: 0.5em;
202
    margin-left: 0;
203
    border-left: 4px solid #555522;
204
    color: #76797c;
205
}
206
code {
207
    font-family: Monaco, "Courier New", Courier, monospace;
208
    font-size: 120%;
209
    color: Black;
210
    background-color: #a6c2a5;
211
    padding: 0 0.1em;
212
}
213
/** remove for metacat use, BRL 20071206
214
pre {
215
    font-family: Monaco, "Courier New", Courier, monospace;
216
    font-size: 100%;
217
    padding: 1em;
218
    border: 1px solid #555522;
219
    color: Black;
220
    background-color: #a6c2a5;
221
    overflow: auto;
222
}
223
*/
224
225
ins {
226
    color: green;
227
    text-decoration: none;
228
}
229
230
del {
231
    color: red;
232
    text-decoration: line-through;
233
}
234
235
/* Helper element to work with CSS floats */
236
237
.visualClear {
238
    display: block;
239
    clear: both;
240
}
241
242
/* Hiding helper elements for old browsers */
243
244
.netscape4 {
245
    display: none;
246
}
247
248
249
/*  */
250
251
}
252
253
254
/* ----- public.css ----- */
255
@media screen {
256
/*
257
** Plone style sheet - Public-facing Elements
258
**
259
** Style sheet documentation can be found at http://plone.org/documentation
260
**
261
** You should preferrably use ploneCustom.css to add your own CSS classes and to
262
** customize your portal, as these are the base fundaments of Plone, and will
263
** change and be refined in newer versions. Keeping your changes in
264
** ploneCustom.css will make it easier to upgrade.
265
**
266
** Feel free to use whole or parts of this for your own designs, but give credit
267
** where credit is due.
268
**
269
*/
270
271
/*  (do not remove this :) */
272
/*  (not this either :) */
273
274
.documentContent {
275
    font-size: 110%;
276
    padding: 1em 1em 2em 1em !important;
277
    background: #ffffff;
278
}
279
280
281
/* Links with differently colored link underlines - only for content */
282
283
.documentContent p a {
284
    text-decoration: none;
285
    border-bottom: 1px #cccccc solid;
286
}
287
288
.documentContent p a:visited {
289
    color: #666633;
290
    background-color: transparent;
291
}
292
293
.documentContent p a:active {
294
    color: #666633;
295
    background-color: transparent;
296
}
297
298
.documentContent li a {
299
    text-decoration: none;
300
    border-bottom: 1px #cccccc solid;
301
}
302
303
.documentContent li a:visited {
304
    color: #666633;
305
    background-color: transparent;
306
}
307
308
.documentContent li a:active {
309
    color: #666633;
310
    background-color: transparent;
311
}
312
313
.documentContent dd a {
314
    text-decoration: none;
315
    border-bottom: 1px #cccccc solid;
316
}
317
318
.documentContent dd a:visited {
319
    color: #666633;
320
    background-color: transparent;
321
}
322
323
.documentContent dd a:active {
324
    color: #666633;
325
    background-color: transparent;
326
}
327
328
/* End links */
329
330
/* The edit form elements */
331
332
.field {
333
    top: 0;
334
    left: 0;
335
    margin: 0 1em 1em 0;
336
}
337
338
.field .field {
339
    margin: 1em 0 0 0;
340
}
341
342
.fieldRequired {
343 3642 leinfelder
    background: url(images/required.gif) center left no-repeat;
344 3640 leinfelder
    padding: 0 0 0 8px;
345
    color: #ffffff;
346
}
347
348
.formHelp {
349
    font-size: 90%;
350
    color: #76797c;
351
    margin: 0 0 0.2em 0;
352
}
353
354
.formHelp:hover {
355
    color: Black;
356
    cursor: default;
357
}
358
359
.formControls {
360
   margin: 1em 0;
361
}
362
363
.error {
364
    /* Class for error indication in forms */
365
    background-color: #ffce7b;
366
    border: 1px solid #ffa500;
367
    padding: 1em;
368
    margin: 0 0 1em 0;
369
    width: 95% !important;
370
}
371
372
.error .fieldRequired {
373
   color: #ffce7b;
374
}
375
376
/* End edit form elements */
377
378
#visual-portal-wrapper {
379
    margin: 0;
380
    padding: 0;
381
}
382
383
/* Logo properties */
384
385
#portal-logo {
386
    background: url(logo.jpg) no-repeat;
387
    border: 0;
388
    margin: 0.75em 0em 0.75em 1.5em;
389
    padding: 0;
390
}
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: 256px;
400
    height: 0px !important;
401
    height /**/: 256px;
402
    width: 760px;
403
    cursor: pointer;
404
}
405
406
/* The skin switcher at the top, only shows up if you have multiple skins available */
407
408
#portal-skinswitcher {
409
}
410
411
#portal-skinswitcher a {
412
    display: block;
413
    float: left;
414
}
415
416
#portal-top {
417
    /* Top section */
418
    margin: 0;
419
    padding: 0;
420
    background-color: transparent;
421
}
422
423
/* Site-wide action menu - font size, contact, index, sitemap etc */
424
425
.portal-siteactions {
426
    background-color: transparent;
427
    white-space: nowrap;
428
    list-style-image: none;
429
    list-style-type: none;
430
    margin: 1px 0 0 0;
431
    height: auto;
432
    line-height: normal;
433
    float: right;
434
    padding: 3px 2em 3px 0;
435
}
436
437
.portal-siteactions li {
438
    display: inline;
439
}
440
441
.portal-siteactions li a {
442
    background-color: transparent;
443
    border: 1px solid #ffffff;
444
    color: #76797c;
445
    height: auto;
446
    padding: 0.2em;
447
    margin-right: 0.2em;
448
    text-decoration: none;
449
    text-transform: lowercase;
450
}
451
452
.portal-siteactions li.selected a {
453
    background-color: #a6c2a5;
454
    color: #666633;
455
    border: 1px solid #555522;
456
}
457
458
.portal-siteactions li a:hover {
459
    background-color: #a6c2a5;
460
    color: #666633;
461
    border: 1px solid #555522;
462
}
463
464
/* Searchbox style and positioning */
465
466
#portal-searchbox {
467
    float: right;
468
    clear: right;
469
    background-color: transparent;
470
    margin: 1.5em 0 0 0;
471
    padding: 0 2em 0 0;
472
    text-align: right;
473
    text-transform: lowercase;
474
    white-space: nowrap;
475
    z-index: 2;
476
}
477
478
#portal-advanced-search {
479
    margin-top: 0.2em;
480
    clear: both;
481
}
482
483
#portal-advanced-search a {
484
    color: #76797c;
485
    text-decoration: none;
486
    text-transform: lowercase;
487
}
488
489
/* LiveSearch styles */
490
491
.LSRes {
492
    font-family:  "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
493
    visibility: visible;
494
    color: #666633;
495
    background-color: #ffffff;
496
    vertical-align: middle;
497
    display:block;
498
    list-style-image: none;
499
    list-style-type: none;
500
    text-align: left;
501
    min-width: 16.5em;
502
    text-transform: none;
503
    margin-left: 0;
504
    line-height: 1.1em;
505
}
506
507
#LSHighlight {
508
    background-color: #a6c2a5;
509
    border: 1px solid #555522;
510
    color: #666633;
511
}
512
513
.LSRow {
514
    border: 1px solid #ffffff;
515
    white-space: normal;
516
    padding:0;
517
    margin: 0;
518
    list-style-image: none;
519
    list-style-type: none;
520
}
521
522
.LSRow a {
523
    text-decoration: none;
524
    font-weight:bold;
525
    white-space:nowrap
526
}
527
528
.LSDescr {
529
    color: #76797c;
530
    text-transform: lowercase;
531
    padding-left:2.1em;
532
    margin-top:-0.1em;
533
}
534
535
.LSResult {
536
    position:relative;
537
    display: block;
538
    text-align:right;
539
    padding-top: 5px;
540
    margin: 0;
541
    left: 3px;
542
    z-index: 3;
543
}
544
545
.LSShadow {
546
    position:relative;
547
    text-align:right;
548
}
549
550
.livesearchContainer {
551
    background-color: #ffffff;
552
    margin-top: 0;
553
    padding: 0 !important;
554
    position: absolute;
555
    right:0px;
556
    /* Currently exposes a rendering bug in Mozilla */
557
    top: -17px;
558
    white-space: normal;
559
    font-family:  "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
560
    visibility: visible;
561
    text-align:left;
562
    color: #666633;
563
    background-color: transparent;
564
    border: 1px solid #555522;
565
    width:300px;
566
    text-transform: none;
567
}
568
569
/* Workaround for Internet Explorer's broken z-index implementation */
570
.LSIEFix {
571
    background-color: #ffffff;
572
    padding: 0.5em !important;
573
    z-index: 20;
574
}
575
576
.LSBox {
577
    clear: left;
578
    float: left;
579
    text-align: right;
580
    padding-right: 1px;
581
    display:block;
582
}
583
584
#LSNothingFound {
585
    text-align: center;
586
    padding: 2px;
587
}
588
589
/* The global section tabs. */
590
591
#portal-globalnav {
592
    background-color: transparent;
593
    padding: 0em 0em 0em 2em;
594
    white-space: nowrap;
595
    list-style: none;
596
    margin: 0;
597
    height: auto;
598
    line-height: normal;
599
}
600
601
#portal-globalnav li {
602
    display: inline;
603
}
604
605
#portal-globalnav li a {
606
    /* The normal, unselected tabs. They are all links */
607
    background-color: transparent;
608
    border-color: #555522;
609
    border-width: 1px;
610
    border-style: solid solid none solid;
611
    color: #666633;
612
    height: auto;
613
    margin-right: 0.5em;
614
    padding: 0em 1.25em;
615
    text-decoration: none;
616
    text-transform: lowercase;
617
}
618
619
#portal-globalnav li.selected a {
620
    /* The selected tab. There's only one of this */
621
    background-color: #a6c2a5;
622
    border: 1px solid #555522;
623
    border-bottom: #a6c2a5 1px solid;
624
    color: #666633;
625
}
626
627
#portal-globalnav li a:hover {
628
    background-color: #a6c2a5;
629
    border-color: #555522;
630
    border-bottom-color: #a6c2a5;
631
    color: #666633;
632
}
633
634
#portal-personaltools {
635
    /* Bar with personalized menu (user preferences, favorites etc) */
636
    background-color: #a6c2a5;
637
    border-top-color: #555522;
638
    border-top-style: solid;
639
    border-top-width: 1px;
640
    border-bottom-color: #555522;
641
    border-bottom-style: solid;
642
    border-bottom-width: 1px;
643
    line-height: 1.6em;
644
    color: Black;
645
    padding: 0em 3em 0em 3em;
646
    margin: 0;
647
    text-align: right;
648
    text-transform: lowercase;
649
    list-style: none;
650
}
651
652
#portal-personaltools .portalUser {
653 3641 leinfelder
    background: transparent url(images/user.gif) center left no-repeat;
654 3640 leinfelder
    padding-left: 15px;
655
}
656
657
#portal-personaltools .portalNotLoggedIn {
658
    /* Used on all descriptions relevant to those not logged in */
659
    color: Black;
660
    padding: 0;
661
    background: transparent;
662
    background-image: none;
663
}
664
665
#portal-personaltools li {
666
    color: #666633;
667
    margin-left: 1em;
668
    display: inline;
669
}
670
671
#portal-personaltools li a {
672
    text-decoration: none;
673
    color: #666633;
674
}
675
676
#portal-personaltools .visualIconPadding {
677
    padding-left: 10px;
678
}
679
680
.visualCaseSensitive {
681
    text-transform: none;
682
}
683
684
#portal-breadcrumbs {
685
    /* The path bar, including breadcrumbs and add to favorites */
686
    border-bottom-color: #555522;
687
    border-bottom-style: solid;
688
    border-bottom-width: 1px;
689
    padding-left: 2em;
690
    padding-right: 2em;
691
    text-transform: lowercase;
692
    line-height: 1.6em;
693
}
694
695
#portal-breadcrumbs a {
696
    text-decoration: none;
697
}
698
699
.breadcrumbSeparator {
700
    font-size: 120%;
701
}
702
703
.addFavorite {
704
    vertical-align: bottom;
705
}
706
707
708
#content-news h1 {
709
    margin-bottom: 1em;
710
}
711
712
/* Only h5/h6 headlines in the content area should have the discreet color */
713
714
#content h5,
715
#content h6 {
716
    color: #76797c;
717
}
718
719
.newsItem {
720
    margin-bottom: 1em;
721
    border-bottom: 1px solid #555522;
722
}
723
724
.newsImage {
725
    border: 1px solid black;
726
}
727
728
.newsImageContainer {
729
    float:right;
730
    margin: 0 0 0.5em 1em;
731
    width: 202px;
732
}
733
734
.newsContent {
735
    padding: 0 1em 1em 1em;
736
}
737
738
.newsContent ul,
739
.newsContent li {
740
    display: block;
741
    list-style: none;
742
    list-style-image: none;
743
    margin: 0;
744
    padding: 0;
745
}
746
747
.newsAbout {
748
    display: block;
749
    color: #76797c;
750
    font-size: 85%;
751
    padding: 0;
752
    margin-top: 0;
753
    list-style: none;
754
    list-style-image: none;
755
    float: right;
756
    text-align: right;
757
}
758
759
.newsAbout li {
760
    display: inline;
761
}
762
763
.newsFooter {
764
765
}
766
767
.newsFooter li {
768
    display: inline;
769
    margin: 0 1em 0 0;
770
}
771
772
.documentActions {
773
    float: right;
774
    margin: 0.4em 0 0 0.5em;
775
    padding: 0;
776
    text-align: right;
777
}
778
779
.documentActions ul {
780
    margin: 1px 0 2px 0;
781
    padding: 0;
782
    display: block;
783
}
784
785
.documentActions li {
786
    display: inline;
787
    list-style: none;
788
    list-style-image: none;
789
    margin: 0;
790
    padding: 0;
791
}
792
793
.documentActions a {
794
    border: none !important;
795
    text-decoration: none;
796
}
797
798
/* .system-message and #error-handling are reST error indicators */
799
800
.portalMessage,
801
.system-message,
802
#error-handling {
803
    background-color: #ffce7b;
804
    border: 1px solid #ffa500;
805
    color: Black;
806
    font-size: 85%;
807
    font-weight: bold;
808
    margin: 1em 0em;
809
    padding: 0.5em 1em 0.5em 3em;
810
    vertical-align: middle;
811 3642 leinfelder
    background-image: url(images/info_icon.gif);
812 3640 leinfelder
    background-repeat: no-repeat;
813
    background-position: 5px 50%;
814
}
815
816
.portalMessage a {
817
    color: Black;
818
}
819
820
.documentDescription {
821
    /* The summary text describing the document */
822
    font-weight: bold;
823
    display: block;
824
    margin: 0em 0em 0.5em 0em;
825
    line-height: 1.5em;
826
}
827
828
.documentByLine {
829
    font-size: 85%;
830
    font-weight: normal;
831
    color: #76797c;
832
    margin: 0em 0em 0.5em 0em;
833
}
834
835
.discussion {
836
    margin-top: 1em;
837
}
838
839
.even {
840
    background-color: #eef3f5;
841
}
842
843
.odd {
844
    background-color: transparent;
845
}
846
847
.visualHighlight {
848
    background-color: #eef3f5;
849
}
850
851
.discreet {
852
    color: #76797c;
853
    font-size: 85%;
854
    font-weight: normal;
855
}
856
857
/* Batch selector */
858
859
.listingBar {
860
    background-color: #a6c2a5;
861
    border-color: #555522;
862
    border-style: solid;
863
    border-width: 1px;
864
    padding: 0em 1em;
865
    text-align: center;
866
    text-transform: lowercase;
867
    vertical-align: top;
868
    margin: 1em 0em;
869
    font-size: 94%;
870
    clear: both;
871
}
872
873
.listingBar span.previous,
874
.listingPrevious {
875
    text-align: left;
876
    float: left;
877
    margin-right: 1em;
878
}
879
880
.listingBar span.next,
881
.listingNext {
882
    text-align: right;
883
    float: right;
884
    margin-left: 1em;
885
}
886
887
.listingBar img {
888
    vertical-align: middle;
889
}
890
891
.listingBar a {
892
    text-decoration: none;
893
}
894
895
.tileItem {
896
    border-top: 1px solid #555522;
897
    padding-top: 0.5em;
898
    margin-top: 0.5em;
899
}
900
901
.tileHeadline {
902
    border: none;
903
    font-size: 110%;
904
    font-weight: bold;
905
}
906
907
.tileHeadline a {
908
    text-decoration: none;
909
}
910
911
.tileBody {
912
    margin-bottom: 0.5em;
913
}
914
915
.tileImage {
916
    float: right;
917
    margin: 0 0 0.5em 0.5em;
918
    border: 1px solid black;
919
}
920
921
.eventDetails {
922
    float: right;
923
    width: 20em;
924
    clear: right;
925
}
926
927
/* Useful deviations from regular style on elements */
928
929
/* List classes without markers */
930
931
ul.visualNoMarker,
932
ol.visualNoMarker {
933
    list-style-type: none;
934
    list-style-image: none;
935
    margin: 0.5em 0 0 0;
936
    line-height: 1em;
937
}
938
939
textarea.proportional {
940
    font: 100% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
941
}
942
943
.productCredits {
944
    text-align: right;
945
    font-size: 85%;
946
    clear: both;
947
    font-weight: normal;
948
    color: #76797c;
949
}
950
951
#portal-footer {
952
    background-color: #a6c2a5;
953
    border-top: 1px solid #555522;
954
    border-bottom: 1px solid #555522;
955
    float: none;
956
    line-height: 1.2em;
957
    margin: 2em 0em 1em 0em;
958
    padding: 0.5em 0em 1em 0em;
959
    text-align: center;
960
}
961
962
#portal-footer p {
963
    margin: 0.25em 0;
964
}
965
966
#portal-footer a {
967
    text-decoration: none;
968
    color: #666633;
969
    border: none;
970
}
971
972
#portal-footer a:visited {
973
    color: #666633;
974
}
975
976
#portal-footer a:hover {
977
    text-decoration: underline;
978
}
979
980
#portal-colophon {
981
    float: none;
982
    margin: 0em 0em 2em 0em;
983
    padding: 0.5em 0em 1em 0em;
984
    text-align: center;
985
}
986
987
#portal-colophon ul,
988
#portal-colophon ul li,
989
#portal-colophon ul li a {
990
    list-style-image: none;
991
    list-style-type: none;
992
    display: inline;
993
    text-decoration: none;
994
    color: Black;
995
}
996
997
#portal-colophon ul {
998
    display: table-row;
999
    list-style-type: none;
1000
}
1001
1002
#portal-colophon ul li {
1003
    display: table-cell;
1004
    font-size: 85%;
1005
    margin: 0 0.25em;
1006
    padding: 0.1em 0.2em;
1007
}
1008
1009
#portal-colophon .colophonWrapper {
1010
    display: table;
1011
    margin: 0 auto;
1012
    border-collapse: collapse;
1013
    border-spacing: 0;
1014
}
1015
1016
#portal-colophon .colophonIcon {
1017
    display: block; /* This is for Mozilla, as it doesn't support
1018
                       inline-block. The colophon icons aren't in
1019
                       one line though. */
1020
    display: inline-block;
1021
    text-decoration: none;
1022
    overflow: hidden;
1023
    border: 0;
1024
    margin: 0 auto;
1025
    padding: 0;
1026
    padding-top: 15px;
1027
    height: 0px !important;
1028
    height /**/: 15px;
1029
    width: 80px;
1030
}
1031
1032
#portal-colophon a.colophonIcon {
1033
    cursor: pointer;
1034
}
1035
1036
.feedButton {
1037
    display: block;
1038
    float: right;
1039
    margin-top: 1px;
1040
}
1041
1042
.poweredBy {
1043
    display: block;
1044
    clear: both;
1045
    font-size: 85%;
1046
    font-weight: normal;
1047
    color: #76797c;
1048
    text-align: right;
1049
}
1050
1051
/* Sitemap styles */
1052
1053
#portal-sitemap {
1054
    list-style: none;
1055
    list-style-image: none;
1056
    margin: 0;
1057
    font-size: 90%;
1058
    border: none;
1059
}
1060
1061
#portal-sitemap a {
1062
    border: 1px solid #ffffff;
1063
}
1064
1065
#portal-sitemap a:hover {
1066
    border: 1px solid #555522;
1067
}
1068
1069
#portal-sitemap .navTreeLevel1 {
1070
    padding-left: 1em;
1071
    border-left: 0.5em solid #555522;
1072
    margin: 0 0 0 0.5em;
1073
}
1074
1075
#portal-sitemap .navTreeLevel2 {
1076
    padding-left: 1em;
1077
    border-left: 0.5em solid #a6c2a5;
1078
    margin: 0 0 0 0.6em;
1079
}
1080
1081
/* Accessibility and visual enhancement elements */
1082
1083
.hiddenStructure {
1084
    display: block;
1085
    background: transparent;
1086
    background-image: none; /* safari bug */
1087
    border: none;
1088
    height: 1px;
1089
    overflow: hidden;
1090
    padding: 0;
1091
    margin: -1px 0 0 -1px;
1092
    width: 1px;
1093
}
1094
1095
.contentViews .hiddenStructure,
1096
.contentActions .hiddenStructure {
1097
    position: absolute;
1098
    top: -200px;
1099
    left: -200px;
1100
}
1101
1102
.hiddenLabel {
1103
    display: block;
1104
    background: transparent;
1105
    background-image: none; /* safari bug */
1106
    border: none;
1107
    height: 1px;
1108
    overflow: hidden;
1109
    padding: 0;
1110
    margin: -1px 0 0 -1px;
1111
    width: 1px;
1112
}
1113
1114
/* Link types */
1115
1116
.link-plain {
1117
    background-image: none;
1118
    padding: 0;
1119
}
1120
1121
.link-parent {
1122
    display: block;
1123 3642 leinfelder
    /*background: transparent url(http://www.saeon.ac.za/arrowUp.gif) 4px 5px no-repeat;*/
1124 3640 leinfelder
    padding: 1px 0px 10px 16px;
1125
    font-size: 85%;
1126
    text-decoration: none;
1127
}
1128
1129
.link-user {
1130 3641 leinfelder
    background: transparent url(images/user.gif) 0 1px no-repeat;
1131 3640 leinfelder
    padding: 1px 0px 1px 16px;
1132
}
1133
1134
.link-external {
1135 3642 leinfelder
    /*background: transparent url(http://www.saeon.ac.za/link_icon.gif) 0px 1px no-repeat;*/
1136 3640 leinfelder
    padding: 1px 0px 1px 16px;
1137
}
1138
1139
.link-https {
1140 3642 leinfelder
    /*background: transparent url(http://www.saeon.ac.za/lock_icon.gif) 0px 1px no-repeat;*/
1141 3640 leinfelder
    padding: 1px 0px 1px 16px;
1142
}
1143
1144
.link-mailto {
1145 3642 leinfelder
    /*background: transparent url(http://www.saeon.ac.za/mail_icon.gif) 0px 1px no-repeat;*/
1146 3640 leinfelder
    padding: 1px 0px 1px 16px;
1147
}
1148
1149
.link-news {
1150 3642 leinfelder
    /*background: transparent url(http://www.saeon.ac.za/topic_icon.gif) 0px 1px no-repeat;*/
1151 3640 leinfelder
    padding: 1px 0px 1px 16px;
1152
}
1153
1154
.link-ftp {
1155 3642 leinfelder
    /*background: transparent url(http://www.saeon.ac.za/file_icon.gif) 0px 1px no-repeat;*/
1156 3640 leinfelder
    padding: 1px 0px 1px 16px;
1157
}
1158
1159
.link-irc {
1160 3642 leinfelder
    /*background: transparent url(http://www.saeon.ac.za/discussionitem_icon.gif) 0px 1px no-repeat;*/
1161 3640 leinfelder
    padding: 1px 0px 1px 16px;
1162
}
1163
1164
.link-callto {
1165 3642 leinfelder
    /*background: transparent url(http://www.saeon.ac.za/phone_icon.gif) 0px 1px no-repeat;*/
1166 3640 leinfelder
    padding: 1px 0px 1px 16px;
1167
}
1168
1169
.link-webcal {
1170 3642 leinfelder
    /*background: transparent url(http://www.saeon.ac.za/event_icon.gif) 0px 1px no-repeat;*/
1171 3640 leinfelder
    padding: 1px 0px 1px 16px;
1172
}
1173
1174
.link-feed {
1175 3642 leinfelder
    /*background: transparent url(http://www.saeon.ac.za/rss.gif) 0px 1px no-repeat;*/
1176 3640 leinfelder
    padding: 1px 0px 1px 18px;
1177
}
1178
1179
.link-comment {
1180 3642 leinfelder
    /*background: transparent url(http://www.saeon.ac.za/discussionitem_icon.gif) center left no-repeat;*/
1181 3640 leinfelder
    padding: 1px 0px 1px 16px !important; /* value:  */
1182
}
1183
1184
.link-anchor {
1185
    color: #76797c;
1186
    text-decoration: none;
1187
    font-weight: normal;
1188
}
1189
1190
/* For ghosted elements */
1191
.visualGhosted {
1192
    opacity: 0.2;
1193
    -moz-opacity: 0.2;
1194
    -khtml-opacity: 0.2;
1195
}
1196
1197
/* Fullscreen */
1198
1199
body.fullscreen #portal-logo,
1200
body.fullscreen #portal-siteactions {
1201
    display: none;
1202
}
1203
1204
body.fullscreen #portal-globalnav {
1205
    margin-top: 4em;
1206
}
1207
1208
body.fullscreen #portal-searchbox {
1209
    margin: 0.5em 2em 0 0.5em;
1210
    padding: 0;
1211
    position: relative;
1212
}
1213
1214
/* Kupu image alignment classes */
1215
1216
.image-left {
1217
   float: left;
1218
   clear: both;
1219
   margin: 0.5em 1em 0.5em 0;
1220
   border: 1px solid Black;
1221
}
1222
1223
.image-inline {
1224
   float: none;
1225
}
1226
1227
.image-right {
1228
   float: right;
1229
   clear: both;
1230
   margin: 0.5em;
1231
   border: 1px solid Black;
1232
}
1233
1234
.vm_small {
1235
    font: 80% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
1236
    color: Black;
1237
}
1238
1239
/*  */
1240
}
1241
1242
1243
/* ----- columns.css ----- */
1244
@media screen {
1245
/*
1246
** Table-based column layout for all browsers.
1247
**
1248
** There's a table-less column layout alternative in the plone_tableless
1249
** skin layer, if you prefer layouts without tables.
1250
*/
1251
1252
/*  */
1253
1254
#portal-columns {
1255
    width: 100% !important;
1256
    border-collapse: collapse;
1257
    border-spacing: 0;
1258
}
1259
1260
#portal-column-one {
1261
    vertical-align: top;
1262
    width: 16em;
1263
}
1264
1265
#portal-column-content {
1266
    vertical-align: top;
1267
    margin: 0;
1268
    padding: 0;
1269
}
1270
1271
#portal-column-two {
1272
    vertical-align: top;
1273
    width: 16em;
1274
}
1275
1276
/* Padding for the columns */
1277
1278
#portal-column-one .visualPadding {
1279
    padding: 2em 0em 1em 2em;
1280
}
1281
1282
#portal-column-two .visualPadding {
1283
    padding: 2em 2em 1em 0em;
1284
}
1285
1286
/* fullscreen */
1287
1288
body.fullscreen #portal-column-one,
1289
body.fullscreen #portal-column-two {
1290
    display: none;
1291
}
1292
1293
body.fullscreen #portal-column-content {
1294
    width: 100%;
1295
    margin: 0;
1296
    padding: 0;
1297
}
1298
1299
/*  */
1300
1301
}
1302
1303
1304
/* ----- authoring.css ----- */
1305
@media screen {
1306
/*
1307
** Plone style sheet - Authoring Elements
1308
**
1309
** Style sheet documentation can be found at http://plone.org/documentation
1310
**
1311
** You should preferrably use ploneCustom.css to add your own CSS classes and to
1312
** customize your portal, as these are the base fundaments of Plone, and will
1313
** change and be refined in newer versions. Keeping your changes in
1314
** ploneCustom.css will make it easier to upgrade.
1315
**
1316
** Feel free to use whole or parts of this for your own designs, but give credit
1317
** where credit is due.
1318
**
1319
*/
1320
1321
/*  (do not remove this :) */
1322
/*  (not this either :) */
1323
1324
.standalone,
1325
.documentEditable * .standalone {
1326 3642 leinfelder
    /*background: #a6c2a5 url(http://www.saeon.ac.za/linkOpaque.gif) 9px 1px no-repeat;*/
1327 3640 leinfelder
    cursor: pointer;
1328
    font-size: 85%;
1329
    padding: 1px 1px 1px 15px;
1330
    text-transform: lowercase;
1331
}
1332
.context,
1333
.documentEditable * .context {
1334 3642 leinfelder
    /*background: transparent url(http://www.saeon.ac.za/linkTransparent.gif) 9px 1px no-repeat;*/
1335 3640 leinfelder
    cursor: pointer;
1336
    font-size: 85%;
1337
    padding: 1px 1px 1px 15px;
1338
    text-transform: lowercase;
1339
}
1340
.destructive,
1341
.documentEditable * .destructive {
1342 3642 leinfelder
    /*background: #ffce7b url(http://www.saeon.ac.za/linkTransparent.gif) 9px 1px no-repeat;*/
1343 3640 leinfelder
    border: 1px solid #ffa500;
1344
    cursor: pointer;
1345
    font-size: 85%;
1346
    padding: 1px 1px 1px 15px;
1347
    text-transform: lowercase;
1348
}
1349
input.searchButton {
1350
    margin-bottom: 1px ! important;
1351
    font-size: 85%;
1352 3642 leinfelder
    background: #ffffff url(images/search_icon.gif) 2px 1px no-repeat;
1353 3640 leinfelder
    cursor: pointer;
1354
    padding: 1px 1px 1px 15px;
1355
    text-transform: lowercase;
1356
1357
}
1358
.noborder,
1359
.documentEditable * .noborder {
1360
    border: none;
1361
    margin: 0;
1362
    background-color: transparent;
1363
}
1364
.add,
1365
.documentEditable * .add {
1366
}
1367
.quickSearch {
1368
}
1369
.notify,
1370
.documentEditable * .notify {
1371
    border: 1px solid #ffa500;
1372
}
1373
1374
.card {
1375
    background-color: #a6c2a5;
1376
    border-color: #555522;
1377
    border-width: 1px;
1378
    border-style: solid;
1379
    float: left;
1380
    margin: 1em;
1381
    text-align: center;
1382
    width: 110px;
1383
    padding: 1em 0;
1384
}
1385
1386
.card a {
1387
    text-decoration: none;
1388
}
1389
1390
.portrait {
1391
    background-color: #a6c2a5;
1392
    border-color: #555522;
1393
    border-width: 1px;
1394
    border-style: solid;
1395
    font-size: 85%;
1396
    margin: 0.5em;
1397
    padding: 1em 0 0.5em 0;
1398
    text-align: center;
1399
    width: 100px;
1400
}
1401
1402
.portraitPhoto {
1403
    border: 1px solid black;
1404
}
1405
1406
.listing,
1407
.stx table {
1408
    /* The default table for document listings. Contains name, document types, modification times etc in a file-browser-like fashion */
1409
    border-collapse: collapse;
1410
    border-left: 1px solid #555522;
1411
    border-bottom: 1px solid #555522;
1412
    font-size: 85%;
1413
    margin: 1em 0em 1em 0em;
1414
}
1415
.listing th,
1416
.stx table th {
1417
    background: #a6c2a5;
1418
    border-top: 1px solid #555522;
1419
    border-bottom: 1px solid #555522;
1420
    border-right: 1px solid #555522;
1421
    font-weight: normal;
1422
    padding: 0.25em 1em;
1423
    text-transform: lowercase;
1424
}
1425
.listing .top {
1426
    border-left: 1px solid #ffffff;
1427
    border-top: 1px solid #ffffff ! important;
1428
    border-right: 1px solid #ffffff ! important;
1429
    text-align: right ! important;
1430
    padding: 0em 0em 1em 0em;
1431
}
1432
.listing .listingCheckbox {
1433
    text-align: center;
1434
}
1435
.listing td,
1436
.stx table td {
1437
    border-right: 1px solid #555522;
1438
    padding: 0.25em 1em;
1439
}
1440
1441
.listing a {
1442
    text-decoration: none;
1443
}
1444
1445
.listing a:hover {
1446
    text-decoration: underline;
1447
}
1448
.listing img {
1449
    vertical-align: middle;
1450
}
1451
1452
/* Vertical addition class */
1453
1454
.vertical {
1455
    background-color: #ffffff;
1456
}
1457
.vertical th {
1458
    padding: 0.5em;
1459
}
1460
1461
.vertical td {
1462
    border-top: 1px solid #555522;
1463
    padding: 0.5em;
1464
}
1465
1466
1467
1468
ul.configlets {
1469
    margin: 1em 0;
1470
    list-style-image: none;
1471
    list-style: none;
1472
}
1473
1474
ul.configlets li {
1475
    margin-bottom: 1em;
1476
}
1477
1478
ul.configlets li a {
1479
    text-decoration: none;
1480
    border: none;
1481
}
1482
1483
ul.configlets li a:visited {
1484
    color: #666633;
1485
    background-color: transparent;
1486
}
1487
1488
ul.configlets li a:active {
1489
    color: #666633;
1490
    background-color: transparent;
1491
}
1492
1493
ul.configlets li label {
1494
    font-weight: bold;
1495
}
1496
1497
ul.configletDetails {
1498
    margin: 0em 1em 1em 4em;
1499
    list-style-image: none;
1500
    list-style: none;
1501
}
1502
1503
ul.configletDetails li {
1504
    margin-bottom: 1em;
1505
    display: inline;
1506
}
1507
1508
ul.configletDetails li a {
1509
	text-decoration: none;
1510
}
1511
1512
ul.configletDetails li label {
1513
    font-weight: bold;
1514
}
1515
1516
/* List classes without markers */
1517
1518
ul.visualNoMarker,
1519
ol.visualNoMarker {
1520
    list-style-type: none;
1521
    list-style-image: none;
1522
    margin: 0.5em 0 0 0;
1523
}
1524
1525
1526
1527
/* Additional STX workaround classes */
1528
.stx table p /* stupid STX table workaround */
1529
{
1530
    margin: 0;
1531
    padding: 0;
1532
}
1533
.stx table  /* stupid STX table workaround */
1534
{
1535
    border: 1px solid #555522 ! important;
1536
}
1537
.stx table td {
1538
    border-bottom: 1px solid #555522;
1539
}
1540
1541
.reviewHistory {
1542
    display: inline;
1543
    font-size: 110% !important;
1544
    color: Black;
1545
}
1546
1547
.comment {
1548
    background: #eef3f5;
1549
    border: 1px solid #555522;
1550
    padding: 0.25em 1em 0.5em 1em;
1551
    margin-bottom: 1em;
1552
}
1553
1554
.comment h1,
1555
.comment h2,
1556
.comment h3,
1557
.comment h4,
1558
.comment h5,
1559
.comment h6 {
1560
    border-bottom: 1px solid #76797c;
1561
    font-weight: normal;
1562
}
1563
1564
.commentBody {
1565
    margin: 0 1em 1em 1em;
1566
}
1567
1568
.spacer {
1569
    margin: 1em;
1570
}
1571
1572
.contentViews {
1573
    background-color: transparent;
1574
    padding-left: 1em;
1575
    line-height: normal;
1576
    margin: 0;
1577
    list-style: none;
1578
    border: 1px solid #74ae0b;
1579
    border-top-width: 0px;
1580
    border-left-width: 0px;
1581
    border-right-width: 0px;
1582
}
1583
.contentViews li {
1584
    display: inline;
1585
    padding-top: 0.5em;
1586
}
1587
.contentViews li a {
1588
    background-color: transparent;
1589
    border: 1px solid #74ae0b;
1590
    border-style: solid;
1591
    color: #578308;
1592
    height: auto;
1593
    margin-right: 0.5em;
1594
    padding: 0em 1em;
1595
    line-height: normal;
1596
    text-decoration: none;
1597
    text-transform: lowercase;
1598
    z-index: 1;
1599
}
1600
.contentViews .selected a {
1601
    background-color: #cde2a7;
1602
    border-bottom: #cde2a7 1px solid;
1603
    color: #578308;
1604
}
1605
.contentViews li a:hover {
1606
    background-color: #cde2a7;
1607
    color: #578308;
1608
}
1609
1610
1611
.configlet .contentViews {
1612
    font-size: 90%;
1613
}
1614
1615
/*
1616
** begin ECMAScript Content Action Menus
1617
*/
1618
1619
.contentActions {
1620
    background-color: #cde2a7;
1621
    border-left: 1px solid #74ae0b;
1622
    border-right: 1px solid #74ae0b;
1623
    color: #578308;
1624
    text-align: right;
1625
    text-transform: lowercase;
1626
    padding: 0 0 0 1em;
1627
    z-index: 2;
1628
    height: 1.6em;
1629
}
1630
1631
.contentActions ul,
1632
.contentActions li {
1633
    margin: 0;
1634
    list-style: none;
1635
    list-style-image: none;
1636
    display: inline;
1637
    color: Black;
1638
    text-align: left;
1639
}
1640
1641
.contentActions ul {
1642
    line-height: 1.6em;
1643
    padding: 0;
1644
    margin: 0;
1645
}
1646
.contentActions li {
1647
    float: right;
1648
    z-index: 4;
1649
    border-left: 1px solid #74ae0b;
1650
    line-height: 1.6em;
1651
}
1652
1653
.actionItems li {
1654
    background-image: none;
1655
}
1656
1657
.contentActions a {
1658
    text-decoration: none;
1659
    color: #578308;
1660
    padding: 0 0.5em;
1661
}
1662
1663
.actionMenu {
1664
    /*  The spec says we can't put this on an element with a float (although
1665
        Opera is the only one that cares) and we need it in order to catch
1666
        the position:absolute bubbling up */
1667
1668
    position: relative;
1669
    margin: 0;
1670
    padding: 0;
1671
}
1672
1673
.actionMenu .actionMenuHeader {
1674
    margin: 0;
1675
    padding: 0;
1676
    font-weight: normal;
1677
    cursor: pointer;
1678
}
1679
1680
.actionMenu.activated .actionMenuHeader {
1681
    position: relative;
1682
    z-index: 10;
1683
}
1684
1685
.actionMenu .actionMenuHeader a {
1686
    display: block;
1687
}
1688
1689
.actionMenu.activated .actionMenuHeader a,
1690
.actionMenu.deactivated .actionMenuHeader a {
1691 3642 leinfelder
    /*/*background-image: url(http://www.saeon.ac.za/arrowDownAlternative.gif);*/
1692 3640 leinfelder
    background-repeat: no-repeat;
1693
    background-position: 95% 60%;
1694
    padding: 0 1.6em 0 0.5em !important;
1695
    cursor: pointer;
1696
}
1697
1698
.actionMenuDisabled {
1699
    padding: 0 0.5em 0 0.5em !important;
1700
    cursor: pointer;
1701
}
1702
1703
.actionMenu .actionMenuContent {
1704
    display: none;
1705
    z-index: 5;
1706
    position: absolute;
1707
    top: 1.6em;
1708
    right: -1px;
1709
    height: auto;
1710
    padding: 0;
1711
    margin: 0;
1712
    cursor: pointer;
1713
}
1714
1715
.actionMenu .actionMenuContent ul {
1716
    display: block;
1717
    background: #cde2a7;
1718
    border: 1px #74ae0b;
1719
    border-style: none solid solid solid;
1720
    margin: -2px 0 0 0;
1721
    padding: 0;
1722
    cursor: pointer;
1723
}
1724
1725
.actionMenu.activated .actionMenuContent {
1726
    display: block !important;
1727
}
1728
.actionMenu.activated .actionMenuContent {
1729
    /* this one will be ignored by IE, it is here to fix the cut-off error in
1730
       Firefox */
1731
    display: table !important;
1732
    border-collapse: collapse;
1733
    border-spacing: 0;
1734
}
1735
1736
.actionMenu.deactivated .actionMenuContent {
1737
    display: none !important;
1738
}
1739
1740
.actionMenu .actionMenuContent li {
1741
    float: none;
1742
    background-color: transparent;
1743
    display: inline;
1744
    padding: 0;
1745
    margin: 0;
1746
    border: 0;
1747
}
1748
1749
.actionMenu .actionMenuContent li a {
1750
    display: block;
1751
    white-space: nowrap;
1752
    padding: 0 0.5em;
1753
    margin: 0.2em 0;
1754
}
1755
1756
.actionMenu .actionMenuContent .selected {
1757
    display: block;
1758
    white-space: nowrap;
1759
    padding: 0 0.5em;
1760
    margin: 0.2em 0;
1761
}
1762
1763
.actionMenu .actionMenuContent li a:hover {
1764
    background-color: #74ae0b;
1765
    color: White;
1766
}
1767
1768
.actionMenu .actionMenuContent .actionSeparator a {
1769
    margin-top: 0.2em;
1770
    padding-top: 0.2em;
1771
    border-top: 1px solid #74ae0b;
1772
}
1773
1774
.actionMenu .actionMenuContent .actionSeparator div.currentDefaultPage {
1775
    margin-top: 0.2em;
1776
    padding: 0.2em 0.5em 0em 0.5em;
1777
    white-space: nowrap;
1778
    border-top: 1px solid #74ae0b;
1779
}
1780
1781
.actionMenu .actionMenuContent .actionSeparator div.actionLabel {
1782
    margin-top: 0.2em;
1783
    padding: 0.2em 0.5em 0em 0.5em;
1784
    white-space: nowrap;
1785
    border-top: 1px solid #74ae0b;
1786
    background-color: #74ae0b;
1787
    color: #cde2a7;
1788
    cursor: default;
1789
}
1790
1791
1792
.contentBatchAction {
1793
    float: left !important;
1794
    padding: 0 0.5em;
1795
    border-top: 1px solid #74ae0b;
1796
    border-right: 1px solid #74ae0b;
1797
    border-left: none !important;
1798
    border-collapse: collapse;
1799
    position: relative;
1800
    top: -1px;
1801
    margin-left: -0.5em !important;
1802
}
1803
1804
#objectMenu.actionMenu .actionMenuContent li {
1805
    display: block;
1806
}
1807
1808
#objectMenu.actionMenu .actionMenuContent li,
1809
#objectMenu.actionMenu .actionMenuContent li a:hover {
1810
    background-position: 3px 50%;
1811
    margin-left: 0;
1812
}
1813
1814
#objectMenu.actionMenu .actionMenuContent li a {
1815
    padding-left: 22px;
1816
}
1817
1818
.actionMenuSelected {
1819
    display: block;
1820
    cursor: default;
1821 3642 leinfelder
    background-image: url(images/bullet_icon.gif);
1822 3640 leinfelder
    background-repeat: no-repeat;
1823
    background-position: 0% 3px;
1824
    padding-left: 16px !important;
1825
}
1826
1827
#templateMenu li a {
1828
    padding-left: 16px;
1829
}
1830
1831
1832
/*
1833
** end ECMAScript Content Action Menus
1834
*/
1835
1836
1837
/* Collapsible elements */
1838
1839
dl.collapsible {
1840
    border: 1px solid #555522 !important;
1841
    margin: 1em 0 0 0;
1842
    padding: 0;
1843
}
1844
1845
dl.collapsible dt.collapsibleHeader {
1846
    display: block;
1847
    float: left;
1848
    background: #ffffff;
1849
    line-height: 1.2em;
1850
    vertical-align: middle;
1851
    font-size: 90%;
1852
    position: relative;
1853
    top: -0.6em;
1854
    width: auto;
1855
    margin: 0 0 -0.6em 1em;
1856
    padding: 0 0.5em;
1857
}
1858
1859
dl.collapsible dd.collapsibleContent {
1860
    margin: 0;
1861
    padding: 0 1em;
1862
    clear: left;
1863
}
1864
1865
/* for IE the following isn't needed, that's why the css2 selector is used */
1866
dl.collapsible dd.collapsibleContent > dl {
1867
    margin: 0;
1868
    padding: 0;
1869
}
1870
1871
dl.expandedInlineCollapsible dt.collapsibleHeader,
1872
dl.expandedBlockCollapsible dt.collapsibleHeader {
1873
    padding: 0 6px 0 22px;
1874
    background: #ffffff url(treeExpanded.gif) no-repeat 6px 50%;
1875
    cursor: pointer;
1876
}
1877
1878
dl.collapsedBlockCollapsible {
1879
    border: none !important;
1880
    height: 1em;
1881
    width: auto;
1882
}
1883
1884
dl.collapsedBlockCollapsible dt.collapsibleHeader {
1885
    float: none;
1886
    position: static;
1887
    margin: 0;
1888
    padding: 0 0 0 22px;
1889
    line-height: 1em;
1890
    background: transparent url(treeCollapsed.gif) no-repeat 6px 50%;
1891
    cursor: pointer;
1892
}
1893
1894
dl.collapsedInlineCollapsible dd.collapsibleContent,
1895
dl.collapsedBlockCollapsible dd.collapsibleContent {
1896
    display: none;
1897
}
1898
1899
dl.collapsedInlineCollapsible {
1900
    border: none !important;
1901
    height: 1em;
1902
    width: auto;
1903
    display: inline;
1904
}
1905
1906
dl.collapsedInlineCollapsible dt.collapsibleHeader {
1907
    position: static;
1908
    float: none;
1909
    margin: 0;
1910
    padding: 0 0 0 22px;
1911
    line-height: 1em;
1912
    background: transparent url(treeCollapsed.gif) no-repeat 6px 50%;
1913
    cursor: pointer;
1914
    display: inline;
1915
}
1916
1917
.documentEditable {
1918
    padding: 0em 2em 1em 2em !important;
1919
}
1920
1921
.configlet .documentEditable {
1922
    padding: 0em !important;
1923
}
1924
1925
.documentEditable .documentContent {
1926
    border: 1px solid #74ae0b;
1927
    padding: 0;
1928
}
1929
1930
.label {
1931
    font-weight: bold;
1932
    display: inline;
1933
    padding-right: 0.5em;
1934
}
1935
1936
.optionsToggle {
1937
    border: 1px solid #555522;
1938
    color: Black;
1939
    background-color: #a6c2a5;
1940
    font-weight: normal !important;
1941
    font-size: 85%;
1942
}
1943
1944
.portalNotLoggedIn {} /* Used on all descriptions relevant to those not logged in */
1945
1946
#portal-column-content fieldset > * input:focus,
1947
#portal-column-content fieldset > * textarea:focus {
1948
    border-color: #ffa500;
1949
    border-width: 1px;
1950
}
1951
1952
.visualOverflow {
1953
    overflow: auto;
1954
    margin: 0 0 1em 0;
1955
}
1956
1957
.visualOverflow pre,
1958
.visualOverflow table,
1959
.visualOverflow img {
1960
    margin: 0;
1961
}
1962
1963
.visualFontSizeCorrection { /* Correction for WYSIWYG editors */
1964
    font-size: 75%;
1965
    background: transparent;
1966
    background-image: none;
1967
}
1968
1969
1970
/* for highlighting of search terms */
1971
1972
.highlightedSearchTerm {
1973
   background-color: #feff82;
1974
}
1975
1976
/* for greying out inherited roles */
1977
1978
.noInheritedRoles {
1979
    color: #a0a0a0;
1980
}
1981
1982
/* for highlighting current items, like the language or today in the calendar */
1983
1984
.currentItem {
1985
    border-collapse: collapse;
1986
    border: 2px solid #ffa500;
1987
    padding: 1px;
1988
}
1989
1990
/* Styles to make the editing widgets look more like their view counterparts */
1991
1992
#archetypes-fieldname-title input {
1993
    font-size: 160%;
1994
    font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
1995
    font-weight: normal;
1996
    width: 99%;
1997
}
1998
1999
#archetypes-fieldname-description textarea {
2000
    font: 100% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
2001
    font-weight: bold;
2002
}
2003
2004
2005
/*  */
2006
}
2007
2008
2009
/* ----- portlets.css ----- */
2010
@media screen {
2011
/*
2012
** Plone style sheet - Portlets
2013
**
2014
** Style sheet documentation can be found at http://plone.org/documentation
2015
**
2016
** You should preferrably use ploneCustom.css to add your own CSS classes and to
2017
** customize your portal, as these are the base fundaments of Plone, and will
2018
** change and be refined in newer versions. Keeping your changes in
2019
** ploneCustom.css will make it easier to upgrade.
2020
**
2021
** Feel free to use whole or parts of this for your own designs, but give credit
2022
** where credit is due.
2023
**
2024
*/
2025
2026
/*  (do not remove this :) */
2027
/*  (not this either :) */
2028
2029
/* The new portlet CSS - these will be switched to non-qualified classes
2030
   (ie. .portlet, not dl.portlet) once the old portlet layout is removed in
2031
   Plone 2.5. ~limi */
2032
2033
/* Main portlet elements */
2034
2035
dl.portlet {
2036
    margin: 1px 0 1em 0;
2037
    border-bottom: 1px solid #555522;
2038
}
2039
2040
dl.portlet a {
2041
    text-decoration: none;
2042
}
2043
2044
/* XXX: The two below rules should really be in the rule above, but that makes the items grow/shrink on :hover (navtree) - need to investigate how to make it not do that. ~limi, Dec 2005 */
2045
dd.portletItem a,
2046
dd.portletFooter a {
2047
    border-bottom: none;
2048
}
2049
dd.portletItem a:visited,
2050
dd.portletFooter a:visited {
2051
    color: #666633;
2052
}
2053
2054
.portletHeader {
2055
    background-color: #a6c2a5;
2056
    border: 1px solid #555522;
2057
    padding: 0em 1em;
2058
    text-transform: lowercase;
2059
    font-weight: normal;
2060
    line-height: 1.6em;
2061
}
2062
2063
.portletHeader a {
2064
    color: Black;
2065
}
2066
2067
.portletItem {
2068
    margin: 0;
2069
    padding: 1em;
2070
    border-left: 1px solid #555522;
2071
    border-right: 1px solid #555522;
2072
}
2073
2074
.portletItem a {
2075
    display: block;
2076
}
2077
2078
.portletItemDetails {
2079
    text-align: right;
2080
    display: block;
2081
    color: Black;
2082
}
2083
2084
dd.portletFooter {
2085
    background-color: #eef3f5;
2086
    margin: 0;
2087
    padding: 0.25em 1em;
2088
    border: 1px solid #555522;
2089
    border-style: dotted solid none solid;
2090
    text-align: right;
2091
}
2092
2093
2094
/* Elements that enable layout with rounded corners */
2095
2096
.portletTopLeft {}
2097
.portletTopRight {}
2098
.portletBottomLeft {}
2099
.portletBottomRight {}
2100
2101
2102
2103
/* New navtree styles */
2104
2105
.portletNavigationTree {
2106
    margin: 0 0 0 0.75em;
2107
    padding: 0;
2108
    list-style: none;
2109
    list-style-image: none;
2110
    line-height: 1em;
2111
}
2112
2113
2114
2115
.navTree {
2116
    list-style: none;
2117
    list-style-image: none;
2118
    margin-top: 1px;
2119
}
2120
2121
.navTree li {
2122
    margin-bottom: 1px;
2123
}
2124
2125
.navTreeItem {
2126
    display: block;
2127
    padding: 0;
2128
    margin: 0;
2129
}
2130
2131
.navTreeItem a,
2132
dd.portletItem .navTreeItem a {
2133
    border: 1px solid #ffffff;
2134
    display: block;
2135
    text-decoration: none;
2136
    padding-top: 0.2em;
2137
    padding-bottom: 0.25em;
2138
}
2139
2140
.navTreeItem a:hover,
2141
dd.portletItem .navTreeItem a:hover {
2142
    background-color: #a6c2a5;
2143
    color: #666633;
2144
    border: 1px solid #555522;
2145
}
2146
2147
.navTreeCurrentItem {
2148
    background-color: #a6c2a5;
2149
    color: #666633;
2150
    border: 1px solid #555522 !important;
2151
}
2152
2153
li.navTreeCurrentItem {
2154
    display: block;
2155
    padding: 0 0 0 1px;
2156
    margin: 0 0 2px -1px;
2157
}
2158
2159
li.navTreeCurrentItem a,
2160
li.navTreeCurrentItem a:hover {
2161
    display: block;
2162
    border: 1px solid #a6c2a5;
2163
    min-height: 1.6em;
2164
    line-height: 1.6em;
2165
    height: auto;
2166
}
2167
2168
/* Another workaround for broken Internet Explorer */
2169
2170
* html li.navTreeCurrentItem a,
2171
* html li.navTreeCurrentItem a:hover {
2172
    height: 1.6em;
2173
}
2174
2175
2176
.navTreeLevel0 { margin: 0; }
2177
.navTreeLevel1 { margin-left: 1em;}
2178
.navTreeLevel2 { margin-left: 0.75em; }
2179
.navTreeLevel3 { margin-left: 0.75em; }
2180
.navTreeLevel4 { margin-left: 0.75em; }
2181
.navTreeLevel5 { margin-left: 0.75em; }
2182
2183
2184
/*
2185
** Calendar elements - used in the calendar rendering
2186
*/
2187
2188
.dayPopup {
2189
    background-color: #ffffe1;
2190
    border: 1px solid Black;
2191
    padding: 0.2em;
2192
    position: absolute;
2193
    visibility: hidden;
2194
    width: 12em;
2195
    z-index: 2;
2196
}
2197
.date {
2198
    font-weight: bold;
2199
}
2200
2201
.ploneCalendar {
2202
    border: 1px solid #555522;
2203
    margin: 1px 0 1em 0;
2204
    border-collapse: collapse;
2205
    width: 100%;
2206
}
2207
.ploneCalendar a {
2208
    text-decoration: none;
2209
}
2210
.ploneCalendar a:hover {
2211
    text-decoration: none;
2212
}
2213
.ploneCalendar th {
2214
    background-color: #a6c2a5;
2215
    font-weight: normal;
2216
    text-align: center;
2217
    line-height: 1.6em;
2218
}
2219
.ploneCalendar td {
2220
    background-color: transparent;
2221
    width: 1.5em;
2222
    text-align: right;
2223
    padding: 2px;
2224
}
2225
.ploneCalendar .weekdays td {
2226
    background-color: #a6c2a5;
2227
    border: 1px solid #555522;
2228
    border-style: solid none;
2229
    text-align: center;
2230
    padding: 2px;
2231
}
2232
.ploneCalendar .event {
2233
    background-color: #a6c2a5;
2234
    font-weight: bold;
2235
}
2236
.ploneCalendar .todayevent {
2237
    background-color: #a6c2a5;
2238
    border: 2px solid #ffa500;
2239
    font-weight: bold;
2240
}
2241
.ploneCalendar .todaynoevent {
2242
    border-collapse: collapse;
2243
    border: 2px solid #ffa500;
2244
}
2245
.ploneCalendar #calendar-previous {
2246 3642 leinfelder
    /*background-image: url(http://www.saeon.ac.za/arrowLeft.gif);*/
2247 3640 leinfelder
    background-repeat: no-repeat;
2248
    background-position: 50% 50%;
2249
}
2250
.ploneCalendar #calendar-next {
2251 3642 leinfelder
    /*background-image: url(http://www.saeon.ac.za/arrowRight.gif);*/
2252 3640 leinfelder
    background-repeat: no-repeat;
2253
    background-position: 50% 50%;
2254
}
2255
.ploneCalendar #calendar-previous a,
2256
.ploneCalendar #calendar-next a {
2257
    display: block;
2258
    text-decoration: none;
2259
    overflow: hidden;
2260
    border: 0;
2261
    margin: 0;
2262
    padding: 0;
2263
    padding-top: 9px;
2264
    height: 0px !important;
2265
    height /**/: 9px;
2266
    cursor: pointer;
2267
}
2268
.ploneCalendar #calendar-next a {
2269
    padding-top: 9px;
2270
    height: 0px !important;
2271
    height /**/: 9px;
2272
}
2273
2274
2275
/*  */
2276
}
2277
2278
2279
/* ----- presentation.css ----- */
2280
@media projection {
2281
/*
2282
** Plone Presentation style sheet for CSS2-capable browsers.
2283
** Copyright Plone Foundation, et al.
2284
**
2285
** Style sheet documentation can be found at http://plone.org/documentation
2286
**
2287
** You should preferrably use ploneCustom.css to add your own CSS classes and to
2288
** customize your portal, as these are the base fundaments of Plone, and will
2289
** change and be refined in newer versions. Keeping your changes in
2290
** ploneCustom.css will make it easier to upgrade.
2291
**
2292
** Feel free to use whole or parts of this for your own designs, but give credit
2293
** where credit is due.
2294
**
2295
*/
2296
2297
/*  (do not remove this :) */
2298
/*  (not this either :) */
2299
2300
body {
2301
    background: White url(logo.jpg) no-repeat fixed 95% 95%;
2302
    font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
2303
    font-size: 50px !important;
2304
    color: Black;
2305
    margin: 0;
2306
    padding: 0;
2307
    min-width: 0px !important;
2308
}
2309
2310
#visual-portal-wrapper {
2311
    width: 100% !important;
2312
    min-width: 0 !important;
2313
}
2314
2315
#portal-column-content {
2316
    margin: 0 !important;
2317
}
2318
2319
#portal-column-content #content {
2320
    padding: 1em;
2321
    margin: 0 !important;
2322
}
2323
2324
h1, h2 {
2325
    font-size: 50px !important;
2326
    background-color: #a6c2a5;
2327
    border-color: #555522;
2328
    border-style: solid;
2329
    border-width: 1px;
2330
    padding-top: 0em;
2331
    padding-left: 0.5em;
2332
    padding-right: 0.5em;
2333
    margin: 1em 0 0 0;
2334
    page-break-before: always;
2335
    font-weight: normal;
2336
}
2337
2338
h1.documentFirstHeading {
2339
    /* Trick to avoid getting an initial blank page */
2340
    page-break-before: avoid;
2341
}
2342
2343
dl, ol, ul {
2344
    font-size: 40px !important;
2345
    text-align: left;
2346
    margin-top: 0.5em;
2347
}
2348
2349
dt {
2350
    background-color: #a6c2a5;
2351
    border-color: #555522;
2352
    border-style: solid;
2353
    border-width: 1px;
2354
    display: inline;
2355
    padding-right: 0.5em;
2356
}
2357
2358
dd {
2359
    margin-bottom: 0.25em;
2360
}
2361
2362
li {
2363
    margin: 0 0 0.5em 0;
2364
}
2365
2366
p {
2367
    /* This hides evertything that is a normal paragraph, so you can write
2368
    presentations with additional notes that only show up in print/web.
2369
    If you want normal paragraphs to show up, remove this selector. */
2370
    display: none;
2371
}
2372
2373
.documentDescription {
2374
    font-size: 40px !important;
2375
    font-weight: normal;
2376
    margin-top: 4em;
2377
    text-align: center !important;
2378
}
2379
2380
ul {
2381 3642 leinfelder
    list-style-image: url(images/bulletBig.gif);
2382 3640 leinfelder
}
2383
2384
pre {
2385
    font-size: 25px;
2386
    padding: 0.5em;
2387
    font-weight: bold;
2388
    background-color: #a6c2a5;
2389
    border: 1px solid #555522;
2390
}
2391
2392
code {
2393
    background-color: #a6c2a5;
2394
    border-color: #555522;
2395
    border-style: solid;
2396
    border-width: 1px;
2397
    padding: 0.1em 0.25em;
2398
}
2399
2400
a {
2401
    color: #666633 !important;
2402
}
2403
2404
div.top,
2405
#portal-logo,
2406
.hiddenStructure,
2407
#portal-searchbox,
2408
#portal-siteactions,
2409
#portal-globalnav,
2410
#portal-personaltools,
2411
#portal-breadcrumbs,
2412
#portal-column-one,
2413
#portal-column-two,
2414
.contentViews,
2415
.contentActions,
2416
.help,
2417
.legend,
2418
div.portalMessage,
2419
div.documentActions,
2420
.documentByLine,
2421
.netscape4,
2422
#portal-footer,
2423
#portal-colophon,
2424
input,
2425
.skipnav {
2426
    /* Hides all the elements irrelevant for presentations */
2427
    display: none;
2428
}
2429
2430
div#portal-columns div#visual-column-wrapper,
2431
div#portal-columns div#visual-column-wrapper div#portal-column-content {
2432
    width: 100%;
2433
}
2434
2435
div#portal-columns div#visual-column-wrapper div#portal-column-content {
2436
    padding: 0;
2437
    margin: 0;
2438
}
2439
2440
div#portal-columns div#visual-column-wrapper div#portal-column-content * {
2441
    text-align: left;
2442
}
2443
2444
#content,
2445
.group {
2446
    background: transparent;
2447
    border: none;
2448
    padding: 0;
2449
    margin: 0;
2450
}
2451
2452
#content {
2453
    margin: 0 1em;
2454
}
2455
2456
table.listing,
2457
table.listing td {
2458
    border: 1pt solid black;
2459
    border-collapse: collapse;
2460
}
2461
2462
a, a:link, a:visited {
2463
    color: #520;
2464
    background: transparent;
2465
}
2466
2467
/*  */
2468
2469
}
2470
2471
2472
/* ----- print.css ----- */
2473
@media print {
2474
/*
2475
** Plone Print style sheet for CSS2-capable browsers.
2476
** Copyright Plone Foundation, et al
2477
**
2478
** Style sheet documentation can be found at http://plone.org/documentation
2479
**
2480
** You should preferrably use ploneCustom.css to add your own CSS classes and to
2481
** customize your portal, as these are the base fundaments of Plone, and will
2482
** change and be refined in newer versions. Keeping your changes in
2483
** ploneCustom.css will make it easier to upgrade.
2484
**
2485
** Feel free to use whole or parts of this for your own designs, but give credit
2486
** where credit is due.
2487
**
2488
*/
2489
2490
div.top,
2491
#portal-logo,
2492
#portal-siteactions,
2493
.hiddenStructure,
2494
#portal-searchbox,
2495
#portal-globalnav,
2496
#portal-personaltools,
2497
#portal-breadcrumbs,
2498
#portal-column-one,
2499
#portal-column-two,
2500
.contentViews,
2501
.contentActions,
2502
.help,
2503
.legend,
2504
div.portalMessage,
2505
div.documentActions,
2506
.documentByLine,
2507
.netscape4,
2508
#portal-footer,
2509
#portal-colophon,
2510
input,
2511
.skipnav,
2512
.visualNoPrint {
2513
    /* Hides all the elements irrelevant for presentations */
2514
    display: none;
2515
}
2516
2517
body {
2518
    font-family: Baskerville, Georgia, Garamond, Times, serif;
2519
    font-size: 11pt !important;
2520
}
2521
2522
h1, h2, h3, h4, h5, h6
2523
{
2524
    border: none;
2525
    font-family: Baskerville, Georgia, Garamond, Times, serif;
2526
}
2527
2528
div, p, ul, dl, ol {
2529
    width: auto !important;
2530
}
2531
2532
ul, ol, dl {
2533
    padding-right: 0.5em;
2534
}
2535
2536
ul {
2537
    list-style-type: square;
2538
}
2539
2540
2541
.documentDescription {
2542
    font-weight: bold;
2543
}
2544
2545
pre {
2546
    border: 1pt dotted black;
2547
    white-space: pre;
2548
    font-size: 8pt;
2549
    overflow: auto;
2550
    padding: 1em 0;
2551
}
2552
2553
table.listing,
2554
table.listing td {
2555
    border: 1pt solid black;
2556
    border-collapse: collapse;
2557
}
2558
2559
a {
2560
    color: Black !important;
2561
    padding: 0 !important;
2562
    text-decoration: none !important;
2563
}
2564
2565
a:link, a:visited {
2566
    color: #520;
2567
    background: transparent;
2568
}
2569
2570
/* Uncomment this to get link addresses inserted along with the link text
2571
   when you print.
2572
2573
#content a:link:after,
2574
#content a:visited:after {
2575
   content: " [" attr(href) "] ";
2576
}
2577
*/
2578
}
2579
2580
2581
/* ----- mobile.css ----- */
2582
@media handheld {
2583
/*
2584
** Plone style sheet for mobile/handheld browsers. Mainly tested on Opera
2585
** for mobile devices, feedback/donations to help support other platforms
2586
** are welcome.
2587
**
2588
** Style sheet documentation can be found at http://plone.org/documentation
2589
**
2590
** Feel free to use whole or parts of this for your own designs, but give credit
2591
** where credit is due.
2592
**
2593
*/
2594
2595
/*  (do not remove this :) */
2596
/*  (not this either :) */
2597
2598
body {
2599
    font: 69% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
2600
    background-color: #ffffff;
2601
    color: Black;
2602
    margin: 0;
2603
    padding: 0;
2604
}
2605
2606
table {
2607
    font-size: 100%;
2608
}
2609
2610
2611
a {
2612
    color: #666633;
2613
    background-color: transparent;
2614
}
2615
img {
2616
    border: none;
2617
    vertical-align: middle;
2618
}
2619
p {
2620
    margin: 0.5em 0em 1em 0em;
2621
}
2622
2623
h1, h2, h3, h4, h5, h6 {
2624
    font-weight: normal;
2625
    border-bottom: 1px solid #555522;
2626
}
2627
2628
2629
h1 a,
2630
h2 a,
2631
h3 a,
2632
h4 a,
2633
h5 a,
2634
h6 a {
2635
    color: Black ! important;
2636
}
2637
2638
h1 {
2639
    font-size: 160%;
2640
}
2641
2642
h2 {
2643
    font-size: 150%;
2644
}
2645
2646
h3 {
2647
    font-size: 140%;
2648
    border-bottom: none;
2649
    font-weight: bold;
2650
}
2651
2652
h4 {
2653
    font-size: 120%;
2654
    border-bottom: none;
2655
    font-weight: bold;
2656
}
2657
2658
h5 {
2659
    font-size: 100%;
2660
    border-bottom: none;
2661
    font-weight: bold;
2662
}
2663
2664
h6 {
2665
    font-size: 85%;
2666
    border-bottom: none;
2667
    font-weight: bold;
2668
}
2669
2670
label {
2671
    font-weight: bold;
2672
}
2673
2674
/* searchbox style and positioning */
2675
#portal-searchbox {
2676
    font-size: 10px;
2677
}
2678
2679
2680
#portal-globalnav {
2681
    /* Navigational Plone Tabs(tm), implemented by customizing the a and li tags */
2682
    background-color: transparent;
2683
    border-collapse: collapse;
2684
    padding: 0;
2685
    padding-left: 0.2em;
2686
    list-style: none;
2687
    margin: 0;
2688
    height: auto;
2689
    line-height: normal;
2690
}
2691
#portal-globalnav li {
2692
    display: inline;
2693
}
2694
#portal-globalnav li a {
2695
    /* The normal, unselected tabs. They are all links */
2696
    background-color: transparent;
2697
    border-color: #555522;
2698
    border-width: 1px;
2699
    border-style: solid solid none solid;
2700
    color: #666633;
2701
    height: auto;
2702
    margin-right: 0.1em;
2703
    padding: 0em 0.2em;
2704
    text-decoration: none;
2705
    text-transform: lowercase;
2706
}
2707
#portal-globalnav li.selected a {
2708
    /* The selected tab. There's only one of this */
2709
    background-color: #a6c2a5;
2710
    border: 1px solid #555522;
2711
    border-bottom: #a6c2a5 1px solid;
2712
    color: #666633;
2713
}
2714
2715
#portal-personaltools {
2716
    /* Bar with personalized menu (user preferences, favorites etc) */
2717
    background-color: #a6c2a5;
2718
    border-top-color: #555522;
2719
    border-top-style: solid;
2720
    border-top-width: 1px;
2721
    border-bottom-color: #555522;
2722
    border-bottom-style: solid;
2723
    border-bottom-width: 1px;
2724
    color: Black;
2725
    margin: 0;
2726
    text-align: right;
2727
    text-transform: lowercase;
2728
    list-style: none;
2729
}
2730
2731
#portal-personaltools li {
2732
    margin-left: 0.2em;
2733
    display: inline;
2734
}
2735
#portal-personaltools li a {
2736
    text-decoration: none;
2737
    color: #666633;
2738
}
2739
.visualCaseSensitive {
2740
    text-transform: none;
2741
}
2742
#portal-breadcrumbs {
2743
    /* The path bar, including breadcrumbs and add to favorites */
2744
    border-bottom-color: #555522;
2745
    border-bottom-style: solid;
2746
    border-bottom-width: 1px;
2747
    padding-left: 0.2em;
2748
    padding-right: 0.2em;
2749
    text-transform: lowercase;
2750
}
2751
2752
.contentViews {
2753
    background-color: transparent;
2754
    border-collapse: collapse;
2755
    padding-left: 0.1em;
2756
    line-height: normal;
2757
    margin: 0.2em 0 0 0;
2758
    /* white-space: nowrap; */
2759
    list-style: none;
2760
    border: 1px solid #74ae0b;
2761
    border-top-width: 0px;
2762
    border-left-width: 0px;
2763
    border-right-width: 0px;
2764
}
2765
.contentViews li {
2766
    display: inline;
2767
}
2768
.contentViews li a {
2769
    background-color: transparent;
2770
    border: 1px solid #74ae0b;
2771
    border-style: solid;
2772
    color: #578308;
2773
    height: auto;
2774
    margin-right: 0.2em;
2775
    padding: 0;
2776
    line-height: normal;
2777
    text-decoration: none;
2778
    text-transform: lowercase;
2779
    z-index: 1;
2780
}
2781
.contentViews .selected a {
2782
    background-color: #cde2a7;
2783
    border-bottom: #cde2a7 1px solid;
2784
    color: #578308;
2785
}
2786
2787
/*
2788
** begin ECMAScript Content Action Menus
2789
*/
2790
2791
.contentActions {
2792
    border-collapse: collapse;
2793
    background-color: #cde2a7;
2794
    border-left: 1px solid #74ae0b;
2795
    border-right: 1px solid #74ae0b;
2796
    color: #578308;
2797
    text-align: right;
2798
    text-transform: lowercase;
2799
    padding: 0 0 0 0.2em;
2800
    z-index: 2;
2801
    height: 1.2em;
2802
}
2803
2804
.contentActions ul,
2805
.contentActions li {
2806
    margin: 0;
2807
    list-style: none;
2808
    list-style-image: none;
2809
    display: inline;
2810
    color: Black;
2811
    text-align: left;
2812
}
2813
2814
.contentActions ul {
2815
    padding: 0;
2816
    margin: 0;
2817
}
2818
.contentActions li {
2819
    float: right;
2820 3642 leinfelder
    /*background-image: url(http://www.saeon.ac.za/arrowDownAlternative.gif);*/
2821 3640 leinfelder
    background-repeat: no-repeat;
2822
    background-position: center right;
2823
    z-index: 4;
2824
    border-left: 1px solid #74ae0b;
2825
    padding: 0 0 0 0.2em;
2826
    margin: 0 0.2em 0 0;
2827
}
2828
2829
.actionItems li {
2830
    background-image: none;
2831
}
2832
2833
.contentActions a {
2834
    text-decoration: none;
2835
    color: #578308;
2836
    padding: 0 0.6em 0 0;
2837
}
2838
2839
.contentActions .actionMenu .actionMenuContent {
2840
    display: none;
2841
    z-index: 5;
2842
    position: absolute;
2843
    top: 0;
2844
    right: -1px;
2845
    height: auto;
2846
    padding: 0;
2847
    margin: 0;
2848
    cursor: pointer;
2849
}
2850
2851
.contentActions .actionMenu .actionMenuContent ul {
2852
    display: block;
2853
    background: #cde2a7;
2854
    border: 1px #74ae0b;
2855
    border-style: none solid solid solid;
2856
    margin: 0.2em 0 0 0;
2857
    padding: 0;
2858
    cursor: pointer;
2859
}
2860
2861
.actionMenu .actionMenuContent li {
2862
    font-size: 10px !important;
2863
    float: none;
2864
    background: transparent;
2865
    display: inline;
2866
    padding: 0;
2867
    margin: 0;
2868
    border: 0;
2869
}
2870
2871
.actionMenu .actionMenuContent li a {
2872
    display: block;
2873
    white-space: nowrap;
2874
    padding: 0 0.2em;
2875
    margin: 0.2em 0;
2876
}
2877
2878
.actionMenu .actionMenuContent .actionSeparator a {
2879
    margin-top: 0.2em;
2880
    padding-top: 0.2em;
2881
    border-top: 1px solid #74ae0b;
2882
}
2883
2884
/*
2885
** end ECMAScript Content Action Menus
2886
*/
2887
2888
.documentEditable .documentContent {
2889
    border: 1px solid #74ae0b;
2890
    padding: 0.5em;
2891
}
2892
2893
/* .system-message and #error-handling are reST error indicators */
2894
.portalMessage,
2895
.system-message,
2896
#error-handling {
2897
    background-color: #ffce7b;
2898
    border: 1px solid #ffa500;
2899
    color: Black;
2900
    font-size: 85%;
2901
    font-weight: bold;
2902
    margin: 2em 0em 1em 0em;
2903
    padding: 0.5em 1em;
2904
    vertical-align: middle;
2905
}
2906
.portalMessage a {
2907
    color: Black;
2908
}
2909
.documentDescription {
2910
    /* The summary text describing the document */
2911
    font-weight: bold;
2912
    display: block;
2913
    margin: 0.5em 0em;
2914
}
2915
.documentByLine {
2916
    text-align: right;
2917
    font-size: 85%;
2918
    clear: both;
2919
    font-weight: normal;
2920
    color: #76797c;
2921
}
2922
2923
#portal-footer {
2924
    background-color: #a6c2a5;
2925
    border-top: 1px solid #555522;
2926
    border-bottom: 1px solid #555522;
2927
    float: none;
2928
    margin: 2em 0em 1em 0em;
2929
    padding: 0.5em 0em 1em 0em;
2930
    text-align: center;
2931
}
2932
2933
.hiddenStructure,
2934
#portal-logo,
2935
#portal-searchbox,
2936
#portal-siteactions,
2937
#portal-column-one,
2938
#portal-column-two,
2939
.addFavorite,
2940
.documentActions,
2941
#portal-colophon,
2942
.netscape4
2943
 {
2944
    display: none;
2945
}
2946
2947
2948
/*  */
2949
2950
}
2951
2952
2953
/* ----- deprecated.css ----- */
2954
@media screen {
2955
/* Deprecated CSS elements - do not depend on these, they will disappear in
2956
   the next version of Plone. They are here for backwards compatibility only. */
2957
2958
/*  (do not remove this :) */
2959
/*  (not this either :) */
2960
2961
/* Classes that were introduced erroneously in Plone 2.1. Will disappear in 2.5. */
2962
2963
.portletItemSingle {
2964
    margin: 0;
2965
    padding: 1em;
2966
    border: 1px solid #555522;
2967
    border-top: none;
2968
}
2969
2970
dd.portletItemLast {
2971
    margin: 0;
2972
    padding: 0.25em 1em;
2973
    border: 1px solid #555522;
2974
    border-style: none solid;
2975
}
2976
2977
/* Old div-based portlet syntax - this is deprecated and will be removed in plone 2.5, please use the new
2978
   definition list-based portlets above in your products. */
2979
2980
div.portlet {
2981
    border: none;
2982
    margin-bottom: 1em;
2983
    padding: 0;
2984
}
2985
2986
div.portlet a {
2987
    text-decoration: none;
2988
}
2989
2990
/* Compensation when rendering portlets in the content area */
2991
#region-content .portlet {
2992
    font-size: 94%;
2993
}
2994
2995
div.portlet h4 { /* The new base portlet header, h5 and h6 will be for use inside
2996
                 the portlet in the upcoming versions. */
2997
    background-color: #a6c2a5;
2998
    border: 1px solid #555522;
2999
    padding: 0em 0.3em 0em 1em;
3000
    text-transform: lowercase;
3001
    display: block;
3002
    font-size: 1em;
3003
    font-weight: normal;
3004
}
3005
div.portlet h5 {
3006
    background-color: #a6c2a5;
3007
    border: 1px solid #555522;
3008
    padding: 0em 1em 0em 1em;
3009
    text-transform: lowercase;
3010
    display: inline;
3011
    font-size: 1em;
3012
    font-weight: normal;
3013
    white-space: nowrap;
3014
    position: relative;
3015
    top: -1px;
3016
}
3017
div.portlet h6 {
3018
    background-color: #a6c2a5;
3019
    border: 1px solid #555522;
3020
    padding: 0em 0.3em 0em 1em;
3021
    text-transform: lowercase;
3022
    display: block;
3023
    font-size: 1em;
3024
    font-weight: normal;
3025
}
3026
3027
div.portletBody {
3028
    position: relative;
3029
    top: -1px;
3030
    background: transparent;
3031
    border: 1px solid #555522;
3032
}
3033
div.portletDetails {
3034
    text-align: right;
3035
}
3036
3037
div.portletContent {
3038
    padding: 1em;
3039
}
3040
div.portletAction {
3041
    float: right;
3042
    width: 0.8em;
3043
    text-align: center;
3044
    display: block;
3045
    text-transform: none;
3046
    border-left: 1px solid #555522;
3047
    padding-left: 0.3em;
3048
}
3049
3050
div.portlet h1,
3051
div.portlet h2,
3052
div.portlet h3,
3053
div.portlet h4 {
3054
    margin: 0;
3055
    padding: 0;
3056
}
3057
3058
div.portlet input {
3059
    font-size: 100%;
3060
}
3061
3062
div.portletSyndication {
3063
    display: block;
3064
    float: left;
3065
    border: 1px solid #8cacbb;
3066
    background-color: #dee7ec;
3067
    font-size: 85%;
3068
}
3069
3070
a.portletMore {
3071
    display: block;
3072
    text-align: right;
3073
}
3074
3075
div.portletFooter {
3076
    padding: 0.5em 1em 1em 1em;
3077
}
3078
3079
/* Old navigation tree styling */
3080
3081
.navIcon,
3082
.navIconRoot {
3083
    position: relative;
3084
    right: 20px;
3085
}
3086
3087
.navItemText {
3088
    margin-left: -20px;
3089
}
3090
3091
.navRootItem,
3092
.navItem {
3093
    margin: 0 0 0.2em 0;
3094
    border: 1px solid #ffffff;
3095
    display: block;
3096
    background-repeat: no-repeat;
3097
    background-position: 0 1px;
3098
    padding: 0.1em 0.25em 0.2em 20px;
3099
    margin: 1px 0;
3100
}
3101
3102
.currentNavItem {
3103
    background-color: #a6c2a5;
3104
    color: #666633;
3105
    border: 1px solid #555522;
3106
}
3107
3108
.portletNavigationTreeItem {
3109
    margin: 0;
3110
}
3111
3112
.portletNavigationTreeItem a {
3113
    display: block;
3114
    text-decoration: none;
3115
    padding: 0.5em 0 0.5em 1.75em;
3116
    background-repeat: no-repeat;
3117
    background-position: 0 3px;
3118
    border: 1px solid #ffffff;
3119
}
3120
3121
.portletNavigationTreeItem a:hover,
3122
.currentNavItem {
3123
    background-color: #a6c2a5;
3124
    color: #666633;
3125
    border: 1px solid #555522 !important;
3126
}
3127
3128
/* The new navtree level structure. */
3129
3130
.portletNavigationLevel0 {
3131
    margin: 0;
3132
}
3133
3134
3135
/* The old navtree levels. */
3136
3137
.navLevel1 { margin-left: 0em; }
3138
.navLevel2 { margin-left: 1em; }
3139
.navLevel3 { margin-left: 2em; }
3140
.navLevel4 { margin-left: 3em; }
3141
.navLevel5 { margin-left: 4em; }
3142
.navLevel6 { margin-left: 4.5em; }
3143
.navLevel7 { margin-left: 5em;   }
3144
.navLevel8 { margin-left: 5.5em; }
3145
3146
3147
/*  */
3148
3149
}
3150
3151
3152
/* ----- generated.css ----- */
3153
@media screen {
3154
/*
3155
** Plone style sheet - styles for programmatically generated elements
3156
**
3157
** Style sheet documentation can be found at http://plone.org/documentation
3158
**
3159
** You should preferrably use ploneCustom.css to add your own CSS classes and to
3160
** customize your portal, as these are the base fundaments of Plone, and will
3161
** change and be refined in newer versions. Keeping your changes in
3162
** ploneCustom.css will make it easier to upgrade.
3163
**
3164
** Feel free to use whole or parts of this for your own designs, but give credit
3165
** where credit is due.
3166
**
3167
*/
3168
3169
/*  (do not remove this :) */
3170
/*  (not this either :) */
3171
3172
/* generated icon classes for content types should be applied to wrapper spans
3173
   instead of on the link class itself because of bugs in Internet Explorer's
3174
   rendering engine. It will flicker on hover if not.
3175
   Full explanation can be found at
3176
   http://plone.org/documentation/how-to/flickering-background-images-internet-explorer */
3177
3178
      .contenttype-discussion-item,
3179
    .actionMenu .contenttype-discussion-item a:hover {
3180 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/discussionitem_icon.gif);*/
3181 3640 leinfelder
        background-repeat: no-repeat;
3182
        background-position: 0% 0%;
3183
    }
3184
    /* Holly hack to prevent items from shifting to the left in IE*/
3185
    * html .contenttype-discussion-item {
3186
        height: 1%;
3187
    }
3188
    #portal-sitemap .contenttype-discussion-item a:hover,
3189
    #portlet-navigation-tree .contenttype-discussion-item a:hover,
3190
    #portlet-navigation-tree .contenttype-discussion-item a.navTreeCurrentItem {
3191 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/discussionitem_icon.gif);*/
3192 3640 leinfelder
        background-repeat: no-repeat;
3193
        background-position: 0% 3px;
3194
    }
3195
    #portal-sitemap .contenttype-discussion-item,
3196
    #portlet-navigation-tree .contenttype-discussion-item {
3197
        background-position: 0% 4px;
3198
    }
3199
    * html #portal-sitemap .contenttype-discussion-item a:hover,
3200
    * html #portlet-navigation-tree .contenttype-discussion-item a:hover,
3201
    * html #portlet-navigation-tree .contenttype-discussion-item a.navTreeCurrentItem {
3202
        position: relative;
3203
    }
3204
    .listing .contenttype-discussion-item {
3205
        display: block;
3206
    }
3207
        .contenttype-document,
3208
    .actionMenu .contenttype-document a:hover {
3209 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif);*/
3210 3640 leinfelder
        background-repeat: no-repeat;
3211
        background-position: 0% 0%;
3212
    }
3213
    /* Holly hack to prevent items from shifting to the left in IE*/
3214
    * html .contenttype-document {
3215
        height: 1%;
3216
    }
3217
    #portal-sitemap .contenttype-document a:hover,
3218
    #portlet-navigation-tree .contenttype-document a:hover,
3219
    #portlet-navigation-tree .contenttype-document a.navTreeCurrentItem {
3220 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif);*/
3221 3640 leinfelder
        background-repeat: no-repeat;
3222
        background-position: 0% 3px;
3223
    }
3224
    #portal-sitemap .contenttype-document,
3225
    #portlet-navigation-tree .contenttype-document {
3226
        background-position: 0% 4px;
3227
    }
3228
    * html #portal-sitemap .contenttype-document a:hover,
3229
    * html #portlet-navigation-tree .contenttype-document a:hover,
3230
    * html #portlet-navigation-tree .contenttype-document a.navTreeCurrentItem {
3231
        position: relative;
3232
    }
3233
    .listing .contenttype-document {
3234
        display: block;
3235
    }
3236
        .contenttype-easyblog,
3237
    .actionMenu .contenttype-easyblog a:hover {
3238 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/
3239 3640 leinfelder
        background-repeat: no-repeat;
3240
        background-position: 0% 0%;
3241
    }
3242
    /* Holly hack to prevent items from shifting to the left in IE*/
3243
    * html .contenttype-easyblog {
3244
        height: 1%;
3245
    }
3246
    #portal-sitemap .contenttype-easyblog a:hover,
3247
    #portlet-navigation-tree .contenttype-easyblog a:hover,
3248
    #portlet-navigation-tree .contenttype-easyblog a.navTreeCurrentItem {
3249 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/
3250 3640 leinfelder
        background-repeat: no-repeat;
3251
        background-position: 0% 3px;
3252
    }
3253
    #portal-sitemap .contenttype-easyblog,
3254
    #portlet-navigation-tree .contenttype-easyblog {
3255
        background-position: 0% 4px;
3256
    }
3257
    * html #portal-sitemap .contenttype-easyblog a:hover,
3258
    * html #portlet-navigation-tree .contenttype-easyblog a:hover,
3259
    * html #portlet-navigation-tree .contenttype-easyblog a.navTreeCurrentItem {
3260
        position: relative;
3261
    }
3262
    .listing .contenttype-easyblog {
3263
        display: block;
3264
    }
3265
        .contenttype-easyblogarchive,
3266
    .actionMenu .contenttype-easyblogarchive a:hover {
3267 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/
3268 3640 leinfelder
        background-repeat: no-repeat;
3269
        background-position: 0% 0%;
3270
    }
3271
    /* Holly hack to prevent items from shifting to the left in IE*/
3272
    * html .contenttype-easyblogarchive {
3273
        height: 1%;
3274
    }
3275
    #portal-sitemap .contenttype-easyblogarchive a:hover,
3276
    #portlet-navigation-tree .contenttype-easyblogarchive a:hover,
3277
    #portlet-navigation-tree .contenttype-easyblogarchive a.navTreeCurrentItem {
3278 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/
3279 3640 leinfelder
        background-repeat: no-repeat;
3280
        background-position: 0% 3px;
3281
    }
3282
    #portal-sitemap .contenttype-easyblogarchive,
3283
    #portlet-navigation-tree .contenttype-easyblogarchive {
3284
        background-position: 0% 4px;
3285
    }
3286
    * html #portal-sitemap .contenttype-easyblogarchive a:hover,
3287
    * html #portlet-navigation-tree .contenttype-easyblogarchive a:hover,
3288
    * html #portlet-navigation-tree .contenttype-easyblogarchive a.navTreeCurrentItem {
3289
        position: relative;
3290
    }
3291
    .listing .contenttype-easyblogarchive {
3292
        display: block;
3293
    }
3294
        .contenttype-easyblogarchivefolder,
3295
    .actionMenu .contenttype-easyblogarchivefolder a:hover {
3296 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/
3297 3640 leinfelder
        background-repeat: no-repeat;
3298
        background-position: 0% 0%;
3299
    }
3300
    /* Holly hack to prevent items from shifting to the left in IE*/
3301
    * html .contenttype-easyblogarchivefolder {
3302
        height: 1%;
3303
    }
3304
    #portal-sitemap .contenttype-easyblogarchivefolder a:hover,
3305
    #portlet-navigation-tree .contenttype-easyblogarchivefolder a:hover,
3306
    #portlet-navigation-tree .contenttype-easyblogarchivefolder a.navTreeCurrentItem {
3307 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/
3308 3640 leinfelder
        background-repeat: no-repeat;
3309
        background-position: 0% 3px;
3310
    }
3311
    #portal-sitemap .contenttype-easyblogarchivefolder,
3312
    #portlet-navigation-tree .contenttype-easyblogarchivefolder {
3313
        background-position: 0% 4px;
3314
    }
3315
    * html #portal-sitemap .contenttype-easyblogarchivefolder a:hover,
3316
    * html #portlet-navigation-tree .contenttype-easyblogarchivefolder a:hover,
3317
    * html #portlet-navigation-tree .contenttype-easyblogarchivefolder a.navTreeCurrentItem {
3318
        position: relative;
3319
    }
3320
    .listing .contenttype-easyblogarchivefolder {
3321
        display: block;
3322
    }
3323
        .contenttype-easyblogcategories,
3324
    .actionMenu .contenttype-easyblogcategories a:hover {
3325 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/
3326 3640 leinfelder
        background-repeat: no-repeat;
3327
        background-position: 0% 0%;
3328
    }
3329
    /* Holly hack to prevent items from shifting to the left in IE*/
3330
    * html .contenttype-easyblogcategories {
3331
        height: 1%;
3332
    }
3333
    #portal-sitemap .contenttype-easyblogcategories a:hover,
3334
    #portlet-navigation-tree .contenttype-easyblogcategories a:hover,
3335
    #portlet-navigation-tree .contenttype-easyblogcategories a.navTreeCurrentItem {
3336 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/
3337 3640 leinfelder
        background-repeat: no-repeat;
3338
        background-position: 0% 3px;
3339
    }
3340
    #portal-sitemap .contenttype-easyblogcategories,
3341
    #portlet-navigation-tree .contenttype-easyblogcategories {
3342
        background-position: 0% 4px;
3343
    }
3344
    * html #portal-sitemap .contenttype-easyblogcategories a:hover,
3345
    * html #portlet-navigation-tree .contenttype-easyblogcategories a:hover,
3346
    * html #portlet-navigation-tree .contenttype-easyblogcategories a.navTreeCurrentItem {
3347
        position: relative;
3348
    }
3349
    .listing .contenttype-easyblogcategories {
3350
        display: block;
3351
    }
3352
        .contenttype-easyblogcategory,
3353
    .actionMenu .contenttype-easyblogcategory a:hover {
3354 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif); */
3355 3640 leinfelder
        background-repeat: no-repeat;
3356
        background-position: 0% 0%;
3357
    }
3358
    /* Holly hack to prevent items from shifting to the left in IE*/
3359
    * html .contenttype-easyblogcategory {
3360
        height: 1%;
3361
    }
3362
    #portal-sitemap .contenttype-easyblogcategory a:hover,
3363
    #portlet-navigation-tree .contenttype-easyblogcategory a:hover,
3364
    #portlet-navigation-tree .contenttype-easyblogcategory a.navTreeCurrentItem {
3365 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif);*/
3366 3640 leinfelder
        background-repeat: no-repeat;
3367
        background-position: 0% 3px;
3368
    }
3369
    #portal-sitemap .contenttype-easyblogcategory,
3370
    #portlet-navigation-tree .contenttype-easyblogcategory {
3371
        background-position: 0% 4px;
3372
    }
3373
    * html #portal-sitemap .contenttype-easyblogcategory a:hover,
3374
    * html #portlet-navigation-tree .contenttype-easyblogcategory a:hover,
3375
    * html #portlet-navigation-tree .contenttype-easyblogcategory a.navTreeCurrentItem {
3376
        position: relative;
3377
    }
3378
    .listing .contenttype-easyblogcategory {
3379
        display: block;
3380
    }
3381
        .contenttype-easyblogcomment,
3382
    .actionMenu .contenttype-easyblogcomment a:hover {
3383 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif);*/
3384 3640 leinfelder
        background-repeat: no-repeat;
3385
        background-position: 0% 0%;
3386
    }
3387
    /* Holly hack to prevent items from shifting to the left in IE*/
3388
    * html .contenttype-easyblogcomment {
3389
        height: 1%;
3390
    }
3391
    #portal-sitemap .contenttype-easyblogcomment a:hover,
3392
    #portlet-navigation-tree .contenttype-easyblogcomment a:hover,
3393
    #portlet-navigation-tree .contenttype-easyblogcomment a.navTreeCurrentItem {
3394 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif);*/
3395 3640 leinfelder
        background-repeat: no-repeat;
3396
        background-position: 0% 3px;
3397
    }
3398
    #portal-sitemap .contenttype-easyblogcomment,
3399
    #portlet-navigation-tree .contenttype-easyblogcomment {
3400
        background-position: 0% 4px;
3401
    }
3402
    * html #portal-sitemap .contenttype-easyblogcomment a:hover,
3403
    * html #portlet-navigation-tree .contenttype-easyblogcomment a:hover,
3404
    * html #portlet-navigation-tree .contenttype-easyblogcomment a.navTreeCurrentItem {
3405
        position: relative;
3406
    }
3407
    .listing .contenttype-easyblogcomment {
3408
        display: block;
3409
    }
3410
        .contenttype-easyblogcomments,
3411
    .actionMenu .contenttype-easyblogcomments a:hover {
3412 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif); */
3413 3640 leinfelder
        background-repeat: no-repeat;
3414
        background-position: 0% 0%;
3415
    }
3416
    /* Holly hack to prevent items from shifting to the left in IE*/
3417
    * html .contenttype-easyblogcomments {
3418
        height: 1%;
3419
    }
3420
    #portal-sitemap .contenttype-easyblogcomments a:hover,
3421
    #portlet-navigation-tree .contenttype-easyblogcomments a:hover,
3422
    #portlet-navigation-tree .contenttype-easyblogcomments a.navTreeCurrentItem {
3423 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif); */
3424 3640 leinfelder
        background-repeat: no-repeat;
3425
        background-position: 0% 3px;
3426
    }
3427
    #portal-sitemap .contenttype-easyblogcomments,
3428
    #portlet-navigation-tree .contenttype-easyblogcomments {
3429
        background-position: 0% 4px;
3430
    }
3431
    * html #portal-sitemap .contenttype-easyblogcomments a:hover,
3432
    * html #portlet-navigation-tree .contenttype-easyblogcomments a:hover,
3433
    * html #portlet-navigation-tree .contenttype-easyblogcomments a.navTreeCurrentItem {
3434
        position: relative;
3435
    }
3436
    .listing .contenttype-easyblogcomments {
3437
        display: block;
3438
    }
3439
        .contenttype-easyblogdrafts,
3440
    .actionMenu .contenttype-easyblogdrafts a:hover {
3441 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif); */
3442 3640 leinfelder
        background-repeat: no-repeat;
3443
        background-position: 0% 0%;
3444
    }
3445
    /* Holly hack to prevent items from shifting to the left in IE*/
3446
    * html .contenttype-easyblogdrafts {
3447
        height: 1%;
3448
    }
3449
    #portal-sitemap .contenttype-easyblogdrafts a:hover,
3450
    #portlet-navigation-tree .contenttype-easyblogdrafts a:hover,
3451
    #portlet-navigation-tree .contenttype-easyblogdrafts a.navTreeCurrentItem {
3452 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif); */
3453 3640 leinfelder
        background-repeat: no-repeat;
3454
        background-position: 0% 3px;
3455
    }
3456
    #portal-sitemap .contenttype-easyblogdrafts,
3457
    #portlet-navigation-tree .contenttype-easyblogdrafts {
3458
        background-position: 0% 4px;
3459
    }
3460
    * html #portal-sitemap .contenttype-easyblogdrafts a:hover,
3461
    * html #portlet-navigation-tree .contenttype-easyblogdrafts a:hover,
3462
    * html #portlet-navigation-tree .contenttype-easyblogdrafts a.navTreeCurrentItem {
3463
        position: relative;
3464
    }
3465
    .listing .contenttype-easyblogdrafts {
3466
        display: block;
3467
    }
3468
        .contenttype-easyblogentry,
3469
    .actionMenu .contenttype-easyblogentry a:hover {
3470 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif); */
3471 3640 leinfelder
        background-repeat: no-repeat;
3472
        background-position: 0% 0%;
3473
    }
3474
    /* Holly hack to prevent items from shifting to the left in IE*/
3475
    * html .contenttype-easyblogentry {
3476
        height: 1%;
3477
    }
3478
    #portal-sitemap .contenttype-easyblogentry a:hover,
3479
    #portlet-navigation-tree .contenttype-easyblogentry a:hover,
3480
    #portlet-navigation-tree .contenttype-easyblogentry a.navTreeCurrentItem {
3481 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif); */
3482 3640 leinfelder
        background-repeat: no-repeat;
3483
        background-position: 0% 3px;
3484
    }
3485
    #portal-sitemap .contenttype-easyblogentry,
3486
    #portlet-navigation-tree .contenttype-easyblogentry {
3487
        background-position: 0% 4px;
3488
    }
3489
    * html #portal-sitemap .contenttype-easyblogentry a:hover,
3490
    * html #portlet-navigation-tree .contenttype-easyblogentry a:hover,
3491
    * html #portlet-navigation-tree .contenttype-easyblogentry a.navTreeCurrentItem {
3492
        position: relative;
3493
    }
3494
    .listing .contenttype-easyblogentry {
3495
        display: block;
3496
    }
3497
        .contenttype-easyblogtrackback,
3498
    .actionMenu .contenttype-easyblogtrackback a:hover {
3499 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif); */
3500 3640 leinfelder
        background-repeat: no-repeat;
3501
        background-position: 0% 0%;
3502
    }
3503
    /* Holly hack to prevent items from shifting to the left in IE*/
3504
    * html .contenttype-easyblogtrackback {
3505
        height: 1%;
3506
    }
3507
    #portal-sitemap .contenttype-easyblogtrackback a:hover,
3508
    #portlet-navigation-tree .contenttype-easyblogtrackback a:hover,
3509
    #portlet-navigation-tree .contenttype-easyblogtrackback a.navTreeCurrentItem {
3510 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif); */
3511 3640 leinfelder
        background-repeat: no-repeat;
3512
        background-position: 0% 3px;
3513
    }
3514
    #portal-sitemap .contenttype-easyblogtrackback,
3515
    #portlet-navigation-tree .contenttype-easyblogtrackback {
3516
        background-position: 0% 4px;
3517
    }
3518
    * html #portal-sitemap .contenttype-easyblogtrackback a:hover,
3519
    * html #portlet-navigation-tree .contenttype-easyblogtrackback a:hover,
3520
    * html #portlet-navigation-tree .contenttype-easyblogtrackback a.navTreeCurrentItem {
3521
        position: relative;
3522
    }
3523
    .listing .contenttype-easyblogtrackback {
3524
        display: block;
3525
    }
3526
        .contenttype-easyblogtrackbacks,
3527
    .actionMenu .contenttype-easyblogtrackbacks a:hover {
3528 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif); */
3529 3640 leinfelder
        background-repeat: no-repeat;
3530
        background-position: 0% 0%;
3531
    }
3532
    /* Holly hack to prevent items from shifting to the left in IE*/
3533
    * html .contenttype-easyblogtrackbacks {
3534
        height: 1%;
3535
    }
3536
    #portal-sitemap .contenttype-easyblogtrackbacks a:hover,
3537
    #portlet-navigation-tree .contenttype-easyblogtrackbacks a:hover,
3538
    #portlet-navigation-tree .contenttype-easyblogtrackbacks a.navTreeCurrentItem {
3539 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif); */
3540 3640 leinfelder
        background-repeat: no-repeat;
3541
        background-position: 0% 3px;
3542
    }
3543
    #portal-sitemap .contenttype-easyblogtrackbacks,
3544
    #portlet-navigation-tree .contenttype-easyblogtrackbacks {
3545
        background-position: 0% 4px;
3546
    }
3547
    * html #portal-sitemap .contenttype-easyblogtrackbacks a:hover,
3548
    * html #portlet-navigation-tree .contenttype-easyblogtrackbacks a:hover,
3549
    * html #portlet-navigation-tree .contenttype-easyblogtrackbacks a.navTreeCurrentItem {
3550
        position: relative;
3551
    }
3552
    .listing .contenttype-easyblogtrackbacks {
3553
        display: block;
3554
    }
3555
        .contenttype-event,
3556
    .actionMenu .contenttype-event a:hover {
3557 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/event_icon.gif); */
3558 3640 leinfelder
        background-repeat: no-repeat;
3559
        background-position: 0% 0%;
3560
    }
3561
    /* Holly hack to prevent items from shifting to the left in IE*/
3562
    * html .contenttype-event {
3563
        height: 1%;
3564
    }
3565
    #portal-sitemap .contenttype-event a:hover,
3566
    #portlet-navigation-tree .contenttype-event a:hover,
3567
    #portlet-navigation-tree .contenttype-event a.navTreeCurrentItem {
3568 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/event_icon.gif); */
3569 3640 leinfelder
        background-repeat: no-repeat;
3570
        background-position: 0% 3px;
3571
    }
3572
    #portal-sitemap .contenttype-event,
3573
    #portlet-navigation-tree .contenttype-event {
3574
        background-position: 0% 4px;
3575
    }
3576
    * html #portal-sitemap .contenttype-event a:hover,
3577
    * html #portlet-navigation-tree .contenttype-event a:hover,
3578
    * html #portlet-navigation-tree .contenttype-event a.navTreeCurrentItem {
3579
        position: relative;
3580
    }
3581
    .listing .contenttype-event {
3582
        display: block;
3583
    }
3584
        .contenttype-favorite,
3585
    .actionMenu .contenttype-favorite a:hover {
3586 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/favorite_icon.gif); */
3587 3640 leinfelder
        background-repeat: no-repeat;
3588
        background-position: 0% 0%;
3589
    }
3590
    /* Holly hack to prevent items from shifting to the left in IE*/
3591
    * html .contenttype-favorite {
3592
        height: 1%;
3593
    }
3594
    #portal-sitemap .contenttype-favorite a:hover,
3595
    #portlet-navigation-tree .contenttype-favorite a:hover,
3596
    #portlet-navigation-tree .contenttype-favorite a.navTreeCurrentItem {
3597 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/favorite_icon.gif); */
3598 3640 leinfelder
        background-repeat: no-repeat;
3599
        background-position: 0% 3px;
3600
    }
3601
    #portal-sitemap .contenttype-favorite,
3602
    #portlet-navigation-tree .contenttype-favorite {
3603
        background-position: 0% 4px;
3604
    }
3605
    * html #portal-sitemap .contenttype-favorite a:hover,
3606
    * html #portlet-navigation-tree .contenttype-favorite a:hover,
3607
    * html #portlet-navigation-tree .contenttype-favorite a.navTreeCurrentItem {
3608
        position: relative;
3609
    }
3610
    .listing .contenttype-favorite {
3611
        display: block;
3612
    }
3613
        .contenttype-file,
3614
    .actionMenu .contenttype-file a:hover {
3615 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/file_icon.gif); */
3616 3640 leinfelder
        background-repeat: no-repeat;
3617
        background-position: 0% 0%;
3618
    }
3619
    /* Holly hack to prevent items from shifting to the left in IE*/
3620
    * html .contenttype-file {
3621
        height: 1%;
3622
    }
3623
    #portal-sitemap .contenttype-file a:hover,
3624
    #portlet-navigation-tree .contenttype-file a:hover,
3625
    #portlet-navigation-tree .contenttype-file a.navTreeCurrentItem {
3626 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/file_icon.gif);*/
3627 3640 leinfelder
        background-repeat: no-repeat;
3628
        background-position: 0% 3px;
3629
    }
3630
    #portal-sitemap .contenttype-file,
3631
    #portlet-navigation-tree .contenttype-file {
3632
        background-position: 0% 4px;
3633
    }
3634
    * html #portal-sitemap .contenttype-file a:hover,
3635
    * html #portlet-navigation-tree .contenttype-file a:hover,
3636
    * html #portlet-navigation-tree .contenttype-file a.navTreeCurrentItem {
3637
        position: relative;
3638
    }
3639
    .listing .contenttype-file {
3640
        display: block;
3641
    }
3642
        .contenttype-folder,
3643
    .actionMenu .contenttype-folder a:hover {
3644 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif); */
3645 3640 leinfelder
        background-repeat: no-repeat;
3646
        background-position: 0% 0%;
3647
    }
3648
    /* Holly hack to prevent items from shifting to the left in IE*/
3649
    * html .contenttype-folder {
3650
        height: 1%;
3651
    }
3652
    #portal-sitemap .contenttype-folder a:hover,
3653
    #portlet-navigation-tree .contenttype-folder a:hover,
3654
    #portlet-navigation-tree .contenttype-folder a.navTreeCurrentItem {
3655 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/
3656 3640 leinfelder
        background-repeat: no-repeat;
3657
        background-position: 0% 3px;
3658
    }
3659
    #portal-sitemap .contenttype-folder,
3660
    #portlet-navigation-tree .contenttype-folder {
3661
        background-position: 0% 4px;
3662
    }
3663
    * html #portal-sitemap .contenttype-folder a:hover,
3664
    * html #portlet-navigation-tree .contenttype-folder a:hover,
3665
    * html #portlet-navigation-tree .contenttype-folder a.navTreeCurrentItem {
3666
        position: relative;
3667
    }
3668
    .listing .contenttype-folder {
3669
        display: block;
3670
    }
3671
        .contenttype-image,
3672
    .actionMenu .contenttype-image a:hover {
3673 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/image_icon.gif); */
3674 3640 leinfelder
        background-repeat: no-repeat;
3675
        background-position: 0% 0%;
3676
    }
3677
    /* Holly hack to prevent items from shifting to the left in IE*/
3678
    * html .contenttype-image {
3679
        height: 1%;
3680
    }
3681
    #portal-sitemap .contenttype-image a:hover,
3682
    #portlet-navigation-tree .contenttype-image a:hover,
3683
    #portlet-navigation-tree .contenttype-image a.navTreeCurrentItem {
3684 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/image_icon.gif);*/
3685 3640 leinfelder
        background-repeat: no-repeat;
3686
        background-position: 0% 3px;
3687
    }
3688
    #portal-sitemap .contenttype-image,
3689
    #portlet-navigation-tree .contenttype-image {
3690
        background-position: 0% 4px;
3691
    }
3692
    * html #portal-sitemap .contenttype-image a:hover,
3693
    * html #portlet-navigation-tree .contenttype-image a:hover,
3694
    * html #portlet-navigation-tree .contenttype-image a.navTreeCurrentItem {
3695
        position: relative;
3696
    }
3697
    .listing .contenttype-image {
3698
        display: block;
3699
    }
3700
        .contenttype-large-plone-folder,
3701
    .actionMenu .contenttype-large-plone-folder a:hover {
3702 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif); */
3703 3640 leinfelder
        background-repeat: no-repeat;
3704
        background-position: 0% 0%;
3705
    }
3706
    /* Holly hack to prevent items from shifting to the left in IE*/
3707
    * html .contenttype-large-plone-folder {
3708
        height: 1%;
3709
    }
3710
    #portal-sitemap .contenttype-large-plone-folder a:hover,
3711
    #portlet-navigation-tree .contenttype-large-plone-folder a:hover,
3712
    #portlet-navigation-tree .contenttype-large-plone-folder a.navTreeCurrentItem {
3713 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/
3714 3640 leinfelder
        background-repeat: no-repeat;
3715
        background-position: 0% 3px;
3716
    }
3717
    #portal-sitemap .contenttype-large-plone-folder,
3718
    #portlet-navigation-tree .contenttype-large-plone-folder {
3719
        background-position: 0% 4px;
3720
    }
3721
    * html #portal-sitemap .contenttype-large-plone-folder a:hover,
3722
    * html #portlet-navigation-tree .contenttype-large-plone-folder a:hover,
3723
    * html #portlet-navigation-tree .contenttype-large-plone-folder a.navTreeCurrentItem {
3724
        position: relative;
3725
    }
3726
    .listing .contenttype-large-plone-folder {
3727
        display: block;
3728
    }
3729
        .contenttype-link,
3730
    .actionMenu .contenttype-link a:hover {
3731 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/link_icon.gif); */
3732 3640 leinfelder
        background-repeat: no-repeat;
3733
        background-position: 0% 0%;
3734
    }
3735
    /* Holly hack to prevent items from shifting to the left in IE*/
3736
    * html .contenttype-link {
3737
        height: 1%;
3738
    }
3739
    #portal-sitemap .contenttype-link a:hover,
3740
    #portlet-navigation-tree .contenttype-link a:hover,
3741
    #portlet-navigation-tree .contenttype-link a.navTreeCurrentItem {
3742 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/link_icon.gif);*/
3743 3640 leinfelder
        background-repeat: no-repeat;
3744
        background-position: 0% 3px;
3745
    }
3746
    #portal-sitemap .contenttype-link,
3747
    #portlet-navigation-tree .contenttype-link {
3748
        background-position: 0% 4px;
3749
    }
3750
    * html #portal-sitemap .contenttype-link a:hover,
3751
    * html #portlet-navigation-tree .contenttype-link a:hover,
3752
    * html #portlet-navigation-tree .contenttype-link a.navTreeCurrentItem {
3753
        position: relative;
3754
    }
3755
    .listing .contenttype-link {
3756
        display: block;
3757
    }
3758
        .contenttype-news-item,
3759
    .actionMenu .contenttype-news-item a:hover {
3760 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/newsitem_icon.gif); */
3761 3640 leinfelder
        background-repeat: no-repeat;
3762
        background-position: 0% 0%;
3763
    }
3764
    /* Holly hack to prevent items from shifting to the left in IE*/
3765
    * html .contenttype-news-item {
3766
        height: 1%;
3767
    }
3768
    #portal-sitemap .contenttype-news-item a:hover,
3769
    #portlet-navigation-tree .contenttype-news-item a:hover,
3770
    #portlet-navigation-tree .contenttype-news-item a.navTreeCurrentItem {
3771 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/newsitem_icon.gif);*/
3772 3640 leinfelder
        background-repeat: no-repeat;
3773
        background-position: 0% 3px;
3774
    }
3775
    #portal-sitemap .contenttype-news-item,
3776
    #portlet-navigation-tree .contenttype-news-item {
3777
        background-position: 0% 4px;
3778
    }
3779
    * html #portal-sitemap .contenttype-news-item a:hover,
3780
    * html #portlet-navigation-tree .contenttype-news-item a:hover,
3781
    * html #portlet-navigation-tree .contenttype-news-item a.navTreeCurrentItem {
3782
        position: relative;
3783
    }
3784
    .listing .contenttype-news-item {
3785
        display: block;
3786
    }
3787
        .contenttype-newsletter,
3788
    .actionMenu .contenttype-newsletter a:hover {
3789 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/Newsletter.gif); */
3790 3640 leinfelder
        background-repeat: no-repeat;
3791
        background-position: 0% 0%;
3792
    }
3793
    /* Holly hack to prevent items from shifting to the left in IE*/
3794
    * html .contenttype-newsletter {
3795
        height: 1%;
3796
    }
3797
    #portal-sitemap .contenttype-newsletter a:hover,
3798
    #portlet-navigation-tree .contenttype-newsletter a:hover,
3799
    #portlet-navigation-tree .contenttype-newsletter a.navTreeCurrentItem {
3800 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/Newsletter.gif);*/
3801 3640 leinfelder
        background-repeat: no-repeat;
3802
        background-position: 0% 3px;
3803
    }
3804
    #portal-sitemap .contenttype-newsletter,
3805
    #portlet-navigation-tree .contenttype-newsletter {
3806
        background-position: 0% 4px;
3807
    }
3808
    * html #portal-sitemap .contenttype-newsletter a:hover,
3809
    * html #portlet-navigation-tree .contenttype-newsletter a:hover,
3810
    * html #portlet-navigation-tree .contenttype-newsletter a.navTreeCurrentItem {
3811
        position: relative;
3812
    }
3813
    .listing .contenttype-newsletter {
3814
        display: block;
3815
    }
3816
        .contenttype-newsletterbtree,
3817
    .actionMenu .contenttype-newsletterbtree a:hover {
3818 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif); */
3819 3640 leinfelder
        background-repeat: no-repeat;
3820
        background-position: 0% 0%;
3821
    }
3822
    /* Holly hack to prevent items from shifting to the left in IE*/
3823
    * html .contenttype-newsletterbtree {
3824
        height: 1%;
3825
    }
3826
    #portal-sitemap .contenttype-newsletterbtree a:hover,
3827
    #portlet-navigation-tree .contenttype-newsletterbtree a:hover,
3828
    #portlet-navigation-tree .contenttype-newsletterbtree a.navTreeCurrentItem {
3829 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/
3830 3640 leinfelder
        background-repeat: no-repeat;
3831
        background-position: 0% 3px;
3832
    }
3833
    #portal-sitemap .contenttype-newsletterbtree,
3834
    #portlet-navigation-tree .contenttype-newsletterbtree {
3835
        background-position: 0% 4px;
3836
    }
3837
    * html #portal-sitemap .contenttype-newsletterbtree a:hover,
3838
    * html #portlet-navigation-tree .contenttype-newsletterbtree a:hover,
3839
    * html #portlet-navigation-tree .contenttype-newsletterbtree a.navTreeCurrentItem {
3840
        position: relative;
3841
    }
3842
    .listing .contenttype-newsletterbtree {
3843
        display: block;
3844
    }
3845
        .contenttype-newsletterreference,
3846
    .actionMenu .contenttype-newsletterreference a:hover {
3847 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/NewsletterReference.gif); */
3848 3640 leinfelder
        background-repeat: no-repeat;
3849
        background-position: 0% 0%;
3850
    }
3851
    /* Holly hack to prevent items from shifting to the left in IE*/
3852
    * html .contenttype-newsletterreference {
3853
        height: 1%;
3854
    }
3855
    #portal-sitemap .contenttype-newsletterreference a:hover,
3856
    #portlet-navigation-tree .contenttype-newsletterreference a:hover,
3857
    #portlet-navigation-tree .contenttype-newsletterreference a.navTreeCurrentItem {
3858 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/NewsletterReference.gif);*/
3859 3640 leinfelder
        background-repeat: no-repeat;
3860
        background-position: 0% 3px;
3861
    }
3862
    #portal-sitemap .contenttype-newsletterreference,
3863
    #portlet-navigation-tree .contenttype-newsletterreference {
3864
        background-position: 0% 4px;
3865
    }
3866
    * html #portal-sitemap .contenttype-newsletterreference a:hover,
3867
    * html #portlet-navigation-tree .contenttype-newsletterreference a:hover,
3868
    * html #portlet-navigation-tree .contenttype-newsletterreference a.navTreeCurrentItem {
3869
        position: relative;
3870
    }
3871
    .listing .contenttype-newsletterreference {
3872
        display: block;
3873
    }
3874
        .contenttype-newslettertheme,
3875
    .actionMenu .contenttype-newslettertheme a:hover {
3876 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/NewsletterTheme.gif); */
3877 3640 leinfelder
        background-repeat: no-repeat;
3878
        background-position: 0% 0%;
3879
    }
3880
    /* Holly hack to prevent items from shifting to the left in IE*/
3881
    * html .contenttype-newslettertheme {
3882
        height: 1%;
3883
    }
3884
    #portal-sitemap .contenttype-newslettertheme a:hover,
3885
    #portlet-navigation-tree .contenttype-newslettertheme a:hover,
3886
    #portlet-navigation-tree .contenttype-newslettertheme a.navTreeCurrentItem {
3887 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/NewsletterTheme.gif);*/
3888 3640 leinfelder
        background-repeat: no-repeat;
3889
        background-position: 0% 3px;
3890
    }
3891
    #portal-sitemap .contenttype-newslettertheme,
3892
    #portlet-navigation-tree .contenttype-newslettertheme {
3893
        background-position: 0% 4px;
3894
    }
3895
    * html #portal-sitemap .contenttype-newslettertheme a:hover,
3896
    * html #portlet-navigation-tree .contenttype-newslettertheme a:hover,
3897
    * html #portlet-navigation-tree .contenttype-newslettertheme a.navTreeCurrentItem {
3898
        position: relative;
3899
    }
3900
    .listing .contenttype-newslettertheme {
3901
        display: block;
3902
    }
3903
        .contenttype-newslettertopic,
3904
    .actionMenu .contenttype-newslettertopic a:hover {
3905 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/NewsletterTopic.gif); */
3906 3640 leinfelder
        background-repeat: no-repeat;
3907
        background-position: 0% 0%;
3908
    }
3909
    /* Holly hack to prevent items from shifting to the left in IE*/
3910
    * html .contenttype-newslettertopic {
3911
        height: 1%;
3912
    }
3913
    #portal-sitemap .contenttype-newslettertopic a:hover,
3914
    #portlet-navigation-tree .contenttype-newslettertopic a:hover,
3915
    #portlet-navigation-tree .contenttype-newslettertopic a.navTreeCurrentItem {
3916 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/NewsletterTopic.gif);*/
3917 3640 leinfelder
        background-repeat: no-repeat;
3918
        background-position: 0% 3px;
3919
    }
3920
    #portal-sitemap .contenttype-newslettertopic,
3921
    #portlet-navigation-tree .contenttype-newslettertopic {
3922
        background-position: 0% 4px;
3923
    }
3924
    * html #portal-sitemap .contenttype-newslettertopic a:hover,
3925
    * html #portlet-navigation-tree .contenttype-newslettertopic a:hover,
3926
    * html #portlet-navigation-tree .contenttype-newslettertopic a.navTreeCurrentItem {
3927
        position: relative;
3928
    }
3929
    .listing .contenttype-newslettertopic {
3930
        display: block;
3931
    }
3932
        .contenttype-plone-site,
3933
    .actionMenu .contenttype-plone-site a:hover {
3934 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/site_icon.gif); */
3935 3640 leinfelder
        background-repeat: no-repeat;
3936
        background-position: 0% 0%;
3937
    }
3938
    /* Holly hack to prevent items from shifting to the left in IE*/
3939
    * html .contenttype-plone-site {
3940
        height: 1%;
3941
    }
3942
    #portal-sitemap .contenttype-plone-site a:hover,
3943
    #portlet-navigation-tree .contenttype-plone-site a:hover,
3944
    #portlet-navigation-tree .contenttype-plone-site a.navTreeCurrentItem {
3945 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/site_icon.gif);*/
3946 3640 leinfelder
        background-repeat: no-repeat;
3947
        background-position: 0% 3px;
3948
    }
3949
    #portal-sitemap .contenttype-plone-site,
3950
    #portlet-navigation-tree .contenttype-plone-site {
3951
        background-position: 0% 4px;
3952
    }
3953
    * html #portal-sitemap .contenttype-plone-site a:hover,
3954
    * html #portlet-navigation-tree .contenttype-plone-site a:hover,
3955
    * html #portlet-navigation-tree .contenttype-plone-site a.navTreeCurrentItem {
3956
        position: relative;
3957
    }
3958
    .listing .contenttype-plone-site {
3959
        display: block;
3960
    }
3961
        .contenttype-questionnaire,
3962
    .actionMenu .contenttype-questionnaire a:hover {
3963 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/icon_cmfquestions_small.gif); */
3964 3640 leinfelder
        background-repeat: no-repeat;
3965
        background-position: 0% 0%;
3966
    }
3967
    /* Holly hack to prevent items from shifting to the left in IE*/
3968
    * html .contenttype-questionnaire {
3969
        height: 1%;
3970
    }
3971
    #portal-sitemap .contenttype-questionnaire a:hover,
3972
    #portlet-navigation-tree .contenttype-questionnaire a:hover,
3973
    #portlet-navigation-tree .contenttype-questionnaire a.navTreeCurrentItem {
3974 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/icon_cmfquestions_small.gif);*/
3975 3640 leinfelder
        background-repeat: no-repeat;
3976
        background-position: 0% 3px;
3977
    }
3978
    #portal-sitemap .contenttype-questionnaire,
3979
    #portlet-navigation-tree .contenttype-questionnaire {
3980
        background-position: 0% 4px;
3981
    }
3982
    * html #portal-sitemap .contenttype-questionnaire a:hover,
3983
    * html #portlet-navigation-tree .contenttype-questionnaire a:hover,
3984
    * html #portlet-navigation-tree .contenttype-questionnaire a.navTreeCurrentItem {
3985
        position: relative;
3986
    }
3987
    .listing .contenttype-questionnaire {
3988
        display: block;
3989
    }
3990
        .contenttype-section,
3991
    .actionMenu .contenttype-section a:hover {
3992 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/Section.gif); */
3993 3640 leinfelder
        background-repeat: no-repeat;
3994
        background-position: 0% 0%;
3995
    }
3996
    /* Holly hack to prevent items from shifting to the left in IE*/
3997
    * html .contenttype-section {
3998
        height: 1%;
3999
    }
4000
    #portal-sitemap .contenttype-section a:hover,
4001
    #portlet-navigation-tree .contenttype-section a:hover,
4002
    #portlet-navigation-tree .contenttype-section a.navTreeCurrentItem {
4003 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/Section.gif);*/
4004 3640 leinfelder
        background-repeat: no-repeat;
4005
        background-position: 0% 3px;
4006
    }
4007
    #portal-sitemap .contenttype-section,
4008
    #portlet-navigation-tree .contenttype-section {
4009
        background-position: 0% 4px;
4010
    }
4011
    * html #portal-sitemap .contenttype-section a:hover,
4012
    * html #portlet-navigation-tree .contenttype-section a:hover,
4013
    * html #portlet-navigation-tree .contenttype-section a.navTreeCurrentItem {
4014
        position: relative;
4015
    }
4016
    .listing .contenttype-section {
4017
        display: block;
4018
    }
4019
        .contenttype-subscriber,
4020
    .actionMenu .contenttype-subscriber a:hover {
4021 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/Subscriber.gif); */
4022 3640 leinfelder
        background-repeat: no-repeat;
4023
        background-position: 0% 0%;
4024
    }
4025
    /* Holly hack to prevent items from shifting to the left in IE*/
4026
    * html .contenttype-subscriber {
4027
        height: 1%;
4028
    }
4029
    #portal-sitemap .contenttype-subscriber a:hover,
4030
    #portlet-navigation-tree .contenttype-subscriber a:hover,
4031
    #portlet-navigation-tree .contenttype-subscriber a.navTreeCurrentItem {
4032 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/Subscriber.gif);*/
4033 3640 leinfelder
        background-repeat: no-repeat;
4034
        background-position: 0% 3px;
4035
    }
4036
    #portal-sitemap .contenttype-subscriber,
4037
    #portlet-navigation-tree .contenttype-subscriber {
4038
        background-position: 0% 4px;
4039
    }
4040
    * html #portal-sitemap .contenttype-subscriber a:hover,
4041
    * html #portlet-navigation-tree .contenttype-subscriber a:hover,
4042
    * html #portlet-navigation-tree .contenttype-subscriber a.navTreeCurrentItem {
4043
        position: relative;
4044
    }
4045
    .listing .contenttype-subscriber {
4046
        display: block;
4047
    }
4048
        .contenttype-topic,
4049
    .actionMenu .contenttype-topic a:hover {
4050 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/topic_icon.gif); */
4051 3640 leinfelder
        background-repeat: no-repeat;
4052
        background-position: 0% 0%;
4053
    }
4054
    /* Holly hack to prevent items from shifting to the left in IE*/
4055
    * html .contenttype-topic {
4056
        height: 1%;
4057
    }
4058
    #portal-sitemap .contenttype-topic a:hover,
4059
    #portlet-navigation-tree .contenttype-topic a:hover,
4060
    #portlet-navigation-tree .contenttype-topic a.navTreeCurrentItem {
4061 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/topic_icon.gif);*/
4062 3640 leinfelder
        background-repeat: no-repeat;
4063
        background-position: 0% 3px;
4064
    }
4065
    #portal-sitemap .contenttype-topic,
4066
    #portlet-navigation-tree .contenttype-topic {
4067
        background-position: 0% 4px;
4068
    }
4069
    * html #portal-sitemap .contenttype-topic a:hover,
4070
    * html #portlet-navigation-tree .contenttype-topic a:hover,
4071
    * html #portlet-navigation-tree .contenttype-topic a.navTreeCurrentItem {
4072
        position: relative;
4073
    }
4074
    .listing .contenttype-topic {
4075
        display: block;
4076
    }
4077
4078
    .actionicon-plone-sendto {
4079 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/mail_icon.gif) !important; */
4080 3640 leinfelder
        background-repeat: no-repeat;
4081
        background-position: 0% 50%;
4082
    }
4083
    .actionicon-plone-print {
4084 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/print_icon.gif) !important; */
4085 3640 leinfelder
        background-repeat: no-repeat;
4086
        background-position: 0% 50%;
4087
    }
4088
    .actionicon-plone-rss {
4089 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/rss.gif) !important; */
4090 3640 leinfelder
        background-repeat: no-repeat;
4091
        background-position: 0% 50%;
4092
    }
4093
    .actionicon-plone-extedit {
4094 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/extedit_icon.gif) !important; */
4095 3640 leinfelder
        background-repeat: no-repeat;
4096
        background-position: 0% 50%;
4097
    }
4098
    .actionicon-plone-addtofavorites {
4099 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/favorite_icon.gif) !important; */
4100 3640 leinfelder
        background-repeat: no-repeat;
4101
        background-position: 0% 50%;
4102
    }
4103
    .actionicon-controlpanel-QuickInstaller {
4104 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/product_icon.gif) !important; */
4105 3640 leinfelder
        background-repeat: no-repeat;
4106
        background-position: 0% 50%;
4107
    }
4108
    .actionicon-controlpanel-PloneReconfig {
4109 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/logoIcon.gif) !important; */
4110 3640 leinfelder
        background-repeat: no-repeat;
4111
        background-position: 0% 50%;
4112
    }
4113
    .actionicon-controlpanel-UsersGroups {
4114 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/group.gif) !important; */
4115 3640 leinfelder
        background-repeat: no-repeat;
4116
        background-position: 0% 50%;
4117
    }
4118
    .actionicon-controlpanel-UsersGroups2 {
4119 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/group.gif) !important; */
4120 3640 leinfelder
        background-repeat: no-repeat;
4121
        background-position: 0% 50%;
4122
    }
4123
    .actionicon-controlpanel-MemberPrefs {
4124 3641 leinfelder
        background-image: url(images/user.gif) !important;
4125 3640 leinfelder
        background-repeat: no-repeat;
4126
        background-position: 0% 50%;
4127
    }
4128
    .actionicon-controlpanel-MemberPassword {
4129 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/lock_icon.gif) !important; */
4130 3640 leinfelder
        background-repeat: no-repeat;
4131
        background-position: 0% 50%;
4132
    }
4133
    .actionicon-controlpanel-MailHost {
4134 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/mail_icon.gif) !important; */
4135 3640 leinfelder
        background-repeat: no-repeat;
4136
        background-position: 0% 50%;
4137
    }
4138
    .actionicon-controlpanel-PortalSkin {
4139 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/skins_icon.gif) !important; */
4140 3640 leinfelder
        background-repeat: no-repeat;
4141
        background-position: 0% 50%;
4142
    }
4143
    .actionicon-controlpanel-errorLog {
4144 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/error_log_icon.gif) !important; */
4145 3640 leinfelder
        background-repeat: no-repeat;
4146
        background-position: 0% 50%;
4147
    }
4148
    .actionicon-controlpanel-ZMI {
4149 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/zope_icon.gif) !important; */
4150 3640 leinfelder
        background-repeat: no-repeat;
4151
        background-position: 0% 50%;
4152
    }
4153
    .actionicon-controlpanel-SearchSettings {
4154 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/search_icon.gif) !important; */
4155 3640 leinfelder
        background-repeat: no-repeat;
4156
        background-position: 0% 50%;
4157
    }
4158
    .actionicon-controlpanel-NavigationSettings {
4159 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/navigation_icon.gif) !important; */
4160 3640 leinfelder
        background-repeat: no-repeat;
4161
        background-position: 0% 50%;
4162
    }
4163
    .actionicon-plone-full_screen {
4164 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/fullscreenexpand_icon.gif) !important; */
4165 3640 leinfelder
        background-repeat: no-repeat;
4166
        background-position: 0% 50%;
4167
    }
4168
    .actionicon-controlpanel-kupu {
4169 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/kupuimages/kupu_icon.gif) !important; */
4170 3640 leinfelder
        background-repeat: no-repeat;
4171
        background-position: 0% 50%;
4172
    }
4173
    .actionicon-controlpanel-portal_atct {
4174 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/topic_icon.gif) !important; */
4175 3640 leinfelder
        background-repeat: no-repeat;
4176
        background-position: 0% 50%;
4177
    }
4178
    .actionicon-plone-ics {
4179 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/icon_export_ical.png) !important; */
4180 3640 leinfelder
        background-repeat: no-repeat;
4181
        background-position: 0% 50%;
4182
    }
4183
    .actionicon-plone-vcs {
4184 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/icon_export_vcal.png) !important; */
4185 3640 leinfelder
        background-repeat: no-repeat;
4186
        background-position: 0% 50%;
4187
    }
4188
    .actionicon-plone-rotate_clockwise {
4189 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/icon_rotate_clockwise.png) !important; */
4190 3640 leinfelder
        background-repeat: no-repeat;
4191
        background-position: 0% 50%;
4192
    }
4193
    .actionicon-plone-rotate_counter_clockwise {
4194 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/icon_rotate_counter_clockwise.png) !important; */
4195 3640 leinfelder
        background-repeat: no-repeat;
4196
        background-position: 0% 50%;
4197
    }
4198
    .actionicon-plone-rotate_180 {
4199 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/icon_rotate_180.png) !important; */
4200 3640 leinfelder
        background-repeat: no-repeat;
4201
        background-position: 0% 50%;
4202
    }
4203
    .actionicon-plone-flip_horizontal {
4204 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/icon_flip_horizontal.png) !important; */
4205 3640 leinfelder
        background-repeat: no-repeat;
4206
        background-position: 0% 50%;
4207
    }
4208
    .actionicon-plone-flip_vertical {
4209 3642 leinfelder
        /*background-image: url(http://www.saeon.ac.za/icon_flip_vertical.png) !important;*/
4210 3640 leinfelder
        background-repeat: no-repeat;
4211
        background-position: 0% 50%;
4212
    }
4213
4214
/* Extra padding class for the generated icons - we have to do it
4215
   this way because of the IE flicker bug on hovering. */
4216
4217
.visualIconPadding {
4218
    padding-left: 18px;
4219
    margin-left: -1px;
4220
    margin-bottom: 1px;
4221
    min-height: 1.6em;
4222
    height: auto;
4223
    line-height: 1.6em;
4224
}
4225
4226
/* And another IE workaround */
4227
4228
* html .visualIconPadding {
4229
    height: 1.6em;
4230
}
4231
4232
.visualIconReplace {
4233
    background: transparent;
4234
    display: block !important;
4235
    border: 0;
4236
    margin: 0;
4237
    padding: 0 0 0 18px !important;
4238
    overflow: hidden;
4239
    width: 0px !important;
4240
    width /**/: 18px;
4241
}
4242
4243
/*  */
4244
4245
}