templates/art30_041_sample2/css/template.css

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