.loginWrap
{
  height: 400px;
  margin: 0 auto 0 50px;
  width: 650px;
}

.loginWrap .loginBox, .loginWrap .registerBox
{
  float: right;
  height: 290px;
  padding: 0;
  width: 300px;
}

.loginWrap .loginBox
{
  margin: 50px 15% 0 0;
}

.loginWrap .registerBox
{
  margin: 50px -100px 0 0;
}

.loginWrap .loginBox .boxCaption, .loginWrap .registerBox .boxCaption
{
  margin: 0;
  padding: 5px 0;
  text-indent: 10px;
  width: 300px;
}

.loginWrap .loginError
{
  margin: 10px 0 15px 10px;
}

.loginWrap .loginBox .userName
{
  float: left;
  margin: 5px 0;
}

.loginWrap .loginBox .userName .caption, .loginWrap .loginBox .password .caption
{
  float: left;
  text-align: right;
  width: 100px;
}

.loginWrap .loginBox .userName .caption
{
  padding: 0px 5px 0 0;
}

.loginWrap .loginBox .password .caption
{
  padding: 10px 5px 0 0;
}

.loginWrap .loginBox .userName .value, .loginWrap .loginBox .userName .description, .loginWrap .loginBox .password .value
{
  float: left;
  width: 150px;
}

.loginWrap .loginBox .userName .description
{
  margin: 3px 0 0 105px;
}

.loginWrap .loginBox .password .value
{
  margin-top: 10px;
}

.loginWrap .loginBox .rememberMe
{
  float: left;
  margin-left: 103px;
  padding: 10px 0;
  width: 95%;
}

.loginWrap .loginBox .loginButtonWrap
{
  float: left;
  height: 28px;
  margin-left: 105px;
  padding-top: 1px;
  width: 100px;
}

.loginWrap .loginBox .forgotPassword
{
  float: left;
  margin: 20px 0 0 105px;
}

.loginWrap .registerBox .advantagesList
{
  float: left;
  padding: 20px 0 10px 0;
  text-indent: 10px;
}

.loginWrap .registerBox .advantagesList .image
{
  list-style-image: url(images/advantages.png);
  list-style-position: inside;
  margin-left: -20px;
}


.loginWrap .registerBox .registerButtonWrap
{
  float: left;
  margin-left: 100px;
  padding-top: 1px;
}