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: #999933 ! important;
92
}
93

    
94
h3 a {
95
    color: #999933 ! 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
#content {
708
    padding: 1em 1em 0 1em !important;
709
    margin: 0em 0em 2em 0em;
710
}
711

    
712
#content-news h1 {
713
    margin-bottom: 1em;
714
}
715

    
716
/* Only h5/h6 headlines in the content area should have the discreet color */
717

    
718
#content h5,
719
#content h6 {
720
    color: #76797c;
721
}
722

    
723
.newsItem {
724
    margin-bottom: 1em;
725
    border-bottom: 1px solid #555522;
726
}
727

    
728
.newsImage {
729
    border: 1px solid black;
730
}
731

    
732
.newsImageContainer {
733
    float:right;
734
    margin: 0 0 0.5em 1em;
735
    width: 202px;
736
}
737

    
738
.newsContent {
739
    padding: 0 1em 1em 1em;
740
}
741

    
742
.newsContent ul,
743
.newsContent li {
744
    display: block;
745
    list-style: none;
746
    list-style-image: none;
747
    margin: 0;
748
    padding: 0;
749
}
750

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

    
763
.newsAbout li {
764
    display: inline;
765
}
766

    
767
.newsFooter {
768

    
769
}
770

    
771
.newsFooter li {
772
    display: inline;
773
    margin: 0 1em 0 0;
774
}
775

    
776
.documentActions {
777
    float: right;
778
    margin: 0.4em 0 0 0.5em;
779
    padding: 0;
780
    text-align: right;
781
}
782

    
783
.documentActions ul {
784
    margin: 1px 0 2px 0;
785
    padding: 0;
786
    display: block;
787
}
788

    
789
.documentActions li {
790
    display: inline;
791
    list-style: none;
792
    list-style-image: none;
793
    margin: 0;
794
    padding: 0;
795
}
796

    
797
.documentActions a {
798
    border: none !important;
799
    text-decoration: none;
800
}
801

    
802
/* .system-message and #error-handling are reST error indicators */
803

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

    
820
.portalMessage a {
821
    color: Black;
822
}
823

    
824
.documentDescription {
825
    /* The summary text describing the document */
826
    font-weight: bold;
827
    display: block;
828
    margin: 0em 0em 0.5em 0em;
829
    line-height: 1.5em;
830
}
831

    
832
.documentByLine {
833
    font-size: 85%;
834
    font-weight: normal;
835
    color: #76797c;
836
    margin: 0em 0em 0.5em 0em;
837
}
838

    
839
.discussion {
840
    margin-top: 1em;
841
}
842

    
843
.even {
844
    background-color: #eef3f5;
845
}
846

    
847
.odd {
848
    background-color: transparent;
849
}
850

    
851
.visualHighlight {
852
    background-color: #eef3f5;
853
}
854

    
855
.discreet {
856
    color: #76797c;
857
    font-size: 85%;
858
    font-weight: normal;
859
}
860

    
861
/* Batch selector */
862

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

    
877
.listingBar span.previous,
878
.listingPrevious {
879
    text-align: left;
880
    float: left;
881
    margin-right: 1em;
882
}
883

    
884
.listingBar span.next,
885
.listingNext {
886
    text-align: right;
887
    float: right;
888
    margin-left: 1em;
889
}
890

    
891
.listingBar img {
892
    vertical-align: middle;
893
}
894

    
895
.listingBar a {
896
    text-decoration: none;
897
}
898

    
899
.tileItem {
900
    border-top: 1px solid #555522;
901
    padding-top: 0.5em;
902
    margin-top: 0.5em;
903
}
904

    
905
.tileHeadline {
906
    border: none;
907
    font-size: 110%;
908
    font-weight: bold;
909
}
910

    
911
.tileHeadline a {
912
    text-decoration: none;
913
}
914

    
915
.tileBody {
916
    margin-bottom: 0.5em;
917
}
918

    
919
.tileImage {
920
    float: right;
921
    margin: 0 0 0.5em 0.5em;
922
    border: 1px solid black;
923
}
924

    
925
.eventDetails {
926
    float: right;
927
    width: 20em;
928
    clear: right;
929
}
930

    
931
/* Useful deviations from regular style on elements */
932

    
933
/* List classes without markers */
934

    
935
ul.visualNoMarker,
936
ol.visualNoMarker {
937
    list-style-type: none;
938
    list-style-image: none;
939
    margin: 0.5em 0 0 0;
940
    line-height: 1em;
941
}
942

    
943
textarea.proportional {
944
    font: 100% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
945
}
946

    
947
.productCredits {
948
    text-align: right;
949
    font-size: 85%;
950
    clear: both;
951
    font-weight: normal;
952
    color: #76797c;
953
}
954

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

    
966
#portal-footer p {
967
    margin: 0.25em 0;
