/* 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). */

@media screen and (min-width: 320px) and (max-width: 767px) {
.jqmWindow {
	width: 100%;
	height: 100% auto;
	display: none;   
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	background-color: transparent;
	z-index:9999;
}
.iframe-contents {
    position:relative;
    width:100%;
    height:0;
    padding-bottom: 56.25%;
}
.iframe-contents iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.jqmWindow_close {
	position: fixed;
	width: 50px;
	height: 100% auto;
	top: -70px;
	right: 0;
}
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) {
.jqmWindow {
	width: 100%;
	height: 100% auto;
	display: none;   
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	background-color: transparent;
	z-index:9999;
}
.iframe-contents {
    position:relative;
    width:100%;
    height:0;
    padding-bottom: 56.25%;
}
.iframe-contents iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.jqmWindow_close {
	position: fixed;
	width: 50px;
	height: 100% auto;
	top: -70px;
	right: 0;	
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {
.jqmWindow {
	width: 100%;
	height: 100% auto;
	display: none;   
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	background-color: transparent;
	z-index:9999;
}
.iframe-contents {
    position:relative;
    width:100%;
    height:0;
    padding-bottom: 56.25%;
}
.iframe-contents iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.jqmWindow_close {
	position: fixed;
	width: 50px;
	height: 100% auto;
	top: -64px;
	right: 0;	
}
}
@media screen and (min-width: 1025px) {
.jqmWindow {
	width: 100vw;
	height: 100vh;
	display: none;   
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	background-color: transparent;
	overflow: hidden;
	z-index:9999;
}
.jqmWindow iframe {
	width: 100%;
	height: 100vh;
}
.jqmWindow_close {
	position: absolute;
	width: 50px;
	height: 100% auto;
	top: 0;
	right: 0;
}
}
.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 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');
}