@import url("/js/dojo/dojox/image/resources/Lightbox.css");
@import url("/styles/base/alpha.less");

#dojoxLightboxDialog {
  // height: auto !important;
}




// These were pulled from the claro .... should move them into my own LIGHTBOX less file
.dijitDialogUnderlayWrapper {
  background: none repeat scroll 0 0 transparent !important;
  position: absolute;
}

.dijitDialogUnderlay {
    // background: none repeat scroll 0 0 black;
    background: none repeat scroll 0 0 black;
    .alpha(0.66);
    position: absolute;
}

.dijitBackgroundIframe {
    border: 0 none;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.dojoxLightbox {
  position:absolute;
  z-index:999;
  overflow:hidden;
  width:100px;
  height:100px; 
  border:11px solid #fff !important; 
  background:#fff url('/styles/base/img/loading-animation.gif') no-repeat center center;

  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.5); 
  -webkit-border-radius: 3px;
  -moz-border-radius:4px;
  border-radius: 4px;
}

.LightboxNext,
.LightboxPrev,
.LightboxClose {
  background-color: white;
  margin: 1px;
}

.dojoxLightboxFooter {
  margin-top: 6px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.LightboxClose {
  background-image: url('/js/dojo/dojox/image/resources/images/close.png');
}
.LightboxNext {
  background-image: url('/js/dojo/dojox/image/resources/images/right.png');
}
.LightboxPrev {
  background-image: url('/js/dojo/dojox/image/resources/images/left.png');
}