UPD: Added margin to h1 and h2 headings
[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
500 /**************** advert styles *****************/
501
502 #advert {
503         padding: 10px;
504 }
505
506 #advert img {
507         display: block;
508 }
509
510
511 /********************* end **********************/
512 .DataTDGrey {
513         background-color: #EFEDED;
514         border-style: inset;
515         border-width: 1px;
516         font-size: 8pt;
517         color: #000000;
518         font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
519
520         padding: 1px 5px 1px 5px;
521         border: 1px #CFCFCF solid;
522         border-left: 1px #cfcfcf dotted;
523         border-right: 1px #cfcfcf dotted;
524 }
525
526 .DataTDNotDotted {
527         background-color: #e2e2e2;
528         border-style: inset;
529         border-width: 1px;
530         font-size: 8pt;
531         color: #000000;
532         font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
533
534         background: #ffffff;
535         padding: 1px 5px 1px 5px;
536         border: 1px #CFCFCF solid;
537         border-left: 1px #cfcfcf solid;
538         border-right: 1px #cfcfcf solid;
539 }
540
541 .DataTDError {
542     border-style: inset;
543     border-width: 1px;
544     font-size: 8pt;
545     color: #ff0000;
546     font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
547
548     background: #ffffff;
549     padding: 1px 5px 1px 5px;
550     border: 1px #cfcfcf solid;
551     border-left: 1px #cfcfcf dotted;
552     border-right: 1px #cfcfcf dotted;
553 }
554 .wrapper {
555         border-collapse: collapse;
556         font-family: verdana, sans-serif;
557         font-size: 11px;
558         text-align: center;
559         margin-left:auto;
560         margin-right:auto;
561         width: 700px;
562 }
563
564 td.greytxt {
565         color: #cccccc;
566         font-size: smaller;
567         text-align: right;
568         vertical-align: bottom;
569 }
570 .bold, .primaryemailaddress {
571         font-weight:bold;
572 }
573 .italic, .deletedemailaddress {
574         font-style:italic;
575 }
576 .title {
577         background: #e2e2e2;
578         font-weight: bold;
579         padding: 1px 5px 1px 5px;
580         border: 1px solid #cfcfcf;
581         border-bottom: 3px double #cfcfcf;
582         border-top: 1px solid #656565;
583         text-align: center;
584 }
585
586 .errmsg {
587         font-weight: bold;
588         color: #FF0000;
589 }
590
591 .ac_menu {
592         border: 1px solid black
593 }
594
595 .ac_normal {
596         background-color: #ffffff;
597         cursor: pointer;
598 }
599
600 .ac_highlight {
601         background-color: #3366cc;
602         color: white;
603         cursor: pointer;
604 }
605
606 .ac_normal .a {
607         font-size: 13px;
608         color: black;
609 }
610
611 .ac_highlight .a {
612         font-size: 13px;
613 }
614
615 .ac_normal .d {
616         float: right;
617         font-size: 10px;
618         color: green;
619 }
620
621 .ac_highlight .d {
622         float: right;
623         font-size: 10px;
624 }
625
626
627 /************** sponsorInfo styles ****************/
628
629 div.sponsorinfo {
630         clear: both;
631         border-top: 1px solid #cccccc;
632         font-size: small;
633         color: #000000;
634         padding: 10px 10px 10px 10px;
635 }
636
637 img.sponsorlogo {
638         margin-left: 10px;
639         margin-right: 10px;
640         border: 0px none;
641         vertical-align: middle;
642 }
643
644
645 /************ Newsbox *************/
646
647 #lnews {        /* class for the text "Latest News" */
648         font-size: small;
649         font-variant: small-caps;
650 }
651
652 div.newsbox {
653         border-top: 1px solid #cccccc;
654         color: #101010;
655         padding: 10px 10px 10px 10px;
656 }
657
658
659 /************ SQL Performance ***********/
660
661 div.footerbar {
662         clear: both;
663         border-top: 1px solid #cccccc;
664         font-size: small;
665         color: black;
666         padding: 10px 10px 10px 10px;
667 }
668
669
670 /************ Honeypot  ***********/
671
672 .robotic {
673         display: none;
674 }
675
676
677 /************  unicode fallbacks ***********/
678
679 /* Some embedding of font */
680 @font-face {
681         font-family: 'Source Code Pro';
682         src: local('Source Code Pro');
683 /*  src: url(/res/fonts/SourceCodePro-Medium.ttf); */
684 }
685
686 @font-face {
687         font-family: 'Last Resort';
688         src: local('LastResort');
689 /*  src: url(/res/fonts/LastResort.ttf); */
690 }
691
692 .accountdetail {
693         font-family: 'Source Code Pro', 'Lucida Console', 'Arial Unicode MS', monospace, 'Last Resort';
694         font-size: 1.1em;
695 }
696
697 .accountdetail.fname, .accountdetail .fname {
698 }
699
700 .accountdetail.mname {
701 }
702
703 .accountdetail.lname, .accountdetail .lname {
704         font-weight: bold;
705 }
706
707 .accountdetail.suffix {
708 }
709 ul.menu.hidden{
710         display: none;
711 }
712 img{
713         border: 0;
714 }
715 formMandatory{
716         color: red;
717 }
718 .experthidden{
719         display:none;   
720 }
721 .expertoff{
722         display:none;   
723 }
724 pre{
725         word-wrap: break-word;
726         white-space: pre-wrap;
727 }
728
729 .dataTable td {
730         background-color: #e2e2e2;
731         border-style: inset;
732         border-width: 1px;
733         font-size: 8pt;
734         color: #000000;
735         font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
736
737         background: #ffffff;
738         padding: 1px 5px 1px 5px;
739         border: 1px #cfcfcf solid;
740         border-left: 1px #cfcfcf dotted;
741         border-right: 1px #cfcfcf dotted;
742 }
743
744 .dataTable th {
745         background: #e2e2e2;
746         font-weight: bold;
747         padding: 1px 5px 1px 5px;
748         border: 1px solid #cfcfcf;
749         border-bottom: 3px double #cfcfcf;
750         border-top: 1px solid #656565;
751         text-align: center;
752 }
753
754 .dataTable input, .dataTable textarea {
755         font-size: 92%;
756 }
757
758 .dataTable select, .dataTable option {
759         font-size: 92%;
760 }
761 .dataTable textarea{
762         width: 100%;
763 }