968
}
969

    
970
#portal-footer a {
971
    text-decoration: none;
972
    color: #666633;
973
    border: none;
974
}
975

    
976
#portal-footer a:visited {
977
    color: #666633;
978
}
979

    
980
#portal-footer a:hover {
981
    text-decoration: underline;
982
}
983

    
984
#portal-colophon {
985
    float: none;
986
    margin: 0em 0em 2em 0em;
987
    padding: 0.5em 0em 1em 0em;
988
    text-align: center;
989
}
990

    
991
#portal-colophon ul,
992
#portal-colophon ul li,
993
#portal-colophon ul li a {
994
    list-style-image: none;
995
    list-style-type: none;
996
    display: inline;
997
    text-decoration: none;
998
    color: Black;
999
}
1000

    
1001
#portal-colophon ul {
1002
    display: table-row;
1003
    list-style-type: none;
1004
}
1005

    
1006
#portal-colophon ul li {
1007
    display: table-cell;
1008
    font-size: 85%;
1009
    margin: 0 0.25em;
1010
    padding: 0.1em 0.2em;
1011
}
1012

    
1013
#portal-colophon .colophonWrapper {
1014
    display: table;
1015
    margin: 0 auto;
1016
    border-collapse: collapse;
1017
    border-spacing: 0;
1018
}
1019

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

    
1036
#portal-colophon a.colophonIcon {
1037
    cursor: pointer;
1038
}
1039

    
1040
.feedButton {
1041
    display: block; 
1042
    float: right; 
1043
    margin-top: 1px;
1044
}
1045

    
1046
.poweredBy {
1047
    display: block;
1048
    clear: both;
1049
    font-size: 85%;
1050
    font-weight: normal;
1051
    color: #76797c;
1052
    text-align: right;
1053
}
1054

    
1055
/* Sitemap styles */
1056

    
1057
#portal-sitemap {
1058
    list-style: none;
1059
    list-style-image: none;
1060
    margin: 0;
1061
    font-size: 90%;
1062
    border: none;
1063
}
1064

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

    
1069
#portal-sitemap a:hover {
1070
    border: 1px solid #555522;
1071
}
1072

    
1073
#portal-sitemap .navTreeLevel1 {
1074
    padding-left: 1em;
1075
    border-left: 0.5em solid #555522;
1076
    margin: 0 0 0 0.5em;
1077
}
1078

    
1079
#portal-sitemap .navTreeLevel2 {
1080
    padding-left: 1em;
1081
    border-left: 0.5em solid #a6c2a5;
1082
    margin: 0 0 0 0.6em;
1083
}
1084

    
1085
/* Accessibility and visual enhancement elements */
1086

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

    
1099
.contentViews .hiddenStructure,
1100
.contentActions .hiddenStructure {
1101
    position: absolute;
1102
    top: -200px;
1103
    left: -200px;
1104
}
1105

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

    
1118
/* Link types */
1119

    
1120
.link-plain {
1121
    background-image: none;
1122
    padding: 0;
1123
}
1124

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

    
1133
.link-user {
1134
    background: transparent url(images/user.gif) 0 1px no-repeat;
1135
    padding: 1px 0px 1px 16px;
1136
}
1137

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

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

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

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

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

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

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

    
1173
.link-webcal {
1174
    /*background: transparent url(http://www.saeon.ac.za/event_icon.gif) 0px 1px no-repeat;*/
1175
    padding: 1px 0px 1px 16px;
1176
}
1177

    
1178
.link-feed {
1179
    /*background: transparent url(http://www.saeon.ac.za/rss.gif) 0px 1px no-repeat;*/
1180
    padding: 1px 0px 1px 18px;
1181
}
1182

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

    
1188
.link-anchor {
1189
    color: #76797c;
1190
    text-decoration: none;
1191
    font-weight: normal;
1192
}
1193

    
1194
/* For ghosted elements */
1195
.visualGhosted {
1196
    opacity: 0.2;
1197
    -moz-opacity: 0.2;
1198
    -khtml-opacity: 0.2;
1199
}
1200

    
1201
/* Fullscreen */
1202

    
1203
body.fullscreen #portal-logo,
1204
body.fullscreen #portal-siteactions {
1205
    display: none;
1206
}
1207

    
1208
body.fullscreen #portal-globalnav {
1209
    margin-top: 4em;
1210
}
1211

    
1212
body.fullscreen #portal-searchbox {
1213
    margin: 0.5em 2em 0 0.5em;
1214
    padding: 0;
1215
    position: relative;
