.modal {
  display: none;
  width: 740px;
  background: rgba(234,234,234,0.9);
  padding: 15px 20px;
  border-radius: 1px;
  box-shadow: 2px 2px 15px #000;
  z-index: 11;
}

.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url("") no-repeat 0 0;
  z-index: 100;
}

.modal-spinner {
  display: none;
  width: 740px;
  height: 140px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -370px;
  margin-top: -70px;
  background: url("") #eeeeee no-repeat center center;
  border-radius: 8px;
  box-shadow: 0 0 150px #888, 2px 2px 15px #333;
  z-index: 12;
}
.modal-spinnerSmall {
  display: none;
  width: 40px;
  height: 40px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  background: url("") transparent no-repeat center center;
  box-shadow: 0 0 200px #888, 2px 2px 50px #333;
  z-index: 12;
}