::-webkit-input-placeholder {
   color: rgba(255,255,255,.8);  
   font-style:italic;
   font-size:1em;
}

:-moz-placeholder { /* Firefox 18- */
   color: rgba(255,255,255,.8);  
   font-style:italic;
   font-size:1em;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: rgba(255,255,255,.8);  
   font-style:italic;
   font-size:1em;
}

:-ms-input-placeholder {  
   color: rgba(255,255,255,.8);  
   font-style:italic;
   font-size:1em;
}
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;
	display:block;
	position:relative;
	margin: 5px 0 0;
	top:0;
	left:0;
	color: #666;
}
	label.inline{
		display:inline;
		margin:0;
	}
	label span{
		color:#666;
		font-size:0.9em;
	}
	label span.right{
		position:absolute;
		bottom:0;
		right:1em;
		text-align:right;
	}
	label.disabled{
		color:#ccc;
	}
button, 
search,
input, 
select,
textarea {
	font-family: "Lato", verdana, arial, helvetica, helve, sans-serif;
	width:100%;
	display:block;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	color: #222;
	border-radius:2px;
	border: 1px solid #326ECF;
	background: rgba(0,0,0,0);
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;		
}
input:focus, 
textarea:focus {
	background: #326ECF;
	color:#FFF;
	outline:none;
}

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
	overflow : visible;
	font-family: "Lato", verdana, arial, helvetica, helve, sans-serif;
	font-weight: bold;
	line-height : normal;
	padding: 5px;
	margin: 10px 0 0;
	color: #666;
	border:none;
	border-radius:3px;
	box-shadow: 0px 2px 0px #a7a7a7;
	background-color: #d8d8d8;
	cursor : pointer; 
	
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

button:hover, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type=submit]:hover {
	background-color: #326ECF;
	box-shadow: 0px 2px 0px #151515;
	color:#FFF;
		
}

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

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

button::-moz-focus-inner, 
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;
}
.err li{
	font-size : 12px;
	color: red;
}