Merge branch 'libs/jetty/sni_clean'
[gigi.git] / static / static / default.css
1 /***********************************************/
2 /* emx_nav_right.css                           */
3 /* Use with template Halo_rightNav.html        */
4 /***********************************************/
5
6 /***********************************************/
7 /* HTML tag styles                             */
8 /***********************************************/
9
10 body {
11         font-family: Arial,sans-serif;
12         color: #333333;
13         line-height: 1.166;
14         margin: 0px;
15         padding: 0px;
16         background: #cccccc;
17 /*      url("/siteimages/bg_grad.jpg") fixed;   */
18 }
19
20
21 /******* hyperlink and anchor tag styles *******/
22
23 a:link, a:visited {
24         color: #005fa9;
25         text-decoration: none;
26 }
27
28 a:hover {
29         text-decoration: underline;
30 }
31
32
33 /************** header tag styles **************/
34
35 h1 {
36         font: bold 120% Arial ,sans-serif;
37         color: #334d55;
38         margin: 0px;
39         padding: 0px;
40 }
41
42 h2 {
43         font: bold 114% Arial ,sans-serif;
44         color: #006699;
45         margin: 0px;
46         padding: 0px;
47 }
48
49 h3 {
50         font: bold 100% Arial ,sans-serif;
51         color: #334d55;
52         margin: 0px;
53         padding: 0px;
54 }
55
56 h3.pointer {
57         cursor: pointer;
58         /* cursor: hand; */
59 }
60
61 h4 {
62         font: bold 100% Arial ,sans-serif;
63         color: #333333;
64         margin: 0px;
65         padding: 0px;
66 }
67
68 h5 {
69         font: 100% Arial ,sans-serif;
70         color: #334d55;
71         margin: 0px;
72         padding: 0px;
73 }
74
75
76 /*************** list tag styles ***************/
77
78 ul.menu {
79         list-style: none;
80         margin: 0px 0px 0px 15px;
81         padding-left: 5px;
82         border-left: 1px dotted #000;
83 }
84
85 ul.top {
86         list-style: none;
87         margin: 0px 0px 0px 15px;
88         padding-left: 5px;
89         border-left: 0px;
90 }
91
92 ul.no_indent {
93         list-style: none;
94         padding: 0px;
95 }
96
97 .attach_ul {
98         margin-bottom: 0px;
99 }
100
101 .attach_ul + ul {
102         margin-top: 0px;
103 }
104
105
106 /***********************************************/
107 /* Layout Divs                                 */
108 /***********************************************/
109
110 #pagecell1 {
111         position: absolute;
112         top: 2%;
113         left: 2%;
114         right: 2%;
115         width: 96%;
116         background-color: #ffffff;
117 }
118
119 #tl {
120         position: absolute;
121         top: -1px;
122         left: -1px;
123         margin: 0px;
124         padding: 0px;
125         z-index: 100;
126 }
127
128 #tr {
129         position: absolute;
130         top: -1px;
131         right: -1px;
132         margin: 0px;
133         padding: 0px;
134         z-index: 100;
135 }
136
137 #masthead {
138         position: absolute;
139         top: 0px;
140         left: 2%;
141         right: 2%;
142         width: 95.6%;
143 }
144
145 #pageNav {
146         float: right;
147         width: 178px;
148         padding: 0px;
149         background-color: #F5f7f7;
150         border-left: 1px solid #cccccc;
151         font: small Verdana,sans-serif;
152 }
153
154 #content {
155         padding: 0px 10px 0px 0px;
156         margin: 0px 178px 0px 0px;
157 }
158
159
160 /***********************************************/
161 /* Component Divs                              */
162 /***********************************************/
163 #siteName {
164         margin: 0px;
165         padding: 16px 0px 8px 0px;
166         color: #ffffff;
167         font-weight: normal;
168 }
169
170
171 /************** utility styles *****************/
172
173 #utility {
174         font: 75% Verdana,sans-serif;
175         position: absolute;
176         top: 16px;
177         right: 0px;
178         color: #919999;
179 }
180
181 #utility a {
182         color: #ffffff;
183 }
184
185 #utility a:hover {
186         text-decoration: underline;
187 }
188
189
190 /************** pageName styles ****************/
191
192 #pageName {
193         padding: 0px 0px 14px 10px;
194         margin: 0px;
195         border-bottom: 1px solid #ccd2d2;
196         z-index: 2;
197 }
198
199 #pageName h2 {
200         font: bold 175% Arial,sans-serif;
201         color: #000000;
202         margin: 0px;
203         padding: 0px;
204 }
205
206 /*
207 #pageLogo {
208         position: absolute;
209         top: 8px;
210         left: 10px;
211         z-index: 5;
212 }
213 */
214
215
216 /************* globalNav styles ****************/
217
218 #globalNav {
219         position: relative;
220         width: 100%;
221         min-width: 640px;
222         height: 32px;
223         color: #cccccc;
224         padding: 0px;
225         margin: 0px;
226         background-image: url("siteimages/glbnav_background.gif");
227 }
228
229 #globalNav img {
230         margin-bottom: -4px;
231 }
232
233 #gnl {
234         position: absolute;
235         top: 0px;
236         left:0px;
237 }
238
239 #gnr {
240         position: absolute;
241         top: 0px;
242         right:0px;
243 }
244
245 #globalLink {
246         position: absolute;
247         top: 6px;
248         height: 22px;
249         min-width: 640px;
250         padding: 0px;
251         margin: 0px;
252         left: 10px;
253         z-index: 100;
254 }
255
256
257 a.glink, a.glink:visited {
258         font-size: small;
259         color: #000000;
260         font-weight: bold;
261         margin: 0px;
262         padding: 2px 5px 4px 5px;
263         border-right: 1px solid #8fb8bc;
264 }
265
266 a.glink:hover {
267         background-image: url("siteimages/glblnav_selected.gif");
268         text-decoration: none;
269 }
270
271 .skipLinks {
272         display: none;
273 }
274
275
276 /************ subglobalNav styles **************/
277
278 .subglobalNav {
279         position: absolute;
280         top: 84px;
281         left: 0px;
282         /*width: 100%;*/
283         min-width: 640px;
284         height: 20px;
285         padding: 0px 0px 0px 10px;
286         visibility: hidden;
287         color: #ffffff;
288 }
289
290 .subglobalNav a:link, .subglobalNav a:visited {
291         font-size: 80%;
292         color: #ffffff;
293 }
294
295 .subglobalNav a:hover {
296         color: #cccccc;
297 }
298
299
300 /*************** search styles *****************/
301 /*
302 #listshow {
303         z-order: 101;
304 }
305 */
306
307 #search {
308         position: absolute;
309         top: 125px;
310         right: 0px;
311 }
312
313 #search form {
314         position: absolute;
315         top: 125px;
316         right: 300px;
317 }
318 #search input {
319         font-size: 11px;
320 }
321
322 #search1 {
323         position: absolute;
324         top: 85px;
325         right: 300px;
326 }
327
328 #search2 {
329         position: absolute;
330         top: 100px;
331         right: 300px;
332 }
333
334 #search3 {
335         position: absolute;
336         top: 85px;
337         right: 240px;
338 }
339
340 #search4 {
341         position: absolute;
342         top: 100px;
343         right: 226px;
344 }
345
346 #googlead {
347         position: absolute;
348         top: 5px;
349         right: 0px;
350         z-index: -10;
351 }
352
353 #search input {
354         font-size: 70%;
355         margin: 0px 0px 0px 10px;
356 }
357
358 #search a:link, #search a:visited {
359         font-size: 80%;
360         font-weight: bold;
361
362 }
363
364 #search a:hover {
365         margin: 0px;
366 }
367
368
369 /************* breadCrumb styles ***************/
370
371 #breadCrumb {
372         padding: 5px 0px 5px 10px;
373         font: small Verdana,sans-serif;
374         color: #aaaaaa;
375 }
376
377 #breadCrumb a {
378         color: #aaaaaa;
379 }
380
381 #breadCrumb a:hover {
382         color: #005fa9;
383         text-decoration: underline;
384 }
385
386
387 /************** feature styles *****************/
388
389 .feature {
390         padding: 0px 0px 10px 10px;
391         font-size: 80%;
392         min-height: 200px;
393         height: 200px;
394 }
395
396 .feature {
397         height: auto;
398 }
399
400 .feature h3 {
401         font: bold 175% Arial,sans-serif;
402         color: #000000;
403         padding: 30px 0px 5px 0px;
404 }
405
406 .feature img {
407         float: left;
408         padding: 0px 10px 0px 0px;
409 }
410
411
412 /*************** story styles ******************/
413
414 .story {
415         padding: 10px 0px 0px 10px;
416         font-size: 80%;
417         min-height: 450px;
418 }
419
420 .story h3 {
421         font: bold 125% Arial,sans-serif;
422         color: #000000;
423 }
424
425 .story a.capsule {
426         font: bold 1em Arial,sans-serif;
427         color: #005FA9;
428         display: block;
429         padding-bottom: 5px;
430 }
431
432 .story a.capsule:hover {
433         text-decoration: underline;
434 }
435
436 td.storyLeft {
437         padding-right: 12px;
438 }
439
440
441 /************** siteInfo styles ****************/
442
443 #siteInfo {
444         clear: both;
445         border-top: 1px solid #cccccc;
446         font-size: small;
447         color: #cccccc;
448         padding: 10px 10px 10px 10px;
449 }
450
451
452 /************ sectionLinks styles **************/
453
454 #sectionLinks {
455         margin: 0px;
456         padding: 0px;
457 }
458
459 #sectionLinks h3 {
460         padding: 10px 0px 2px 10px;
461         border-bottom: 1px solid #cccccc;
462 }
463
464 #sectionLinks a:link, #sectionLinks a:visited {
465         display: block;
466         border-top: 1px solid #ffffff;
467         border-bottom: 1px solid #cccccc;
468         background-image: url("siteimages/bg_nav.jpg");
469         font-weight: bold;
470         padding: 3px 0px 3px 10px;
471         color: #21536A;
472 }
473
474 #sectionLinks a:hover {
475         border-top: 1px solid #cccccc;
476         background-color: #DDEEFF;
477         background-image: none;
478         font-weight: bold;
479         text-decoration: none;
480 }
481
482
483 /************* relatedLinks styles **************/
484
485 #pageNav div {
486         margin: 0px;
487         padding: 0px 0px 10px 10px;
488         border-bottom: 1px solid #cccccc;
489 }
490
491 #pageNav div h3 {
492         padding: 10px 0px 2px 0px;
493 }
494
495 #pageNav div a {
496         display: block;
497 }
498
499
500 /**************** advert styles *****************/
501
502 #advert {
503         padding: 10px;
504 }
505
506 #advert img {
507         display: block;
508 }
509
510
511 /********************* end **********************/
512
513 .DataTD input, .DataTD textarea {
514         font-size: 92%;
515 }
516
517 .DataTD select, .DataTD option {
518         font-size: 92%;
519 }
520
521 .DataTD {
522         background-color: #e2e2e2;
523         border-style: inset;
524         border-width: 1px;
525         font-size: 8pt;
526         color: #000000;
527         font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
528
529         background: #ffffff;
530         padding: 1px 5px 1px 5px;
531         border: 1px #cfcfcf solid;
532         border-left: 1px #cfcfcf dotted;
533         border-right: 1px #cfcfcf dotted;
534 }
535
536 .DataTDGrey {
537         background-color: #EFEDED;
538         border-style: inset;
539         border-width: 1px;
540         font-size: 8pt;
541         color: #000000;
542         font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
543
544         padding: 1px 5px 1px 5px;
545         border: 1px #CFCFCF solid;
546         border-left: 1px #cfcfcf dotted;
547         border-right: 1px #cfcfcf dotted;
548 }
549
550 .DataTDNotDotted {
551         background-color: #e2e2e2;
552         border-style: inset;
553         border-width: 1px;
554         font-size: 8pt;
555         color: #000000;
556         font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
557
558         background: #ffffff;
559         padding: 1px 5px 1px 5px;
560         border: 1px #CFCFCF solid;
561         border-left: 1px #cfcfcf solid;
562         border-right: 1px #cfcfcf solid;
563 }
564
565 .DataTDError {
566     border-style: inset;
567     border-width: 1px;
568     font-size: 8pt;
569     color: #ff0000;
570     font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
571
572     background: #ffffff;
573     padding: 1px 5px 1px 5px;
574     border: 1px #cfcfcf solid;
575     border-left: 1px #cfcfcf dotted;
576     border-right: 1px #cfcfcf dotted;
577 }
578 .wrapper {
579         border-collapse: collapse;
580         font-family: verdana, sans-serif;
581         font-size: 11px;
582         text-align: center;
583         margin-left:auto;
584         margin-right:auto;
585 }
586
587 td.greytxt {
588         color: #cccccc;
589         font-size: smaller;
590         text-align: right;
591         vertical-align: bottom;
592 }
593 .bold, .primaryemailaddress {
594         font-weight:bold;
595 }
596 .italic, .deletedemailaddress {
597         font-style:italic;
598 }
599 .title {
600         background: #e2e2e2;
601         font-weight: bold;
602         padding: 1px 5px 1px 5px;
603         border: 1px solid #cfcfcf;
604         border-bottom: 3px double #cfcfcf;
605         border-top: 1px solid #656565;
606         text-align: center;
607 }
608
609 .errmsg {
610         font-weight: bold;
611         color: #FF0000;
612 }
613
614 .ac_menu {
615         border: 1px solid black
616 }
617
618 .ac_normal {
619         background-color: #ffffff;
620         cursor: pointer;
621 }
622
623 .ac_highlight {
624         background-color: #3366cc;
625         color: white;
626         cursor: pointer;
627 }
628
629 .ac_normal .a {
630         font-size: 13px;
631         color: black;
632 }
633
634 .ac_highlight .a {
635         font-size: 13px;
636 }
637
638 .ac_normal .d {
639         float: right;
640         font-size: 10px;
641         color: green;
642 }
643
644 .ac_highlight .d {
645         float: right;
646         font-size: 10px;
647 }
648
649
650 /************** sponsorInfo styles ****************/
651
652 div.sponsorinfo {
653         clear: both;
654         border-top: 1px solid #cccccc;
655         font-size: small;
656         color: #000000;
657         padding: 10px 10px 10px 10px;
658 }
659
660 img.sponsorlogo {
661         margin-left: 10px;
662         margin-right: 10px;
663         border: 0px none;
664         vertical-align: middle;
665 }
666
667
668 /************ Newsbox *************/
669
670 #lnews {        /* class for the text "Latest News" */
671         font-size: small;
672         font-variant: small-caps;
673 }
674
675 div.newsbox {
676         border-top: 1px solid #cccccc;
677         color: #101010;
678         padding: 10px 10px 10px 10px;
679 }
680
681
682 /************ SQL Performance ***********/
683
684 div.footerbar {
685         clear: both;
686         border-top: 1px solid #cccccc;
687         font-size: small;
688         color: black;
689         padding: 10px 10px 10px 10px;
690 }
691
692
693 /************ Honeypot  ***********/
694
695 .robotic {
696         display: none;
697 }
698
699
700 /************  unicode fallbacks ***********/
701
702 /* Some embedding of font */
703 @font-face {
704         font-family: 'Source Code Pro';
705         src: local('Source Code Pro');
706 /*  src: url(/res/fonts/SourceCodePro-Medium.ttf); */
707 }
708
709 @font-face {
710         font-family: 'Last Resort';
711         src: local('LastResort');
712 /*  src: url(/res/fonts/LastResort.ttf); */
713 }
714
715 .accountdetail {
716         font-family: 'Source Code Pro', 'Lucida Console', 'Arial Unicode MS', monospace, 'Last Resort';
717         font-size: 1.1em;
718 }
719
720 .accountdetail.fname, .accountdetail .fname {
721 }
722
723 .accountdetail.mname {
724 }
725
726 .accountdetail.lname, .accountdetail .lname {
727         font-weight: bold;
728 }
729
730 .accountdetail.suffix {
731 }
732 ul.menu.hidden{
733         display: none;
734 }
735 img{
736         border: 0;
737 }