Project

General

Profile

1
/* ----- 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
    color: #666633 ! important;
92
}
93

    
94
h3 a {
95
    color: #666633 ! important;
96
    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
    list-style-image: url(images/bullet.gif);
122
    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
    background: White url(images/input_background.gif) repeat-x;
172
    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
    background: White url(images/input_background.gif) repeat-x;
182
}
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
    background: url(images/required.gif) center left no-repeat;
344
    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
    background: transparent url(images/user.gif) center left no-repeat;
654
    padding-left: 15px;
655
}
656

    
657
#portal-personaltools .portalNotLoggedIn {
658
    /* Used on all descriptions relevant to those not logged in */
659
    color: Black;
660
    padding: 0;
661
    background: transparent;
662
    background-image: none;
663
}
664

    
665
#portal-personaltools li {
666
    color: #666633;
667
    margin-left: 1em;
668
    display: inline;
669
}
670

    
671
#portal-personaltools li a {
672
    text-decoration: none;
673
    color: #666633;
674
}
675

    
676
#portal-personaltools .visualIconPadding {
677
    padding-left: 10px;
678
}
679

    
680
.visualCaseSensitive {
681
    text-transform: none;
682
}
683

    
684
#portal-breadcrumbs {
685
    /* The path bar, including breadcrumbs and add to favorites */
686
    border-bottom-color: #555522;
687
    border-bottom-style: solid;
688
    border-bottom-width: 1px;
689
    padding-left: 2em;
690
    padding-right: 2em;
691
    text-transform: lowercase;
692
    line-height: 1.6em;
693
}
694

    
695
#portal-breadcrumbs a {
696
    text-decoration: none;
697
}
698

    
699
.breadcrumbSeparator {
700
    font-size: 120%;
701
}
702

    
703
.addFavorite {
704
    vertical-align: bottom;
705
}
706

    
707

    
708
#content-news h1 {
709
    margin-bottom: 1em;
710
}
711

    
712
/* Only h5/h6 headlines in the content area should have the discreet color */
713

    
714
#content h5,
715
#content h6 {
716
    color: #76797c;
717
}
718

    
719
.newsItem {
720
    margin-bottom: 1em;
721
    border-bottom: 1px solid #555522;
722
}
723

    
724
.newsImage {
725
    border: 1px solid black;
726
}
727

    
728
.newsImageContainer {
729
    float:right;
730
    margin: 0 0 0.5em 1em;
731
    width: 202px;
732
}
733

    
734
.newsContent {
735
    padding: 0 1em 1em 1em;
736
}
737

    
738
.newsContent ul,
739
.newsContent li {
740
    display: block;
741
    list-style: none;
742
    list-style-image: none;
743
    margin: 0;
744
    padding: 0;
745
}
746

    
747
.newsAbout {
748
    display: block;
749
    color: #76797c;
750
    font-size: 85%;
751
    padding: 0;
752
    margin-top: 0;
753
    list-style: none;
754
    list-style-image: none;
755
    float: right;
756
    text-align: right;
757
}
758

    
759
.newsAbout li {
760
    display: inline;
761
}
762

    
763
.newsFooter {
764

    
765
}
766

    
767
.newsFooter li {
768
    display: inline;
769
    margin: 0 1em 0 0;
770
}
771

    
772
.documentActions {
773
    float: right;
774
    margin: 0.4em 0 0 0.5em;
775
    padding: 0;
776
    text-align: right;
777
}
778

    
779
.documentActions ul {
780
    margin: 1px 0 2px 0;
781
    padding: 0;
782
    display: block;
783
}
784

    
785
.documentActions li {
786
    display: inline;
787
    list-style: none;
788
    list-style-image: none;
789
    margin: 0;
790
    padding: 0;
791
}
792

    
793
.documentActions a {
794
    border: none !important;
795
    text-decoration: none;
796
}
797

    
798
/* .system-message and #error-handling are reST error indicators */
799

    
800
.portalMessage,
801
.system-message,
802
#error-handling {
803
    background-color: #ffce7b;
804
    border: 1px solid #ffa500;
805
    color: Black;
806
    font-size: 85%;
807
    font-weight: bold;
808
    margin: 1em 0em;
809
    padding: 0.5em 1em 0.5em 3em;
810
    vertical-align: middle;
811
    background-image: url(images/info_icon.gif);
812
    background-repeat: no-repeat;
813
    background-position: 5px 50%;
814
}
815

    
816
.portalMessage a {
817
    color: Black;
818
}
819

    
820
.documentDescription {
821
    /* The summary text describing the document */
822
    font-weight: bold;
823
    display: block;
824
    margin: 0em 0em 0.5em 0em;
825
    line-height: 1.5em;
826
}
827

    
828
.documentByLine {
829
    font-size: 85%;
830
    font-weight: normal;
831
    color: #76797c;
832
    margin: 0em 0em 0.5em 0em;
833
}
834

    
835
.discussion {
836
    margin-top: 1em;
837
}
838

    
839
.even {
840
    background-color: #eef3f5;
841
}
842

    
843
.odd {
844
    background-color: transparent;
845
}
846

    
847
.visualHighlight {
848
    background-color: #eef3f5;
849
}
850

    
851
.discreet {
852
    color: #76797c;
853
    font-size: 85%;
854
    font-weight: normal;
855
}
856

    
857
/* Batch selector */
858

    
859
.listingBar {
860
    background-color: #a6c2a5;
861
    border-color: #555522;
862
    border-style: solid;
863
    border-width: 1px;
864
    padding: 0em 1em;
865
    text-align: center;
866
    text-transform: lowercase;
867
    vertical-align: top;
868
    margin: 1em 0em;
869
    font-size: 94%;
870
    clear: both;
871
}
872

    
873
.listingBar span.previous,
874
.listingPrevious {
875
    text-align: left;
876
    float: left;
877
    margin-right: 1em;
878
}
879

    
880
.listingBar span.next,
881
.listingNext {
882
    text-align: right;
883
    float: right;
884
    margin-left: 1em;
885
}
886

    
887
.listingBar img {
888
    vertical-align: middle;
889
}
890

    
891
.listingBar a {
892
    text-decoration: none;
893
}
894

    
895
.tileItem {
896
    border-top: 1px solid #555522;
897
    padding-top: 0.5em;
898
    margin-top: 0.5em;
899
}
900

    
901
.tileHeadline {
902
    border: none;
903
    font-size: 110%;
904
    font-weight: bold;
905
}
906

    
907
.tileHeadline a {
908
    text-decoration: none;
909
}
910

    
911
.tileBody {
912
    margin-bottom: 0.5em;
913
}
914

    
915
.tileImage {
916
    float: right;
917
    margin: 0 0 0.5em 0.5em;
918
    border: 1px solid black;
919
}
920

    
921
.eventDetails {
922
    float: right;
923
    width: 20em;
924
    clear: right;
925
}
926

    
927
/* Useful deviations from regular style on elements */
928

    
929
/* List classes without markers */
930

    
931
ul.visualNoMarker,
932
ol.visualNoMarker {
933
    list-style-type: none;
934
    list-style-image: none;
935
    margin: 0.5em 0 0 0;
936
    line-height: 1em;
937
}
938

    
939
textarea.proportional {
940
    font: 100% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
941
}
942

    
943
.productCredits {
944
    text-align: right;
945
    font-size: 85%;
946
    clear: both;
947
    font-weight: normal;
948
    color: #76797c;
949
}
950

    
951
#portal-footer {
952
    background-color: #a6c2a5;
953
    border-top: 1px solid #555522;
954
    border-bottom: 1px solid #555522;
955
    float: none;
956
    line-height: 1.2em;
957
    margin: 2em 0em 1em 0em;
958
    padding: 0.5em 0em 1em 0em;
959
    text-align: center;
960
}
961

    
962
#portal-footer p {
963
    margin: 0.25em 0;
964
}
965

    
966
#portal-footer a {
967
    text-decoration: none;
968
    color: #666633;
969
    border: none;
970
}
971

    
972
#portal-footer a:visited {
973
    color: #666633;
974
}
975

    
976
#portal-footer a:hover {
977
    text-decoration: underline;
978
}
979

    
980
#portal-colophon {
981
    float: none;
982
    margin: 0em 0em 2em 0em;
983
    padding: 0.5em 0em 1em 0em;
984
    text-align: center;
985
}
986

    
987
#portal-colophon ul,
988
#portal-colophon ul li,
989
#portal-colophon ul li a {
990
    list-style-image: none;
991
    list-style-type: none;
992
    display: inline;
993
    text-decoration: none;
994
    color: Black;
995
}
996

    
997
#portal-colophon ul {
998
    display: table-row;
999
    list-style-type: none;
1000
}
1001

    
1002
#portal-colophon ul li {
1003
    display: table-cell;
1004
    font-size: 85%;
1005
    margin: 0 0.25em;
1006
    padding: 0.1em 0.2em;
1007
}
1008

    
1009
#portal-colophon .colophonWrapper {
1010
    display: table;
1011
    margin: 0 auto;
1012
    border-collapse: collapse;
1013
    border-spacing: 0;
1014
}
1015

    
1016
#portal-colophon .colophonIcon {
1017
    display: block; /* This is for Mozilla, as it doesn't support
1018
                       inline-block. The colophon icons aren't in
1019
                       one line though. */
1020
    display: inline-block;
1021
    text-decoration: none;
1022
    overflow: hidden;
1023
    border: 0;
1024
    margin: 0 auto;
1025
    padding: 0;
1026
    padding-top: 15px;
1027
    height: 0px !important;
1028
    height /**/: 15px;
1029
    width: 80px;
1030
}
1031

    
1032
#portal-colophon a.colophonIcon {
1033
    cursor: pointer;
1034
}
1035

    
1036
.feedButton {
1037
    display: block; 
1038
    float: right; 
1039
    margin-top: 1px;
1040
}
1041

    
1042
.poweredBy {
1043
    display: block;
1044
    clear: both;
1045
    font-size: 85%;
1046
    font-weight: normal;
1047
    color: #76797c;
1048
    text-align: right;
1049
}
1050

    
1051
/* Sitemap styles */
1052

    
1053
#portal-sitemap {
1054
    list-style: none;
1055
    list-style-image: none;
1056
    margin: 0;
1057
    font-size: 90%;
1058
    border: none;
1059
}
1060

    
1061
#portal-sitemap a {
1062
    border: 1px solid #ffffff;
1063
}
1064

    
1065
#portal-sitemap a:hover {
1066
    border: 1px solid #555522;
1067
}
1068

    
1069
#portal-sitemap .navTreeLevel1 {
1070
    padding-left: 1em;
1071
    border-left: 0.5em solid #555522;
1072
    margin: 0 0 0 0.5em;
1073
}
1074

    
1075
#portal-sitemap .navTreeLevel2 {
1076
    padding-left: 1em;
1077
    border-left: 0.5em solid #a6c2a5;
1078
    margin: 0 0 0 0.6em;
1079
}
1080

    
1081
/* Accessibility and visual enhancement elements */
1082

    
1083
.hiddenStructure {
1084
    display: block;
1085
    background: transparent;
1086
    background-image: none; /* safari bug */
1087
    border: none;
1088
    height: 1px;
1089
    overflow: hidden;
1090
    padding: 0;
1091
    margin: -1px 0 0 -1px;
1092
    width: 1px;
1093
}
1094

    
1095
.contentViews .hiddenStructure,
1096
.contentActions .hiddenStructure {
1097
    position: absolute;
1098
    top: -200px;
1099
    left: -200px;
1100
}
1101

    
1102
.hiddenLabel {
1103
    display: block;
1104
    background: transparent;
1105
    background-image: none; /* safari bug */
1106
    border: none;
1107
    height: 1px;
1108
    overflow: hidden;
1109
    padding: 0;
1110
    margin: -1px 0 0 -1px;
1111
    width: 1px;
1112
}
1113

    
1114
/* Link types */
1115

    
1116
.link-plain {
1117
    background-image: none;
1118
    padding: 0;
1119
}
1120

    
1121
.link-parent {
1122
    display: block;
1123
    /*background: transparent url(http://www.saeon.ac.za/arrowUp.gif) 4px 5px no-repeat;*/
1124
    padding: 1px 0px 10px 16px;
1125
    font-size: 85%;
1126
    text-decoration: none;
1127
}
1128

    
1129
.link-user {
1130
    background: transparent url(images/user.gif) 0 1px no-repeat;
1131
    padding: 1px 0px 1px 16px;
1132
}
1133

    
1134
.link-external {
1135
    /*background: transparent url(http://www.saeon.ac.za/link_icon.gif) 0px 1px no-repeat;*/
1136
    padding: 1px 0px 1px 16px;
1137
}
1138

    
1139
.link-https {
1140
    /*background: transparent url(http://www.saeon.ac.za/lock_icon.gif) 0px 1px no-repeat;*/
1141
    padding: 1px 0px 1px 16px;
1142
}
1143

    
1144
.link-mailto {
1145
    /*background: transparent url(http://www.saeon.ac.za/mail_icon.gif) 0px 1px no-repeat;*/
1146
    padding: 1px 0px 1px 16px;
1147
}
1148

    
1149
.link-news {
1150
    /*background: transparent url(http://www.saeon.ac.za/topic_icon.gif) 0px 1px no-repeat;*/
1151
    padding: 1px 0px 1px 16px;
1152
}
1153

    
1154
.link-ftp {
1155
    /*background: transparent url(http://www.saeon.ac.za/file_icon.gif) 0px 1px no-repeat;*/
1156
    padding: 1px 0px 1px 16px;
1157
}
1158

    
1159
.link-irc {
1160
    /*background: transparent url(http://www.saeon.ac.za/discussionitem_icon.gif) 0px 1px no-repeat;*/
1161
    padding: 1px 0px 1px 16px;
1162
}
1163

    
1164
.link-callto {
1165
    /*background: transparent url(http://www.saeon.ac.za/phone_icon.gif) 0px 1px no-repeat;*/
1166
    padding: 1px 0px 1px 16px;
1167
}
1168

    
1169
.link-webcal {
1170
    /*background: transparent url(http://www.saeon.ac.za/event_icon.gif) 0px 1px no-repeat;*/
1171
    padding: 1px 0px 1px 16px;
1172
}
1173

    
1174
.link-feed {
1175
    /*background: transparent url(http://www.saeon.ac.za/rss.gif) 0px 1px no-repeat;*/
1176
    padding: 1px 0px 1px 18px;
1177
}
1178

    
1179
.link-comment {
1180
    /*background: transparent url(http://www.saeon.ac.za/discussionitem_icon.gif) center left no-repeat;*/
1181
    padding: 1px 0px 1px 16px !important; /* value:  */
1182
}
1183

    
1184
.link-anchor {
1185
    color: #76797c;
1186
    text-decoration: none;
1187
    font-weight: normal;
1188
}
1189

    
1190
/* For ghosted elements */
1191
.visualGhosted {
1192
    opacity: 0.2;
1193
    -moz-opacity: 0.2;
1194
    -khtml-opacity: 0.2;
1195
}
1196

    
1197
/* Fullscreen */
1198

    
1199
body.fullscreen #portal-logo,
1200
body.fullscreen #portal-siteactions {
1201
    display: none;
1202
}
1203

    
1204
body.fullscreen #portal-globalnav {
1205
    margin-top: 4em;
1206
}
1207

    
1208
body.fullscreen #portal-searchbox {
1209
    margin: 0.5em 2em 0 0.5em;
1210
    padding: 0;
1211
    position: relative;
