templates/tft0006j_back_to_nature/css/style.css

   1 /* begin Page */
   2
   3 /* Generated with Artisteer version 2.0.2.15338 */
   4
   5 body
   6 {
   7   margin: 0 auto;
   8   padding: 0;
   9   background-color: #424B12;
  10   background-image: url('../images/Page-BgTexture.jpg');
  11   background-repeat: repeat-x;
  12   background-attachment: fixed;
  13   background-position: bottom left;
  14 }
  15
  16 .Main
  17 {
  18   position: absolute;
  19   width: 100%;
  20   left: 0;
  21   top: 0;
  22 }
  23
  24
  25
  26
  27
  28 .cleared
  29 {
  30   float: none;
  31   clear: both;
  32   margin: 0;
  33   padding: 0;
  34   border: none;
  35   font-size:1px;
  36 }
  37
  38
  39 /* end Page */
  40
  41 /* begin Box, Sheet */
  42 .Sheet
  43 {
  44   overflow: hidden;
  45   min-width:43px;
  46   min-height:43px;
  47   margin: 0 auto;
  48   position: relative;
  49   z-index: 0;
  50   width: 1000px;
  51 }
  52
  53
  54 .Sheet-body
  55 {
  56   position: relative;
  57   z-index: 0;
  58   margin: 2px;
  59 }
  60
  61 .Sheet-tl
  62 {
  63   position: absolute;
  64   overflow: hidden;
  65   z-index: -1;
  66   top: 0;
  67   left: 0;
  68   width: 21px;
  69   height: 21px;
  70   background-image: url('../images/Sheet-s.png');
  71 }
  72
  73 .Sheet-tr
  74 {
  75   position: absolute;
  76   overflow: hidden;
  77   z-index: -1;
  78   top: 0;
  79   right: 0;
  80   width: 21px;
  81   height: 21px;
  82 }
  83
  84 .Sheet-tr div
  85 {
  86   position: absolute;
  87   z-index: -1;
  88   top: 0px;
  89   left: -21px;
  90   width: 42px;
  91   height: 42px;
  92   background-image: url('../images/Sheet-s.png');
  93 }
  94
  95 .Sheet-bl
  96 {
  97   position: absolute;
  98   overflow: hidden;
  99   z-index: -1;
 100   bottom: 0;
 101   left: 0;
 102   width: 21px;
 103   height: 21px;
 104 }
 105
 106 .Sheet-bl div
 107 {
 108   position: absolute;
 109   z-index: -1;
 110   top: -21px;
 111   left: 0;
 112   width: 42px;
 113   height: 42px;
 114   background-image: url('../images/Sheet-s.png');
 115 }
 116
 117 .Sheet-br
 118 {
 119   position: absolute;
 120   overflow: hidden;
 121   z-index: -1;
 122   bottom: 0;
 123   right: 0;
 124   width: 21px;
 125   height: 21px;
 126 }
 127
 128 .Sheet-br div
 129 {
 130   position: absolute;
 131   z-index: -1;
 132   top: -21px;
 133   left: -21px;
 134   width: 42px;
 135   height: 42px;
 136   background-image: url('../images/Sheet-s.png');
 137 }
 138
 139 .Sheet-tc
 140 {
 141   position: absolute;
 142   overflow:hidden;
 143   z-index: -1;
 144   top: 0;
 145   left: 21px;
 146   right: 21px;
 147   height: 21px;
 148 }
 149
 150 .Sheet-tc div
 151 {
 152   position: absolute;
 153   z-index: -1;
 154   top: 0;
 155   left: 0;
 156   width: 100%;
 157   height: 42px;
 158   background-image: url('../images/Sheet-h.png');
 159 }
 160
 161 .Sheet-bc
 162 {
 163   position: absolute;
 164   overflow:hidden;
 165   z-index: -1;
 166   bottom: 0;
 167   left: 21px;
 168   right: 21px;
 169   height: 21px;
 170 }
 171
 172 .Sheet-bc div
 173 {
 174   position: absolute;
 175   z-index: -1;
 176   top: -21px;
 177   left: 0;
 178   width: 100%;
 179   height: 42px;
 180   background-image: url('../images/Sheet-h.png');
 181 }
 182
 183 .Sheet-cl
 184 {
 185   position: absolute;
 186   overflow:hidden;
 187   z-index: -1;
 188   top: 21px;
 189   left: 0;
 190   width: 21px;
 191   bottom: 21px;
 192 }
 193
 194 .Sheet-cl div
 195 {
 196   position: absolute;
 197   z-index: -1;
 198   top: 0;
 199   left: 0;
 200   width: 42px;
 201   height: 100%;
 202   background-image: url('../images/Sheet-v.png');
 203 }
 204
 205 .Sheet-cr
 206 {
 207   position: absolute;
 208   overflow:hidden;
 209   z-index: -1;
 210   top: 21px;
 211   right: 0;
 212   width: 21px;
 213   bottom: 21px;
 214 }
 215
 216 .Sheet-cr div
 217 {
 218   position: absolute;
 219   z-index: -1;
 220   top: 0;
 221   left: -21px;
 222   width: 42px;
 223   height: 100%;
 224   background-image: url('../images/Sheet-v.png');
 225 }
 226
 227 .Sheet-cc
 228 {
 229   position: absolute;
 230   overflow:hidden;
 231   z-index: -2;
 232   top: 21px;
 233   left: 21px;
 234   right: 21px;
 235   bottom: 21px;
 236   background-image: url('../images/Sheet-c.png');
 237 }
 238
 239
 240 .Sheet
 241 {
 242   margin-top: 10px !important;
 243 }
 244 /* end Box, Sheet */
 245
 246 /* begin Header */
 247 div.Header
 248 {
 249   margin: 0 auto;
 250   position: relative;
 251   z-index:0;
 252   width: 996px;
 253   height: 225px;
 254 }
 255
 256 div.Header-png
 257 {
 258   position: absolute;
 259   z-index:-2;
 260   top: 0;
 261   left: 0;
 262   width: 996px;
 263   height: 225px;
 264   background-image: url('../images/Header.png');
 265   background-repeat: no-repeat;
 266   background-position: left top;
 267 }
 268
 269
 270 div.Header-jpeg
 271 {
 272   position: absolute;
 273   z-index:-1;
 274   top: 0;
 275   left: 0;
 276   width: 996px;
 277   height: 225px;
 278   background-image: url('../images/Header.jpg');
 279   background-repeat: no-repeat;
 280   background-position: center center;
 281 }
 282 /* end Header */
 283
 284 /* begin Logo */
 285 .logo
 286 {
 287   display : block;
 288   position: absolute;
 289   left: 20px;
 290   top: 16px;
 291   width: 976px;
 292 }
 293
 294 h1.logo-name
 295 {
 296   display: block;
 297   text-align: left;
 298 }
 299
 300 h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover
 301 {
 302   font-family:"Arial Rounded MT Bold",Arial, Helvetica, Sans-Serif;
 303   font-size: 39px;
 304   font-style: normal;
 305   font-weight: bold;
 306   text-decoration: none;
 307   padding:0;
 308   margin:0;
 309   color: #412911 !important;
 310 }
 311
 312 .logo-text
 313 {
 314   display: block;
 315   text-align: left;
 316 }
 317
 318 .logo-text, .logo-text a
 319 {
 320   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
 321   font-size: 22px;
 322   font-style: normal;
 323   font-weight: normal;
 324   padding:0;
 325   margin:0;
 326   color: #424B12 !important;
 327 }
 328
 329 /* end Logo */
 330
 331 /* begin Menu */
 332 /* menu structure */
 333
 334 .artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
 335 {
 336   text-align:left;
 337   text-decoration:none;
 338   outline:none;
 339   letter-spacing:normal;
 340   word-spacing:normal;
 341 }
 342
 343 .artmenu, .artmenu ul
 344 {
 345   margin: 0;
 346   padding: 0;
 347   border: 0;
 348   list-style-type: none;
 349   display: block;
 350 }
 351
 352 .artmenu li
 353 {
 354   margin: 0;
 355   padding: 0;
 356   border: 0;
 357   display: block;
 358   float: left;
 359   position: relative;
 360   z-index: 5;
 361   background:none;
 362 }
 363
 364 .artmenu li:hover
 365 {
 366   z-index: 10000;
 367   white-space: normal;
 368 }
 369
 370 .artmenu li li
 371 {
 372   float: none;
 373 }
 374
 375 .artmenu ul
 376 {
 377   visibility: hidden;
 378   position: absolute;
 379   z-index: 10;
 380   left: 0;
 381   top: 0;
 382   background:none;
 383 }
 384
 385 .artmenu li:hover>ul
 386 {
 387   visibility: visible;
 388   top: 100%;
 389 }
 390
 391 .artmenu li li:hover>ul
 392 {
 393   top: 0;
 394   left: 100%;
 395 }
 396
 397 .artmenu:after, .artmenu ul:after
 398 {
 399   content: ".";
 400   height: 0;
 401   display: block;
 402   visibility: hidden;
 403   overflow: hidden;
 404   clear: both;
 405 }
 406 .artmenu, .artmenu ul
 407 {
 408   min-height: 0;
 409 }
 410
 411 .artmenu ul
 412 {
 413   background-image: url(../images/spacer.gif);
 414   padding: 10px 30px 30px 30px;
 415   margin: -10px 0 0 -30px;
 416 }
 417
 418 .artmenu ul ul
 419 {
 420   padding: 30px 30px 30px 10px;
 421   margin: -30px 0 0 -10px;
 422 }
 423
 424
 425 /* menu structure */
 426
 427 .nav
 428 {
 429   position: relative;
 430   margin: 0  auto;
 431   width: 996px;
 432   height: 39px;
 433   z-index: 100;
 434 }
 435
 436 .artmenu
 437 {
 438   padding: 3px 3px 3px 3px;
 439 }
 440
 441
 442 .nav .l, .nav .r, .nav .r div
 443 {
 444   top: 0;
 445   position: absolute;
 446   z-index: -1;
 447   overflow: hidden;
 448   height: 39px;
 449 }
 450
 451 .nav .l
 452 {
 453   left: 0;
 454   right: 0px;
 455 }
 456
 457
 458 .nav .r
 459 {
 460   right: 0;
 461   width: 0px;
 462 }
 463
 464
 465 .nav .r div
 466 {
 467   width: 996px;
 468   right: 0;
 469 }
 470
 471
 472 .nav .l, .nav .r div
 473 {
 474   background-position: left top;
 475   background-repeat: no-repeat;
 476   background-image: url('../images/nav.png');
 477 }
 478
 479 /* end Menu */
 480
 481 /* begin MenuItem */
 482 .artmenu ul li
 483 {
 484   clear: both;
 485 }
 486
 487 .artmenu a , .artmenu a span
 488 {
 489   height: 33px;
 490   display: block;
 491 }
 492
 493
 494 .artmenu a
 495 {
 496   cursor: pointer;
 497   text-decoration: none;
 498   margin-right: 4px;
 499   margin-left: 4px;
 500
 501 }
 502 .artmenu a
 503 {
 504   background-image: url('../images/item-left.png');
 505   background-position: left top;
 506   background-repeat: no-repeat;
 507 }
 508
 509 .artmenu a span
 510 {
 511   background-image: url('../images/item-right.png');
 512   background-position: right top;
 513   background-repeat: no-repeat;
 514 }
 515 .artmenu a span span
 516 {
 517   font-family:"Arial Rounded MT Bold",Arial, Helvetica, Sans-Serif;
 518   font-size: 16px;
 519   color: #D4E17F;
 520   padding: 0 12px;
 521   margin: 0 10px;
 522   line-height: 33px;
 523   text-align: center;
 524   background-image: url('../images/item-center.png');
 525   background-position: left top;
 526   background-repeat: repeat-x;
 527
 528 }
 529
 530
 531 .artmenu a:hover
 532 {
 533   background-position: left -33px;
 534 }
 535
 536 .artmenu li:hover>a
 537 {
 538   background-position: left -33px;
 539 }
 540 .artmenu li:hover a span
 541 {
 542   background-position: right -33px;
 543 }
 544
 545 .artmenu a:hover span
 546 {
 547   background-position: right -33px;
 548 }
 549
 550
 551 .artmenu a:hover span span
 552 {
 553   color: #000000;
 554   background-position: left -33px;
 555 }
 556
 557 .artmenu li:hover a span span
 558 {
 559   color: #000000;
 560   background-position: left -33px;
 561 }
 562
 563
 564 .artmenu a.active
 565 {
 566   background-position: left -66px;
 567 }
 568
 569 .artmenu a.active span
 570 {
 571   background-position: right -66px;
 572 }
 573
 574 .artmenu a.active span span
 575 {
 576   color: #111927;
 577   background-position: left -66px;
 578 }
 579
 580 /* end MenuItem */
 581
 582 /* begin MenuSubItem */
 583 .artmenu ul a
 584 {
 585   display:block;
 586   text-align: center;
 587   white-space: nowrap;
 588   height: 31px;
 589   width: 251px;
 590   overflow:hidden;
 591   line-height: 31px;
 592   margin-right: auto;
 593
 594
 595   background-image: url('../images/subitem-bg.png');
 596   background-position: left top;
 597   background-repeat: repeat-x;
 598
 599   border-width: 0px;
 600   border-style: solid;
 601   border-color: {PassiveBorderColor};
 602 }
 603
 604 .nav ul.artmenu ul span, .nav ul.artmenu ul span span
 605 {
 606   display: inline;
 607   float: none;
 608   margin: inherit;
 609   padding: inherit;
 610   background-image: none;
 611   text-align: inherit;
 612   text-decoration: inherit;
 613 }
 614
 615 .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
 616 {
 617   text-align: left;
 618   text-indent: 12px;
 619   text-decoration: none;
 620   line-height: 31px;
 621   color: #381A00;
 622   font-family:"Arial Rounded MT Bold",Arial, Helvetica, Sans-Serif;
 623   font-size: 14px;
 624 }
 625
 626 .artmenu ul ul a
 627 {
 628   margin-left: auto;
 629 }
 630
 631 .artmenu ul li a:hover
 632 {
 633   color: #D4E17F;
 634   border-color: {HoveredBorderColor};
 635   background-position: 0 -31px;
 636 }
 637
 638 .artmenu ul li:hover>a
 639 {
 640   color: #D4E17F;
 641   border-color: {HoveredBorderColor};
 642   background-position: 0 -31px;
 643 }
 644
 645 .nav .artmenu ul li a:hover span, .nav .artmenu ul li a:hover span span
 646 {
 647   color: #D4E17F;
 648 }
 649
 650 .nav .artmenu ul li:hover>a span, .nav .artmenu ul li:hover>a span span
 651 {
 652   color: #D4E17F;
 653 }
 654
 655
 656 /* end MenuSubItem */
 657
 658 /* begin ContentLayout */
 659 .contentLayout
 660 {
 661   margin-bottom: 6px;
 662   width: 996px;
 663   position: relative;
 664 }
 665 /* end ContentLayout */
 666
 667 /* begin Box, Block */
 668 .Block
 669 {
 670   overflow: hidden;
 671   min-width:23px;
 672   min-height:23px;
 673   margin: 0 auto;
 674   position: relative;
 675   z-index: 0;
 676 }
 677
 678
 679 .Block-body
 680 {
 681   position: relative;
 682   z-index: 0;
 683   margin: 7px;
 684 }
 685
 686 .Block-tl
 687 {
 688   position: absolute;
 689   overflow: hidden;
 690   z-index: -1;
 691   top: 0;
 692   left: 0;
 693   width: 11px;
 694   height: 11px;
 695   background-image: url('../images/Block-s.png');
 696 }
 697
 698 .Block-tr
 699 {
 700   position: absolute;
 701   overflow: hidden;
 702   z-index: -1;
 703   top: 0;
 704   right: 0;
 705   width: 11px;
 706   height: 11px;
 707 }
 708
 709 .Block-tr div
 710 {
 711   position: absolute;
 712   z-index: -1;
 713   top: 0px;
 714   left: -11px;
 715   width: 22px;
 716   height: 22px;
 717   background-image: url('../images/Block-s.png');
 718 }
 719
 720 .Block-bl
 721 {
 722   position: absolute;
 723   overflow: hidden;
 724   z-index: -1;
 725   bottom: 0;
 726   left: 0;
 727   width: 11px;
 728   height: 11px;
 729 }
 730
 731 .Block-bl div
 732 {
 733   position: absolute;
 734   z-index: -1;
 735   top: -11px;
 736   left: 0;
 737   width: 22px;
 738   height: 22px;
 739   background-image: url('../images/Block-s.png');
 740 }
 741
 742 .Block-br
 743 {
 744   position: absolute;
 745   overflow: hidden;
 746   z-index: -1;
 747   bottom: 0;
 748   right: 0;
 749   width: 11px;
 750   height: 11px;
 751 }
 752
 753 .Block-br div
 754 {
 755   position: absolute;
 756   z-index: -1;
 757   top: -11px;
 758   left: -11px;
 759   width: 22px;
 760   height: 22px;
 761   background-image: url('../images/Block-s.png');
 762 }
 763
 764 .Block-tc
 765 {
 766   position: absolute;
 767   overflow:hidden;
 768   z-index: -1;
 769   top: 0;
 770   left: 11px;
 771   right: 11px;
 772   height: 11px;
 773 }
 774
 775 .Block-tc div
 776 {
 777   position: absolute;
 778   z-index: -1;
 779   top: 0;
 780   left: 0;
 781   width: 100%;
 782   height: 22px;
 783   background-image: url('../images/Block-h.png');
 784 }
 785
 786 .Block-bc
 787 {
 788   position: absolute;
 789   overflow:hidden;
 790   z-index: -1;
 791   bottom: 0;
 792   left: 11px;
 793   right: 11px;
 794   height: 11px;
 795 }
 796
 797 .Block-bc div
 798 {
 799   position: absolute;
 800   z-index: -1;
 801   top: -11px;
 802   left: 0;
 803   width: 100%;
 804   height: 22px;
 805   background-image: url('../images/Block-h.png');
 806 }
 807
 808 .Block-cl
 809 {
 810   position: absolute;
 811   overflow:hidden;
 812   z-index: -1;
 813   top: 11px;
 814   left: 0;
 815   width: 11px;
 816   bottom: 11px;
 817 }
 818
 819 .Block-cl div
 820 {
 821   position: absolute;
 822   z-index: -1;
 823   top: 0;
 824   left: 0;
 825   width: 22px;
 826   height: 100%;
 827   background-image: url('../images/Block-v.png');
 828 }
 829
 830 .Block-cr
 831 {
 832   position: absolute;
 833   overflow:hidden;
 834   z-index: -1;
 835   top: 11px;
 836   right: 0;
 837   width: 11px;
 838   bottom: 11px;
 839 }
 840
 841 .Block-cr div
 842 {
 843   position: absolute;
 844   z-index: -1;
 845   top: 0;
 846   left: -11px;
 847   width: 22px;
 848   height: 100%;
 849   background-image: url('../images/Block-v.png');
 850 }
 851
 852 .Block-cc
 853 {
 854   position: absolute;
 855   overflow:hidden;
 856   z-index: -2;
 857   top: 11px;
 858   left: 11px;
 859   right: 11px;
 860   bottom: 11px;
 861   background-image: url('../images/Block-c.png');
 862 }
 863
 864
 865 .Block
 866 {
 867   margin: 5px;
 868 }
 869
 870 /* end Box, Block */
 871
 872 /* begin BlockHeader */
 873 .BlockHeader
 874 {
 875   position: relative;
 876   overflow: hidden;
 877   height: 30px;
 878   z-index: 0;
 879   line-height: 30px;
 880   padding: 0 16px;
 881   margin-bottom: 7px;
 882
 883 }
 884
 885 .BlockHeader-text
 886 {
 887   white-space : nowrap;
 888   color: #D4E17F;
 889   font-family:"Arial Rounded MT Bold",Arial, Helvetica, Sans-Serif;
 890   font-size: 16px;
 891   line-height: 30px;
 892 }
 893
 894
 895 .BlockHeader .l, .BlockHeader .r, .BlockHeader .r div
 896 {
 897   top: 0;
 898   position: absolute;
 899   z-index: -1;
 900   overflow: hidden;
 901   height: 30px;
 902 }
 903
 904 .BlockHeader .l
 905 {
 906   left: 0;
 907   right: 11px;
 908 }
 909
 910
 911 .BlockHeader .r
 912 {
 913   right: 0;
 914   width: 11px;
 915 }
 916
 917
 918 .BlockHeader .r div
 919 {
 920   width: 996px;
 921   right: 0;
 922 }
 923
 924
 925 .BlockHeader .l, .BlockHeader .r div
 926 {
 927   background-position: left top;
 928   background-repeat: no-repeat;
 929   background-image: url('../images/BlockHeader.png');
 930 }
 931
 932
 933
 934
 935 /* end BlockHeader */
 936
 937 /* begin Box, BlockContent */
 938 .BlockContent
 939 {
 940   overflow: hidden;
 941   min-width:21px;
 942   min-height:21px;
 943   margin: 0 auto;
 944   position: relative;
 945   z-index: 0;
 946 }
 947
 948
 949 .BlockContent-body
 950 {
 951   position: relative;
 952   z-index: 0;
 953   margin: 15px;
 954 }
 955
 956 .BlockContent-tl
 957 {
 958   position: absolute;
 959   overflow: hidden;
 960   z-index: -1;
 961   top: 0;
 962   left: 0;
 963   width: 10px;
 964   height: 10px;
 965   background-image: url('../images/BlockContent-s.png');
 966 }
 967
 968 .BlockContent-tr
 969 {
 970   position: absolute;
 971   overflow: hidden;
 972   z-index: -1;
 973   top: 0;
 974   right: 0;
 975   width: 10px;
 976   height: 10px;
 977 }
 978
 979 .BlockContent-tr div
 980 {
 981   position: absolute;
 982   z-index: -1;
 983   top: 0px;
 984   left: -10px;
 985   width: 20px;
 986   height: 20px;
 987   background-image: url('../images/BlockContent-s.png');
 988 }
 989
 990 .BlockContent-bl
 991 {
 992   position: absolute;
 993   overflow: hidden;
 994   z-index: -1;
 995   bottom: 0;
 996   left: 0;
 997   width: 10px;
 998   height: 10px;
 999 }
