body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#username
{
   border: 1px #CCCCCC solid;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color :#000000;
   font-family: Lato;
   font-weight: normal;
   font-size: 15px;
   padding: 4px 4px 4px 15px;
   text-align: center;
   vertical-align: middle;
}
#username:focus
{
   border-color: #66AFE9;
   -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}
#password
{
   border: 1px #CCCCCC solid;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color :#000000;
   font-family: Lato;
   font-weight: normal;
   font-size: 15px;
   padding: 4px 4px 4px 15px;
   text-align: center;
   vertical-align: middle;
}
#password:focus
{
   border-color: #66AFE9;
   -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}
#btn_login
{
   border: 1px #2E6DA4 solid;
   border-radius: 4px;
   background-color: #8AC9F2;
   background-image: none;
   color: #FFFFFF;
   font-family: "Lato Black";
   font-weight: normal;
   font-size: 13px;
}
#wb_lupa_password 
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_lupa_password div
{
   text-align: center;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text1 div
{
   text-align: center;
}
#Image1
{
   border: 0px #000000 solid;
   padding: 0px 0px 0px 0px;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Image2
{
   border: 0px #000000 solid;
   padding: 0px 0px 0px 0px;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Layer1
{
   background-color: #388DC5;
   background-image: none;
}
#wb_Form1
{
   background-color: transparent;
   background-image: none;
   border: 0px #CCCCCC solid;
}
#wb_Text1
{
   position: absolute;
   left: 20px;
   top: 11px;
   width: 203px;
   height: 24px;
   text-align: center;
   z-index: 4;
}
#username
{
   position: absolute;
   left: 20px;
   top: 61px;
   width: 182px;
   height: 32px;
   line-height: 32px;
   z-index: 0;
}
#wb_Image1
{
   position: absolute;
   left: 30px;
   top: 70px;
   width: 25px;
   height: 25px;
   z-index: 6;
}
#wb_Image2
{
   position: absolute;
   left: 33px;
   top: 124px;
   width: 19px;
   height: 25px;
   z-index: 3;
}
#Layer1
{
   position: absolute;
   text-align: left;
   left: 67px;
   top: 23px;
   width: 311px;
   height: 341px;
   z-index: 15;
}
#btn_login
{
   position: absolute;
   left: 20px;
   top: 183px;
   width: 203px;
   height: 42px;
   z-index: 2;
}
#password
{
   position: absolute;
   left: 20px;
   top: 115px;
   width: 182px;
   height: 32px;
   line-height: 32px;
   z-index: 1;
}
#wb_Form1
{
   position: absolute;
   left: 34px;
   top: 33px;
   width: 234px;
   height: 275px;
   z-index: 7;
}
#wb_lupa_password
{
   position: absolute;
   left: 52px;
   top: 240px;
   width: 138px;
   height: 21px;
   text-align: center;
   z-index: 5;
}
@media only screen and (min-width: 1366px)
{
#username
{
   left: 20px;
   top: 61px;
   width: 182px;
   height: 32px;
   visibility: visible;
   display: inline;
   color: #000000;
   font-size: 15px;
   font-family: Lato;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 4px;
}
#password
{
   left: 20px;
   top: 115px;
   width: 182px;
   height: 32px;
   visibility: visible;
   display: inline;
   color: #000000;
   font-size: 15px;
   font-family: Lato;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 4px;
}
#btn_login
{
   left: 20px;
   top: 183px;
   width: 203px;
   height: 42px;
   visibility: visible;
   display: inline;
   color: #FFFFFF;
   font-size: 13px;
   font-family: "Lato Black";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #8AC9F2;
   background-image: none;
   border-radius: 4px;
}
#wb_lupa_password
{
   left: 52px;
   top: 240px;
   width: 138px;
   height: 21px;
   visibility: visible;
   display: inline;
   font-size: 8px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
}
#wb_Text1
{
   left: 20px;
   top: 11px;
   width: 203px;
   height: 24px;
   visibility: visible;
   display: inline;
   font-size: 8px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
}
#wb_Image1
{
   left: 30px;
   top: 70px;
   width: 25px;
   height: 25px;
   visibility: visible;
   display: inline;
}
#wb_Image2
{
   left: 33px;
   top: 124px;
   width: 19px;
   height: 25px;
   visibility: visible;
   display: inline;
}
#Layer1
{
   width: 311px;
   height: 341px;
   visibility: visible;
   display: inline;
   font-size: 13px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #388DC5;
   background-image: none;
   border-radius: 10px;
}
#wb_Form1
{
   left: 34px;
   top: 33px;
   width: 234px;
   height: 275px;
   visibility: visible;
   display: inline;
   font-size: 13px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1365px)
{
#username
{
   left: 20px;
   top: 61px;
   width: 182px;
   height: 32px;
   visibility: visible;
   display: inline;
   color: #000000;
   font-size: 15px;
   font-family: Lato;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 4px;
}
#password
{
   left: 20px;
   top: 115px;
   width: 182px;
   height: 32px;
   visibility: visible;
   display: inline;
   color: #000000;
   font-size: 15px;
   font-family: Lato;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 4px;
}
#btn_login
{
   left: 20px;
   top: 183px;
   width: 203px;
   height: 42px;
   visibility: visible;
   display: inline;
   color: #FFFFFF;
   font-size: 13px;
   font-family: "Lato Black";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #8AC9F2;
   background-image: none;
   border-radius: 4px;
}
#wb_lupa_password
{
   left: 52px;
   top: 240px;
   width: 138px;
   height: 21px;
   visibility: visible;
   display: inline;
   font-size: 8px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
}
#wb_Text1
{
   left: 20px;
   top: 11px;
   width: 203px;
   height: 24px;
   visibility: visible;
   display: inline;
   font-size: 8px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
}
#wb_Image1
{
   left: 30px;
   top: 70px;
   width: 25px;
   height: 25px;
   visibility: visible;
   display: inline;
}
#wb_Image2
{
   left: 33px;
   top: 124px;
   width: 19px;
   height: 25px;
   visibility: visible;
   display: inline;
}
#Layer1
{
   width: 311px;
   height: 341px;
   visibility: visible;
   display: inline;
   font-size: 13px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #388DC5;
   background-image: none;
   border-radius: 10px;
}
#wb_Form1
{
   left: 34px;
   top: 33px;
   width: 234px;
   height: 275px;
   visibility: visible;
   display: inline;
   font-size: 13px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px)
{
#username
{
   left: 20px;
   top: 61px;
   width: 182px;
   height: 32px;
   visibility: visible;
   display: inline;
   color: #000000;
   font-size: 15px;
   font-family: Lato;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 4px;
}
#password
{
   left: 20px;
   top: 115px;
   width: 182px;
   height: 32px;
   visibility: visible;
   display: inline;
   color: #000000;
   font-size: 15px;
   font-family: Lato;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 4px;
}
#btn_login
{
   left: 20px;
   top: 183px;
   width: 203px;
   height: 42px;
   visibility: visible;
   display: inline;
   color: #FFFFFF;
   font-size: 13px;
   font-family: "Lato Black";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #8AC9F2;
   background-image: none;
   border-radius: 4px;
}
#wb_lupa_password
{
   left: 52px;
   top: 240px;
   width: 138px;
   height: 21px;
   visibility: visible;
   display: inline;
   font-size: 8px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
}
#wb_Text1
{
   left: 20px;
   top: 11px;
   width: 203px;
   height: 24px;
   visibility: visible;
   display: inline;
   font-size: 8px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
}
#wb_Image1
{
   left: 30px;
   top: 70px;
   width: 25px;
   height: 25px;
   visibility: visible;
   display: inline;
}
#wb_Image2
{
   left: 33px;
   top: 124px;
   width: 19px;
   height: 25px;
   visibility: visible;
   display: inline;
}
#Layer1
{
   width: 311px;
   height: 341px;
   visibility: visible;
   display: inline;
   font-size: 13px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #388DC5;
   background-image: none;
   border-radius: 10px;
}
#wb_Form1
{
   left: 34px;
   top: 33px;
   width: 234px;
   height: 275px;
   visibility: visible;
   display: inline;
   font-size: 13px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
}
}
@media only screen and (min-width: 640px) and (max-width: 767px)
{
#username
{
   left: 20px;
   top: 61px;
   width: 182px;
   height: 32px;
   visibility: visible;
   display: inline;
   color: #000000;
   font-size: 15px;
   font-family: Lato;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 4px;
}
#password
{
   left: 20px;
   top: 115px;
   width: 182px;
   height: 32px;
   visibility: visible;
   display: inline;
   color: #000000;
   font-size: 15px;
   font-family: Lato;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 4px;
}
#btn_login
{
   left: 20px;
   top: 183px;
   width: 203px;
   height: 42px;
   visibility: visible;
   display: inline;
   color: #FFFFFF;
   font-size: 13px;
   font-family: "Lato Black";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #8AC9F2;
   background-image: none;
   border-radius: 4px;
}
#wb_lupa_password
{
   left: 52px;
   top: 240px;
   width: 138px;
   height: 21px;
   visibility: visible;
   display: inline;
   font-size: 8px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
}
#wb_Text1
{
   left: 20px;
   top: 11px;
   width: 203px;
   height: 24px;
   visibility: visible;
   display: inline;
   font-size: 8px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
}
#wb_Image1
{
   left: 30px;
   top: 70px;
   width: 25px;
   height: 25px;
   visibility: visible;
   display: inline;
}
#wb_Image2
{
   left: 33px;
   top: 124px;
   width: 19px;
   height: 25px;
   visibility: visible;
   display: inline;
}
#Layer1
{
   width: 311px;
   height: 341px;
   visibility: visible;
   display: inline;
   font-size: 13px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #388DC5;
   background-image: none;
   border-radius: 10px;
}
#wb_Form1
{
   left: 34px;
   top: 33px;
   width: 234px;
   height: 275px;
   visibility: visible;
   display: inline;
   font-size: 13px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
}
}
@media only screen and (max-width: 639px)
{
#username
{
   left: 20px;
   top: 61px;
   width: 182px;
   height: 32px;
   visibility: visible;
   display: inline;
   color: #000000;
   font-size: 15px;
   font-family: Lato;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 4px;
}
#password
{
   left: 20px;
   top: 115px;
   width: 182px;
   height: 32px;
   visibility: visible;
   display: inline;
   color: #000000;
   font-size: 15px;
   font-family: Lato;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 4px;
}
#btn_login
{
   left: 20px;
   top: 183px;
   width: 203px;
   height: 42px;
   visibility: visible;
   display: inline;
   color: #FFFFFF;
   font-size: 13px;
   font-family: "Lato Black";
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #8AC9F2;
   background-image: none;
   border-radius: 4px;
}
#wb_lupa_password
{
   left: 52px;
   top: 240px;
   width: 138px;
   height: 21px;
   visibility: visible;
   display: inline;
   font-size: 8px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
}
#wb_Text1
{
   left: 20px;
   top: 11px;
   width: 203px;
   height: 24px;
   visibility: visible;
   display: inline;
   font-size: 8px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
}
#wb_Image1
{
   left: 30px;
   top: 70px;
   width: 25px;
   height: 25px;
   visibility: visible;
   display: inline;
}
#wb_Image2
{
   left: 33px;
   top: 124px;
   width: 19px;
   height: 25px;
   visibility: visible;
   display: inline;
}
#Layer1
{
   width: 311px;
   height: 341px;
   visibility: visible;
   display: inline;
   font-size: 13px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #388DC5;
   background-image: none;
   border-radius: 10px;
}
#wb_Form1
{
   left: 34px;
   top: 33px;
   width: 234px;
   height: 275px;
   visibility: visible;
   display: inline;
   font-size: 13px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
}
}