.highslide-container div {

    font-family: Verdana, Helvetica;

    font-size: 10pt;

}

.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: black;

    visibility: visible;

    cursor: default;

}

.highslide-image {

    border-width: 2px;

    border-style: solid;

    border-color: white;

    background: gray;

}

.highslide-wrapper, .highslide-outline {

    background: white;

}

.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;

    /*background: white;*/

}

.highslide-heading {

    display: none;

    font-weight: bold;

    margin: 0.4em;

}

.highslide-dimming {

    position: absolute;

    background: black;

}

a.highslide-full-expand {

   background: url(highslide/graphics/fullexpand.gif) no-repeat;

   display: block;

   margin: 0 10px 10px 0;

   width: 34px;

   height: 34px;

}

.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(highslide/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-viewport {

    display: none;

    visibility: hidden;

    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(highslide/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(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(highslide/graphics/controlbar-white.gif) right -90px no-repeat;



}

.highslide-controls li {

    float: left;

    padding: 5px 0;

    margin:0;

}

.highslide-controls a {

    background-image: url(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: white;

}

.highslide-html-content {

    display: none;

    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: 16px;

}

.highslide-footer .highslide-resize {

    display: block;

    float: right;

    margin-top: 5px;

    height: 11px;

    width: 11px;

    background: url(highslide/graphics/resize.gif) no-repeat;

}

.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: relative;

    float: right;

    z-index: 2;

    padding: 0;

}

.draggable-header .highslide-header .highslide-close a {

    display: block;

    height: 16px;

    width: 16px;

    background-image: url(highslide/graphics/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;

    margin: 1px 0.4em;

    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: transparent;

}

.wide-border .highslide-image {

    border-width: 0;

}

.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 {

    background: white;

}

.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(highslide/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(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(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-image: url(highslide/graphics/controlbar-text-buttons.png);

    background-position: right top !important;

    padding: 0;

    margin-left: 15px;

    display: block;

    width: auto;

}

.text-controls a {

    background: url(highslide/graphics/controlbar-text-buttons.png) no-repeat;

    background-position: left top !important;

    position: relative;

    left: -10px;

    display: block;

    width: auto;

    height: auto;

    text-decoration: none !important;

}

.text-controls a span {

    background: url(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: black;

}

.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%;

}

.highslide-thumbstrip div {

    overflow: hidden;

}

.highslide-thumbstrip table {

    position: relative;

    padding: 0;

    border-collapse: collapse;

}

.highslide-thumbstrip td {

    padding: 1px;

    /*text-align: center;*/

}

.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(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(highslide/graphics/scrollarrows.png) center right no-repeat;

    height: 42px;

}

.highslide-thumbstrip-horizontal table {

    margin: 2px 0 10px 0;

}

.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: white !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(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(highslide/graphics/scrollarrows.png) bottom center no-repeat;

    height: 25px;

}

.highslide-thumbstrip-vertical table {

    margin: 10px 0 0 10px;

}

.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: white;

}



.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;

}

.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;

}