gal2/highslide/highslide.css

   1 /**
   2 * @file: highslide.css
   3 * @version: 4.1.13
   4 */
   5 .highslide-container div {
   6         font-family: Verdana, Helvetica;
   7         font-size: 10pt;
   8 }
   9 .highslide-container table {
  10         background: none;
  11         table-layout: auto;
  12 }
  13 .highslide {
  14         outline: none;
  15         text-decoration: none;
  16 }
  17 .highslide img {
  18         border: 2px solid silver;
  19 }
  20 .highslide:hover img {
  21         border-color: gray;
  22 }
  23 .highslide-active-anchor img {
  24         visibility: hidden;
  25 }
  26 .highslide-gallery .highslide-active-anchor img {
  27         border-color: black;
  28         visibility: visible;
  29         cursor: default;
  30 }
  31 .highslide-image {
  32         border-width: 2px;
  33         border-style: solid;
  34         border-color: white;
  35 }
  36 .highslide-wrapper, .highslide-outline {
  37         background: white;
  38 }
  39 .glossy-dark {
  40         background: #111;
  41 }
  42
  43 .highslide-image-blur {
  44 }
  45 .highslide-number {
  46         font-weight: bold;
  47         color: gray;
  48         font-size: .9em;
  49 }
  50 .highslide-caption {
  51         display: none;
  52         font-size: 1em;
  53         padding: 5px;
  54         /*background: white;*/
  55 }
  56 .highslide-heading {
  57         display: none;
  58         font-weight: bold;
  59         margin: 0.4em;
  60 }
  61 .highslide-dimming {
  62         /*position: absolute;*/
  63         background: black;
  64 }
  65 a.highslide-full-expand {
  66    background: url(graphics/fullexpand.gif) no-repeat;
  67    display: block;
  68    margin: 0 10px 10px 0;
  69    width: 34px;
  70    height: 34px;
  71 }
  72 .highslide-loading {
  73         display: block;
  74         color: black;
  75         font-size: 9px;
  76         font-weight: bold;
  77         text-transform: uppercase;
  78         text-decoration: none;
  79         padding: 3px;
  80         border: 1px solid white;
  81         background-color: white;
  82         padding-left: 22px;
  83         background-image: url(graphics/loader.white.gif);
  84         background-repeat: no-repeat;
  85         background-position: 3px 1px;
  86 }
  87 a.highslide-credits,
  88 a.highslide-credits i {
  89         padding: 2px;
  90         color: silver;
  91         text-decoration: none;
  92         font-size: 10px;
  93 }
  94 a.highslide-credits:hover,
  95 a.highslide-credits:hover i {
  96         color: white;
  97         background-color: gray;
  98 }
  99 .highslide-move, .highslide-move * {
 100         cursor: move;
 101 }
 102
 103 .highslide-viewport {
 104         display: none;
 105         position: fixed;
 106         width: 100%;
 107         height: 100%;
 108         z-index: 1;
 109         background: none;
 110         left: 0;
 111         top: 0;
 112 }
 113 .highslide-overlay {
 114         display: none;
 115 }
 116 .hidden-container {
 117         display: none;
 118 }
 119 /* Example of a semitransparent, offset closebutton */
 120 .closebutton {
 121         position: relative;
 122         top: -15px;
 123         left: 15px;
 124         width: 30px;
 125         height: 30px;
 126         cursor: pointer;
 127         background: url(graphics/close.png);
 128         /* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
 129 }
 130
 131 /*****************************************************************************/
 132 /* Thumbnail boxes for the galleries.                                        */
 133 /* Remove these if you are not using a gallery.                              */
 134 /*****************************************************************************/
 135 .highslide-gallery ul {
 136         list-style-type: none;
 137         margin: 0;
 138         padding: 0;
 139 }
 140 .highslide-gallery ul li {
 141         display: block;
 142         position: relative;
 143         float: left;
 144         width: 106px;
 145         height: 106px;
 146         border: 1px solid silver;
 147         background: #ededed;
 148         margin: 2px;
 149         padding: 0;
 150         line-height: 0;
 151         overflow: hidden;
 152 }
 153 .highslide-gallery ul a {
 154         position: absolute;
 155         top: 50%;
 156         left: 50%;
 157 }
 158 .highslide-gallery ul img {
 159         position: relative;
 160         top: -50%;
 161         left: -50%;
 162 }
 163 html>/**/body .highslide-gallery ul li {
 164         display: table;
 165         text-align: center;
 166 }
 167 html>/**/body .highslide-gallery ul li {
 168         text-align: center;
 169 }
 170 html>/**/body .highslide-gallery ul a {
 171         position: static;
 172         display: table-cell;
 173         vertical-align: middle;
 174 }
 175 html>/**/body .highslide-gallery ul img {
 176         position: static;
 177 }
 178
 179 /*****************************************************************************/
 180 /* Controls for the galleries.                                                                                       */
 181 /* Remove these if you are not using a gallery                                                       */
 182 /*****************************************************************************/
 183 .highslide-controls {
 184         width: 195px;
 185         height: 40px;
 186         background: url(graphics/controlbar-white.gif) 0 -90px no-repeat;
 187         margin: 20px 15px 10px 0;
 188 }
 189 .highslide-controls ul {
 190         position: relative;
 191         left: 15px;
 192         height: 40px;
 193         list-style: none;
 194         margin: 0;
 195         padding: 0;
 196         background: url(graphics/controlbar-white.gif) right -90px no-repeat;
 197
 198 }
 199 .highslide-controls li {
 200         float: left;
 201         padding: 5px 0;
 202         margin:0;
 203         list-style: none;
 204 }
 205 .highslide-controls a {
 206         background-image: url(graphics/controlbar-white.gif);
 207         display: block;
 208         float: left;
 209         height: 30px;
 210         width: 30px;
 211         outline: none;
 212 }
 213 .highslide-controls a.disabled {
 214         cursor: default;
 215 }
 216 .highslide-controls a.disabled span {
 217         cursor: default;
 218 }
 219 .highslide-controls a span {
 220         /* hide the text for these graphic buttons */
 221         display: none;
 222         cursor: pointer;
 223 }
 224
 225
 226 /* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
 227 .highslide-controls .highslide-previous a {
 228         background-position: 0 0;
 229 }
 230 .highslide-controls .highslide-previous a:hover {
 231         background-position: 0 -30px;
 232 }
 233 .highslide-controls .highslide-previous a.disabled {
 234         background-position: 0 -60px !important;
 235 }
 236 .highslide-controls .highslide-play a {
 237         background-position: -30px 0;
 238 }
 239 .highslide-controls .highslide-play a:hover {
 240         background-position: -30px -30px;
 241 }
 242 .highslide-controls .highslide-play a.disabled {
 243         background-position: -30px -60px !important;
 244 }
 245 .highslide-controls .highslide-pause a {
 246         background-position: -60px 0;
 247 }
 248 .highslide-controls .highslide-pause a:hover {
 249         background-position: -60px -30px;
 250 }
 251 .highslide-controls .highslide-next a {
 252         background-position: -90px 0;
 253 }
 254 .highslide-controls .highslide-next a:hover {
 255         background-position: -90px -30px;
 256 }
 257 .highslide-controls .highslide-next a.disabled {
 258         background-position: -90px -60px !important;
 259 }
 260 .highslide-controls .highslide-move a {
 261         background-position: -120px 0;
 262 }
 263 .highslide-controls .highslide-move a:hover {
 264         background-position: -120px -30px;
 265 }
 266 .highslide-controls .highslide-full-expand a {
 267         background-position: -150px 0;
 268 }
 269 .highslide-controls .highslide-full-expand a:hover {
 270         background-position: -150px -30px;
 271 }
 272 .highslide-controls .highslide-full-expand a.disabled {
 273         background-position: -150px -60px !important;
 274 }
 275 .highslide-controls .highslide-close a {
 276         background-position: -180px 0;
 277 }
 278 .highslide-controls .highslide-close a:hover {
 279         background-position: -180px -30px;
 280 }
 281
 282 /*****************************************************************************/
 283 /* Styles for the HTML popups                                                                                        */
 284 /* Remove these if you are not using Highslide HTML                                                  */
 285 /*****************************************************************************/
 286 .highslide-maincontent {
 287         display: none;
 288 }
 289 .highslide-html {
 290         background-color: white;
 291 }
 292 .mobile .highslide-html {
 293         border: 1px solid silver;
 294 }
 295 .highslide-html-content {
 296         display: none;
 297         width: 400px;
 298         padding: 0 5px 5px 5px;
 299 }
 300 .highslide-header {
 301         padding-bottom: 5px;
 302 }
 303 .highslide-header ul {
 304         margin: 0;
 305         padding: 0;
 306         text-align: right;
 307 }
 308 .highslide-header ul li {
 309         display: inline;
 310         padding-left: 1em;
 311 }
 312 .highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
 313         display: none;
 314 }
 315 .highslide-header a {
 316         font-weight: bold;
 317         color: gray;
 318         text-transform: uppercase;
 319         text-decoration: none;
 320 }
 321 .highslide-header a:hover {
 322         color: black;
 323 }
 324 .highslide-header .highslide-move a {
 325         cursor: move;
 326 }
 327 .highslide-footer {
 328         height: 16px;
 329 }
 330 .highslide-footer .highslide-resize {
 331         display: block;
 332         float: right;
 333         margin-top: 5px;
 334         height: 11px;
 335         width: 11px;
 336         background: url(graphics/resize.gif) no-repeat;
 337 }
 338 .highslide-footer .highslide-resize span {
 339         display: none;
 340 }
 341 .highslide-body {
 342 }
 343 .highslide-resize {
 344         cursor: nw-resize;
 345 }
 346
 347 /*****************************************************************************/
 348 /* Styles for the Individual wrapper class names.                                                        */
 349 /* See www.highslide.com/ref/hs.wrapperClassName                                                         */
 350 /* You can safely remove the class name themes you don't use                             */
 351 /*****************************************************************************/
 352
 353 /* hs.wrapperClassName = 'draggable-header' */
 354 .draggable-header .highslide-header {
 355         height: 18px;
 356         border-bottom: 1px solid #dddddd;
 357 }
 358 .draggable-header .highslide-heading {
 359         position: absolute;
 360         margin: 2px 0.4em;
 361 }
 362
 363 .draggable-header .highslide-header .highslide-move {
 364         cursor: move;
 365         display: block;
 366         height: 16px;
 367         position: absolute;
 368         right: 24px;
 369         top: 0;
 370         width: 100%;
 371         z-index: 1;
 372 }
 373 .draggable-header .highslide-header .highslide-move * {
 374         display: none;
 375 }
 376 .draggable-header .highslide-header .highslide-close {
 377         position: absolute;
 378         right: 2px;
 379         top: 2px;
 380         z-index: 5;
 381         padding: 0;
 382 }
 383 .draggable-header .highslide-header .highslide-close a {
 384         display: block;
 385         height: 16px;
 386         width: 16px;
 387         background-image: url(graphics/closeX.png);
 388 }
 389 .draggable-header .highslide-header .highslide-close a:hover {
 390         background-position: 0 16px;
 391 }
 392 .draggable-header .highslide-header .highslide-close span {
 393         display: none;
 394 }
 395 .draggable-header .highslide-maincontent {
 396         padding-top: 1em;
 397 }
 398
 399 /* hs.wrapperClassName = 'titlebar' */
 400 .titlebar .highslide-header {
 401         height: 18px;
 402         border-bottom: 1px solid #dddddd;
 403 }
 404 .titlebar .highslide-heading {
 405         position: absolute;
 406         width: 90%;
 407         margin: 1px 0 1px 5px;
 408         color: #666666;
 409 }
 410
 411 .titlebar .highslide-header .highslide-move {
 412         cursor: move;
 413         display: block;
 414         height: 16px;
 415         position: absolute;
 416         right: 24px;
 417         top: 0;
 418         width: 100%;
 419         z-index: 1;
 420 }
 421 .titlebar .highslide-header .highslide-move * {
 422         display: none;
 423 }
 424 .titlebar .highslide-header li {
 425         position: relative;
 426         top: 3px;
 427         z-index: 2;
 428         padding: 0 0 0 1em;
 429 }
 430 .titlebar .highslide-maincontent {
 431         padding-top: 1em;
 432 }
 433
 434 /* hs.wrapperClassName = 'no-footer' */
 435 .no-footer .highslide-footer {
 436         display: none;
 437 }
 438
 439 /* hs.wrapperClassName = 'wide-border' */
 440 .wide-border {
 441         background: white;
 442 }
 443 .wide-border .highslide-image {
 444         border-width: 10px;
 445 }
 446 .wide-border .highslide-caption {
 447         padding: 0 10px 10px 10px;
 448 }
 449
 450 /* hs.wrapperClassName = 'borderless' */
 451 .borderless .highslide-image {
 452         border: none;
 453 }
 454 .borderless .highslide-caption {
 455         border-bottom: 1px solid white;
 456         border-top: 1px solid white;
 457         background: silver;
 458 }
 459
 460 /* hs.wrapperClassName = 'outer-glow' */
 461 .outer-glow {
 462         background: #444;
 463 }
 464 .outer-glow .highslide-image {
 465         border: 5px solid #444444;
 466 }
 467 .outer-glow .highslide-caption {
 468         border: 5px solid #444444;
 469         border-top: none;
 470         padding: 5px;
 471         background-color: gray;
 472 }
 473
 474 /* hs.wrapperClassName = 'colored-border' */
 475 .colored-border {
 476         background: white;
 477 }
 478 .colored-border .highslide-image {
 479         border: 2px solid green;
 480 }
 481 .colored-border .highslide-caption {
 482         border: 2px solid green;
 483         border-top: none;
 484 }
 485
 486 /* hs.wrapperClassName = 'dark' */
 487 .dark {
 488         background: #111;
 489 }
 490 .dark .highslide-image {
 491         border-color: black black #202020 black;
 492         background: gray;
 493 }
 494 .dark .highslide-caption {
 495         color: white;
 496         background: #111;
 497 }
 498 .dark .highslide-controls,
 499 .dark .highslide-controls ul,
 500 .dark .highslide-controls a {
 501         background-image: url(graphics/controlbar-black-border.gif);
 502 }
 503
 504 /* hs.wrapperClassName = 'floating-caption' */
 505 .floating-caption .highslide-caption {
 506         position: absolute;
 507         padding: 1em 0 0 0;
 508         background: none;
 509         color: white;
 510         border: none;
 511         font-weight: bold;
 512 }
 513
 514 /* hs.wrapperClassName = 'controls-in-heading' */
 515 .controls-in-heading .highslide-heading {
 516         color: gray;
 517         font-weight: bold;
 518         height: 20px;
 519         overflow: hidden;
 520         cursor: default;
 521         padding: 0 0 0 22px;
 522         margin: 0;
 523         background: url(graphics/icon.gif) no-repeat 0 1px;
 524 }
 525 .controls-in-heading .highslide-controls {
 526         width: 105px;
 527         height: 20px;
 528         position: relative;
 529         margin: 0;
 530         top: -23px;
 531         left: 7px;
 532         background: none;
 533 }
 534 .controls-in-heading .highslide-controls ul {
 535         position: static;
 536         height: 20px;
 537         background: none;
 538 }
 539 .controls-in-heading .highslide-controls li {
 540         padding: 0;
 541 }
 542 .controls-in-heading .highslide-controls a {
 543         background-image: url(graphics/controlbar-white-small.gif);
 544         height: 20px;
 545         width: 20px;
 546 }
 547
 548 .controls-in-heading .highslide-controls .highslide-move {
 549         display: none;
 550 }
 551
 552 .controls-in-heading .highslide-controls .highslide-previous a {
 553         background-position: 0 0;
 554 }
 555 .controls-in-heading .highslide-controls .highslide-previous a:hover {
 556         background-position: 0 -20px;
 557 }
 558 .controls-in-heading .highslide-controls .highslide-previous a.disabled {
 559         background-position: 0 -40px !important;
 560 }
 561 .controls-in-heading .highslide-controls .highslide-play a {
 562         background-position: -20px 0;
 563 }
 564 .controls-in-heading .highslide-controls .highslide-play a:hover {
 565         background-position: -20px -20px;
 566 }
 567 .controls-in-heading .highslide-controls .highslide-play a.disabled {
 568         background-position: -20px -40px !important;
 569 }
 570 .controls-in-heading .highslide-controls .highslide-pause a {
 571         background-position: -40px 0;
 572 }
 573 .controls-in-heading .highslide-controls .highslide-pause a:hover {
 574         background-position: -40px -20px;
 575 }
 576 .controls-in-heading .highslide-controls .highslide-next a {
 577         background-position: -60px 0;
 578 }
 579 .controls-in-heading .highslide-controls .highslide-next a:hover {
 580         background-position: -60px -20px;
 581 }
 582 .controls-in-heading .highslide-controls .highslide-next a.disabled {
 583         background-position: -60px -40px !important;
 584 }
 585 .controls-in-heading .highslide-controls .highslide-full-expand a {
 586         background-position: -100px 0;
 587 }
 588 .controls-in-heading .highslide-controls .highslide-full-expand a:hover {
 589         background-position: -100px -20px;
 590 }
 591 .controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
 592         background-position: -100px -40px !important;
 593 }
 594 .controls-in-heading .highslide-controls .highslide-close a {
 595         background-position: -120px 0;
 596 }
 597 .controls-in-heading .highslide-controls .highslide-close a:hover {
 598         background-position: -120px -20px;
 599 }
 600
 601 /*****************************************************************************/
 602 /* Styles for text based controls.                                                                   */
 603 /* You can safely remove this if you don't use text based controls                       */
 604 /*****************************************************************************/
 605
 606 .text-controls .highslide-controls {
 607         width: auto;
 608         height: auto;
 609         margin: 0;
 610         text-align: center;
 611         background: none;
 612 }
 613 .text-controls ul {
 614         position: static;
 615         background: none;
 616         height: auto;
 617         left: 0;
 618 }
 619 .text-controls .highslide-move {
 620         display: none;
 621 }
 622 .text-controls li {
 623     background-image: url(graphics/controlbar-text-buttons.png);
 624         background-position: right top !important;
 625         padding: 0;
 626         margin-left: 15px;
 627         display: block;
 628         width: auto;
 629 }
 630 .text-controls a {
 631     background: url(graphics/controlbar-text-buttons.png) no-repeat;
 632     background-position: left top !important;
 633     position: relative;
 634     left: -10px;
 635         display: block;
 636         width: auto;
 637         height: auto;
 638         text-decoration: none !important;
 639 }
 640 .text-controls a span {
 641         background: url(graphics/controlbar-text-buttons.png) no-repeat;
 642     margin: 1px 2px 1px 10px;
 643         display: block;
 644     min-width: 4em;
 645     height: 18px;
 646     line-height: 18px;
 647         padding: 1px 0 1px 18px;
 648     color: #333;
 649         font-family: "Trebuchet MS", Arial, sans-serif;
 650         font-size: 12px;
 651         font-weight: bold;
 652         white-space: nowrap;
 653 }
 654 .text-controls .highslide-next {
 655         margin-right: 1em;
 656 }
 657 .text-controls .highslide-full-expand a span {
 658         min-width: 0;
 659         margin: 1px 0;
 660         padding: 1px 0 1px 10px;
 661 }
 662 .text-controls .highslide-close a span {
 663         min-width: 0;
 664 }
 665 .text-controls a:hover span {
 666         color: black;
 667 }
 668 .text-controls a.disabled span {
 669         color: #999;
 670 }
 671
 672 .text-controls .highslide-previous span {
 673         background-position: 0 -40px;
 674 }
 675 .text-controls .highslide-previous a.disabled {
 676         background-position: left top !important;
 677 }
 678 .text-controls .highslide-previous a.disabled span {
 679         background-position: 0 -140px;
 680 }
 681 .text-controls .highslide-play span {
 682         background-position: 0 -60px;
 683 }
 684 .text-controls .highslide-play a.disabled {
 685         background-position: left top !important;
 686 }
 687 .text-controls .highslide-play a.disabled span {
 688         background-position: 0 -160px;
 689 }
 690 .text-controls .highslide-pause span {
 691         background-position: 0 -80px;
 692 }
 693 .text-controls .highslide-next span {
 694         background-position: 0 -100px;
 695 }
 696 .text-controls .highslide-next a.disabled {
 697         background-position: left top !important;
 698 }
 699 .text-controls .highslide-next a.disabled span {
 700         background-position: 0 -200px;
 701 }
 702 .text-controls .highslide-full-expand span {
 703         background: none;
 704 }
 705 .text-controls .highslide-full-expand a.disabled {
 706         background-position: left top !important;
 707 }
 708 .text-controls .highslide-close span {
 709         background-position: 0 -120px;
 710 }
 711
 712
 713 /*****************************************************************************/
 714 /* Styles for the thumbstrip.                                                                        */
 715 /* See www.highslide.com/ref/hs.addSlideshow                                                             */
 716 /* You can safely remove this if you don't use a thumbstrip                              */
 717 /*****************************************************************************/
 718
 719 .highslide-thumbstrip {
 720         height: 100%;
 721         direction: ltr;
 722 }
 723 .highslide-thumbstrip div {
 724         overflow: hidden;
 725 }
 726 .highslide-thumbstrip table {
 727         position: relative;
 728         padding: 0;
 729         border-collapse: collapse;
 730 }
 731 .highslide-thumbstrip td {
 732         padding: 1px;
 733         /*text-align: center;*/
 734 }
 735 .highslide-thumbstrip a {
 736         outline: none;
 737 }
 738 .highslide-thumbstrip img {
 739         display: block;
 740         border: 1px solid gray;
 741         margin: 0 auto;
 742 }
 743 .highslide-thumbstrip .highslide-active-anchor img {
 744         visibility: visible;
 745 }
 746 .highslide-thumbstrip .highslide-marker {
 747         position: absolute;
 748         width: 0;
 749         height: 0;
 750         border-width: 0;
 751         border-style: solid;
 752         border-color: transparent; /* change this to actual background color in highslide-ie6.css */
 753 }
 754 .highslide-thumbstrip-horizontal div {
 755         width: auto;
 756         /* width: 100% breaks in small strips in IE */
 757 }
 758 .highslide-thumbstrip-horizontal .highslide-scroll-up {
 759         display: none;
 760         position: absolute;
 761         top: 3px;
 762         left: 3px;
 763         width: 25px;
 764         height: 42px;
 765 }
 766 .highslide-thumbstrip-horizontal .highslide-scroll-up div {
 767         margin-bottom: 10px;
 768         cursor: pointer;
 769         background: url(graphics/scrollarrows.png) left center no-repeat;
 770         height: 42px;
 771 }
 772 .highslide-thumbstrip-horizontal .highslide-scroll-down {
 773         display: none;
 774         position: absolute;
 775         top: 3px;
 776         right: 3px;
 777         width: 25px;
 778         height: 42px;
 779 }
 780 .highslide-thumbstrip-horizontal .highslide-scroll-down div {
 781         margin-bottom: 10px;
 782         cursor: pointer;
 783         background: url(graphics/scrollarrows.png) center right no-repeat;
 784         height: 42px;
 785 }
 786 .highslide-thumbstrip-horizontal table {
 787         margin: 2px 0 10px 0;
 788 }
 789 .highslide-viewport .highslide-thumbstrip-horizontal table {
 790         margin-left: 10px;
 791 }
 792 .highslide-thumbstrip-horizontal img {
 793         width: auto;
 794         height: 40px;
 795 }
 796 .highslide-thumbstrip-horizontal .highslide-marker {
 797         top: 47px;
 798         border-left-width: 6px;
 799         border-right-width: 6px;
 800         border-bottom: 6px solid gray;
 801 }
 802 .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
 803         margin-left: 10px;
 804 }
 805 .dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
 806         border-bottom-color: white !important;
 807 }
 808
 809 .highslide-thumbstrip-vertical-overlay {
 810         overflow: hidden !important;
 811 }
 812 .highslide-thumbstrip-vertical div {
 813         height: 100%;
 814 }
 815 .highslide-thumbstrip-vertical a {
 816         display: block;
 817 }
 818 .highslide-thumbstrip-vertical .highslide-scroll-up {
 819         display: none;
 820         position: absolute;
 821         top: 0;
 822         left: 0;
 823         width: 100%;
 824         height: 25px;
 825 }
 826 .highslide-thumbstrip-vertical .highslide-scroll-up div {
 827         margin-left: 10px;
 828         cursor: pointer;
 829         background: url(graphics/scrollarrows.png) top center no-repeat;
 830         height: 25px;
 831 }
 832 .highslide-thumbstrip-vertical .highslide-scroll-down {
 833         display: none;
 834         position: absolute;
 835         bottom: 0;
 836         left: 0;
 837         width: 100%;
 838         height: 25px;
 839 }
 840 .highslide-thumbstrip-vertical .highslide-scroll-down div {
 841         margin-left: 10px;
 842         cursor: pointer;
 843         background: url(graphics/scrollarrows.png) bottom center no-repeat;
 844         height: 25px;
 845 }
 846 .highslide-thumbstrip-vertical table {
 847         margin: 10px 0 0 10px;
 848 }
 849 .highslide-thumbstrip-vertical img {
 850         width: 60px; /* t=5481 */
 851 }
 852 .highslide-thumbstrip-vertical .highslide-marker {
 853         left: 0;
 854         margin-top: 8px;
 855         border-top-width: 6px;
 856         border-bottom-width: 6px;
 857         border-left: 6px solid gray;
 858 }
 859 .dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
 860         border-left-color: white;
 861 }
 862
 863 .highslide-viewport .highslide-thumbstrip-float {
 864         overflow: auto;
 865 }
 866 .highslide-thumbstrip-float ul {
 867         margin: 2px 0;
 868         padding: 0;
 869 }
 870 .highslide-thumbstrip-float li {
 871         display: block;
 872         height: 60px;
 873         margin: 0 2px;
 874         list-style: none;
 875         float: left;
 876 }
 877 .highslide-thumbstrip-float img {
 878         display: inline;
 879         border-color: silver;
 880         max-height: 56px;
 881 }
 882 .highslide-thumbstrip-float .highslide-active-anchor img {
 883         border-color: black;
 884 }
 885 .highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
 886         display: none;
 887 }
 888 .highslide-thumbstrip-float .highslide-marker {
 889         display: none;
 890 }
 891
 892
 893 /*****************************************************************************/
 894 /* The following styles are added by the Highslide Editor                    */
 895 /*****************************************************************************/
 896 .highslide-wrapper, .highslide-outline {
 897         background: #111111;
 898 }
 899 .highslide img {
 900         border: 1px solid #D0D0D0;
 901 }
 902 .highslide:hover img {
 903         border-color: #A0A0A0;
 904 }
 905 .highslide-active-anchor img {
 906         visibility: visible;
 907         border-color: #808080 !important;
 908 }
 909 .highslide-image {
 910         border: 2px solid #111111;
 911 }
 912 .highslide-caption {
 913         color: #CCCCCC;
 914         padding: 2px;
 915 }
 916 .highslide-loading {
 917         color: black;
 918         border: 1px solid black;
 919         background-color: white;
 920         background-image: url(graphics/loader.white.gif);
 921 }
 922
 923 .highslide-controls {
 924         position: static !important;
 925         margin: 0;
 926         width: 120px !important;
 927 }
 928 .highslide-gallery ul li {
 929         width: 106px;
 930         height: 106px;
 931         border: 1px solid #D0D0D0;
 932         background: #EDEDED;
 933         margin: 2px;
 934 }