/*
  This element is dynamically created. There is only one per page.
  xModalDialog assumes this class name.
*/
.xModalDialogGreyElement {
  position: absolute;
  overflow: hidden;
  width: 10px; height: 10px;
  left: -10px; top: -10px;
  z-index: 100;
  opacity: .3; /* CSS3 */
  background-color: #000;
}

.clsModalDialog {
  position: absolute;
  left: -1000px;  /*Dialogs are hidden by placing them "off-screen". */
  width: 350px;
  top: 300px;
  padding: 1em;
  color: #ff0000;
  background-color: #FFF;
  border: 2px solid #dcdcdc;
  border-top: 2px solid #dcdcdc;
  z-index: 1000; /* This must be at least one more than the z-index of xModalDialogGreyElement. */
  font: bold 14px Arial, Helvetica, sans-serif;
}


.clsModalDialog h4 {
  margin:0;
  text-align:center;
}

.clsModalDialog .btnsFS {
  text-align:center;
}

.clsModalDialog .btnsFS input {
  margin:0 4px;
}

.clsModalDialog fieldset {
  margin:1em 0 0 0;
}

#idConfirmDialog {
  width: 300px;
  z-index: 1003; /* This must be at least two more than the z-index of clsModalDialog. */
}

.demoBtn {
  cursor:pointer;
  border-bottom:1px dotted #000;
}