/*

<div class="shadowboy" id="shade" onclick="reset()"></div>

<link href="/-CSS/JS/-imggrow.css" rel="stylesheet">
    <script src="/-CSS/JS/-imggrow.js"></script>
    
 class="small"


*/




      .small {
        height: auto;
        position: static;
        margin: 0;
        width: 100%;
        display: inline-block;
        margin-left: auto; margin-right: auto;
        z-index: 2;
      }
      
      .small:hover {
        cursor: pointer
      }
      
      .active {
        position: fixed;
        width: auto;
        max-width: 90%;
        min-height: 80%;
        max-height: 90%;
        z-index: 6;
      }
      
      
      
      #shade {
        position: fixed; top: 0; left: 0;
        width: 100%; height: 100%;
        display: none;
        background: rgba(0, 0, 0, 0.5);
        z-index: 4;
      }
      
      #shade:hover {
        cursor: pointer
      }