[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: 999;
 108      background-color: #666;
 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  .highslide-html-content {
 293      display: none;
 294      width: 400px;
 295      padding: 0 5px 5px 5px;
 296  }
 297  .highslide-header {
 298      padding-bottom: 5px;
 299  }
 300  .highslide-header ul {
 301      margin: 0;
 302      padding: 0;
 303      text-align: right;
 304  }
 305  .highslide-header ul li {
 306      display: inline;
 307      padding-left: 1em;
 308  }
 309  .highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
 310      display: none;
 311  }
 312  .highslide-header a {
 313      font-weight: bold;
 314      color: gray;
 315      text-transform: uppercase;
 316      text-decoration: none;
 317  }
 318  .highslide-header a:hover {
 319      color: black;
 320  }
 321  .highslide-header .highslide-move a {
 322      cursor: move;
 323  }
 324  .highslide-footer {
 325      height: 16px;
 326  }
 327  .highslide-footer .highslide-resize {
 328      display: block;
 329      float: right;
 330      margin-top: 5px;
 331      height: 11px;
 332      width: 11px;
 333      background: url(graphics/resize.gif) no-repeat;
 334  }
 335  .highslide-footer .highslide-resize span {
 336      display: none;
 337  }
 338  .highslide-body {
 339  }
 340  .highslide-resize {
 341      cursor: nw-resize;
 342  }
 343  
 344  /*****************************************************************************/
 345  /* Styles for the Individual wrapper class names.                             */
 346  /* See www.highslide.com/ref/hs.wrapperClassName                             */
 347  /* You can safely remove the class name themes you don't use                 */
 348  /*****************************************************************************/
 349  
 350  /* hs.wrapperClassName = 'draggable-header' */
 351  .draggable-header .highslide-header {
 352      height: 18px;
 353      border-bottom: 1px solid #dddddd;
 354  }
 355  .draggable-header .highslide-heading {
 356      position: absolute;
 357      margin: 2px 0.4em;
 358  }
 359  
 360  .draggable-header .highslide-header .highslide-move {
 361      cursor: move;
 362      display: block;
 363      height: 16px;
 364      position: absolute;
 365      right: 24px;
 366      top: 0;
 367      width: 100%;
 368      z-index: 1;
 369  }
 370  .draggable-header .highslide-header .highslide-move * {
 371      display: none;
 372  }
 373  .draggable-header .highslide-header .highslide-close {
 374      position: absolute;
 375      right: 2px;
 376      top: 2px;
 377      z-index: 5;
 378      padding: 0;
 379  }
 380  .draggable-header .highslide-header .highslide-close a {
 381      display: block;
 382      height: 16px;
 383      width: 16px;
 384      background-image: url(graphics/closeX.png);
 385  }
 386  .draggable-header .highslide-header .highslide-close a:hover {
 387      background-position: 0 16px;
 388  }
 389  .draggable-header .highslide-header .highslide-close span {
 390      display: none;
 391  }
 392  .draggable-header .highslide-maincontent {
 393      padding-top: 1em;
 394  }
 395  
 396  /* hs.wrapperClassName = 'titlebar' */
 397  .titlebar .highslide-header {
 398      height: 18px;
 399      border-bottom: 1px solid #dddddd;
 400  }
 401  .titlebar .highslide-heading {
 402      position: absolute;
 403      width: 90%;
 404      margin: 1px 0 1px 5px;
 405      color: #666666;
 406  }
 407  
 408  .titlebar .highslide-header .highslide-move {
 409      cursor: move;
 410      display: block;
 411      height: 16px;
 412      position: absolute;
 413      right: 24px;
 414      top: 0;
 415      width: 100%;
 416      z-index: 1;
 417  }
 418  .titlebar .highslide-header .highslide-move * {
 419      display: none;
 420  }
 421  .titlebar .highslide-header li {
 422      position: relative;
 423      top: 3px;
 424      z-index: 2;
 425      padding: 0 0 0 1em;
 426  }
 427  .titlebar .highslide-maincontent {
 428      padding-top: 1em;
 429  }
 430  
 431  /* hs.wrapperClassName = 'no-footer' */
 432  .no-footer .highslide-footer {
 433      display: none;
 434  }
 435  
 436  /* hs.wrapperClassName = 'wide-border' */
 437  .wide-border {
 438      background: white;
 439  }
 440  .wide-border .highslide-image {
 441      border-width: 10px;
 442  }
 443  .wide-border .highslide-caption {
 444      padding: 0 10px 10px 10px;
 445  }
 446  
 447  /* hs.wrapperClassName = 'borderless' */
 448  .borderless .highslide-image {
 449      border: none;
 450  }
 451  .borderless .highslide-caption {
 452      border-bottom: 1px solid white;
 453      border-top: 1px solid white;
 454      background: silver;
 455  }
 456  
 457  /* hs.wrapperClassName = 'outer-glow' */
 458  .outer-glow {
 459      background: #444;
 460  }
 461  .outer-glow .highslide-image {
 462      border: 5px solid #444444;
 463  }
 464  .outer-glow .highslide-caption {
 465      border: 5px solid #444444;
 466      border-top: none;
 467      padding: 5px;
 468      background-color: gray;
 469  }
 470  
 471  /* hs.wrapperClassName = 'colored-border' */
 472  .colored-border {
 473      background: white;
 474  }
 475  .colored-border .highslide-image {
 476      border: 2px solid green;
 477  }
 478  .colored-border .highslide-caption {
 479      border: 2px solid green;
 480      border-top: none;
 481  }
 482  
 483  /* hs.wrapperClassName = 'dark' */
 484  .dark {
 485      background: #111;
 486  }
 487  .dark .highslide-image {
 488      border-color: black black #202020 black;
 489      background: gray;
 490  }
 491  .dark .highslide-caption {
 492      color: white;
 493      background: #111;
 494  }
 495  .dark .highslide-controls,
 496  .dark .highslide-controls ul,
 497  .dark .highslide-controls a {
 498      background-image: url(graphics/controlbar-black-border.gif);
 499  }
 500  
 501  /* hs.wrapperClassName = 'floating-caption' */
 502  .floating-caption .highslide-caption {
 503      position: absolute;
 504      padding: 1em 0 0 0;
 505      background: none;
 506      color: white;
 507      border: none;
 508      font-weight: bold;
 509  }
 510  
 511  /* hs.wrapperClassName = 'controls-in-heading' */
 512  .controls-in-heading .highslide-heading {
 513      color: gray;
 514      font-weight: bold;
 515      height: 20px;
 516      overflow: hidden;
 517      cursor: default;
 518      padding: 0 0 0 22px;
 519      margin: 0;
 520      background: url(graphics/icon.gif) no-repeat 0 1px;
 521  }
 522  .controls-in-heading .highslide-controls {
 523      width: 105px;
 524      height: 20px;
 525      position: relative;
 526      margin: 0;
 527      top: -23px;
 528      left: 7px;
 529      background: none;
 530  }
 531  .controls-in-heading .highslide-controls ul {
 532      position: static;
 533      height: 20px;
 534      background: none;
 535  }
 536  .controls-in-heading .highslide-controls li {
 537      padding: 0;
 538  }
 539  .controls-in-heading .highslide-controls a {
 540      background-image: url(graphics/controlbar-white-small.gif);
 541      height: 20px;
 542      width: 20px;
 543  }
 544  
 545  .controls-in-heading .highslide-controls .highslide-move {
 546      display: none;
 547  }
 548  
 549  .controls-in-heading .highslide-controls .highslide-previous a {
 550      background-position: 0 0;
 551  }
 552  .controls-in-heading .highslide-controls .highslide-previous a:hover {
 553      background-position: 0 -20px;
 554  }
 555  .controls-in-heading .highslide-controls .highslide-previous a.disabled {
 556      background-position: 0 -40px !important;
 557  }
 558  .controls-in-heading .highslide-controls .highslide-play a {
 559      background-position: -20px 0;
 560  }
 561  .controls-in-heading .highslide-controls .highslide-play a:hover {
 562      background-position: -20px -20px;
 563  }
 564  .controls-in-heading .highslide-controls .highslide-play a.disabled {
 565      background-position: -20px -40px !important;
 566  }
 567  .controls-in-heading .highslide-controls .highslide-pause a {
 568      background-position: -40px 0;
 569  }
 570  .controls-in-heading .highslide-controls .highslide-pause a:hover {
 571      background-position: -40px -20px;
 572  }
 573  .controls-in-heading .highslide-controls .highslide-next a {
 574      background-position: -60px 0;
 575  }
 576  .controls-in-heading .highslide-controls .highslide-next a:hover {
 577      background-position: -60px -20px;
 578  }
 579  .controls-in-heading .highslide-controls .highslide-next a.disabled {
 580      background-position: -60px -40px !important;
 581  }
 582  .controls-in-heading .highslide-controls .highslide-full-expand a {
 583      background-position: -100px 0;
 584  }
 585  .controls-in-heading .highslide-controls .highslide-full-expand a:hover {
 586      background-position: -100px -20px;
 587  }
 588  .controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
 589      background-position: -100px -40px !important;
 590  }
 591  .controls-in-heading .highslide-controls .highslide-close a {
 592      background-position: -120px 0;
 593  }
 594  .controls-in-heading .highslide-controls .highslide-close a:hover {
 595      background-position: -120px -20px;
 596  }
 597  
 598  /*****************************************************************************/
 599  /* Styles for text based controls.                                             */
 600  /* You can safely remove this if you don't use text based controls             */
 601  /*****************************************************************************/
 602  
 603  .text-controls .highslide-controls {
 604      width: auto;
 605      height: auto;
 606      margin: 0;
 607      text-align: center;
 608      background: none;
 609  }
 610  .text-controls ul {
 611      position: static;
 612      background: none;
 613      height: auto;
 614      left: 0;
 615  }
 616  .text-controls .highslide-move {
 617      display: none;
 618  }
 619  .text-controls li {
 620      background-image: url(graphics/controlbar-text-buttons.png);
 621      background-position: right top !important;
 622      padding: 0;
 623      margin-left: 15px;
 624      display: block;
 625      width: auto;
 626  }
 627  .text-controls a {
 628      background: url(graphics/controlbar-text-buttons.png) no-repeat;
 629      background-position: left top !important;
 630      position: relative;
 631      left: -10px;
 632      display: block;
 633      width: auto;
 634      height: auto;
 635      text-decoration: none !important;
 636  }
 637  .text-controls a span {
 638      background: url(graphics/controlbar-text-buttons.png) no-repeat;
 639      margin: 1px 2px 1px 10px;
 640      display: block;
 641      min-width: 4em;
 642      height: 18px;
 643      line-height: 18px;
 644      padding: 1px 0 1px 18px;
 645      color: #333;
 646      font-family: "Trebuchet MS", Arial, sans-serif;
 647      font-size: 12px;
 648      font-weight: bold;
 649      white-space: nowrap;
 650  }
 651  .text-controls .highslide-next {
 652      margin-right: 1em;
 653  }
 654  .text-controls .highslide-full-expand a span {
 655      min-width: 0;
 656      margin: 1px 0;
 657      padding: 1px 0 1px 10px;
 658  }
 659  .text-controls .highslide-close a span {
 660      min-width: 0;
 661  }
 662  .text-controls a:hover span {
 663      color: black;
 664  }
 665  .text-controls a.disabled span {
 666      color: #999;
 667  }
 668  
 669  .text-controls .highslide-previous span {
 670      background-position: 0 -40px;
 671  }
 672  .text-controls .highslide-previous a.disabled {
 673      background-position: left top !important;
 674  }
 675  .text-controls .highslide-previous a.disabled span {
 676      background-position: 0 -140px;
 677  }
 678  .text-controls .highslide-play span {
 679      background-position: 0 -60px;
 680  }
 681  .text-controls .highslide-play a.disabled {
 682      background-position: left top !important;
 683  }
 684  .text-controls .highslide-play a.disabled span {
 685      background-position: 0 -160px;
 686  }
 687  .text-controls .highslide-pause span {
 688      background-position: 0 -80px;
 689  }
 690  .text-controls .highslide-next span {
 691      background-position: 0 -100px;
 692  }
 693  .text-controls .highslide-next a.disabled {
 694      background-position: left top !important;
 695  }
 696  .text-controls .highslide-next a.disabled span {
 697      background-position: 0 -200px;
 698  }
 699  .text-controls .highslide-full-expand span {
 700      background: none;
 701  }
 702  .text-controls .highslide-full-expand a.disabled {
 703      background-position: left top !important;
 704  }
 705  .text-controls .highslide-close span {
 706      background-position: 0 -120px;
 707  }
 708  
 709  
 710  /*****************************************************************************/
 711  /* Styles for the thumbstrip.                                                 */
 712  /* See www.highslide.com/ref/hs.addSlideshow                                 */
 713  /* You can safely remove this if you don't use a thumbstrip                  */
 714  /*****************************************************************************/
 715  
 716  .highslide-thumbstrip {
 717      height: 100%;
 718      direction: ltr;
 719  }
 720  .highslide-thumbstrip div {
 721      overflow: hidden;
 722  }
 723  .highslide-thumbstrip table {
 724      position: relative;
 725      padding: 0;
 726      border-collapse: collapse;
 727  }
 728  .highslide-thumbstrip td {
 729      padding: 1px;
 730      /*text-align: center;*/
 731  }
 732  .highslide-thumbstrip a {
 733      outline: none;
 734  }
 735  .highslide-thumbstrip img {
 736      display: block;
 737      border: 1px solid gray;
 738      margin: 0 auto;
 739  }
 740  .highslide-thumbstrip .highslide-active-anchor img {
 741      visibility: visible;
 742  }
 743  .highslide-thumbstrip .highslide-marker {
 744      position: absolute;
 745      width: 0;
 746      height: 0;
 747      border-width: 0;
 748      border-style: solid;
 749      border-color: transparent; /* change this to actual background color in highslide-ie6.css */
 750  }
 751  .highslide-thumbstrip-horizontal div {
 752      width: auto;
 753      /* width: 100% breaks in small strips in IE */
 754  }
 755  .highslide-thumbstrip-horizontal .highslide-scroll-up {
 756      display: none;
 757      position: absolute;
 758      top: 3px;
 759      left: 3px;
 760      width: 25px;
 761      height: 42px;
 762  }
 763  .highslide-thumbstrip-horizontal .highslide-scroll-up div {
 764      margin-bottom: 10px;
 765      cursor: pointer;
 766      background: url(graphics/scrollarrows.png) left center no-repeat;
 767      height: 42px;
 768  }
 769  .highslide-thumbstrip-horizontal .highslide-scroll-down {
 770      display: none;
 771      position: absolute;
 772      top: 3px;
 773      right: 3px;
 774      width: 25px;
 775      height: 42px;
 776  }
 777  .highslide-thumbstrip-horizontal .highslide-scroll-down div {
 778      margin-bottom: 10px;
 779      cursor: pointer;
 780      background: url(graphics/scrollarrows.png) center right no-repeat;
 781      height: 42px;
 782  }
 783  .highslide-thumbstrip-horizontal table {
 784      margin: 2px 0 10px 0;
 785  }
 786  .highslide-viewport .highslide-thumbstrip-horizontal table {
 787      margin-left: 10px;
 788  }
 789  .highslide-thumbstrip-horizontal img {
 790      width: auto;
 791      height: 40px;
 792  }
 793  .highslide-thumbstrip-horizontal .highslide-marker {
 794      top: 47px;
 795      border-left-width: 6px;
 796      border-right-width: 6px;
 797      border-bottom: 6px solid gray;
 798  }
 799  .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
 800      margin-left: 10px;
 801  }
 802  .dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
 803      border-bottom-color: white !important;
 804  }
 805  
 806  .highslide-thumbstrip-vertical-overlay {
 807      overflow: hidden !important;
 808  }
 809  .highslide-thumbstrip-vertical div {
 810      height: 100%;
 811  }
 812  .highslide-thumbstrip-vertical a {
 813      display: block;
 814  }
 815  .highslide-thumbstrip-vertical .highslide-scroll-up {
 816      display: none;
 817      position: absolute;
 818      top: 0;
 819      left: 0;
 820      width: 100%;
 821      height: 25px;
 822  }
 823  .highslide-thumbstrip-vertical .highslide-scroll-up div {
 824      margin-left: 10px;
 825      cursor: pointer;
 826      background: url(graphics/scrollarrows.png) top center no-repeat;
 827      height: 25px;
 828  }
 829  .highslide-thumbstrip-vertical .highslide-scroll-down {
 830      display: none;
 831      position: absolute;
 832      bottom: 0;
 833      left: 0;
 834      width: 100%;
 835      height: 25px;
 836  }
 837  .highslide-thumbstrip-vertical .highslide-scroll-down div {
 838      margin-left: 10px;
 839      cursor: pointer;
 840      background: url(graphics/scrollarrows.png) bottom center no-repeat;
 841      height: 25px;
 842  }
 843  .highslide-thumbstrip-vertical table {
 844      margin: 10px 0 0 10px;
 845  }
 846  .highslide-thumbstrip-vertical img {
 847      width: 60px; /* t=5481 */
 848  }
 849  .highslide-thumbstrip-vertical .highslide-marker {
 850      left: 0;
 851      margin-top: 8px;
 852      border-top-width: 6px;
 853      border-bottom-width: 6px;
 854      border-left: 6px solid gray;
 855  }
 856  .dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
 857      border-left-color: white;
 858  }
 859  
 860  .highslide-viewport .highslide-thumbstrip-float {
 861      overflow: auto;
 862  }
 863  .highslide-thumbstrip-float ul {
 864      margin: 2px 0;
 865      padding: 0;
 866  }
 867  .highslide-thumbstrip-float li {
 868      display: block;
 869      height: 60px;
 870      margin: 0 2px;
 871      list-style: none;
 872      float: left;
 873  }
 874  .highslide-thumbstrip-float img {
 875      display: inline;
 876      border-color: silver;
 877      max-height: 56px;
 878  }
 879  .highslide-thumbstrip-float .highslide-active-anchor img {
 880      border-color: black;
 881  }
 882  .highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
 883      display: none;
 884  }
 885  .highslide-thumbstrip-float .highslide-marker {
 886      display: none;
 887  }