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