1/*
2By Lenny Burdette
3
4Derived from code by Kevin Cannon, http://www.multiblah.com and
5Florian Jenett, mail@florianjenett.de
6
7Created: 2005.08.29 04:28PM
8Last Modified: 2005.08.30 06:23PM
9
10*/
11
12body {
13	margin				: 0;
14	padding				: 0;
15
16	background-color	: #E2E2E2;  /* #FFFFFF; */  /* #333322 */
17
18	font-family			: Verdana, Geneva, Arial, Helvetica, sans-serif;
19	font-size			: 100%;
20    font-size           : 0.7em;
21	font-weight			: normal;
22	line-height			: normal;
23	color				: #333333;
24}
25
26img { border: 0px solid #000000; }
27
28a {
29	text-decoration: underline;
30	font-weight: normal;
31	color: #3399CC;
32}
33
34a:hover,
35a:active {
36	text-decoration: underline;
37	font-weight: normal;
38	color: #3399CC;
39}
40
41a:visited,
42a:link:visited {
43	text-decoration: underline;
44	font-weight: normal;
45	color: #3399CC;
46}
47
48/* ================ COVER SLIDESHOW ================== */
49
50#slideshow {
51    position:relative;
52    height:240px;
53}
54
55#slideshow IMG {
56    position:absolute;
57    top:0;
58    left:0;
59    z-index:8;
60    opacity:0.0;
61}
62
63#slideshow IMG.active {
64    z-index:10;
65    opacity:1.0;
66}
67
68#slideshow IMG.last-active {
69    z-index:9;
70}
71
72
73
74/* ================ LAYOUT ================== */
75
76#container {
77	width: 750px;
78	margin-left: 0px;
79	background-color: white;
80}
81
82/* ================ HEADER ================== */
83#header {
84	width: 750px;
85	height: 80px;
86	overflow: hidden;
87	background-color: #000000;
88	position:relative;
89}
90
91#header h1 {
92		display: none;
93		float: left;
94}
95
96#header form {
97	position: absolute;
98	top: 20px;
99	right: 5px;
100	width: 220px;
101	color: #ccc;
102}
103
104#header form input.text {
105	width: 130px;
106	margin-right: 2px;
107}
108
109#header form p { margin: 0; }
110#header form input {
111	/* border: 1px solid black; */
112	background: #CCCCCC;
113	float: left;
114	margin-top: 1px;
115}
116
117/* ================ NAVBAR ================== */
118
119#navigation {
120	font-size: 0.7em;
121	color: #CCCCCC;
122}
123
124.navBar { font-size: 11px;
125	height: 20px;
126	padding: 5px 0 0 55px;
127}
128
129.navBar a { color: #fff; }
130.navBar a:visited {color: #fff; }
131
132#mainnav { background: #333333; }
133#mainnav_noSub { background: #333333; margin-bottom: 40px; }
134#mainnav, #mainnav_noSub { position: relative; color: #cccccc !important; }
135
136#subNav { margin-left: 157px;   /* 264  Is this for the reference??? */
137	background: #5a5a5a url(../img/nav_bottomarrow.gif) no-repeat;
138	padding-left: 33px;
139	margin-bottom: 30px;
140}
141
142#subNav.libraries { margin-left: 157px;   /* 264  Is this for the reference??? */
143	background: #5a5a5a url(../img/nav_bottomarrow.gif) no-repeat;
144	padding-left: 33px;
145	margin-bottom: 0px;
146}
147
148.faq { position: absolute; right: 30px; color: #cccccc }
149.wiki { position: absolute; right: 77px; color: #cccccc }
150.forum { position: absolute; right: 119px; color: #cccccc }
151.feed { position: absolute; right: 174px; color: #cccccc }
152
153
154#subNav.learning { margin-left: 225px; }
155.active { color: #cccccc !important; }
156.activeSub { color: #000000 !important; }
157
158#subNav.exhib { margin-left: 90px; }
159.active { color: #cccccc !important; }
160//.faq { position: absolute; right: 10px; color: #cccccc }
161
162#subNav.abo { margin-left: 390px; }
163.active { color: #cccccc !important; }
164//.faq { position: absolute; right: 10px; color: #cccccc }
165
166/* ================ CONTENT ================== */
167
168.content {
169	margin-left    : 55px;
170	margin-right   : 50px;
171	position: relative;
172}
173
174/* ================ FOOTER ================== */
175
176#footer {
177	clear: both;
178	padding-top: 100px;
179	color: white;
180}
181
182#footer a {
183	color: white;
184}
185
186#footer #copyright,
187#footer #colophon {
188	padding: 5px 0 5px 50px;
189	color: white;
190}
191
192#footer #copyright {
193	background-color: #5A5A5A;
194}
195
196#footer #colophon {
197	background-color: #000000;
198}
199
200#footer #colophon a {
201	text-decoration: underline;
202	color: white;
203}
204
205#footer #colophon span { color: #fff; }
206
207/* ================ TYPOGRAPHY ================== */
208
209h1, h2, h3, h4, h5, h6
210	{
211	/*margin-bottom 		: 5px;*/
212
213	color				: #5A5A5A;
214	font-family			: Verdana, Geneva, Arial, Helvetica, sans-serif;
215	font-weight			: normal;
216
217	line-height			: 1.6em;
218	}
219
220h1, h2, h3, h4
221	{
222	word-spacing		: 0.2em;
223	}
224
225h4, h5, h6
226{
227	font-weight			: bold;
228}
229
230/* Font Sizes */
231
232h1 { font-size			: 2em; 		}
233h2 { font-size			: 1.85em; 	}
234h3 { font-size			: 1.7em; 	}
235h4 { font-size			: 1.5em; 	}
236h5 { font-size			: 1.25em; 	}
237h6 { font-size			: 1em; 		}
238
239p { font-size			: 1em; 		}
240
241pre {
242	font-family			: "Courier New", Courier, monospace;
243	font-size			: 11px;
244	line-height			: normal; color: #000000;
245}
246
247tt {
248	font-family			: "Courier New", Courier, monospace;
249	font-size			: 11px;
250	line-height			: normal; color: #000000;
251}
252
253code {
254	font-family			: "Courier New", Courier, monospace;
255	font-size			: 11px;
256	line-height			: normal; color: #000000;
257}
258
259li {margin-bottom: 1em; }
260
261.error { color: #f00; margin: 0; }
262
263/* ================== RANDOM CLASSES =============== */
264.clear { clear: both; }
265
266/* ================== PAGE SPECIFIC CSS =============== */
267
268/**************************************************************** Cover ***/
269
270#Cover .rightcol {
271    float: right;
272    width: 380px;
273    margin-right: 20px;
274}
275#Cover .leftcol { width: 250px; }
276
277#Cover ul {
278	list-style: none;
279	margin-left: 0;
280	padding-left: 1em;
281	text-indent: -1em;
282}
283
284
285#Cover .content {
286        margin-left    : 55px;
287        margin-right   : 0px;
288        position: relative;
289}
290
291#Cover h3 { margin: 40px 0 0 0; }
292.exhibition-small { padding: 0; margin: 0; }
293.exhibition-small h3 { margin-top: 0px !important; }
294
295dl { margin: 0; }
296dt { font-style: italic; }
297dd { margin: 0 0 1em 0; }
298
299.happenings { margin-bottom: 30px; }
300
301.courses-small dl { margin-top: -1em; }
302.courses-small dt { font-style: normal; margin-top: 1em; }
303.courses-small dd { margin: 0; }
304
305td img { margin: 0; display: block; }
306
307
308
309/**************************************************************** Exhibition ***/
310
311//#Exhibition .colone { width: 224px; float: left; margin-right: 35px; }
312#Exhibition .colone { width: 675px; float: left; margin-right: 35px; }
313#Exhibition .coltwo { width: 165px; float: left; margin-right: 25px; }
314#Exhibition .colthree { width: 224px; float: left; margin-right: 20px; }
315#Exhibition h2 { margin: 0 0 20px 0; font-size: 1em; }
316#Exhibition h2.with-nav { margin-bottom: 0; }
317#Exhibition .onecol { clear: both; }
318#Exhibition td { vertical-align: top; }
319
320#Exhibition #Index .content {
321        margin-left    : 55px;
322        margin-right   : 0px;
323        position: relative;
324}
325
326/**
327#Collection .colone { width: 675px; float: left; margin-right: 35px; }
328#Collection .coltwo { width: 165px; float: left; margin-right: 25px; }
329#Collection .colthree { width: 224px; float: left; margin-right: 20px; }
330#Collection h2 { margin: 0 0 20px 0; font-size: 1em; }
331#Collection h2.with-nav { margin-bottom: 0; }
332#Collection .onecol { clear: both; }
333#Collection td { vertical-align: top; }
334
335#Collection .content {
336        margin-left    : 55px;
337        margin-right   : 0px;
338        position: relative;
339}
340*/
341
342#Tutorials .colone { width: 224px; float: left; margin-right: 35px; }
343#Tutorials .coltwo { width: 165px; float: left; margin-right: 25px; }
344#Tutorials .colthree { width: 224px; float: left; margin-right: 20px; }
345#Tutorials h2 { margin: 0 0 20px 0; font-size: 1em; }
346#Tutorials h3 { font-size		: 1.8em;
347				margin-bottom	: 0.4em;
348				margin-top		: 1.4em;
349}
350#Tutorials h1 {
351	font-size			: 2.2em;
352	font-family			: Arial, Geneva, Helvetica, Verdana, sans-serif;
353	font-weight			: lighter;
354	font-style			: normal;
355}
356#Tutorials h2.with-nav { margin-bottom: 0; }
357#Tutorials .onecol { clear: both; }
358#Tutorials td { vertical-align: top; }
359
360#Index .colone { width: 224px; float: left; margin-right: 35px; }
361#Index .coltwo { width: 165px; float: left; margin-right: 25px; }
362#Index .colthree { width: 224px; float: left; margin-right: 20px; }
363#Index h2 { margin: 0 0 20px 0; font-size: 1em; }
364#Index h2.with-nav { margin-bottom: 0; }
365#Index .onecol { clear: both; }
366#Index td { vertical-align: top; }
367
368#Index .content {
369        margin-left    : 55px;
370        margin-right   : 0px;
371        position: relative;
372}
373
374.curated-item { margin-bottom: 25px; }
375.curated-item h5 { margin-top: 1em; color: #666; font-size: 1em; }
376.curated-item h5 a { font-weight: bold; }
377.curated-item p {  padding-right: 2em; }
378
379#Network h2 { position: relative; }
380#Network h2 a.addalink { position: absolute; left: 455px;}
381
382dl.network dt { font-style: normal; }
383dl.network dd { margin: 0; }
384dl.network dd.date { color: #999999; margin-bottom: 1em; }
385
386p.network { margin: 0 23px 1em 0; width:200px; }
387p.network span.date { color: #999999; }
388
389p.exhibition-nav { margin-top: 20px; margin-bottom: 10px; }
390
391/**************************************************************** Reference ***/
392
393
394#Language h5 a { float: left; margin-left: -30px; }
395
396#Language .content {
397        margin-left    : 55px;
398        margin-right   : 0px;
399        position: relative;
400}
401
402.skinny {
403        margin-left    : 0px;
404        margin-right   : 50px;
405        position: relative;
406}
407
408#reference-nav { position: relative; width: 300px; height: 2em; padding-top: .5em; }
409#reference-nav p { position: absolute; right: 10px; top: 0; margin: 0; }
410
411.ref-notice { margin: 1.5em 0 2.5em 0; color: #006699; clear: both; margin-right: 40px;}
412
413.ref-item { margin-bottom: 60px; }
414.ref-item th { width: 100px; font-weight: normal; text-align: left; vertical-align: top; }
415.ref-item td { vertical-align: top; padding-bottom: 2em; }
416.ref-item td h3 { margin: 0; }
417pre { margin: 0; }
418tr.name-row { height: 80px; }
419
420td p { margin-top: 0; }
421
422.example img { float: left; margin-right: 15px; margin-bottom: 15px; }
423.example { clear: both; margin-bottom: 15px; }
424.example pre.margin { margin-left: 115px; }
425hr.noShade { height: 0px; color: #ccc; background: #ccc; margin-bottom: 15px; clear: both; width: 60%; text-align: left; float: left; }
426
427/*** ref index ***/
428.abridged-notice { margin: 0 50px 30px 0; }
429
430.libraries-top { margin: 20px 50px 15px 0; }
431.libraries-bottom { margin: 0 50px 0px 0; }
432
433div.ref-col { width: 30%;
434    margin-right: 2%;
435    float: left;
436}
437
438.ref-col h3 { margin: 0;
439	font-size: 1.25em;
440	 }
441.ref-col h5 { margin: 1.5em 0 0 0;
442	font-size: 1em;
443	font-weight: normal;
444	font-style: italic;
445}
446.ref-col h3+h5 { margin-top: 0; }
447.category { margin-bottom: 30px; }
448
449.ref-col p { margin-top: -.5em; margin-bottom: 2em; }
450
451/**************************************************************** updates, courses, happenings ***/
452#Courses .content, #Updates .content, #Happenings .content {
453    width: 595px;
454     }
455#Updates h2 { margin-top: 0 0 20px 0; }
456
457
458.course-desc p { margin: 0; }
459.course-desc p.date { margin: 0; }
460.course-desc h3 { margin: 0; font-size: 1em; font-weight: bold; line-height: 1em; }
461.course-desc { margin-bottom: 2em; }
462
463/**************************************************************** download ***/
464
465#Download .leftcol { margin-right: 250px; }
466.download-ver { color: black; font-size: 1em; font-weight: bold; margin-top: 2em; }
467.download-ver span { color: #5a5a46; }
468
469#Download .rightcol { position: absolute;
470    top: 55px;
471    right: 10px;
472    width: 175px;
473}
474#Download .rightcol h5 { font-size: 1em; margin-bottom: 1em; }
475
476/************************************************************** contribute ***/
477
478#Contribute h1 { margin-bottom: 0; }
479#Contribute .message { margin-top: 0; margin-right: 40px; }
480#Contribute .threecol { float: left; width: 210px; margin-right: 20px; }
481#Contribute .threecol p { margin-bottom: 2em; }
482
483#Contribute .content {
484        margin-left    : 55px;
485        margin-right   : 0px;
486        position: relative;
487}
488
489/************************************************************** Learning ***/
490
491#Learning  h1 { margin-bottom: 0; margin-top: 0;}
492#Learning .message { margin-top: 0; margin-right: 40px; }
493#Learning .threecol { float: left; width: 200px; margin-right: 30px; margin-top: 0px;}
494#Learning .threecol p { margin-bottom: 2em; }
495
496#Learning .twocol { float: left; width: 310px; margin-right: 20px; margin-top: 0px;}
497#Learning .twocol p { margin-bottom: 2em; }
498
499#Learning td { vertical-align: top; }
500
501.doc-float { margin-right: 40px;}
502
503#Learning .content {
504        margin-left    : 55px;
505        margin-right   : 0px;
506        position: relative;
507}
508
509h2 { margin-bottom: 0; margin-top: 0;}
510
511
512#Copyright p { margin-right: 20px; }
513
514
515/************************************************************** Books ***/
516
517#Books h1 { margin-bottom: 0; margin-top: 0;}
518#Books td { vertical-align: top; font-size: 1.0em}
519
520
521/************************************************************** Tools Indices ***/
522#Tools-index .colone {
523	width: 300px;
524	float: left;
525	margin-right: 40px;
526}
527
528#Tools-index .twocol {
529	width: 330px;
530	float: left;
531}
532
533#Tools-index .full {
534	width: 650px;
535	float: left;
536	margin-right: 0px;
537	margin-top: 30px;
538}
539
540#Tools .content {
541        margin-left    : 55px;
542        margin-right   : 0px;
543        position: relative;
544}
545
546#Tools-index .content {
547        margin-left    : 55px;
548        margin-right   : 0px;
549        position: relative;
550}
551
552
553#Tools-index h5 { margin-bottom: 0; font-size: 1em; }
554#Tools-index .twocol p { margin-top: 0; }
555.lib-nav { display: block;
556	margin-bottom: 10px;
557	margin-left: -30px;
558	padding: 7px 0 3px 30px;
559	background: url(/img/back_off.gif) no-repeat
560}
561
562#Tools-index pre { margin-left: 30px; margin-bottom: 30px; }
563
564#Tools h2 { margin-top: 2em; }
565#Tools h5 { font-size: 1em; margin: 0; font-weight: bold; }
566#Tools h5 a { font-weight: bold; }
567#Tools h3 { clear: both; margin-bottom: 0; }
568#Tools h4 { font-size: 1em; margin-bottom: .5em; }
569#Tools h4 a {float:left; margin-left:-30px; martin-top:-5px; }
570
571
572#Tools .threecol { float: left; width: 210px; margin-right: 20px; }
573#Tools .threecol p { margin-top: 0; margin-bottom: 2em; }
574
575
576/************************************************************** Library Indices ***/
577
578#Libraries .colone {
579	width: 300px;
580	float: left;
581	margin-right: 40px;
582}
583
584#Libraries .colone-alt {
585	width: 300px;
586	float: left;
587	margin-right: 40px;
588	//background: #cccccc;
589}
590
591#Libraries .twocol {
592	width: 330px;
593	float: left;
594}
595
596#Libraries .twocol-alt {
597	width: 330px;
598	float: left;
599	//background: #cccccc;
600}
601
602
603#Libraries .twocol p { margin-top: 0; }
604
605#Libraries .full {
606	width: 650px;
607	float: left;
608	margin-right: 0px;
609	margin-top: 30px;
610}
611
612#Libraries .full-alt {
613	width: 650px;
614	float: left;
615	margin-right: 0px;
616	margin-top: 0px;
617}
618
619#Libraries .librarytitle {
620	width: 680px;
621	float: left;
622	margin-right: 0px;
623	margin-top: 0px;
624	margin-bottom: 2px;
625}
626
627#Libraries .content {
628        margin-left    : 55px;
629        margin-right   : 0px;
630        position: relative;
631}
632
633#Libraries .content {
634        margin-left    : 55px;
635        margin-right   : 0px;
636        position: relative;
637}
638
639#Libraries .lib-nav { display: block;
640	margin-bottom: 10px;
641	margin-left: -30px;
642	padding: 7px 0 3px 30px;
643	background: url(/img/back_off.gif) no-repeat
644}
645
646#Libraries pre { margin-left: 30px; margin-bottom: 30px; }
647
648#Libraries h2 { margin-top: 2em; }
649//#Libraries h3 { clear: both; margin-bottom: 0; }
650#Libraries h3 { margin-top: 0; margin-bottom: 0;}
651#Libraries h5 { font-size: 1em; margin: 0; font-weight: bold; }
652#Libraries h5 a { font-weight: bold; }
653#Libraries h4 { font-size: 1em; margin-bottom: .5em; }
654#Libraries h4 a {float:left; margin-left:-30px; martin-top:-5px; }
655
656#Libraries .threecol { float: left; width: 210px; margin-right: 20px; }
657#Libraries .threecol p { margin-top: 0; margin-bottom: 2em; }
658
659//#Libraries h5 { margin-bottom: 0; font-size: 1em; }
660
661/*
662
663#Library-index .colone {
664	width: 300px;
665	float: left;
666	margin-right: 40px;
667}
668
669#Library-index .twocol {
670	width: 330px;
671	float: left;
672}
673
674#Library-index .full {
675	width: 650px;
676	float: left;
677	margin-right: 0px;
678	margin-top: 30px;
679}
680
681#Libraries .content {
682        margin-left    : 55px;
683        margin-right   : 0px;
684        position: relative;
685}
686
687#Library-index .content {
688        margin-left    : 55px;
689        margin-right   : 0px;
690        position: relative;
691}
692
693
694#Library-index h5 { margin-bottom: 0; font-size: 1em; }
695#Library-index .twocol p { margin-top: 0; }
696.lib-nav { display: block;
697	margin-bottom: 10px;
698	margin-left: -30px;
699	padding: 7px 0 3px 30px;
700	background: url(/img/back_off.gif) no-repeat
701}
702
703#Library-index pre { margin-left: 30px; margin-bottom: 30px; }
704
705#Libraries h2 { margin-top: 2em; }
706#Libraries h5 { font-size: 1em; margin: 0; font-weight: bold; }
707#Libraries h5 a { font-weight: bold; }
708#Libraries h3 { clear: both; margin-bottom: 0; }
709#Libraries h4 { font-size: 1em; margin-bottom: .5em; }
710#Libraries h4 a {float:left; margin-left:-30px; martin-top:-5px; }
711
712#Libraries .threecol { float: left; width: 210px; margin-right: 20px; }
713#Libraries .threecol p { margin-top: 0; margin-bottom: 2em; }
714
715*/
716
717/************************************************************** environment ***/
718#Environment h1 { margin-top: 2em; }
719#Environment h5 a { float: left; margin-left: -30px; }
720ul.nostyle { margin: 0; padding: 0; list-style: none outside; }
721#Environment td { padding-bottom: 1em; }
722
723#Environment .content {
724        margin-left    : 55px;
725        margin-right   : 50px;
726        position: relative;
727}
728
729/************************************************************** comparison ***/
730#Compare h1 { margin-top: 2em; }
731#Compare h2 { margin-bottom: 0; }
732#Compare .threecol { float: left; width: 210px; margin-right: 20px; }
733#Compare .threecol p { margin-top: 0; }
734
735
736#Compare .content {
737        margin-left    : 55px;
738        margin-right   : 0px;
739        position: relative;
740}
741
742
743/************************************************************** troubleshooting ***/
744#Troubleshooting h1 { margin-top: 2em; }
745#Troubleshooting h5 a { float: left; margin-left: -30px; }
746ul.nostyle { margin: 0; padding: 0; list-style: none outside; }
747#Troubleshooting td { padding-bottom: 1em; }
748
749/************************************************************** FAQ ***/
750
751#FAQ h5 a { float: left; margin-left: -30px; }
752
753/************************************************************** examples ***/
754div.applet { float: left; margin-bottom: 40px; }
755p.doc-float { margin-left: 250px; }
756p.doc { margin-right: 40px; }
757pre.code { clear: both; margin-top: 10px; }
758
759/* #examples-nav { margin-left: -44px; display: relative; } */
760//#examples-nav { margin-left: 0px; display: relative; }
761.examples-nav-div { margin-left: -44px; margin-top: -10px; width: 480px; display: relative; align: left; }
762#examples-nav img { display: absolute; top: 15px; left: 100px; }
763
764#Examples h1 { margin-bottom: 0; }
765
766
767div.updateRequired {
768	color:#999;
769}
770div.updateRequired a {
771	color:#999;
772}
773
774
775