1216
}
1217

    
1218
/* Kupu image alignment classes */
1219

    
1220
.image-left {
1221
   float: left;
1222
   clear: both;
1223
   margin: 0.5em 1em 0.5em 0;
1224
   border: 1px solid Black;
1225
}
1226

    
1227
.image-inline {
1228
   float: none;
1229
}
1230

    
1231
.image-right {
1232
   float: right;
1233
   clear: both;
1234
   margin: 0.5em;
1235
   border: 1px solid Black;
1236
}
1237

    
1238
.vm_small {
1239
    font: 80% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
1240
    color: Black;
1241
}
1242

    
1243
/*  */
1244
}
1245

    
1246

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

    
1256
/*  */
1257

    
1258
#portal-columns {
1259
    width: 100% !important;
1260
    border-collapse: collapse;
1261
    border-spacing: 0;
1262
}
1263

    
1264
#portal-column-one {
1265
    vertical-align: top;
1266
    width: 16em;
1267
}
1268

    
1269
#portal-column-content {
1270
    vertical-align: top;
1271
    margin: 0;
1272
    padding: 0;
1273
}
1274

    
1275
#portal-column-two {
1276
    vertical-align: top;
1277
    width: 16em;
1278
}
1279

    
1280
/* Padding for the columns */
1281

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

    
1286
#portal-column-two .visualPadding {
1287
    padding: 2em 2em 1em 0em;
1288
}
1289

    
1290
/* fullscreen */
1291

    
1292
body.fullscreen #portal-column-one,
1293
body.fullscreen #portal-column-two {
1294
    display: none;
1295
}
1296

    
1297
body.fullscreen #portal-column-content { 
1298
    width: 100%; 
1299
    margin: 0; 
1300
    padding: 0; 
1301
}
1302

    
1303
/*  */
1304

    
1305
}
1306

    
1307

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

    
1325
/*  (do not remove this :) */
1326
/*  (not this either :) */
1327

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

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

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

    
1390
.card a {
1391
    text-decoration: none;
1392
}
1393

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

    
1406
.portraitPhoto {
1407
    border: 1px solid black;
1408
}
1409

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

    
1445
.listing a {
1446
    text-decoration: none;
1447
}
1448

    
1449
.listing a:hover {
1450
    text-decoration: underline;
1451
}
1452
.listing img {
1453
    vertical-align: middle;
1454
}
1455

    
1456
/* Vertical addition class */
1457

    
1458
.vertical {
1459
    background-color: #ffffff;	
1460
}
1461
.vertical th {
1462
    padding: 0.5em;
1463
}
1464

    
1465
.vertical td {
1466
    border-top: 1px solid #555522;
1467
    padding: 0.5em;
1468
}
1469

    
1470

    
1471

    
1472
ul.configlets {
1473
    margin: 1em 0;
1474
    list-style-image: none;
1475
    list-style: none;
1476
}
1477

    
1478
ul.configlets li {
1479
    margin-bottom: 1em;
1480
}
1481

    
1482
ul.configlets li a {
1483
    text-decoration: none;
1484
    border: none;
1485
}
1486

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

    
1492
ul.configlets li a:active {
1493
    color: #666633;
1494
    background-color: transparent;
1495
}
1496

    
1497
ul.configlets li label {
1498
    font-weight: bold;
1499
}
1500

    
1501
ul.configletDetails {
1502
    margin: 0em 1em 1em 4em;
1503
    list-style-image: none;
1504
    list-style: none;
1505
}
1506

    
1507
ul.configletDetails li {
1508
    margin-bottom: 1em;
1509
    display: inline;
1510
}
1511

    
1512
ul.configletDetails li a {
1513
	text-decoration: none;
1514
}
1515

    
1516
ul.configletDetails li label {
1517
    font-weight: bold;
1518
}
1519

    
1520
/* List classes without markers */
1521

    
1522
ul.visualNoMarker,
1523
ol.visualNoMarker {
1524
    list-style-type: none;
1525
    list-style-image: none;
1526
    margin: 0.5em 0 0 0;
1527
}
1528

    
1529

    
1530

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

    
1545
.reviewHistory {
1546
    display: inline;
1547
    font-size: 110% !important; 
1548
    color: Black;
1549
}
1550

    
1551
.comment {
1552
    background: #eef3f5; 
1553
    border: 1px solid #555522; 
1554
    padding: 0.25em 1em 0.5em 1em;
1555
    margin-bottom: 1em;
1556
}
1557

    
1558
.comment h1,
1559
.comment h2,
1560
.comment h3,
1561
.comment h4, 
1562
.comment h5,
1563
.comment h6 {
1564
    border-bottom: 1px solid #76797c;
1565
    font-weight: normal;
1566
}
1567

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

    
1572
.spacer {
1573
    margin: 1em;
1574
}
1575

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

    
1614

    
1615
.configlet .contentViews {
1616
    font-size: 90%;
1617
}
1618

    
1619
/*
1620
** begin ECMAScript Content Action Menus
1621
*/
1622

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

    
1635
.contentActions ul,
1636
.contentActions li {
1637
    margin: 0;
1638
    list-style: none;
1639
    list-style-image: none;
1640
    display: inline;
1641
    color: Black;
1642
    text-align: left;
1643
}
1644

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

    
1657
.actionItems li {
1658
    background-image: none;
1659
}
1660

    
1661
.contentActions a {
1662
    text-decoration: none;
1663
    color: #578308;
1664
    padding: 0 0.5em;
1665
}
1666

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

    
1672
    position: relative;
