@import "default.css";

img.Logo
{
  margin:5px 0;
}

/*{{{LoginBox*/
#LoginBox
{
  position:absolute;
  top:45%;
  left:50%;
  width:220px;
  height:270px;
  padding:5px;
  margin-left:-116px;/* (width + padding + border)/2 */
  margin-top:-141px;
  text-align:center;

  border:solid 1px #888888;
  background-color:#ffffff;
}

#InputBox
{
  margin:auto;
  width:170px;
  text-align:left;
}

#InputBox input
{
  margin:5px 0;
  vertical-align:middle;

  ime-mode:inactive;
}
#InputBox input[type="text"] , #InputBox input[type="password"]{
  width:150px;
}
#InputBox input[type="checkbox"]{
  margin-right:5px;
}

#LoginBox label{
  font-size:0.9em;
  color:#444444;
}
/*}}}*/
/*{{{NewAccountBox*/
#NewAccountBox
{
  margin-top:15px;
}
#NewAccountBox .Box
{
  width:85px;
  margin:0 2px;
}

/*}}}*/

/*{{{SignUpBox*/
#SignUpBox{
  position:absolute;
  top:100px;
  left:50%;
  width:300px;
  margin-left:-155px;/* (width + padding + border)/2 */
  text-align:center;

  border:solid 2px #888888;
  background-color:#ffffff;
  padding:5px;
  text-align:center;
}
#SignUpBox table{
  margin:0 auto 10px;
}

#SignUpBox table td{
  padding:5px;
}

#SignUpError{
  text-align:left;
  padding-left:10px;
  color:#ff0000;
}
/*}}}*/
.Forget
{
  position:relative;
  top:26px;
}
.Forget a
{
  font-size:0.8em;
  color:#888888;
}