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