templates/FishNew/css/template.css

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