#mask {
  position:absolute;
  left:0;
  top:0;
  height: 100% !important;
  width: 100% !important;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:absolute;
  margin: 0 auto !important;
  width:440px;
  height:200px;
  display:block;
  z-index:9999;
  padding:20px;
  border-radius: 15px;
  text-align: center !important;
}
#boxes #dialog {
  text-align: center !important;
  width:450px; 
  height:auto;
  padding:10px;
  background-color:#ffffff;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
}
.maintext {
    text-align: center !important;
    font-family: "Segoe UI", sans-serif;
    text-decoration: none;
}
#lorem {
	font-family: "Segoe UI", sans-serif;
	font-size: 12pt;
    text-align: left;
}
#popupfoot {
	font-family: "Segoe UI", sans-serif;
	font-size: 16pt;
    padding: 15px 0 10px;
}
#popupfoot a {
	text-decoration: none;
}
.agree {
  background: #b0b0b0;
  background-image: -webkit-linear-gradient(top, #b0b0b0, #646464);
  background-image: -moz-linear-gradient(top, #b0b0b0, #646464);
  background-image: -ms-linear-gradient(top, #b0b0b0, #646464);
  background-image: -o-linear-gradient(top, #b0b0b0, #646464);
  background-image: linear-gradient(to bottom, #b0b0b0, #646464);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  box-shadow: 0 3px 5px black;
}
.agree:hover{
  background: #b0b0b0;
  background-image: -webkit-linear-gradient(top, #646464, #b0b0b0);
  background-image: -moz-linear-gradient(top, #646464, #b0b0b0);
  background-image: -ms-linear-gradient(top, #646464, #b0b0b0);
  background-image: -o-linear-gradient(top, #646464, #b0b0b0);
  background-image: linear-gradient(to bottom, #646464, #b0b0b0);
  box-shadow: 0 3px 5px black;
}
.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{
	
	color: red;
}