/* 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: 17%;
	left: 50%;

	margin-left: -300px;
	width: 640px;

	background-color: #EEE;
	color: #333;
	border: 1px solid black;
	padding: 12px;
}

.jqmOverlay { background-color: #fff; }

/* 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');
}

#jqm-close {
	position: absolute;
	top: -8px;
	right: -8px;
	width: 30px;
	height: 30px;
	background: transparent url('https://img.tradepub.com/images/close-x.png');
_background: transparent;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://img.tradepub.com/images/close-x.png', sizingMethod='scale');
	cursor: pointer;
	z-index: 1103;
}

.jqmOverlayBlack { background-color: #000; }

.ipadWindow {
	display: none;
	position: fixed;
		width:500px;
		height:500px;
		padding:0;
	top: 17%;
	left: 50%;
	margin-left: -200px;
		/*--CSS3 Box Shadows--*/
		-webkit-box-shadow: 0px 0px 20px #000;
		-moz-box-shadow: 0px 0px 20px #000;
		box-shadow: 0px 0px 20px #000;
		/*--CSS3 Rounded Corners--*/
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
}

#ipadTop {
background-color:#3268a8;
-moz-border-radius:30px 30px 0 0;
-webkit-border-radius: 30px 30px 0 0;
border-radius:30px 30px 0 0;
height:95px;
border:solid 2px #999;
border-bottom:0;
text-align:center;
}

#ipadBottom {
background-color:#fff;
-moz-border-radius: 0 0 30px 30px;
-webkit-border-radius:0 0 30px 30px;
border-radius:0 0 30px 30px;
height:385px;
border:solid 2px #999;
border-top:0;
padding:10px 15px;
font-family:verdana,arial,helvetica,sans-serif;color:#333333;
font-size:12px;
line-height:135%;
}

#ipadImages {
width:230px;
text-align:center;
float:left;
}

#ipadCopy {
width:220px;
float:left;
margin:13px 0 0 10px;
}

#ipadCopy ul {
padding:0;margin-left:20px;
}

#ipadCopy li {
margin-bottom:1em;
}

.ipadOverlay { background-color: #000; }

/* IPHONE MODAL */

.iphoneWindow {
	display: none;
	position: fixed;
		width:318px;
		height:480px;
		padding:0;
	top: 2%;
	left: 50%;
	margin-left: -158px;
		/*--CSS3 Box Shadows--*/
		-webkit-box-shadow: 0px 0px 20px #000;
		-moz-box-shadow: 0px 0px 20px #000;
		box-shadow: 0px 0px 20px #000;
		/*--CSS3 Rounded Corners--*/
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
}

#iphoneTop {
background-color:#3268a8;
-moz-border-radius:30px 30px 0 0;
-webkit-border-radius: 30px 30px 0 0;
border-radius:30px 30px 0 0;
height:65px;
border:solid 2px #999;
border-bottom:0;
text-align:center;
}

#iphoneBottom {
background-color:#fff;
-moz-border-radius: 0 0 30px 30px;
-webkit-border-radius:0 0 30px 30px;
border-radius:0 0 30px 30px;
height:402px;
border:solid 2px #999;
border-top:0;
padding:10px 10px;
font-family:verdana,arial,helvetica,sans-serif;color:#333333;
font-size:12px;
line-height:135%;
}

#iphoneImages {
width:230px;
text-align:center;
float:left;
}

#iphoneCopy {
width:270px;
float:left;
margin:10px 0 0 15px;
}

#iphoneCopy ul {
padding:0;margin-left:18px;
}

#iphoneCopy li {
margin-bottom:0.8em;
}

.iphoneOverlay { background-color: #000; }


/* ANDROID MODAL */

.androidWindow {
    display: none;
    position: fixed;
        width:318px;
        height:480px;
        padding:0;
    top: 2%;
    left: 50%;
    margin-left: -158px;
        /*--CSS3 Box Shadows--*/
        -webkit-box-shadow: 0px 0px 20px #000;
        -moz-box-shadow: 0px 0px 20px #000;
        box-shadow: 0px 0px 20px #000;
        /*--CSS3 Rounded Corners--*/
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
}


#androidTop {
background-color:#3268a8;
-moz-border-radius:30px 30px 0 0;
-webkit-border-radius: 30px 30px 0 0;
border-radius:30px 30px 0 0;
height:65px;
border:solid 2px #999;
border-bottom:0;
text-align:center;
}

#androidBottom {
background-color:#fff;
-moz-border-radius: 0 0 30px 30px;
-webkit-border-radius:0 0 30px 30px;
border-radius:0 0 30px 30px;
height:402px;
border:solid 2px #999;
border-top:0;
padding:10px 10px;
font-family:verdana,arial,helvetica,sans-serif;color:#333333;
font-size:12px;
line-height:135%;
}

