body {
  background-color: #D3BECF;
  font-family: Arial, Calibri, Tahoma;
  font-size: 12px;
  margin: 0px;
  margin-top: 30px;
  padding-right: 4px;
  color: white;
}

img {
  border: 0px;
}

form {
  margin: 0px;
  padding: 0px;
}

a:link, a:visited { color: white; text-decoration: none; }
a:visited { color: white; text-decoration: none; }
a:hover { color: white; text-decoration: underline; }

.content {
  background-image: url(img/content.jpg);
  background-repeat: repeat-y;
  width: 490px;
  text-align: center;
  color: white;
}

.input {
  background-image: url(img/input.jpg);
  background-color: red;
  width: 215px;
  height: 28px;
  border: 0px;
  font-size: 18px;
  color: black;
  padding-top: 5px;
  padding-left: 19px;
}

.button {
  background-image: url(img/zoom.png);
  background-color: #692F69;
  width: 24px;
  height: 24px;
  border: 0px;
  cursor: pointer;
  margin-top: 0px;
}

.button-hover {
  background-image: url(img/zoom.png);
  background-color: #692F69;
  width: 24px;
  height: 24px;
  border: 0px;
  cursor: pointer;
  margin-top: 0px;

}

.avatarbg {
  background-image: url(img/avatarbg.jpg);
  padding: 3px;
}

.idbg {
  font-size: 18px;
  padding-top: 4px;
  padding-left: 3px;
  padding-bottom: 7px;
  text-align: left;
  
}

.infobg {
  background-image: url(img/infobg.jpg);
  background-color: #592859;
  background-repeat: repeat-x;
  min-width: 276px;
  height: 20px;
  padding-top: 3px;
  padding-left: 4px;
  text-align: left;
}