1212
}
1213

    
1214
/* Kupu image alignment classes */
1215

    
1216
.image-left {
1217
   float: left;
1218
   clear: both;
1219
   margin: 0.5em 1em 0.5em 0;
1220
   border: 1px solid Black;
1221
}
1222

    
1223
.image-inline {
1224
   float: none;
1225
}
1226

    
1227
.image-right {
1228
   float: right;
1229
   clear: both;
1230
   margin: 0.5em;
1231
   border: 1px solid Black;
1232
}
1233

    
1234
.vm_small {
1235
    font: 80% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
1236
    color: Black;
1237
}
1238

    
1239
/*  */
1240
}
1241

    
1242

    
1243
/* ----- columns.css ----- */
1244
@media screen {
1245
/*
1246
** Table-based column layout for all browsers.
1247
**
1248
** There's a table-less column layout alternative in the plone_tableless
1249
** skin layer, if you prefer layouts without tables.
1250
*/
1251

    
1252
/*  */
1253

    
1254
#portal-columns {
1255
    width: 100% !important;
1256
    border-collapse: collapse;
1257
    border-spacing: 0;
1258
}
1259

    
1260
#portal-column-one {
1261
    vertical-align: top;
1262
    width: 16em;
1263
}
1264

    
1265
#portal-column-content {
1266
    vertical-align: top;
1267
    margin: 0;
1268
    padding: 0;
1269
}
1270

    
1271
#portal-column-two {
1272
    vertical-align: top;
1273
    width: 16em;
1274
}
1275

    
1276
/* Padding for the columns */
1277

    
1278
#portal-column-one .visualPadding {
1279
    padding: 2em 0em 1em 2em;
1280
}
1281

    
1282
#portal-column-two .visualPadding {
1283
    padding: 2em 2em 1em 0em;
1284
}
1285

    
1286
/* fullscreen */
1287

    
1288
body.fullscreen #portal-column-one,
1289
body.fullscreen #portal-column-two {
1290
    display: none;
1291
}
1292

    
1293
body.fullscreen #portal-column-content { 
1294
    width: 100%; 
1295
    margin: 0; 
1296
    padding: 0; 
1297
}
1298

    
1299
/*  */
1300

    
1301
}
1302

    
1303

    
1304
/* ----- authoring.css ----- */
1305
@media screen {
1306
/*
1307
** Plone style sheet - Authoring Elements
1308
**
1309
** Style sheet documentation can be found at http://plone.org/documentation
1310
**
1311
** You should preferrably use ploneCustom.css to add your own CSS classes and to
1312
** customize your portal, as these are the base fundaments of Plone, and will
1313
** change and be refined in newer versions. Keeping your changes in
1314
** ploneCustom.css will make it easier to upgrade.
1315
**
1316
** Feel free to use whole or parts of this for your own designs, but give credit
1317
** where credit is due.
1318
**
1319
*/
1320

    
1321
/*  (do not remove this :) */
1322
/*  (not this either :) */
1323

    
1324
.standalone,
1325
.documentEditable * .standalone {
1326
    /*background: #a6c2a5 url(http://www.saeon.ac.za/linkOpaque.gif) 9px 1px no-repeat;*/
1327
    cursor: pointer;
1328
    font-size: 85%;
1329
    padding: 1px 1px 1px 15px;
1330
    text-transform: lowercase;
1331
}
1332
.context,
1333
.documentEditable * .context {
1334
    /*background: transparent url(http://www.saeon.ac.za/linkTransparent.gif) 9px 1px no-repeat;*/
1335
    cursor: pointer;
1336
    font-size: 85%;
1337
    padding: 1px 1px 1px 15px;
1338
    text-transform: lowercase;
1339
}
1340
.destructive,
1341
.documentEditable * .destructive {
1342
    /*background: #ffce7b url(http://www.saeon.ac.za/linkTransparent.gif) 9px 1px no-repeat;*/
1343
    border: 1px solid #ffa500;
1344
    cursor: pointer;
1345
    font-size: 85%;
1346
    padding: 1px 1px 1px 15px;
1347
    text-transform: lowercase;
1348
}
1349
input.searchButton {
1350
    margin-bottom: 1px ! important;
1351
    font-size: 85%;
1352
    background: #ffffff url(images/search_icon.gif) 2px 1px no-repeat;
1353
    cursor: pointer;
1354
    padding: 1px 1px 1px 15px;
1355
    text-transform: lowercase;
1356

    
1357
}
1358
.noborder,
1359
.documentEditable * .noborder {
1360
    border: none;
1361
    margin: 0;
1362
    background-color: transparent;
1363
}
1364
.add,
1365
.documentEditable * .add {
1366
}
1367
.quickSearch {
1368
}
1369
.notify,
1370
.documentEditable * .notify {
1371
    border: 1px solid #ffa500;
1372
}
1373

    
1374
.card {
1375
    background-color: #a6c2a5;
1376
    border-color: #555522;
1377
    border-width: 1px;
1378
    border-style: solid;
1379
    float: left;
1380
    margin: 1em;
1381
    text-align: center;
1382
    width: 110px;
1383
    padding: 1em 0;
1384
}
1385

    
1386
.card a {
1387
    text-decoration: none;
1388
}
1389

    
1390
.portrait {
1391
    background-color: #a6c2a5;
1392
    border-color: #555522;
1393
    border-width: 1px;
1394
    border-style: solid;
1395
    font-size: 85%;
1396
    margin: 0.5em;
1397
    padding: 1em 0 0.5em 0;
1398
    text-align: center;
1399
    width: 100px;
1400
}
1401

    
1402
.portraitPhoto {
1403
    border: 1px solid black;
1404
}
1405

    
1406
.listing,
1407
.stx table {
1408
    /* The default table for document listings. Contains name, document types, modification times etc in a file-browser-like fashion */
1409
    border-collapse: collapse;
1410
    border-left: 1px solid #555522;
1411
    border-bottom: 1px solid #555522;
1412
    font-size: 85%;
1413
    margin: 1em 0em 1em 0em;
1414
}
1415
.listing th,
1416
.stx table th {
1417
    background: #a6c2a5;
1418
    border-top: 1px solid #555522;
1419
    border-bottom: 1px solid #555522;
1420
    border-right: 1px solid #555522;
1421
    font-weight: normal;
1422
    padding: 0.25em 1em;
1423
    text-transform: lowercase;
1424
}
1425
.listing .top {
1426
    border-left: 1px solid #ffffff;
1427
    border-top: 1px solid #ffffff ! important;
1428
    border-right: 1px solid #ffffff ! important;
1429
    text-align: right ! important;
1430
    padding: 0em 0em 1em 0em;
1431
}
1432
.listing .listingCheckbox {
1433
    text-align: center;
1434
}
1435
.listing td,
1436
.stx table td {
1437
    border-right: 1px solid #555522;
1438
    padding: 0.25em 1em;
1439
}
1440

    
1441
.listing a {
1442
    text-decoration: none;
1443
}
1444

    
1445
.listing a:hover {
1446
    text-decoration: underline;
1447
}
1448
.listing img {
1449
    vertical-align: middle;
1450
}
1451

    
1452
/* Vertical addition class */
1453

    
1454
.vertical {
1455
    background-color: #ffffff;	
1456
}
1457
.vertical th {
1458
    padding: 0.5em;
1459
}
1460

    
1461
.vertical td {
1462
    border-top: 1px solid #555522;
1463
    padding: 0.5em;
1464
}
1465

    
1466

    
1467

    
1468
ul.configlets {
1469
    margin: 1em 0;
1470
    list-style-image: none;
1471
    list-style: none;
1472
}
1473

    
1474
ul.configlets li {
1475
    margin-bottom: 1em;
1476
}
1477

    
1478
ul.configlets li a {
1479
    text-decoration: none;
1480
    border: none;
1481
}
1482

    
1483
ul.configlets li a:visited {
1484
    color: #666633;
1485
    background-color: transparent;
1486
}
1487

    
1488
ul.configlets li a:active {
1489
    color: #666633;
1490
    background-color: transparent;
1491
}
1492

    
1493
ul.configlets li label {
1494
    font-weight: bold;
1495
}
1496

    
1497
ul.configletDetails {
1498
    margin: 0em 1em 1em 4em;
1499
    list-style-image: none;
1500
    list-style: none;
1501
}
1502

    
1503
ul.configletDetails li {
1504
    margin-bottom: 1em;
1505
    display: inline;
1506
}
1507

    
1508
ul.configletDetails li a {
1509
	text-decoration: none;
1510
}
1511

    
1512
ul.configletDetails li label {
1513
    font-weight: bold;
1514
}
1515

    
1516
/* List classes without markers */
1517

    
1518
ul.visualNoMarker,
1519
ol.visualNoMarker {
1520
    list-style-type: none;
1521
    list-style-image: none;
1522
    margin: 0.5em 0 0 0;
1523
}
1524

    
1525

    
1526

    
1527
/* Additional STX workaround classes */
1528
.stx table p /* stupid STX table workaround */
1529
{
1530
    margin: 0;
1531
    padding: 0;
1532
}
1533
.stx table  /* stupid STX table workaround */
1534
{
1535
    border: 1px solid #555522 ! important;
1536
}
1537
.stx table td {
1538
    border-bottom: 1px solid #555522;
1539
}
1540

    
1541
.reviewHistory {
1542
    display: inline;
1543
    font-size: 110% !important; 
1544
    color: Black;
1545
}
1546

    
1547
.comment {
1548
    background: #eef3f5; 
1549
    border: 1px solid #555522; 
1550
    padding: 0.25em 1em 0.5em 1em;
1551
    margin-bottom: 1em;
1552
}
1553

    
1554
.comment h1,
1555
.comment h2,
1556
.comment h3,
1557
.comment h4, 
1558
.comment h5,
1559
.comment h6 {
1560
    border-bottom: 1px solid #76797c;
1561
    font-weight: normal;
1562
}
1563

    
1564
.commentBody {
1565
    margin: 0 1em 1em 1em;
1566
}
1567

    
1568
.spacer {
1569
    margin: 1em;
1570
}
1571

    
1572
.contentViews {
1573
    background-color: transparent;
1574
    padding-left: 1em;
1575
    line-height: normal;
1576
    margin: 0;
1577
    list-style: none;
1578
    border: 1px solid #74ae0b;
1579
    border-top-width: 0px;
1580
    border-left-width: 0px;
1581
    border-right-width: 0px;
1582
}
1583
.contentViews li {
1584
    display: inline;
1585
    padding-top: 0.5em;
1586
}
1587
.contentViews li a {
1588
    background-color: transparent;
1589
    border: 1px solid #74ae0b;
1590
    border-style: solid;
1591
    color: #578308;
1592
    height: auto;
1593
    margin-right: 0.5em;
1594
    padding: 0em 1em;
1595
    line-height: normal;
1596
    text-decoration: none;
1597
    text-transform: lowercase;
1598
    z-index: 1;
1599
}
1600
.contentViews .selected a {
1601
    background-color: #cde2a7;
1602
    border-bottom: #cde2a7 1px solid;
1603
    color: #578308;
1604
}
1605
.contentViews li a:hover {
1606
    background-color: #cde2a7;
1607
    color: #578308;
1608
}
1609

    
1610

    
1611
.configlet .contentViews {
1612
    font-size: 90%;
1613
}
1614

    
1615
/*
1616
** begin ECMAScript Content Action Menus
1617
*/
1618

    
1619
.contentActions {
1620
    background-color: #cde2a7;
1621
    border-left: 1px solid #74ae0b;
1622
    border-right: 1px solid #74ae0b;
1623
    color: #578308;
1624
    text-align: right;
1625
    text-transform: lowercase;
1626
    padding: 0 0 0 1em;
1627
    z-index: 2;
1628
    height: 1.6em;
1629
}
1630

    
1631
.contentActions ul,
1632
.contentActions li {
1633
    margin: 0;
1634
    list-style: none;
1635
    list-style-image: none;
1636
    display: inline;
1637
    color: Black;
1638
    text-align: left;
1639
}
1640

    
1641
.contentActions ul {
1642
    line-height: 1.6em;
1643
    padding: 0;
1644
    margin: 0;
1645
}
1646
.contentActions li {
1647
    float: right;
1648
    z-index: 4;
1649
    border-left: 1px solid #74ae0b;
1650
    line-height: 1.6em;
1651
}
1652

    
1653
.actionItems li {
1654
    background-image: none;
1655
}
1656

    
1657
.contentActions a {
1658
    text-decoration: none;
1659
    color: #578308;
1660
    padding: 0 0.5em;
1661
}
1662

    
1663
.actionMenu {
1664
    /*  The spec says we can't put this on an element with a float (although
1665
        Opera is the only one that cares) and we need it in order to catch
1666
        the position:absolute bubbling up */
1667

    
1668
    position: relative;
1669
    margin: 0;
1670
    padding: 0;
1671
}
1672

    
1673
.actionMenu .actionMenuHeader {
1674
    margin: 0;
1675
    padding: 0;
1676
    font-weight: normal;
1677
    cursor: pointer;
1678
}
1679

    
1680
.actionMenu.activated .actionMenuHeader {
1681
    position: relative;
1682
    z-index: 10;
1683
}
1684

    
1685
.actionMenu .actionMenuHeader a {
1686
    display: block;
1687
}
1688

    
1689
.actionMenu.activated .actionMenuHeader a,
1690
.actionMenu.deactivated .actionMenuHeader a {
1691
    /*/*background-image: url(http://www.saeon.ac.za/arrowDownAlternative.gif);*/
1692
    background-repeat: no-repeat;
1693
    background-position: 95% 60%;
1694
    padding: 0 1.6em 0 0.5em !important;
1695
    cursor: pointer;
1696
}
1697

    
1698
.actionMenuDisabled {
1699
    padding: 0 0.5em 0 0.5em !important;
1700
    cursor: pointer;
1701
}
1702

    
1703
.actionMenu .actionMenuContent {
1704
    display: none;
1705
    z-index: 5;
1706
    position: absolute;
1707
    top: 1.6em;
1708
    right: -1px;
1709
    height: auto;
1710
    padding: 0;
1711
    margin: 0;
1712
    cursor: pointer;
1713
}
1714

    
1715
.actionMenu .actionMenuContent ul {
1716
    display: block;
1717
    background: #cde2a7;
1718
    border: 1px #74ae0b;
1719
    border-style: none solid solid solid;
1720
    margin: -2px 0 0 0;
1721
    padding: 0;
1722
    cursor: pointer;
1723
}
1724

    
1725
.actionMenu.activated .actionMenuContent {
1726
    display: block !important;
1727
}
1728
.actionMenu.activated .actionMenuContent {
1729
    /* this one will be ignored by IE, it is here to fix the cut-off error in
1730
       Firefox */
1731
    display: table !important;
1732
    border-collapse: collapse;
1733
    border-spacing: 0;
1734
}
1735

    
1736
.actionMenu.deactivated .actionMenuContent {
1737
    display: none !important;
1738
}
1739

    
1740
.actionMenu .actionMenuContent li {
1741
    float: none;
1742
    background-color: transparent;
1743
    display: inline;
1744
    padding: 0;
1745
    margin: 0;
1746
    border: 0;
1747
}
1748

    
1749
.actionMenu .actionMenuContent li a {
1750
    display: block;
1751
    white-space: nowrap;
1752
    padding: 0 0.5em;
1753
    margin: 0.2em 0;
1754
}
1755

    
1756
.actionMenu .actionMenuContent .selected {
1757
    display: block;
1758
    white-space: nowrap;
1759
    padding: 0 0.5em;
1760
    margin: 0.2em 0;
1761
}
1762

    
1763
.actionMenu .actionMenuContent li a:hover {
1764
    background-color: #74ae0b;
1765
    color: White;
1766
}
1767

    
1768
.actionMenu .actionMenuContent .actionSeparator a {
1769
    margin-top: 0.2em;
1770
    padding-top: 0.2em;
1771
    border-top: 1px solid #74ae0b;
1772
}
1773

    
1774
.actionMenu .actionMenuContent .actionSeparator div.currentDefaultPage {
1775
    margin-top: 0.2em;
1776
    padding: 0.2em 0.5em 0em 0.5em;
1777
    white-space: nowrap;
1778
    border-top: 1px solid #74ae0b;
1779
}
1780

    
1781
.actionMenu .actionMenuContent .actionSeparator div.actionLabel {
1782
    margin-top: 0.2em;
1783
    padding: 0.2em 0.5em 0em 0.5em;
1784
    white-space: nowrap;
1785
    border-top: 1px solid #74ae0b;
1786
    background-color: #74ae0b;
1787
    color: #cde2a7;
1788
    cursor: default;
1789
}
1790

    
1791

    
1792
.contentBatchAction {
1793
    float: left !important;
1794
    padding: 0 0.5em;
1795
    border-top: 1px solid #74ae0b;
1796
    border-right: 1px solid #74ae0b;
1797
    border-left: none !important;
1798
    border-collapse: collapse;
1799
    position: relative;
1800
    top: -1px;
1801
    margin-left: -0.5em !important;
1802
}
1803

    
1804
#objectMenu.actionMenu .actionMenuContent li {
1805
    display: block;
1806
}
1807

    
1808
#objectMenu.actionMenu .actionMenuContent li,
1809
#objectMenu.actionMenu .actionMenuContent li a:hover {
1810
    background-position: 3px 50%;
