/* CSS for modal */
* html #preview{
  background-image: url('/images/jf_preview/x.gif');
  /* todo: update this path when you go live as they need to be absolute */
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/jf_preview/overlay.png", sizingMethod="scale");
}

#preview {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	text-align: center;
  background-image: url('/images/jf_preview/overlay.png');
	z-index:99999;
	display:none;
	/* IE doesn't support :target, so we use CSS expressions */
  display: expression((document.location.toString().split('#').slice(1) == this.id)?'block':'none');
}

#preview:target {
	display: block;
}

#modal {
  position:relative;
  top:20px;
	margin-left:auto;
	margin-right:auto;
	background: url('/images/jf_preview/overlay.png');
	border-radius: 12px;          /* w3c specification */
  -webkit-border-radius: 12px;  /* web-kit (safari/chrome) */
  -khtml-border-radius: 12px;   /* konquerer */
  -opera-border-radius: 12px;   /* possibly opera */
  -moz-border-radius: 12px;     /* gecko (firefox/) */
}

* html #modal{
  background-image: url('/images/jf_preview/x.gif');
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/jf_preview/overlay.png", sizingMethod="scale");
}

#inner_modal {
  background: white url('/images/jf_preview/loading.gif') no-repeat fixed center center;
	position:relative;
	/* left:12px; */
	border:0px;
	top:12px;
}