#mark {
	position:absolute;
}

#mask, .mask {
	position:absolute;
	top: 0px;
	left: 0px;
	/*DDDDDD*/
	background-color:#daf184;
	
  /* Transparency */
	filter:alpha(opacity=40);
	opacity:0.4; 
	-moz-opacity:0.4;
	
	width: 100%; 
	/* Setting the height here does not work. We compute it dynamically */
  /* 	height: 100% */
	
  z-index: 1000;
  display : none;
}

/* ---------------------------------------------------------------
  The two generic classes are modalPopup and modalShadow
----------------------------------------------------------------- */

.modalPopup {
	border:4px solid #CC2958;
	padding: 10px;
	
	background-color: #FFFFFF;
	opacity: 1;

	position:fixed;
	overflow:auto;
	/*position:absolute;*/
  /*  
          do not use 50% because of scrolling 
          idem on modalShadow
  left: 50%;
	top: 50%;
  */
	z-index: 1005;
	display : none;
}

.modalShadow{
  border:3px solid #bbbbff;
	background-color: #FFFFFF; /* #303030; #555;*/
	
/*	filter:alpha(opacity=30);	*/
	opacity:0.3;	    	
	-moz-opacity:0.3; 
	
	position:absolute;
  z-index:1004;        /* Always needed	- to make it appear below the message */
  display : none;
}