/*  HOTS CSS */
body
{
  background-color: #75B2E7;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#355f98), to(#75B2E7));
  background-image: -webkit-linear-gradient(top, #355f98, #75B2E7);
  background-image: -moz-linear-gradient(top, #355f98, #75B2E7);
  background-image: -ms-linear-gradient(top, #355f98, #75B2E7);
  background-image: -o-linear-gradient(top, #355f98, #75B2E7);
  background-repeat: no-repeat;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
}
#wrapper-login
{
  background-image: url('../images/wrapper-bg.png');
  margin: 0 auto;
  width: 610px;
  height: 450px;
  border-radius: 6px;
  border-top-left-radius: 24px;
}
/* Header */
#header-login
{
  width: 610px;
  float: left;
  padding: 0px;
  height: 161px;
  margin: 0;
  background-color: #79addd;
  background-image: url('../images/login-bg.png');
  background-position: top center;
  background-repeat: repeat-x;
}
#left-header-column
{
  background-position: top center;
  background-repeat: no-repeat;
  margin: 0px;
  padding: 0px;
  height: 161px;
  width: 240px;
  float: left;
}
#right-header-column
{
  margin: 55px 0 0 0;
  padding: 0px 0 0 0;
  height: 155px;
  width: 360px;
  float: left;
  text-align: center;
}
#logo
{
  position: relative;
  left: -24px;
  top: 24px;
  background-image: url('../../image.aspx?opt=3');
  background-position: center center;
  background-repeat: no-repeat;
  width: 108px;
  height: 80px;
  margin: 0 auto;
}
/* End login Header */
/* Content */
#left-content-column
{
  margin: 0 auto;
  padding: 0px;
  height: 192px;
  width: 152px;
  float: left;
}
#centre-content-column
{
  margin: 0 auto;
  padding: 36px 0 0 0;
  height: 156px;
  width: 300px;
  float: left;
}
#user
{
  position: absolute;
  margin: 0 0 0px 0;
}
#userInput
{
  margin-top: -5px;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 100px;
  width: 300px;
}
.error
{
  width: 400px;
  margin: -30px 0px 10px 0px;
  font-weight: bold;
  position: absolute;
}
#pass
{
  margin: 0 0 12px 0;
  position: absolute;
}
#passInput
{
  margin: -5px 0 10px 100px;
  width: 300px;
}
#read-only
{
  margin: 0 0 12px 200px;
  width: 300px;
}
#login-button
{
  margin: 0 0 12px 200px;
  width: 300px;
}
.login-button
{
}
a.login-button
{
  width: 122px;
  height: 51px;
  display: block;
  background-image: url('../images/login-button.png');
  background-position: top right;
  background-repeat: no-repeat;
}
a.login-button:hover
{
  width: 122px;
  height: 51px;
  display: block;
  background-image: url('../images/login-button-ro.png');
}
.loginmsg
{
  /*Margin & padding here interact in a confusing way with that set in parent - possibly cancelling it out */
  font-size: 12pt;
  /*font-weight: bolder;*/
  line-height: 18px;
  text-align: center;
  color: #356199;
}
.msgpanel
{
  background-color: White;
}

