input[type=text] {
	width: 200px;
	box-sizing: border-box;
	border: 2px solid #ccc;
	border-radius: 4px;
	font-size: 1em;
	background-color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	-webkit-transition: width 0.4s ease-in-out;
	transition: width 0.4s ease-in-out;
}
input[type=text]:focus {
    width: 95%;
}
input[type=number] {
	width: 200px;
	box-sizing: border-box;
	border: 2px solid #ccc;
	border-radius: 4px;
	font-size: 1em;
	background-color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	-webkit-transition: width 0.4s ease-in-out;
	transition: width 0.4s ease-in-out;
}
input[type=number]:focus {
    width: 95%;
}
input[type=email] {
	width: 200px;
	box-sizing: border-box;
	border: 2px solid #ccc;
	border-radius: 4px;
	font-size: 1em;
	background-color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	-webkit-transition: width 0.4s ease-in-out;
	transition: width 0.4s ease-in-out;
}
input[type=email]:focus
{
    width: 95%;
}
input[type=file] {
	width: 300px;
	box-sizing: border-box;
	border: 2px solid #ccc;
	border-radius: 4px;
	font-size: 1em;
	background-color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	-webkit-transition: width 0.4s ease-in-out;
	transition: width 0.4s ease-in-out;
}
input[type=file]:focus {
    width: 95%;
}
input[type=submit] {
    padding:5px 15px; 
    background-color:#9bc297; 
	font-size: 1em;
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}
input[type=submit]:hover {
    background-color: #8f435d;
	font-size: 1em;
	color: white;
} 
textarea {
	width: 95%;
	padding: 10px 10px;
	font-size: 1em;
	background-color: #FFFFFF;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	line-height: 150%;
}
table
{
border-collapse:collapse;
width:100%;
}
table,th, td
{
border: 1px solid silver;
}
th { background-color: #e6ebd3;
}
td {
	padding:5px; 
	text-align: left;
	font-style: normal;
	}