body {
   text-align:center;
   font-family: verdana, arial, sans-serif;
   font-size:80%;
   cursor:default;
}

input, select, button,textarea {
   font-family:verdana, arial, sans-serif;
   font-size:95%;
   vertical-align:middle;
}

img {
   vertical-align:middle;
   border:0;
}

a:link, a:visited {
   color:#000000;
}

table {
   font-size:100%;
   width:500px;
}

.shadeOut {
   background-color:#000000;
   opacity:0.7; /* Safari, Opera */
/*   -moz-opacity:0.70;  FireFox */
/*   filter:alpha(opacity=70);  IE */
   z-index:4;
   height:100%;
   width:100%;
   background-repeat:repeat;
   position:fixed;
   top:0px;
   left:0px;
}

.popcontainer {
   height:450px;
   width:650px;
   z-index:5;
   background-color:#62889D;
   position:absolute;
   margin-left:325px;
   padding-top:10px;
   padding-left:15px;
   padding-right:15px;
   top:50px;
   left:50%
   -webkit-border-top-right-radius: 15px;
   -webkit-border-top-left-radius: 15px;
   -webkit-border-bottom-right-radius: 15px;
   -webkit-border-bottom-left-radius: 15px;
   -moz-border-radius-topright: 15px;
   -moz-border-radius-topleft: 15px;
   -moz-border-radius-bottomright: 15px;
   -moz-border-radius-bottomleft: 15px;
   border-top-left-radius:15px;
   border-top-right-radius:15px;
   border-bottom-left-radius:15px;
   border-bottom-right-radius:15px;
}
#container {
   min-width:780px;
   max-width:900px;
   margin-right:auto;
   margin-left:auto;
   margin-top:10px;
   padding:0px;
   text-align:left;
}

#container .pad {
   padding:4px;
   overflow:hidden;
}
#default {
   position:absolute;
   top:385px;
   left:53%; 
   width:370px;
   height:150px;
   z-index:1;
}
.topline {
   background-color: black; 
   width:100%; 
   height: 5px; 
   top: 0; 
   left: 0; 
   position: fixed;
}
.icode {
  border-radius: 25px;
  border: 2px solid grey;
  padding: 20px;
  background-color: #F0F0F0;
  width: 500px;
  height: 10px;
  font-size: 125%;
}
.isecret {
  border-radius: 25px;
  border: 2px solid grey;
  padding: 20px;
  background-color: #F0F0F0;
  width: 500px;
  height: 150px;
  font-size: 150%;
}
.secretbutton {
  color: #fff;
  padding: 15px 25px;
  background-color: #38D2D2;
  background-image: radial-gradient(93% 87% at 87% 89%, rgba(0, 0, 0, 0.23) 0%, transparent 86.18%), radial-gradient(66% 66% at 26% 20%, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%);
  box-shadow: inset -3px -3px 9px rgba(255, 255, 255, 0.25), inset 0px 3px 9px rgba(255, 255, 255, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.6), inset 0px -8px 36px rgba(0, 0, 0, 0.3), inset 0px 1px 5px rgba(255, 255, 255, 0.6), 2px 19px 31px rgba(0, 0, 0, 0.2);
  border-radius: 14px;
  font-weight: bold;
  font-size: 16px;
  border: 0;
  width: 500px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  cursor: pointer;
}