
.highslide-container div {
       font-family: Verdana, Helvetica;
       font-size: 10pt;
}
.highslide {
       outline: none;
       text-decoration: none;
}
.highslide img {
       cursor: url(/highslide/graphics/zoomin.cur), pointer;
       border: 2px solid silver;
}
.highslide:hover img {
       border-color: gray;
}
.highslide-active-anchor img {
       visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
       border-color: black;
       visibility: visible;
       cursor: default;
}
.highslide-image {
       border-width: 2px;
       border-style: solid;
       border-color: white;
       background: gray;
}
.highslide-wrapper, .highslide-outline {
       background: white;
}
.highslide-image-blur {
}
.highslide-number {
       font-weight: bold;
       color: gray;
}
.highslide-caption {
       display: none;
       border-top: none;
       font-size: 1em;
       padding: 5px;
       background: white;
}
.highslide-heading {
       display: none;
       font-weight: bold;
       margin: 0.4em;
}
.highslide-dimming {
       position: absolute;
       background: black;
}
.highslide-loading {
       display: block;
       color: black;
       font-size: 9px;
       font-weight: bold;
       text-transform: uppercase;
       text-decoration: none;
       padding: 3px;
       border: 1px solid white;
       background-color: white;
       padding-left: 22px;
       background-image: url(graphics/loader.white.gif);
       background-repeat: no-repeat;
       background-position: 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: white;
       background-color: gray;
}
.highslide-move, .highslide-move * {
       cursor: move;
}
.highslide-overlay {
       display: none;
       
       }
/* Example of a semitransparent, offset closebutton */
.closebutton {
       position: relative;
       top: -15px;
       left: 15px;
       width: 30px;
       height: 30px;
       cursor: pointer;
       background: url(graphics/close.png);
       /* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Controls for the galleries.                                                                                */
/* Remove these if you are not using a gallery                                                    */
/*****************************************************************************/
.highslide-controls {
       width: 195px;
       height: 40px;
       background: url(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(graphics/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
       float: left;
       padding: 5px 0;
}
.highslide-controls a {
       background-image: url(graphics/controlbar-white.gif);
       display: block;
       float: left;
       height: 30px;
       width: 30px;
       outline: none;
}
.highslide-controls a.disabled {
       cursor: default;
}
.highslide-controls a span {
       /* hide the text for these graphic buttons */
       display: none;
}


/* 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-content {
       display: none;
}
.highslide-html {
       background-color: white;
}
.highslide-html-content {
       width: 400px;
       padding: 0 5px 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;
}
.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: 11px;
}
.highslide-footer .highslide-resize {
       float: right;
       height: 11px;
       width: 11px;
       background: url(graphics/resize.gif);
}
.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 .highslide-move {
       cursor: move;
       display: block;
       height: 1em;
       position: absolute;
       left: 0;
       right: 1em;
       top: 0;
       width: auto;
       z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
       display: none;
}
.draggable-header .highslide-header .highslide-close {
       position: relative;
       z-index: 2;
}

/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
       display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border .highslide-image {
       border-width: 10px;
}
.wide-border .highslide-caption {
       padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
       border: none;
}
.borderless .highslide-caption {
       border-bottom: 1px solid white;
       border-top: 1px solid white;
       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 .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: black black #202020 black;
       background: gray;
}
.dark .highslide-caption {
       color: white;
       background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
       background-image: url(graphics/controlbar-black-border.gif);
}

/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
       position: absolute;
       padding: 1em 0 0 0;
       background: none;
       color: white;
       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(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(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;
}

