#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

/* see http://www.bestinclass.com/blog/2008/css3-border-radius-rounded-corners-ie/ for rounded corners - did not add the IE compatability */

/* this is the Landscape modal window definition */
#boxes #dialogL {
  width:900px; 
  height:750px;
  padding:5px;
  background-color:#ffffff;
  /* Rounded corner stuff starts here */
  -webkit-border-radius: 6px;    /* for Safari */
  -moz-border-radius: 6px;       /* for Firefox */
}

/* thid is the Landscape inner box with blue outline that contains the image */
.modalImageL {
	width: 820px;
	height: 650px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: #6F96CE;
}

/* this is the Portrait modal window definition */
#boxes #dialogP {
  height:980px;
  width:750px;
  padding:5px;
  background-color:#ffffff;
  /* Rounded corner stuff starts here */
  -webkit-border-radius: 6px;    /* for Safari */
  -moz-border-radius: 6px;       /* for Firefox */
}

/* thid is the Portrait inner box with blue outline that contains the image */
.modalImageP {
	height: 840px;
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: #6F96CE;
}