html,
body {
  background-color: #fff;
  height: 100%;
  overflow: hidden;
}

body {
  font-family: sans-serif;
  font-size: 10px;
  margin: 0 auto;
  text-align: center;
}

div#wrapper {
  width: 100%;
  height: 100%;
  background-image: url("/images/login/ptsidea2.jpg");
  background-position: top;
  background-repeat: repeat-x;
  padding-top: 100px;
}

div#PTSImage {
  width: 468px;
  height: 352px;
  margin: 0 auto;
  background-image: url("/images/login/box.png");
  background-repeat: no-repeat;
}

div#PTSLogo {
  position: relative;
  width: 380px;
  background-color: #fff;
  float: left;
  margin: 75px 0px 0px -200px;
  border: 15px solid;
  border-color: #b1b3b5 #939597 #939597 #b1b3b5;
}

div#PTSLogoPadding {
  margin: 20px;
}

div#login {
  float: left;
  margin: 90px 0px 0px 50px;
  text-align: center;
}

.loginText {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 200%;
}

div#footer {
  clear: both;
  text-align: center;
}

input,
div#footerText,
a:hover.footerLink,
a:link.footerLink,
a:active.footerLink,
a:visited.footerLink {
  color: #333;
}

button {
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;

  background-color: #939597;
  padding: 8px 12px;
  margin-top: 20px;
  border-radius: 5px;
  border: 0;
}