documentation links v4
[www.git] / css / cssfreeside2.css
1 #header1 {
2         clear: both;
3         margin: 0;
4         padding: 0;
5         padding-bottom: 20px;
6         border-bottom: 0;
7         border-right: 0;
8         border-left: 0;
9         text-align: left;
10
11         } 
12         
13 #cornernav {
14         margin: 5px;
15         padding: 0;
16         text-align: right;
17         color: #4A0E5B;
18         
19         } 
20
21 #cornernav a:link {
22         color: #4A0E5B;
23         decoration: underline;
24         font-weight: normal;
25         }
26         
27 #cornernav a:visited  {
28         color: #4A0E5B;
29         decoration: underline;
30         font-weight: normal;
31         }
32
33 #cornernav a:hover {
34         color: #F08B08;
35         decoration: underline;
36         font-weight: normal;
37         }
38
39
40
41 #header2 { /*main navigation*/
42         clear: both;
43         margin: 0;
44         padding-top: .25em;
45         padding-bottom: .5em;
46         background: #959494;
47         border-bottom: 1px solid black;
48         border-top: 1px solid black;
49         border-right: 0;
50         border-left: 0;
51         text-align: right;
52         } 
53
54 #header_extra {
55         clear: both;
56         margin: 0;
57         padding-top: .25em;
58         padding-bottom: .5em;
59         /* background: #959494; */
60         background: #F08B08;
61         border-bottom: 1px solid black;
62         /*border-top: 1px solid black;*/
63         border-right: 0;
64         border-left: 0;
65         text-align: center;
66 /*        font-size: 24px; */
67
68         font: Verdana, Arial, sans-serif;
69         font-weight: bold;
70         font-size: 20px;
71
72         } 
73
74 #header_extra a:link {
75
76         font: Verdana, Arial, sans-serif;
77         font-weight: bold;
78         font-size: 20px;
79
80         }
81
82 #nav {
83         color: #000000;
84         text-align: right;
85         margin: 0;
86         font-weight: normal;
87         text-decoration: none;
88         }
89
90 #nav a:link {
91         text-decoration: none;
92         font-color: #000000;
93         font-weight: normal;
94         }
95          
96 #nav a:hover {
97         text-decoration: none;
98         color: #fff;
99         font-weight: normal;
100         }
101
102  
103
104 #nav_sub {
105         color: #ffffff;
106         text-align: left;
107         
108         margin-left: .5em;
109         font-weight: normal;
110         text-decoration: none;
111         }
112
113 #nav_sub a:link {
114         text-decoration: none;
115         font-color: #ffffff;
116         font-weight: normal;
117         }
118 #nav_sub a:visited {
119         text-decoration: none;
120         font-color: #ffffff;
121         font-weight: normal;
122         }
123         
124 #nav_sub  a:hover {
125         text-decoration: none;
126         color: #959494;
127         font-weight: normal;
128         }
129
130 #teal {
131         color: #015572;
132         text-decoration: underline;
133         font-weight: normal;
134         
135         }
136
137          
138 #teal a:hover {
139         text-decoration: none;
140         color: #ffffff;
141         font-weight: normal;
142         margin-left: 10px;
143         }
144
145
146
147 td {
148 line-height: 1.3em;
149         word-spacing: 1px;
150 }
151
152
153 * { /*global content*/
154
155         font-family: Verdana, Arial, sans-serif;
156         font-color: #666666;
157         font-size: 12px;
158         padding: 0;
159         
160         }
161
162 ul.indented {
163         color: black;
164         line-height: 1.3em;
165         padding: 0;
166         padding-left: 2em;
167         padding-right: 10px;
168         /* margin: 10px; */
169         margin-left: 1.8em;
170         margin-top: 0px;
171         padding-top: 0px;
172 }
173
174 ol {
175         color: black;
176         line-height: 1.3em;
177         padding: 0;
178         padding-left: 2em;
179         padding-right: 10px;
180         margin: 10px;
181         margin-left: 1.8em;
182 }
183
184 #content_none {
185 }
186
187 #content1 {
188         clear: both;
189         margin: 0;
190         padding-top: .5em;
191         padding-right: 10px;
192         padding-left: 10px;
193         padding-bottom: .5em;
194         border-right: 0;
195         border-left: 0;
196         /* text-align: left; */
197         text-align: center;
198 }
199
200 #content_prd {
201         clear: both;
202         margin: 0;
203         padding-top: .5em;
204         padding-right: 10px;
205         padding-left: 10px;
206         padding-bottom: .5em;
207         border-right: 0;
208         border-left: 0;
209         text-align: center;
210 }
211
212 #content {
213         clear: both;
214         margin: 0;
215         padding-top: .5em;
216         padding-right: 10px;
217         padding-left: 10px;
218         padding-bottom: .5em;
219         border-right: 0;
220         border-left: 0;
221         /* text-align: left; */
222         text-align: left;
223 }
224
225
226 .crossout {
227         text-decoration: line-through;
228 }
229
230
231
232 #footer  {
233         clear: both;
234         border-top: 1px solid black;
235         padding: .25em;
236         margin: 0;
237         margin-top: 2px;
238         text-align: center;
239         background: #462545;
240         color: #ffffff;
241         }  
242
243 #footernav {
244         text-align: center;
245         color: #ffffff;
246         decoration: none;
247         
248         } 
249
250 #footernav a:link {
251         color: #ffffff;
252         decoration: none;
253         
254         }
255         
256 #footernav      a:visited {
257         color: #ffffff;
258         decoration: none;
259         
260         }
261
262 #footernav a:hover {
263         color: #F08B08;
264         decoration: none;
265         }
266
267         
268 a:link, a:visited {
269         color: #800080;
270         text-decoration: underline;
271         font-weight: normal;
272         word-spacing: normal;
273         }
274         
275
276         
277 a:hover {
278         color: #000;
279         }
280
281                 
282                 
283 h1 { 
284         font: Verdana, Arial, sans-serif;
285         font-weight: bold;
286         font-size: 20px; 
287         line-height: 20px;
288         color: #fff;
289         padding: 0;
290         margin: 0;
291         /* margin-top: 2.05em; */
292         margin-left: 0;
293         margin-right: 1em;
294         
295         letter-spacing: 0.02em;
296         word-spacing: 1px;
297
298         }
299
300 h2 { 
301         font: Verdana, Arial, sans-serif;
302         font-weight: bold;
303         font-size: 150%;
304         color: #ffffff ;
305         padding: 0;
306         margin-top: 5px;
307         margin-bottom: 5px;
308         margin-left: 0;
309         }
310         
311 h3 {
312         font: Verdana, Arial, sans-serif;
313         font-weight: bold;
314         font-size: 110%;
315         color: #fff;
316         padding: .5;
317         margin: 5px;
318         margin-left: .9em;
319         
320
321         }
322
323
324 h4 {
325         font: Verdana, Arial, sans-serif;
326         font-weight: bold;
327         font-size: 120%;
328         color: #336666;
329         padding: 0;
330         margin: 5px;
331         margin-left: 1em;
332 }
333
334 b.h4 {
335  color: #336666;
336
337 }
338
339         }
340
341 /* h5 {
342         font: Verdana, Arial, sans-serif;
343         font-weight: bold;
344         font-size: 120%;
345         color: #336666;
346         padding: 0;
347         margin: 5px;
348         margin-left: 10px;
349 }
350 */
351
352 b.h5 {
353  color: #401D4B;
354
355 }
356
357 h5 { 
358         font: Verdana, Arial, sans-serif;
359         font-weight: bold;
360         font-size: 200%;
361         color: #5E355D;
362         padding: 0;
363         margin: .5em;
364         margin-left: 0em;
365         /* line-height: 1.4em */
366         
367
368         }
369
370 b.h6 {
371  color: #401D4B;
372
373 }
374
375 h6 { 
376         font: Verdana, Arial, sans-serif;
377         font-weight: bold;
378         font-size: 140%;
379         color: #5E355D;
380         padding: 0;
381         margin: .5em;
382         margin-left: 0em;
383         margin-right: .5em;
384         /* line-height: 1.4em */
385         
386
387         }
388 p { 
389         color: #000000;
390         line-height: 1.4em;
391         padding: 10px;
392         margin: 0;
393         margin-left: 20px;
394         margin-right: 10px;
395         word-spacing: 1px;
396         
397    }
398
399 b {
400         color: #000000;
401         word-spacing: 1px;
402         }       
403
404
405    
406 .leftFloat {
407         float:left;
408         padding: 10px;
409         margin: 20px;
410         top-margin: 2em;
411         }
412         
413 .rightFloat {
414         float: right;
415         padding: 20px;
416         margin: 20px;
417         
418         }
419
420 body {
421         background: #E1E1E1;
422         margin: 0;
423         margin-top: 0;
424         padding: 0;
425         }
426
427 .block {
428         background: #B7B7B7;
429         padding: 5px;
430         font-size: 140%;
431         margin-left: 20px;
432         text-align: center middle;
433         }
434
435 .blkbold {
436         color: #800080;
437         font: 100%;
438         }
439
440
441
442 table.tblprod {
443         /* width: 900px; */
444         /* height: 992px; */
445         border-width: thin thin thin thin;
446         border-spacing: 15px;
447         border-style: none;
448         border-color: none gray none gray;
449         border-collapse: collapse;
450         align: center;
451         
452         background-color: #A3A3A3;
453         /* -moz-border-radius: 30px 30px 30px 30px; */
454 }
455 table.tblprod th {
456         border-width: 1px 1px 1px 1px;
457         padding: 3px 10px 10px 10px;
458         border-style: none none none none;
459         border-color: #999 gray #999 gray;
460         background-color: none;
461         /* -moz-border-radius: 30px 30px 30px 30px; */
462         text-align: left bottom;
463         border-collapse: seperate;
464 }
465
466
467 table.tblprod td {
468         border-width: 1px 1px 1px 1px;
469         padding: 5px 5px 5px 5px;
470         border-style: none;
471         border-color: gray gray gray gray;
472         /* background-color: ; */
473         
474 }
475
476 table.tblprod_insd {
477         /* width: 864px; */
478         /* height: 950px; */
479         border-width: thin thin thin thin;
480         border-spacing: 15px;
481         border-style: none;
482         border-color: none gray none gray;
483         border-collapse: collapse;
484
485         /* margin-top: 15px; */
486         /* background-image: url(../imgs/bk/whitesq.gif); */
487         background-color: #ffffff;
488         background-repeat: no-repeat;
489         /* -moz-border-radius: 30px 30px 30px 30px; */
490 }
491 table.tblprod_insd th {
492         border-width: 1px 1px 1px 1px;
493         padding: 3px 10px 10px 10px;
494         border-style: none none none none;
495         border-color: #999 gray #999 gray;
496         background-color: none;
497         /* -moz-border-radius: 30px 30px 30px 30px; */
498         text-align: left bottom;
499         border-collapse: seperate;
500 }
501
502
503 table.tblprod_insd td {
504         border-width: 1px 1px 1px 1px;
505         padding: 5px 5px 5px 5px;
506         border-style: none;
507         border-color: gray gray gray gray;
508         background-color: ;
509         
510 }
511
512 table.tblprod_insdlist {
513         /* width: 800px; */
514         border-width: thin thin thin thin;
515         border-spacing: 15px;
516         border-style: none;
517         border-color: none gray none gray;
518         border-collapse: collapse;
519
520         margin-top: 10px;
521         margin-bottom: 10px;
522         background-repeat: no-repeat;
523         
524 }
525 table.tblprod_insdlist th {
526         border-width: 1px 1px 1px 1px;
527         /* padding: 3px 10px 10px 10px; */
528         border-style: none none none none;
529         border-color: #999 gray #999 gray;
530         background-color: none;
531         /* -moz-border-radius: 30px 30px 30px 30px; */
532         text-align: left bottom;
533         border-collapse: seperate;
534 }
535
536
537 table.tblprod_insdlist td {
538         border-width: 2px 2px 2px 2px;
539         /* padding: 10px 10px 10px 10px; */
540         border-style: none none none solid;
541         border-color: #fff;
542         background-color: ;
543         border-collapse: seperate;
544         
545 }
546
547 /* ---- */
548
549 table.tblprod_new {
550         /* width: 900px; */
551         /* height: 992px; */
552         border-width: thin thin thin thin;
553 /*      border-spacing: 15px; */
554         border-style: none;
555         border-color: none gray none gray;
556         border-collapse: collapse;
557         align: center;
558         background-color: #A3A3A3;
559 }
560
561 table.tblprod_new th {
562         border-width: 1px 5px 1px 5px;
563         padding: 0px 20px 10px 20px;
564         border-style: none solid none solid;
565         border-color: #f00 #0f0 #f00 #0f0;
566         background-color: none;
567         text-align: left bottom;
568         border-collapse: seperate;
569 }
570
571
572 table.tblprod_new td {
573         border-width: 1px 1px 1px 1px;
574         padding: 0px 5px 5px 5px;
575         border-style: none;
576         border-color: gray gray gray gray;
577         /* background-color: ; */
578         
579 }
580
581 table.tblprod_insd_new {
582         /* width: 864px; */
583         /* height: 950px; */
584         border-width: thin thin thin thin;
585         border-spacing: 15px;
586         border-style: none;
587         border-color: none gray none gray;
588         border-collapse: collapse;
589
590         /* margin-top: 15px; */
591         /* background-image: url(../imgs/bk/whitesq.gif); */
592         background-color: #ffffff;
593         background-repeat: no-repeat;
594 }
595 table.tblprod_insd_new th {
596         border-width: 1px 1px 1px 1px;
597         padding: 3px 10px 10px 10px;
598         border-style: none none none none;
599         border-color: #999 gray #999 gray;
600         background-color: none;
601         text-align: left bottom;
602         border-collapse: seperate;
603 }
604
605
606 table.tblprod_insd_new td {
607         border-width: 1px 1px 1px 1px;
608         padding: 5px 5px 5px 5px;
609         border-style: none;
610         border-color: gray gray gray gray;
611         background-color: ;
612         
613 }
614
615 table.tblprod_insdlist_new {
616         /* width: 800px; */
617         border-width: thin thin thin thin;
618         border-spacing: 15px;
619         border-style: none;
620         border-color: none gray none gray;
621         border-collapse: collapse;
622
623         margin-top: 10px;
624         margin-bottom: 10px;
625         background-repeat: no-repeat;
626         
627 }
628 table.tblprod_insdlist_new th {
629         border-width: 1px 1px 1px 1px;
630         /* padding: 3px 10px 10px 10px; */
631         border-style: none none none none;
632         border-color: #999 gray #999 gray;
633         background-color: none;
634         text-align: left bottom;
635         border-collapse: seperate;
636 }
637
638
639 table.tblprod_insdlist_new td {
640         border-width: 2px 2px 2px 2px;
641         /* padding: 10px 10px 10px 10px; */
642         border-style: none none none solid;
643         border-color: #fff;
644         background-color: ;
645         border-collapse: seperate;
646         
647 }
648
649 /* ---- */
650
651 table.tblprod_tab {
652         /* width: 900px; */
653         /* height: 992px; */
654 /*      border-width: thin thin thin thin;
655         border-spacing: 15px;
656         border-style: none;
657         border-color: none gray none gray;
658         border-collapse: collapse;
659         */
660         align: center;
661         background-color: #A3A3A3;
662 }
663
664 table.tblprod_tab th {
665         border-width: 5px 5px 0px 5px;
666         padding: 5px 20px 10px 20px;
667         border-style: solid solid none solid ;
668         border-color: #a3a3a3;
669         background-color: none;
670         text-align: left bottom;
671         border-collapse: seperate;
672         background-color: #ffffff;
673 }
674
675
676 table.tblprod_tab td {
677         border-width: 1px 5px 5px 5px;
678         padding: 10px 20px 10px 20px;
679         border-style: none none solid none;
680         border-color: #a3a3a3;
681         background-color: #cccccc;
682 }
683
684 table.tblprod_insd_tab {
685         /* width: 864px; */
686         /* height: 950px; */
687         border-width: thin thin thin thin;
688         border-spacing: 15px;
689         border-style: none;
690         border-color: none gray none gray;
691         border-collapse: collapse;
692
693         /* margin-top: 15px; */
694         /* background-image: url(../imgs/bk/whitesq.gif); */
695         background-color: #ffffff;
696         background-repeat: no-repeat;
697 }
698 table.tblprod_insd_tab th {
699         border-width: 1px 1px 1px 1px;
700         padding: 3px 10px 10px 10px;
701         border-style: none none none none;
702         border-color: #999 gray #999 gray;
703         background-color: none;
704         text-align: left bottom;
705         border-collapse: seperate;
706 }
707
708
709 table.tblprod_insd_tab td {
710         border-width: 1px 1px 1px 1px;
711         padding: 5px 5px 5px 5px;
712         border-style: none;
713         border-color: gray gray gray gray;
714         background-color: ;
715         
716 }
717
718 table.tblprod_insdlist_tab {
719         /* width: 800px; */
720         border-width: thin thin thin thin;
721         border-spacing: 15px;
722         border-style: none;
723         border-color: none gray none gray;
724         border-collapse: collapse;
725
726         margin-top: 10px;
727         margin-bottom: 10px;
728         background-repeat: no-repeat;
729         
730 }
731 table.tblprod_insdlist_tab th {
732         border-width: 1px 1px 1px 1px;
733         /* padding: 3px 10px 10px 10px; */
734         border-style: none none none none;
735         border-color: #999 gray #999 gray;
736         background-color: none;
737         text-align: left bottom;
738         border-collapse: seperate;
739 }
740
741
742 table.tblprod_insdlist_tab td {
743         border-width: 2px 2px 2px 2px;
744         /* padding: 10px 10px 10px 10px; */
745         border-style: none none none solid;
746         border-color: #fff;
747         background-color: ;
748         border-collapse: seperate;
749         
750 }
751
752 /* ---- */
753
754 table.pgtitle {
755         width: 950px;
756         
757         border-spacing: 0;
758         border-style: none;
759         border-color: none gray none gray;
760         border-collapse: collapse;
761         background-color: ;
762         margin-left: 10px;
763         align:left;
764         
765 }
766 table.pgtitle th {
767         border-width: 1px 1px 1px 1px;
768         
769         border-style: none none none none;
770         border-color: #999 gray #999 gray;
771         background-color: #B6B5B5;
772         -moz-border-radius: 30px 30px 30px 30px;
773         text-align: left bottom;
774         border-collapse: seperate;
775 }
776
777
778 table.pgtitle td {
779         border-width: 1px 1px 1px 1px;
780         padding: 5px 5px 5px 5px;
781         border-style: none;
782         border-color: gray gray gray gray;
783         background-color: ;
784         
785 }
786
787 table.servteal{
788         width: 80%;
789         border-width: thin thin thin thin;
790         border-spacing: 10px;
791         border-style: none;
792
793         border-collapse: seperate;
794         margin-left: 5px;
795         
796         margin-top: 10px
797 }
798
799 table.servteal th {
800         border-width: 1px 1px 1px 1px;
801         padding: 10px 10px 10px 10px;
802         border-style: none none none none;
803         border-color: #999 gray #999 gray;
804         margin-left: 10px;
805         text-align: left bottom;
806 }
807
808 table.servpurp{
809         width: 100%;
810         border-width: thin thin thin thin;
811         border-spacing: 4px;
812         border-style: none;
813
814         border-collapse: seperate;
815
816         margin-left:0px;
817         /* margin-top: 10px */
818 }
819
820 table.serv {
821         width: 100%;
822         border-width: thin thin thin thin;
823         border-spacing: 10px;
824         border-style: none;
825         border-color: gray gray gray gray;
826         border-collapse: seperate;
827         
828         margin-left:10px;
829         margin-bottom: 30px;
830         background-position: right bottom;
831 }
832
833 table.serv td {
834         border-width: 1px 1px 1px 1px;
835         padding: 5px 5px 5px 5px;
836         border-style: none none none none;
837         border-color: gray gray gray gray;
838         background-color: none;
839         margin-left: 30px;
840         
841         
842 }
843 table.servpurp th {
844         border-width: 1px 1px 1px 1px;
845         padding: 1px 1px 1px 1px;
846         border-style: none none none none;
847         border-color: #999 gray #999 gray;
848         background-color: #60385F;
849
850         text-align: left bottom;
851 }
852
853
854 table.servpurp td {
855         border-width: 1px 1px 1px 1px;
856         padding: 5px 5px 5px 5px;
857         border-style: none none none solid;
858         border-color: gray gray gray gray;
859         /* background-color: #919090; */
860         background-color: #ffffff;
861 }
862
863 table.demo {
864         width: 100%;
865         height: 180px;
866         border-width: thin thin thin thin;
867         border-spacing: 10px;
868         border-style: none;
869         border-color: gray gray gray gray;
870         border-collapse: seperate;
871         background-color: ;
872         margin-left:30px;
873         /* background-image: url(../imgs/bk/s.gif);
874         background-repeat: no-repeat;
875         */
876 }
877 table.demo th {
878         border-width: 1px 1px 1px 1px;
879         padding: 5px 5px 5px 5px;
880         border-style: none;
881         border-color: #999 gray #999 gray;
882         background-color: ;
883         -moz-border-radius: 6px 6px 6px 6px;
884         text-align: left bottom;
885         font-weight: normal;
886 }
887
888
889 table.demo td {
890         border-width: 1px 1px 1px 1px;
891         padding: 5px 5px 5px 5px;
892         border-style:none;
893         border-color: gray gray gray gray;
894         background-color: #ccc;
895         -moz-border-radius: 12px 12px 12px 12px;
896 }
897
898 table.dev {
899
900         border-width: thin thin thin thin;
901         /* border-spacing: 10px; */
902         border-style: none;
903         border-color: gray gray gray gray;
904         border-collapse: seperate;
905 }
906 table.dev th {
907 /*      border-width: 1px 1px 1px 1px;
908         padding: 5px 5px 5px 5px;
909         border-style: solid none none none;
910         border-color: #999 gray #999 gray;
911         */
912         background-color: #60385F;
913         text-align: left bottom;
914 }
915
916
917 table.dev td {
918         border-width: 1px 1px 1px 1px;
919         padding: 5px 5px 5px 5px;
920         border-style: none solid solid solid;
921         border-color: gray gray gray gray;
922         background-color: #ffffff;
923 }
924
925 table.selfserv {
926   /* padding: 20px; */
927 }
928
929 table.selfserv tr {
930   /* padding: 20px; */
931 }
932
933 table.selfserv td {
934   padding: 2px;
935 }
936
937 table.support-plans {
938   padding-left: 32px;
939 }
940
941 table.support-plans th {
942   background-color:#FFFFFF;
943   border-style:none;
944   text-align: center;
945   padding: 10px;
946 }
947
948 table.support-plans td {
949   background-color:#FFFFFF;
950   text-align: center;
951   border-top: none;
952   border-left: none;
953   border-right: none;
954   border-bottom: 1px solid #CCCCCC;
955 }
956
957 table.support-plans .yes {
958     color: #008000;
959     font-size: 26px;
960 }
961
962 table.support-plans .smyes {
963     color: #004000;
964     font-weight: bold;
965 }
966
967 table.support-plans .no {
968     color: #800000;
969     font-size: 20px;
970 }
971
972 table.comparison th {
973   background-color:#FFFFFF;
974   border-right: 1px solid #999999;
975   border-bottom: 1px solid #DDDDDD;
976   padding-top: 8px;
977   vertical-align: middle;
978 /*
979   border-style:none;
980   padding: 10px;
981 */
982 }
983
984 table.comparison td {
985   background-color:#FFFFFF;
986   text-align: center;
987   border-top: none;
988   border-left: none;
989   border-bottom: 1px solid #DDDDDD;
990   border-right: 1px solid #999999;
991 }
992
993 table.comparison .yes {
994     color: #008000;
995     font-size: 26px;
996 }
997
998 table.comparison .smyes {
999     color: #004000;
1000     font-weight: bold;
1001 }
1002
1003 table.comparison .no {
1004     color: #800000;
1005     font-size: 20px;
1006 }
1007
1008 table.comparison .maybe {
1009     color: #CCCC00;
1010     font-weight: bold;
1011 }