1811
    margin-left: 0;
1812
}
1813

    
1814
#objectMenu.actionMenu .actionMenuContent li a {
1815
    padding-left: 22px;
1816
}
1817

    
1818
.actionMenuSelected {
1819
    display: block;
1820
    cursor: default;
1821
    background-image: url(images/bullet_icon.gif);
1822
    background-repeat: no-repeat;
1823
    background-position: 0% 3px;
1824
    padding-left: 16px !important;
1825
}
1826

    
1827
#templateMenu li a {
1828
    padding-left: 16px;
1829
}
1830

    
1831

    
1832
/*
1833
** end ECMAScript Content Action Menus
1834
*/
1835

    
1836

    
1837
/* Collapsible elements */
1838

    
1839
dl.collapsible {
1840
    border: 1px solid #555522 !important;
1841
    margin: 1em 0 0 0;
1842
    padding: 0;
1843
}
1844

    
1845
dl.collapsible dt.collapsibleHeader {
1846
    display: block;
1847
    float: left;
1848
    background: #ffffff;
1849
    line-height: 1.2em;
1850
    vertical-align: middle;
1851
    font-size: 90%;
1852
    position: relative;
1853
    top: -0.6em;
1854
    width: auto;
1855
    margin: 0 0 -0.6em 1em;
1856
    padding: 0 0.5em;
1857
}
1858

    
1859
dl.collapsible dd.collapsibleContent {
1860
    margin: 0;
1861
    padding: 0 1em;
1862
    clear: left;
1863
}
1864

    
1865
/* for IE the following isn't needed, that's why the css2 selector is used */
1866
dl.collapsible dd.collapsibleContent > dl {
1867
    margin: 0;
1868
    padding: 0;
1869
}
1870

    
1871
dl.expandedInlineCollapsible dt.collapsibleHeader,
1872
dl.expandedBlockCollapsible dt.collapsibleHeader {
1873
    padding: 0 6px 0 22px;
1874
    background: #ffffff url(treeExpanded.gif) no-repeat 6px 50%;
1875
    cursor: pointer;
1876
}
1877

    
1878
dl.collapsedBlockCollapsible {
1879
    border: none !important;
1880
    height: 1em;
1881
    width: auto;
1882
}
1883

    
1884
dl.collapsedBlockCollapsible dt.collapsibleHeader {
1885
    float: none;
1886
    position: static;
1887
    margin: 0;
1888
    padding: 0 0 0 22px;
1889
    line-height: 1em;
1890
    background: transparent url(treeCollapsed.gif) no-repeat 6px 50%;
1891
    cursor: pointer;
1892
}
1893

    
1894
dl.collapsedInlineCollapsible dd.collapsibleContent,
1895
dl.collapsedBlockCollapsible dd.collapsibleContent {
1896
    display: none;
1897
}
1898

    
1899
dl.collapsedInlineCollapsible {
1900
    border: none !important;
1901
    height: 1em;
1902
    width: auto;
1903
    display: inline;
1904
}
1905

    
1906
dl.collapsedInlineCollapsible dt.collapsibleHeader {
1907
    position: static;
1908
    float: none;
1909
    margin: 0;
1910
    padding: 0 0 0 22px;
1911
    line-height: 1em;
1912
    background: transparent url(treeCollapsed.gif) no-repeat 6px 50%;
1913
    cursor: pointer;
1914
    display: inline;
1915
}
1916

    
1917
.documentEditable {
1918
    padding: 0em 2em 1em 2em !important;
1919
}
1920

    
1921
.configlet .documentEditable {
1922
    padding: 0em !important;
1923
}
1924

    
1925
.documentEditable .documentContent {
1926
    border: 1px solid #74ae0b;
1927
    padding: 0;
1928
}
1929

    
1930
.label {
1931
    font-weight: bold;
1932
    display: inline;
1933
    padding-right: 0.5em;
1934
}
1935

    
1936
.optionsToggle {
1937
    border: 1px solid #555522;
1938
    color: Black;
1939
    background-color: #a6c2a5;
1940
    font-weight: normal !important;
1941
    font-size: 85%;
1942
}
1943

    
1944
.portalNotLoggedIn {} /* Used on all descriptions relevant to those not logged in */
1945

    
1946
#portal-column-content fieldset > * input:focus,
1947
#portal-column-content fieldset > * textarea:focus {
1948
    border-color: #ffa500;
1949
    border-width: 1px;
1950
}
1951

    
1952
.visualOverflow {
1953
    overflow: auto;
1954
    margin: 0 0 1em 0;
1955
}
1956

    
1957
.visualOverflow pre,
1958
.visualOverflow table,
1959
.visualOverflow img {
1960
    margin: 0;
1961
}
1962

    
1963
.visualFontSizeCorrection { /* Correction for WYSIWYG editors */
1964
    font-size: 75%;
1965
    background: transparent;
1966
    background-image: none;
1967
}
1968

    
1969

    
1970
/* for highlighting of search terms */
1971

    
1972
.highlightedSearchTerm {
1973
   background-color: #feff82;
1974
}
1975

    
1976
/* for greying out inherited roles */
1977

    
1978
.noInheritedRoles {
1979
    color: #a0a0a0;
1980
}
1981

    
1982
/* for highlighting current items, like the language or today in the calendar */
1983

    
1984
.currentItem {
1985
    border-collapse: collapse;
1986
    border: 2px solid #ffa500;
1987
    padding: 1px;
1988
}
1989

    
1990
/* Styles to make the editing widgets look more like their view counterparts */
1991

    
1992
#archetypes-fieldname-title input {
1993
    font-size: 160%;
1994
    font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
1995
    font-weight: normal;
1996
    width: 99%;
1997
}
1998

    
1999
#archetypes-fieldname-description textarea {
2000
    font: 100% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
2001
    font-weight: bold;
2002
}
2003

    
2004

    
2005
/*  */
2006
}
2007

    
2008

    
2009
/* ----- portlets.css ----- */
2010
@media screen {
2011
/*
2012
** Plone style sheet - Portlets
2013
**
2014
** Style sheet documentation can be found at http://plone.org/documentation
2015
**
2016
** You should preferrably use ploneCustom.css to add your own CSS classes and to
2017
** customize your portal, as these are the base fundaments of Plone, and will
2018
** change and be refined in newer versions. Keeping your changes in
2019
** ploneCustom.css will make it easier to upgrade.
2020
**
2021
** Feel free to use whole or parts of this for your own designs, but give credit
2022
** where credit is due.
2023
**
2024
*/
2025

    
2026
/*  (do not remove this :) */
2027
/*  (not this either :) */
2028

    
2029
/* The new portlet CSS - these will be switched to non-qualified classes
2030
   (ie. .portlet, not dl.portlet) once the old portlet layout is removed in
2031
   Plone 2.5. ~limi */
2032

    
2033
/* Main portlet elements */
2034

    
2035
dl.portlet {
2036
    margin: 1px 0 1em 0;
2037
    border-bottom: 1px solid #555522;
2038
}
2039

    
2040
dl.portlet a {
2041
    text-decoration: none;
2042
}
2043

    
2044
/* XXX: The two below rules should really be in the rule above, but that makes the items grow/shrink on :hover (navtree) - need to investigate how to make it not do that. ~limi, Dec 2005 */
2045
dd.portletItem a,
2046
dd.portletFooter a {
2047
    border-bottom: none;
2048
}
2049
dd.portletItem a:visited,
2050
dd.portletFooter a:visited {
2051
    color: #666633;
2052
}
2053

    
2054
.portletHeader {
2055
    background-color: #a6c2a5;
2056
    border: 1px solid #555522;
2057
    padding: 0em 1em;
2058
    text-transform: lowercase;
2059
    font-weight: normal;
2060
    line-height: 1.6em;
2061
}
2062

    
2063
.portletHeader a {
2064
    color: Black;
2065
}
2066

    
2067
.portletItem {
2068
    margin: 0;
2069
    padding: 1em;
2070
    border-left: 1px solid #555522;
2071
    border-right: 1px solid #555522;
2072
}
2073

    
2074
.portletItem a {
2075
    display: block;
2076
}
2077

    
2078
.portletItemDetails {
2079
    text-align: right;
2080
    display: block;
2081
    color: Black;
2082
}
2083

    
2084
dd.portletFooter {
2085
    background-color: #eef3f5;
2086
    margin: 0;
2087
    padding: 0.25em 1em;
2088
    border: 1px solid #555522;
2089
    border-style: dotted solid none solid;
2090
    text-align: right;
2091
}
2092

    
2093

    
2094
/* Elements that enable layout with rounded corners */
2095

    
2096
.portletTopLeft {}
2097
.portletTopRight {}
2098
.portletBottomLeft {}
2099
.portletBottomRight {}
2100

    
2101

    
2102

    
2103
/* New navtree styles */
2104

    
2105
.portletNavigationTree {
2106
    margin: 0 0 0 0.75em; 
2107
    padding: 0; 
2108
    list-style: none; 
2109
    list-style-image: none; 
2110
    line-height: 1em;
2111
}
2112

    
2113

    
2114

    
2115
.navTree {
2116
    list-style: none; 
2117
    list-style-image: none; 
2118
    margin-top: 1px;
2119
}
2120

    
2121
.navTree li {
2122
    margin-bottom: 1px;
2123
}
2124

    
2125
.navTreeItem {
2126
    display: block;
2127
    padding: 0;
2128
    margin: 0;
2129
}
2130

    
2131
.navTreeItem a,
2132
dd.portletItem .navTreeItem a {
2133
    border: 1px solid #ffffff;
2134
    display: block;
2135
    text-decoration: none;
2136
    padding-top: 0.2em;
2137
    padding-bottom: 0.25em;
2138
}
2139

    
2140
.navTreeItem a:hover,
2141
dd.portletItem .navTreeItem a:hover {
2142
    background-color: #a6c2a5;
2143
    color: #666633;
2144
    border: 1px solid #555522;
2145
}
2146

    
2147
.navTreeCurrentItem {
2148
    background-color: #a6c2a5;
2149
    color: #666633;
2150
    border: 1px solid #555522 !important;
2151
}
2152

    
2153
li.navTreeCurrentItem {
2154
    display: block;
2155
    padding: 0 0 0 1px;
2156
    margin: 0 0 2px -1px;
2157
}
2158

    
2159
li.navTreeCurrentItem a,
2160
li.navTreeCurrentItem a:hover {
2161
    display: block;
2162
    border: 1px solid #a6c2a5;
2163
    min-height: 1.6em;
2164
    line-height: 1.6em;
2165
    height: auto;
2166
}
2167

    
2168
/* Another workaround for broken Internet Explorer */
2169

    
2170
* html li.navTreeCurrentItem a,
2171
* html li.navTreeCurrentItem a:hover {
2172
    height: 1.6em;
2173
}
2174

    
2175

    
2176
.navTreeLevel0 { margin: 0; }
2177
.navTreeLevel1 { margin-left: 1em;}
2178
.navTreeLevel2 { margin-left: 0.75em; }
2179
.navTreeLevel3 { margin-left: 0.75em; }
2180
.navTreeLevel4 { margin-left: 0.75em; }
2181
.navTreeLevel5 { margin-left: 0.75em; }
2182

    
2183

    
2184
/*
2185
** Calendar elements - used in the calendar rendering
2186
*/
2187

    
2188
.dayPopup {
2189
    background-color: #ffffe1;
2190
    border: 1px solid Black;
2191
    padding: 0.2em;
2192
    position: absolute;
2193
    visibility: hidden;
2194
    width: 12em;
2195
    z-index: 2;
2196
}
2197
.date {
2198
    font-weight: bold;
2199
}
2200

    
2201
.ploneCalendar {
2202
    border: 1px solid #555522;
2203
    margin: 1px 0 1em 0;
2204
    border-collapse: collapse;
2205
    width: 100%;
2206
}
2207
.ploneCalendar a {
2208
    text-decoration: none;
2209
}
2210
.ploneCalendar a:hover {
2211
    text-decoration: none;
2212
}
2213
.ploneCalendar th {
2214
    background-color: #a6c2a5;
2215
    font-weight: normal;
2216
    text-align: center;
2217
    line-height: 1.6em;
2218
}
2219
.ploneCalendar td {
2220
    background-color: transparent;
2221
    width: 1.5em;
2222
    text-align: right;
2223
    padding: 2px;
2224
}
2225
.ploneCalendar .weekdays td {
2226
    background-color: #a6c2a5;
2227
    border: 1px solid #555522;
2228
    border-style: solid none;
2229
    text-align: center;
2230
    padding: 2px;
2231
}
2232
.ploneCalendar .event {
2233
    background-color: #a6c2a5;
2234
    font-weight: bold;
2235
}
2236
.ploneCalendar .todayevent {
2237
    background-color: #a6c2a5;
2238
    border: 2px solid #ffa500;
2239
    font-weight: bold;
2240
}
2241
.ploneCalendar .todaynoevent {
2242
    border-collapse: collapse;
2243
    border: 2px solid #ffa500;
2244
}
2245
.ploneCalendar #calendar-previous {
2246
    /*background-image: url(http://www.saeon.ac.za/arrowLeft.gif);*/
2247
    background-repeat: no-repeat;
2248
    background-position: 50% 50%;
2249
}
2250
.ploneCalendar #calendar-next {
2251
    /*background-image: url(http://www.saeon.ac.za/arrowRight.gif);*/
2252
    background-repeat: no-repeat;
2253
    background-position: 50% 50%;
2254
}
2255
.ploneCalendar #calendar-previous a,
2256
.ploneCalendar #calendar-next a {
2257
    display: block;
2258
    text-decoration: none;
2259
    overflow: hidden;
2260
    border: 0;
2261
    margin: 0;
2262
    padding: 0;
