/** * @file: highslide.css * @version: 4.1.9 */ .highslide-container div {font-family: Tahoma, Verdana, Helvetica; font-size: 11px;} .highslide-container table { background: none;} .highslide { outline: none; text-decoration: none;} .highslide img { border: 2px solid silver;} .highslide:hover img { border-color: gray;} .highslide-active-anchor img {visibility: hidden;} .highslide-gallery .highslide-active-anchor img {border-color: #000; visibility: visible; cursor: default;} .highslide-image { border:solid 2px #fff;} .highslide-wrapper, .highslide-outline { background: #fff;} .glossy-dark { background: #111;} .highslide-image-blur {} .highslide-number {font-weight: bold;color: gray;font-size: .9em;} .highslide-caption { display: none; font-size: 1em; padding: 5px;} .highslide-heading { display: none; font-weight: bold; margin: 0.4em;} .highslide-dimming { background: #000;} a.highslide-full-expand { background: url(/themes/default/images/highslide/graphics/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px;} .highslide-loading { display: block; color: #000; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px 3px 3px 22px; border: 1px solid #fff; background: #fff url(../images/loading.gif) no-repeat 3px 1px;} a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px;} a.highslide-credits:hover, a.highslide-credits:hover i { color: #fff; background-color: gray;} .highslide-move, .highslide-move * { cursor: move;} .highslide-viewport { display: none; position: fixed; width: 100%; height: 100%; z-index: 1; background: none; left: 0; top: 0;} .highslide-overlay { display: none;} .hidden-container { display: none;} /* Example of a semitransparent, offset closebutton */ .closebutton { position: relative; top: -15px; left: 15px; width: 30px; height: 30px; cursor: pointer; background: url(/themes/default/images/highslide/graphics/close.png); /* NOTE! For IE6, you also need to update the highslide-ie6.css file. */ } /*****************************************************************************/ /* Thumbnail boxes for the galleries. */ /* Remove these if you are not using a gallery. */ /*****************************************************************************/ .highslide-gallery ul { list-style-type: none; margin: 0; padding: 0;} .highslide-gallery ul li { display: block; position: relative; float: left; width: 106px; height: 106px; border: 1px solid silver; background: #ededed; margin: 2px; line-height: 0; overflow: hidden;} .highslide-gallery ul a { position: absolute; top: 50%; left: 50%;} .highslide-gallery ul img { position: relative; top: -50%;left: -50%;} html>/**/body .highslide-gallery ul li {display: table;text-align: center;} html>/**/body .highslide-gallery ul li {text-align: center;} html>/**/body .highslide-gallery ul a {position: static; display: table-cell; vertical-align: middle;} html>/**/body .highslide-gallery ul img { position: static;} /*****************************************************************************/ /* Controls for the galleries. */ /* Remove these if you are not using a gallery */ /*****************************************************************************/ .highslide-controls {width: 195px; height: 40px; background: url(/themes/default/images/highslide/graphics/controlbar-white.gif) 0 -90px no-repeat; margin: 20px 15px 10px 0;} .highslide-controls ul { position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url(/themes/default/images/highslide/graphics/controlbar-white.gif) right -90px no-repeat;} .highslide-controls li { float: left; padding: 5px 0; margin:0; list-style: none;} .highslide-controls a { background-image: url(/themes/default/images/highslide/graphics/controlbar-white.gif); display: block; float: left; height: 30px; width: 30px; outline: none;} .highslide-controls a.disabled { cursor: default;} .highslide-controls a.disabled span {cursor: default;} .highslide-controls a span {/* hide the text for these graphic buttons */ display: none; cursor: pointer;} /* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */ .highslide-controls .highslide-previous a { background-position: 0 0;} .highslide-controls .highslide-previous a:hover {background-position: 0 -30px;} .highslide-controls .highslide-previous a.disabled { background-position: 0 -60px !important;} .highslide-controls .highslide-play a { background-position: -30px 0;} .highslide-controls .highslide-play a:hover {background-position: -30px -30px;} .highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important;} .highslide-controls .highslide-pause a { background-position: -60px 0;} .highslide-controls .highslide-pause a:hover { background-position: -60px -30px;} .highslide-controls .highslide-next a { background-position: -90px 0;} .highslide-controls .highslide-next a:hover {background-position: -90px -30px;} .highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important;} .highslide-controls .highslide-move a { background-position: -120px 0;} .highslide-controls .highslide-move a:hover {background-position: -120px -30px;} .highslide-controls .highslide-full-expand a { background-position: -150px 0;} .highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px;} .highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important;} .highslide-controls .highslide-close a { background-position: -180px 0;} .highslide-controls .highslide-close a:hover { background-position: -180px -30px;} /*****************************************************************************/ /* Styles for the HTML popups */ /* Remove these if you are not using Highslide HTML */ /*****************************************************************************/ .highslide-maincontent { display: none;} .highslide-html {background-color: #fff;} .highslide-html-content { display: none; width: 400px; padding: 0 5px 5px;} .highslide-header { padding-bottom: 5px;} .highslide-header ul { margin: 0; padding: 0; text-align: right;} .highslide-header ul li { display: inline; padding-left: 1em; background: none;} .highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next { display: none;} .highslide-header a { font-weight: bold; color: gray; text-transform: uppercase; text-decoration: none;} .highslide-header a:hover { color: black;} .highslide-header .highslide-move a { cursor: move;} .highslide-footer { height: 16px;} .highslide-footer .highslide-resize { display: block; float: right; margin-top: 5px; height: 11px; width: 11px; background: url(/themes/default/images/highslide/graphics/resize.gif); cursor: se-resize;} .highslide-footer .highslide-resize span { display: none;} .highslide-body {} .highslide-resize { cursor: nw-resize;} /*****************************************************************************/ /* Styles for the Individual wrapper class names. */ /* See www.highslide.com/ref/hs.wrapperClassName */ /* You can safely remove the class name themes you don't use */ /*****************************************************************************/ /* hs.wrapperClassName = 'draggable-header' */ .draggable-header .highslide-header { height: 18px; border-bottom: 1px solid #dddddd;} .draggable-header .highslide-heading { position: absolute; margin: 2px 0.4em;} .draggable-header .highslide-header .highslide-move { cursor: move; display: block; height: 16px; position: absolute; right: 24px; top: 0; width: 100%; z-index: 1;} .draggable-header .highslide-header .highslide-move * { display: none;} .draggable-header .highslide-header .highslide-close { position: absolute; right: 2px; top: 2px; z-index: 5; padding: 0;} .draggable-header .highslide-header .highslide-close a { display: block; height: 16px; width: 16px; background-image: url(/themes/default/images/highslide/graphics/resize.gif);/*/closeX.png);*/} .draggable-header .highslide-header .highslide-close a:hover { background-position: 0 16px;} .draggable-header .highslide-header .highslide-close span { display: none;} .draggable-header .highslide-maincontent { padding-top: 1em;} /* hs.wrapperClassName = 'titlebar' */ .titlebar .highslide-header { height: 18px; border-bottom: 1px solid #dddddd;} .titlebar .highslide-heading { position: absolute; width: 90%; margin: 1px 0 1px 5px; color: #666666;} .titlebar .highslide-header .highslide-move { cursor: move; display: block; height: 16px; position: absolute; right: 24px; top: 0; width: 100%; z-index: 1;} .titlebar .highslide-header .highslide-move * { display: none;} .titlebar .highslide-header li { position: relative; top: 3px; z-index: 2; padding: 0 0 0 1em;} .titlebar .highslide-maincontent { padding-top: 1em;} /* hs.wrapperClassName = 'no-footer' */ .no-footer .highslide-footer { display: none;} /* hs.wrapperClassName = 'wide-border' */ .wide-border { background: #fff;} .wide-border .highslide-image { border-width: 10px;} .wide-border .highslide-caption { padding: 0 10px 10px;} /* hs.wrapperClassName = 'borderless' */ .borderless .highslide-image { border: none;} .borderless .highslide-caption { border-bottom: 1px solid #fff; border-top: 1px solid #fff; background: silver;} /* hs.wrapperClassName = 'outer-glow' */ .outer-glow { background: #444;} .outer-glow .highslide-image { border: 5px solid #444444;} .outer-glow .highslide-caption { border: 5px solid #444444; border-top: none; padding: 5px; background-color: gray;} /* hs.wrapperClassName = 'colored-border' */ .colored-border { background: #fff;} .colored-border .highslide-image { border: 2px solid green;} .colored-border .highslide-caption {border: 2px solid green; border-top: none;} /* hs.wrapperClassName = 'dark' */ .dark { background: #111;} .dark .highslide-image { border-color: #000 #000 #202020 #000; background: gray;} .dark .highslide-caption { color: #fff; background: #111;} .dark .highslide-controls, .dark .highslide-controls ul, .dark .highslide-controls a { background-image: url(/themes/default/images/highslide/graphics/controlbar-black-border.gif);} /* hs.wrapperClassName = 'floating-caption' */ .floating-caption .highslide-caption { position: absolute; padding: 1em 0 0; background: none; color: #fff; border: none; font-weight: bold;} /* hs.wrapperClassName = 'controls-in-heading' */ .controls-in-heading .highslide-heading { color: gray; font-weight: bold; height: 20px; overflow: hidden; cursor: default; padding: 0 0 0 22px; margin: 0; background: url(/themes/default/images/highslide/graphics/icon.gif) no-repeat 0 1px;} .controls-in-heading .highslide-controls { width: 105px; height: 20px; position: relative; margin: 0; top: -23px; left: 7px; background: none;} .controls-in-heading .highslide-controls ul { position: static; height: 20px; background: none;} .controls-in-heading .highslide-controls li { padding: 0;} .controls-in-heading .highslide-controls a { background-image: url(/themes/default/images/highslide/graphics/controlbar-white-small.gif); height: 20px; width: 20px;} .controls-in-heading .highslide-controls .highslide-move { display: none;} .controls-in-heading .highslide-controls .highslide-previous a { background-position: 0 0;} .controls-in-heading .highslide-controls .highslide-previous a:hover { background-position: 0 -20px;} .controls-in-heading .highslide-controls .highslide-previous a.disabled { background-position: 0 -40px !important;} .controls-in-heading .highslide-controls .highslide-play a { background-position: -20px 0;} .controls-in-heading .highslide-controls .highslide-play a:hover { background-position: -20px -20px;} .controls-in-heading .highslide-controls .highslide-play a.disabled { background-position: -20px -40px !important;} .controls-in-heading .highslide-controls .highslide-pause a { background-position: -40px 0;} .controls-in-heading .highslide-controls .highslide-pause a:hover { background-position: -40px -20px;} .controls-in-heading .highslide-controls .highslide-next a { background-position: -60px 0;} .controls-in-heading .highslide-controls .highslide-next a:hover { background-position: -60px -20px;} .controls-in-heading .highslide-controls .highslide-next a.disabled { background-position: -60px -40px !important;} .controls-in-heading .highslide-controls .highslide-full-expand a { background-position: -100px 0;} .controls-in-heading .highslide-controls .highslide-full-expand a:hover { background-position: -100px -20px;} .controls-in-heading .highslide-controls .highslide-full-expand a.disabled { background-position: -100px -40px !important;} .controls-in-heading .highslide-controls .highslide-close a { background-position: -120px 0;} .controls-in-heading .highslide-controls .highslide-close a:hover { background-position: -120px -20px;} /*****************************************************************************/ /* Styles for text based controls. */ /* You can safely remove this if you don't use text based controls */ /*****************************************************************************/ .text-controls .highslide-controls { width: auto; height: auto; margin: 0; text-align: center; background: none;} .text-controls ul { position: static; background: none; height: auto; left: 0;} .text-controls .highslide-move { display: none;} .text-controls li { background: url(/themes/default/images/highslide/graphics/controlbar-text-buttons.png) right top; padding: 0; margin-left: 15px; display: block; width: auto;} .text-controls a { background: url(/themes/default/images/highslide/graphics/controlbar-text-buttons.png) no-repeat left top; position: relative; left: -10px; display: block; width: auto; height: auto; text-decoration: none !important;} .text-controls a span { background: url(/themes/default/images/highslide/graphics/controlbar-text-buttons.png) no-repeat; margin: 1px 2px 1px 10px; display: block; min-width: 4em; height: 18px; line-height: 18px; padding: 1px 0 1px 18px; color: #333; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; font-weight: bold; white-space: nowrap;} .text-controls .highslide-next { margin-right: 1em;} .text-controls .highslide-full-expand a span { min-width: 0; margin: 1px 0; padding: 1px 0 1px 10px;} .text-controls .highslide-close a span { min-width: 0;} .text-controls a:hover span { color: #000;} .text-controls a.disabled span { color: #999;} .text-controls .highslide-previous span {background-position: 0 -40px;} .text-controls .highslide-previous a.disabled { background-position: left top !important;} .text-controls .highslide-previous a.disabled span { background-position: 0 -140px;} .text-controls .highslide-play span {background-position: 0 -60px;} .text-controls .highslide-play a.disabled { background-position: left top !important;} .text-controls .highslide-play a.disabled span { background-position: 0 -160px;} .text-controls .highslide-pause span { background-position: 0 -80px;} .text-controls .highslide-next span {background-position: 0 -100px;} .text-controls .highslide-next a.disabled { background-position: left top !important;} .text-controls .highslide-next a.disabled span { background-position: 0 -200px;} .text-controls .highslide-full-expand span { background: none;} .text-controls .highslide-full-expand a.disabled { background-position: left top !important;} .text-controls .highslide-close span { background-position: 0 -120px;} /*****************************************************************************/ /* Styles for the thumbstrip. */ /* See www.highslide.com/ref/hs.addSlideshow */ /* You can safely remove this if you don't use a thumbstrip */ /*****************************************************************************/ .highslide-thumbstrip { height: 100%; direction: ltr;} .highslide-thumbstrip div { overflow: hidden;} .highslide-thumbstrip table { position: relative; padding: 0; border-collapse: collapse;} .highslide-thumbstrip td { padding: 1px;} .highslide-thumbstrip a { outline: none;} .highslide-thumbstrip img { display: block; border: 1px solid gray; margin: 0 auto;} .highslide-thumbstrip .highslide-active-anchor img { visibility: visible;} .highslide-thumbstrip .highslide-marker { position: absolute; width: 0; height: 0; border-width: 0; border-style: solid; border-color: transparent; /* change this to actual background color in highslide-ie6.css */} .highslide-thumbstrip-horizontal div { width: auto; /* width: 100% breaks in small strips in IE */} .highslide-thumbstrip-horizontal .highslide-scroll-up { display: none; position: absolute; top: 3px; left: 3px; width: 25px; height: 42px;} .highslide-thumbstrip-horizontal .highslide-scroll-up div { margin-bottom: 10px; cursor: pointer; background: url(/themes/default/images/highslide/graphics/scrollarrows.png) left center no-repeat; height: 42px;} .highslide-thumbstrip-horizontal .highslide-scroll-down { display: none; position: absolute; top: 3px; right: 3px; width: 25px; height: 42px;} .highslide-thumbstrip-horizontal .highslide-scroll-down div { margin-bottom: 10px; cursor: pointer; background: url(/themes/default/images/highslide/graphics/scrollarrows.png) center right no-repeat; height: 42px;} .highslide-thumbstrip-horizontal table { margin: 2px 0 10px;} .highslide-viewport .highslide-thumbstrip-horizontal table { margin-left: 10px;} .highslide-thumbstrip-horizontal img { width: auto; height: 40px;} .highslide-thumbstrip-horizontal .highslide-marker { top: 47px; border-left-width: 6px; border-right-width: 6px; border-bottom: 6px solid gray;} .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { margin-left: 10px;} .dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { border-bottom-color: #fff !important;} .highslide-thumbstrip-vertical-overlay { overflow: hidden !important;} .highslide-thumbstrip-vertical div { height: 100%;} .highslide-thumbstrip-vertical a { display: block;} .highslide-thumbstrip-vertical .highslide-scroll-up { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 25px;} .highslide-thumbstrip-vertical .highslide-scroll-up div { margin-left: 10px; cursor: pointer; background: url(/themes/default/images/highslide/graphics/scrollarrows.png) top center no-repeat; height: 25px;} .highslide-thumbstrip-vertical .highslide-scroll-down { display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 25px;} .highslide-thumbstrip-vertical .highslide-scroll-down div { margin-left: 10px; cursor: pointer; background: url(/themes/default/images/highslide/graphics/scrollarrows.png) bottom center no-repeat; height: 25px;} .highslide-thumbstrip-vertical table { margin: 10px 0 0 10px;} .highslide-thumbstrip-vertical img { width: 60px; /* t=5481 */} .highslide-thumbstrip-vertical .highslide-marker { left: 0; margin-top: 8px; border-top-width: 6px; border-bottom-width: 6px; border-left: 6px solid gray;} .dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker { border-left-color: #fff;} .highslide-viewport .highslide-thumbstrip-float { overflow: auto;} .highslide-thumbstrip-float ul { margin: 2px 0; padding: 0;} .highslide-thumbstrip-float li { display: block; height: 60px; margin: 0 2px; list-style: none; float: left;} .highslide-thumbstrip-float img { display: inline; border-color: silver; max-height: 56px;} .highslide-thumbstrip-float .highslide-active-anchor img { border-color: black;} .highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div { display: none;} .highslide-thumbstrip-float .highslide-marker { display: none;}