/** ==== tags regarding the various popups ================================ **/

.modalContent {
	}

/* for a message on a page in general */
.modalOpen {
	border:					2px solid red;
	opacity:				1;
	color:					red;
	padding:				15px;
	background-color:		#FFFF88;
	text-align:				center;
	margin:					0 37%;
	font-size:				1.5em;
	}

[id^=modal] {
	display:				none;
	border:					4px solid red;
	position:				fixed;
	z-index:				1;
	padding:				10px;
	left:					30%;
	right:					30%;
	top:					300px;
	min-width:				350px;
	background-color:		#FFFF88;
	opacity:				1;
}

[id^=modal]:target {
	display:				block;
}

[id^=modal] a.popupClose {
	color:					black;
	background-color:		#E8E8E8;
	float:					right;
}

/* for the button and modal in the gallery pages listing more images */
.suppImOpen {
	border:					2px solid blue;
	border-radius:			8px;
	opacity:				1;
	color:					blue;
	padding:				2px 5px 7px;
	margin-top:				5px;
	background-color:		#88FFFF;
	float:					right;
	text-decoration:		underline;
	}

[id^=suppIm] {
	display:				none;
	border:					2px solid blue;
	border-radius:			20px;
	position:				fixed;
	z-index:				1;
	padding:				10px;
	left:					35%;
	right:					35%;
	top:					300px;
	min-width:				150px;
	background-color:		#88FFFF;
	opacity:				1;
}

[id^=suppIm]:target {
	display:				block;
}

[id^=suppIm] a.suppImClose {
	color:					black;
	background-color:		#E8E8E8;
	float:					right;
}

/** ==== end of duocument ================================================= **/