:focus {
	outline:none;
	}
	
	#top{height:80px;width:80%;color:#39A0DA; font-size:28px; text-align:left;min-width:550px;display: inline-block;}
	#top1b{height:75px; float:left; width: 180px;background-image:url(../img/bcsystem1.png);background-size: 100%;}
	
	#branco{height:45px;width:100%;min-width:550px;}
	#branco1{height:20px;width:100%;min-width:550px;}

	.error{height:20px;width:80%;color:#8C0709; font-size:18px; text-align:left;min-width:530px;display: inline-block;padding-left: 20px;}

	#producttitle{height:50px;width:80%;color:#39A0DA; font-size:40px; text-align:left;min-width:530px;display: inline-block;padding-left: 20px;}
	#producttitle2{height:30px;width:80%;color:#39A0DA; font-size:28px; text-align:left;min-width:530px;display: inline-block;padding-left: 20px;}
	#mypayment{width:100%;}

	.nname{height:20px;width:80%;color:#717171; font-size:18px; text-align:left;min-width:530px;display: inline-block;padding-left: 20px;}
	.nnameterms{height:auto;width:80%;color:#717171; font-size:18px; text-align:left;min-width:300px;display: inline-block;padding-left: 20px;}
	#nname1{height:25px;width:80%;color:#000000; font-size:18px; text-align:left;min-width:530px;display: inline-block;padding-left: 20px;}
	#nname2{height:25px;width:300px;float:left;}

	#confirmedspace{height:20px;width:15px;float:left;display:inline-block;text-align:left;}
	#confirmed{height:22px;width:15px;float:left;padding-left:20px;display:inline-block;text-align:left;border: 1px solid #39A0DA;border-radius: 5px;}

	#nnamespace{height:5px;width:80%;min-width:550px;}

	#termos{height:120;width:100%;color:#000000;font-size:18px; text-align:center;min-width:550px;min-height:120;display: block;}
	#termos1{height:100%;width:80%;color:#000000;font-size:18px; text-align:center;min-width:550px;background: #C8E0E3;min-height:120;display:inline-block;}
	#termos2{height:100%;width:95%;color:#000000;font-size:18px; text-align:left;min-width:530px;display: inline-block;min-height:110;padding-top:10px;}
	
	.acceptbutton{height:35px;width:80%;text-align:left;min-width:530px;display: inline-block;padding-left: 20px;}
	.acceptbutton1{height:35px;width:250px;border: 1px solid #39A0DA;border-radius: 5px;background:#00AA65;text-align:center;display: inline-block;}
	.acceptbutton2{height:20px;width:250px;font-size:18px;padding-top:6px;color:#FFFFFF;}


@media screen and (max-width:699px){
	.overlay1 {height:350px;width: 100%;position: relative;top: 50%;left:0%;margin-top: -200px;background-color:#FFFFFF;text-align:center;}
}
@media screen and (min-width:700px){
	.overlay1 {height:350px;width: 400px;position: relative;top: 50%;left: 50%;margin-top: -200px;margin-left: -200px;background-color:#FFFFFF;text-align:center;}
}

.overlay {height: 0%;width: 100%;position: fixed;z-index: 1;top: 0;left: 0;background-color:#FFFFFF;background-color:rgba(196,196,196,0.80);overflow-y: hidden;transition: 0.5s;}
.overlaytop {height:35px;width: 400px;text-align:center;}

.overlayname {height:20px;width: 350px;text-align:center;display: inline-block;}
.overlayname2{height:40px;text-align:center;width:350px;display: inline-block;padding-top: 10px;font-size:20px;color:#39A0DA;}
.overlaynamea {height:20px;width: 350px;text-align:center;display: inline-block;}
.overlaynamea2{height:40px;text-align:center;width:350px;display: inline-block;padding-top: 10px;font-size:18px;color:#717171;}

.overlaypassword {height:20px;width: 500px;text-align:left;display: inline-block;}
.overlaypassword2{height:40px;text-align:left;width:500px;display: inline-block;padding-top: 10px;}
.overlaylogin{height:40px;text-align:center;width:500px;display: inline-block;border: 1px solid #000000;border-radius: 5px;background:#00AA65;}
.overlaylogin1{height:20px;text-align:center;width:300px;display: inline-block;padding-top: 10px;font-size:18px;color:#000000; }
.overlayforgot{height:20px;text-align:center;width:300px;display: inline-block;font-size:18px;color:#39A0DA; }
.overlaysignup{height:35px;width:250px;border: 1px solid #00AA65;border-radius: 5px;background:#FFFFFF;text-align:center;display: inline-block;}
.overlaysignup1{height:20px;width:250px;font-size:18px;padding-top:6px;color:#00AA65;}
.overlaysignupa{height:35px;width:250px;border: 1px solid #8C0709;border-radius: 5px;background:#FFFFFF;text-align:center;display: inline-block;}
.overlaysignupa1{height:20px;width:250px;font-size:18px;padding-top:6px;color:#8C0709;}


.overlaycheckbox {height:20px;width: 500px;text-align:left;display: inline-block;}
.overlayspace{height:20px;width:600px;}
.overlayicon{height:75px; width: 75px;background-image:url(../img/secess.png);background-size: 100%;text-align:center;display: inline-block;}
.overlayicon1{height:75px; width: 75px;background-image:url(../img/reject.png);background-size: 100%;text-align:center;display: inline-block;}




	.closebtn {
	  text-decoration: none;
	  height:15px;
	  width: 15px;
	  position: relative;
	  float: right;
	  top:2px;
	  right: 17px;
	  font-size: 40px;
		color: black;
	}





/* Style the container for inputs */
.container {
  width:80%;
  min-width:550px;
}

/* The message box is shown when the user clicks on the password field */
#message {
  width:80%;
  min-width:550px;
  display: none;
  text-align:left;
}

#message1 {
  width:540px;
  display:inline-block;
  color: #000;
  text-align:left;
}

#message p {
padding-left: 25px;
  font-size: 18px;
}

#msgtop {
padding-left: 20px;
font-size: 18px;
color:#717171;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid {
  color: green;
}

.valid:before {
  position: relative;
  left: -10px;
  content: "✔";
}

/* Add a red text color and an "x" when the requirements are wrong */
.invalid {
  color: red;
}

.invalid:before {
  position: relative;
  left: -10px;
  content: "✖";
}