body {
  margin-left: 7%;
  margin-right: 7%;
  margin-top: 0;
  background: #4a494a;
  font-family: arial, helvetica, verdana, sans-serif;
}

a {
  color: #e7e3e7;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#header {
  border-left: solid black 1px;
  border-right: solid black 1px;
  border-bottom: solid black 1px;
  padding: 7px;
  /*background: #eeeeee;*/
  background: #2a2a2a;
  /*color: #7e3333;*/
  color: #848284;
}

#header-left {
  font-weight: bold;
  width: 30%;
  float: left;
}

#header-right {
  text-align: right;
  font-size: small;
  padding-right: 5%;
  width: 60%;
  float: right;
}

#content {
  text-align: center;
}

#controller {
  margin: auto;
  text-align:center;
}

#login-form {
  height: 20px;
}

.clear-box {
  clear: both;
}

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

.text-box {
  border: 0 none;
  height: 20px;
  background: url(graphics/input-bg.png) repeat-x;
}

.description {
  font-size: 14px;
  padding-left: 5%;
  padding-right: 5%;
  color: #b5b2b5;
}

.title {
  font-size: 16px;
  font-weight: bolder;
  padding-left: 5%;
  padding-right: 5%;
  color: #b5b2b5;
}

.nav-buttons {
  font: 11px/14px;
}

.nav-buttons a:link, .nav-buttons a:visited, .nav-buttons a:active, .nav-buttons a:hover {
  /*display: block;*/
  border: 1px solid #464646;
  /*height: 19px;*/
  padding: 2px 2px 2px 2px;
  text-align: center;
  color: #c7c7c7;
  text-decoration: none;
  background: url(graphics/nav-bg.png) repeat-x;
}

.nav-buttons .selected {
  color: #ffffff !important;
  font-weight: bold !important;
}