1673
    margin: 0;
1674
    padding: 0;
1675
}
1676

    
1677
.actionMenu .actionMenuHeader {
1678
    margin: 0;
1679
    padding: 0;
1680
    font-weight: normal;
1681
    cursor: pointer;
1682
}
1683

    
1684
.actionMenu.activated .actionMenuHeader {
1685
    position: relative;
1686
    z-index: 10;
1687
}
1688

    
1689
.actionMenu .actionMenuHeader a {
1690
    display: block;
1691
}
1692

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

    
1702
.actionMenuDisabled {
1703
    padding: 0 0.5em 0 0.5em !important;
1704
    cursor: pointer;
1705
}
1706

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

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

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

    
1740
.actionMenu.deactivated .actionMenuContent {
1741
    display: none !important;
1742
}
1743

    
1744
.actionMenu .actionMenuContent li {
1745
    float: none;
1746
    background-color: transparent;
1747
    display: inline;
1748
    padding: 0;
1749
    margin: 0;
1750
    border: 0;
1751
}
1752

    
1753
.actionMenu .actionMenuContent li a {
1754
    display: block;
1755
    white-space: nowrap;
1756
    padding: 0 0.5em;
1757
    margin: 0.2em 0;
1758
}
1759

    
1760
.actionMenu .actionMenuContent .selected {
1761
    display: block;
1762
    white-space: nowrap;
1763
    padding: 0 0.5em;
1764
    margin: 0.2em 0;
1765
}
1766

    
1767
.actionMenu .actionMenuContent li a:hover {
1768
    background-color: #74ae0b;
1769
    color: White;
1770
}
1771

    
1772
.actionMenu .actionMenuContent .actionSeparator a {
1773
    margin-top: 0.2em;
1774
    padding-top: 0.2em;
1775
    border-top: 1px solid #74ae0b;
1776
}
1777

    
1778
.actionMenu .actionMenuContent .actionSeparator div.currentDefaultPage {
1779
    margin-top: 0.2em;
1780
    padding: 0.2em 0.5em 0em 0.5em;
1781
    white-space: nowrap;
1782
    border-top: 1px solid #74ae0b;
1783
}
1784

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

    
1795

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

    
1808
#objectMenu.actionMenu .actionMenuContent li {
1809
    display: block;
1810
}
1811

    
1812
#objectMenu.actionMenu .actionMenuContent li,
1813
#objectMenu.actionMenu .actionMenuContent li a:hover {
1814
    background-position: 3px 50%;
1815
    margin-left: 0;
1816
}
1817

    
1818
#objectMenu.actionMenu .actionMenuContent li a {
1819
    padding-left: 22px;
1820
}
1821

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

    
1831
#templateMenu li a {
1832
    padding-left: 16px;
1833
}
1834

    
1835

    
1836
/*
1837
** end ECMAScript Content Action Menus
1838
*/
1839

    
1840

    
1841
/* Collapsible elements */
1842

    
1843
dl.collapsible {
1844
    border: 1px solid #555522 !important;
1845
    margin: 1em 0 0 0;
1846
    padding: 0;
1847
}
1848

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

    
1863
dl.collapsible dd.collapsibleContent {
1864
    margin: 0;
1865
    padding: 0 1em;
1866
    clear: left;
1867
}
1868

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

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

    
1882
dl.collapsedBlockCollapsible {
1883
    border: none !important;
1884
    height: 1em;
1885
    width: auto;
1886
}
1887

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

    
1898
dl.collapsedInlineCollapsible dd.collapsibleContent,
1899
dl.collapsedBlockCollapsible dd.collapsibleContent {
1900
    display: none;
1901
}
1902

    
1903
dl.collapsedInlineCollapsible {
1904
    border: none !important;
1905
    height: 1em;
1906
    width: auto;
1907
    display: inline;
1908
}
1909

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

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

    
1925
.configlet .documentEditable {
1926
    padding: 0em !important;
1927
}
1928

    
1929
.documentEditable .documentContent {
1930
    border: 1px solid #74ae0b;
1931
    padding: 0;
1932
}
1933

    
1934
.label {
1935
    font-weight: bold;
1936
    display: inline;
1937
    padding-right: 0.5em;
1938
}
1939

    
1940
.optionsToggle {
1941
    border: 1px solid #555522;
1942
    color: Black;
1943
    background-color: #a6c2a5;
1944
    font-weight: normal !important;
1945
    font-size: 85%;
1946
}
1947

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

    
1950
#portal-column-content fieldset > * input:focus,
1951
#portal-column-content fieldset > * textarea:focus {
1952
    border-color: #ffa500;
