/*  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;
}
#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: -5px 0 10px 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');}