/* 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 (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;
    position: fixed;
    top: 30%;
    left: 50%;
    margin-left: -300px;
    width: 600px;
}
.jqmWindow div.jqModalTopbg
{
  margin: 0;
  padding: 0;
  width: 600px;
  height: 10px;
  background-image: url('../images/modal_bg_v2.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
}
.jqmWindow div.jqModalBottombg
{
  margin: 0;
  padding: 0;
  width: 600px;
  height: 10px;
  background-image: url('../images/modal_bg_v2.gif');
  background-position: 0 -10px;
  background-repeat: no-repeat;
}
.jqmWindow td.jqModalBorder
{
  width: 1px;
  background-color: #333;
}
.jqmWindow td.jqModalContent
{
  width: 580px;
  padding: 0 9px;
  background-image: url('../images/modal_grad_bg_v2.gif');
  background-repeat: repeat-x;
  background-position: bottom;
  background-color: #fff;
}
.jqmWindow td.jqModalContent div.jqModalHeader
{
  height: 30px;
}
.jqmWindow td.jqModalContent div.jqModalHeader td
{
  font-size: 18px;
  font-weight: normal;
  color: #cc0000;
  height: 30px;
  text-align: left;
}
.jqmWindow td.jqModalContent table { width: 100%; }
.jqmWindow td.jqModalContent td
{
  font-size: 16px;
  font-weight: normal;
  color: #333;
  text-align: center;
}

.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');
}

.jqmWindowModalInfo
{
  display: none;
  position: fixed;
  top: 30%;
  left: 60%;
  width: 420px;
  height: 32px;
  margin-left: -300px;
  padding: 5px 0;
  background-color: #f1f1f1;
}
.jqmWindowModalInfo table
{
  width: 300px;
  margin: 0 auto;
}
/* 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 .jqmWindowModalInfo {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.jqmWindowLayer
{
  display: none;
  position: absolute;
  top: 10%;
  width: 940px;
  margin: 0 auto;
  padding: 0 20px;
  background-color: #f1f1f1;
}
.jqmRec
{
  display: none;
  position: fixed;
  top: 30%;
  left: 20%;
  width: 940px;
  margin: 0 auto;
  padding: 0 20px;
  background-color: #f1f1f1;
}	
.jqmAsk4Rec{
  display: none;
  position: fixed;
  top: 3%;
  left: 5%;
  width: 940px;
  margin: 0 auto;
  padding: 0 20px;
  background-color: #f1f1f1;
}
/* 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 .jqmRec {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
* html .jqmAsk4Rec {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.jqmWindowWide { display: block; position: absolute; top: 5%; left: 50%; margin-left: -470px; width: 940px; }
.jqmWindowWide div.jqModalTopbg { margin: 0; padding: 0; width: 940px; height: 10px; background-image: url('../images/modal_bg2_v2.gif'); background-position: 0 0; background-repeat: no-repeat; }
.jqmWindowWide div.jqModalBottombg { margin: 0; padding: 0; width: 940px; height: 10px; background-image: url('../images/modal_bg2_v2.gif'); background-position: 0 -10px; background-repeat: no-repeat; }
.jqmWindowWide td.jqModalBorder { width: 1px; background-color: #333; }
.jqmWindowWide td.jqModalContent { width: 900px; padding: 0 19px; background-image: url('../images/modal_grad_bg_v2.gif'); background-repeat: repeat-x; background-position: bottom; background-color: #fff; }
.jqmWindowWide td.jqModalContent div.jqModalHeader { height: 30px; }
.jqmWindowWide td.jqModalContent div.jqModalHeader td { font-size: 18px; font-weight: normal; color: #cc0000; height: 30px; text-align: left; }
.jqmWindowWide td.jqModalContent table { width: 100%; }
.jqmWindowWide td.jqModalContent td { font-size: 16px; font-weight: normal; color: #333; text-align: center; }
.jqmWindowWide td.jqModalContent td.avatarHeader { text-align:left; padding-bottom: 5px; font-size: 12px; font-weight: normal; color: #333; }
.jqmWindowWide td.jqModalContent td.minatureHeader { text-align:left; padding-bottom: 5px; padding-left: 36px; font-size: 12px; font-weight: normal; color: #333; }

.jqmWindowWideFixed{ display: none; position: fixed; top: 5%; left: 50%; margin-left: -470px; width: 940px; }
.jqmWindowWideFixed div.jqModalTopbg { margin: 0; padding: 0; width: 940px; height: 10px; background-image: url('../images/modal_bg2_v2.gif'); background-position: 0 0; background-repeat: no-repeat; }
.jqmWindowWideFixed div.jqModalBottombg { margin: 0; padding: 0; width: 940px; height: 10px; background-image: url('../images/modal_bg2_v2.gif'); background-position: 0 -10px; background-repeat: no-repeat; }
.jqmWindowWideFixed td.jqModalBorder { width: 1px; background-color: #333; }
.jqmWindowWideFixed td.jqModalContent { width: 900px; padding: 0 19px; background-image: url('../images/modal_grad_bg_v2.gif'); background-repeat: repeat-x; background-position: bottom; background-color: #fff; }
.jqmWindowWideFixed td.jqModalContent div.jqModalHeader { height: 30px; }
.jqmWindowWideFixed td.jqModalContent div.jqModalHeader td { font-size: 18px; font-weight: normal; color: #cc0000; height: 30px; text-align: left; }
.jqmWindowWideFixed td.jqModalContent table { width: 100%; }
.jqmWindowWideFixed td.jqModalContent td { font-size: 16px; font-weight: normal; color: #333; text-align: center; }
.jqmWindowWideFixed td.jqModalContent td.avatarHeader { text-align:left; padding-bottom: 5px; font-size: 12px; font-weight: normal; color: #333; }
.jqmWindowWideFixed td.jqModalContent td.minatureHeader { text-align:left; padding-bottom: 5px; padding-left: 36px; font-size: 12px; font-weight: normal; color: #333; }
