﻿#frmup, #fmforgot { margin:auto; padding:30px; 
	max-width:525px;
	min-height:400px;
	position:relative;
	background:rgba(204, 255, 255, 0.2);

}
.input-field { display: block; width: 100%; padding: 10px; margin: 10px 0; border: 1px solid #ccc; border-radius: 25px; box-sizing: border-box; font-size: 16px; }
.inputLogin {  background-color: white; color:blue; font-family: "Verdana, Geneva, Tahoma, sans-serif"; }
.inputPass {  background-color: white; color:blue; font-family: "Verdana, Geneva, Tahoma, sans-serif"; }
.inputSubmit { width: 100%; height:45px;  color:white; 
	border:none;
	padding:15px 20px;
	border-radius:25px; background:rgb(230, 89, 65);
	 /*background:rgba(255,255,255,0.1);padding:10px; border:1px; cursor:pointer; font-size:14px;*/

 }
.inputSubmit:hover { background-color: rgb(2, 132, 185); }
.inputSubmit:active { background-color: #000066; }
/*#sbtforgot { width:450px; height:45px; background-color:rgb(255, 51, 0); color:white; padding:10px; border:1px; cursor:pointer; font-size:14px; }*/

#forgot { width:100%; text-align:center; }






@media all and (max-width: 1020px) { 
/*
.usrpwr { width:200px; }
#sbt {	width:450px; height:45px; }*/
*/
}
@media all and (max-width: 800px) { 
/*.usrpwr { width:150px; }*/
}
@media all and (max-width: 501px) { 
h2 { padding:50px 0px 0px 20px; width:auto; text-align:left; }
/*.usrpwr { width:150px; }*/
}

@media all and (max-width: 350px) { 

/*
#frmup { padding:10px; }
#sbt,#sbtforgot { width:190px; height:35px; padding:5px; font-size:14px; }
.usrpwr,.usrpwrforgot { width:185px; height:24px; font-size:22px; font-weight:bold; background-color:#FFFF99; color:blue; font-family: "Verdana, Geneva, Tahoma, sans-serif"; margin:0px 5px 5px 0px; padding:5px; }
*/
}



