/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position:fixed;
    top: 10%;
    left: 50%;
    overflow-y:auto;
    
    margin-left: -300px;
    width: 600px;
    max-height: 80%;
        
    background-color: #EEEEEE;
    color: #333;
    border: 1px solid black;
   	padding: 20px;
}

/***** modals should be smaller on a mobile ****/

@media screen and (max-width: 768px) {
    .jqmWindow {
        
    width: 80%;
    max-height: 80%;
    margin-left: -47%;
        
    }
}

/* fix h2 for just popups only */
.jqmWindow h2 {
    margin-top:7px;
}

/* style the close cross at the top of the window */

.jqmClose {
  color: #a6a3a3;
  float: right;
  font-size: 28px;
  font-weight: bold;
 margin-top:-5px;
}

.jqmClose:hover,
.jqmClose:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed positioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}