@charset "UTF-8";

#imgScroller_FullScreen {
position:fixed;
display:block;
top:0px;
left:0px;
width:100%;
min-width:100%;
max-width:100%;
height:100%;
min-height:100%;
max-height:100%;
background-color:rgb(0,0,0);
background-color:rgba(0,0,0,0.6);
margin:0px;
padding:0px;
overflow:hidden;
}

#imgScroller_FullScreen a:hover, 
#imgScroller_FullScreen a:visited, 
#imgScroller_FullScreen a:link, 
#imgScroller_FullScreen a:active {
text-decoration:none;
}

#imgScroller_topEdge, #imgScroller_bottomEdge {
position:absolute;
display:block;
left:0px;
width:100%;
min-width:100%;
max-width:100%;
height:7%;
min-height:7%;
max-height:7%;
margin:0px;
padding:0px;
text-align:right;
vertical-align:top;
}
#imgScroller_topEdge {
top:0px;
}
#imgScroller_bottomEdge {
bottom:0px;
}

#imgScroller_CloseButton, #imgScroller_LeftArrow, #imgScroller_RightArrow {
position:absolute;
font-size:xx-large;
font-weight:bold;
z-index:3;

-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;

background-color:black;
border-radius:50%;
border:1px solid silver;
overflow:hidden;
white-space:nowrap;
}

#imgScroller_CloseButton {
right:10%;
top:0px;
padding:16px;
}

#imgScroller_LeftArrow {
left:20%;
top:50%;
padding:10px;
}
#imgScroller_RightArrow {
right:20%;
top:50%;
padding:10px;
}

#imgScroller_leftMiddle, #imgScroller_rightMiddle {
position:absolute;
display:inline-block;
top:7%;
width:7%;
min-width:7%;
max-width:7%;
height:86%;
min-height:86%;
max-height:86%;
margin:0px;
padding:0px;
vertical-align:middle;
}
#imgScroller_leftMiddle {
left:0px;
text-align:left;
}
#imgScroller_rightMiddle {
right:0px;
text-align:right;
}

#imgScroller_centerMiddle {
position:absolute;
display:inline-block;
left:7%;
top:7%;
width:86%;
min-width:86%;
max-width:86%;
height:86%;
min-height:86%;
max-height:86%;
background-color:rgb(0,0,0);
background-color:rgba(0,0,0,0.99);
margin:0px;
padding:0px;
overflow:hidden;
vertical-align:middle;
border:2px solid silver;
}

#imgScroller_PictureStage {
position:absolute;
display:block;
top:50%;
left:50%;
width:86%;
min-width:86%;
max-width:86%;
height:86%;
min-height:86%;
max-height:86%;
margin:0px;
padding:0px;
}

#imgScroller_PictureStage img {
max-height:99%;
max-width:99%;
width:auto;
height:auto;
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
margin-left:auto;
margin-right:auto;
}