@charset "utf-8"; 

.thumbwrapper 

.highslide { outline: none; } 

div.thumbwrapper{ 
float: left; height: 120px; width: 120px; padding: 5px; background: #F0EEE0; margin: 
8px; border: 1px solid #AFAB8E; text-align: center; } 

div.thumbwrapperV{ float: 
left; height: 130px; width: 120px; padding: 5px; background: #F0EEE0; margin: 
8px; border: 1px solid #AFAB8E; text-align: center; } 

.textwrapper .highslide 
{ font-size: 11pt; text-decoration: none; display: block; text-align: center; 
} 

div.textwrapper{ float: left; width: 113px; padding: 15px 5px; background: #F0EEE0; 
margin: 8px; border: 1px solid #AFAB8E; } 

.highslide { cursor: url(./graphics/zoomin.cur), 
pointer; } 

.highslide img { border: 2px solid gray; } 

.highslide:hover img { border: 
2px solid blue; }

 .highslide-image { /* ### border: 5px solid white; */ border: 
3px solid white; }

.highslide-image-blur { } 

.highslide-caption { display: none; 
border: 2px solid white; border-top: none; padding: 5px; background-color: #F0EDE0; 
text-align: justify; } /* ### add */ 

.highslide-caption-rounded { display: none; 
border: 2px solid white; border-top: none; font-size: 10pt; padding: 5px; background-color: 
white; }

 .highslide-loading { display: block; color: black; font-size: 8pt; padding: 
2px; border: 1px solid black; background-color: white; /* padding-left: 22px; 
background-image: url(./graphics/loader.gif); background-repeat: no-repeat; background-position: 
3px 1px; */ } .control { float: right; display: block; /*position: relative;*/ 
margin: 0 5px; font-size: 9pt; font-weight: bold; text-decoration: none; text-transform: 
uppercase; } .control:hover { color: black !important; } .highslide-move { cursor: 
move; } .highslide-overlay { display: none; } 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-previous-next 
{ text-align: center; padding-bottom: 5px; } .highslide-previous-next a { font-size: 
7pt; font-weight: bold; text-decoration: none; text-transform: uppercase; color: 
white; padding: 0 20px; } .highslide-html { border: 2px solid silver; background-color: 
white; } .highslide-html-blur { border: 2px solid gray; } .highslide-html-content 
{ position: absolute; display: none; } /* Individual CSS-classes: no border */ 
.highslide-no-border .highslide-image { border: none; border-bottom: 1px solid 
gray; } .highslide-no-border .highslide-html { border: none; } .highslide-no-border 
.highslide-caption { border: none; border-bottom: 1px solid gray; background-color: 
#e9e9e9; color: #000; } .highslide-no-border .highslide-caption code { color: 
white; } /* Individual CSS-classes: gradient */ .highslide-white .highslide-image 
{ border: 5px solid white; } .highslide-white .highslide-caption { background-color: 
white; } .highslide-white .control, .highslide-white .control * { color: #666; 
} .highslide-white .highslide-html { border: 2px solid white; } /* Individual 
CSS-classes: narrow border */ .highslide-narrow-border .highslide-image { border: 
2px solid white; } .highslide-narrow-border .highslide-caption { background-color: 
white; } /* Individual CSS-classes: wide border */ .highslide-wide-border .highslide-image 
{ border: 15px solid white; } .highslide-wide-border .highslide-caption { background-color: 
white; } /* Individual CSS-classes: black border */ .highslide-black-border .highslide-image 
{ border: 3px solid #000; } .highslide-black-border .highslide-caption { border: 
3px solid #000; border-top: none; background-color: #000; color: #FFF; } /* Individual 
CSS-classes: olive border */ .highslide-olive-border .highslide-image { border: 
2px solid #655F2F; } .highslide-olive-border .highslide-caption { border: 2px 
solid #655F2F; border-top: none; background-color: white; color: #333; } /* Individual 
CSS-classes: specified blur style */ .highslide-blur-example .highslide-image-blur 
{ border-color: silver; } .highslide-blur-example .highslide-caption-blur { border-color: 
silver; } .html-header { background-image: url(./graphics/header-background.gif); 
cursor: default; height: 18px; padding: 2px; } .highslide-html-blur #highslide-html-7-header 
{ background-image: url(./graphics/header-background-blur.gif); height: 18px; 
padding: 2px; } /* Controlbar example */ .controlbar { background: url(./graphics/controlbar4.gif); 
width: 167px; height: 34px; } .controlbar a { display: block; float: left; /*margin: 
0px 0 0 4px;*/ height: 27px; } .controlbar a:hover { background-image: url(./graphics/controlbar4-hover.gif); 
} .controlbar .previous { width: 50px; } .controlbar .next { width: 40px; background-position: 
-50px 0; } .controlbar .highslide-move { width: 40px; background-position: -90px 
0; } .controlbar .close { width: 36px; background-position: -130px 0; } /* Controlbar 
example */ .controlbar2 { margin-left: 60px; background: url(./graphics/controlbar2.gif); 
width: 210px; height: 32px; } .controlbar2 a { display: block; float: left; margin: 
0 0 0 5px; height: 30px; width: 42px; } /* Controlbar example */ .controlbar5 
{ background: url(./graphics/controlbar5.gif); width: 83px; height: 18px; float:right; 
} .controlbar5 a { display: block; float: left; height: 18px; } .controlbar5 a:hover 
{ background-image: url(./graphics/controlbar5-hover.gif); } .controlbar5 .previous 
{ width: 20px; } .controlbar5 .next { width: 20px; background-position: -20px 
0; } .controlbar5 .highslide-move { width: 20px; background-position: -40px 0; 
} .controlbar5 .close { width: 20px; background-position: -60px 0; } /* Put these 
last in your highlide-related CSS */ .highslide-display-block { display: block; 
} .highslide-display-none { display: none; }