/*VeNisImageBrowser.css*/
img{ outline:none;}
image{ outline:none;}
figure{ outline:none;}

.VeNisImageBrowserOverlay1{outline:none; display:none; opacity: 0.5;	position: fixed; top: 0px; left: 0px;	background-color: black; width: 100%; height:100%; z-index: 10;}
.VeNisImageBrowserOverlay2{outline:none; display:none; position: fixed; top: 0px; left: 0px;	background-color: black; width: 100%; height:100%; z-index: 10;}

.VeNisImageBrowser{overflow:hidden;  display: none; }
.VeNisImageBrowserHead{float:left; width:100%; height:10%;}
.VeNisImageBrowserLeft{z-index: 99; float:left; display:block; width:15%; height:80%;}
.VeNisImageBrowserBody{display: inline-block; float:left;text-align:center; vertical-align:middle; flex: 1 1 auto; overflow:hidden;}
@media only screen and (orientation:portrait){
  .VeNisImageBrowserImage1{position: absolute; margin:auto; max-height:80%; max-width:80%; width:auto;top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 98;}
  .VeNisImageBrowserImage2{position: absolute; margin:auto; max-height:100%; max-width:100%; width:100%; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 98;}
}
 @media only screen and (orientation:landscape){
  .VeNisImageBrowserImage1{position: absolute; margin:auto; max-height:80%; max-width:80%; width:auto;top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 98;}
  .VeNisImageBrowserImage2{position: absolute; margin:auto; width:100%; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 98;}
  .VeNisImageBrowserImage2b{position: absolute; margin:auto; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 98;}
}
.VeNisImageBrowserRight{z-index: 99;float:left; display:block; width:15%; height:80%;}
.VeNisImageBrowserFoot1{color:red;  padding: 0.5em; z-index: 99; position: absolute; bottom:0px; font-weight: bold; text-decoration: underline; font-size:1.5em; float:left; width:100%; height:auto; text-align:center;vertical-align:middle; flex: 0 1.0em; }
.VeNisImageBrowserFoot2{color:blue; padding: 0.5em; z-index: 99; position: absolute; bottom:0px; font-weight: bold; text-decoration: underline; font-size:1.5em; float:left; width:100%; height:auto; text-align:center;vertical-align:middle; flex: 0 1.0em; }
.VeNisImageBrowserFoot3{color:white; background-color: black; padding:  0.5em; z-index: 99; position: absolute; bottom:0px;  font-size:1.5em; float:left; text-align:center;vertical-align:middle;  margin:auto; left:0; right:0;flex: 0 1.0em;}

.VeNisImageBrowserButton {
  z-index: 99;
    color:white;
    position:absolute;
		background: transparent;
		background-repeat: no-repeat;
    padding: 5px;
		width:auto;
		height:1.5em;
    top:0px;
    bottom:0px;
    border: none;
    text-align: center;
    font-size:2em;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    margin:auto;
    /*box-shadow: 2px 2px 2px 0px rgba(0,0,0,1);*/
} 
.VeNisImageBrowserButtonLeft{left:0px;   background: rgba(red, green, blue, alpha);}
.VeNisImageBrowserButtonRight{right:0px;     margin-right:0.5em rgba(red, green, blue, alpha);}
.VeNisImageBrowserButtonLeftTop{font-size:2em; font-weight: bold; left:0px;margin:0px; background: rgba(red, green, blue, alpha);}
.VeNisImageBrowserButtonLeftTop:focus{opacity:0.5; background: rgba(0, 0, 0, 0);}
.VeNisImageBrowserButtonRightTop{right:0px;margin:0px;}

.VeNisImageBrowserButton:hover {  background-color: #008CBA; /*#008CBA; Blue */
  cursor: pointer;
}
.VeNisImageBrowserButton:disabled {opacity:0.3; cursor:default; font-weight: normal;}