/* 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 (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    z-index:500;
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -225px;
    width: 450px;
    padding: 12px;

	background-color: #F1F3F4;
   	border: 1px solid #B3C1C7;
	border-radius: 8px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

}

.jqmWindowMedium {
    display: none;
    z-index:500;
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    padding: 12px;

	background-color: #F1F3F4;
   	border: 1px solid #B3C1C7;
	border-radius: 8px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

}

.jqmWindowWide {
    display: none;
    z-index:500;
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -400px;
    width: 800px;
    padding: 12px;
    
	background-color: #F1F3F4;
   	border: 1px solid #B3C1C7;
	border-radius: 8px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.jqmOverlay { background-color: #000; }

/* 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 .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}