Log-in
Print screen without additional CSS

Structure with Classes and ID's
div.moduletable_login h3 form#login-form div.pretext fieldset.userdata p#form-login-username label input#modlgn-username.inputbox p#form-login-password label input#modlgn-passwd.inputbox p#form-login-remember label input#modlgn-remember.inputbox input.button ul li a li a li a div.posttext
CSS
/* ----------------------------------------------
Log-in/-out Module moduleclass suffix = _login
------------------------------------------------- */
div.moduletable_login {
margin: 0 0 15px 0;
padding: 0 0 15px 0;
border-bottom: 1px #999 solid;
}
div.moduletable_login h3 {
display: block;
padding: 2px 5px 2px 5px;
background-color: #ff0000;
color: #fff;
}
div.moduletable_login form#login-form {
width: 100%;
}
div.moduletable_login form#login-form div.pretext {
padding: 10px 0 10px 0;
font-style: italic;
}
div.moduletable_login form#login-form div.posttext {
clear: both;
padding: 10px 0 0 0;
font-style: italic;
}
input#modlgn-username,
input#modlgn-passwd {
width: 150px;
}
input#modlgn-passwd {
margin: 0 0 3px 0;
}
div.moduletable_login form#login-form ul {
list-style: none;
padding: 0;
}
div.moduletable_login form#login-form ul li {
list-style: none;
padding: 0;
margin: 2px 0 0 0;
float: left;
width: 100%;
}
div.moduletable_login form#login-form ul li a {
font-size: 10px;
display: block;
float: left;
width: 100%;
margin: 0 0 3px 0;
background-color: #e5e5e5;
padding: 0 2px 0 2px;
text-decoration: none;
}
div.moduletable_login form#login-form ul li a:hover {
font-size: 10px;
display: block;
float: left;
width: 100%;
background-color: #ccc;
padding: 0 2px 0 2px;
text-decoration: none;
}
div.moduletable_login form#login-form fieldset.userdata input.button {
margin: 5px 0 5px 0;
}
Print screen after applying CSS

Log-out button
Print screen without additional CSS

Structure with Classes and ID's
div.moduletable_login h3 form#login-form div.login-greeting div.logout-button input.button
CSS
/* Log-out button */
div.moduletable_login form#login-form div.login-greeting {
padding: 3px 0 0 0;
font-size: 11px;
line-height: 11px;
}
div.moduletable_login form#login-form div.logout-button {
text-align: left;
}
div.moduletable_login form#login-form div.logout-button input.button {
margin: 5px 0 0 0;
}
Print screen after applying CSS



i would like to know if there is a way to get the vertical loging to become horizontal?