templates/_system/css/template.css

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