body{
  font: 85%/1.3 Arial;
  background: #6a00da;
}
input[type=text],input[type=password]{
	font:100%/2 Arial;
	padding:7px 10px;
	margin-bottom: 15px;
	border: #CCCCCC solid 1px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width:100%;
}
input[type=text]:focus,input[type=password]:focus{
	outline: #cce6ff solid 3px;
}
input[type=button]{
font:120%/1 Arial;
font-weight: bolder;
background: #0059b3;
padding:15px;
width:100%;
margin-top:10px;
color: #FFFFFF;
border:none;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

input[type=button]:hover{
background: #004080;
cursor:pointer;
}

/* untuk login */
#headlogin{
margin:auto;
margin-top:30px;
width:300px;
height: 130px;
background: url(../pic/GoodQuality.png) center center;
background-repeat: no-repeat;
background-size: 90px 90px;
position:relative;
}
#login{
margin:auto;
width:300px;
height:350px;
padding:20px 30px;
background: white;
/*background:linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));*/
border-radius: 30px 30px 30px 30px;
box-shadow: 0px 0px 3px 3px #f2f2f2;
position:relative;
}
#login center{
	font:150%/2 Arial;
	margin-bottom: 5px;
}
#datalogin{
float:left;
width:100%;
font: 105%/1.7 Arial;
}
#datalogin table{
	margin-top: 10px;
	font: 90%/1 Arial;
	width:100%;
	border:none;
}
#datalogin table label:hover{
	font-weight: bold;
	color: #004080;
	cursor: pointer;
}
#login_error{
	width:100%;
	color: yellow;
	text-align: center;
	margin-top:15px;
}
#foot_log{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width:100%;
	text-align: center;
	font: 120%/2 Arial;
}