#androidImages {
width:230px;
text-align:center;
float:left;
}

#androidCopy {
width:270px;
float:left;
margin:10px 0 0 15px;
}

#androidCopy ul {
padding:0;margin-left:18px;
}

#androidCopy li {
margin-bottom:0.8em;
}

.androidOverlay { background-color: #000; }



/* WINPHONE MODAL */

.winphoneWindow {
    display: none;
    position: fixed;
        width:318px;
        height:480px;
        padding:0;
    top: 2%;
    left: 50%;
    margin-left: -158px;
        /*--CSS3 Box Shadows--*/
        -webkit-box-shadow: 0px 0px 20px #000;
        -moz-box-shadow: 0px 0px 20px #000;
        box-shadow: 0px 0px 20px #000;
        /*--CSS3 Rounded Corners--*/
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
}

#winphoneTop {
background-color:#3268a8;
-moz-border-radius:30px 30px 0 0;
-webkit-border-radius: 30px 30px 0 0;
border-radius:30px 30px 0 0;
height:65px;
border:solid 2px #999;
border-bottom:0;
text-align:center;
}

#winphoneBottom {
background-color:#fff;
-moz-border-radius: 0 0 30px 30px;
-webkit-border-radius:0 0 30px 30px;
border-radius:0 0 30px 30px;
height:402px;
border:solid 2px #999;
border-top:0;
padding:10px 10px;
font-family:verdana,arial,helvetica,sans-serif;color:#333333;
font-size:12px;
line-height:135%;
}

#winphoneImages {
width:230px;
text-align:center;
float:left;
}

#winphoneCopy {
width:270px;
float:left;
margin:10px 0 0 15px;
}

#winphoneCopy ul {
padding:0;margin-left:18px;
}

#winphoneCopy li {
margin-bottom:0.8em;
}

.winphoneOverlay { background-color: #000; }


/* QLOGIN MODAL */

.qloginWindow {
	display: none;
	position: fixed;
		width:400px;
		height:185px;
		padding:0;
	top: 10%;
	left: 50%;
	margin-left: -198px;
		/*--CSS3 Box Shadows--*/
		-webkit-box-shadow: 0px 0px 20px #000;
		-moz-box-shadow: 0px 0px 20px #000;
		box-shadow: 0px 0px 20px #000;
		/*--CSS3 Rounded Corners--*/
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
	background-color:#fff;
	padding: 20px 15px;
}

#qloginleft {
font-family:arial,helvetica,sans-serif;
font-size:18px;
font-weight:bold;
color:#333;
width:50%;
float:left;
height:170px;
}

#qloginleft h5 {
font-size:11px;
text-align:right;
padding-right:10px;
}

#qloginleft input[type="text"] {
width:175px;
padding:4px;
font-family:arial,helvetica,sans-serif;
font-size:11px;
color:#0099cc;
margin-bottom:5px;
border:solid 1px #aaa;
background-color:#fff;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

#qloginleft input[type="text"]:hover, select:hover {
border:solid 1px #66ccff;
background-color:#f0fbfc;
}

#qloginright {
font-family:arial,helvetica,sans-serif;
font-size:12px;
font-weight:normal;
color:#333;
float:left;
padding:0 15px 0 15px;
}

#qloginright h3 {
margin-top:0;
font-family:'Trebuchet MS',arial,helvetica,sans-serif;
font-size:21px;
}

#qloginright p.verify {
text-align:right;
border-top:solid 1px #cccccc;
padding:10px 0;
}


#qloginright button {
font:bold 14px arial,helvetica;
color:#ffffff;
cursor:pointer;
border:solid 1px #217fda;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
width:200px;
height:28px;
padding:4px;

background: #0b73b9;
background: -webkit-gradient(radial, center center,0, center center, 460 , from(#3ec2fc), to(#0b73b9));
background: -webkit-radial-gradient(top , #3ec2fc, #0b73b9);
background: -ms-radial-gradient(top , #3ec2fc, #0b73b9);
background: -moz-radial-gradient(top , #3ec2fc, #0b73b9);

-moz-box-shadow: 0px 3px 3px 3px #c2d3e1;
-webkit-box-shadow: 0px 3px 3px 3px #c2d3e1;
box-shadow: 0px 3px 2px 2px #c2d3e1;
text-decoration:none;
text-shadow: 0px 3px 3px #217fda;
}

#qloginright button:hover {
opacity:0.8;
filter:alpha(opacity=80);
}


#qloginright a {
color:#0099ff;
}

.qloginOverlay { background-color: #000; }