1953
    border-width: 1px;
1954
}
1955

    
1956
.visualOverflow {
1957
    overflow: auto;
1958
    margin: 0 0 1em 0;
1959
}
1960

    
1961
.visualOverflow pre,
1962
.visualOverflow table,
1963
.visualOverflow img {
1964
    margin: 0;
1965
}
1966

    
1967
.visualFontSizeCorrection { /* Correction for WYSIWYG editors */
1968
    font-size: 75%;
1969
    background: transparent;
1970
    background-image: none;
1971
}
1972

    
1973

    
1974
/* for highlighting of search terms */
1975

    
1976
.highlightedSearchTerm {
1977
   background-color: #feff82;
1978
}
1979

    
1980
/* for greying out inherited roles */
1981

    
1982
.noInheritedRoles {
1983
    color: #a0a0a0;
1984
}
1985

    
1986
/* for highlighting current items, like the language or today in the calendar */
1987

    
1988
.currentItem {
1989
    border-collapse: collapse;
1990
    border: 2px solid #ffa500;
1991
    padding: 1px;
1992
}
1993

    
1994
/* Styles to make the editing widgets look more like their view counterparts */
1995

    
1996
#archetypes-fieldname-title input {
1997
    font-size: 160%;
1998
    font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
1999
    font-weight: normal;
2000
    width: 99%;
2001
}
2002

    
2003
#archetypes-fieldname-description textarea {
2004
    font: 100% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
2005
    font-weight: bold;
2006
}
2007

    
2008

    
2009
/*  */
2010
}
2011

    
2012

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

    
2030
/*  (do not remove this :) */
2031
/*  (not this either :) */
2032

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

    
2037
/* Main portlet elements */
2038

    
2039
dl.portlet {
2040
    margin: 1px 0 1em 0;
2041
    border-bottom: 1px solid #555522;
2042
}
2043

    
2044
dl.portlet a {
2045
    text-decoration: none;
2046
}
2047

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

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

    
2067
.portletHeader a {
2068
    color: Black;
2069
}
2070

    
2071
.portletItem {
2072
    margin: 0;
2073
    padding: 1em;
2074
    border-left: 1px solid #555522;
2075
    border-right: 1px solid #555522;
2076
}
2077

    
2078
.portletItem a {
2079
    display: block;
2080
}
2081

    
2082
.portletItemDetails {
2083
    text-align: right;
2084
    display: block;
2085
    color: Black;
2086
}
2087

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

    
2097

    
2098
/* Elements that enable layout with rounded corners */
2099

    
2100
.portletTopLeft {}
2101
.portletTopRight {}
2102
.portletBottomLeft {}
2103
.portletBottomRight {}
2104

    
2105

    
2106

    
2107
/* New navtree styles */
2108

    
2109
.portletNavigationTree {
2110
    margin: 0 0 0 0.75em; 
2111
    padding: 0; 
2112
    list-style: none; 
2113
    list-style-image: none; 
2114
    line-height: 1em;
2115
}
2116

    
2117

    
2118

    
2119
.navTree {
2120
    list-style: none; 
2121
    list-style-image: none; 
2122
    margin-top: 1px;
2123
}
2124

    
2125
.navTree li {
2126
    margin-bottom: 1px;
2127
}
2128

    
2129
.navTreeItem {
2130
    display: block;
2131
    padding: 0;
2132
    margin: 0;
2133
}
2134

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

    
2144
.navTreeItem a:hover,
2145
dd.portletItem .navTreeItem a:hover {
2146
    background-color: #a6c2a5;
2147
    color: #666633;
2148
    border: 1px solid #555522;
2149
}
2150

    
2151
.navTreeCurrentItem {
2152
    background-color: #a6c2a5;
2153
    color: #666633;
2154
    border: 1px solid #555522 !important;
2155
}
2156

    
2157
li.navTreeCurrentItem {
2158
    display: block;
2159
    padding: 0 0 0 1px;
2160
    margin: 0 0 2px -1px;
2161
}
2162

    
2163
li.navTreeCurrentItem a,
2164
li.navTreeCurrentItem a:hover {
2165
    display: block;
2166
    border: 1px solid #a6c2a5;
2167
    min-height: 1.6em;
2168
    line-height: 1.6em;
2169
    height: auto;
2170
}
2171

    
2172
/* Another workaround for broken Internet Explorer */
2173

    
2174
* html li.navTreeCurrentItem a,
2175
* html li.navTreeCurrentItem a:hover {
2176
    height: 1.6em;
2177
}
2178

    
2179

    
2180
.navTreeLevel0 { margin: 0; }
2181
.navTreeLevel1 { margin-left: 1em;}
2182
.navTreeLevel2 { margin-left: 0.75em; }
2183
.navTreeLevel3 { margin-left: 0.75em; }
2184
.navTreeLevel4 { margin-left: 0.75em; }
2185
.navTreeLevel5 { margin-left: 0.75em; }
2186

    
2187

    
2188
/*
2189
** Calendar elements - used in the calendar rendering
2190
*/
2191

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

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

    
2278

    
2279
/*  */
2280
}
2281

    
2282

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

    
2301
/*  (do not remove this :) */
2302
/*  (not this either :) */
2303

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

    
2314
#visual-portal-wrapper {
2315
    width: 100% !important;
