@import url(https://fonts.googleapis.com/css?family=Lexend:400);

*{margin:10;padding:10;}


/* HTML5 Boilerplate accessible hidden styles */
[type="radio"] {
  border: 0; 
  clip: rect(0 0 0 0); 
  height: 1px; margin: -1px; 
  overflow: hidden; 
  padding: 0; 
  position: absolute; 
  width: 1px;
}

[type="checkbox"] {
  border: 0; 
   height: 1px; margin: -1px; 
  overflow: hidden; 
  padding: 0; 
  position: absolute; 
  width: 1px;
}

/* One radio button per line */
label {
  display: inline;
  cursor: pointer;
  line-height: 2.5;
  font-size: 1.1em;
}

[type="radio"] + span {
  display: inline;
}

/* the basic, unchecked style */
[type="radio"] + span:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.25em;
  border-radius: 1em;
  border: 0.125em solid #fff;
  box-shadow: 0 0 0 0.15em #000;
  margin-right: 0.75em;
  transition: 0.5s ease all;
	background: #FFFFFF;
}

[type="checkbox"] + span:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.25em;
  border: 0.125em solid #fff;
  box-shadow: 0 0 0 0.15em #000;
  margin-right: 0.75em;
  transition: 0.5s ease all;
	background: #FFFFFF;
}

/* the checked style using the :checked pseudo class */
[type="checkbox"]:checked + span:before {
  background: #FF0000;
  box-shadow: 0 0 0 0.25em #000;
}

/* never forget focus styling */
[type="checkbox"]:focus + span:after {
  content: '\0020\2190';
  font-size: 1.5em;
  line-height: 1;
  vertical-align: -0.125em;
}


/* the checked style using the :checked pseudo class */
[type="radio"]:checked + span:before {
  background: #FF0000;
  box-shadow: 0 0 0 0.25em #000;
}

/* never forget focus styling */
[type="radio"]:focus + span:after {
  content: '\0020\2190';
  font-size: 1.5em;
  line-height: 1;
  vertical-align: -0.125em;
}




/* Nothing to see here. */
body {
  margin: 2em auto;
  max-width: 30em;
  font-family: "Lexend", "sans-serif";
	background: #CBE6F1;
}

.ui-content {
margin: 10px;

}

fieldset {
  font-size: 1em;
  border: 2px solid #000;
  padding: 2em;
  border-radius: 0.5em;
}

legend {
  color: #fff;
  background: #000;
  padding: 0.25em 1em;
  border-radius: 1em;
}

.p {
  text-align: center;
  font-size: 14px;
  padding-top: 120px;
}

[type="submit"] {
/* change these properties to whatever you want */
background-color: #FFFFFF;
color: #000000;
border-radius: 1em;
  border: 0.125em solid #fff;
  box-shadow: 0 0 0 0.15em #000;
  display: block;
  cursor: pointer;
  line-height: 2;
  font-size: 1em;
}

a:link {
    color: #2321C0;
}

a:active {
    color: #2321C0;
}

a:visited {
    color: #2321C0;
}


a:hover {
    color: #2321C0;
}



#overlay1{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
   position: absolute;
  margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}
#overlay2{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
   position: absolute;
  margin: 5em auto;
  top: 2;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}
#overlay3{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
   position: absolute;
  margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}
#overlay4{ /* we set all of the properties for are overlay */
   height:80%;
    width:80%;
   position: absolute;
  margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}
#overlay5{ /* we set all of the properties for are overlay */
   height:80%;
    width:80%;
   position: absolute;
  margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}
#overlay6{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
   position: absolute;
  margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}
#overlay7{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
   position: absolute;
  margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}
#overlay8{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
   position: absolute;
  margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}
#overlay9{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
   position: absolute;
  margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}
#overlay10{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
   position: absolute;
   margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}
#overlay11{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
   position: absolute;
  margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}

#overlay12{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
   position: absolute;
  margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}

#overlay13{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
   position: absolute;
   margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}

#overlay14{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
   position: absolute;
  margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}

#overlay15{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
   position: absolute;
   margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}

#overlay16{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
   position: absolute;
  margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}

#overlay17{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
   position: absolute;
  margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}

#overlay18{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
   position: absolute;
  margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}

#overlay19{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
   position: absolute;
   margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}

#overlay20{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
   position: absolute;
  margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}

#overlay21{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
   position: absolute;
   margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}

#overlay22{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
   position: absolute;
  margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}

#overlay23{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
   position: absolute;
  margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}

