/* Styles for Sheps image viewer photo gallery, October 25, 2018 */

#body {padding-bottom: 1em; border-bottom: 1px solid #3DC; margin-bottom: 28px; } /* #338078 */
DIV.border, P.nav, DIV.gallery {width: 100%; max-width: 700px; } /* width:700px; */

.gallery-large-image {display:block; position:relative; width:100%; height:auto; } /* display:table; position:relative; width:auto; height:auto; */
.gallery-large-image .caption {text-align:center; width: 100%; margin:.5em auto 1em; }
.gallery-large-image #image1 {position: relative; width:100%; height:auto; text-align:center; }
.gallery-large-image #image1 IMG {position: relative; max-width:100%; height:auto; text-align:center; }

.gallery-thumbs {display:block; text-align:center; width: 100%; max-width: 700px; }
.gallery-thumbs DIV {display:inline-block; text-align:center; font-family:Myriad, Arial, sans-serif; line-height:1.5em; border:none; padding:0px 1px; }

.gallery-thumbs DIV IMG {border:none; padding:3px; }
.gallery-thumbs DIV.selected IMG {border:3px solid #FF4F00; padding:0px; }
.gallery-thumbs .caption {display:none; margin-left:3px; }
.gallery P.caption {font-size:14px; }
#caption1 SPAN {white-space:nowrap; }

/* new styles for hovering and clicking the large images */
.gallery-large-image {position:relative; }
#image1 {position:relative !important; display:block; vertical-align:middle; margin: 0px auto; } /* margin added November 27, 2018 for #image1 narrower than 100% */
.arrowL, .arrowR {position:absolute !important; z-index:10; opacity:0; width:30px !important; height:80px !important; top:40% !important; } /* position:absolute; top:40%; */
.arrowL, .back {float: left; left:0px; display:none; }
.arrowR, .next {float: right; right:0px; display:none; }
.back, .next {position:absolute; top:0px; z-index:5; width:25%; height:100%; }

.gallery-large-image:hover .back, .gallery-large-image:hover .next  {display:block; cursor:pointer; }
.gallery-large-image:hover .arrowL, .gallery-large-image:hover .arrowR {display:inline-block; opacity:0.5; vertical-align: middle; } /* display:inline; */