#allcontent { font-size:12px;font-family:arial, helvetica; border:solid;max-width:1000px;width:60%;margin:auto;border-width:0px;padding:15px;height:700px;}
/*#passwordlabel{display:block;}
#password {display:block;}*/
#selectlogo {float:right;}
#logos {margin-bottom:50px;}
fieldset {border:none; padding-left:0;margin-left:0;}
form label {display:block;float:left;width:150px;text-align:left;padding:5px;font-weight:bold;font-size:12px;}
form {border:solid;margin:auto;border-width:1px;padding:5px;background-color:#f7f7f7;height:250px;}
#msgarea {color:red;font-weight:bold;font-size:16px;margin-top:5px;}
.adduserform {height:250px;}
#msgbox {border:solid;border-width:1px;text-align:center;margin:auto;padding:5px;margin-top:3px;}
.center-logo {text-align: center;}
.label-login {float: unset; text-align: center; width: 100%; font-size: 20px; margin-top: 10px;}
.label-login_alt {float: unset; text-align: center; width: 100%; font-size: 15px; margin-top: 5px;}
#loginform {text-align: center; height: 270px;max-width:600px}
.login-button {font-family:arial; background-color: #1590cf; color: white; border-radius: 20px; font-size: 20px; border-width: 0px; width: 140px; height: 50px; margin-top: 15px;font-weight:bold;}

@media (min-width: 670px) and (max-width: 715px) {
    #tilogo {zoom: 90%}
}
@media (min-width: 600px) and (max-width: 669px) {
    #tilogo {zoom: 80%}
}
@media (min-width: 530px) and (max-width: 599px) {
    #tilogo {zoom: 70%}
}
@media (max-width: 529px) {
    #tilogo {zoom: 60%}
}

@media (min-width: 1370px) {
    form {width:60%;}
    #msgbox {width:60%;}
    .round-input {border-radius: 5px; font-size: 20px; min-width: 300px;}
    .helpComponent {width: 60%; margin: auto; margin-top: 10px;}
    .helpLabel {font-size: 25px;}
    .helpLabel a{cursor:pointer;color:black}
    .helpLabel a:link{text-decoration:none;}
    .textBlue {color: #1590cf; font-weight: bold; margin-bottom: 5px; padding-top: 20px;}
}
@media (min-width: 945px) and (max-width: 1369px) {
    form {width:70%;}
    #msgbox {width:70%;}
    .round-input {border-radius: 5px; font-size: 20px; min-width: 250px;}
    .helpComponent {width: 70%; margin: auto; margin-top: 10px;}
    .helpLabel {font-size: 20px;}
    .textBlue {color: #1590cf; font-weight: bold; margin-bottom: 5px; padding-top: 20px;}
}
@media (min-width: 600px) and (max-width: 944px) {
    form {width:80%;}
    #msgbox {width:80%;}
    .round-input {border-radius: 5px; font-size: 15px; min-width: 250px;}
    .helpComponent {width: 80%; margin: auto; margin-top: 10px;}
    .helpLabel {font-size: 15px;}
    .textBlue {color: #1590cf; font-weight: bold; margin-bottom: 5px; padding-top: 20px;}
}
@media (max-width: 599px) {
    form {width:90%;}
    #msgbox {width:90%;}
    .round-input {border-radius: 5px; font-size: 15px; min-width: 250px;}
    .helpComponent {width: 90%; margin: auto; margin-top: 10px;}
    .helpLabel {font-size: 15px;}
    .textBlue {color: #1590cf; font-weight: bold; margin-bottom: 5px; padding-top: 20px;}
}