#PopUpMessageBox  /* div used everywhere as a message holder */
{
	display: none;    
	border-style: solid;
	border: 2px;
	border-color: black;
	border-style: solid;
	background-color: #fff;
	box-shadow: 10px 10px 5px grey;
	z-index: 15;
	position:fixed;
	padding-bottom: 10px;
}

#PopUpMessageBox #title
{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
}

#PopUpMessageBox #msg
{
	text-align: left;
	font-size: 12px;
	font-weight: normal;
   margin-left: 10px; 
   margin-right: 10px;
   width: 500px;
}

#PopUpMessageBox #close
{
	position: absolute;
	top: -4px;
	right: 5px;
	z-index: 16;
}

#PopUpMessageBox #close:hover
{
	color: red;
	cursor: pointer;
	font-weight: bold;
}

/* Adjustments for small screens  */

@media screen and (max-width: 500px) {
	#PopUpMessageBox #msg
	{
		width: 290px;
	}
}