.modal-container {
  display: none; }
  .modal-container .modal-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: black;
    z-index: 2999;
    top: 0;
    left: 0;
    opacity: 0.1;
    filter: "alpha(opacity=10)";
    -ms-filter: "alpha(opacity=10)"; }
  .modal-container .modal {
    background: none;
    position: absolute;
    width: 500px;
    margin-left: -250px;
    margin-top: -150px;
    top: 50%;
    left: 50%;
    z-index: 3000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3); }
    .modal-container .modal h1 {
      padding: 20px;
      background: #c6e9fa;
      border-bottom: 4px solid #9DCDE4;
      -webkit-border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      -ms-border-radius: 5px 5px 0 0;
      -o-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0; }
      .modal-container .modal h1 .cancel {
        float: right;
        display: block;
        text-indent: -9999em;
        background: url(/images/new/icons@2x.png) no-repeat 0 -247px;
        width: 34px;
        height: 34px;
        margin-top: -2px; }
    .modal-container .modal .modal-body {
      background: white;
      border: 1px solid #EEE;
      padding: 20px;
      -webkit-border-radius: 0 0 5px 5px;
      -moz-border-radius: 0 0 5px 5px;
      -ms-border-radius: 0 0 5px 5px;
      -o-border-radius: 0 0 5px 5px;
      border-radius: 0 0 5px 5px; }