html, body {
  height: auto;
}
body {
  text-align: center;
  background: #dfe0e5 url(../images/page_bg.jpg) repeat 0 0;
}
#loginWrapper {
  height: auto;
  position: relative; 
  background: #ffffff url(../images/left_bg.jpg) repeat-y 0 0;
  color: inherit;
  margin: 5% auto 0 auto;
  width: 320px;
  text-align: center;
}
#wrapper2 {
   margin: 0;
   padding: 0;
   background: url(../images/right_bg.jpg) repeat-y top right; 
   width: 100%;
   height: 100%; 
}
#top {
  background: url(../images/corners/top_right.jpg) no-repeat top right;
  float: left;  
  height: 25px;
  width: 100%;
}
#top2 {
 background: url(../images/corners/top_left.jpg) no-repeat top left;
 float: left; 
 width: 50%;
  height: 25px;
}
#bottom {
  clear: both;
  background: url(../images/corners/bottom_right.jpg) no-repeat bottom right;
  height: 25px;
   width: 100%; 
}
#bottom2 {
  background: url(../images/corners/bottom_left.jpg) no-repeat bottom left;
  height: 25px;
  width: 50%; 
  float: left;
}
#loginHeader {
  clear: both;
  margin: 0 6px; 
}



#loginWrapper #content {
  padding: 10px;
  background: none;
}
#loginWrapper form {
  position: relative;
  width: 200px;
  margin: 0 auto;
  text-align: left;
}
#loginWrapper h2 {
  font-size: 150%; 
  margin: 10px 0 20px 0;
}
#LoginSubmit {
  margin: 10px  0;
  display: block;
  font-size: 1.3em;
  text-align: center;
  padding: 5px;
  width: 100%;
}
#loginWrapper a {
  display: block;
  clear: both;
}
label {
  font-weight: bold;
  font-size: 1.1em;
  display: block;
  margin: 5px 0;
}