2316
    min-width: 0 !important;
2317
}
2318

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

    
2323
#portal-column-content #content {
2324
    padding: 1em;
2325
    margin: 0 !important;
2326
}
2327

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

    
2342
h1.documentFirstHeading { 
2343
    /* Trick to avoid getting an initial blank page */
2344
    page-break-before: avoid; 
2345
} 
2346

    
2347
dl, ol, ul {
2348
    font-size: 40px !important;
2349
    text-align: left;
2350
    margin-top: 0.5em;
2351
}
2352

    
2353
dt {
2354
    background-color: #a6c2a5;
2355
    border-color: #555522;
2356
    border-style: solid;
2357
    border-width: 1px;
2358
    display: inline;
2359
    padding-right: 0.5em;
2360
}
2361

    
2362
dd {
2363
    margin-bottom: 0.25em;
2364
}
2365

    
2366
li {
2367
    margin: 0 0 0.5em 0;
2368
}
2369

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

    
2377
.documentDescription {
2378
    font-size: 40px !important;
2379
    font-weight: normal;
2380
    margin-top: 4em;
2381
    text-align: center !important;
2382
}
2383

    
2384
ul { 
2385
    list-style-image: url(images/bulletBig.gif); 
2386
}
2387

    
2388
pre { 
2389
    font-size: 25px;
2390
    padding: 0.5em;
2391
    font-weight: bold;
2392
    background-color: #a6c2a5;
2393
    border: 1px solid #555522;
2394
}
2395

    
2396
code {
2397
    background-color: #a6c2a5;
2398
    border-color: #555522;
2399
    border-style: solid;
2400
    border-width: 1px;
2401
    padding: 0.1em 0.25em;
2402
}
2403

    
2404
a {
2405
    color: #666633 !important;
2406
}
2407

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

    
2434
div#portal-columns div#visual-column-wrapper,
2435
div#portal-columns div#visual-column-wrapper div#portal-column-content {
2436
    width: 100%;
2437
}
2438

    
2439
div#portal-columns div#visual-column-wrapper div#portal-column-content {
2440
    padding: 0;
2441
    margin: 0;
2442
}
2443

    
2444
div#portal-columns div#visual-column-wrapper div#portal-column-content * {
2445
    text-align: left;
2446
}
2447

    
2448
#content,
2449
.group {
2450
    background: transparent;
2451
    border: none;
2452
    padding: 0;
2453
    margin: 0;
2454
}
2455

    
2456
#content {
2457
    margin: 0 1em;
