OSDN Git Service

初回コミット(v2.6.17.1)
[magic3/magic3.git] / templates / I_dive / css / template.css
1 /* begin Page */
2
3 /* Generated with Artisteer version 2.3.0.23326, file checksum is 9463C51A. */
4
5 body
6 {
7         margin: 0 auto;
8         padding: 0;
9         background-color: #008BDF;
10         background-image: url('../images/Page-BgTexture.jpg');
11         background-repeat: no-repeat;
12         background-attachment: scroll;
13         background-position: top left;
14 }
15
16 #art-main
17 {
18         position: relative;
19         width: 100%;
20         left: 0;
21         top: 0;
22 }
23
24 #art-page-background-glare
25 {
26         position: absolute;
27         width: 100%;
28         height: 512px;
29         left: 0;
30         top: 0;
31 }
32
33 #art-page-background-glare-image
34 {
35         background-image: url('../images/Page-BgGlare.png');
36         background-repeat: no-repeat;
37         height: 512px;
38         width: 601px;
39         margin: 0;
40 }
41
42 html:first-child #art-page-background-glare
43 {
44         border: 1px solid transparent; /* Opera fix */
45 }
46
47
48
49 #art-page-background-gradient
50 {
51         background-position: top left;
52 }
53
54
55 .cleared
56 {
57         float: none;
58         clear: both;
59         margin: 0;
60         padding: 0;
61         border: none;
62         font-size:1px;
63 }
64
65
66 form
67 {
68         padding:0 !important;
69         margin:0 !important;
70 }
71
72 table.position
73 {
74         position: relative;
75         width: 100%;
76         table-layout: fixed;
77 }
78 /* end Page */
79
80 /* begin Box, Sheet */
81 .art-Sheet
82 {
83         position:relative;
84         z-index:0;
85         margin:0 auto;
86         width: 991px;
87         min-width:33px;
88         min-height:33px;
89 }
90
91 .art-Sheet-body
92 {
93         position: relative;
94         z-index: 1;
95         padding: 3px;
96 }
97
98 .art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc,.art-Sheet-cr, .art-Sheet-cl
99 {
100         position:absolute;
101         z-index:-1;
102 }
103
104 .art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl
105 {
106         width: 44px;
107         height: 44px;
108         background-image: url('../images/Sheet-s.png');
109 }
110
111 .art-Sheet-tl
112 {
113         top:0;
114         left:0;
115         clip: rect(auto, 22px, 22px, auto);
116 }
117
118 .art-Sheet-tr
119 {
120         top: 0;
121         right: 0;
122         clip: rect(auto, auto, 22px, 22px);
123 }
124
125 .art-Sheet-bl
126 {
127         bottom: 0;
128         left: 0;
129         clip: rect(22px, 22px, auto, auto);
130 }
131
132 .art-Sheet-br
133 {
134         bottom: 0;
135         right: 0;
136         clip: rect(22px, auto, auto, 22px);
137 }
138
139 .art-Sheet-tc, .art-Sheet-bc
140 {
141         left: 22px;
142         right: 22px;
143         height: 44px;
144         background-image: url('../images/Sheet-h.png');
145 }
146
147 .art-Sheet-tc
148 {
149         top: 0;
150         clip: rect(auto, auto, 22px, auto);
151 }
152
153 .art-Sheet-bc
154 {
155         bottom: 0;
156         clip: rect(22px, auto, auto, auto);
157 }
158
159 .art-Sheet-cr, .art-Sheet-cl
160 {
161         top: 22px;
162         bottom: 22px;
163         width: 44px;
164         background-image: url('../images/Sheet-v.png');
165 }
166
167 .art-Sheet-cr
168 {
169         right:0;
170         clip: rect(auto, auto, auto, 22px);
171 }
172
173 .art-Sheet-cl
174 {
175         left:0;
176         clip: rect(auto, 22px, auto, auto);
177 }
178
179 .art-Sheet-cc
180 {
181         position:absolute;
182         z-index:-1;
183         top: 22px;
184         left: 22px;
185         right: 22px;
186         bottom: 22px;
187         background-image: url('../images/Sheet-c.png');
188 }
189
190
191 .art-Sheet
192 {
193         margin-top: 193px !important;
194 }
195
196 #art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
197 {
198         min-width:991px;
199 }
200
201 /* end Box, Sheet */
202
203 /* begin Menu */
204 /* menu structure */
205
206 .art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
207 {
208         text-align:left;
209         text-decoration:none;
210         outline:none;
211         letter-spacing:normal;
212         word-spacing:normal;
213 }
214
215 .art-menu, .art-menu ul
216 {
217         margin: 0;
218         padding: 0;
219         border: 0;
220         list-style-type: none;
221         display: block;
222 }
223
224 .art-menu li
225 {
226         margin: 0;
227         padding: 0;
228         border: 0;
229         display: block;
230         float: left;
231         position: relative;
232         z-index: 5;
233         background:none;
234 }
235
236 .art-menu li:hover
237 {
238         z-index: 10000;
239         white-space: normal;
240 }
241
242 .art-menu li li
243 {
244         float: none;
245 }
246
247 .art-menu ul
248 {
249         visibility: hidden;
250         position: absolute;
251         z-index: 10;
252         left: 0;
253         top: 0;
254         background:none;
255 }
256
257 .art-menu li:hover>ul
258 {
259         visibility: visible;
260         top: 100%;
261 }
262
263 .art-menu li li:hover>ul
264 {
265         top: 0;
266         left: 100%;
267 }
268
269 .art-menu:after, .art-menu ul:after
270 {
271         content: ".";
272         height: 0;
273         display: block;
274         visibility: hidden;
275         overflow: hidden;
276         clear: both;
277 }
278 .art-menu, .art-menu ul
279 {
280         min-height: 0;
281 }
282
283 .art-menu ul
284 {
285         background-image: url(../images/spacer.gif);
286         padding: 10px 30px 30px 30px;
287         margin: -10px 0 0 -30px;
288 }
289
290 .art-menu ul ul
291 {
292         padding: 30px 30px 30px 10px;
293         margin: -30px 0 0 -10px;
294 }
295
296
297
298
299
300 /* menu structure */
301
302 .art-menu
303 {
304         padding: 0px 10px 0px 10px;
305 }
306
307 .art-nav
308 {
309         position: relative;
310         height: 47px;
311         z-index: 100;
312 }
313
314 .art-nav .l, .art-nav .r
315 {
316         position: absolute;
317         z-index: -1;
318         top: 0;
319         height: 47px;
320         background-image: url('../images/nav.png');
321 }
322
323 .art-nav .l
324 {
325         left: 0;
326         right:10px;
327 }
328
329 .art-nav .r
330 {
331         right: 0;
332         width: 985px;
333         clip: rect(auto, auto, auto, 975px);
334 }
335
336
337 /* end Menu */
338
339 /* begin MenuItem */
340 .art-menu ul li
341 {
342         clear: both;
343 }
344
345 .art-menu a
346 {
347         position:relative;
348         display: block;
349         overflow:hidden;
350         height: 47px;
351         cursor: pointer;
352         text-decoration: none;
353         margin-right: 0px;
354         margin-left: 0px;
355 }
356
357
358 .art-menu a .r, .art-menu a .l
359 {
360         position:absolute;
361         display: block;
362         top:0;
363         z-index:-1;
364         height: 141px;
365         background-image: url('../images/MenuItem.png');
366 }
367
368 .art-menu a .l
369 {
370         left:0;
371         right:0px;
372 }
373
374 .art-menu a .r
375 {
376         width:400px;
377         right:0;
378         clip: rect(auto, auto, auto, 400px);
379 }
380
381 .art-menu a .t 
382 {
383 font-family: Arial, Helvetica, Sans-Serif;
384 font-size: 12px;
385 font-style: normal;
386 font-weight: normal;
387         color: #FCFCFC;
388         padding: 0 12px;
389         margin: 0 0px;
390         line-height: 47px;
391         text-align: center;
392 }
393
394 .art-menu a:hover .l, .art-menu a:hover .r
395 {
396         top:-47px;
397 }
398
399 .art-menu li:hover>a .l, .art-menu li:hover>a .r
400 {
401         top:-47px;
402 }
403
404 .art-menu li:hover a .l, .art-menu li:hover a .r
405 {
406         top:-47px;
407 }
408 .art-menu a:hover .t
409 {
410         color: #E8E8E8;
411 }
412
413 .art-menu li:hover a .t
414 {
415         color: #E8E8E8;
416 }
417
418 .art-menu li:hover>a .t
419 {
420         color: #E8E8E8;
421 }
422
423
424 .art-menu a.active .l, .art-menu a.active .r
425 {
426         top: -94px;
427 }
428
429 .art-menu a.active .t
430 {
431         color: #FCFCFC;
432 }
433
434
435 /* end MenuItem */
436
437 /* begin MenuSeparator */
438 .art-nav .art-menu-separator
439 {
440         display: block;
441         width: 1px;
442         height: 47px;
443         background-image: url('../images/MenuSeparator.png');
444 }
445
446 /* end MenuSeparator */
447
448 /* begin MenuSubItem */
449 .art-menu ul a
450 {
451         display:block;
452         text-align: center;
453         white-space: nowrap;
454         height: 29px;
455         width: 180px;
456         overflow:hidden;
457         line-height: 29px;
458         margin-right: auto;
459
460
461         background-image: url('../images/subitem-bg.png');
462         background-position: left top;
463         background-repeat: repeat-x;
464         border-width: 0px;
465         border-style: solid;
466 }
467
468 .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
469 {
470         display: inline;
471         float: none;
472         margin: inherit;
473         padding: inherit;
474         background-image: none;
475         text-align: inherit;
476         text-decoration: inherit;
477 }
478
479 .art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
480 {
481         text-align: left;
482         text-indent: 12px;
483         text-decoration: none;
484         line-height: 29px;
485         color: #FCFCFC;
486 font-family: Arial, Helvetica, Sans-Serif;
487 font-size: 12px;
488 font-style: normal;
489 font-weight: normal;
490 }
491
492 .art-menu ul ul a
493 {
494         margin-left: auto;
495 }
496
497 .art-menu ul li a:hover
498 {
499         color: #0074BD;
500         background-position: 0 -29px;
501 }
502
503 .art-menu ul li:hover>a
504 {
505         color: #0074BD;
506         background-position: 0 -29px;
507 }
508
509 .art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
510 {
511         color: #0074BD;
512 }
513
514 .art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
515 {
516         color: #0074BD;
517 }
518
519
520 /* end MenuSubItem */
521
522 /* begin ContentLayout */
523 .art-contentLayout
524 {
525         position: relative;
526         margin-bottom: 0px;
527         width: 985px;
528 }
529 /* end ContentLayout */
530
531 /* begin Box, Block */
532 .art-Block
533 {
534         position:relative;
535         z-index:0;
536         margin:0 auto;
537         min-width:1px;
538         min-height:1px;
539 }
540
541 .art-Block-body
542 {
543         position: relative;
544         z-index: 1;
545         padding: 0px;
546 }
547
548
549
550 .art-Block
551 {
552         margin: 7px;
553 }
554
555 /* end Box, Block */
556
557 /* begin BlockHeader */
558 .art-BlockHeader
559 {
560         position:relative;
561         z-index:0;
562         height: 30px;
563         padding: 0 8px;
564         margin-bottom: 0px;
565 }
566
567 .art-BlockHeader .t
568 {
569         height: 30px;
570         color: #FFFFFF;
571 font-family: Arial, Helvetica, Sans-Serif;
572 font-size: 12px;
573 font-style: normal;
574 font-weight: bold;
575         white-space : nowrap;
576         padding: 0 6px;
577         line-height: 30px;      
578 }
579
580 .art-BlockHeader .l, .art-BlockHeader .r
581 {
582         display:block;
583         position:absolute;
584         z-index:-1;
585         height: 30px;
586         background-image: url('../images/BlockHeader.png');
587 }
588
589 .art-BlockHeader .l
590 {
591         left:0;
592         right:1px;
593 }
594
595 .art-BlockHeader .r
596
597         width:985px;
598         right:0;
599         clip: rect(auto, auto, auto, 984px);
600 }
601
602
603
604
605
606 .art-header-tag-icon
607 {
608     height: 30px;
609         background-position:left top;
610         background-image: url('../images/BlockHeaderIcon.png');
611         padding:0 0 0 32px;
612         background-repeat: no-repeat;
613         min-height: 32px;
614         margin: 0 0 0 5px;
615 }
616
617
618 /* end BlockHeader */
619
620 /* begin Box, BlockContent */
621 .art-BlockContent
622 {
623         position:relative;
624         z-index:0;
625         margin:0 auto;
626         min-width:1px;
627         min-height:1px;
628 }
629
630 .art-BlockContent-body
631 {
632         position: relative;
633         z-index: 1;
634         padding: 7px;
635 }
636
637
638
639 .art-BlockContent-body
640 {
641         color:#FFFFFF;
642 font-family: Arial, Helvetica, Sans-Serif;
643 font-size: 12px;
644 font-style: normal;
645 font-weight: normal;
646 }
647
648 .art-BlockContent-body a:link
649 {
650         color: #FCFCFC;
651 font-family: Arial, Helvetica, Sans-Serif;
652 text-decoration: none;
653 }
654
655 .art-BlockContent-body a:visited, .art-BlockContent-body a.visited
656 {
657         color: #FFFFFF;
658 font-family: Arial, Helvetica, Sans-Serif;
659 text-decoration: underline;
660 }
661
662 .art-BlockContent-body a:hover, .art-BlockContent-body a.hover
663 {
664         color: #008BDF;
665 font-family: Arial, Helvetica, Sans-Serif;
666 text-decoration: none;
667 }
668
669 .art-BlockContent-body ul
670 {
671         list-style-type: none;
672         color: #121212;
673         margin:0;
674         padding:0;
675 }
676
677 .art-BlockContent-body ul li
678 {
679 font-family: Arial, Helvetica, Sans-Serif;
680 font-size: 12px;
681 text-decoration: none;
682 line-height: 125%;
683   line-height: 1.25em;
684   padding: 0px 0 0px 20px;
685   background-image: url('../images/BlockContentBullets.png');
686   background-repeat: no-repeat;
687 }
688
689 /* end Box, BlockContent */
690
691 /* begin Box, Post */
692 .art-Post
693 {
694         position:relative;
695         z-index:0;
696         margin:0 auto;
697         min-width:1px;
698         min-height:1px;
699 }
700
701 .art-Post-body
702 {
703         position: relative;
704         z-index: 1;
705         padding: 10px;
706 }
707
708
709
710 .art-Post
711 {
712         margin: 7px;
713 }
714
715 /* Start images */
716 a img
717 {
718         border: 0;
719 }
720
721 .art-article img, img.art-article
722 {
723         border: solid 5px #FFFFFF;
724         margin: 1em;
725 }
726
727 .art-metadata-icons img
728 {
729         border: none;
730         vertical-align: middle;
731         margin: 2px;
732 }
733 /* Finish images */
734
735 /* Start tables */
736
737 .art-article table, table.art-article
738 {
739         border-collapse: collapse;
740         margin: 1px;
741         width:auto;
742 }
743
744 .art-article table, table.art-article .art-article tr, .art-article th, .art-article td
745 {
746         background-color:Transparent;
747 }
748
749 .art-article th, .art-article td
750 {
751         padding: 2px;
752         border: solid 1px #FFFFFF;
753         vertical-align: top;
754         text-align:left;
755 }
756
757 .art-article th
758 {
759         text-align: center;
760         vertical-align: middle;
761         padding: 7px;
762 }
763
764 /* Finish tables */
765
766 pre
767 {
768         overflow: auto;
769         padding: 0.1em;
770 }
771
772 /* end Box, Post */
773
774 /* begin PostHeaderIcon */
775 .art-PostHeader
776 {
777         text-decoration:none;
778         margin: 0.2em 0;
779         padding: 0;
780         font-weight:normal;
781         font-style:normal;
782         letter-spacing:normal;
783         word-spacing:normal;
784         font-variant:normal;
785         text-decoration:none;
786         font-variant:normal;
787         text-transform:none;
788         text-align:left;
789         text-indent:0;
790         line-height:inherit;
791 font-family: Arial, Helvetica, Sans-Serif;
792 font-size: 22px;
793 font-style: normal;
794 font-weight: bold;
795 text-align: left;
796         color: #FFFFFF;
797 }
798
799 .art-PostHeader a, .art-PostHeader a:link, .art-PostHeader a:visited, .art-PostHeader a:hover
800 {
801 font-family: Arial, Helvetica, Sans-Serif;
802 font-size: 22px;
803 font-style: normal;
804 font-weight: bold;
805 text-align: left;
806         margin:0;
807         color: #FFFFFF;
808 }
809
810 /* end PostHeaderIcon */
811
812 /* begin PostHeader */
813 .art-PostHeader a:link
814 {
815 font-family: Arial, Helvetica, Sans-Serif;
816 text-decoration: none;
817 text-align: left;
818   color: #84E4EB;
819 }
820
821 .art-PostHeader a:visited, .art-PostHeader a.visited
822 {
823 font-family: Arial, Helvetica, Sans-Serif;
824 text-decoration: none;
825 text-align: left;
826   color: #CCCCCC;
827 }
828
829 .art-PostHeader a:hover, .art-PostHeader a.hovered
830 {
831 font-family: Arial, Helvetica, Sans-Serif;
832 text-decoration: none;
833 text-align: left;
834   color: #FFFFFF;
835 }
836 /* end PostHeader */
837
838 /* begin PostIcons */
839 .art-PostHeaderIcons
840 {
841         padding:1px;
842 }
843
844 .art-PostHeaderIcons, .art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a:hover
845 {
846 font-family: Arial, Helvetica, Sans-Serif;
847 font-size: 11px;
848         color: #1C1C1C;
849 }
850
851 .art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a:hover
852 {
853         margin:0;
854 }
855
856 .art-PostHeaderIcons a:link
857 {
858 font-family: Arial, Helvetica, Sans-Serif;
859 text-decoration: underline;
860         color: #4D4D4D;
861 }
862
863 .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a.visited
864 {
865 font-family: Arial, Helvetica, Sans-Serif;
866 text-decoration: underline;
867         color: #4D4D4D;
868 }
869
870 .art-PostHeaderIcons a:hover, .art-PostHeaderIcons a.hover
871 {
872 font-family: Arial, Helvetica, Sans-Serif;
873 text-decoration: none;
874         color: #B2B2B2;
875 }
876 /* end PostIcons */
877
878 /* begin PostContent */
879 /* Content Text Font & Color (Default) */
880 body
881 {
882 font-family: Arial, Helvetica, Sans-Serif;
883 font-size: 12px;
884 font-style: normal;
885 font-weight: normal;
886   color: #FFFFFF;
887 }
888
889 .art-PostContent
890 {
891 font-family: Arial, Helvetica, Sans-Serif;
892 font-size: 12px;
893 font-style: normal;
894 font-weight: normal;
895 text-align: justify;
896   color: #FFFFFF;
897 }
898
899 /* Start Content link style */
900 /*
901 The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
902 http://www.w3schools.com/CSS/css_pseudo_classes.asp
903 http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
904 */
905 a
906 {
907 font-family: Arial, Helvetica, Sans-Serif;
908 text-decoration: underline;
909   color: #84E4EB;
910 }
911
912 /* Adds special style to an unvisited link. */
913 a:link
914 {
915 font-family: Arial, Helvetica, Sans-Serif;
916 text-decoration: underline;
917   color: #84E4EB;
918 }
919
920 /* Adds special style to a visited link. */
921 a:visited, a.visited
922 {
923 font-family: Arial, Helvetica, Sans-Serif;
924 text-decoration: underline;
925   color: #1149E4;
926 }
927
928 /* :hover - adds special style to an element when you mouse over it. */
929 a:hover, a.hover
930 {
931 font-family: Arial, Helvetica, Sans-Serif;
932 text-decoration: none;
933   color: #FFFFFF;
934 }
935
936 /* Finish Content link style */
937
938 /* Resert some headings default style & links default style for links in headings*/
939 h1, h2, h3, h4, h5, h6,
940 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
941 h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
942 h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
943 {
944   font-weight: normal;
945   font-style: normal;
946   text-decoration: none;
947 }
948
949
950 /* Start Content headings Fonts & Colors  */
951 h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
952 {
953 font-family: Arial, Helvetica, Sans-Serif;
954 font-size: 28px;
955 font-style: normal;
956 font-weight: bold;
957 text-align: left;
958   color: #FCFCFC;
959 }
960
961 h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
962 {
963 font-family: Arial, Helvetica, Sans-Serif;
964 font-size: 22px;
965 font-style: normal;
966 font-weight: bold;
967 text-align: left;
968   color: #84E4EB;
969 }
970
971 h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
972 {
973 font-family: Arial, Helvetica, Sans-Serif;
974 font-size: 18px;
975 font-style: normal;
976 font-weight: bold;
977 text-align: left;
978   color: #1149E4;
979 }
980
981 h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
982 {
983 font-family: Arial, Helvetica, Sans-Serif;
984 font-size: 16px;
985 font-style: normal;
986 font-weight: bold;
987 text-align: left;
988   color: #EDEDED;
989 }
990
991 h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
992 {
993 font-family: Arial, Helvetica, Sans-Serif;
994 font-size: 14px;
995 font-style: normal;
996 font-weight: bold;
997 text-align: left;
998   color: #EDEDED;
999 }
1000
1001 h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
1002 {
1003 font-family: Arial, Helvetica, Sans-Serif;
1004 font-size: 14px;
1005 font-style: normal;
1006 font-weight: bold;
1007 text-align: left;
1008   color: #EDEDED;
1009 }
1010 /* Finish Content headings Fonts & Colors  */
1011
1012
1013 /* end PostContent */
1014
1015 /* begin PostBullets */
1016 /* Start Content list */
1017 ol, ul
1018 {
1019         color: #FFFFFF;
1020         margin:1em 0 1em 2em;
1021         padding:0;
1022 font-family: Arial, Helvetica, Sans-Serif;
1023 font-size: 12px;
1024 }
1025
1026 li ol, li ul
1027 {
1028         margin:0.5em 0 0.5em 2em;
1029         padding:0;
1030 }
1031
1032 li 
1033 {
1034         margin:0.2em 0;
1035         padding:0;
1036 }
1037
1038 ul
1039 {
1040         list-style-type: none;
1041 }
1042
1043 ol
1044 {
1045         list-style-position:inside;
1046         
1047 }
1048
1049
1050
1051 .art-Post li
1052 {
1053         padding:1px 0 1px 20px;
1054         line-height:1.2em;
1055 }
1056
1057 .art-Post ol li, .art-Post ul ol li
1058 {
1059         background: none;
1060         padding-left:0;
1061 }
1062
1063 .art-Post ul li, .art-Post ol ul li 
1064 {
1065         background-image: url('../images/PostBullets.png');
1066         background-repeat:no-repeat;
1067         padding-left:20px;
1068 }
1069
1070
1071 /* Finish Content list */
1072 /* end PostBullets */
1073
1074 /* begin PostQuote */
1075 /* Start blockquote */
1076 blockquote,
1077 blockquote p,
1078 .art-PostContent blockquote p
1079 {
1080         color:#FFFFFF;
1081 font-family: Arial, Helvetica, Sans-Serif;
1082 font-style: italic;
1083 font-weight: normal;
1084 text-align: left;
1085 }
1086
1087 blockquote,
1088 .art-PostContent blockquote
1089 {
1090                 border:solid 1px #FCFCFC; 
1091                 margin:10px 10px 10px 50px;
1092         padding:5px 5px 5px 41px;
1093         background-color:#008BDF;
1094         background-image:url('../images/PostQuote.png');
1095         background-position:left top;
1096         background-repeat:no-repeat;
1097 }
1098
1099
1100 /* Finish blockuote */
1101 /* end PostQuote */
1102
1103 /* begin Button */
1104 .art-button-wrapper .art-button
1105 {
1106         display:inline-block;
1107         width: auto;
1108         outline:none;
1109         border:none;
1110         background:none;
1111         line-height:27px;
1112         margin:0 !important;
1113         padding:0 !important;
1114         overflow: visible;
1115         cursor: default;
1116         text-decoration: none !important;
1117         z-index:0;
1118         vertical-align: middle;
1119 }
1120
1121 .art-button img, .art-button-wrapper img
1122 {
1123   margin: 0;
1124 }
1125
1126 .art-button-wrapper
1127 {
1128         display:inline-block;
1129         vertical-align: middle;
1130         position:relative;
1131         height: 27px;
1132         overflow:hidden;
1133         white-space: nowrap;
1134         width: auto;
1135         z-index:0;
1136 }
1137
1138 .firefox2 .art-button-wrapper
1139 {
1140         display:block;
1141         float:left;
1142 }
1143
1144 .art-button-wrapper .art-button
1145 {
1146         display:block;
1147         height: 27px;
1148 font-family: Arial, Helvetica, Sans-Serif;
1149 font-size: 12px;
1150 font-style: normal;
1151 font-weight: normal;
1152         white-space: nowrap;
1153         text-align: left;
1154         padding: 0 15px !important;
1155         line-height: 27px;
1156         text-decoration: none !important;
1157         color: #008BDF !important;
1158 }
1159
1160 input, select
1161 {
1162   vertical-align: middle;
1163 font-family: Arial, Helvetica, Sans-Serif;
1164 font-size: 12px;
1165 font-style: normal;
1166 font-weight: normal;
1167 }
1168
1169 .art-button-wrapper.hover .art-button, .art-button:hover
1170 {
1171         color: #FCFCFC !important;
1172         text-decoration: none !important;
1173 }
1174
1175 .art-button-wrapper.active .art-button
1176 {
1177         color: #696969 !important;
1178 }
1179
1180 .art-button-wrapper .l, .art-button-wrapper .r
1181 {
1182         display:block;
1183         position:absolute;
1184         z-index:-1;
1185         height: 81px;
1186         background-image: url('../images/Button.png');
1187 }
1188
1189 .art-button-wrapper .l
1190 {
1191         left:0;
1192         right:11px;
1193 }
1194
1195 .art-button-wrapper .r
1196 {
1197         width:423px;
1198         right:0;
1199         clip: rect(auto, auto, auto, 412px);
1200 }
1201
1202 .art-button-wrapper.hover .l, .art-button-wrapper.hover .r
1203 {
1204         top: -27px;
1205 }
1206
1207 .art-button-wrapper.active .l, .art-button-wrapper.active .r
1208 {
1209         top: -54px;
1210 }
1211
1212
1213 /* end Button */
1214
1215 /* begin Footer */
1216 .art-Footer
1217 {
1218         position:relative;
1219         z-index:0;
1220         overflow:hidden;
1221         width: 985px;
1222         margin: 5px auto 0px auto;
1223 }
1224
1225 .art-Footer .art-Footer-inner
1226 {
1227         height:1%;
1228         position: relative;
1229         z-index: 0;
1230         padding: 20px;
1231         text-align: left;
1232 }
1233
1234 .art-Footer .art-Footer-background
1235 {
1236         position:absolute;
1237         z-index:-1;
1238         background-repeat:no-repeat;
1239         background-image: url('../images/Footer.png');
1240         width: 985px;
1241         height: 150px;
1242         bottom:0;
1243         left:0;
1244 }
1245
1246
1247 .art-Footer .art-Footer-text p
1248 {
1249         margin: 0;
1250 }
1251
1252 .art-Footer .art-Footer-text
1253 {
1254         display:inline-block;
1255         color:#D6D6D6;
1256 font-family: Arial, Helvetica, Sans-Serif;
1257 font-size: 11px;
1258 }
1259
1260 .art-Footer .art-Footer-text a:link
1261 {
1262         text-decoration: none;
1263         color: #A6A6A6;
1264 font-family: Arial, Helvetica, Sans-Serif;
1265 text-decoration: underline;
1266 }
1267
1268 .art-Footer .art-Footer-text a:visited
1269 {
1270         text-decoration: none;
1271         color: #1A1A1A;
1272 font-family: Arial, Helvetica, Sans-Serif;
1273 text-decoration: underline;
1274 }
1275
1276 .art-Footer .art-Footer-text a:hover
1277 {
1278         text-decoration: none;
1279         color: #A6A6A6;
1280 font-family: Arial, Helvetica, Sans-Serif;
1281 text-decoration: none;
1282 }
1283 /* end Footer */
1284
1285 /* begin PageFooter */
1286 .art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover
1287 {
1288         font-family:Arial;
1289         font-size:10px;
1290         letter-spacing:normal;
1291         word-spacing:normal;
1292         font-style:normal;
1293         font-weight:normal;
1294         text-decoration:underline;
1295         color:#8C8C8C;
1296 }
1297
1298 .art-page-footer
1299 {
1300         margin:1em;
1301         text-align:center;
1302         text-decoration:none;
1303         color:#8C8C8C;
1304 }
1305 /* end PageFooter */
1306
1307 /* begin LayoutCell */
1308 .art-contentLayout .art-sidebar1
1309 {
1310         position: relative;
1311         margin: 0;
1312         padding: 0;
1313         border: 0;
1314         float: left;
1315         overflow: hidden;
1316         width: 246px;
1317 }
1318 /* end LayoutCell */
1319
1320 /* begin LayoutCell */
1321 .art-contentLayout .art-content
1322 {
1323         position: relative;
1324         margin: 0;
1325         padding: 0;
1326         border: 0;
1327         float: left;
1328         overflow: hidden;
1329         width: 492px;
1330 }
1331 .art-contentLayout .art-content-sidebar1
1332 {
1333         position: relative;
1334         margin: 0;
1335         padding: 0;
1336         border: 0;
1337         float: left;
1338         overflow: hidden;
1339         width: 738px;
1340 }
1341 .art-contentLayout .art-content-sidebar2
1342 {
1343         position: relative;
1344         margin: 0;
1345         padding: 0;
1346         border: 0;
1347         float: left;
1348         overflow: hidden;
1349         width: 738px;
1350 }
1351 .art-contentLayout .art-content-wide
1352 {
1353         position: relative;
1354         margin: 0;
1355         padding: 0;
1356         border: 0;
1357         float: left;
1358         overflow: hidden;
1359         width: 984px;
1360 }
1361 /* end LayoutCell */
1362
1363 /* begin LayoutCell */
1364 .art-contentLayout .art-sidebar2
1365 {
1366         position: relative;
1367         margin: 0;
1368         padding: 0;
1369         border: 0;
1370         float: left;
1371         overflow: hidden;
1372         width: 246px;
1373 }
1374 /* end LayoutCell */
1375
1376
1377
1378 table.moduletable th
1379 {
1380         font-size: 140%;
1381         padding: .5em 0em;
1382 }
1383
1384 .firefox2 table.poll tr td div
1385 {
1386         font-size:0;
1387 }
1388
1389 #footer
1390 {
1391         text-align: center;
1392 }
1393
1394 .breadcrumbs
1395 {
1396         display: block;
1397         padding: .7em 0em;
1398 }
1399
1400 .contentpaneopen span.small, .contentpaneopen td.createdate, .contentpaneopen td.modifydate
1401 {
1402         font-size: 75%;
1403         padding-bottom: 1em;
1404 }
1405
1406 .column_separator 
1407 {
1408         padding-left: .4em;
1409 }
1410
1411 .pagination span
1412 {
1413         padding: 2px;
1414 }
1415
1416 .pagination a
1417 {
1418         padding: 2px;
1419 }
1420
1421 div.offline
1422 {
1423         background: #fffebb;
1424         width: 100%;
1425         position: absolute;
1426         top: 0;
1427         left: 0;
1428         font-size: 1.2em;
1429         padding: 5px;
1430 }
1431
1432 span.pathway
1433 {
1434         display: block;
1435         margin: 0 20px;
1436         overflow: hidden;
1437 }
1438
1439 /* headers */
1440 table.moduletable th, legend
1441 {
1442         margin: 0;
1443         font-weight: bold;
1444         font-family: Helvetica,Arial,sans-serif;
1445         font-size: 1.5em;
1446         padding-left: 0px;
1447         margin-bottom: 10px;
1448         text-align: left;
1449 }
1450
1451 /* form validation */
1452 .invalid
1453 {
1454         border-color: #ff0000;
1455 }
1456
1457 label.invalid
1458 {
1459         color: #ff0000;
1460 }
1461
1462
1463 /** overlib **/
1464
1465 .ol-foreground
1466 {
1467         background-color: #f6f6f6;
1468 }
1469
1470 .ol-background
1471 {
1472         background-color: #666;
1473 }
1474
1475 .ol-textfont
1476 {
1477         font-family: Arial, Helvetica, sans-serif;
1478         font-size: 10px;
1479 }
1480
1481 .ol-captionfont
1482 {
1483         font-family: Arial, Helvetica, sans-serif;
1484         font-size: 12px;
1485         color: #f6f6f6;
1486         font-weight: bold;
1487 }
1488
1489 .ol-captionfont a
1490 {
1491         color: #0B55C4;
1492         text-decoration: none;
1493         font-size: 12px;
1494 }
1495
1496 /* spacers */
1497 span.article_separator
1498 {
1499         display: none;
1500 }
1501
1502 .column_separator
1503 {
1504         padding-left: 10px;
1505 }
1506
1507 td.buttonheading img
1508 {
1509         border: none;
1510 }
1511
1512 .clr
1513 {
1514         clear: both;
1515 }
1516
1517 div#maindivider
1518 {
1519         border-top: 1px solid #ddd;
1520         margin-bottom: 10px;
1521         overflow: hidden;
1522         height: 1px;
1523 }
1524
1525 table.blog span.article_separator
1526 {
1527         display: none;
1528 }
1529
1530 /* edit button */
1531 .contentpaneopen_edit
1532 {
1533         float: left;
1534 }
1535
1536 /* table of contents */
1537 table.contenttoc
1538 {
1539         margin: 5px;
1540         border: 1px solid #ccc;
1541         padding: 5px;
1542         float: right;
1543 }
1544
1545 table.contenttoc td
1546 {
1547         padding: 0 5px;
1548 }
1549
1550
1551 /* content tables */
1552 td.sectiontableheader
1553 {
1554         background: #efefef;
1555         color: #333;
1556         font-weight: bold;
1557         padding: 4px;
1558         border-right: 1px solid #fff;
1559 }
1560
1561 tr.sectiontableentry0 td,
1562 tr.sectiontableentry1 td,
1563 tr.sectiontableentry2 td
1564 {
1565         padding: 4px;
1566 }
1567
1568 td.sectiontableentry0,
1569 td.sectiontableentry1,
1570 td.sectiontableentry2
1571 {
1572         padding: 3px;
1573 }
1574
1575
1576 /* content styles */
1577 table.contentpaneopen, table.contentpane
1578 {
1579         margin: 0;
1580         padding: 0;
1581         width: auto;
1582 }
1583
1584 table.contentpaneopen li
1585 {
1586         margin-bottom: 5px;
1587 }
1588
1589 table.contentpaneopen fieldset
1590 {
1591         border: 0;
1592         border-top: 1px solid #ddd;
1593 }
1594
1595 table.contentpaneopen h3
1596 {
1597         margin-top: 25px;
1598 }
1599
1600 table.contentpaneopen h4
1601 {
1602         font-family: Arial, Helvetica, sans-serif;
1603         color: #333;
1604 }
1605
1606 .highlight
1607 {
1608         background-color: #fffebb;
1609 }
1610
1611 /* module control elements */
1612 table.user1user2 div.moduletable
1613 {
1614         margin-bottom: 0px;
1615 }
1616
1617 div.moduletable, div.module
1618 {
1619         margin-bottom: 25px;
1620 }
1621
1622 div.module_menu h3
1623 {
1624         font-family: Helvetica, Arial, sans-serif;
1625         font-size: 12px;
1626         font-weight: bold;
1627         color: #eee;
1628         margin: -23px -4px 5px -5px;
1629         padding-left: 10px;
1630         padding-bottom: 2px;
1631 }
1632
1633 div.module_menu
1634 {
1635         margin: 0;
1636         padding: 0;
1637         margin-bottom: 15px;
1638 }
1639
1640 div.module_menu div div div
1641 {
1642         padding: 10px;
1643         padding-top: 30px;
1644         padding-bottom: 15px;
1645         width: auto;
1646 }
1647
1648 div.module_menu div div div div
1649 {
1650         background: none;
1651         padding: 0;
1652 }
1653
1654 div.module_menu ul
1655 {
1656         margin: 10px 0;
1657         padding-left: 20px;
1658 }
1659
1660 div.module_menu ul li a:link, div.module_menu ul li a:visited
1661 {
1662         font-weight: bold;
1663 }
1664
1665 #leftcolumn div.module
1666 {
1667         padding: 0 10px;
1668 }
1669
1670 #leftcolumn div.module table
1671 {
1672         width: auto;
1673 }
1674
1675 /* forms */
1676 table.adminform textarea
1677 {
1678         width: 540px;
1679         height: 400px;
1680         font-size: 1em;
1681         color: #000099;
1682 }
1683
1684 div.search input
1685 {
1686         width: 145px;
1687         border: 1px solid #ccc;
1688         margin: 15px 0 10px 0;
1689 }
1690
1691 form#form-login
1692 {
1693         text-align: left;
1694 }
1695
1696 form#form-login fieldset
1697 {
1698         border: 0 none;
1699         margin: 0;
1700         padding: 0.2em;
1701 }
1702
1703 form#form-login ul
1704 {
1705         list-style-type: none;
1706         margin: 0;
1707         padding: 0;
1708 }
1709
1710 form#form-login ul li
1711 {
1712         background-image: none;
1713         padding: 0;
1714 }
1715
1716 #modlgn_username, #modlgn_passwd
1717 {
1718         width: 90%;
1719 }
1720
1721 #form-login-username, #form-login-password, #form-login-remember
1722 {
1723         display: block;
1724         margin: 0;
1725 }
1726
1727 form#com-form-login
1728 {
1729         text-align: left;
1730 }
1731
1732 form#com-form-login fieldset
1733 {
1734         border: 0 none;
1735         margin: 0;
1736         padding: 0.2em;
1737 }
1738
1739 form#com-form-login ul
1740 {
1741         list-style-type: none;
1742         margin: 0;
1743         padding: 0;
1744 }
1745
1746 form#com-form-login ul li
1747 {
1748         background-image: none;
1749         padding: 0;
1750 }
1751
1752 /* thumbnails */
1753 div.mosimage
1754 {
1755         margin: 5px;
1756 }
1757
1758 div.mosimage_caption {
1759         font-size: .90em;
1760         color: #666;
1761 }
1762
1763 div.caption
1764 {
1765         padding: 0 10px 0 10px;
1766 }
1767
1768 div.caption img
1769 {
1770         border: 1px solid #CCC;
1771 }
1772
1773 div.caption p
1774 {
1775         font-size: .90em;
1776         color: #666;
1777         text-align: center;
1778 }
1779
1780 /* Parameter Table */
1781 table.paramlist
1782 {
1783         margin-top: 5px;
1784 }
1785
1786 table.paramlist td.paramlist_key
1787 {
1788         width: 128px;
1789         text-align: left;
1790         height: 30px;
1791 }
1792
1793 div.message
1794 {
1795         font-weight: bold;
1796         font-size: 14px;
1797         color: #c30;
1798         text-align: center;
1799         width: auto;
1800         background-color: #f9f9f9;
1801         border: solid 1px #d5d5d5;
1802         margin: 3px 0px 10px;
1803         padding: 3px 20px;
1804 }
1805
1806 /* Banners module */
1807
1808 /* Default skyscraper style */
1809 .banneritem img
1810 {
1811         display: block;
1812         margin-left: auto;
1813         margin-right: auto;
1814 }
1815
1816 /* Text advert style */
1817
1818 .banneritem_text
1819 {
1820         padding: 4px;
1821         font-size: 11px;
1822 }
1823
1824 .bannerfooter_text
1825 {
1826         padding: 4px;
1827         font-size: 11px;
1828         background-color: #f7f7f7;
1829         text-align: right;
1830 }
1831
1832 /* System Messages */
1833 /* see system general.css */
1834
1835 .pagination span
1836 {
1837         padding: 2px;
1838 }
1839
1840 .pagination a
1841 {
1842         padding: 2px;
1843 }
1844
1845 /* Polls */
1846 .pollstableborder
1847 {
1848         margin-top: 8px;
1849 }
1850
1851
1852 .pollstableborder td
1853 {
1854         text-align: left;
1855         
1856 }
1857
1858 /* WebLinks */
1859 span.description
1860 {
1861         display: block;
1862         padding-left: 30px;
1863 }
1864
1865 /* Frontend Editing*/
1866 fieldset
1867 {
1868         border: 1px solid #ccc;
1869         margin-top: 15px;
1870         padding: 15px;
1871 }
1872
1873 legend
1874 {
1875         margin: 0;
1876         padding: 0 10px;
1877 }
1878
1879 td.key
1880 {
1881         border-bottom: 1px solid #eee;
1882         color: #666;
1883 }
1884
1885 /* Tooltips */
1886
1887 .tool-tip
1888 {
1889         float: left;
1890         background: #ffc;
1891         border: 1px solid #d4d5aa;
1892         padding: 5px;
1893         max-width: 200px;
1894 }
1895
1896 .tool-title
1897 {
1898         padding: 0;
1899         margin: 0;
1900         font-size: 100%;
1901         font-weight: bold;
1902         margin-top: -15px;
1903         padding-top: 15px;
1904         padding-bottom: 5px;
1905         background: url(../../system/images/selector-arrow.png) no-repeat;
1906 }
1907
1908 .tool-text
1909 {
1910         font-size: 100%;
1911         margin: 0;
1912 }
1913
1914 /* System Standard Messages */
1915 #system-message
1916 {
1917         margin-bottom: 20px;
1918 }
1919
1920 #system-message dd.message ul
1921 {
1922         background: #c3d2e5 url(../../system/images/notice-info.png) 4px center no-repeat;
1923         border-top: 3px solid #de7a7b;
1924         border-bottom: 3px solid #de7a7b;
1925         margin:0px;
1926         padding-left: 40px;
1927         text-indent:0px;
1928 }
1929
1930 /* System Error Messages */
1931 #system-message dd.error ul
1932 {
1933         color: #c00;
1934         background: #e6c0c0 url(../../system/images/notice-alert.png) 4px center no-repeat;
1935         border-top: 3px solid #DE7A7B;
1936         border-bottom: 3px solid #DE7A7B;
1937         margin: 0px;
1938         padding-left: 40px;
1939         text-indent: 0px;
1940 }
1941
1942 /* System Notice Messages */
1943 #system-message dd.notice ul
1944 {
1945         color: #c00;
1946         background: #efe7b8 url(../../system/images/notice-note.png) 4px center no-repeat;
1947         border-top: 3px solid #f0dc7e;
1948         border-bottom: 3px solid #f0dc7e;
1949         margin: 0px;
1950         padding-left: 40px;
1951         text-indent: 0px;
1952  }
1953
1954 #syndicate
1955 {
1956         float: left;
1957         padding-left: 25px;
1958 }
1959
1960 /* Component Specific Fixes */
1961
1962 #component-contact table td
1963 {
1964         padding: 2px 0;
1965 }
1966
1967 .breadcrumbs img
1968 {
1969         margin: 0px;
1970         padding: 0px;
1971         border: 0px;
1972 }
1973
1974 .mceToolbarTop {
1975         white-space: normal;
1976 }
1977
1978 .mceEditor
1979 {
1980         background: none;
1981 }
1982
1983 #archive-list
1984 {
1985         list-style-type: none;
1986         margin: 0px;
1987         padding: 0px;
1988 }
1989
1990 #archive-list li
1991 {
1992         list-style-type: none;
1993         background-image: none;
1994         margin-left: 0px;
1995         padding-left: 0px;
1996 }
1997
1998 #navigation
1999 {
2000         text-align: center;
2001 }
2002
2003 .article h3 img
2004 {
2005         border: none;
2006         display: inline;
2007         margin: 0;
2008         padding: 0;
2009 }
2010
2011 .art-Footer-text .moduletable
2012 {
2013         border: none;
2014         margin: 0;
2015         padding: 0;
2016 }
2017
2018 .pollstableborder td {
2019         vertical-align: middle;
2020 }
2021
2022 .img_caption.left
2023 {
2024         float: left;
2025         margin-right: 1em;
2026 }
2027
2028 .img_caption.right
2029 {
2030         float: right;
2031         margin-left: 1em;
2032 }
2033
2034 .img_caption.left p
2035 {
2036         clear: left;
2037         text-align: center;
2038 }
2039
2040 .img_caption.right p
2041 {
2042         clear: right;
2043         text-align: center;
2044 }
2045
2046 .img_caption img
2047 {
2048         margin: 0em;
2049 }
2050
2051 .contentheading
2052 {
2053 font-family: Arial, Helvetica, Sans-Serif;
2054         font-size: 18px;
2055         font-style: normal;
2056         font-weight: bold;
2057         text-align: left;
2058         color: #1149E4;
2059 }
2060
2061 /* Plugin compatilibity. */
2062
2063 /* 152316, DOCman */
2064
2065 .dm_taskbar ul
2066 {
2067         background-image: none;
2068         margin: 0px;
2069         padding: 0px;
2070 }
2071
2072 .dm_taskbar ul li
2073 {
2074         background-image: none;
2075 }