html, body { font: 14px arial; }

/* login page */
.field { display: block; }
.label { display: inline-block; width: 6em; }
.input { display: inline; }
.login { margin-left: 10px; }

#authenticate\:username, #authenticate\:password { font: 14px arial; }
#authenticate\:login { height: 3.6em; }

/* text formatting */
.header { width: 100%; display: inline-block; }
.leftSideHeader  { display: inline; float: left;  white-space: nowrap; }
.rightSideHeader { display: inline; float: right; white-space: nowrap; }

.paragraph { width: 80%; margin: 2em auto 0; text-align: justify; }
.paragraph form { text-align: center; }

.bold { font-weight: bold; }
.underlined { text-decoration: underline; }
.centered { text-align: center; }

.inlineTable { display:inline-table; }
.validationMessage { color: red; }

table.centered { margin: 0 auto; }
.rightPadded { padding-right: 10px; }
.leftPadded { padding-left: 10px; }
.white { color: white; }

.leftFloat { float:left; }

/* buttons */
input.button { height: 2em; width: 17em; margin: 5px 10px; }

/* messages */
.loginError { float:left; clear:left; margin-top: 10px; }

.warning { color: red; }
.error { color: red; font-weight: bold; }

.border { border: 1px solid black; padding: 0 1em; margin-top: 2em; }