@charset "utf-8";
/* CSS Document */

body {
	/*background:url(../images/bg_page.jpg) repeat-x;*/
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	color: #2f2f2f;
	margin: 0px;
    padding: 0px;
    background-color:#fdfbee;
	background-image:url(../images/jap_logo.png);

}

.fake-input { 
	position: relative; 
	width:100%; 

}
.fake-input input { 
	border:none: 
	background:#fff; 
 	padding: 0.35em 2.5em 0.35em 2.5em;
	width: 100%; 
    border: 1px solid #b3b1b1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;	
	 border-radius: 5px 5px 5px 5px;
}
.fake-input img { 
	position: absolute; 
	top: 6px; 
	left: 7px; 
}

.txtform {
	color: #000000; /* Firefox */
	font-size: 12px;/* Firefox */
}

.txt_info_title {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 13px;
	font-weight:bold;
}

.tblheader {
	
	color:#000000;
	text-align:center;
	font-size: 14px;
	border-collapse:collapse;
	background:#ffd600;
	height:30px;
	font-weight:bold;
	
}

#login {
position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
	
}
#logme {
	width:90px;
	height:115px;

	color:#333;
	z-index:15;
  	top: 30%;
  	left: 45%;
	position:relative;
}
#logme table {
	width:100%;
	top:13px;
	position:relative;
}
#logme .btnsubmit {
	background:url(../images/btn_masuk_off.gif);
	width:68px;
	height:25px;
	border:0;
}
#logme .btnsubmit:hover {
	background:url(../images/btn_masuk_on.gif);
	width:68px;
	height:25px;
	border:0;
}



#dload{
	width:115px;
	height:100px;
	z-index:1000;
	position:absolute;
	top:370px;
	right:35px;
}

#faq{
	width:250px;
	height:100px;
	z-index:1000;
	position:absolute;
	top:360px;
	left:0px;
}
#infos{

	z-index:1000;
	position:absolute;

}

#dload {
	right:-150px;
	color:#0000FF;
	width:305px;
	height:29px;
}
	

#req{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#999;
	text-align:center;
}
#sucess{
	
	color:#FF0000;
	text-align:center;
	text-transform:uppercase;
}
.txtlog {
	font-weight:normal;
	color:#000000;
	
}
.txtemail {
	font-weight:normal;
	color:#ffffff;
	
}
#email {
	width:205px;
	height:115px;
	color:#333;
	z-index:1000;
	top:186px;
	left:290px;
	position:absolute;
}

 .mybutton_full{
 	 width:105%;
     font-size: 14px;
     padding: 5px 40px;
     border-radius: 5px;
     border: solid 0px #443d3d;
     cursor: pointer;
     display: inline-block;
     font-family: Arial;
     color: #ffffff;
     box-shadow: 0px 10px 14px -7px #616174;
     background: -webkit-linear-gradient(90deg, #443d3d 5%, #696969 100%);
     background: -moz-linear-gradient(90deg, #443d3d 5%, #696969 100%);
     background: -ms-linear-gradient(90deg, #443d3d 5%, #696969 100%);
     background: -o-linear-gradient(90deg, #443d3d 5%, #696969 100%);
 }
 .mybutton_full:hover{
     background: -webkit-linear-gradient(90deg, #696969 5%, #443d3d 100%);
     background: -moz-linear-gradient(90deg, #696969 5%, #443d3d 100%);
     background: -ms-linear-gradient(90deg, #696969 5%, #443d3d 100%);
     background: -o-linear-gradient(90deg, #696969 5%, #443d3d 100%);
 }
 .mybutton_full:active{
     position: relative;
     top: 1px;
     box-shadow: rgba(255,255,255,0.2) 0 16px 0,inset rgba(0,0,0,0.3) 0px 4px 16px;
 }