html {
   padding: 100px 5px;
}

body {
   margin:0px;
   padding:0px;
   background: #3353ca; //#93180e;//3353ca;
   background-repeat: no-repeat;
   background-image: url("./web-logon.bg2.jpeg");
   color: white;
}
body, td, p {
   font-size: 10pt;
   font-family: "Bitstream Vera Sans", "Verdana", "Arial", sans-serif;
   letter-spacing: 1px;
   line-height: 120%;
}

h1 {
   margin-top: 0px;
   padding-top: 0px;
   font-family: "Arial Black";
   font-size: 30px;
   line-height:26px;
   color: #eeeeff;
}
.content {
   color: #ffffff;
}

.main-box {
   width: 90%;
   height: 350px;
   margin: auto;
}

.intro {
  /* float: left; */
   width: 55%;
   padding: 20px;
}
.info {
  /* float: right; */
   width: 43%;
   overflow: visible;
   padding: 20px;
   padding-top: 60px;
   border-left: 1px solid #748bdf;
   min-height: 270px;
   background: url("./web-logon.bg.jpeg") no-repeat bottom center;
}
.bg-image {
   background: url("./web-logon.bg.jpeg") no-repeat bottom right;
}

.footnote {
   margin-top: 180px;
   font-size: 60%;
   color: #ccccff;
}


input {
   border: 1px solid #5b79e6;
   background: #eeeeee;
   color: #454545;
   font-size: 14px;
   letter-spacing: 1px;
   margin: 2px;
}

a {
   text-decoration: none;
   color: #f0cf17;
}

input.login {
   background: #1a8c48;
   border: 1px solid #fff;
   -moz-border-radius: 7px;
   font-size: 90%;
   color: #fff;
}

input.logout {
   background: #8c1a48;
   border: 1px solid #eee;
   -moz-border-radius: 7px;
   font-size: 90%;
   color: #fff;
}

input[name=user] {
   font-weight: bold;
}

b a {
   color: #eee;
   font-family: "Verdana","Arial Black";
   font-size: 140%;
}

form.logout {
   width:300px;
}