d3b42e0f32e18071be3cd33a9f4ce41183679b3c
[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: 10px;
39         padding: 0px;
40 }
41
42 h2 {
43         font: bold 114% Arial ,sans-serif;
44         color: #006699;
45         margin: 10px;
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 /*************** content styles ******************/
413
414 .content {
415         padding: 10px 0px 0px 10px;
416         font-size: 80%;
417         min-height: 450px;
418 }
419
420 .content h3 {
421         font: bold 125% Arial,sans-serif;
422         color: #000000;
423 }
424
425 .content a.capsule {
426         font: bold 1em Arial,sans-serif;
427         color: #005FA9;
428         display: block;
429         padding-bottom: 5px;
430 }
431
432 .content 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 /*** hide top menu ***/
500 #pageNav > div > ul.menu {
501         padding-left: 0;
502         border-left: none;
503         margin: 0;
504 }
505 #pageNav > div{
506         padding: 0;
507 }
508
509 #pageNav > div > h3.pointer {
510         display: none;
511 }
512
513 /**************** advert styles *****************/
514
515 #advert {
516         padding: 10px;
517 }
518
519 #advert img {
520         display: block;
521 }
522
523
524 /********************* end **********************/
525 .DataTDGrey {
526         background-color: #EFEDED;
527         border-style: inset;
528         border-width: 1px;
529         font-size: 8pt;
530         color: #000000;
531         font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
532
533         padding: 1px 5px 1px 5px;
534         border: 1px #CFCFCF solid;
535         border-left: 1px #cfcfcf dotted;
536         border-right: 1px #cfcfcf dotted;
537 }
538
539 .DataTDNotDotted {
540         background-color: #e2e2e2;
541         border-style: inset;
542         border-width: 1px;
543         font-size: 8pt;
544         color: #000000;
545         font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
546
547         background: #ffffff;
548         padding: 1px 5px 1px 5px;
549         border: 1px #CFCFCF solid;
550         border-left: 1px #cfcfcf solid;
551         border-right: 1px #cfcfcf solid;
552 }
553
554 .DataTDError {
555     border-style: inset;
556     border-width: 1px;
557     font-size: 8pt;
558     color: #ff0000;
559     font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
560
561     background: #ffffff;
562     padding: 1px 5px 1px 5px;
563     border: 1px #cfcfcf solid;
564     border-left: 1px #cfcfcf dotted;
565     border-right: 1px #cfcfcf dotted;
566 }
567 .wrapper {
568         border-collapse: collapse;
569         font-family: verdana, sans-serif;
570         font-size: 11px;
571         margin-left:auto;
572         margin-right:auto;
573         width: 700px;
574 }
575
576 .wrapper .check{
577         text-align: center;
578 }
579 .wrapper td.radio input[type=radio]{
580         float: left;
581         width: 13px;
582         margin: 3px;
583 }
584 .wrapper td.radio span.name{
585         font-weight: bold;
586         padding-bottom: 4px;
587         margin-top: 3px;
588 /*      display: inline;*/
589 }
590 .wrapper td.radio div.addinfo{
591 /*      display: inline;*/
592         padding-left: 19px;
593 }
594
595 .wrapper td.radio div.elements{
596         clear: both;
597         height: 10px;
598 }
599
600 td.greytxt {
601         color: #cccccc;
602         font-size: smaller;
603         text-align: right;
604         vertical-align: bottom;
605 }
606 .bold, .primaryemailaddress {
607         font-weight:bold;
608 }
609 .italic, .deletedemailaddress {
610         font-style:italic;
611 }
612 .title {
613         background: #e2e2e2;
614         font-weight: bold;
615         padding: 1px 5px 1px 5px;
616         border: 1px solid #cfcfcf;
617         border-bottom: 3px double #cfcfcf;
618         border-top: 1px solid #656565;
619         text-align: center;
620 }
621
622 .errmsg {
623         font-weight: bold;
624         color: #FF0000;
625 }
626
627 .ac_menu {
628         border: 1px solid black
629 }
630
631 .ac_normal {
632         background-color: #ffffff;
633         cursor: pointer;
634 }
635
636 .ac_highlight {
637         background-color: #3366cc;
638         color: white;
639         cursor: pointer;
640 }
641
642 .ac_normal .a {
643         font-size: 13px;
644         color: black;
645 }
646
647 .ac_highlight .a {
648         font-size: 13px;
649 }
650
651 .ac_normal .d {
652         float: right;
653         font-size: 10px;
654         color: green;
655 }
656
657 .ac_highlight .d {
658         float: right;
659         font-size: 10px;
660 }
661
662
663 /************** sponsorInfo styles ****************/
664
665 div.sponsorinfo {
666         clear: both;
667         border-top: 1px solid #cccccc;
668         font-size: small;
669         color: #000000;
670         padding: 10px 10px 10px 10px;
671 }
672
673 img.sponsorlogo {
674         margin-left: 10px;
675         margin-right: 10px;
676         border: 0px none;
677         vertical-align: middle;
678 }
679
680
681 /************ Newsbox *************/
682
683 #lnews {        /* class for the text "Latest News" */
684         font-size: small;
685         font-variant: small-caps;
686 }
687
688 div.newsbox {
689         border-top: 1px solid #cccccc;
690         color: #101010;
691         padding: 10px 10px 10px 10px;
692 }
693
694
695 /************ SQL Performance ***********/
696
697 div.footerbar {
698         clear: both;
699         border-top: 1px solid #cccccc;
700         font-size: small;
701         color: black;
702         padding: 10px 10px 10px 10px;
703 }
704
705
706 /************ Honeypot  ***********/
707
708 .robotic {
709         display: none;
710 }
711
712
713 /************  unicode fallbacks ***********/
714
715 /* Some embedding of font */
716 @font-face {
717         font-family: 'Source Code Pro';
718         src: local('Source Code Pro');
719 /*  src: url(/res/fonts/SourceCodePro-Medium.ttf); */
720 }
721
722 @font-face {
723         font-family: 'Last Resort';
724         src: local('LastResort');
725 /*  src: url(/res/fonts/LastResort.ttf); */
726 }
727
728 .accountdetail {
729         font-family: 'Source Code Pro', 'Lucida Console', 'Arial Unicode MS', monospace, 'Last Resort';
730         font-size: 1.1em;
731 }
732
733 .accountdetail.fname, .accountdetail .fname {
734 }
735
736 .accountdetail.mname {
737 }
738
739 .accountdetail.lname, .accountdetail .lname {
740         font-weight: bold;
741 }
742
743 .accountdetail.suffix {
744 }
745 ul.menu.hidden{
746         display: none;
747 }
748 img{
749         border: 0;
750 }
751 formMandatory{
752         color: red;
753 }
754 .experthidden{
755         display:none;   
756 }
757 .expertoff{
758         display:none;   
759 }
760 pre{
761         word-wrap: break-word;
762         white-space: pre-wrap;
763 }
764
765 .dataTable td {
766         background-color: #e2e2e2;
767         border-style: inset;
768         border-width: 1px;
769         font-size: 8pt;
770         color: #000000;
771         font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
772
773         background: #ffffff;
774         padding: 1px 5px 1px 5px;
775         border: 1px #cfcfcf solid;
776         border-left: 1px #cfcfcf dotted;
777         border-right: 1px #cfcfcf dotted;
778 }
779
780 .dataTable td input {
781         width: 98%;
782         margin-left: 1%;
783         margin-right: 1%;
784 }
785
786 .dataTable th {
787         background: #e2e2e2;
788         font-weight: bold;
789         padding: 1px 5px 1px 5px;
790         border: 1px solid #cfcfcf;
791         border-bottom: 3px double #cfcfcf;
792         border-top: 1px solid #656565;
793         text-align: center;
794 }
795
796 .dataTable input, .dataTable textarea {
797         font-size: 92%;
798 }
799
800 .dataTable select, .dataTable option {
801         font-size: 92%;
802 }
803 .dataTable textarea{
804         width: 100%;
805 }
806
807 pre.string{
808         display: inline;
809 }
810
811 .loginbox {background:#F5F7F7;border:2px solid #cccccc;margin:0px auto;height:auto;width:300px;padding:1em;text-align:center;}
812 .loginbox .smalltext {font-size:10px;}
813 .loginbox label {width:100px;display:block;float:left;}
814 .loginbox text {width:166px;display:block;float:left;}
815 .loginbox br {clear:left;}
816 .loginbox h1 {font-size:1.9em;text-align:center;}