2263
    padding-top: 9px;
2264
    height: 0px !important;
2265
    height /**/: 9px;
2266
    cursor: pointer;
2267
}
2268
.ploneCalendar #calendar-next a {
2269
    padding-top: 9px;
2270
    height: 0px !important;
2271
    height /**/: 9px;
2272
}
2273

    
2274

    
2275
/*  */
2276
}
2277

    
2278

    
2279
/* ----- presentation.css ----- */
2280
@media projection {
2281
/*
2282
** Plone Presentation style sheet for CSS2-capable browsers.
2283
** Copyright Plone Foundation, et al.
2284
**
2285
** Style sheet documentation can be found at http://plone.org/documentation
2286
**
2287
** You should preferrably use ploneCustom.css to add your own CSS classes and to
2288
** customize your portal, as these are the base fundaments of Plone, and will 
2289
** change and be refined in newer versions. Keeping your changes in
2290
** ploneCustom.css will make it easier to upgrade. 
2291
**
2292
** Feel free to use whole or parts of this for your own designs, but give credit
2293
** where credit is due.
2294
**
2295
*/
2296

    
2297
/*  (do not remove this :) */
2298
/*  (not this either :) */
2299

    
2300
body {
2301
    background: White url(logo.jpg) no-repeat fixed 95% 95%;
2302
    font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
2303
    font-size: 50px !important;
2304
    color: Black;
2305
    margin: 0;
2306
    padding: 0;
2307
    min-width: 0px !important;
2308
}
2309

    
2310
#visual-portal-wrapper {
2311
    width: 100% !important;
2312
    min-width: 0 !important;
2313
}
2314

    
2315
#portal-column-content {
2316
    margin: 0 !important;
2317
}
2318

    
2319
#portal-column-content #content {
2320
    padding: 1em;
2321
    margin: 0 !important;
2322
}
2323

    
2324
h1, h2 {
2325
    font-size: 50px !important;
2326
    background-color: #a6c2a5;
2327
    border-color: #555522;
2328
    border-style: solid;
2329
    border-width: 1px;
2330
    padding-top: 0em;
2331
    padding-left: 0.5em;
2332
    padding-right: 0.5em;
2333
    margin: 1em 0 0 0;
2334
    page-break-before: always;
2335
    font-weight: normal;
2336
}
2337

    
2338
h1.documentFirstHeading { 
2339
    /* Trick to avoid getting an initial blank page */
2340
    page-break-before: avoid; 
2341
} 
2342

    
2343
dl, ol, ul {
2344
    font-size: 40px !important;
2345
    text-align: left;
2346
    margin-top: 0.5em;
2347
}
2348

    
2349
dt {
2350
    background-color: #a6c2a5;
2351
    border-color: #555522;
2352
    border-style: solid;
2353
    border-width: 1px;
2354
    display: inline;
2355
    padding-right: 0.5em;
2356
}
2357

    
2358
dd {
2359
    margin-bottom: 0.25em;
2360
}
2361

    
2362
li {
2363
    margin: 0 0 0.5em 0;
2364
}
2365

    
2366
p {
2367
    /* This hides evertything that is a normal paragraph, so you can write 
2368
    presentations with additional notes that only show up in print/web.
2369
    If you want normal paragraphs to show up, remove this selector. */
2370
    display: none;
2371
}
2372

    
2373
.documentDescription {
2374
    font-size: 40px !important;
2375
    font-weight: normal;
2376
    margin-top: 4em;
2377
    text-align: center !important;
2378
}
2379

    
2380
ul { 
2381
    list-style-image: url(images/bulletBig.gif); 
2382
}
2383

    
2384
pre { 
2385
    font-size: 25px;
2386
    padding: 0.5em;
2387
    font-weight: bold;
2388
    background-color: #a6c2a5;
2389
    border: 1px solid #555522;
2390
}
2391

    
2392
code {
2393
    background-color: #a6c2a5;
2394
    border-color: #555522;
2395
    border-style: solid;
2396
    border-width: 1px;
2397
    padding: 0.1em 0.25em;
2398
}
2399

    
2400
a {
2401
    color: #666633 !important;
2402
}
2403

    
2404
div.top,
2405
#portal-logo,
2406
.hiddenStructure,
2407
#portal-searchbox,
2408
#portal-siteactions,
2409
#portal-globalnav,
2410
#portal-personaltools,
2411
#portal-breadcrumbs,
2412
#portal-column-one,
2413
#portal-column-two,
2414
.contentViews,
2415
.contentActions,
2416
.help,
2417
.legend,
2418
div.portalMessage,
2419
div.documentActions,
2420
.documentByLine,
2421
.netscape4,
2422
#portal-footer,
2423
#portal-colophon,
2424
input,
2425
.skipnav {
2426
    /* Hides all the elements irrelevant for presentations */
2427
    display: none;
2428
}
2429

    
2430
div#portal-columns div#visual-column-wrapper,
2431
div#portal-columns div#visual-column-wrapper div#portal-column-content {
2432
    width: 100%;
2433
}
2434

    
2435
div#portal-columns div#visual-column-wrapper div#portal-column-content {
2436
    padding: 0;
2437
    margin: 0;
2438
}
2439

    
2440
div#portal-columns div#visual-column-wrapper div#portal-column-content * {
2441
    text-align: left;
2442
}
2443

    
2444
#content,
2445
.group {
2446
    background: transparent;
2447
    border: none;
2448
    padding: 0;
2449
    margin: 0;
2450
}
2451

    
2452
#content {
2453
    margin: 0 1em;
2454
}
2455

    
2456
table.listing,
2457
table.listing td {
2458
    border: 1pt solid black;
2459
    border-collapse: collapse;
2460
}
2461

    
2462
a, a:link, a:visited {
2463
    color: #520;
2464
    background: transparent;
2465
}
2466

    
2467
/*  */
2468

    
2469
}
2470

    
2471

    
2472
/* ----- print.css ----- */
2473
@media print {
2474
/*
2475
** Plone Print style sheet for CSS2-capable browsers.
2476
** Copyright Plone Foundation, et al
2477
**
2478
** Style sheet documentation can be found at http://plone.org/documentation
2479
**
2480
** You should preferrably use ploneCustom.css to add your own CSS classes and to
2481
** customize your portal, as these are the base fundaments of Plone, and will 
2482
** change and be refined in newer versions. Keeping your changes in
2483
** ploneCustom.css will make it easier to upgrade. 
2484
**
2485
** Feel free to use whole or parts of this for your own designs, but give credit
2486
** where credit is due.
2487
**
2488
*/
2489

    
2490
div.top,
2491
#portal-logo,
2492
#portal-siteactions,
2493
.hiddenStructure,
2494
#portal-searchbox,
2495
#portal-globalnav,
2496
#portal-personaltools,
2497
#portal-breadcrumbs,
2498
#portal-column-one,
2499
#portal-column-two,
2500
.contentViews,
2501
.contentActions,
2502
.help,
2503
.legend,
2504
div.portalMessage,
2505
div.documentActions,
2506
.documentByLine,
2507
.netscape4,
2508
#portal-footer,
2509
#portal-colophon,
2510
input,
2511
.skipnav,
2512
.visualNoPrint {
2513
    /* Hides all the elements irrelevant for presentations */
2514
    display: none;
2515
}
2516

    
2517
body {
2518
    font-family: Baskerville, Georgia, Garamond, Times, serif;
2519
    font-size: 11pt !important;
2520
}
2521

    
2522
h1, h2, h3, h4, h5, h6
2523
{
2524
    border: none;
2525
    font-family: Baskerville, Georgia, Garamond, Times, serif;
2526
}
2527

    
2528
div, p, ul, dl, ol {
2529
    width: auto !important;
2530
}
2531

    
2532
ul, ol, dl {
2533
    padding-right: 0.5em;	
2534
}
2535

    
2536
ul { 
2537
    list-style-type: square;
2538
}
2539

    
2540

    
2541
.documentDescription {
2542
    font-weight: bold;
2543
}
2544

    
2545
pre {
2546
    border: 1pt dotted black;
2547
    white-space: pre;
2548
    font-size: 8pt;
2549
    overflow: auto;
2550
    padding: 1em 0;
2551
}
2552

    
2553
table.listing,
2554
table.listing td {
2555
    border: 1pt solid black;
2556
    border-collapse: collapse;
2557
}
2558

    
2559
a {
2560
    color: Black !important;
2561
    padding: 0 !important;
2562
    text-decoration: none !important;
2563
}
2564

    
2565
a:link, a:visited {
2566
    color: #520;
2567
    background: transparent;
2568
}
2569

    
2570
/* Uncomment this to get link addresses inserted along with the link text
2571
   when you print.
2572

    
2573
#content a:link:after, 
2574
#content a:visited:after {
2575
   content: " [" attr(href) "] ";
2576
}
2577
*/
2578
}
2579

    
2580

    
2581
/* ----- mobile.css ----- */
2582
@media handheld {
2583
/*
2584
** Plone style sheet for mobile/handheld browsers. Mainly tested on Opera
2585
** for mobile devices, feedback/donations to help support other platforms
2586
** are welcome.
2587
**
2588
** Style sheet documentation can be found at http://plone.org/documentation
2589
**
2590
** Feel free to use whole or parts of this for your own designs, but give credit
2591
** where credit is due.
2592
**
2593
*/
2594

    
2595
/*  (do not remove this :) */
2596
/*  (not this either :) */
2597

    
2598
body {
2599
    font: 69% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
2600
    background-color: #ffffff;
2601
    color: Black;
2602
    margin: 0;
2603
    padding: 0;
2604
}
2605

    
2606
table {
2607
    font-size: 100%;
2608
}
2609

    
2610

    
2611
a {
2612
    color: #666633;
2613
    background-color: transparent;
2614
}
2615
img {
2616
    border: none;
2617
    vertical-align: middle;
2618
}
2619
p {
2620
    margin: 0.5em 0em 1em 0em;
2621
}
2622

    
2623
h1, h2, h3, h4, h5, h6 {
2624
    font-weight: normal;
2625
    border-bottom: 1px solid #555522;
2626
}
2627

    
2628

    
2629
h1 a,
2630
h2 a,
2631
h3 a,
2632
h4 a,
2633
h5 a,
2634
h6 a {
2635
    color: Black ! important; 
2636
}
2637

    
2638
h1 {
2639
    font-size: 160%;
2640
}
2641

    
2642
h2 {
2643
    font-size: 150%;
2644
}
2645

    
2646
h3 {
2647
    font-size: 140%;
2648
    border-bottom: none;
2649
    font-weight: bold;
2650
}
2651

    
2652
h4 {
2653
    font-size: 120%;
2654
    border-bottom: none;
2655
    font-weight: bold;
2656
}
2657

    
2658
h5 {
2659
    font-size: 100%;
2660
    border-bottom: none;
2661
    font-weight: bold;
2662
}
2663

    
2664
h6 {
2665
    font-size: 85%;
2666
    border-bottom: none;
2667
    font-weight: bold;
2668
}
2669

    
2670
label {
2671
    font-weight: bold;
2672
}
2673

    
2674
/* searchbox style and positioning */
2675
#portal-searchbox {
2676
    font-size: 10px;
2677
}
2678

    
2679

    
2680
#portal-globalnav {
2681
    /* Navigational Plone Tabs(tm), implemented by customizing the a and li tags */
2682
    background-color: transparent;
2683
    border-collapse: collapse;
2684
    padding: 0;
2685
    padding-left: 0.2em;
2686
    list-style: none;
2687
    margin: 0;
2688
    height: auto;
2689
    line-height: normal;
2690
}
2691
#portal-globalnav li {
2692
    display: inline;
2693
}
2694
#portal-globalnav li a {
2695
    /* The normal, unselected tabs. They are all links */
2696
    background-color: transparent;
2697
    border-color: #555522;
2698
    border-width: 1px; 
2699
    border-style: solid solid none solid;
2700
    color: #666633;
2701
    height: auto;
2702
    margin-right: 0.1em;
2703
    padding: 0em 0.2em;
2704
    text-decoration: none;
2705
    text-transform: lowercase;
2706
}
2707
#portal-globalnav li.selected a {
2708
    /* The selected tab. There's only one of this */
2709
    background-color: #a6c2a5;
2710
    border: 1px solid #555522;
2711
    border-bottom: #a6c2a5 1px solid;
2712
    color: #666633;
2713
}
2714

    
2715
#portal-personaltools {
2716
    /* Bar with personalized menu (user preferences, favorites etc) */
2717
    background-color: #a6c2a5;
2718
    border-top-color: #555522;
2719
    border-top-style: solid;
2720
    border-top-width: 1px;
2721
    border-bottom-color: #555522;
2722
    border-bottom-style: solid;
2723
    border-bottom-width: 1px;
2724
    color: Black;
2725
    margin: 0;
2726
    text-align: right;
2727
    text-transform: lowercase;
2728
    list-style: none;
2729
}
2730

    
2731
#portal-personaltools li {
2732
    margin-left: 0.2em;
2733
    display: inline;
2734
}
2735
#portal-personaltools li a {
2736
    text-decoration: none;
2737
    color: #666633;
2738
}
2739
.visualCaseSensitive {
2740
    text-transform: none;
2741
}
2742
#portal-breadcrumbs {
2743
    /* The path bar, including breadcrumbs and add to favorites */
2744
    border-bottom-color: #555522;
2745
    border-bottom-style: solid;
2746
    border-bottom-width: 1px;
2747
    padding-left: 0.2em;
2748
    padding-right: 0.2em;
2749
    text-transform: lowercase;