1000
1001 .BlockContent-bl div
1002 {
1003   position: absolute;
1004   z-index: -1;
1005   top: -10px;
1006   left: 0;
1007   width: 20px;
1008   height: 20px;
1009   background-image: url('../images/BlockContent-s.png');
1010 }
1011
1012 .BlockContent-br
1013 {
1014   position: absolute;
1015   overflow: hidden;
1016   z-index: -1;
1017   bottom: 0;
1018   right: 0;
1019   width: 10px;
1020   height: 10px;
1021 }
1022
1023 .BlockContent-br div
1024 {
1025   position: absolute;
1026   z-index: -1;
1027   top: -10px;
1028   left: -10px;
1029   width: 20px;
1030   height: 20px;
1031   background-image: url('../images/BlockContent-s.png');
1032 }
1033
1034 .BlockContent-tc
1035 {
1036   position: absolute;
1037   overflow:hidden;
1038   z-index: -1;
1039   top: 0;
1040   left: 10px;
1041   right: 10px;
1042   height: 10px;
1043 }
1044
1045 .BlockContent-tc div
1046 {
1047   position: absolute;
1048   z-index: -1;
1049   top: 0;
1050   left: 0;
1051   width: 100%;
1052   height: 20px;
1053   background-image: url('../images/BlockContent-h.png');
1054 }
1055
1056 .BlockContent-bc
1057 {
1058   position: absolute;
1059   overflow:hidden;
1060   z-index: -1;
1061   bottom: 0;
1062   left: 10px;
1063   right: 10px;
1064   height: 10px;
1065 }
1066
1067 .BlockContent-bc div
1068 {
1069   position: absolute;
1070   z-index: -1;
1071   top: -10px;
1072   left: 0;
1073   width: 100%;
1074   height: 20px;
1075   background-image: url('../images/BlockContent-h.png');
1076 }
1077
1078 .BlockContent-cl
1079 {
1080   position: absolute;
1081   overflow:hidden;
1082   z-index: -1;
1083   top: 10px;
1084   left: 0;
1085   width: 10px;
1086   bottom: 10px;
1087 }
1088
1089 .BlockContent-cl div
1090 {
1091   position: absolute;
1092   z-index: -1;
1093   top: 0;
1094   left: 0;
1095   width: 20px;
1096   height: 100%;
1097   background-image: url('../images/BlockContent-v.png');
1098 }
1099
1100 .BlockContent-cr
1101 {
1102   position: absolute;
1103   overflow:hidden;
1104   z-index: -1;
1105   top: 10px;
1106   right: 0;
1107   width: 10px;
1108   bottom: 10px;
1109 }
1110
1111 .BlockContent-cr div
1112 {
1113   position: absolute;
1114   z-index: -1;
1115   top: 0;
1116   left: -10px;
1117   width: 20px;
1118   height: 100%;
1119   background-image: url('../images/BlockContent-v.png');
1120 }
1121
1122 .BlockContent-cc
1123 {
1124   position: absolute;
1125   overflow:hidden;
1126   z-index: -2;
1127   top: 10px;
1128   left: 10px;
1129   right: 10px;
1130   bottom: 10px;
1131   background-image: url('../images/BlockContent-c.png');
1132 }
1133
1134
1135 .BlockContent-body
1136 {
1137   color:#412911;
1138   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
1139   font-size: 12px;
1140   font-style: normal;
1141   font-weight: normal;
1142 }
1143
1144 .BlockContent-body a:link
1145 {
1146   color: #412911;
1147   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
1148   text-decoration: underline;
1149 }
1150
1151 .BlockContent-body a:visited, .BlockContent-body a.visited
1152 {
1153   color: #D7D3D9;
1154   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
1155   text-decoration: underline;
1156 }
1157
1158 .BlockContent-body a:hover, .BlockContent-body a.hover
1159 {
1160   color: #FFB87A;
1161   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
1162   text-decoration: none;
1163 }
1164
1165
1166 .BlockContent-body ul
1167 {
1168   list-style-type: none;
1169   color: #1C1A1E;
1170   margin:0;
1171   padding:0;
1172 }
1173
1174 .BlockContent-body li
1175 {
1176   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
1177   font-size: 12px;
1178   text-decoration: none;
1179 }
1180
1181 .BlockContent-body ul li
1182 {
1183   padding:0px 0 0px 13px;
1184   background-image: url('../images/BlockContentBullets.png');
1185   background-repeat:no-repeat;
1186   margin:0.5em 0 0.5em 0;
1187   line-height:1.2em;
1188 }
1189
1190 /* end Box, BlockContent */
1191
1192 /* begin Box, Post */
1193 .Post
1194 {
1195   overflow: hidden;
1196   min-width:23px;
1197   min-height:23px;
1198   margin: 0 auto;
1199   position: relative;
1200   z-index: 0;
1201 }
1202
1203
1204 .Post-body
1205 {
1206   position: relative;
1207   z-index: 0;
1208   margin: 16px;
1209 }
1210
1211 .Post-tl
1212 {
1213   position: absolute;
1214   overflow: hidden;
1215   z-index: -1;
1216   top: 0;
1217   left: 0;
1218   width: 11px;
1219   height: 11px;
1220   background-image: url('../images/Post-s.png');
1221 }
1222
1223 .Post-tr
1224 {
1225   position: absolute;
1226   overflow: hidden;
1227   z-index: -1;
1228   top: 0;
1229   right: 0;
1230   width: 11px;
1231   height: 11px;
1232 }
1233
1234 .Post-tr div
1235 {
1236   position: absolute;
1237   z-index: -1;
1238   top: 0px;
1239   left: -11px;
1240   width: 22px;
1241   height: 22px;
1242   background-image: url('../images/Post-s.png');
1243 }
1244
1245 .Post-bl
1246 {
1247   position: absolute;
1248   overflow: hidden;
1249   z-index: -1;
1250   bottom: 0;
1251   left: 0;
1252   width: 11px;
1253   height: 11px;
1254 }
1255
1256 .Post-bl div
1257 {
1258   position: absolute;
1259   z-index: -1;
1260   top: -11px;
1261   left: 0;
1262   width: 22px;
1263   height: 22px;
1264   background-image: url('../images/Post-s.png');
1265 }
1266
1267 .Post-br
1268 {
1269   position: absolute;
1270   overflow: hidden;
1271   z-index: -1;
1272   bottom: 0;
1273   right: 0;
1274   width: 11px;
1275   height: 11px;
1276 }
1277
1278 .Post-br div
1279 {
1280   position: absolute;
1281   z-index: -1;
1282   top: -11px;
1283   left: -11px;
1284   width: 22px;
1285   height: 22px;
1286   background-image: url('../images/Post-s.png');
1287 }
1288
1289 .Post-tc
1290 {
1291   position: absolute;
1292   overflow:hidden;
1293   z-index: -1;
1294   top: 0;
1295   left: 11px;
1296   right: 11px;
1297   height: 11px;
1298 }
1299
1300 .Post-tc div
1301 {
1302   position: absolute;
1303   z-index: -1;
1304   top: 0;
1305   left: 0;
1306   width: 100%;
1307   height: 22px;
1308   background-image: url('../images/Post-h.png');
1309 }
1310
1311 .Post-bc
1312 {
1313   position: absolute;
1314   overflow:hidden;
1315   z-index: -1;
1316   bottom: 0;
1317   left: 11px;
1318   right: 11px;
1319   height: 11px;
1320 }
1321
1322 .Post-bc div
1323 {
1324   position: absolute;
1325   z-index: -1;
1326   top: -11px;
1327   left: 0;
1328   width: 100%;
1329   height: 22px;
1330   background-image: url('../images/Post-h.png');
1331 }
1332
1333 .Post-cl
1334 {
1335   position: absolute;
1336   overflow:hidden;
1337   z-index: -1;
1338   top: 11px;
1339   left: 0;
1340   width: 11px;
1341   bottom: 11px;
1342 }
1343
1344 .Post-cl div
1345 {
1346   position: absolute;
1347   z-index: -1;
1348   top: 0;
1349   left: 0;
1350   width: 22px;
1351   height: 100%;
1352   background-image: url('../images/Post-v.png');
1353 }
1354
1355 .Post-cr
1356 {
1357   position: absolute;
1358   overflow:hidden;
1359   z-index: -1;
1360   top: 11px;
1361   right: 0;
1362   width: 11px;
1363   bottom: 11px;
1364 }
1365
1366 .Post-cr div
1367 {
1368   position: absolute;
1369   z-index: -1;
1370   top: 0;
1371   left: -11px;
1372   width: 22px;
1373   height: 100%;
1374   background-image: url('../images/Post-v.png');
1375 }
1376
1377 .Post-cc
1378 {
1379   position: absolute;
1380   overflow:hidden;
1381   z-index: -2;
1382   top: 11px;
1383   left: 11px;
1384   right: 11px;
1385   bottom: 11px;
1386   background-image: url('../images/Post-c.png');
1387 }
1388
1389
1390 .Post
1391 {
1392   margin: 5px;
1393 }
1394
1395
1396 /* Start images */
1397 a img
1398 {
1399   border: 0;
1400 }
1401
1402 .article img, img.article
1403 {
1404   border-style: solid;
1405   border-width: 0px;
1406   border-color: #D4E17F;
1407   margin: 1em;
1408 }
1409
1410 .metadata-icons img
1411 {
1412   border: none;
1413   vertical-align: middle;
1414   margin:2px;
1415 }
1416 /* Finish images */
1417
1418 /* Start tables */
1419
1420 .article table, table.article
1421 {
1422   border-collapse: collapse;
1423   margin: 1px;
1424   width:auto;
1425 }
1426
1427 .article table, table.article .article tr, .article th, .article td
1428 {
1429   background-color:Transparent;
1430 }
1431
1432 .article th, .article td
1433 {
1434   padding: 2px;
1435   border: solid 1px #988F9E;
1436   vertical-align: top;
1437   text-align:left;
1438 }
1439
1440 .article th
1441 {
1442   text-align:center;
1443   vertical-align:middle;
1444   padding: 7px;
1445 }
1446
1447
1448
1449 /* Finish tables */
1450 /* end Box, Post */
1451
1452 /* begin PostHeaderIcon */
1453 .PostHeaderIcon-wrapper
1454 {
1455   text-decoration:none;
1456   margin: 0.2em 0;
1457   padding: 0;
1458   font-weight:normal;
1459   font-style:normal;
1460   letter-spacing:normal;
1461   word-spacing:normal;
1462   font-variant:normal;
1463   text-decoration:none;
1464   font-variant:normal;
1465   text-transform:none;
1466   text-align:left;
1467   text-indent:0;
1468   line-height:inherit;
1469   font-family:"Arial Rounded MT Bold",Arial, Helvetica, Sans-Serif;
1470   font-size: 22px;
1471   font-style: normal;
1472   font-weight: bold;
1473   text-align: left;
1474   color: #572800;
1475 }
1476
1477 .PostHeaderIcon-wrapper, .PostHeaderIcon-wrapper a, .PostHeaderIcon-wrapper a:link, .PostHeaderIcon-wrapper a:visited, .PostHeaderIcon-wrapper a:hover
1478 {
1479   font-family:"Arial Rounded MT Bold",Arial, Helvetica, Sans-Serif;
1480   font-size: 22px;
1481   font-style: normal;
1482   font-weight: bold;
1483   text-align: left;
1484   color: #572800;
1485 }
1486
1487 .PostHeaderIcon-wrapper img
1488 {
1489   border:none;
1490   vertical-align: middle;
1491   margin:0;
1492 }
1493 /* end PostHeaderIcon */
1494
1495 /* begin PostHeader */
1496 .PostHeader a:link
1497 {
1498   font-family:"Arial Rounded MT Bold",Arial, Helvetica, Sans-Serif;
1499   text-decoration: none;
1500   text-align: left;
1501   color: #EA6F34;
1502 }
1503
1504 .PostHeader a:visited, .PostHeader a.visited
1505 {
1506   font-family:"Arial Rounded MT Bold",Arial, Helvetica, Sans-Serif;
1507   text-decoration: none;
1508   text-align: left;
1509   color: #424B12;
1510 }
1511
1512 .PostHeader a:hover, .PostHeader a.hovered
1513 {
1514   font-family:"Arial Rounded MT Bold",Arial, Helvetica, Sans-Serif;
1515   text-decoration: none;
1516   text-align: left;
1517   color: #101723;
1518 }
1519 /* end PostHeader */
1520
1521 /* begin PostIcons */
1522 .PostHeaderIcons, .PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover
1523 {
1524   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
1525   font-size: 11px;
1526   color: #1F1C21;
1527 }
1528
1529 .PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover
1530 {
1531   margin:0;
1532 }
1533
1534 .PostHeaderIcons a:link
1535 {
1536   font-family:"Arial Rounded MT Bold",Arial, Helvetica, Sans-Serif;
1537   text-decoration: underline;
1538   color: #2F466A;
1539 }
1540
1541 .PostHeaderIcons a:visited, .PostHeaderIcons a.visited
1542 {
1543   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
1544   text-decoration: underline;
1545   color: #2F466A;
1546 }
1547
1548 .PostHeaderIcons a:hover, .PostHeaderIcons a.hover
1549 {
1550   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
1551   text-decoration: none;
1552   color: #101723;
1553 }
1554
1555
1556 /* end PostIcons */
1557
1558 /* begin PostContent */
1559 /* Content Text Font & Color (Default) */
1560 body
1561 {
1562   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
1563   font-size: 12px;
1564   font-style: normal;
1565   font-weight: normal;
1566   color: #000000;
1567 }
1568
1569 .PostContent
1570 {
1571   font-family:"Arial Rounded MT Bold",Arial, Helvetica, Sans-Serif;
1572   font-size: 12px;
1573   text-align: justify;
1574   color: #000000;
1575 }
1576
1577 /* Start Content link style */
1578 /*
1579 The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
1580 http://www.w3schools.com/CSS/css_pseudo_classes.asp
1581 http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
1582 */
1583 a
1584 {
1585   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
1586   text-decoration: underline;
1587   color: #CC5F00;
1588 }
1589
1590 /* Adds special style to an unvisited link. */
1591 a:link
1592 {
1593   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
1594   text-decoration: underline;
1595   color: #CC5F00;
1596 }
1597
1598 /* Adds special style to a visited link. */
1599 a:visited, a.visited
1600 {
1601   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
1602   text-decoration: underline;
1603   color: #794E21;
1604 }
1605
1606 /* :hover - adds special style to an element when you mouse over it. */
1607 a:hover, a.hover
1608 {
1609   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
1610   text-decoration: none;
1611   color: #101723;
1612 }
1613
1614 /* Finish Content link style */
1615
1616 /* Resert some headings default style & links default style for links in headings*/
1617 h1, h2, h3, h4, h5, h6,
1618 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
1619 h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
1620 h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
1621 {
1622   font-weight: normal;
1623   font-style: normal;
1624   text-decoration: none;
1625 }
1626
1627
1628 /* Start Content headings Fonts & Colors  */
1629 h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
1630 {
1631   font-family:"Arial Rounded MT Bold",Arial, Helvetica, Sans-Serif;
1632   font-size: 28px;
1633   font-style: normal;
1634   font-weight: bold;
1635   text-align: left;
1636   color: #424B12;
1637 }
1638
1639 h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
1640 {
1641   font-family:"Arial Rounded MT Bold",Arial, Helvetica, Sans-Serif;
1642   font-size: 22px;
1643   font-style: normal;
1644   font-weight: bold;
1645   text-align: left;
1646   color: #EA6F34;
1647 }
1648
1649 h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
1650 {
1651   font-family:"Arial Rounded MT Bold",Arial, Helvetica, Sans-Serif;
1652   font-size: 18px;
1653   font-style: normal;
1654   font-weight: bold;
1655   text-align: left;
1656   color: #784E21;
1657 }
1658
1659 h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
1660 {
1661   font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
1662   font-size: 16px;
1663   font-style: normal;
1664   font-weight: bold;
1665   text-align: left;
1666   color: #0C131C;
1667 }
1668
1669 h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
1670 {
1671   font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
1672   font-size: 14px;
1673   font-style: normal;
1674   font-weight: bold;
1675   text-align: left;
1676   color: #0C131C;
1677 }
1678
1679 h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
1680 {
1681   font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
1682   font-size: 14px;
1683   font-style: normal;
1684   font-weight: bold;
1685   text-align: left;
1686   color: #0C131C;
1687 }
1688 /* Finish Content headings Fonts & Colors  */
1689
1690 /* end PostContent */
1691
1692 /* begin PostBullets */
1693 /* Start Content list */
1694
1695 ul
1696 {
1697   list-style-type: none;
1698   color: #424B12;
1699   margin:0;
1700   padding:0;
1701 }
1702
1703 li
1704 {
1705   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
1706   font-size: 12px;
1707 }
1708
1709
1710
1711 .Post ul li
1712 {
1713   padding:0px 0 0px 13px;
1714   background-image: url('../images/PostBullets.png');
1715   background-repeat:no-repeat;
1716   margin:0.5em 0 0.5em 0;
1717   line-height:1.2em;
1718 }
1719
1720
1721 /* Finish Content list */
1722 /* end PostBullets */
1723
1724 /* begin PostQuote */
1725 /* Start blockquote */
1726
1727 blockquote p
1728 {
1729   color:#1C1A1E;
1730   font-family:"Arial Rounded MT Bold",Arial, Helvetica, Sans-Serif;
1731   font-size: 14px;
1732   font-style: italic;
1733   font-weight: normal;
1734   text-align: left;
1735 }
1736
1737 blockquote
1738 {
1739   border-color:#784E21;
1740   border-width: 2px;
1741   border-style: dotted;
1742
1743   margin:10px 10px 10px 50px;
1744   padding:5px 5px 5px 38px;
1745
1746   background-color:#EA6F34;
1747
1748   background-image:url('../images/PostQuote.png');
1749   background-position:left top;
1750   background-repeat:no-repeat;
1751 }
1752
1753
1754
1755 /* Finish blockuote */
1756 /* end PostQuote */
1757
1758 /* begin Button */
1759 button.Button, a.Button
1760 {
1761   position:relative;
1762   display:inline-block;
1763   width: auto;
1764   outline:none;
1765   border:none;
1766   background:none;
1767   line-height:34px;
1768   margin:0;
1769   padding:0;
1770   overflow: visible;
1771   cursor: default;
1772   text-decoration: none !important;
1773 }
1774
1775
1776 /*This HACK needed for ie7 (button position)*/
1777 *:first-child+html button.Button, *:first-child+html a.Button
1778 {
1779   display:list-item;
1780   list-style-type:none;
1781   float:left;
1782 }
1783
1784
1785 .Button .btn
1786 {
1787   position: relative;
1788   overflow: hidden;
1789   display: block;
1790   width: auto;
1791   z-index: 0;
1792   height: 34px;
1793   color: #000000;
1794   white-space: nowrap;
1795   float: left;
1796 }
1797
1798 .Button .t
1799 {
1800   height:34px;
1801   white-space: normal;
1802   padding: 0 21px;
1803   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
1804   font-size: 12px;
1805   font-style: normal;
1806   font-weight: normal;
1807   text-align: left;
1808   line-height: 34px;
1809   text-decoration: none !important;
1810 }
1811
1812 input, select
1813 {
1814   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
1815   font-size: 12px;
1816   font-style: normal;
1817   font-weight: normal;
1818 }
1819
1820 .Button .active
1821 {
1822   color: #EDECEE;
1823 }
1824
1825 .Button .hover,  a.Button:hover
1826 {
1827   color: #241100;
1828   text-decoration: none !important;
1829 }
1830
1831 .Button .active .r
1832 {
1833   top: -68px;
1834 }
1835
1836 .Button .hover .r
1837 {
1838   top: -34px;
1839 }
1840
1841 .Button .r
1842 {
1843   display: block;
1844   position: absolute;
1845   overflow: hidden;
1846   z-index: -1;
1847   top: 0;
1848   right: 0;
1849   width: 11px;
1850   height: 102px;
1851 }
1852
1853
1854 .Button .r span
1855 {
1856   display: block;
1857   position: absolute;
1858   overflow: hidden;
1859   z-index: -1;
1860   top: 0;
1861   right: 0;
1862   width:411px;
1863   height: 102px;
1864 }
1865
1866
1867 .Button .active .l
1868 {
1869   top: -68px;
1870 }
1871
1872 .Button .hover .l
1873 {
1874   top: -34px;
1875 }
1876
1877 .Button .l
1878 {
1879   display: block;
1880   position: absolute;
1881   overflow: hidden;
1882   z-index: -1;
1883   top: 0;
1884   left: 0;
1885   right: 11px;
1886   height: 102px;
1887 }
1888
1889
1890 .Button .l, .Button .r span
1891 {
1892   background-image: url('../images/Button.png');
1893 }
1894
1895 /* end Button */
1896
1897 /* begin Footer */
1898 .Footer
1899 {
1900   position:relative;
1901   z-index:0;
1902   overflow:hidden;
1903   width: 996px;
1904   margin: 5px auto 0px auto;
1905 }
1906
1907 .Footer .Footer-inner
1908 {
1909   height:1%;
1910   position: relative;
1911   z-index: 0;
1912   padding: 8px;
1913   text-align: center;
1914 }
1915
1916 .Footer .Footer-background
1917 {
1918   position:absolute;
1919   z-index:-1;
1920   background-repeat:no-repeat;
1921   background-image: url('../images/Footer.png');
1922   width: 996px;
1923   height: 100px;
1924   bottom:0;
1925   left:0;
1926 }
1927
1928
1929
1930 .rss-tag-icon
1931 {
1932   position: relative;
1933   display:block;
1934   float:left;
1935   background-image: url('../images/livemarks.png');
1936   background-position: center right;
1937   background-repeat: no-repeat;
1938   margin: 0 5px 0 0;
1939   height: 32px;
1940   width: 32px;
1941 }
1942
1943
1944
1945
1946 .Footer .Footer-text p
1947 {
1948   margin: 0;
1949 }
1950
1951 .Footer .Footer-text
1952 {
1953   display:inline-block;
1954   color:#FFFFFF;
1955   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
1956   font-size: 11px;
1957 }
1958
1959 .Footer .Footer-text a:link
1960 {
1961   text-decoration: none;
1962   color: #9CB1D3;
1963   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
1964   text-decoration: underline;
1965 }
1966
1967 .Footer .Footer-text a:visited
1968 {
1969   text-decoration: none;
1970   color: #B9B3BD;
1971   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
1972   text-decoration: underline;
1973 }
1974
1975 .Footer .Footer-text a:hover
1976 {
1977   text-decoration: none;
1978   color: #5579B4;
1979   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
1980   text-decoration: none;
1981 }
1982 /* end Footer */
1983
1984 /* begin PageFooter */
1985 .page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover
1986 {
1987   font-family:Arial;
1988   font-size:10px;
1989   letter-spacing:normal;
1990   word-spacing:normal;
1991   font-style:normal;
1992   font-weight:normal;
1993   text-decoration:underline;
1994   color:#D1DBEB;
1995 }
1996
1997 .page-footer
1998 {
1999   margin:1em;
2000   text-align:center;
2001   text-decoration:none;
2002   color:#DEDCE0;
2003 }
2004 /* end PageFooter */
2005
2006 /* begin LayoutCell */
2007 .contentLayout .sidebar1
2008 {
2009   position: relative;
2010   margin: 0;
2011   padding: 0;
2012   border: 0;
2013   float: left;
2014   overflow: hidden;
2015   width: 248px;
2016 }
2017
2018 /* end LayoutCell */
2019
2020 /* begin LayoutCell */
2021 .contentLayout .content
2022 {
2023   position: relative;
2024   margin: 0;
2025   padding: 0;
2026   border: 0;
2027   float: left;
2028   overflow: hidden;
2029   width: 747px;
2030 }
2031
2032 /* end LayoutCell */
2033
2034
2035
2036 .contentLayout li
2037 {
2038   float: none;
2039 }
2040
2041 table.moduletable th
2042 {
2043   font-size: 140%;
2044   padding: .5em 0em;
2045 }
2046
2047 #footer
2048 {
2049   text-align: center;
2050 }
2051
2052 .breadcrumbs
2053 {
2054   display: block;
2055   padding: .7em 0em;
2056 }
2057
2058 .contentpaneopen span.small, .contentpaneopen td.createdate, .contentpaneopen td.modifydate
2059 {
2060   font-size: 75%;
2061   padding-bottom: 1em;
2062 }
2063
2064 .article_column
2065 {
2066   padding-right: .2em;
2067 }
2068
2069 .column_separator
2070 {
2071   padding-left: .4em;
2072 }
2073
2074 .pagination span
2075 {
2076   padding: 2px;
2077 }
2078
2079 .pagination a
2080 {
2081   padding: 2px;
2082 }
2083
2084 div.offline
2085 {
2086   background: #fffebb;
2087   width: 100%;
2088   position: absolute;
2089   top: 0;
2090   left: 0;
2091   font-size: 1.2em;
2092   padding: 5px;
2093 }
2094
2095 span.pathway
2096 {
2097   display: block;
2098   margin: 0 20px;
2099   height: 16px;
2100   line-height: 16px;
2101   overflow: hidden;
2102 }
2103
2104 /* headers */
2105 table.moduletable th, legend
2106 {
2107   margin: 0;
2108   font-weight: bold;
2109   font-family: Helvetica,Arial,sans-serif;
2110   font-size: 1.5em;
2111   padding-left: 0px;
2112   margin-bottom: 10px;
2113   text-align: left;
2114 }
2115
2116 /* form validation */
2117 .invalid
2118 {
2119   border-color: #ff0000;
2120 }
2121
2122 label.invalid
2123 {
2124   color: #ff0000;
2125 }
2126
2127
2128 /** overlib **/
2129
2130 .ol-foreground
2131 {
2132   background-color: #f6f6f6;
2133 }
2134
2135 .ol-background
2136 {
2137   background-color: #666;
2138 }
2139
2140 .ol-textfont
2141 {
2142   font-family: Arial, Helvetica, sans-serif;
2143   font-size: 10px;
2144 }
2145
2146 .ol-captionfont
2147 {
2148   font-family: Arial, Helvetica, sans-serif;
2149   font-size: 12px;
2150   color: #f6f6f6;
2151   font-weight: bold;
2152 }
2153
2154 .ol-captionfont a
2155 {
2156   color: #0B55C4;
2157   text-decoration: none;
2158   font-size: 12px;
2159 }
2160
2161 /* spacers */
2162 span.article_separator
2163 {
2164   display: none;
2165 }
2166
2167 .article_column
2168 {
2169   padding-right: 5px;
2170 }
2171
2172 .column_separator
2173 {
2174   border-left: 1px dashed #e0e0e0;
2175   padding-left: 10px;
2176 }
2177
2178 td.buttonheading img
2179 {
2180   border: none;
2181 }
2182
2183 .clr
2184 {
2185   clear: both;
2186 }
2187
2188 td.greyline
2189 {
2190   width: 20px;
2191   background: url(../../../images/mw_line_grey.png) 50% 0 repeat-y;
2192 }
2193
2194 div#maindivider
2195 {
2196   border-top: 1px solid #ddd;
2197   margin-bottom: 10px;
2198   overflow: hidden;
2199   height: 1px;
2200 }
2201
2202 table.blog span.article_separator
2203 {
2204   display: none;
2205 }
2206
2207 /* edit button */
2208 .contentpaneopen_edit
2209 {
2210   float: left;
2211 }
2212
2213 /* table of contents */
2214 table.contenttoc
2215 {
2216   margin: 5px;
2217   border: 1px solid #ccc;
2218   padding: 5px;
2219   float: right;
2220 }
2221
2222 table.contenttoc td
2223 {
2224   padding: 0 5px;
2225 }
2226
2227
2228 /* content tables */
2229 td.sectiontableheader
2230 {
2231   background: #efefef;
2232   color: #333;
2233   font-weight: bold;
2234   padding: 4px;
2235   border-right: 1px solid #fff;
2236 }
2237
2238 tr.sectiontableentry0 td,
2239 tr.sectiontableentry1 td,
2240 tr.sectiontableentry2 td
2241 {
2242   /*padding: 4px;*/
2243 }
2244
2245 td.sectiontableentry0,
2246 td.sectiontableentry1,
2247 td.sectiontableentry2
2248 {
2249   /*padding: 3px;*/
2250 }
2251
2252
2253 /* content styles */
2254 table.contentpaneopen, table.contentpane
2255 {
2256   margin: 0;
2257   padding: 0;
2258   width: auto;
2259 }
2260
2261 table.contentpaneopen li
2262 {
2263   margin-bottom: 5px;
2264 }
2265
2266 table.contentpaneopen fieldset
2267 {
2268   border: 0;
2269   border-top: 1px solid #ddd;
2270 }
2271
2272 table.contentpaneopen h3
2273 {
2274   margin-top: 25px;
2275 }
2276
2277 table.contentpaneopen h4
2278 {
2279   font-family: Arial, Helvetica, sans-serif;
2280   color: #333;
2281 }
2282
2283 .highlight
2284 {
2285   background-color: #fffebb;
2286 }
2287
2288 /* module control elements */
2289 table.user1user2 div.moduletable
2290 {
2291   margin-bottom: 0px;
2292 }
2293
2294 div.moduletable, div.module
2295 {
2296   margin-bottom: 25px;
2297 }
2298
2299 div.module_menu h3
2300 {
2301   font-family: Helvetica, Arial, sans-serif;
2302   font-size: 12px;
2303   font-weight: bold;
2304   color: #eee;
2305   margin: -23px -4px 5px -5px;
2306   padding-left: 10px;
2307   padding-bottom: 2px;
2308 }
2309
2310 div.module_menu
2311 {
2312   margin: 0;
2313   padding: 0;
2314   margin-bottom: 15px;
2315 }
2316
2317 div.module_menu div div div
2318 {
2319   padding: 10px;
2320   padding-top: 30px;
2321   padding-bottom: 15px;
2322   width: auto;
2323 }
2324
2325 div.module_menu div div div div
2326 {
2327   background: none;
2328   padding: 0;
2329 }
2330
2331 div.module_menu ul
2332 {
2333   margin: 10px 0;
2334   padding-left: 20px;
2335 }
2336
2337 div.module_menu ul li a:link, div.module_menu ul li a:visited
2338 {
2339   font-weight: bold;
2340 }
2341
2342 #leftcolumn div.module
2343 {
2344   padding: 0 10px;
2345 }
2346
2347 #leftcolumn div.module table
2348 {
2349   width: auto;
2350 }
2351
2352 /* forms */
2353 table.adminform textarea
2354 {
2355   width: 540px;
2356   height: 400px;
2357   font-size: 1em;
2358   color: #000099;
2359 }
2360
2361 div.search input
2362 {
2363   width: 145px;
2364   border: 1px solid #ccc;
2365   margin: 15px 0 10px 0;
2366 }
2367
2368 form#form-login
2369 {
2370   text-align: left;
2371 }
2372
2373 form#form-login fieldset
2374 {
2375   border: 0 none;
2376   margin: 0;
2377   padding: 0.2em;
2378 }
2379
2380 form#form-login ul
2381 {
2382   list-style-type: none;
2383   margin: 0;
2384   padding: 0;
2385 }
2386
2387 form#form-login ul li
2388 {
2389   background-image: none;
2390   padding: 0;
2391 }
2392
2393 #modlgn_username, #modlgn_passwd
2394 {
2395   width: 90%;
2396 }
2397
2398 #form-login-username, #form-login-password, #form-login-remember
2399 {
2400   display: block;
2401   margin: 0;
2402 }
2403
2404 form#com-form-login
2405 {
2406   text-align: left;
2407 }
2408
2409 form#com-form-login fieldset
2410 {
2411   border: 0 none;
2412   margin: 0;
2413   padding: 0.2em;
2414 }
2415
2416 form#com-form-login ul
2417 {
2418   list-style-type: none;
2419   margin: 0;
2420   padding: 0;
2421 }
2422
2423 form#com-form-login ul li
2424 {
2425   background-image: none;
2426   padding: 0;
2427 }
2428
2429 /* thumbnails */
2430 div.mosimage
2431 {
2432   margin: 5px;
2433 }
2434
2435 div.mosimage_caption {
2436   font-size: .90em;
2437   color: #666;
2438 }
2439
2440 div.caption
2441 {
2442   padding: 0 10px 0 10px;
2443 }
2444
2445 div.caption img
2446 {
2447   border: 1px solid #CCC;
2448 }
2449
2450 div.caption p
2451 {
2452   font-size: .90em;
2453   color: #666;
2454   text-align: center;
2455 }
2456
2457 /* Parameter Table */
2458 table.paramlist
2459 {
2460   margin-top: 5px;
2461 }
2462
2463 table.paramlist td.paramlist_key
2464 {
2465   width: 128px;
2466   text-align: left;
2467   height: 30px;
2468 }
2469
2470 div.message
2471 {
2472   font-weight: bold;
2473   font-size: 14px;
2474   color: #c30;
2475   text-align: center;
2476   width: auto;
2477   background-color: #f9f9f9;
2478   border: solid 1px #d5d5d5;
2479   margin: 3px 0px 10px;
2480   padding: 3px 20px;
2481 }
2482
2483 /* Banners module */
2484
2485 /* Default skyscraper style */
2486 .banneritem img
2487 {
2488   display: block;
2489   margin-left: auto;
2490   margin-right: auto;
2491 }
2492
2493 /* Text advert style */
2494
2495 .banneritem_text
2496 {
2497   padding: 4px;
2498   font-size: 11px;
2499 }
2500
2501 .bannerfooter_text
2502 {
2503   padding: 4px;
2504   font-size: 11px;
2505   background-color: #f7f7f7;
2506   text-align: right;
2507 }
2508
2509 /* System Messages */
2510 /* see system general.css */
2511
2512 .pagination span
2513 {
2514   padding: 2px;
2515 }
2516
2517 .pagination a
2518 {
2519   padding: 2px;
2520 }
2521
2522 /* Polls */
2523 .pollstableborder
2524 {
2525   margin-top: 8px;
2526 }
2527
2528
2529 .pollstableborder td
2530 {
2531   text-align: left;
2532
2533 }
2534
2535 /* WebLinks */
2536 span.description
2537 {
2538   display: block;
2539   padding-left: 30px;
2540 }
2541
2542 /* Frontend Editing*/
2543 fieldset
2544 {
2545   border: 1px solid #ccc;
2546   margin-top: 15px;
2547   padding: 15px;
2548 }
2549
2550 legend
2551 {
2552   margin: 0;
2553   padding: 0 10px;
2554 }
2555
2556 td.key
2557 {
2558   border-bottom: 1px solid #eee;
2559   color: #666;
2560 }
2561
2562 /* Tooltips */
2563
2564 .tool-tip
2565 {
2566   float: left;
2567   background: #ffc;
2568   border: 1px solid #d4d5aa;
2569   padding: 5px;
2570   max-width: 200px;
2571 }
2572
2573 .tool-title
2574 {
2575   padding: 0;
2576   margin: 0;
2577   font-size: 100%;
2578   font-weight: bold;
2579   margin-top: -15px;
2580   padding-top: 15px;
2581   padding-bottom: 5px;
2582   background: url(../../../system/../images/selector-arrow.png) no-repeat;
2583 }
2584
2585 .tool-text
2586 {
2587   font-size: 100%;
2588   margin: 0;
2589 }
2590
2591 /* System Standard Messages */
2592 #system-message
2593 {
2594   margin-bottom: 20px;
2595 }
2596
2597 #system-message dd.message ul
2598 {
2599   background: #c3d2e5 url(../../../system/../images/notice-info.png) 4px center no-repeat;
2600   border-top: 3px solid #de7a7b;
2601   border-bottom: 3px solid #de7a7b;
2602   margin:0px;
2603   padding-left: 40px;
2604   text-indent:0px;
2605 }
2606
2607 /* System Error Messages */
2608 #system-message dd.error ul
2609 {
2610   color: #c00;
2611   background: #e6c0c0 url(../../../system/../images/notice-alert.png) 4px center no-repeat;
2612   border-top: 3px solid #DE7A7B;
2613   border-bottom: 3px solid #DE7A7B;
2614   margin: 0px;
2615   padding-left: 40px;
2616   text-indent: 0px;
2617 }
2618
2619 /* System Notice Messages */
2620 #system-message dd.notice ul
2621 {
2622   color: #c00;
2623   background: #efe7b8 url(../../../system/../images/notice-note.png) 4px center no-repeat;
2624   border-top: 3px solid #f0dc7e;
2625   border-bottom: 3px solid #f0dc7e;
2626   margin: 0px;
2627   padding-left: 40px;
2628   text-indent: 0px;
2629  }
2630
2631 #syndicate
2632 {
2633   float: left;
2634   padding-left: 25px;
2635 }
2636
2637 /* Component Specific Fixes */
2638
2639 #component-contact table td
2640 {
2641   padding: 2px 0;
2642 }
2643
2644 .breadcrumbs img
2645 {
2646   margin: 0px;
2647   padding: 0px;
2648   border: 0px;
2649 }
2650
2651 .mceToolbarTop {
2652   white-space: normal;
2653 }