/* LOGIN CSS */

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

#loginbtn  { 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; }
#loginbtn:hover  { background: linear-gradient(#ffd71f, #ff8e12); }
#badfb  { display: block; padding: 7px 15px; background-color: #ffcccc; color: #990000; }
#content  { padding-top: 60px; padding-bottom: 40px; }
#recover  { padding-top: 50px; }
#recover A  { color: #ff7e02; font-weight: bold; }
#recover A:hover  { text-decoration: none; }


.inputs  { display: block; padding: 5px 0px; width: 100%; }
.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: 180px; }
    .inputs INPUT  { width: 500px; }
}
@media only screen and (max-width: 1199px) and (min-width: 700px){
	.inputs LABEL  { width: 170px; }
    .inputs INPUT  { width: 60%; }
}
@media only screen and (max-width: 699px){
	.inputs LABEL  { width: 150px; }
    .inputs INPUT  { width: 80%; }
}