2750
}
2751

    
2752
.contentViews {
2753
    background-color: transparent;
2754
    border-collapse: collapse;
2755
    padding-left: 0.1em;
2756
    line-height: normal;
2757
    margin: 0.2em 0 0 0;
2758
    /* white-space: nowrap; */
2759
    list-style: none;
2760
    border: 1px solid #74ae0b;
2761
    border-top-width: 0px;
2762
    border-left-width: 0px;
2763
    border-right-width: 0px;
2764
}
2765
.contentViews li {
2766
    display: inline;
2767
}
2768
.contentViews li a {
2769
    background-color: transparent;
2770
    border: 1px solid #74ae0b;
2771
    border-style: solid;
2772
    color: #578308;
2773
    height: auto;
2774
    margin-right: 0.2em;
2775
    padding: 0;
2776
    line-height: normal;
2777
    text-decoration: none;
2778
    text-transform: lowercase;
2779
    z-index: 1;
2780
}
2781
.contentViews .selected a {
2782
    background-color: #cde2a7;
2783
    border-bottom: #cde2a7 1px solid;
2784
    color: #578308;
2785
}
2786

    
2787
/*
2788
** begin ECMAScript Content Action Menus
2789
*/
2790

    
2791
.contentActions {
2792
    border-collapse: collapse;
2793
    background-color: #cde2a7;
2794
    border-left: 1px solid #74ae0b;
2795
    border-right: 1px solid #74ae0b;
2796
    color: #578308;
2797
    text-align: right;
2798
    text-transform: lowercase;
2799
    padding: 0 0 0 0.2em;
2800
    z-index: 2;
2801
    height: 1.2em;
2802
}
2803

    
2804
.contentActions ul,
2805
.contentActions li {
2806
    margin: 0;
2807
    list-style: none;
2808
    list-style-image: none;
2809
    display: inline;
2810
    color: Black;
2811
    text-align: left;
2812
}
2813

    
2814
.contentActions ul {
2815
    padding: 0;
2816
    margin: 0;
2817
}
2818
.contentActions li {
2819
    float: right;
2820
    /*background-image: url(http://www.saeon.ac.za/arrowDownAlternative.gif);*/
2821
    background-repeat: no-repeat;
2822
    background-position: center right;
2823
    z-index: 4;
2824
    border-left: 1px solid #74ae0b;
2825
    padding: 0 0 0 0.2em;
2826
    margin: 0 0.2em 0 0;
2827
}
2828

    
2829
.actionItems li {
2830
    background-image: none;
2831
}
2832

    
2833
.contentActions a {
2834
    text-decoration: none;
2835
    color: #578308;
2836
    padding: 0 0.6em 0 0;
2837
}
2838

    
2839
.contentActions .actionMenu .actionMenuContent {
2840
    display: none;
2841
    z-index: 5;
2842
    position: absolute;
2843
    top: 0;
2844
    right: -1px;
2845
    height: auto;
2846
    padding: 0;
2847
    margin: 0;
2848
    cursor: pointer;
2849
}
2850

    
2851
.contentActions .actionMenu .actionMenuContent ul {
2852
    display: block;
2853
    background: #cde2a7;
2854
    border: 1px #74ae0b;
2855
    border-style: none solid solid solid;
2856
    margin: 0.2em 0 0 0;
2857
    padding: 0;
2858
    cursor: pointer;
2859
}
2860

    
2861
.actionMenu .actionMenuContent li {
2862
    font-size: 10px !important;
2863
    float: none;
2864
    background: transparent;
2865
    display: inline;
2866
    padding: 0;
2867
    margin: 0;
2868
    border: 0;
2869
}
2870

    
2871
.actionMenu .actionMenuContent li a {
2872
    display: block;
2873
    white-space: nowrap;
2874
    padding: 0 0.2em;
2875
    margin: 0.2em 0;
2876
}
2877

    
2878
.actionMenu .actionMenuContent .actionSeparator a {
2879
    margin-top: 0.2em;
2880
    padding-top: 0.2em;
2881
    border-top: 1px solid #74ae0b;
2882
}
2883

    
2884
/*
2885
** end ECMAScript Content Action Menus
2886
*/
2887

    
2888
.documentEditable .documentContent {
2889
    border: 1px solid #74ae0b;
2890
    padding: 0.5em;
2891
}
2892

    
2893
/* .system-message and #error-handling are reST error indicators */
2894
.portalMessage,
2895
.system-message,
2896
#error-handling {
2897
    background-color: #ffce7b;
2898
    border: 1px solid #ffa500;
2899
    color: Black;
2900
    font-size: 85%;
2901
    font-weight: bold;
2902
    margin: 2em 0em 1em 0em;
2903
    padding: 0.5em 1em;
2904
    vertical-align: middle;
2905
}
2906
.portalMessage a {
2907
    color: Black;
2908
}
2909
.documentDescription {
2910
    /* The summary text describing the document */
2911
    font-weight: bold;
2912
    display: block;
2913
    margin: 0.5em 0em;
2914
}
2915
.documentByLine {
2916
    text-align: right;
2917
    font-size: 85%;
2918
    clear: both;
2919
    font-weight: normal;
2920
    color: #76797c;
2921
}
2922

    
2923
#portal-footer {
2924
    background-color: #a6c2a5;
2925
    border-top: 1px solid #555522;
2926
    border-bottom: 1px solid #555522;
2927
    float: none;
2928
    margin: 2em 0em 1em 0em;
2929
    padding: 0.5em 0em 1em 0em;
2930
    text-align: center;
2931
}
2932

    
2933
.hiddenStructure,
2934
#portal-logo,
2935
#portal-searchbox,
2936
#portal-siteactions,
2937
#portal-column-one,
2938
#portal-column-two,
2939
.addFavorite,
2940
.documentActions,
2941
#portal-colophon,
2942
.netscape4
2943
 {
2944
    display: none;
2945
}
2946

    
2947

    
2948
/*  */
2949

    
2950
}
2951

    
2952

    
2953
/* ----- deprecated.css ----- */
2954
@media screen {
2955
/* Deprecated CSS elements - do not depend on these, they will disappear in
2956
   the next version of Plone. They are here for backwards compatibility only. */
2957

    
2958
/*  (do not remove this :) */
2959
/*  (not this either :) */
2960

    
2961
/* Classes that were introduced erroneously in Plone 2.1. Will disappear in 2.5. */
2962

    
2963
.portletItemSingle {
2964
    margin: 0;
2965
    padding: 1em;
2966
    border: 1px solid #555522;
2967
    border-top: none;
2968
}
2969

    
2970
dd.portletItemLast {
2971
    margin: 0;
2972
    padding: 0.25em 1em;
2973
    border: 1px solid #555522;
2974
    border-style: none solid;
2975
}
2976

    
2977
/* Old div-based portlet syntax - this is deprecated and will be removed in plone 2.5, please use the new
2978
   definition list-based portlets above in your products. */
2979

    
2980
div.portlet {
2981
    border: none;
2982
    margin-bottom: 1em;
2983
    padding: 0;
2984
}
2985

    
2986
div.portlet a {
2987
    text-decoration: none;
2988
}
2989

    
2990
/* Compensation when rendering portlets in the content area */
2991
#region-content .portlet {
2992
    font-size: 94%;
2993
}
2994

    
2995
div.portlet h4 { /* The new base portlet header, h5 and h6 will be for use inside
2996
                 the portlet in the upcoming versions. */
2997
    background-color: #a6c2a5;
2998
    border: 1px solid #555522;
2999
    padding: 0em 0.3em 0em 1em;
3000
    text-transform: lowercase;
3001
    display: block;
3002
    font-size: 1em;
3003
    font-weight: normal;
3004
}
3005
div.portlet h5 {
3006
    background-color: #a6c2a5;
3007
    border: 1px solid #555522;
3008
    padding: 0em 1em 0em 1em;
3009
    text-transform: lowercase;
3010
    display: inline;
3011
    font-size: 1em;
3012
    font-weight: normal;
3013
    white-space: nowrap;
3014
    position: relative;
3015
    top: -1px;
3016
}
3017
div.portlet h6 {
3018
    background-color: #a6c2a5;
3019
    border: 1px solid #555522;
3020
    padding: 0em 0.3em 0em 1em;
3021
    text-transform: lowercase;
3022
    display: block;
3023
    font-size: 1em;
3024
    font-weight: normal;
3025
}
3026

    
3027
div.portletBody {
3028
    position: relative;
3029
    top: -1px;
3030
    background: transparent;
3031
    border: 1px solid #555522;
3032
}
3033
div.portletDetails {
3034
    text-align: right;
3035
}
3036

    
3037
div.portletContent {
3038
    padding: 1em;
3039
}
3040
div.portletAction {
3041
    float: right;
3042
    width: 0.8em;
3043
    text-align: center;
3044
    display: block;
3045
    text-transform: none;
3046
    border-left: 1px solid #555522;
3047
    padding-left: 0.3em;
3048
}
3049

    
3050
div.portlet h1,
3051
div.portlet h2,
3052
div.portlet h3,
3053
div.portlet h4 {
3054
    margin: 0;
3055
    padding: 0;
3056
}
3057

    
3058
div.portlet input {
3059
    font-size: 100%;
3060
}
3061

    
3062
div.portletSyndication {
3063
    display: block;
3064
    float: left; 
3065
    border: 1px solid #8cacbb; 
3066
    background-color: #dee7ec;
3067
    font-size: 85%;
3068
}
3069

    
3070
a.portletMore {
3071
    display: block;
3072
    text-align: right;
3073
}
3074

    
3075
div.portletFooter {
3076
    padding: 0.5em 1em 1em 1em;
3077
}
3078

    
3079
/* Old navigation tree styling */
3080

    
3081
.navIcon,
3082
.navIconRoot {
3083
    position: relative;
3084
    right: 20px;
3085
}
3086

    
3087
.navItemText {
3088
    margin-left: -20px;
3089
}
3090

    
3091
.navRootItem,
3092
.navItem {
3093
    margin: 0 0 0.2em 0;
3094
    border: 1px solid #ffffff;
3095
    display: block;
3096
    background-repeat: no-repeat;
3097
    background-position: 0 1px;
3098
    padding: 0.1em 0.25em 0.2em 20px;
3099
    margin: 1px 0;
3100
}
3101

    
3102
.currentNavItem {
3103
    background-color: #a6c2a5;
3104
    color: #666633;
3105
    border: 1px solid #555522;
3106
}
3107

    
3108
.portletNavigationTreeItem {
3109
    margin: 0;
3110
}
3111

    
3112
.portletNavigationTreeItem a {
3113
    display: block;
3114
    text-decoration: none;
3115
    padding: 0.5em 0 0.5em 1.75em;
3116
    background-repeat: no-repeat;
3117
    background-position: 0 3px;
3118
    border: 1px solid #ffffff;
3119
}
3120

    
3121
.portletNavigationTreeItem a:hover,
3122
.currentNavItem {
3123
    background-color: #a6c2a5;
3124
    color: #666633;
3125
    border: 1px solid #555522 !important;
3126
}
3127

    
3128
/* The new navtree level structure. */
3129

    
3130
.portletNavigationLevel0 {
3131
    margin: 0;
3132
}
3133

    
3134

    
3135
/* The old navtree levels. */
3136

    
3137
.navLevel1 { margin-left: 0em; }
3138
.navLevel2 { margin-left: 1em; }
3139
.navLevel3 { margin-left: 2em; }
3140
.navLevel4 { margin-left: 3em; }
3141
.navLevel5 { margin-left: 4em; }
3142
.navLevel6 { margin-left: 4.5em; }
3143
.navLevel7 { margin-left: 5em;   }
3144
.navLevel8 { margin-left: 5.5em; }
3145

    
3146

    
3147
/*  */
3148

    
3149
}
3150

    
3151

    
3152
/* ----- generated.css ----- */
3153
@media screen {
3154
/*
3155
** Plone style sheet - styles for programmatically generated elements
3156
**
3157
** Style sheet documentation can be found at http://plone.org/documentation
3158
**
3159
** You should preferrably use ploneCustom.css to add your own CSS classes and to
3160
** customize your portal, as these are the base fundaments of Plone, and will
3161
** change and be refined in newer versions. Keeping your changes in
3162
** ploneCustom.css will make it easier to upgrade.
3163
**
3164
** Feel free to use whole or parts of this for your own designs, but give credit
3165
** where credit is due.
3166
**
3167
*/
3168

    
3169
/*  (do not remove this :) */
3170
/*  (not this either :) */
3171

    
3172
/* generated icon classes for content types should be applied to wrapper spans
3173
   instead of on the link class itself because of bugs in Internet Explorer's
3174
   rendering engine. It will flicker on hover if not.
3175
   Full explanation can be found at 
3176
   http://plone.org/documentation/how-to/flickering-background-images-internet-explorer */
3177

    
3178
      .contenttype-discussion-item,
3179
    .actionMenu .contenttype-discussion-item a:hover { 
3180
        /*background-image: url(http://www.saeon.ac.za/discussionitem_icon.gif);*/ 
3181
        background-repeat: no-repeat; 
3182
        background-position: 0% 0%;
3183
    }
3184
    /* Holly hack to prevent items from shifting to the left in IE*/
3185
    * html .contenttype-discussion-item { 
3186
        height: 1%;
3187
    }
3188
    #portal-sitemap .contenttype-discussion-item a:hover,
3189
    #portlet-navigation-tree .contenttype-discussion-item a:hover,
3190
    #portlet-navigation-tree .contenttype-discussion-item a.navTreeCurrentItem {
3191
        /*background-image: url(http://www.saeon.ac.za/discussionitem_icon.gif);*/
3192
        background-repeat: no-repeat;
3193
        background-position: 0% 3px;
3194
    }
3195
    #portal-sitemap .contenttype-discussion-item,
3196
    #portlet-navigation-tree .contenttype-discussion-item {
3197
        background-position: 0% 4px;
3198
    }
3199
    * html #portal-sitemap .contenttype-discussion-item a:hover,
3200
    * html #portlet-navigation-tree .contenttype-discussion-item a:hover,
3201
    * html #portlet-navigation-tree .contenttype-discussion-item a.navTreeCurrentItem {
3202
        position: relative;
3203
    }
3204
    .listing .contenttype-discussion-item { 
3205
        display: block; 
3206
    }
3207
        .contenttype-document,
3208
    .actionMenu .contenttype-document a:hover { 
3209
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif);*/ 
3210
        background-repeat: no-repeat; 
3211
        background-position: 0% 0%;
3212
    }
3213
    /* Holly hack to prevent items from shifting to the left in IE*/
3214
    * html .contenttype-document { 
3215
        height: 1%;
3216
    }
3217
    #portal-sitemap .contenttype-document a:hover,
3218
    #portlet-navigation-tree .contenttype-document a:hover,
3219
    #portlet-navigation-tree .contenttype-document a.navTreeCurrentItem {
3220
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif);*/
3221
        background-repeat: no-repeat;
3222
        background-position: 0% 3px;
3223
    }
3224
    #portal-sitemap .contenttype-document,
3225
    #portlet-navigation-tree .contenttype-document {
3226
        background-position: 0% 4px;
3227
    }
3228
    * html #portal-sitemap .contenttype-document a:hover,
3229
    * html #portlet-navigation-tree .contenttype-document a:hover,
3230
    * html #portlet-navigation-tree .contenttype-document a.navTreeCurrentItem {
3231
        position: relative;
3232
    }
3233
    .listing .contenttype-document { 
3234
        display: block; 
3235
    }
3236
        .contenttype-easyblog,
3237
    .actionMenu .contenttype-easyblog a:hover { 
3238
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/ 
3239
        background-repeat: no-repeat; 
3240
        background-position: 0% 0%;
3241
    }
3242
    /* Holly hack to prevent items from shifting to the left in IE*/
3243
    * html .contenttype-easyblog { 
3244
        height: 1%;
3245
    }
3246
    #portal-sitemap .contenttype-easyblog a:hover,
3247
    #portlet-navigation-tree .contenttype-easyblog a:hover,
3248
    #portlet-navigation-tree .contenttype-easyblog a.navTreeCurrentItem {
3249
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/
3250
        background-repeat: no-repeat;
3251
        background-position: 0% 3px;
3252
    }
3253
    #portal-sitemap .contenttype-easyblog,
3254
    #portlet-navigation-tree .contenttype-easyblog {
3255
        background-position: 0% 4px;
3256
    }
3257
    * html #portal-sitemap .contenttype-easyblog a:hover,
3258
    * html #portlet-navigation-tree .contenttype-easyblog a:hover,
3259
    * html #portlet-navigation-tree .contenttype-easyblog a.navTreeCurrentItem {
3260
        position: relative;
3261
    }
3262
    .listing .contenttype-easyblog { 
3263
        display: block; 
3264
    }
3265
        .contenttype-easyblogarchive,
3266
    .actionMenu .contenttype-easyblogarchive a:hover { 
3267
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/ 
3268
        background-repeat: no-repeat; 
3269
        background-position: 0% 0%;
3270
    }
3271
    /* Holly hack to prevent items from shifting to the left in IE*/
3272
    * html .contenttype-easyblogarchive { 
3273
        height: 1%;
3274
    }
3275
    #portal-sitemap .contenttype-easyblogarchive a:hover,
3276
    #portlet-navigation-tree .contenttype-easyblogarchive a:hover,
3277
    #portlet-navigation-tree .contenttype-easyblogarchive a.navTreeCurrentItem {
3278
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/
3279
        background-repeat: no-repeat;
