@font-face{
  font-family: DroidSans;
  src: url("../fonts/DroidSans.ttf");
}

@font-face{
  font-family: DroidSansBold;
  src: url("fonts/DroidSans-Bold.ttf");
}

@font-face{
  font-family:"Freestyle Script";
  src : url("fonts/FREESCPT.TTF");
}

body{
background:url(images/bg_bodylogin.png) repeat-x top #2680b9;
font-family:Verdana, Geneva,"Lucioda Grande" ,sans-serif;
padding:0px;margin:0px;
}

#formdialog{background:#fff;}

#content{width:100%;background:transparent;}
#content .cloud{display:block;width:500px;height:305px;border:0px solid black;top:100px;position:relative;background:url(images/cloud.png);margin:0px;}
#content .splash{display:block;width:642px;height:230px;padding:170px 0px 0px 0px;border:0px solid black;top:100px;position:relative;background:url(images/splash.png) no-repeat;margin:0px;}
#content .formlogin{display:block;width:650px;height:100px;border:0px solid red;top:90px;position:relative;margin:0px;padding:0px;}
#content .input_login{background: #fff;font-size:1.3em;padding:4px 8px 4px 10px;color:#333;border-radius:8px;border:4px solid #2476cf;margin:0px;height:20px;width:200px;}
#content .button{margin:0px;height:42px;width:113px;background:url(images/bt_grey.png);border:0px;cursor:pointer;font : 16pt DroidSansBold; color:#fff;  text-shadow: 0px 0 5px #000000; letter-spacing:-1pt;}
#content .button_login{margin:0px;height:31px;width:84px;background:url(images/bt_blue.png);border:0px;cursor:pointer;font : 11pt DroidSansBold; color:#fff;  text-shadow: 0px 0 5px #000000; letter-spacing:-1pt;}
#content .button_lupa{margin:0px;height:36px;width:176px;background:url(images/bt_blue2.png);border:0px;cursor:pointer;font : 13pt DroidSansBold; color:#fff;  text-shadow: 0px 0 5px #000000; letter-spacing:-1pt;}

/*#CaptchaField{background: #fff;font-size:1.3em;padding:4px 2px 4px 2px;color:#333;border-radius:8px;border:4px solid #2476cf;margin:0px;width:98%;}*/
#CaptchaField{background: #fff;padding:0 5px 8px 3px !important; width:100px;border-radius:5px;float:left;height:25px;}

#content .input_login_glow{outline:0 !important; background: #f3ff90 !important;font-size:1.3em;
                           padding:4px 8px 4px 10px;
                           color:#222;border-radius:8px;border:4px solid #2476cf;margin:0px;height:20px;
                           box-shadow:0px 0px 20px #24e4fb !important;}
.idtf{font-size:10px;color:white;}
#content .buttontrans{margin:0px;height:37px;width:97px;background:url(images/bt_yel.png);border:0px;cursor:pointer;font : 13pt DroidSansBold; color:#fff;  text-shadow: 0px 0 5px #000000; letter-spacing:-1pt;}
#content .bt_yellow{margin:0px;height:31px;width:80px;background:url(images/bt_yel_li.png);border:0px;cursor:pointer;font : 11pt DroidSansBold; color:#fff;  text-shadow: 0px 0 5px #000000; letter-spacing:-1pt;}
#content .bt_yellow2{margin:0px;height:31px;width:131px;background:url(images/bt_yel_li2.png);border:0px;cursor:pointer;font : 11pt DroidSansBold; color:#fff;  text-shadow: 0px 0 5px #000000; letter-spacing:-1pt;}
#footer {position:relative; top:30px;color:white; font-size:10px;}
#footer .perpus{background:url(images/logo_kecil.png) no-repeat top left;height:25px;padding:5px 0px 5px 28px; text-shadow:0px 0px 3px black;}

#content .lupaacc{margin:0px;height:30px;width:97px;display:block;background:url(images/bt_yel.png);border:0px;cursor:pointer;font : 13pt DroidSansBold; color:#fff;  text-shadow: 0px 0 5px #000000; letter-spacing:-1pt;text-decoration:none;text-align:center;padding-top:7px;}

.vert{border:0px solid red;width:100px; font-size:13pt;display: block; position: absolute; top: 42px;
      -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);
     font-weight:bold;font-family: DroidSansBold;right:0px;text-shadow: 0px 0 5px #fff;
     letter-spacing:-1pt;right:-30px;color:#262626;}
     
#lblDaftarSukses
{-re
    text-align:center !important;   
}

.RefreshCaptcha
{
    background:url('images/BtRefresh.png') no-repeat;
    border-radius:3px;
    width:25px;
    height:25px; cursor:pointer; outline:none;
    border:0px;
}

.BtnBlue
{
    background:url('images/bg_but_blue.png') repeat-x !important;
    border: 1px solid #015ba8;
    color:#fff; font-size:8pt; font-weight:bold;
    padding:7px !important;
    cursor:pointer;
}

.BtnBlueBig
{
    background:url('images/bg_but_blue.png') repeat-x !important;
    border: 1px solid #015ba8;
    color:#fff; font-size:12pt; font-weight:bold;
    padding:7px 20px !important;
    cursor:pointer;
}

.BtnBlue:hover, .BtnBlueBig:hover
{
    background:#2fb5f1 !important;
}

.logo{
  position:relative !important;
  top:15px !important;
  left:26px !important; 
  float:left !important;
  border:1px solid red;
  width:500px;
  min-height:100px;
}

#HeaderDaftar
{
    position:relative;
    width:100%;
}