div.outer, div.dialog {
  width: 500px;
}
div.outer {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 300px;
  margin-left: -260px;
  margin-top: -150px;
}

div.dialog {
  padding: 2em;
}
/* standard dialog colour */
.standard {
  border: 1px solid #FFF;
  background-color: #CCC;
}

div#overlay .background, div#overlay .outer {
  z-index: 9;
}

div#overlay .background {
  position: fixed;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  background-color: #CCC;
  margin: 0;
  opacity: 0.7;
}

div#overlay .outer {
  background-color: transparent;
}

div#overlay .outer .dialog {
  position: fixed;
  z-index: 10;
  font-size: 10pt;
  padding: 1em;
  text-align: center;
  font-family: Verdana;
}

div#overlay .outer .dialog .control {
  text-align: right;
  font-weight: bold;
  font-size: 8pt;
  margin-bottom: 0;
}

/* login specific stylings */

div.login div#login_progress div.outer,
div.login div#error div.outer {
  top: 1em;
  margin-top: 0;
}
div.login div#login_progress .background,
div.login div#error .background {
  height: 100px;
}