/* FORGOT CSS */

H3  { color: #d72020; font-size: 120%; margin: 10px 0px 10px 0px; }

#resetbtn  { border: none; font-size: 100%; font-weight: bold; padding: 6px 25px; cursor: pointer; border-radius: 8px; background: linear-gradient(#ffc70f, #ff7e02); color: #ffffff; margin-top: 15px; }
#resetbtn:hover  { background: linear-gradient(#ffd71f, #ff8e12); }
#resetbtn.disable  { background: none; background-color: #dddddd; }
#resetbtn.disable:hover  { background: none; background-color: #e4e4e4; }
#badfb  { display: block; padding: 7px 15px; background-color: #ffcccc; color: #990000; margin-top: 10px; margin-bottom: 10px; }
#goodfb  { display: block; padding: 7px 15px; background-color: #c4edc3; color: #337c31; margin-top: 10px; margin-bottom: 10px; }

#content  { padding-top: 60px; padding-bottom: 40px; }
#p1  { padding: 0; margin: 15px 0px 10px 0px; }
#p2  { padding: 0; margin: 0px 0px 20px 0px; }


.inputs  { display: block; padding: 5px 0px; }
.inputs LABEL  { display: inline-block; }
.inputs INPUT  { display: inline-block; font-size: 100%; background-color: #f0f0f0; }

.btns  { border: none; font-size: 100%; font-weight: bold; text-decoration: none; padding: 6px 25px; cursor: pointer; border-radius: 8px; background: linear-gradient(#ffc70f, #ff7e02); color: #ffffff; margin: 15px 35px 20px 0px; }
.btns:hover  { background: linear-gradient(#ffd71f, #ff8e12); }



@media only screen and (min-width: 1200px){
	.inputs LABEL  { width: 80px; }
    .inputs INPUT  { width: 400px; }
    .inputs LABEL.passlabel  { width: 150px; }
}
@media only screen and (max-width: 1199px) and (min-width: 700px){
	.inputs LABEL  { width: 80px; }
    .inputs INPUT  { width: 300px; }
    .inputs LABEL.passlabel  { width: 140px; }
}
@media only screen and (max-width: 699px){
	.inputs LABEL  { width: 70px; }
    .inputs INPUT  { width: 200px; }
    .inputs LABEL.passlabel  { width: 120px; }
}