#modalWindowWrap { /* The div that shows/hides. */
    display:none; /* starts out hidden */
    z-index:40001; /* High z-index to ensure it appears above all content */
}

.modalWindowOverlay { /* Shades out background when selector is active */
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.6; /* Sets opacity so it's partly transparent */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE transparency */
    filter:alpha(opacity=60); /* More IE transparency */
    z-index:40001;
}

.modalVerticalOffset { /* Fixed position to provide the vertical offset */
  /* position: fixed; */
  position:absolute;
  top:20%;
  width:100%;
  z-index:40002; /* ensures box appears above overlay */
}

.modalWindowContent { /* The actual box, centered in the fixed-position div */
  width:600px; /* Whatever width you want the box to be */
  /* position:relative; */
  position:fixed; /**/
  /*left:40%; */
  top: 10px; /**/
  margin:0 auto;
  /*Everything below is just visual styling */
  background-color:white;
  padding:0;
  padding-top:0;
  border:1px solid black;
  /*min-height: 200px;*/
  vertical-align: middle;
  box-shadow: 0 0 15px 5px #444;
}

#modalInnerContent {
  /*margin-top: 10px;*/
  margin-bottom: 30px;
}

#buttonPanel {
  width: 100%;
  text-align: center;
}

#buttonPanel button {
  width: 100px;
  margin: 1px 10px;  
}

#closeModal {
  position:absolute;
  top:-12px; /* Half the icon's height */
  right:-12px; /* half the icon's width */
  z-index:50;
  cursor:pointer;
}

#exclamationSign {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 50;
}

#draghandle {
  position: relative;
  top: 5px;
  margin: auto;
  height: 4px;
  width: 30%;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  z-index:50;
  cursor: move;
}