3280
        background-position: 0% 3px;
3281
    }
3282
    #portal-sitemap .contenttype-easyblogarchive,
3283
    #portlet-navigation-tree .contenttype-easyblogarchive {
3284
        background-position: 0% 4px;
3285
    }
3286
    * html #portal-sitemap .contenttype-easyblogarchive a:hover,
3287
    * html #portlet-navigation-tree .contenttype-easyblogarchive a:hover,
3288
    * html #portlet-navigation-tree .contenttype-easyblogarchive a.navTreeCurrentItem {
3289
        position: relative;
3290
    }
3291
    .listing .contenttype-easyblogarchive { 
3292
        display: block; 
3293
    }
3294
        .contenttype-easyblogarchivefolder,
3295
    .actionMenu .contenttype-easyblogarchivefolder a:hover { 
3296
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/ 
3297
        background-repeat: no-repeat; 
3298
        background-position: 0% 0%;
3299
    }
3300
    /* Holly hack to prevent items from shifting to the left in IE*/
3301
    * html .contenttype-easyblogarchivefolder { 
3302
        height: 1%;
3303
    }
3304
    #portal-sitemap .contenttype-easyblogarchivefolder a:hover,
3305
    #portlet-navigation-tree .contenttype-easyblogarchivefolder a:hover,
3306
    #portlet-navigation-tree .contenttype-easyblogarchivefolder a.navTreeCurrentItem {
3307
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/
3308
        background-repeat: no-repeat;
3309
        background-position: 0% 3px;
3310
    }
3311
    #portal-sitemap .contenttype-easyblogarchivefolder,
3312
    #portlet-navigation-tree .contenttype-easyblogarchivefolder {
3313
        background-position: 0% 4px;
3314
    }
3315
    * html #portal-sitemap .contenttype-easyblogarchivefolder a:hover,
3316
    * html #portlet-navigation-tree .contenttype-easyblogarchivefolder a:hover,
3317
    * html #portlet-navigation-tree .contenttype-easyblogarchivefolder a.navTreeCurrentItem {
3318
        position: relative;
3319
    }
3320
    .listing .contenttype-easyblogarchivefolder { 
3321
        display: block; 
3322
    }
3323
        .contenttype-easyblogcategories,
3324
    .actionMenu .contenttype-easyblogcategories a:hover { 
3325
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/ 
3326
        background-repeat: no-repeat; 
3327
        background-position: 0% 0%;
3328
    }
3329
    /* Holly hack to prevent items from shifting to the left in IE*/
3330
    * html .contenttype-easyblogcategories { 
3331
        height: 1%;
3332
    }
3333
    #portal-sitemap .contenttype-easyblogcategories a:hover,
3334
    #portlet-navigation-tree .contenttype-easyblogcategories a:hover,
3335
    #portlet-navigation-tree .contenttype-easyblogcategories a.navTreeCurrentItem {
3336
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/
3337
        background-repeat: no-repeat;
3338
        background-position: 0% 3px;
3339
    }
3340
    #portal-sitemap .contenttype-easyblogcategories,
3341
    #portlet-navigation-tree .contenttype-easyblogcategories {
3342
        background-position: 0% 4px;
3343
    }
3344
    * html #portal-sitemap .contenttype-easyblogcategories a:hover,
3345
    * html #portlet-navigation-tree .contenttype-easyblogcategories a:hover,
3346
    * html #portlet-navigation-tree .contenttype-easyblogcategories a.navTreeCurrentItem {
3347
        position: relative;
3348
    }
3349
    .listing .contenttype-easyblogcategories { 
3350
        display: block; 
3351
    }
3352
        .contenttype-easyblogcategory,
3353
    .actionMenu .contenttype-easyblogcategory a:hover { 
3354
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif); */
3355
        background-repeat: no-repeat; 
3356
        background-position: 0% 0%;
3357
    }
3358
    /* Holly hack to prevent items from shifting to the left in IE*/
3359
    * html .contenttype-easyblogcategory { 
3360
        height: 1%;
3361
    }
3362
    #portal-sitemap .contenttype-easyblogcategory a:hover,
3363
    #portlet-navigation-tree .contenttype-easyblogcategory a:hover,
3364
    #portlet-navigation-tree .contenttype-easyblogcategory a.navTreeCurrentItem {
3365
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif);*/
3366
        background-repeat: no-repeat;
3367
        background-position: 0% 3px;
3368
    }
3369
    #portal-sitemap .contenttype-easyblogcategory,
3370
    #portlet-navigation-tree .contenttype-easyblogcategory {
3371
        background-position: 0% 4px;
3372
    }
3373
    * html #portal-sitemap .contenttype-easyblogcategory a:hover,
3374
    * html #portlet-navigation-tree .contenttype-easyblogcategory a:hover,
3375
    * html #portlet-navigation-tree .contenttype-easyblogcategory a.navTreeCurrentItem {
3376
        position: relative;
3377
    }
3378
    .listing .contenttype-easyblogcategory { 
3379
        display: block; 
3380
    }
3381
        .contenttype-easyblogcomment,
3382
    .actionMenu .contenttype-easyblogcomment a:hover { 
3383
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif);*/ 
3384
        background-repeat: no-repeat; 
3385
        background-position: 0% 0%;
3386
    }
3387
    /* Holly hack to prevent items from shifting to the left in IE*/
3388
    * html .contenttype-easyblogcomment { 
3389
        height: 1%;
3390
    }
3391
    #portal-sitemap .contenttype-easyblogcomment a:hover,
3392
    #portlet-navigation-tree .contenttype-easyblogcomment a:hover,
3393
    #portlet-navigation-tree .contenttype-easyblogcomment a.navTreeCurrentItem {
3394
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif);*/
3395
        background-repeat: no-repeat;
3396
        background-position: 0% 3px;
3397
    }
3398
    #portal-sitemap .contenttype-easyblogcomment,
3399
    #portlet-navigation-tree .contenttype-easyblogcomment {
3400
        background-position: 0% 4px;
3401
    }
3402
    * html #portal-sitemap .contenttype-easyblogcomment a:hover,
3403
    * html #portlet-navigation-tree .contenttype-easyblogcomment a:hover,
3404
    * html #portlet-navigation-tree .contenttype-easyblogcomment a.navTreeCurrentItem {
3405
        position: relative;
3406
    }
3407
    .listing .contenttype-easyblogcomment { 
3408
        display: block; 
3409
    }
3410
        .contenttype-easyblogcomments,
3411
    .actionMenu .contenttype-easyblogcomments a:hover { 
3412
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif); */ 
3413
        background-repeat: no-repeat; 
3414
        background-position: 0% 0%;
3415
    }
3416
    /* Holly hack to prevent items from shifting to the left in IE*/
3417
    * html .contenttype-easyblogcomments { 
3418
        height: 1%;
3419
    }
3420
    #portal-sitemap .contenttype-easyblogcomments a:hover,
3421
    #portlet-navigation-tree .contenttype-easyblogcomments a:hover,
3422
    #portlet-navigation-tree .contenttype-easyblogcomments a.navTreeCurrentItem {
3423
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif); */
3424
        background-repeat: no-repeat;
3425
        background-position: 0% 3px;
3426
    }
3427
    #portal-sitemap .contenttype-easyblogcomments,
3428
    #portlet-navigation-tree .contenttype-easyblogcomments {
3429
        background-position: 0% 4px;
3430
    }
3431
    * html #portal-sitemap .contenttype-easyblogcomments a:hover,
3432
    * html #portlet-navigation-tree .contenttype-easyblogcomments a:hover,
3433
    * html #portlet-navigation-tree .contenttype-easyblogcomments a.navTreeCurrentItem {
3434
        position: relative;
3435
    }
3436
    .listing .contenttype-easyblogcomments { 
3437
        display: block; 
3438
    }
3439
        .contenttype-easyblogdrafts,
3440
    .actionMenu .contenttype-easyblogdrafts a:hover { 
3441
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif); */ 
3442
        background-repeat: no-repeat; 
3443
        background-position: 0% 0%;
3444
    }
3445
    /* Holly hack to prevent items from shifting to the left in IE*/
3446
    * html .contenttype-easyblogdrafts { 
3447
        height: 1%;
3448
    }
3449
    #portal-sitemap .contenttype-easyblogdrafts a:hover,
3450
    #portlet-navigation-tree .contenttype-easyblogdrafts a:hover,
3451
    #portlet-navigation-tree .contenttype-easyblogdrafts a.navTreeCurrentItem {
3452
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif); */
3453
        background-repeat: no-repeat;
3454
        background-position: 0% 3px;
3455
    }
3456
    #portal-sitemap .contenttype-easyblogdrafts,
3457
    #portlet-navigation-tree .contenttype-easyblogdrafts {
3458
        background-position: 0% 4px;
3459
    }
3460
    * html #portal-sitemap .contenttype-easyblogdrafts a:hover,
3461
    * html #portlet-navigation-tree .contenttype-easyblogdrafts a:hover,
3462
    * html #portlet-navigation-tree .contenttype-easyblogdrafts a.navTreeCurrentItem {
3463
        position: relative;
3464
    }
3465
    .listing .contenttype-easyblogdrafts { 
3466
        display: block; 
3467
    }
3468
        .contenttype-easyblogentry,
3469
    .actionMenu .contenttype-easyblogentry a:hover { 
3470
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif); */ 
3471
        background-repeat: no-repeat; 
3472
        background-position: 0% 0%;
3473
    }
3474
    /* Holly hack to prevent items from shifting to the left in IE*/
3475
    * html .contenttype-easyblogentry { 
3476
        height: 1%;
3477
    }
3478
    #portal-sitemap .contenttype-easyblogentry a:hover,
3479
    #portlet-navigation-tree .contenttype-easyblogentry a:hover,
3480
    #portlet-navigation-tree .contenttype-easyblogentry a.navTreeCurrentItem {
3481
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif); */
3482
        background-repeat: no-repeat;
3483
        background-position: 0% 3px;
3484
    }
3485
    #portal-sitemap .contenttype-easyblogentry,
3486
    #portlet-navigation-tree .contenttype-easyblogentry {
3487
        background-position: 0% 4px;
3488
    }
3489
    * html #portal-sitemap .contenttype-easyblogentry a:hover,
3490
    * html #portlet-navigation-tree .contenttype-easyblogentry a:hover,
3491
    * html #portlet-navigation-tree .contenttype-easyblogentry a.navTreeCurrentItem {
3492
        position: relative;
3493
    }
3494
    .listing .contenttype-easyblogentry { 
3495
        display: block; 
3496
    }
3497
        .contenttype-easyblogtrackback,
3498
    .actionMenu .contenttype-easyblogtrackback a:hover { 
3499
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif); */ 
3500
        background-repeat: no-repeat; 
3501
        background-position: 0% 0%;
3502
    }
3503
    /* Holly hack to prevent items from shifting to the left in IE*/
3504
    * html .contenttype-easyblogtrackback { 
3505
        height: 1%;
3506
    }
3507
    #portal-sitemap .contenttype-easyblogtrackback a:hover,
3508
    #portlet-navigation-tree .contenttype-easyblogtrackback a:hover,
3509
    #portlet-navigation-tree .contenttype-easyblogtrackback a.navTreeCurrentItem {
3510
        /*background-image: url(http://www.saeon.ac.za/document_icon.gif); */
3511
        background-repeat: no-repeat;
3512
        background-position: 0% 3px;
3513
    }
3514
    #portal-sitemap .contenttype-easyblogtrackback,
3515
    #portlet-navigation-tree .contenttype-easyblogtrackback {
3516
        background-position: 0% 4px;
3517
    }
3518
    * html #portal-sitemap .contenttype-easyblogtrackback a:hover,
3519
    * html #portlet-navigation-tree .contenttype-easyblogtrackback a:hover,
3520
    * html #portlet-navigation-tree .contenttype-easyblogtrackback a.navTreeCurrentItem {
3521
        position: relative;
3522
    }
3523
    .listing .contenttype-easyblogtrackback { 
3524
        display: block; 
3525
    }
3526
        .contenttype-easyblogtrackbacks,
3527
    .actionMenu .contenttype-easyblogtrackbacks a:hover { 
3528
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif); */ 
3529
        background-repeat: no-repeat; 
3530
        background-position: 0% 0%;
3531
    }
3532
    /* Holly hack to prevent items from shifting to the left in IE*/
3533
    * html .contenttype-easyblogtrackbacks { 
3534
        height: 1%;
3535
    }
3536
    #portal-sitemap .contenttype-easyblogtrackbacks a:hover,
3537
    #portlet-navigation-tree .contenttype-easyblogtrackbacks a:hover,
3538
    #portlet-navigation-tree .contenttype-easyblogtrackbacks a.navTreeCurrentItem {
3539
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif); */
3540
        background-repeat: no-repeat;
3541
        background-position: 0% 3px;
3542
    }
3543
    #portal-sitemap .contenttype-easyblogtrackbacks,
3544
    #portlet-navigation-tree .contenttype-easyblogtrackbacks {
3545
        background-position: 0% 4px;
3546
    }
3547
    * html #portal-sitemap .contenttype-easyblogtrackbacks a:hover,
3548
    * html #portlet-navigation-tree .contenttype-easyblogtrackbacks a:hover,
3549
    * html #portlet-navigation-tree .contenttype-easyblogtrackbacks a.navTreeCurrentItem {
3550
        position: relative;
3551
    }
3552
    .listing .contenttype-easyblogtrackbacks { 
3553
        display: block; 
3554
    }
3555
        .contenttype-event,
3556
    .actionMenu .contenttype-event a:hover { 
3557
        /*background-image: url(http://www.saeon.ac.za/event_icon.gif); */ 
3558
        background-repeat: no-repeat; 
3559
        background-position: 0% 0%;
3560
    }
3561
    /* Holly hack to prevent items from shifting to the left in IE*/
3562
    * html .contenttype-event { 
3563
        height: 1%;
3564
    }
3565
    #portal-sitemap .contenttype-event a:hover,
3566
    #portlet-navigation-tree .contenttype-event a:hover,
3567
    #portlet-navigation-tree .contenttype-event a.navTreeCurrentItem {
3568
        /*background-image: url(http://www.saeon.ac.za/event_icon.gif); */
3569
        background-repeat: no-repeat;
3570
        background-position: 0% 3px;
3571
    }
3572
    #portal-sitemap .contenttype-event,
3573
    #portlet-navigation-tree .contenttype-event {
3574
        background-position: 0% 4px;
3575
    }
3576
    * html #portal-sitemap .contenttype-event a:hover,
3577
    * html #portlet-navigation-tree .contenttype-event a:hover,
3578
    * html #portlet-navigation-tree .contenttype-event a.navTreeCurrentItem {
3579
        position: relative;
3580
    }
3581
    .listing .contenttype-event { 
3582
        display: block; 
3583
    }
3584
        .contenttype-favorite,
3585
    .actionMenu .contenttype-favorite a:hover { 
3586
        /*background-image: url(http://www.saeon.ac.za/favorite_icon.gif); */ 
3587
        background-repeat: no-repeat; 
3588
        background-position: 0% 0%;
3589
    }
3590
    /* Holly hack to prevent items from shifting to the left in IE*/
3591
    * html .contenttype-favorite { 
3592
        height: 1%;
3593
    }
3594
    #portal-sitemap .contenttype-favorite a:hover,
3595
    #portlet-navigation-tree .contenttype-favorite a:hover,
3596
    #portlet-navigation-tree .contenttype-favorite a.navTreeCurrentItem {
