#mask {
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#333;
    display:none;
}  

#boxes .window { 
    position:absolute;
    left:0;
    top:100px;
    width:400px;    /* 440px - 28/10/20 */ 
    height:180px;   /* 200px - 28/10/20 */
    display:none;
    z-index:9999;
    padding:40px;
    border-radius: 15px;
    text-align: center;
    border:1px solid white;
}
#boxes #dialog {
    width: 70%;     /* 450px */
    height: auto;
    padding: 70px 10px;
    color: #ffffff;
    background-color: #660066;
    font-family: 'Segoe UI Light', sans-serif;
    font-size: 2.0em;   /* 2.2em - 28/10/20 */
}
.maintext {
    text-align: center;
    font-family: "Segoe UI", sans-serif;
    text-decoration: none;
}
body {
    ackground: url('bg.jpg');
}
#msg {
	font-family: "Segoe UI", sans-serif;
	font-size: 3.0em;
    text-align: center;
}
#msg a, #msg a:visited {
    color:yellow;
    background:none;
}

#popupfoot {
	font-family: "Segoe UI", sans-serif;
	font-size: 16pt;
    padding: 10px 20px;
}
#popupfoot a {
	text-decoration: none;
}
.agree:hover {
  background-color: #D1D1D1;
}
.popupoption:hover {
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover {
	color: red;
}