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

#field {
	background-color: #FFF;
	display: block;
	margin: 30px auto;
	padding: 2% 5%;
	width: 80%;
	border: solid 1px #666666;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

body,p,form,input{margin: 0}

form p{
    font-size: 14px;
    }

.id,.pass{
    margin-bottom: 20px;
    }

input[type="text"],
input[type="password"] {
    width: 100%;
    padding: 4px;
    font-size: 14px;
    }
    
.submit{
    text-align: center;
    }

.submit input {
  background: #fafafa;
  background-image: -webkit-linear-gradient(top, #fafafa, #ededed);
  background-image: -moz-linear-gradient(top, #fafafa, #ededed);
  background-image: -ms-linear-gradient(top, #fafafa, #ededed);
  background-image: -o-linear-gradient(top, #fafafa, #ededed);
  background-image: linear-gradient(to bottom, #fafafa, #ededed);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 2px #999999;
  -moz-box-shadow: 0px 1px 2px #999999;
  box-shadow: 0px 1px 2px #999999;
  font-family: Arial;
  color: #595659;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  border: solid #ededed 1px;
  text-decoration: none;
}

.submit input:hover {
  background: #f7f9fa;
  background-image: -webkit-linear-gradient(top, #f7f9fa, #dbdbdb);
  background-image: -moz-linear-gradient(top, #f7f9fa, #dbdbdb);
  background-image: -ms-linear-gradient(top, #f7f9fa, #dbdbdb);
  background-image: -o-linear-gradient(top, #f7f9fa, #dbdbdb);
  background-image: linear-gradient(to bottom, #f7f9fa, #dbdbdb);
  text-decoration: none;
}