3597
        /*background-image: url(http://www.saeon.ac.za/favorite_icon.gif); */
3598
        background-repeat: no-repeat;
3599
        background-position: 0% 3px;
3600
    }
3601
    #portal-sitemap .contenttype-favorite,
3602
    #portlet-navigation-tree .contenttype-favorite {
3603
        background-position: 0% 4px;
3604
    }
3605
    * html #portal-sitemap .contenttype-favorite a:hover,
3606
    * html #portlet-navigation-tree .contenttype-favorite a:hover,
3607
    * html #portlet-navigation-tree .contenttype-favorite a.navTreeCurrentItem {
3608
        position: relative;
3609
    }
3610
    .listing .contenttype-favorite { 
3611
        display: block; 
3612
    }
3613
        .contenttype-file,
3614
    .actionMenu .contenttype-file a:hover { 
3615
        /*background-image: url(http://www.saeon.ac.za/file_icon.gif); */ 
3616
        background-repeat: no-repeat; 
3617
        background-position: 0% 0%;
3618
    }
3619
    /* Holly hack to prevent items from shifting to the left in IE*/
3620
    * html .contenttype-file { 
3621
        height: 1%;
3622
    }
3623
    #portal-sitemap .contenttype-file a:hover,
3624
    #portlet-navigation-tree .contenttype-file a:hover,
3625
    #portlet-navigation-tree .contenttype-file a.navTreeCurrentItem {
3626
        /*background-image: url(http://www.saeon.ac.za/file_icon.gif);*/
3627
        background-repeat: no-repeat;
3628
        background-position: 0% 3px;
3629
    }
3630
    #portal-sitemap .contenttype-file,
3631
    #portlet-navigation-tree .contenttype-file {
3632
        background-position: 0% 4px;
3633
    }
3634
    * html #portal-sitemap .contenttype-file a:hover,
3635
    * html #portlet-navigation-tree .contenttype-file a:hover,
3636
    * html #portlet-navigation-tree .contenttype-file a.navTreeCurrentItem {
3637
        position: relative;
3638
    }
3639
    .listing .contenttype-file { 
3640
        display: block; 
3641
    }
3642
        .contenttype-folder,
3643
    .actionMenu .contenttype-folder a:hover { 
3644
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif); */
3645
        background-repeat: no-repeat; 
3646
        background-position: 0% 0%;
3647
    }
3648
    /* Holly hack to prevent items from shifting to the left in IE*/
3649
    * html .contenttype-folder { 
3650
        height: 1%;
3651
    }
3652
    #portal-sitemap .contenttype-folder a:hover,
3653
    #portlet-navigation-tree .contenttype-folder a:hover,
3654
    #portlet-navigation-tree .contenttype-folder a.navTreeCurrentItem {
3655
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/
3656
        background-repeat: no-repeat;
3657
        background-position: 0% 3px;
3658
    }
3659
    #portal-sitemap .contenttype-folder,
3660
    #portlet-navigation-tree .contenttype-folder {
3661
        background-position: 0% 4px;
3662
    }
3663
    * html #portal-sitemap .contenttype-folder a:hover,
3664
    * html #portlet-navigation-tree .contenttype-folder a:hover,
3665
    * html #portlet-navigation-tree .contenttype-folder a.navTreeCurrentItem {
3666
        position: relative;
3667
    }
3668
    .listing .contenttype-folder { 
3669
        display: block; 
3670
    }
3671
        .contenttype-image,
3672
    .actionMenu .contenttype-image a:hover { 
3673
        /*background-image: url(http://www.saeon.ac.za/image_icon.gif); */
3674
        background-repeat: no-repeat; 
3675
        background-position: 0% 0%;
3676
    }
3677
    /* Holly hack to prevent items from shifting to the left in IE*/
3678
    * html .contenttype-image { 
3679
        height: 1%;
3680
    }
3681
    #portal-sitemap .contenttype-image a:hover,
3682
    #portlet-navigation-tree .contenttype-image a:hover,
3683
    #portlet-navigation-tree .contenttype-image a.navTreeCurrentItem {
3684
        /*background-image: url(http://www.saeon.ac.za/image_icon.gif);*/
3685
        background-repeat: no-repeat;
3686
        background-position: 0% 3px;
3687
    }
3688
    #portal-sitemap .contenttype-image,
3689
    #portlet-navigation-tree .contenttype-image {
3690
        background-position: 0% 4px;
3691
    }
3692
    * html #portal-sitemap .contenttype-image a:hover,
3693
    * html #portlet-navigation-tree .contenttype-image a:hover,
3694
    * html #portlet-navigation-tree .contenttype-image a.navTreeCurrentItem {
3695
        position: relative;
3696
    }
3697
    .listing .contenttype-image { 
3698
        display: block; 
3699
    }
3700
        .contenttype-large-plone-folder,
3701
    .actionMenu .contenttype-large-plone-folder a:hover { 
3702
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif); */
3703
        background-repeat: no-repeat; 
3704
        background-position: 0% 0%;
3705
    }
3706
    /* Holly hack to prevent items from shifting to the left in IE*/
3707
    * html .contenttype-large-plone-folder { 
3708
        height: 1%;
3709
    }
3710
    #portal-sitemap .contenttype-large-plone-folder a:hover,
3711
    #portlet-navigation-tree .contenttype-large-plone-folder a:hover,
3712
    #portlet-navigation-tree .contenttype-large-plone-folder a.navTreeCurrentItem {
3713
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/
3714
        background-repeat: no-repeat;
3715
        background-position: 0% 3px;
3716
    }
3717
    #portal-sitemap .contenttype-large-plone-folder,
3718
    #portlet-navigation-tree .contenttype-large-plone-folder {
3719
        background-position: 0% 4px;
3720
    }
3721
    * html #portal-sitemap .contenttype-large-plone-folder a:hover,
3722
    * html #portlet-navigation-tree .contenttype-large-plone-folder a:hover,
3723
    * html #portlet-navigation-tree .contenttype-large-plone-folder a.navTreeCurrentItem {
3724
        position: relative;
3725
    }
3726
    .listing .contenttype-large-plone-folder { 
3727
        display: block; 
3728
    }
3729
        .contenttype-link,
3730
    .actionMenu .contenttype-link a:hover { 
3731
        /*background-image: url(http://www.saeon.ac.za/link_icon.gif); */
3732
        background-repeat: no-repeat; 
3733
        background-position: 0% 0%;
3734
    }
3735
    /* Holly hack to prevent items from shifting to the left in IE*/
3736
    * html .contenttype-link { 
3737
        height: 1%;
3738
    }
3739
    #portal-sitemap .contenttype-link a:hover,
3740
    #portlet-navigation-tree .contenttype-link a:hover,
3741
    #portlet-navigation-tree .contenttype-link a.navTreeCurrentItem {
3742
        /*background-image: url(http://www.saeon.ac.za/link_icon.gif);*/
3743
        background-repeat: no-repeat;
3744
        background-position: 0% 3px;
3745
    }
3746
    #portal-sitemap .contenttype-link,
3747
    #portlet-navigation-tree .contenttype-link {
3748
        background-position: 0% 4px;
3749
    }
3750
    * html #portal-sitemap .contenttype-link a:hover,
3751
    * html #portlet-navigation-tree .contenttype-link a:hover,
3752
    * html #portlet-navigation-tree .contenttype-link a.navTreeCurrentItem {
3753
        position: relative;
3754
    }
3755
    .listing .contenttype-link { 
3756
        display: block; 
3757
    }
3758
        .contenttype-news-item,
3759
    .actionMenu .contenttype-news-item a:hover { 
3760
        /*background-image: url(http://www.saeon.ac.za/newsitem_icon.gif); */
3761
        background-repeat: no-repeat; 
3762
        background-position: 0% 0%;
3763
    }
3764
    /* Holly hack to prevent items from shifting to the left in IE*/
3765
    * html .contenttype-news-item { 
3766
        height: 1%;
3767
    }
3768
    #portal-sitemap .contenttype-news-item a:hover,
3769
    #portlet-navigation-tree .contenttype-news-item a:hover,
3770
    #portlet-navigation-tree .contenttype-news-item a.navTreeCurrentItem {
3771
        /*background-image: url(http://www.saeon.ac.za/newsitem_icon.gif);*/
3772
        background-repeat: no-repeat;
3773
        background-position: 0% 3px;
3774
    }
3775
    #portal-sitemap .contenttype-news-item,
3776
    #portlet-navigation-tree .contenttype-news-item {
3777
        background-position: 0% 4px;
3778
    }
3779
    * html #portal-sitemap .contenttype-news-item a:hover,
3780
    * html #portlet-navigation-tree .contenttype-news-item a:hover,
3781
    * html #portlet-navigation-tree .contenttype-news-item a.navTreeCurrentItem {
3782
        position: relative;
3783
    }
3784
    .listing .contenttype-news-item { 
3785
        display: block; 
3786
    }
3787
        .contenttype-newsletter,
3788
    .actionMenu .contenttype-newsletter a:hover { 
3789
        /*background-image: url(http://www.saeon.ac.za/Newsletter.gif); */
3790
        background-repeat: no-repeat; 
3791
        background-position: 0% 0%;
3792
    }
3793
    /* Holly hack to prevent items from shifting to the left in IE*/
3794
    * html .contenttype-newsletter { 
3795
        height: 1%;
3796
    }
3797
    #portal-sitemap .contenttype-newsletter a:hover,
3798
    #portlet-navigation-tree .contenttype-newsletter a:hover,
3799
    #portlet-navigation-tree .contenttype-newsletter a.navTreeCurrentItem {
3800
        /*background-image: url(http://www.saeon.ac.za/Newsletter.gif);*/
3801
        background-repeat: no-repeat;
3802
        background-position: 0% 3px;
3803
    }
3804
    #portal-sitemap .contenttype-newsletter,
3805
    #portlet-navigation-tree .contenttype-newsletter {
3806
        background-position: 0% 4px;
3807
    }
3808
    * html #portal-sitemap .contenttype-newsletter a:hover,
3809
    * html #portlet-navigation-tree .contenttype-newsletter a:hover,
3810
    * html #portlet-navigation-tree .contenttype-newsletter a.navTreeCurrentItem {
3811
        position: relative;
3812
    }
3813
    .listing .contenttype-newsletter { 
3814
        display: block; 
3815
    }
3816
        .contenttype-newsletterbtree,
3817
    .actionMenu .contenttype-newsletterbtree a:hover { 
3818
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif); */
3819
        background-repeat: no-repeat; 
3820
        background-position: 0% 0%;
3821
    }
3822
    /* Holly hack to prevent items from shifting to the left in IE*/
3823
    * html .contenttype-newsletterbtree { 
3824
        height: 1%;
3825
    }
3826
    #portal-sitemap .contenttype-newsletterbtree a:hover,
3827
    #portlet-navigation-tree .contenttype-newsletterbtree a:hover,
3828
    #portlet-navigation-tree .contenttype-newsletterbtree a.navTreeCurrentItem {
3829
        /*background-image: url(http://www.saeon.ac.za/folder_icon.gif);*/
3830
        background-repeat: no-repeat;
3831
        background-position: 0% 3px;
3832
    }
3833
    #portal-sitemap .contenttype-newsletterbtree,
3834
    #portlet-navigation-tree .contenttype-newsletterbtree {
3835
        background-position: 0% 4px;
3836
    }
3837
    * html #portal-sitemap .contenttype-newsletterbtree a:hover,
3838
    * html #portlet-navigation-tree .contenttype-newsletterbtree a:hover,
3839
    * html #portlet-navigation-tree .contenttype-newsletterbtree a.navTreeCurrentItem {
3840
        position: relative;
3841
    }
3842
    .listing .contenttype-newsletterbtree { 
3843
        display: block; 
3844
    }
3845
        .contenttype-newsletterreference,
3846
    .actionMenu .contenttype-newsletterreference a:hover { 
3847
        /*background-image: url(http://www.saeon.ac.za/NewsletterReference.gif); */
3848
        background-repeat: no-repeat; 
3849
        background-position: 0% 0%;
3850
    }
3851
    /* Holly hack to prevent items from shifting to the left in IE*/
3852
    * html .contenttype-newsletterreference { 
3853
        height: 1%;
3854
    }
3855
    #portal-sitemap .contenttype-newsletterreference a:hover,
3856
    #portlet-navigation-tree .contenttype-newsletterreference a:hover,
3857
    #portlet-navigation-tree .contenttype-newsletterreference a.navTreeCurrentItem {
3858
        /*background-image: url(http://www.saeon.ac.za/NewsletterReference.gif);*/
3859
        background-repeat: no-repeat;
3860
        background-position: 0% 3px;
3861
    }
3862
    #portal-sitemap .contenttype-newsletterreference,
3863
    #portlet-navigation-tree .contenttype-newsletterreference {
3864
        background-position: 0% 4px;
3865
    }
3866
    * html #portal-sitemap .contenttype-newsletterreference a:hover,
3867
    * html #portlet-navigation-tree .contenttype-newsletterreference a:hover,
3868
    * html #portlet-navigation-tree .contenttype-newsletterreference a.navTreeCurrentItem {
3869
        position: relative;
3870
    }
3871
    .listing .contenttype-newsletterreference { 
3872
        display: block; 
3873
    }
3874
        .contenttype-newslettertheme,
3875
    .actionMenu .contenttype-newslettertheme a:hover { 
3876
        /*background-image: url(http://www.saeon.ac.za/NewsletterTheme.gif); */
3877
        background-repeat: no-repeat; 
3878
        background-position: 0% 0%;
3879
    }
3880
    /* Holly hack to prevent items from shifting to the left in IE*/
3881
    * html .contenttype-newslettertheme { 
3882
        height: 1%;
3883
    }
3884
    #portal-sitemap .contenttype-newslettertheme a:hover,
3885
    #portlet-navigation-tree .contenttype-newslettertheme a:hover,
3886
    #portlet-navigation-tree .contenttype-newslettertheme a.navTreeCurrentItem {
3887
        /*background-image: url(http://www.saeon.ac.za/NewsletterTheme.gif);*/
3888
        background-repeat: no-repeat;
3889
        background-position: 0% 3px;
3890
    }
3891
    #portal-sitemap .contenttype-newslettertheme,
3892
    #portlet-navigation-tree .contenttype-newslettertheme {
3893
        background-position: 0% 4px;
3894
    }
3895
    * html #portal-sitemap .contenttype-newslettertheme a:hover,
3896
    * html #portlet-navigation-tree .contenttype-newslettertheme a:hover,
3897
    * html #portlet-navigation-tree .contenttype-newslettertheme a.navTreeCurrentItem {
3898
        position: relative;
3899
    }
3900
    .listing .contenttype-newslettertheme { 
3901
        display: block; 
3902
    }
3903
        .contenttype-newslettertopic,
3904
    .actionMenu .contenttype-newslettertopic a:hover { 
3905
        /*background-image: url(http://www.saeon.ac.za/NewsletterTopic.gif); */
3906
        background-repeat: no-repeat; 
3907
        background-position: 0% 0%;
3908
    }
3909
    /* Holly hack to prevent items from shifting to the left in IE*/
3910
    * html .contenttype-newslettertopic { 
3911
        height: 1%;
3912
    }
3913
    #portal-sitemap .contenttype-newslettertopic a:hover,
3914
    #portlet-navigation-tree .contenttype-newslettertopic a:hover,
3915
    #portlet-navigation-tree .contenttype-newslettertopic a.navTreeCurrentItem {
3916
        /*background-image: url(http://www.saeon.ac.za/NewsletterTopic.gif);*/
