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