BODY {
  text-align: center;
  background-image: url(../images/1.jpg);
  background-position: -100px;
}
H1 {
  display: none;
}

H3.judul {
  color: #13386a;
  margin: 5px 5px 5px 15px;
  font-size: 28px;
  padding-bottom: 7px;
}

#loginWrapper {
  /* BACKGROUND-IMAGE: url(../images/loginWrapper-bg.gif); */
  background: #0c768d;
  text-align: left;
  padding-bottom: 13px;
  padding-left: 0px;
  width: 556px;
  padding-right: 0px;
  overflow: hidden;
  padding-top: 10px;
}
#loginBox {
  background-color: #104070;
  margin: 0px 0px 0px 11px;
  width: 531px;
  height: 486px;
}
#loginBox-head {
  background-image: url(../images/loginBox-head-img.jpg);
  width: 531px;
  height: 67px;
}
#loginBox-title {
  background-image: url(../images/loginBox-title-img.png);
  background-color: #104070;
  margin: 0px;
  width: 531px;
  height: 152px;
}
#loginBox-body {
  background-image: url(../images/loginBox-body-img.jpg);
  text-align: center;
  margin: 0px;
  width: 531px;
  display: block;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  height: 221px;
  font-size: 8pt;
}
#loginBox-foot {
  background-image: url(../images/loginBox-foot-img.jpg);
  width: 531px;
  height: 46px;
}
#form-ket {
  text-align: left;
  padding-bottom: 5px;
  padding-left: 5px;
  width: 400px;
  padding-right: 5px;
  color: #1a3d6a;
  padding-top: 5px;
  background-color: #cccccc;
}

#form-login {
  text-align: left;
  padding-bottom: 25px;
  margin: 0px 140px;
  padding-left: 25px;
  width: 200px;
  padding-right: 25px;
  color: #1a3d6a;
  padding-top: 25px;
}
#form-login LABEL {
  padding-bottom: 0px;
  padding-left: 0px;
  width: 60px;
  padding-right: 0px;
  float: left;
  font-weight: bold;
  padding-top: 5px;
}
#form-login INPUT {
  border-bottom: #23497a 1px solid;
  border-left: #23497a 1px solid;
  padding-bottom: 3px;
  margin: 1px 3px;
  padding-left: 3px;
  padding-right: 3px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  border-top: #23497a 1px solid;
  border-right: #23497a 1px solid;
  padding-top: 3px;
}
#form-login HR {
  border-bottom: #23497a 1px solid;
  border-left: medium none;
  padding-bottom: 0px;
  margin: 30px 0px 5px 1px;
  padding-left: 0px;
  padding-right: 0px;
  height: 0px;
  border-top: #909311 0px solid;
  border-right: medium none;
  padding-top: 30px;
}
#form-login DIV {
  text-align: right;
}
#form-login A {
  color: #c2a905;
  text-decoration: none;
}
#form-login A:hover {
  text-decoration: underline;
}
#login-box-info {
  text-align: left;
  padding-bottom: 10px;
  margin: 0px 60px 10px;
  padding-left: 0px;
  width: 390px;
  padding-right: 10px;
  color: #23497a;
  font-size: 8pt;
  padding-top: 40px;
}
#login-box-info H2 {
  padding-bottom: 0px;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 10pt;
  padding-top: 0px;
}
#login-box-info IMG {
  margin: 0px 10px 10px 0px;
  float: left;
}
#login-box-info A {
  color: #c2a905;
  text-decoration: none;
}
#login-box-info A:hover {
  text-decoration: underline;
}

.error {
  position: relative;
  border-bottom: #ffcece 1px solid;
  border-left: #ffcece 1px solid;
  border-right: #ffcece 1px solid;
  border-top: #ffcece 1px solid;

  padding-bottom: 2px !important;
  padding-left: 25px !important;
  padding-right: 2px !important;
  padding-top: 1px !important;

  display: block;
  background: url(../images/notice-error.png) #fdf0f0 no-repeat;
  color: #990000 !important;

  height: 20px;
}

.sukses {
  position: relative;
  padding-bottom: 2px !important;
  padding-left: 25px !important;
  padding-right: 2px !important;
  padding-top: 1px !important;
  display: block;

  color: #330000;
  background-color: #6699ff;
  border: #000033 1px solid;
  margin: 0; /*top right bottom left*/
}