#overlay24{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
   position: absolute;
   margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}

#overlay25{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
   position: absolute;
  margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}

#overlay26{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
   position: absolute;
  margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}

#overlay27{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
   position: absolute;
   margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}

#overlay28{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
   position: absolute;
   margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}

#overlay29{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
   position: absolute;
  margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    background:#E8EF9A;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}


#overlaynotice{ /* we set all of the properties for are overlay */
    height:90%;
    width:90%;
   position: absolute;
  margin: 5em auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
     background:#52B4DA;
    color:black;
    padding:10px;
    position:absolute;
    top:5%;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
    
    z-index:1000;
    display:none;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	overflow:auto;
}



#mask{ /* create are mask */
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,0.6);
    z-index:500;
    width:100%;
    height:100%;
    display:none;
}
/* use :target to look for a link to the overlay then we find are mask */
#overlay1:target, #overlay1:target + #mask{
    display:block;
    opacity:1;
}
#overlay2:target, #overlay2:target + #mask{
    display:block;
    opacity:1;
}
#overlay3:target, #overlay3:target + #mask{
    display:block;
    opacity:1;
}
#overlay4:target, #overlay4:target + #mask{
    display:block;
    opacity:1;
}
#overlay5:target, #overlay5:target + #mask{
    display:block;
    opacity:1;
}
#overlay6:target, #overlay6:target + #mask{
    display:block;
    opacity:1;
}
#overlay7:target, #overlay7:target + #mask{
    display:block;
    opacity:1;
}
#overlay8:target, #overlay8:target + #mask{
    display:block;
    opacity:1;
}
#overlay9:target, #overlay9:target + #mask{
    display:block;
    opacity:1;
}
#overlay10:target, #overlay10:target + #mask{
    display:block;
    opacity:1;
}
#overlay11:target, #overlay11:target + #mask{
    display:block;
    opacity:1;
}
#overlay12:target, #overlay12:target + #mask{
    display:block;
    opacity:1;
}
#overlay13:target, #overlay13:target + #mask{
    display:block;
    opacity:1;
}
#overlay14:target, #overlay14:target + #mask{
    display:block;
    opacity:1;
}
#overlay15:target, #overlay15:target + #mask{
    display:block;
    opacity:1;
}
#overlay16:target, #overlay16:target + #mask{
    display:block;
    opacity:1;
}
#overlay17:target, #overlay17:target + #mask{
    display:block;
    opacity:1;
}
#overlay18:target, #overlay18:target + #mask{
    display:block;
    opacity:1;
}
#overlay19:target, #overlay19:target + #mask{
    display:block;
    opacity:1;
}
#overlay20:target, #overlay20:target + #mask{
    display:block;
    opacity:1;
}
#overlay21:target, #overlay21:target + #mask{
    display:block;
    opacity:1;
}
#overlay22:target, #overlay22:target + #mask{
    display:block;
    opacity:1;
}
#overlay23:target, #overlay23:target + #mask{
    display:block;
    opacity:1;
}
#overlay24:target, #overlay24:target + #mask{
    display:block;
    opacity:1;
}
#overlay25:target, #overlay25:target + #mask{
    display:block;
    opacity:1;
}
#overlay26:target, #overlay26:target + #mask{
    display:block;
    opacity:1;
}
#overlay27:target, #overlay27:target + #mask{
    display:block;
    opacity:1;
}
#overlay28:target, #overlay28:target + #mask{
    display:block;
    opacity:1;
}
#overlay29:target, #overlay29:target + #mask{
    display:block;
    opacity:1;
}

.close{ /* to make a nice looking pure CSS3 close button */
    display:block;
	position:absolute;
    top:6px;
    right:6px;
    background:red;
    color:white;
    height:40px;
    width:40px;
    line-height:40px;
    font-size:35px;
    text-decoration:none;
    text-align:center;
    font-weight:bold;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    -o-border-radius:40px;
    border-radius:40px;
}


img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
	max-width: 100%; !important;
	height: auto;
	border:2px solid;
    border-top-color: rgba(0,0,0, 0.7);
    border-bottom-color: rgba(0,0,0 0.7);
    border-right-color: rgba(1,1,1, 0.7);
    border-left-color: rgba(1,1,1 0.7);
}

img.logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
	max-width: 100%; !important;
	height: auto;	
}

a.close {
	color: #FFF;	
}

a.close:hover {
	color: #000;	
}

.displaynone {
	display: none;
}

.unopposed {
.display: inline;
  cursor: pointer;
  line-height: 2.5;
  font-size: 1.1em;
}