div.modal {
  display: none;
  position: fixed;
  top: 17%;
  width: 100%;
  background: transparent;
}
    
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */

* html div.modal {
  position: absolute;
  top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

div.modal-window {
  height: auto;
  width: auto;
  margin: auto;
  width: 600px;
  border: 2px solid black;
  background-color: #CCC;
}

div.modal-window * {
  background-color: transparent;
}

/* ************************************************************ */

div.modal-title {
  margin: 2px;
  padding: 0 0 0 1.5em;
  vertical-align: middle;
}

div.modal-content {
  border-top: 1px solid black;
  padding: 1ex 1.5em 2ex 1.5em;
}

div.modal-title > span {
  font-weight: bold;
  font-style: oblique;
/*   font-variant: small-caps; */
  float:left;
}

/* ************************************************************ */

div.modal .modal-close em {
  display: none;
}

div.modal .modal-close {
/*   border: 1px solid #f00; */
  width: 11px;
  height: 11px;
  border: 1px solid black;
  display: block;
  float: right;
  clear: right;
  background: transparent url( /synergizer/icons/close-x.png ) 0 0 no-repeat;
}

div.modal a.modal-close:hover, div.modal a.modal-close-hover {
  width: 10px;
  height: 10px;
  border: 2px solid black;
}

/* ************************************************************
  clearing a float without additional markup
  http://www.positioniseverything.net/easyclearing.html
*/

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.jqmOverlay {
  background: #000;
}

/* div.modal-window {  */
/*   position: fixed; */
/*   top: 17%; */
/*   left: 50%; */
/*   margin-left: -300px; */
/*   width: 600px; */
/*   border: 2px solid black; */
/*   background-color: #EEE; */
/* } */

/* div.modal-window * { */
/*   background-color: transparent; */
/* } */

/* div.modal-close { */
/*   padding: 2px 20px 0px 20px; */
/*   margin: 0 4px 0 0; */
/*   font-size: smaller; */
/*   font-weight: bold; */
/*   font-style: oblique; */
/*   text-decoration: none; */
/*   height: 18px; */
/*   background-image: url( /synergizer/icons/close-x.png ); */
/*   background-repeat: no-repeat; */
/*   background-position: center right; */
/* } */

/* div.modal-foo { */
/*   margin: 0 4px 0 0; */
/*   height: 18px; */
/*   background-color: #F00; */
/* } */

/* div.modal-message { */
/*   border-top: 1px solid black; */
/*   padding: 1ex 20px; */
/* } */