/* Source - https://stackoverflow.com/a */
/* Posted by VIVEK-MDU, modified by community. See post 'Timeline' for change history */
/* Retrieved 2025-11-11, License - CC BY-SA 3.0 */
/* https://stackoverflow.com/questions/7853130/how-to-change-the-style-of-alert-box/22877926#22877926  */

#modalContainer {
    background-color:rgba(0, 0, 0, 0.3);
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:10000;
    background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
    position:relative;
    width:450px;
    min-height:100px;
    margin-top:250px;
	text-align:		center;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:20px 30px;
}

#modalContainer > #alertBox {
    position:fixed;
}

#alertBox h1 {
	font-size:			25px;
    line-height: 		35px;
	font-weight:		400;
    background-color: 	rgba(57, 181, 74, 1);
    color:				#FFF;
    padding:			3px 8px 3px 8px;
    margin:				0;
}

#alertBox h1:before {
    border-top: 		none;
}

#alertBox p {
	font-size:			16px;
	margin:				15px 15px 15px 15px;
}

#alertBox #closeBtn {
    display:block;
    position:relative;
    margin:8px auto;
    padding:7px;
    border:0 none;
    width:80px;
    font:0.9em verdana,arial;
    text-transform:uppercase;
    text-align:center;
    color:#FFF;
    background-color: 	rgba(57, 181, 74, 1);
    border-radius: 3px;
    text-decoration:none;
}