/* Based on a solution by Howard Lewis Ship at http://tapestryjava.blogspot.co.uk/2011/12/adding-ajax-throbbers-to-zone-updates.html .*/

@-webkit-keyframes fade-in {
  from {
     opacity: 0;
  }
  to {
    opacity: .5
  }
}

@-moz-keyframes fade-in {
  from {
     opacity: 0;
  }
  to {
    opacity: .5
  }
}

div.zone-loading-overlay {
    position: absolute;
    background-color: #000;
    width:100%;
    height:100%;
    top:0%;
    left:0%;
    opacity: 0;
    -webkit-animation-name: fade-in;
    -webkit-animation-duration: 250ms;
    -webkit-animation-delay: 50ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: fade-in;
    -moz-animation-duration: 250ms;
    -moz-animation-delay: 50ms;
    -moz-animation-fill-mode: forwards;
    background-image: url("/assets/meta/501185a9/zone-overlay/img/ajax-loader.gif");
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 9999;
}