/* Structural */
html, body {
 height: 100%;
 margin: 0;
 padding: 0;
 background-color: #f9f9f9;
}

#logincontainer {
 position: relative;
 height: 100%;
 min-height: 100%;
 margin: 0 auto;
}
#loginbody { margin: 0; text-align: center; padding-bottom: 28px; }
#footer {
 position: absolute; bottom: 0;
 width: 100%; height: 28px;
 text-align: right;
 font-family: tahoma; font-size: 11px; color: #222;
 background: url(../images/bg-footer.gif) repeat-x top center;
 clear:both;
}

/* Global */
p.message {
 margin: 0 0 8px 0;
 border-width: 1px;
 border-style: solid;
 padding: 5px 10px 5px 10px;
 -moz-border-radius: 5px;
 -khtml-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
#notice  p.message { background-color: #ffffe0; border-color: #e6db55; }
#success p.message { background-color: #e4ffe4; border-color: #88e688; }
#fail    p.message { background-color: #ffe4e4; border-color: #e68888; }

/* Login page */
#login {
 width: 250px;
 margin: 0 auto;
 padding: 10px;
 text-align: left;
 font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif; font-size: 12px;
}
img.login { padding: 50px 0 30px 0; }
form.loginform {
 margin: 0 0 8px 0;
 border-width: 1px;
 border-style: solid;
 border-color: #bbb;
 padding: 5px 20px 5px 20px;
 -moz-border-radius: 10px;
 -khtml-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 background-color: #ddd;
}
input.logininput {
 padding: 3px 2px 3px 2px;
 font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
 font-size: 12px;
 width: 195px;
}
input.loginsubmit {
 font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
 padding: 2px 10px;
 border: none;
 font-size: 12px;
 border-width: 1px;
 border-style: solid;
 -moz-border-radius: 5px;
 -khtml-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 cursor: pointer;
 text-decoration: none;
 font-weight: bold;
 color: #eee;
 border-color: #666;
 background: #aaa;
}
input.loginsubmit:hover { background: #888 url(../images/button-grad-active.png) repeat-x scroll left top; }