5 .highslide-container div {
6 font-family: Verdana, Helvetica;
9 .highslide-container table {
15 text-decoration: none;
18 border: 2px solid silver;
20 .highslide:hover img {
23 .highslide-active-anchor img {
26 .highslide-gallery .highslide-active-anchor img {
36 .highslide-wrapper, .highslide-outline {
43 .highslide-image-blur {
54 /*background: white;*/
62 /*position: absolute;*/
65 a.highslide-full-expand {
66 background: url(graphics/fullexpand.gif) no-repeat;
68 margin: 0 10px 10px 0;
77 text-transform: uppercase;
78 text-decoration: none;
80 border: 1px solid white;
81 background-color: white;
83 background-image: url(graphics/loader.white.gif);
84 background-repeat: no-repeat;
85 background-position: 3px 1px;
88 a.highslide-credits i {
91 text-decoration: none;
94 a.highslide-credits:hover,
95 a.highslide-credits:hover i {
97 background-color: gray;
99 .highslide-move, .highslide-move * {
103 .highslide-viewport {
119 /* Example of a semitransparent, offset closebutton */
127 background: url(graphics/close.png);
128 /* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
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;
140 .highslide-gallery ul li {
151 .highslide-gallery ul a {
156 .highslide-gallery ul img {
161 html>/**/body .highslide-gallery ul li {
165 html>/**/body .highslide-gallery ul li {
168 html>/**/body .highslide-gallery ul a {
171 vertical-align: middle;
173 html>/**/body .highslide-gallery ul img {
177 /*****************************************************************************/
178 /* Controls for the galleries. */
179 /* Remove these if you are not using a gallery */
180 /*****************************************************************************/
181 .highslide-controls {
184 background: url(graphics/controlbar-white.gif) 0 -90px no-repeat;
185 margin: 20px 15px 10px 0;
187 .highslide-controls ul {
194 background: url(graphics/controlbar-white.gif) right -90px no-repeat;
197 .highslide-controls li {
203 .highslide-controls a {
204 background-image: url(graphics/controlbar-white.gif);
211 .highslide-controls a.disabled {
214 .highslide-controls a.disabled span {
217 .highslide-controls a span {
218 /* hide the text for these graphic buttons */
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;
228 .highslide-controls .highslide-previous a:hover {
229 background-position: 0 -30px;
231 .highslide-controls .highslide-previous a.disabled {
232 background-position: 0 -60px !important;
234 .highslide-controls .highslide-play a {
235 background-position: -30px 0;
237 .highslide-controls .highslide-play a:hover {
238 background-position: -30px -30px;
240 .highslide-controls .highslide-play a.disabled {
241 background-position: -30px -60px !important;
243 .highslide-controls .highslide-pause a {
244 background-position: -60px 0;
246 .highslide-controls .highslide-pause a:hover {
247 background-position: -60px -30px;
249 .highslide-controls .highslide-next a {
250 background-position: -90px 0;
252 .highslide-controls .highslide-next a:hover {
253 background-position: -90px -30px;
255 .highslide-controls .highslide-next a.disabled {
256 background-position: -90px -60px !important;
258 .highslide-controls .highslide-move a {
259 background-position: -120px 0;
261 .highslide-controls .highslide-move a:hover {
262 background-position: -120px -30px;
264 .highslide-controls .highslide-full-expand a {
265 background-position: -150px 0;
267 .highslide-controls .highslide-full-expand a:hover {
268 background-position: -150px -30px;
270 .highslide-controls .highslide-full-expand a.disabled {
271 background-position: -150px -60px !important;
273 .highslide-controls .highslide-close a {
274 background-position: -180px 0;
276 .highslide-controls .highslide-close a:hover {
277 background-position: -180px -30px;
280 /*****************************************************************************/
281 /* Styles for the HTML popups */
282 /* Remove these if you are not using Highslide HTML */
283 /*****************************************************************************/
284 .highslide-maincontent {
288 background-color: white;
290 .mobile .highslide-html {
291 border: 1px solid silver;
293 .highslide-html-content {
296 padding: 0 5px 5px 5px;
301 .highslide-header ul {
306 .highslide-header ul li {
310 .highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
313 .highslide-header a {
316 text-transform: uppercase;
317 text-decoration: none;
319 .highslide-header a:hover {
322 .highslide-header .highslide-move a {
328 .highslide-footer .highslide-resize {
334 background: url(graphics/resize.gif) no-repeat;
336 .highslide-footer .highslide-resize span {
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 /*****************************************************************************/
351 /* hs.wrapperClassName = 'draggable-header' */
352 .draggable-header .highslide-header {
354 border-bottom: 1px solid #dddddd;
356 .draggable-header .highslide-heading {
361 .draggable-header .highslide-header .highslide-move {
371 .draggable-header .highslide-header .highslide-move * {
374 .draggable-header .highslide-header .highslide-close {
381 .draggable-header .highslide-header .highslide-close a {
385 background-image: url(graphics/closeX.png);
387 .draggable-header .highslide-header .highslide-close a:hover {
388 background-position: 0 16px;
390 .draggable-header .highslide-header .highslide-close span {
393 .draggable-header .highslide-maincontent {
397 /* hs.wrapperClassName = 'titlebar' */
398 .titlebar .highslide-header {
400 border-bottom: 1px solid #dddddd;
402 .titlebar .highslide-heading {
405 margin: 1px 0 1px 5px;
409 .titlebar .highslide-header .highslide-move {
419 .titlebar .highslide-header .highslide-move * {
422 .titlebar .highslide-header li {
428 .titlebar .highslide-maincontent {
432 /* hs.wrapperClassName = 'no-footer' */
433 .no-footer .highslide-footer {
437 /* hs.wrapperClassName = 'wide-border' */
441 .wide-border .highslide-image {
444 .wide-border .highslide-caption {
445 padding: 0 10px 10px 10px;
448 /* hs.wrapperClassName = 'borderless' */
449 .borderless .highslide-image {
452 .borderless .highslide-caption {
453 border-bottom: 1px solid white;
454 border-top: 1px solid white;
458 /* hs.wrapperClassName = 'outer-glow' */
462 .outer-glow .highslide-image {
463 border: 5px solid #444444;
465 .outer-glow .highslide-caption {
466 border: 5px solid #444444;
469 background-color: gray;
472 /* hs.wrapperClassName = 'colored-border' */
476 .colored-border .highslide-image {
477 border: 2px solid green;
479 .colored-border .highslide-caption {
480 border: 2px solid green;
484 /* hs.wrapperClassName = 'dark' */
488 .dark .highslide-image {
489 border-color: black black #202020 black;
492 .dark .highslide-caption {
496 .dark .highslide-controls,
497 .dark .highslide-controls ul,
498 .dark .highslide-controls a {
499 background-image: url(graphics/controlbar-black-border.gif);
502 /* hs.wrapperClassName = 'floating-caption' */
503 .floating-caption .highslide-caption {
512 /* hs.wrapperClassName = 'controls-in-heading' */
513 .controls-in-heading .highslide-heading {
521 background: url(graphics/icon.gif) no-repeat 0 1px;
523 .controls-in-heading .highslide-controls {
532 .controls-in-heading .highslide-controls ul {
537 .controls-in-heading .highslide-controls li {
540 .controls-in-heading .highslide-controls a {
541 background-image: url(graphics/controlbar-white-small.gif);
546 .controls-in-heading .highslide-controls .highslide-move {
550 .controls-in-heading .highslide-controls .highslide-previous a {
551 background-position: 0 0;
553 .controls-in-heading .highslide-controls .highslide-previous a:hover {
554 background-position: 0 -20px;
556 .controls-in-heading .highslide-controls .highslide-previous a.disabled {
557 background-position: 0 -40px !important;
559 .controls-in-heading .highslide-controls .highslide-play a {
560 background-position: -20px 0;
562 .controls-in-heading .highslide-controls .highslide-play a:hover {
563 background-position: -20px -20px;
565 .controls-in-heading .highslide-controls .highslide-play a.disabled {
566 background-position: -20px -40px !important;
568 .controls-in-heading .highslide-controls .highslide-pause a {
569 background-position: -40px 0;
571 .controls-in-heading .highslide-controls .highslide-pause a:hover {
572 background-position: -40px -20px;
574 .controls-in-heading .highslide-controls .highslide-next a {
575 background-position: -60px 0;
577 .controls-in-heading .highslide-controls .highslide-next a:hover {
578 background-position: -60px -20px;
580 .controls-in-heading .highslide-controls .highslide-next a.disabled {
581 background-position: -60px -40px !important;
583 .controls-in-heading .highslide-controls .highslide-full-expand a {
584 background-position: -100px 0;
586 .controls-in-heading .highslide-controls .highslide-full-expand a:hover {
587 background-position: -100px -20px;
589 .controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
590 background-position: -100px -40px !important;
592 .controls-in-heading .highslide-controls .highslide-close a {
593 background-position: -120px 0;
595 .controls-in-heading .highslide-controls .highslide-close a:hover {
596 background-position: -120px -20px;
599 /*****************************************************************************/
600 /* Styles for text based controls. */
601 /* You can safely remove this if you don't use text based controls */
602 /*****************************************************************************/
604 .text-controls .highslide-controls {
617 .text-controls .highslide-move {
621 background-image: url(graphics/controlbar-text-buttons.png);
622 background-position: right top !important;
629 background: url(graphics/controlbar-text-buttons.png) no-repeat;
630 background-position: left top !important;
636 text-decoration: none !important;
638 .text-controls a span {
639 background: url(graphics/controlbar-text-buttons.png) no-repeat;
640 margin: 1px 2px 1px 10px;
645 padding: 1px 0 1px 18px;
647 font-family: "Trebuchet MS", Arial, sans-serif;
652 .text-controls .highslide-next {
655 .text-controls .highslide-full-expand a span {
658 padding: 1px 0 1px 10px;
660 .text-controls .highslide-close a span {
663 .text-controls a:hover span {
666 .text-controls a.disabled span {
670 .text-controls .highslide-previous span {
671 background-position: 0 -40px;
673 .text-controls .highslide-previous a.disabled {
674 background-position: left top !important;
676 .text-controls .highslide-previous a.disabled span {
677 background-position: 0 -140px;
679 .text-controls .highslide-play span {
680 background-position: 0 -60px;
682 .text-controls .highslide-play a.disabled {
683 background-position: left top !important;
685 .text-controls .highslide-play a.disabled span {
686 background-position: 0 -160px;
688 .text-controls .highslide-pause span {
689 background-position: 0 -80px;
691 .text-controls .highslide-next span {
692 background-position: 0 -100px;
694 .text-controls .highslide-next a.disabled {
695 background-position: left top !important;
697 .text-controls .highslide-next a.disabled span {
698 background-position: 0 -200px;
700 .text-controls .highslide-full-expand span {
703 .text-controls .highslide-full-expand a.disabled {
704 background-position: left top !important;
706 .text-controls .highslide-close span {
707 background-position: 0 -120px;
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 /*****************************************************************************/
717 .highslide-thumbstrip {
721 .highslide-thumbstrip div {
724 .highslide-thumbstrip table {
727 border-collapse: collapse;
729 .highslide-thumbstrip td {
731 /*text-align: center;*/
733 .highslide-thumbstrip a {
736 .highslide-thumbstrip img {
738 border: 1px solid gray;
741 .highslide-thumbstrip .highslide-active-anchor img {
744 .highslide-thumbstrip .highslide-marker {
750 border-color: transparent; /* change this to actual background color in highslide-ie6.css */
752 .highslide-thumbstrip-horizontal div {
754 /* width: 100% breaks in small strips in IE */
756 .highslide-thumbstrip-horizontal .highslide-scroll-up {
764 .highslide-thumbstrip-horizontal .highslide-scroll-up div {
767 background: url(graphics/scrollarrows.png) left center no-repeat;
770 .highslide-thumbstrip-horizontal .highslide-scroll-down {
778 .highslide-thumbstrip-horizontal .highslide-scroll-down div {
781 background: url(graphics/scrollarrows.png) center right no-repeat;
784 .highslide-thumbstrip-horizontal table {
785 margin: 2px 0 10px 0;
787 .highslide-viewport .highslide-thumbstrip-horizontal table {
790 .highslide-thumbstrip-horizontal img {
794 .highslide-thumbstrip-horizontal .highslide-marker {
796 border-left-width: 6px;
797 border-right-width: 6px;
798 border-bottom: 6px solid gray;
800 .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
803 .dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
804 border-bottom-color: white !important;
807 .highslide-thumbstrip-vertical-overlay {
808 overflow: hidden !important;
810 .highslide-thumbstrip-vertical div {
813 .highslide-thumbstrip-vertical a {
816 .highslide-thumbstrip-vertical .highslide-scroll-up {
824 .highslide-thumbstrip-vertical .highslide-scroll-up div {
827 background: url(graphics/scrollarrows.png) top center no-repeat;
830 .highslide-thumbstrip-vertical .highslide-scroll-down {
838 .highslide-thumbstrip-vertical .highslide-scroll-down div {
841 background: url(graphics/scrollarrows.png) bottom center no-repeat;
844 .highslide-thumbstrip-vertical table {
845 margin: 10px 0 0 10px;
847 .highslide-thumbstrip-vertical img {
848 width: 60px; /* t=5481 */
850 .highslide-thumbstrip-vertical .highslide-marker {
853 border-top-width: 6px;
854 border-bottom-width: 6px;
855 border-left: 6px solid gray;
857 .dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
858 border-left-color: white;
861 .highslide-viewport .highslide-thumbstrip-float {
864 .highslide-thumbstrip-float ul {
868 .highslide-thumbstrip-float li {
875 .highslide-thumbstrip-float img {
877 border-color: silver;
880 .highslide-thumbstrip-float .highslide-active-anchor img {
883 .highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
886 .highslide-thumbstrip-float .highslide-marker {