#center {
  position: fixed;
  top: 40%;
  left: 45%;
  margin-top: -130px;
  margin-left: -140px;
  width: 280px;
  height: 260px;
  padding: 0px 40px 0px 40px;
  background: transparent url('../pics/login.jpg') 0px 0px;
}

* html #center { 
	position:absolute;
}

body { 
  font: 12px Verdana, "Geneva CE", lucida, sans-serif;
}

#center h1 {
  margin: 2px;
  margin-bottom: 18px;
  font: bold 35px "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  text-align: center;
  color: white;
}

input { width: 150px; }
span.red { color: red; }
div.center { text-align: center; }
.hidden { width: 0px; height: 0px; overflow: hidden; }

a.boldbuttons {
  background: transparent url('../pics/roundedge-gray-left-small.gif') no-repeat top left;
  display: block;
  float: right;
  font: bold 13px Arial; /* Change 13px as desired */
  line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
  height: 30px; /* Height of button background height */
  padding-left: 7px; /* Width of left menu image */
  text-decoration: none;
  width: 80px;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
  color: white; /*button text color*/
}

a.boldbuttons span {
  background: transparent url('../pics/roundedge-gray-right-small.gif') no-repeat top right;
  display: block;
  padding: 1px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
  text-align: center;
}
.buttonwrapper {
  margin: auto;
}

a:hover.boldbuttons { /* Hover state CSS */
  /*text-decoration: underline;*/
  color: #FAF85A;
}

#message {
  font: bold 12px Arial;
}
#messagediv {
  margin-top: 10px;
}