@charset "utf-8";
/* CSS Document */
button, 
input, 
select, 
textarea { 
	font-family : verdana, arial, helvetica, helve, sans-serif;
	color : #333; 
}


form { 
	margin : 0; 
}

fieldset { 
	margin-bottom : 1.5em; 
	padding : 0; 
	border-width : 0; 
}

legend { 
	*margin-left : -7px; 
	padding : 0; 
	border-width : 0;
}

label{
	font-family: "Lato", verdana, arial, helvetica, helve, sans-serif;
	font-weight : normal;
	cursor : pointer;
	display:block;
	margin:0;
	position:relative;
	top:0;
	left:0;
	color: #333;
	text-align: left;
}


	label.inline{
		display:inline;
		margin:0;
	}
	
	label span{
		color:#333;
		font-size:0.9em;
	}
	
	label span.right{
		position:absolute;
		bottom:0;
		right:1em;
		text-align:right;
	}
	
	label.disabled{
		color:#ccc;
	}

 
search,
input, 
select {
	color: #000;
	width: 100%;
	border:none;
	border-bottom: 1px solid #8d190e;
	font-family: Lato,"Fjalla One", verdana, arial, helvetica, helve, sans-serif;
	padding: 5px;
	background: rgba(0,0,0,0.1);
	margin: 0px 0px 10px 0px;
	border-radius:4px;
	-webkit-transition: background-color 0.5s ease-in-out;
	-moz-transition: background-color 0.5s ease-in-out;
	-o-transition: background-color 0.5s ease-in-out;
	-ms-transition: background-color 0.5s ease-in-out;
	transition: background-color 0.5s ease-in-out;		
}

textarea { 	
	font-size : 100%; 
	margin : 0;
	vertical-align : baseline; 
	*vertical-align : middle; 
	color: #333;
	width: 100%;
	border:none;
	border-bottom: 1px solid #8d190e;
	font-family: Lato,"Fjalla One", verdana, arial, helvetica, helve, sans-serif;
	border-radius:4px;

	background: rgba(0,0,0,0.1);
	margin: 0px 0px 10px 0px;
	-webkit-transition: background-color 0.5s ease-in-out;
	-moz-transition: background-color 0.5s ease-in-out;
	-o-transition: background-color 0.5s ease-in-out;
	-ms-transition: background-color 0.5s ease-in-out;
	transition: background-color 0.5s ease-in-out;	
}

 input { 
	line-height : normal; 
	*overflow : visible; 
}

input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
	font-family: "Lato", verdana, arial, helvetica, helve, sans-serif;
	font-size:.65em;
	font-weight:bold;
	color:#FFF;
	background:#466970;
	margin:0;
	padding:12px 10px;
	border-radius:4px;
	text-transform:uppercase;
	float:left;
	border:none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

 
input[type="button"], 
input[type="reset"], 
input[type=submit]:hover {background-color:#20454c;color:#FFF;
		
}

input[type="checkbox"], 
input[type="radio"] { 
	box-sizing : border-box; 
}

input[type="search"] { 
	box-sizing : content-box;
}

input::-moz-focus-inner { 
	padding : 0;
	border : 0;  
}

	input::-webkit-input-placeholder,
	input:-moz-placeholder,
	.placeholder{
		color:#bbb;
	}
	
	input::-moz-focus-inner {
		border:0;
	}

	input[disabled="disabled"], input.disabled{
		color:#999;
		background:#f5f5f5;
		-moz-box-shadow:inset 0px 0px 2px #ddd;
		-webkit-box-shadow:inset 0px 1px 2px #ddd;
		box-shadow:inset 0px 1px 2px #ddd;
	}


/* Colors for form validity */
input:valid, 
textarea:valid   {  
/* Styles */ }

input:invalid, 
textarea:invalid {
	-webkit-box-shadow : 0 0 2px #f00; 
	-moz-box-shadow : 0 0 2px #f00;
	box-shadow : 0 0 2px #f00; 
}

.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid {
	background-color : #ccc; 
}

.err {
	font-size : 12px;
	color: red;
}