2458
}
2459

    
2460
table.listing,
2461
table.listing td {
2462
    border: 1pt solid black;
2463
    border-collapse: collapse;
2464
}
2465

    
2466
a, a:link, a:visited {
2467
    color: #520;
2468
    background: transparent;
2469
}
2470

    
2471
/*  */
2472

    
2473
}
2474

    
2475

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

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

    
2521
body {
2522
    font-family: Baskerville, Georgia, Garamond, Times, serif;
2523
    font-size: 11pt !important;
2524
}
2525

    
2526
h1, h2, h3, h4, h5, h6
2527
{
2528
    border: none;
2529
    font-family: Baskerville, Georgia, Garamond, Times, serif;
2530
}
2531

    
2532
div, p, ul, dl, ol {
2533
    width: auto !important;
2534
}
2535

    
2536
ul, ol, dl {
2537
    padding-right: 0.5em;	
2538
}
2539

    
2540
ul { 
2541
    list-style-type: square;
2542
}
2543

    
2544

    
2545
.documentDescription {
2546
    font-weight: bold;
2547
}
2548

    
2549
pre {
2550
    border: 1pt dotted black;
2551
    white-space: pre;
2552
    font-size: 8pt;
2553
    overflow: auto;
2554
    padding: 1em 0;
2555
}
2556

    
2557
table.listing,
2558
table.listing td {
2559
    border: 1pt solid black;
2560
    border-collapse: collapse;
2561
}
2562

    
2563
a {
2564
    color: Black !important;
2565
    padding: 0 !important;
2566
    text-decoration: none !important;
2567
}
2568

    
2569
a:link, a:visited {
2570
    color: #520;
2571
    background: transparent;
2572
}
2573

    
2574
/* Uncomment this to get link addresses inserted along with the link text
2575
   when you print.
2576

    
2577
#content a:link:after, 
2578
#content a:visited:after {
2579
   content: " [" attr(href) "] ";
2580
}
2581
*/
2582
}
2583

    
2584

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

    
2599
/*  (do not remove this :) */
2600
/*  (not this either :) */
2601

    
2602
body {
2603
    font: 69% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
2604
    background-color: #ffffff;
2605
    color: Black;
2606
    margin: 0;
2607
    padding: 0;
2608
}
2609

    
2610
table {
2611
    font-size: 100%;
2612
}
2613

    
2614

    
2615
a {
2616
    color: #666633;
2617
    background-color: transparent;
2618
}
2619
img {
2620
    border: none;
2621
    vertical-align: middle;
2622
}
2623
p {
2624
    margin: 0.5em 0em 1em 0em;
2625
}
2626

    
2627
h1, h2, h3, h4, h5, h6 {
2628
    font-weight: normal;
2629
    border-bottom: 1px solid #555522;
2630
}
2631

    
2632

    
2633
h1 a,
2634
h2 a,
2635
h3 a,
2636
h4 a,
2637
h5 a,
2638
h6 a {
2639
    color: Black ! important; 
2640
}
2641

    
2642
h1 {
2643
    font-size: 160%;
2644
}
2645

    
2646
h2 {
2647
    font-size: 150%;
2648
}
2649

    
2650
h3 {
2651
    font-size: 140%;
2652
    border-bottom: none;
2653
    font-weight: bold;
2654
}
2655

    
2656
h4 {
2657
    font-size: 120%;
2658
    border-bottom: none;
2659
    font-weight: bold;
2660
}
2661

    
2662
h5 {
2663
    font-size: 100%;
2664
    border-bottom: none;
2665
    font-weight: bold;
2666
}
2667

    
2668
h6 {
2669
    font-size: 85%;
2670
    border-bottom: none;
2671
    font-weight: bold;
2672
}
2673

    
2674
label {
2675
    font-weight: bold;
2676
}
2677

    
2678
/* searchbox style and positioning */
2679
#portal-searchbox {
2680
    font-size: 10px;
2681
}
2682

    
2683

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

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

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

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

    
2791
/*
2792
** begin ECMAScript Content Action Menus
2793
*/
2794

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

    
2808
.contentActions ul,
2809
.contentActions li {
2810
    margin: 0;
2811
    list-style: none;
2812
    list-style-image: none;
2813
    display: inline;
2814
    color: Black;
2815
    text-align: left;
2816
}
2817

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

    
2833
.actionItems li {
2834
    background-image: none;
2835
}
2836

    
2837
.contentActions a {
2838
    text-decoration: none;
2839
    color: #578308;
2840
    padding: 0 0.6em 0 0;
2841
}
2842

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

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

    
2865
.actionMenu .actionMenuContent li {
2866
    font-size: 10px !important;
2867
    float: none;
2868
    background: transparent;
2869
    display: inline;
2870
    padding: 0;
2871
    margin: 0;
2872
    border: 0;
2873
}
2874

    
2875
.actionMenu .actionMenuContent li a {
2876
    display: block;
2877
    white-space: nowrap;
2878
    padding: 0 0.2em;
2879
    margin: 0.2em 0;
2880
}
2881

    
2882
.actionMenu .actionMenuContent .actionSeparator a {
2883
    margin-top: 0.2em;
2884
    padding-top: 0.2em;
2885
    border-top: 1px solid #74ae0b;
2886
}
2887

    
2888
/*
2889
** end ECMAScript Content Action Menus
2890
*/
2891

    
2892
.documentEditable .documentContent {
2893
    border: 1px solid #74ae0b;
2894
    padding: 0.5em;
2895
}
2896

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

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

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

    
2951

    
2952
/*  */
2953

    
2954
}
2955

    
2956

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

    
2962
/*  (do not remove this :) */
2963
/*  (not this either :) */
2964

    
2965
/* Classes that were introduced erroneously in Plone 2.1. Will disappear in 2.5. */
2966

    
2967
.portletItemSingle {
2968
    margin: 0;
2969
    padding: 1em;
2970
    border: 1px solid #555522;
2971
    border-top: none;
2972
}
2973

    
2974
dd.portletItemLast {
2975
    margin: 0;
2976
    padding: 0.25em 1em;
2977
    border: 1px solid #555522;
2978
    border-style: none solid;
2979
}
2980

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

    
2984
div.portlet {
2985
    border: none;
2986
    margin-bottom: 1em;
2987
    padding: 0;
2988
}
2989

    
2990
div.portlet a {
2991
    text-decoration: none;
2992
}
2993

    
2994
/* Compensation when rendering portlets in the content area */
2995
#region-content .portlet {
2996
    font-size: 94%;
