body
{
  margin: 0px;  
}

.box
{
  background:#fefefe;
  border: 1px solid #C3D4DB;
  -moz-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
  -webkit-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
  box-shadow:rgba(0,0,0,0.15) 0 0 1px;
  color:#444;
  overflow:hidden;
  z-index: 1;
  font-size:0.8em;
}

.box.login
{
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
  width: 100%;
  min-width: 300px;
  max-width: 535px;
}

.boxBody
{
  border:0px;
  margin:16px;
  background:#fefefe;
}

.box label
{
  display:block;
  margin:10px 0 0 6px;
}

.box input[type=text],
.box input[type=password]
{
  border:2px solid #F7F9FA;
  -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
  -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
  box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
  margin: 6px 0 6px 0;
  padding:8px 6px 8px 6px;
  width:97%;
  display:block;
}

.box input[type=text]:focus,
.box input[type=password]:focus
{
  border:2px solid #f0f7fc;
  -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
  -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
  box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
  color:#333;
}

#footer
{
  position:fixed;
  left:0;
  bottom:10px;
  text-align:center;
  width:100%;
  z-index: -100;
  font-size:0.8em;
}

.info, .success, .warning, .error, .validation
{
  border: 1px solid;
  margin: 10px 0px;
  padding:15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;   
}

.info
{
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url('../img/msgInfo.png');
}

.success
{
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image:url('../img/msgSuccess.png');
}

.warning
{
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url('../img/msgWarning.png');
}

.error
{
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('../img/msgError.png');
  width: 50%;
  margin:0 auto;
}

.hidden
{
  display: none;
}

.loginMessage
{
  width: 50%;
  margin:0 auto; 
}

.boxFooter
{
  margin-top: 10px;
  width: 100%;
}

td
{
  vertical-align: middle;
}

td.link
{
  text-decoration:underline;
  cursor:pointer;
  text-align:left;
  color:#3383bb;
}

#tblNewPassword
{
  width: 100%;  
}

#tblNewPassword td, #tblNewPassword input
{
  width: 100%;
}

#tblNewPassword td
{
  padding-top: 5px;
}

#tblNewPassword tr td.NewPasswordResult
{
  text-align: center;
  display: none;
}

#email
{
  display: inline;
  font-weight: bold;
}

td.link:hover
{
  color: #599fcf;
}

#NewPasswordResult
{
  display:none;
}

#LoginContent
{
  display: none;
}

#btnDisconnectAway
{
  float: right;
  position: relative;
}

#LockedTime, #FailedCurrent, #FailedMax
{
  display: inline;
}

#imgKloud
{
  float: right;
}

#tblPassRecovery
{
  margin: 6px 0 0 6px;
}

#btnLogin
{
  width:100%;
  font-size:1em;
}

#btnSSO
{
  width:100%;
  font-size:1em;
}