[Summary view] [Print] [Text view]

   1  /**

   2  * @file: highslide.css 

   3  * @version: 4.1.9

   4  */
   5  .highslide-container div {
   6      font-family: Verdana, Helvetica;
   7      font-size: 10pt;
   8  }
   9  .highslide-container table {
  10      background: none;
  11  }
  12  .highslide {
  13      outline: none;
  14      text-decoration: none;
  15  }
  16  .highslide img {
  17      border: 2px solid silver;
  18  }
  19  .highslide:hover img {
  20      border-color: gray;
  21  }
  22  .highslide-active-anchor img {
  23      visibility: hidden;
  24  }
  25  .highslide-gallery .highslide-active-anchor img {
  26      border-color: black;
  27      visibility: visible;
  28      cursor: default;
  29  }
  30  .highslide-image {
  31      border-width: 2px;
  32      border-style: solid;
  33      border-color: white;
  34  }
  35  .highslide-wrapper, .highslide-outline {
  36      background: white;
  37  }
  38  .glossy-dark {
  39      background: #111;
  40  }
  41  
  42  .highslide-image-blur {
  43  }
  44  .highslide-number {
  45      font-weight: bold;
  46      color: gray;
  47      font-size: .9em;
  48  }
  49  .highslide-caption {
  50      display: none;
  51      font-size: 1em;
  52      padding: 5px;
  53      /*background: white;*/

  54  }
  55  .highslide-heading {
  56      display: none;
  57      font-weight: bold;
  58      margin: 0.4em;
  59  }
  60  .highslide-dimming {
  61      /*position: absolute;*/

  62      background: black;
  63  }
  64  a.highslide-full-expand {
  65     background: url(graphics/fullexpand.gif) no-repeat;
  66     display: block;
  67     margin: 0 10px 10px 0;
  68     width: 34px;
  69     height: 34px;
  70  }
  71  .highslide-loading {
  72      display: block;
  73      color: black;
  74      font-size: 9px;
  75      font-weight: bold;
  76      text-transform: uppercase;
  77      text-decoration: none;
  78      padding: 3px;
  79      border: 1px solid white;
  80      background-color: white;
  81      padding-left: 22px;
  82      background-image: url(graphics/loader.white.gif);
  83      background-repeat: no-repeat;
  84      background-position: 3px 1px;
  85  }
  86  a.highslide-credits,
  87  a.highslide-credits i {
  88      padding: 2px;
  89      color: silver;
  90      text-decoration: none;
  91      font-size: 10px;
  92  }
  93  a.highslide-credits:hover,
  94  a.highslide-credits:hover i {
  95      color: white;
  96      background-color: gray;
  97  }
  98  .highslide-move, .highslide-move * {
  99      cursor: move;
 100  }
 101  
 102  .highslide-viewport {
 103      display: none;
 104      position: fixed;
 105      width: 100%;
 106      height: 100%;
 107      z-index: 1;
 108      background: none;
 109      left: 0;
 110      top: 0;
 111  }
 112  .highslide-overlay {
 113      display: none;
 114  }
 115  .hidden-container {
 116      display: none;
 117  }
 118  /* Example of a semitransparent, offset closebutton */

 119  .closebutton {
 120      position: relative;
 121      top: -15px;
 122      left: 15px;
 123      width: 30px;
 124      height: 30px;
 125      cursor: pointer;
 126      background: url(graphics/close.png);
 127      /* NOTE! For IE6, you also need to update the highslide-ie6.css file. */

 128  }
 129  
 130  /*****************************************************************************/

 131  /* Thumbnail boxes for the galleries.                                        */

 132  /* Remove these if you are not using a gallery.                              */

 133  /*****************************************************************************/

 134  .highslide-gallery ul {
 135      list-style-type: none;
 136      margin: 0;
 137      padding: 0;
 138  }
 139  .highslide-gallery ul li {
 140      display: block;
 141      position: relative;
 142      float: left;
 143      width: 106px;
 144      height: 106px;
 145      border: 1px solid silver;
 146      background: #ededed;
 147      margin: 2px;
 148      padding: 0;
 149      line-height: 0;
 150      overflow: hidden;
 151  }
 152  .highslide-gallery ul a {
 153      position: absolute;
 154      top: 50%;
 155      left: 50%;
 156  }
 157  .highslide-gallery ul img {
 158       position: relative;
 159      top: -50%;
 160      left: -50%;
 161  }
 162  html>/**/body .highslide-gallery ul li {
 163      display: table;
 164      text-align: center;
 165  }
 166  html>/**/body .highslide-gallery ul li {
 167      text-align: center;
 168  }
 169  html>/**/body .highslide-gallery ul a {
 170      position: static;
 171      display: table-cell;
 172      vertical-align: middle;
 173  }
 174  html>/**/body .highslide-gallery ul img {
 175      position: static;
 176  }
 177  
 178  /*****************************************************************************/

 179  /* Controls for the galleries.                                                 */

 180  /* Remove these if you are not using a gallery                                 */

 181  /*****************************************************************************/

 182  .highslide-controls {
 183      width: 195px;
 184      height: 40px;
 185      background: url(graphics/controlbar-white.gif) 0 -90px no-repeat;
 186      margin: 20px 15px 10px 0;
 187  }
 188  .highslide-controls ul {
 189      position: relative;
 190      left: 15px;
 191      height: 40px;
 192      list-style: none;
 193      margin: 0;
 194      padding: 0;
 195      background: url(graphics/controlbar-white.gif) right -90px no-repeat;
 196  
 197  }
 198  .highslide-controls li {
 199      float: left;
 200      padding: 5px 0;
 201      margin:0;
 202      list-style: none;
 203  }
 204  .highslide-controls a {
 205      background-image: url(graphics/controlbar-white.gif);
 206      display: block;
 207      float: left;
 208      height: 30px;
 209      width: 30px;
 210      outline: none;
 211  }
 212  .highslide-controls a.disabled {
 213      cursor: default;
 214  }
 215  .highslide-controls a.disabled span {
 216      cursor: default;
 217  }
 218  .highslide-controls a span {
 219      /* hide the text for these graphic buttons */

 220      display: none;
 221      cursor: pointer;
 222  }
 223  
 224  
 225  /* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */

 226  .highslide-controls .highslide-previous a {
 227      background-position: 0 0;
 228  }
 229  .highslide-controls .highslide-previous a:hover {
 230      background-position: 0 -30px;
 231  }
 232  .highslide-controls .highslide-previous a.disabled {
 233      background-position: 0 -60px !important;
 234  }
 235  .highslide-controls .highslide-play a {
 236      background-position: -30px 0;
 237  }
 238  .highslide-controls .highslide-play a:hover {
 239      background-position: -30px -30px;
 240  }
 241  .highslide-controls .highslide-play a.disabled {
 242      background-position: -30px -60px !important;
 243  }
 244  .highslide-controls .highslide-pause a {
 245      background-position: -60px 0;
 246  }
 247  .highslide-controls .highslide-pause a:hover {
 248      background-position: -60px -30px;
 249  }
 250  .highslide-controls .highslide-next a {
 251      background-position: -90px 0;
 252  }
 253  .highslide-controls .highslide-next a:hover {
 254      background-position: -90px -30px;
 255  }
 256  .highslide-controls .highslide-next a.disabled {
 257      background-position: -90px -60px !important;
 258  }
 259  .highslide-controls .highslide-move a {
 260      background-position: -120px 0;
 261  }
 262  .highslide-controls .highslide-move a:hover {
 263      background-position: -120px -30px;
 264  }
 265  .highslide-controls .highslide-full-expand a {
 266      background-position: -150px 0;
 267  }
 268  .highslide-controls .highslide-full-expand a:hover {
 269      background-position: -150px -30px;
 270  }
 271  .highslide-controls .highslide-full-expand a.disabled {
 272      background-position: -150px -60px !important;
 273  }
 274  .highslide-controls .highslide-close a {
 275      background-position: -180px 0;
 276  }
 277  .highslide-controls .highslide-close a:hover {
 278      background-position: -180px -30px;
 279  }
 280  
 281  /*****************************************************************************/

 282  /* Styles for the HTML popups                                                 */

 283  /* Remove these if you are not using Highslide HTML                             */

 284  /*****************************************************************************/

 285  .highslide-maincontent {
 286      display: none;
 287  }
 288  .highslide-html {
 289      background-color: white;
 290  }
 291  .highslide-html-content {
 292      display: none;
 293      width: 400px;
 294      padding: 0 5px 5px 5px;
 295  }
 296  .highslide-header {
 297      padding-bottom: 5px;
 298  }
 299  .highslide-header ul {
 300      margin: 0;
 301      padding: 0;
 302      text-align: right;
 303  }
 304  .highslide-header ul li {
 305      display: inline;
 306      padding-left: 1em;
 307  }
 308  .highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
 309      display: none;
 310  }
 311  .highslide-header a {
 312      font-weight: bold;
 313      color: gray;
 314      text-transform: uppercase;
 315      text-decoration: none;
 316  }
 317  .highslide-header a:hover {
 318      color: black;
 319  }
 320  .highslide-header .highslide-move a {
 321      cursor: move;
 322  }
 323  .highslide-footer {
 324      height: 16px;
 325  }
 326  .highslide-footer .highslide-resize {
 327      display: block;
 328      float: right;
 329      margin-top: 5px;
 330      height: 11px;
 331      width: 11px;
 332      background: url(graphics/resize.gif) no-repeat;
 333  }
 334  .highslide-footer .highslide-resize span {
 335      display: none;
 336  }
 337  .highslide-body {
 338  }
 339  .highslide-resize {
 340      cursor: nw-resize;
 341  }
 342  
 343  /*****************************************************************************/

 344  /* Styles for the Individual wrapper class names.                             */

 345  /* See www.highslide.com/ref/hs.wrapperClassName                             */

 346  /* You can safely remove the class name themes you don't use                 */

 347  /*****************************************************************************/

 348  
 349  /* hs.wrapperClassName = 'draggable-header' */

 350  .draggable-header .highslide-header {
 351      height: 18px;
 352      border-bottom: 1px solid #dddddd;
 353  }
 354  .draggable-header .highslide-heading {
 355      position: absolute;
 356      margin: 2px 0.4em;
 357  }
 358  
 359  .draggable-header .highslide-header .highslide-move {
 360      cursor: move;
 361      display: block;
 362      height: 16px;
 363      position: absolute;
 364      right: 24px;
 365      top: 0;
 366      width: 100%;
 367      z-index: 1;
 368  }
 369  .draggable-header .highslide-header .highslide-move * {
 370      display: none;
 371  }
 372  .draggable-header .highslide-header .highslide-close {
 373      position: absolute;
 374      right: 2px;
 375      top: 2px;
 376      z-index: 5;
 377      padding: 0;
 378  }
 379  .draggable-header .highslide-header .highslide-close a {
 380      display: block;
 381      height: 16px;
 382      width: 16px;
 383      background-image: url(graphics/closeX.png);
 384  }
 385  .draggable-header .highslide-header .highslide-close a:hover {
 386      background-position: 0 16px;
 387  }
 388  .draggable-header .highslide-header .highslide-close span {
 389      display: none;
 390  }
 391  .draggable-header .highslide-maincontent {
 392      padding-top: 1em;
 393  }
 394  
 395  /* hs.wrapperClassName = 'titlebar' */

 396  .titlebar .highslide-header {
 397      height: 18px;
 398      border-bottom: 1px solid #dddddd;
 399  }
 400  .titlebar .highslide-heading {
 401      position: absolute;
 402      width: 90%;
 403      margin: 1px 0 1px 5px;
 404      color: #666666;
 405  }
 406  
 407  .titlebar .highslide-header .highslide-move {
 408      cursor: move;
 409      display: block;
 410      height: 16px;
 411      position: absolute;
 412      right: 24px;
 413      top: 0;
 414      width: 100%;
 415      z-index: 1;
 416  }
 417  .titlebar .highslide-header .highslide-move * {
 418      display: none;
 419  }
 420  .titlebar .highslide-header li {
 421      position: relative;
 422      top: 3px;
 423      z-index: 2;
 424      padding: 0 0 0 1em;
 425  }
 426  .titlebar .highslide-maincontent {
 427      padding-top: 1em;
 428  }
 429  
 430  /* hs.wrapperClassName = 'no-footer' */

 431  .no-footer .highslide-footer {
 432      display: none;
 433  }
 434  
 435  /* hs.wrapperClassName = 'wide-border' */

 436  .wide-border {
 437      background: white;
 438  }
 439  .wide-border .highslide-image {
 440      border-width: 10px;
 441  }
 442  .wide-border .highslide-caption {
 443      padding: 0 10px 10px 10px;
 444  }
 445  
 446  /* hs.wrapperClassName = 'borderless' */

 447  .borderless .highslide-image {
 448      border: none;
 449  }
 450  .borderless .highslide-caption {
 451      border-bottom: 1px solid white;
 452      border-top: 1px solid white;
 453      background: silver;
 454  }
 455  
 456  /* hs.wrapperClassName = 'outer-glow' */

 457  .outer-glow {
 458      background: #444;
 459  }
 460  .outer-glow .highslide-image {
 461      border: 5px solid #444444;
 462  }
 463  .outer-glow .highslide-caption {
 464      border: 5px solid #444444;
 465      border-top: none;
 466      padding: 5px;
 467      background-color: gray;
 468  }
 469  
 470  /* hs.wrapperClassName = 'colored-border' */

 471  .colored-border {
 472      background: white;
 473  }
 474  .colored-border .highslide-image {
 475      border: 2px solid green;
 476  }
 477  .colored-border .highslide-caption {
 478      border: 2px solid green;
 479      border-top: none;
 480  }
 481  
 482  /* hs.wrapperClassName = 'dark' */

 483  .dark {
 484      background: #111;
 485  }
 486  .dark .highslide-image {
 487      border-color: black black #202020 black;
 488      background: gray;
 489  }
 490  .dark .highslide-caption {
 491      color: white;
 492      background: #111;
 493  }
 494  .dark .highslide-controls,
 495  .dark .highslide-controls ul,
 496  .dark .highslide-controls a {
 497      background-image: url(graphics/controlbar-black-border.gif);
 498  }
 499  
 500  /* hs.wrapperClassName = 'floating-caption' */

 501  .floating-caption .highslide-caption {
 502      position: absolute;
 503      padding: 1em 0 0 0;
 504      background: none;
 505      color: white;
 506      border: none;
 507      font-weight: bold;
 508  }
 509  
 510  /* hs.wrapperClassName = 'controls-in-heading' */

 511  .controls-in-heading .highslide-heading {
 512      color: gray;
 513      font-weight: bold;
 514      height: 20px;
 515      overflow: hidden;
 516      cursor: default;
 517      padding: 0 0 0 22px;
 518      margin: 0;
 519      background: url(graphics/icon.gif) no-repeat 0 1px;
 520  }
 521  .controls-in-heading .highslide-controls {
 522      width: 105px;
 523      height: 20px;
 524      position: relative;
 525      margin: 0;
 526      top: -23px;
 527      left: 7px;
 528      background: none;
 529  }
 530  .controls-in-heading .highslide-controls ul {
 531      position: static;
 532      height: 20px;
 533      background: none;
 534  }
 535  .controls-in-heading .highslide-controls li {
 536      padding: 0;
 537  }
 538  .controls-in-heading .highslide-controls a {
 539      background-image: url(graphics/controlbar-white-small.gif);
 540      height: 20px;
 541      width: 20px;
 542  }
 543  
 544  .controls-in-heading .highslide-controls .highslide-move {
 545      display: none;
 546  }
 547  
 548  .controls-in-heading .highslide-controls .highslide-previous a {
 549      background-position: 0 0;
 550  }
 551  .controls-in-heading .highslide-controls .highslide-previous a:hover {
 552      background-position: 0 -20px;
 553  }
 554  .controls-in-heading .highslide-controls .highslide-previous a.disabled {
 555      background-position: 0 -40px !important;
 556  }
 557  .controls-in-heading .highslide-controls .highslide-play a {
 558      background-position: -20px 0;
 559  }
 560  .controls-in-heading .highslide-controls .highslide-play a:hover {
 561      background-position: -20px -20px;
 562  }
 563  .controls-in-heading .highslide-controls .highslide-play a.disabled {
 564      background-position: -20px -40px !important;
 565  }
 566  .controls-in-heading .highslide-controls .highslide-pause a {
 567      background-position: -40px 0;
 568  }
 569  .controls-in-heading .highslide-controls .highslide-pause a:hover {
 570      background-position: -40px -20px;
 571  }
 572  .controls-in-heading .highslide-controls .highslide-next a {
 573      background-position: -60px 0;
 574  }
 575  .controls-in-heading .highslide-controls .highslide-next a:hover {
 576      background-position: -60px -20px;
 577  }
 578  .controls-in-heading .highslide-controls .highslide-next a.disabled {
 579      background-position: -60px -40px !important;
 580  }
 581  .controls-in-heading .highslide-controls .highslide-full-expand a {
 582      background-position: -100px 0;
 583  }
 584  .controls-in-heading .highslide-controls .highslide-full-expand a:hover {
 585      background-position: -100px -20px;
 586  }
 587  .controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
 588      background-position: -100px -40px !important;
 589  }
 590  .controls-in-heading .highslide-controls .highslide-close a {
 591      background-position: -120px 0;
 592  }
 593  .controls-in-heading .highslide-controls .highslide-close a:hover {
 594      background-position: -120px -20px;
 595  }
 596  
 597  /*****************************************************************************/

 598  /* Styles for text based controls.                                             */

 599  /* You can safely remove this if you don't use text based controls             */

 600  /*****************************************************************************/

 601  
 602  .text-controls .highslide-controls {
 603      width: auto;
 604      height: auto;
 605      margin: 0;
 606      text-align: center;
 607      background: none;
 608  }
 609  .text-controls ul {
 610      position: static;
 611      background: none;
 612      height: auto;
 613      left: 0;
 614  }
 615  .text-controls .highslide-move {
 616      display: none;
 617  }
 618  .text-controls li {
 619      background-image: url(graphics/controlbar-text-buttons.png);
 620      background-position: right top !important;
 621      padding: 0;
 622      margin-left: 15px;
 623      display: block;
 624      width: auto;
 625  }
 626  .text-controls a {
 627      background: url(graphics/controlbar-text-buttons.png) no-repeat;
 628      background-position: left top !important;
 629      position: relative;
 630      left: -10px;
 631      display: block;
 632      width: auto;
 633      height: auto;
 634      text-decoration: none !important;
 635  }
 636  .text-controls a span {
 637      background: url(graphics/controlbar-text-buttons.png) no-repeat;
 638      margin: 1px 2px 1px 10px;
 639      display: block;
 640      min-width: 4em;
 641      height: 18px;
 642      line-height: 18px;
 643      padding: 1px 0 1px 18px;
 644      color: #333;
 645      font-family: "Trebuchet MS", Arial, sans-serif;
 646      font-size: 12px;
 647      font-weight: bold;
 648      white-space: nowrap;
 649  }
 650  .text-controls .highslide-next {
 651      margin-right: 1em;
 652  }
 653  .text-controls .highslide-full-expand a span {
 654      min-width: 0;
 655      margin: 1px 0;
 656      padding: 1px 0 1px 10px;
 657  }
 658  .text-controls .highslide-close a span {
 659      min-width: 0;
 660  }
 661  .text-controls a:hover span {
 662      color: black;
 663  }
 664  .text-controls a.disabled span {
 665      color: #999;
 666  }
 667  
 668  .text-controls .highslide-previous span {
 669      background-position: 0 -40px;
 670  }
 671  .text-controls .highslide-previous a.disabled {
 672      background-position: left top !important;
 673  }
 674  .text-controls .highslide-previous a.disabled span {
 675      background-position: 0 -140px;
 676  }
 677  .text-controls .highslide-play span {
 678      background-position: 0 -60px;
 679  }
 680  .text-controls .highslide-play a.disabled {
 681      background-position: left top !important;
 682  }
 683  .text-controls .highslide-play a.disabled span {
 684      background-position: 0 -160px;
 685  }
 686  .text-controls .highslide-pause span {
 687      background-position: 0 -80px;
 688  }
 689  .text-controls .highslide-next span {
 690      background-position: 0 -100px;
 691  }
 692  .text-controls .highslide-next a.disabled {
 693      background-position: left top !important;
 694  }
 695  .text-controls .highslide-next a.disabled span {
 696      background-position: 0 -200px;
 697  }
 698  .text-controls .highslide-full-expand span {
 699      background: none;
 700  }
 701  .text-controls .highslide-full-expand a.disabled {
 702      background-position: left top !important;
 703  }
 704  .text-controls .highslide-close span {
 705      background-position: 0 -120px;
 706  }
 707  
 708  
 709  /*****************************************************************************/

 710  /* Styles for the thumbstrip.                                                 */

 711  /* See www.highslide.com/ref/hs.addSlideshow                                 */

 712  /* You can safely remove this if you don't use a thumbstrip                  */

 713  /*****************************************************************************/

 714  
 715  .highslide-thumbstrip {
 716      height: 100%;
 717      direction: ltr;
 718  }
 719  .highslide-thumbstrip div {
 720      overflow: hidden;
 721  }
 722  .highslide-thumbstrip table {
 723      position: relative;
 724      padding: 0;
 725      border-collapse: collapse;
 726  }
 727  .highslide-thumbstrip td {
 728      padding: 1px;
 729      /*text-align: center;*/

 730  }
 731  .highslide-thumbstrip a {
 732      outline: none;
 733  }
 734  .highslide-thumbstrip img {
 735      display: block;
 736      border: 1px solid gray;
 737      margin: 0 auto;
 738  }
 739  .highslide-thumbstrip .highslide-active-anchor img {
 740      visibility: visible;
 741  }
 742  .highslide-thumbstrip .highslide-marker {
 743      position: absolute;
 744      width: 0;
 745      height: 0;
 746      border-width: 0;
 747      border-style: solid;
 748      border-color: transparent; /* change this to actual background color in highslide-ie6.css */
 749  }
 750  .highslide-thumbstrip-horizontal div {
 751      width: auto;
 752      /* width: 100% breaks in small strips in IE */

 753  }
 754  .highslide-thumbstrip-horizontal .highslide-scroll-up {
 755      display: none;
 756      position: absolute;
 757      top: 3px;
 758      left: 3px;
 759      width: 25px;
 760      height: 42px;
 761  }
 762  .highslide-thumbstrip-horizontal .highslide-scroll-up div {
 763      margin-bottom: 10px;
 764      cursor: pointer;
 765      background: url(graphics/scrollarrows.png) left center no-repeat;
 766      height: 42px;
 767  }
 768  .highslide-thumbstrip-horizontal .highslide-scroll-down {
 769      display: none;
 770      position: absolute;
 771      top: 3px;
 772      right: 3px;
 773      width: 25px;
 774      height: 42px;
 775  }
 776  .highslide-thumbstrip-horizontal .highslide-scroll-down div {
 777      margin-bottom: 10px;
 778      cursor: pointer;
 779      background: url(graphics/scrollarrows.png) center right no-repeat;
 780      height: 42px;
 781  }
 782  .highslide-thumbstrip-horizontal table {
 783      margin: 2px 0 10px 0;
 784  }
 785  .highslide-viewport .highslide-thumbstrip-horizontal table {
 786      margin-left: 10px;
 787  }
 788  .highslide-thumbstrip-horizontal img {
 789      width: auto;
 790      height: 40px;
 791  }
 792  .highslide-thumbstrip-horizontal .highslide-marker {
 793      top: 47px;
 794      border-left-width: 6px;
 795      border-right-width: 6px;
 796      border-bottom: 6px solid gray;
 797  }
 798  .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
 799      margin-left: 10px;
 800  }
 801  .dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
 802      border-bottom-color: white !important;
 803  }
 804  
 805  .highslide-thumbstrip-vertical-overlay {
 806      overflow: hidden !important;
 807  }
 808  .highslide-thumbstrip-vertical div {
 809      height: 100%;
 810  }
 811  .highslide-thumbstrip-vertical a {
 812      display: block;
 813  }
 814  .highslide-thumbstrip-vertical .highslide-scroll-up {
 815      display: none;
 816      position: absolute;
 817      top: 0;
 818      left: 0;
 819      width: 100%;
 820      height: 25px;
 821  }
 822  .highslide-thumbstrip-vertical .highslide-scroll-up div {
 823      margin-left: 10px;
 824      cursor: pointer;
 825      background: url(graphics/scrollarrows.png) top center no-repeat;
 826      height: 25px;
 827  }
 828  .highslide-thumbstrip-vertical .highslide-scroll-down {
 829      display: none;
 830      position: absolute;
 831      bottom: 0;
 832      left: 0;
 833      width: 100%;
 834      height: 25px;
 835  }
 836  .highslide-thumbstrip-vertical .highslide-scroll-down div {
 837      margin-left: 10px;
 838      cursor: pointer;
 839      background: url(graphics/scrollarrows.png) bottom center no-repeat;
 840      height: 25px;
 841  }
 842  .highslide-thumbstrip-vertical table {
 843      margin: 10px 0 0 10px;
 844  }
 845  .highslide-thumbstrip-vertical img {
 846      width: 60px; /* t=5481 */
 847  }
 848  .highslide-thumbstrip-vertical .highslide-marker {
 849      left: 0;
 850      margin-top: 8px;
 851      border-top-width: 6px;
 852      border-bottom-width: 6px;
 853      border-left: 6px solid gray;
 854  }
 855  .dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
 856      border-left-color: white;
 857  }
 858  
 859  .highslide-viewport .highslide-thumbstrip-float {
 860      overflow: auto;
 861  }
 862  .highslide-thumbstrip-float ul {
 863      margin: 2px 0;
 864      padding: 0;
 865  }
 866  .highslide-thumbstrip-float li {
 867      display: block;
 868      height: 60px;
 869      margin: 0 2px;
 870      list-style: none;
 871      float: left;
 872  }
 873  .highslide-thumbstrip-float img {
 874      display: inline;
 875      border-color: silver;
 876      max-height: 56px;
 877  }
 878  .highslide-thumbstrip-float .highslide-active-anchor img {
 879      border-color: black;
 880  }
 881  .highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
 882      display: none;
 883  }
 884  .highslide-thumbstrip-float .highslide-marker {
 885      display: none;
 886  }