/**
  * Main <div> of the Layer
  */ 
  #ZGallery
  {
    display:none;
    position:fixed;
    top:10px;
    left:10px;
    
    background-image:-webkit-linear-gradient(#3e4044 0%, #35363a 100%);
    background-image:-moz-linear-gradient(#3e4044 0%, #35363a 100%);
    background-image:-ms-linear-gradient(#3e4044 0%, #35363a 100%);
    background-image:-o-linear-gradient(#3e4044 0%, #35363a 100%);
    background-image:linear-gradient(#3e4044 0%, #35363a 100%);
    background-color:#3e4044;
    color:#fff;
    font-family:Arial;
    
    border:1px solid #222224;
    border-radius:5px;
    
    box-shadow:0px 0px 7px black;
    
    z-index:30000;
  }
  
  
   /**
    * This is the lighter top border
    */
    #ZGallery_topLine
    {
      border-top:1px solid #57595c;
      border-radius:5px;
      
      height:5px;
      margin-bottom:-5px;
    }
    
    
 /**
  * Actionbar
  */
  #ZGallery_actionBar
  {
    text-align:right;
    padding-left:5px;
    padding-right:5px;
  }
  
  
   /**
    * ZGallery Button
    */
    .ZGallery_button
    {
      display:inline-block;
      
      border:1px solid #232427;
      border-radius:3px;
      
      margin-top:5px;
      margin-bottom:5px;
      
      color:#fff;
      font-family:Arial;
      
      cursor:default;
      -moz-user-select:none;
      -webkit-user-select:none;
      user-select:none;
    }
    
    
     /**
      *  Hover Glow
      */
      .ZGallery_button:hover
      {
        box-shadow:0px 0px 2px #fff;
      }
    
    
     /**
      * The span inside the button div. This is the main thing that carries the design
      */
      .ZGallery_button span
      {
        display:inline-block;
        
        font-size:12px;
        
        padding-top:4px;
        padding-bottom:4px;
        padding-left:12px;
        padding-right:12px;
        
        border-top:1px solid #a3c8ee;
        border-radius:2px;
        
        background-image:-webkit-linear-gradient(#6db3ec 0%, #3582c2 100%);
        background-image:-moz-linear-gradient(#6db3ec 0%, #3582c2 100%);
        background-image:-ms-linear-gradient(#6db3ec 0%, #3582c2 100%);
        background-image:-o-linear-gradient(#6db3ec 0%, #3582c2 100%);
        background-image:linear-gradient(#6db3ec 0%, #3582c2 100%);
        background-color:#6db3ec;
      }
  
  
 /**
  * Picture
  */
  #ZGallery img
  {
    background-color:#fff;
  }
  
  
 /**
  * This bottom line contains the image description
  */
  #ZGallery_DescriptionLine
  {
    text-align:center;
    padding:10px;
    height:15px;
    overflow:hidden;
  }
  
  
 /**
  * This div actually contains the tags of all pictures and is not visible for the page
  */
  #ZGallery_Container
  {
    width:0px;
    height:0px;
    position:absolute;
    top:0px;
    height:0px;
    -moz-user-select:none;
    -webkit-user-select:none;
  }
  
  
 /**
  * Animation Class
  */
  .ZGallery_Animation
  {
    -webkit-transition-duration:0.5s;
    -moz-transition-duration:0.5s;
    -ms-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    transition-duration:0.5s;
  }
  
  
 /**
  * Gallery Controller
  */
  #ZGallery_ControllNext, #ZGallery_ControllPrevious
  {
    position:fixed;
    width:150px;
    height:150px;
    border-radius:3px;
    z-index:41001;
    background-image:url(../graphics/transparent.png);
    -moz-user-select:none;
    -webkit-user-select:none;
    user-select:none;
    cursor:default;
  }
  
  
   /**
    * Controller State Numbers
    */
    #ZGallery_ControllNext span, #ZGallery_ControllPrevious span
    {
      display:inline-block;
      position:relative;
      top:50%;
      left:50%;
      width:40px;
      height:21px;
      margin-left:-21px;
      margin-top:-13px;
      background-color:rgba(0, 0, 0, 0.66);
      padding-top:2px;
      font-size:18px;
      font-weight:bold;
      text-align:center;
      color:#fff;
      border-radius:5px;
      border:1px solid #57595c;
    }
  
 /**
  * Background of Controller
  */
  #ZGallery_ControllNextBG, #ZGallery_ControllPreviousBG
  {
    position:fixed;
    width:148px;
    height:148px;
    background-color:rgba(0, 0, 0, 0.3);
    z-index:1;
    border:1px solid #57595c;
    border-radius:3px;
  }
  
  
 /**
  * Loading Indicator
  */
  #ZGallery_Loading
  {
    position:fixed;
    top:50%;
    left:50%;
    margin-left:-16px;
    margin-top:-16px;
    z-index:45000;
    display:none;
    background-color:#29292c;
    padding:5px;
    border-radius:3px;
  }
  
 /**
  * White background for the Gallery window, so that there are not any distorting things
  */
  #ZGallery_Surrounding
  {
    display:none;
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background-color:#fff;
    z-index:29999;
  }