html {
  margin:0;
  padding:0;
  height:100%;
}

body {
  background: #0c436a;
  height:100%;
  margin:0;
  font-family: Helvetica,Verdana,sans-serif;
}

div.frame-1 {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 100%;
  overflow: hidden;
  background: url('images/login-background.jpg') center no-repeat;
}

div.login-panel {
  position: relative;
  top: -65px;
  width: 481px;
  height: 338px;
}

div.login-panel div.background {
  position: absolute;
  width: 481px;
  height: 338px;
}

.vdo-logo {
  background:transparent url(images/vdo-logo.png) no-repeat;
  cursor:pointer;
  height:89px;
  width:174px;
  top:50px;
  left:35px;
  opacity:1;
  position:absolute;
}

.vdo-logo:hover {
  background:transparent url(images/vdo-logo-hover.png) no-repeat;
}

div.title {
  position: absolute;
  top: 94px;
  left: 260px;
  color: white;
  font-size: 10.5pt;
  font-weight: bold;
  /* FF;  IE */
  opacity:0.75; filter: alpha(opacity=75);
}

form.login-form {
  position: absolute;
  left: 130px;
  top: 162px;
  width: 320px;
  height: 100px;
}

form.login-form .label {
  display: inline-block;
  width: 80px;
  margin-right: 10px;
  text-align: right;
  font-size: 9pt;
  color: white;
  margin-top: 2px;
}

form.login-form .autocomplete {
  font-size: 9pt;
  color: white;
  float: left;
  margin-left: 94px;
}

form.login-form input.text {
  border: none;
  width: 195px;
  font-size: 11pt;
  line-height: 17pt;
  vertical-align:middle;
  padding: 3px 25px 0 0;
}

form.login-form div.submit {
  text-align: right;
}

form.login-form div.line {
  margin-bottom: 6px;
}

form.login-form input.submit {
  color: blue;
  background: transparent;
  border: 0;
  font-size: 9pt;
  color: white;
}

div.footer {
  position: relative;
  top: 368px;
  left: 40px;
  color: #c1d9eb;
  width: 400px;
  text-align: center;
  font-size: 8pt;
}

div.footer hr {
  height: 1px;
  background-color: #c1d9eb;
  color: #c1d9eb;
  border: 0 none;
}

a.hidden-link:hover {
  text-decoration: underline;
  color: #0000ff;
}

a.hidden-link {
  text-decoration: none;
  color: #c1d9eb;
}

.bottom-bar {
  color: white;
  opacity: 0.75;
  font-size:10pt;
  padding-top: 10px;
  font-weight: bold;
}

#eye-icon {
  cursor: pointer;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  margin-left: -25px;
}