website_jukni/tools/css/form.css

.form1 {
	width:18em;
	position:relative;
	margin-left: auto;
	margin-right: auto;
}
.entry {
	background-color:white;
	padding:7px 6px;
	border:none;
	border-radius:5px;
	margin:5px;
	box-shadow: 4px 4px 10px #888888;

	

}
/* Select menu */

.select {
	float:right;
	background-color:#DDDCEC;
	padding:3px 6px;
	border:none;
	border-radius:5px;
	color: #352F85;
		}

/*Number*/
.number {
	background-color:#DDDCEC;
	color: #352F85;
	width:3em;
	float:right;
	text-align:center;
}

.number:focus {
	background-color: lightblue;
}

	/* For mozilla */
input[type=number] { 
  -moz-appearance: textfield;
  appearance: textfield;
  margin: 0; 
}

	/* for Chrome */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
      -webkit-appearance: none; 
      margin: 0; 
}
/* Submit */
.submit {
	
	color: white;
	background-color:#04376C;
	padding: 10px;
	text-decoration: none;
	margin-top:1em;
	margin-bottom:1em;
	margin-left:60%;
	cursor: pointer;
	border: 1px solid #689CD3;
	border-radius: 5px;
}
.submit:hover {
	box-shadow: 4px 4px 10px #888888;
	background-color:#352F85;
}
/* Table */
	 table {
	     background:#eaebec;
	     margin:20px;
	     border:#ccc 1px solid;

	     -moz-border-radius:3px;
	     -webkit-border-radius:3px;
	     border-radius:3px;

	     -moz-box-shadow: 0 1px 2px #d1d1d1;
	     -webkit-box-shadow: 0 1px 2px #d1d1d1;
	     box-shadow: 0 1px 2px #d1d1d1;
	     
		margin-left: auto;
		margin-right: auto;
		width:100%;
	 }
	 table th {
	     padding:21px 25px 22px 25px;
	     border-top:1px solid #fafafa;
	     border-bottom:1px solid #e0e0e0;

	     background: #ededed;
	     background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	     background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
	 }
	 table th:first-child {
	     text-align: left;
	     padding-left:20px;
	 }
	 table tr:first-child th:first-child {
	     -moz-border-radius-topleft:3px;
	     -webkit-border-top-left-radius:3px;
	     border-top-left-radius:3px;
	 }
	 table tr:first-child th:last-child {
	     -moz-border-radius-topright:3px;
	     -webkit-border-top-right-radius:3px;
	     border-top-right-radius:3px;
	 }
	 table tr {
	     text-align: center;
	     padding-left:20px;
	 }
	 table td:first-child {
	     text-align: left;
	     padding-left:20px;
	     border-left: 0;
	 }
	 table td {
	     padding:18px;
	     border-top: 1px solid #ffffff;
	     border-bottom:1px solid #e0e0e0;
	     border-left: 1px solid #e0e0e0;
	     
	     background: #fafafa;
	     background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	     background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
	 }
	 table tr.even td {
	     background: #f6f6f6;
	     background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	     background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
	 }
	 table tr:last-child td {
	     border-bottom:0;
	 }
	 table tr:last-child td:first-child {
	     -moz-border-radius-bottomleft:3px;
	     -webkit-border-bottom-left-radius:3px;
	     border-bottom-left-radius:3px;
	 }
	 table tr:last-child td:last-child {
	     -moz-border-radius-bottomright:3px;
	     -webkit-border-bottom-right-radius:3px;
	     border-bottom-right-radius:3px;
	 }
	 table tr:hover td {
	     background: #f2f2f2;
	     background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	     background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
	 }