/*css logon*/
.lg-bx-blank {width:100%; height:60px; Float:left;}

/*title logon*/
.lg-bx-title {width:100%; Float:left; padding-bottom:5px;}
.lg-bx-title-frame {width:400px; height:65px; border:0px solid gray;}
.lg-bx-title-logo {width:90px; height:65px; border:0px solid gray; Float:left;}
.lg-bx-title-name {width:200px; height:20px; border-left:0px dashed #999999;margin-top:15px; padding-left:10px; padding-top:5px; Float:left; text-align:left; font-size:19px; font-family:Arial,serif; color:#666666; font-weight:bold;}

/*form logon*/
.lg-bx-form {width:100%; Float:left;}
.lg-bx-form-frame {width:400px; height:150px; border-left:1px solid gray; border-right:1px solid gray; border-bottom:1px solid gray; background-color:#D7E067;}
.lg-bx-form-frame-title {width:100%; height:20px; border-top:1px solid gray; border-bottom:1px solid gray; Float:left; padding-top:2px; background-color:#71AD26; text-align:left; font-size:13px; font-family:Arial,serif; color:#FFFFFF}
.lg-bx-form-frame-blank {width:100%; height:30px; border:0px solid gray; Float:left;}
.lg-bx-form-frame-text {width:90px; height:35px; border:0px solid gray; Float:left; text-align:left; font-size:13px; font-family:Arial,serif;}
.lg-bx-form-frame-notifie {width:100%; min-height:25px; border:0px solid gray; padding-top:6px; Float:left; text-align:center; font-size:13px; font-family:Arial,serif;color:red;}
.lg-bx-form-frame-input {width:300px; height:35px; border:0px solid gray; Float:left; text-align:left;}
.lg-input {width:200px; border:1px solid #808080;}
.lg-button {width:60px; border:1px solid #808080;}

/*footer logon*/
.lg-bx-footer {width:100%; height:60px; Float:left; font-size:12px; font-family:Arial,serif; color:#333; padding-top:2px;}

/* Tombol */
.lg-button {
  border: 1px solid #3079ed;color: #fff;text-shadow: 0 1px rgba(0,0,0,0.1);background-color: #4d90fe;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
  background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
  background-image: linear-gradient(top,#4d90fe,#4787ed);
 }
.lg-button:hover {
  border: 1px solid #2f5bb7;color: #fff;text-shadow: 0 1px rgba(0,0,0,0.3);background-color: #357ae8;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
  background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
  background-image: linear-gradient(top,#4d90fe,#357ae8);
 }
.lg-button:active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
 }
.lg-button:visited {
  color: #fff;
 }
.lg-button:focus {
  -webkit-box-shadow: inset 0 0 0 1px #fff;
  -moz-box-shadow: inset 0 0 0 1px #fff;
  box-shadow: inset 0 0 0 1px #fff;
 }
.lg-button:focus:hover {
  -webkit-box-shadow: inset 0 0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.1);
  box-shadow: inset 0 0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.1);
 }