2997
}
2998

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

    
3031
div.portletBody {
3032
    position: relative;
3033
    top: -1px;
3034
    background: transparent;
3035
    border: 1px solid #555522;
3036
}
3037
div.portletDetails {
3038
    text-align: right;
3039
}
3040

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

    
3054
div.portlet h1,
3055
div.portlet h2,
3056
div.portlet h3,
3057
div.portlet h4 {
3058
    margin: 0;
3059
    padding: 0;
3060
}
3061

    
3062
div.portlet input {
3063
    font-size: 100%;
3064
}
3065

    
3066
div.portletSyndication {
3067
    display: block;
3068
    float: left; 
3069
    border: 1px solid #8cacbb; 
3070
    background-color: #dee7ec;
3071
    font-size: 85%;
3072
}
3073

    
3074
a.portletMore {
3075
    display: block;
3076
    text-align: right;
3077
}
3078

    
3079
div.portletFooter {
3080
    padding: 0.5em 1em 1em 1em;
3081
}
3082

    
3083
/* Old navigation tree styling */
3084

    
3085
.navIcon,
3086
.navIconRoot {
3087
    position: relative;
3088
    right: 20px;
3089
}
3090

    
3091
.navItemText {
3092
    margin-left: -20px;
3093
}
3094

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

    
3106
.currentNavItem {
3107
    background-color: #a6c2a5;
3108
    color: #666633;
3109
    border: 1px solid #555522;
3110
}
3111

    
3112
.portletNavigationTreeItem {
3113
    margin: 0;
3114
}
3115

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

    
3125
.portletNavigationTreeItem a:hover,
3126
.currentNavItem {
3127
    background-color: #a6c2a5;
3128
    color: #666633;
3129
    border: 1px solid #555522 !important;
3130
}
3131

    
3132
/* The new navtree level structure. */
3133

    
3134
.portletNavigationLevel0 {
3135
    margin: 0;
3136
}
3137

    
3138

    
3139
/* The old navtree levels. */
3140

    
3141
.navLevel1 { margin-left: 0em; }
3142
.navLevel2 { margin-left: 1em; }
3143
.navLevel3 { margin-left: 2em; }
3144
.navLevel4 { margin-left: 3em; }
3145
.navLevel5 { margin-left: 4em; }
3146
.navLevel6 { margin-left: 4.5em; }
3147
.navLevel7 { margin-left: 5em;   }
3148
.navLevel8 { margin-left: 5.5em; }
3149

    
3150

    
3151
/*  */
3152

    
3153
}
3154

    
3155

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

    
3173
/*  (do not remove this :) */
3174
/*  (not this either :) */
3175

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

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

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

    
4221
.visualIconPadding {
4222
    padding-left: 18px;
4223
    margin-left: -1px;
4224
    margin-bottom: 1px;
4225
    min-height: 1.6em;
4226
    height: auto;
4227
    line-height: 1.6em;
4228
}
4229

    
4230
/* And another IE workaround */
4231

    
4232
* html .visualIconPadding {
4233
    height: 1.6em;
4234
}
4235

    
4236
.visualIconReplace {
4237
    background: transparent;
4238
    display: block !important;
4239
    border: 0;
4240
    margin: 0;
4241
    padding: 0 0 0 18px !important;
4242
    overflow: hidden;
4243
    width: 0px !important;
4244
    width /**/: 18px;
4245
}
4246

    
4247
/*  */
4248

    
4249
}
4250

    
(12-12/20)