3917
        background-repeat: no-repeat;
3918
        background-position: 0% 3px;
3919
    }
3920
    #portal-sitemap .contenttype-newslettertopic,
3921
    #portlet-navigation-tree .contenttype-newslettertopic {
3922
        background-position: 0% 4px;
3923
    }
3924
    * html #portal-sitemap .contenttype-newslettertopic a:hover,
3925
    * html #portlet-navigation-tree .contenttype-newslettertopic a:hover,
3926
    * html #portlet-navigation-tree .contenttype-newslettertopic a.navTreeCurrentItem {
3927
        position: relative;
3928
    }
3929
    .listing .contenttype-newslettertopic { 
3930
        display: block; 
3931
    }
3932
        .contenttype-plone-site,
3933
    .actionMenu .contenttype-plone-site a:hover { 
3934
        /*background-image: url(http://www.saeon.ac.za/site_icon.gif); */
3935
        background-repeat: no-repeat; 
3936
        background-position: 0% 0%;
3937
    }
3938
    /* Holly hack to prevent items from shifting to the left in IE*/
3939
    * html .contenttype-plone-site { 
3940
        height: 1%;
3941
    }
3942
    #portal-sitemap .contenttype-plone-site a:hover,
3943
    #portlet-navigation-tree .contenttype-plone-site a:hover,
3944
    #portlet-navigation-tree .contenttype-plone-site a.navTreeCurrentItem {
3945
        /*background-image: url(http://www.saeon.ac.za/site_icon.gif);*/
3946
        background-repeat: no-repeat;
3947
        background-position: 0% 3px;
3948
    }
3949
    #portal-sitemap .contenttype-plone-site,
3950
    #portlet-navigation-tree .contenttype-plone-site {
3951
        background-position: 0% 4px;
3952
    }
3953
    * html #portal-sitemap .contenttype-plone-site a:hover,
3954
    * html #portlet-navigation-tree .contenttype-plone-site a:hover,
3955
    * html #portlet-navigation-tree .contenttype-plone-site a.navTreeCurrentItem {
3956
        position: relative;
3957
    }
3958
    .listing .contenttype-plone-site { 
3959
        display: block; 
3960
    }
3961
        .contenttype-questionnaire,
3962
    .actionMenu .contenttype-questionnaire a:hover { 
3963
        /*background-image: url(http://www.saeon.ac.za/icon_cmfquestions_small.gif); */
3964
        background-repeat: no-repeat; 
3965
        background-position: 0% 0%;
3966
    }
3967
    /* Holly hack to prevent items from shifting to the left in IE*/
3968
    * html .contenttype-questionnaire { 
3969
        height: 1%;
3970
    }
3971
    #portal-sitemap .contenttype-questionnaire a:hover,
3972
    #portlet-navigation-tree .contenttype-questionnaire a:hover,
3973
    #portlet-navigation-tree .contenttype-questionnaire a.navTreeCurrentItem {
3974
        /*background-image: url(http://www.saeon.ac.za/icon_cmfquestions_small.gif);*/
3975
        background-repeat: no-repeat;
3976
        background-position: 0% 3px;
3977
    }
3978
    #portal-sitemap .contenttype-questionnaire,
3979
    #portlet-navigation-tree .contenttype-questionnaire {
3980
        background-position: 0% 4px;
3981
    }
3982
    * html #portal-sitemap .contenttype-questionnaire a:hover,
3983
    * html #portlet-navigation-tree .contenttype-questionnaire a:hover,
3984
    * html #portlet-navigation-tree .contenttype-questionnaire a.navTreeCurrentItem {
3985
        position: relative;
3986
    }
3987
    .listing .contenttype-questionnaire { 
3988
        display: block; 
3989
    }
3990
        .contenttype-section,
3991
    .actionMenu .contenttype-section a:hover { 
3992
        /*background-image: url(http://www.saeon.ac.za/Section.gif); */
3993
        background-repeat: no-repeat; 
3994
        background-position: 0% 0%;
3995
    }
3996
    /* Holly hack to prevent items from shifting to the left in IE*/
3997
    * html .contenttype-section { 
3998
        height: 1%;
3999
    }
4000
    #portal-sitemap .contenttype-section a:hover,
4001
    #portlet-navigation-tree .contenttype-section a:hover,
4002
    #portlet-navigation-tree .contenttype-section a.navTreeCurrentItem {
4003
        /*background-image: url(http://www.saeon.ac.za/Section.gif);*/
4004
        background-repeat: no-repeat;
4005
        background-position: 0% 3px;
4006
    }
4007
    #portal-sitemap .contenttype-section,
4008
    #portlet-navigation-tree .contenttype-section {
4009
        background-position: 0% 4px;
4010
    }
4011
    * html #portal-sitemap .contenttype-section a:hover,
4012
    * html #portlet-navigation-tree .contenttype-section a:hover,
4013
    * html #portlet-navigation-tree .contenttype-section a.navTreeCurrentItem {
4014
        position: relative;
4015
    }
4016
    .listing .contenttype-section { 
4017
        display: block; 
4018
    }
4019
        .contenttype-subscriber,
4020
    .actionMenu .contenttype-subscriber a:hover { 
4021
        /*background-image: url(http://www.saeon.ac.za/Subscriber.gif); */
4022
        background-repeat: no-repeat; 
4023
        background-position: 0% 0%;
4024
    }
4025
    /* Holly hack to prevent items from shifting to the left in IE*/
4026
    * html .contenttype-subscriber { 
4027
        height: 1%;
4028
    }
4029
    #portal-sitemap .contenttype-subscriber a:hover,
4030
    #portlet-navigation-tree .contenttype-subscriber a:hover,
4031
    #portlet-navigation-tree .contenttype-subscriber a.navTreeCurrentItem {
4032
        /*background-image: url(http://www.saeon.ac.za/Subscriber.gif);*/
4033
        background-repeat: no-repeat;
4034
        background-position: 0% 3px;
4035
    }
4036
    #portal-sitemap .contenttype-subscriber,
4037
    #portlet-navigation-tree .contenttype-subscriber {
4038
        background-position: 0% 4px;
4039
    }
4040
    * html #portal-sitemap .contenttype-subscriber a:hover,
4041
    * html #portlet-navigation-tree .contenttype-subscriber a:hover,
4042
    * html #portlet-navigation-tree .contenttype-subscriber a.navTreeCurrentItem {
4043
        position: relative;
4044
    }
4045
    .listing .contenttype-subscriber { 
4046
        display: block; 
4047
    }
4048
        .contenttype-topic,
4049
    .actionMenu .contenttype-topic a:hover { 
4050
        /*background-image: url(http://www.saeon.ac.za/topic_icon.gif); */
4051
        background-repeat: no-repeat; 
4052
        background-position: 0% 0%;
4053
    }
4054
    /* Holly hack to prevent items from shifting to the left in IE*/
4055
    * html .contenttype-topic { 
4056
        height: 1%;
4057
    }
4058
    #portal-sitemap .contenttype-topic a:hover,
4059
    #portlet-navigation-tree .contenttype-topic a:hover,
4060
    #portlet-navigation-tree .contenttype-topic a.navTreeCurrentItem {
4061
        /*background-image: url(http://www.saeon.ac.za/topic_icon.gif);*/
4062
        background-repeat: no-repeat;
4063
        background-position: 0% 3px;
4064
    }
4065
    #portal-sitemap .contenttype-topic,
4066
    #portlet-navigation-tree .contenttype-topic {
4067
        background-position: 0% 4px;
4068
    }
4069
    * html #portal-sitemap .contenttype-topic a:hover,
4070
    * html #portlet-navigation-tree .contenttype-topic a:hover,
4071
    * html #portlet-navigation-tree .contenttype-topic a.navTreeCurrentItem {
4072
        position: relative;
4073
    }
4074
    .listing .contenttype-topic { 
4075
        display: block; 
4076
    }
4077
  
4078
    .actionicon-plone-sendto { 
4079
        /*background-image: url(http://www.saeon.ac.za/mail_icon.gif) !important; */
4080
        background-repeat: no-repeat; 
4081
        background-position: 0% 50%;
4082
    }
4083
    .actionicon-plone-print { 
4084
        /*background-image: url(http://www.saeon.ac.za/print_icon.gif) !important; */
4085
        background-repeat: no-repeat; 
4086
        background-position: 0% 50%;
4087
    }
4088
    .actionicon-plone-rss { 
4089
        /*background-image: url(http://www.saeon.ac.za/rss.gif) !important; */
4090
        background-repeat: no-repeat; 
4091
        background-position: 0% 50%;
4092
    }
4093
    .actionicon-plone-extedit { 
4094
        /*background-image: url(http://www.saeon.ac.za/extedit_icon.gif) !important; */
4095
        background-repeat: no-repeat; 
4096
        background-position: 0% 50%;
4097
    }
4098
    .actionicon-plone-addtofavorites { 
4099
        /*background-image: url(http://www.saeon.ac.za/favorite_icon.gif) !important; */
4100
        background-repeat: no-repeat; 
4101
        background-position: 0% 50%;
4102
    }
4103
    .actionicon-controlpanel-QuickInstaller { 
4104
        /*background-image: url(http://www.saeon.ac.za/product_icon.gif) !important; */
4105
        background-repeat: no-repeat; 
4106
        background-position: 0% 50%;
4107
    }
4108
    .actionicon-controlpanel-PloneReconfig { 
4109
        /*background-image: url(http://www.saeon.ac.za/logoIcon.gif) !important; */
4110
        background-repeat: no-repeat; 
4111
        background-position: 0% 50%;
4112
    }
4113
    .actionicon-controlpanel-UsersGroups { 
4114
        /*background-image: url(http://www.saeon.ac.za/group.gif) !important; */
4115
        background-repeat: no-repeat; 
4116
        background-position: 0% 50%;
4117
    }
4118
    .actionicon-controlpanel-UsersGroups2 { 
4119
        /*background-image: url(http://www.saeon.ac.za/group.gif) !important; */
4120
        background-repeat: no-repeat; 
4121
        background-position: 0% 50%;
4122
    }
4123
    .actionicon-controlpanel-MemberPrefs { 
4124
        background-image: url(images/user.gif) !important; 
4125
        background-repeat: no-repeat; 
4126
        background-position: 0% 50%;
4127
    }
4128
    .actionicon-controlpanel-MemberPassword { 
4129
        /*background-image: url(http://www.saeon.ac.za/lock_icon.gif) !important; */
4130
        background-repeat: no-repeat; 
4131
        background-position: 0% 50%;
4132
    }
4133
    .actionicon-controlpanel-MailHost { 
4134
        /*background-image: url(http://www.saeon.ac.za/mail_icon.gif) !important; */
4135
        background-repeat: no-repeat; 
4136
        background-position: 0% 50%;
4137
    }
4138
    .actionicon-controlpanel-PortalSkin { 
4139
        /*background-image: url(http://www.saeon.ac.za/skins_icon.gif) !important; */
4140
        background-repeat: no-repeat; 
4141
        background-position: 0% 50%;
4142
    }
4143
    .actionicon-controlpanel-errorLog { 
4144
        /*background-image: url(http://www.saeon.ac.za/error_log_icon.gif) !important; */
4145
        background-repeat: no-repeat; 
4146
        background-position: 0% 50%;
4147
    }
4148
    .actionicon-controlpanel-ZMI { 
4149
        /*background-image: url(http://www.saeon.ac.za/zope_icon.gif) !important; */
4150
        background-repeat: no-repeat; 
4151
        background-position: 0% 50%;
4152
    }
4153
    .actionicon-controlpanel-SearchSettings { 
4154
        /*background-image: url(http://www.saeon.ac.za/search_icon.gif) !important; */
4155
        background-repeat: no-repeat; 
4156
        background-position: 0% 50%;
4157
    }
4158
    .actionicon-controlpanel-NavigationSettings { 
4159
        /*background-image: url(http://www.saeon.ac.za/navigation_icon.gif) !important; */
4160
        background-repeat: no-repeat; 
4161
        background-position: 0% 50%;
4162
    }
4163
    .actionicon-plone-full_screen { 
4164
        /*background-image: url(http://www.saeon.ac.za/fullscreenexpand_icon.gif) !important; */
4165
        background-repeat: no-repeat; 
4166
        background-position: 0% 50%;
4167
    }
4168
    .actionicon-controlpanel-kupu { 
4169
        /*background-image: url(http://www.saeon.ac.za/kupuimages/kupu_icon.gif) !important; */
4170
        background-repeat: no-repeat; 
4171
        background-position: 0% 50%;
4172
    }
4173
    .actionicon-controlpanel-portal_atct { 
4174
        /*background-image: url(http://www.saeon.ac.za/topic_icon.gif) !important; */
4175
        background-repeat: no-repeat; 
4176
        background-position: 0% 50%;
4177
    }
4178
    .actionicon-plone-ics { 
4179
        /*background-image: url(http://www.saeon.ac.za/icon_export_ical.png) !important; */
4180
        background-repeat: no-repeat; 
4181
        background-position: 0% 50%;
4182
    }
4183
    .actionicon-plone-vcs { 
4184
        /*background-image: url(http://www.saeon.ac.za/icon_export_vcal.png) !important; */
4185
        background-repeat: no-repeat; 
4186
        background-position: 0% 50%;
4187
    }
4188
    .actionicon-plone-rotate_clockwise { 
4189
        /*background-image: url(http://www.saeon.ac.za/icon_rotate_clockwise.png) !important; */
4190
        background-repeat: no-repeat; 
4191
        background-position: 0% 50%;
4192
    }
4193
    .actionicon-plone-rotate_counter_clockwise { 
4194
        /*background-image: url(http://www.saeon.ac.za/icon_rotate_counter_clockwise.png) !important; */
4195
        background-repeat: no-repeat; 
4196
        background-position: 0% 50%;
4197
    }
4198
    .actionicon-plone-rotate_180 { 
4199
        /*background-image: url(http://www.saeon.ac.za/icon_rotate_180.png) !important; */
4200
        background-repeat: no-repeat; 
4201
        background-position: 0% 50%;
4202
    }
4203
    .actionicon-plone-flip_horizontal { 
4204
        /*background-image: url(http://www.saeon.ac.za/icon_flip_horizontal.png) !important; */
4205
        background-repeat: no-repeat; 
4206
        background-position: 0% 50%;
4207
    }
4208
    .actionicon-plone-flip_vertical { 
4209
        /*background-image: url(http://www.saeon.ac.za/icon_flip_vertical.png) !important;*/ 
4210
        background-repeat: no-repeat; 
4211
        background-position: 0% 50%;
4212
    }
4213

    
4214
/* Extra padding class for the generated icons - we have to do it
4215
   this way because of the IE flicker bug on hovering. */
4216

    
4217
.visualIconPadding {
4218
    padding-left: 18px;
4219
    margin-left: -1px;
4220
    margin-bottom: 1px;
4221
    min-height: 1.6em;
4222
    height: auto;
4223
    line-height: 1.6em;
4224
}
4225

    
4226
/* And another IE workaround */
4227

    
4228
* html .visualIconPadding {
4229
    height: 1.6em;
4230
}
4231

    
4232
.visualIconReplace {
4233
    background: transparent;
4234
    display: block !important;
4235
    border: 0;
4236
    margin: 0;
4237
    padding: 0 0 0 18px !important;
4238
    overflow: hidden;
4239
    width: 0px !important;
4240
    width /**/: 18px;
4241
}
4242

    
4243
/*  */
4244

    
4245
}
4246

    
(11-11/20)