body,html { font-family: 'Trebuchet MS', Trebuchet, Tahoma, Arial, Verdana; font-size: 10pt; text-align: center; margin: 10% 0px 0px 0px; }

#logo { width: 450px; background: #33322f; height: 70px; text-align: left; margin: auto;  }
#logo a { color: #fafafa; display: block; padding: 20px 0px 0px 30px; letter-spacing: 2px; height: 100%; cursor: default; font-size: 2.5em; font-weight: bold; line-height: 80%; text-decoration: none; }
#logo span { font-size: 0.55em; font-weight: normal; letter-spacing: 0px; }
#logo a img { margin: -10px 15px 0px -10px; float: left; border: none; }
#logo a:hover { color: #eaeaea; }

form { width: 450px; margin: auto; }
form fieldset { margin: 0px; border: none; padding: 0px; }
#content { margin: auto; padding: 0px 20px 0px 30px; border: 1px solid #ccc;  text-align: center; height: 120px; }
input { border: 1px solid #ddd; font-family: 'Trebuchet MS', Trebuchet, Tahoma, Arial, Verdana; font-size: 12pt; width: 380px; display: block; margin-top: 20px; }
input[type=hidden]{ display: none; }
input:focus { background: #fafafa; }
.er:focus { background: url(../img/error.gif) no-repeat right #fafafa; }

.loguj { float: right; margin: 20px 20px 40px 0px; font-family: 'Trebuchet MS', Trebuchet, Tahoma, Arial; font-size: 9pt; border: 1px solid #ddd; width: 100px; height: 36px; background: #f4f4f4; font-weight: bold; font-size: 11pt; }