I’ll try to make an inventory of those items needing some improvement in that area...
<!-- #declare:separator <hr/> -->
<!-- login form section-->
<div id="loginfrm">
<fieldset>
<legend>Login</legend>
<form method="post" name="loginfrm" action="[+action+]">
<input class="hidden" id="rememberme" name="rememberme" type="hidden" value="[+rememberme+]"/>
<label for="username">Username:</label>
<input class="text" id="username" name="username" type="text"tabindex="1" onkeypress="return webLoginEnter(document.loginfrm.password);" size="10" value="[+username+]"/>
<label for="password">Password:</label>
<input class="text" id="password" name="password" type="password" tabindex="2" onkeypress="return webLoginEnter(document.loginfrm.cmdweblogin);" size="6" value="" />
<label class="wide" for="chkbox">Remember me:</label>
<input class="checkbox" id="chkbox" name="chkbox" type="checkbox" tabindex="4" size="1" value="" [+checkbox+] onclick="webLoginCheckRemember()"/>
<input class="submit" id="cmdweblogin" name="cmdweblogin" type="submit" value="[+logintext+]"/>
<p><a href="#" onclick="webLoginShowForm(2);return false;">Forgot Your Password?</a></p>
</form>
</fieldset>
</div> <!-- loginfrm -->
<hr/>
<!-- log out hyperlink section -->
<a href='[+action+]'>[+logouttext+]</a>
<hr/>
<!-- Password reminder form section -->
<div id="loginreminder">
<fieldset>
<legend>Password Reminder</legend>
<form name="loginreminder" method="post" action="[+action+]">
<input class="hidden" type="hidden" name="txtpwdrem" value="0" />
<label for="txtwebemail">Email</label>
<input class="text" id="txtwebemail" name="txtwebemail" type="text" size="30" />
<input class="submit" type="submit" value="Submit" name="cmdweblogin"/>
<input class="submit" type="reset" value="Cancel" name="cmdcancel" onclick="webLoginShowForm(1);"/>
<p>Enter your registered email address to receive your password</p>
</form>
</fieldset>
</div> <!-- loginreminder-->
/* -------------------------------------------------------------- */
/* Forms */
label,input,select
{
display: block;
margin-bottom: 10px;
}
/* Firefox needs this - IE doesn't */
html>body input,select
{
float:left;
}
label
{
float:left;
text-align: right;
margin-right:4px;
}
/* -------------------------------------------------------------- */
/* Login Form */
#loginfrm
{
width:180px;
}
#loginfrm legend
{
font-weight:bold;
margin-bottom:5px;
}
#loginfrm label
{
width:70px;
}
#loginfrm label.wide
{
width:110px;
cursor:pointer;
}
#loginfrm .text
{
width:85px;
background:#c8c8c8;
}
#loginfrm .hidden
{
width:0px;
}
#loginfrm .checkbox
{
width:10px;
margin-top:3px;
}
#loginfrm .submit
{
width:50%;
margin: 5px 25%;
}
#loginfrm p
{
clear:left;
margin-left:15px;
}
#loginfrm a
{
text-decoration:none;
}