#registerscreen {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 960px;
  height: 448px;
  padding: 0px 0px;
  border: 0px;
  margin: 0px;
  background-image: url('../img/2/newcharacter.jpg' );
}@font-face {
   font-family: GraphicPixel;
   src: url(graphicpixel-webfont.woff);
}
#loginscreen input {
  width: 125px;
  height: 16px;
  background: rgba(0,0,0,0);
  font-family: sans-serif;
  font-size: 12px;
  color: #000000;
  text-shadow: 0px -1px 0px #334f71; 
  text-align: center;
  border: 0px;
}


#joinnameinput{
  position: absolute;
  top: 169px;
  left: 425px;
  width: 120px;
}
#joinpwinput{
  position: absolute;
top: 210px;
left: 422px;
  width: 120px;

}
#joinpwinput2{
  position: absolute;
  top: 250px;
  left: 422px;
    width: 120px;

}
#emailinput{
  position: absolute;
  top: 290px;
  left: 422px;
    width: 120px;

}
#loginbutton, #pagetonewcharacterbutton, #communitybutton, #joinbutton{
  position: absolute;
  width: 250px;
  height: 40px;
  padding: 10px 15px;
  cursor: pointer;
}
#loginbutton{
  top: 385px;
  left: 325px;
}
#pagetonewcharacterbutton{
  top: 320px;
  left: 635px;
}
#communitybutton{
  top: 380px;
  left: 635px;
}
#joinbutton{
  top: 340px;
  left: 430px;
}
#loginpage {
  display: none;
}
#joinpage {
display: block;
}
#languageselection{
  position: absolute;
  top: 200px;
  left: 635px;
}