.field-wrapper 
{
  position: relative;
   margin: 5px 0; 
}
label 
{
  position: absolute;
  top: -13px;
  left: 0;
  font-size: 11px;
  color: #aaa;
  transition: all 0.1s linear;
  opacity: 0;
  font-weight: 400;
  z-index:1;
}
label.on 
{
  color: #aaa;
}
label.show 
{
  top: -15px;
  margin-left:10px;
  opacity: 1;
}


/* Placeholder Styles */

::-webkit-input-placeholder {
   color: #ccc;
   font-weight: lighter;
}

::-moz-input-placeholder {
   color: #ccc;
   font-weight: lighter;
}

/* Default input styles */

input[type=name],
input[type=email],
input[type=password],
input[type=number],input[type=date], input[type=tel],
input[type=text],
textarea, select {
	
	font-size: 1em;
	width: 100%;
	color: #999;
	padding: 10px;
	border: 1px solid #ddd;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

select {width:100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; color:#999; cursor:pointer;  }
option:checked {color:#999;}
option {color:#999;}
option:first-child {color: #ccc;}

.arrow{background:white url(../images/standard/downtriangle.gif); background-repeat:no-repeat; background-position:right; background-size:25px 10px;}

input[type=name]:hover,
input[type=email]:hover,
input[type=password]:hover,
input[type=text]:hover,
textarea[type=text]:hover {
	outline: none;
	border: 1px solid #bbb;
	box-shadow: none;
}

input[type=name]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus,
textarea:focus, select:focus {
	outline: none;
	border: 1px solid #00bce9;
	box-shadow: 0 0 3px #2da1ec;
}


input.highlight {
	border: 1px solid #ffcc33;
	box-shadow: 0 0 5px #ffff00;
}


.submit {
margin:5px 10px 5px 0; padding:1px 20px 0; display:inline-block; color:#FFF; border:0px solid #000; background-color:red; font-size:16px; line-height:40px; text-decoration:none; cursor:pointer; text-align:center;
}

.submit:hover {background-color:#0999F0;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}


/* Inline */




/* Validation */

input.error {
border:1px solid red;background:pink;color:red;
background-image:url(../images/standard/redx.png); background-repeat:no-repeat; background-position:right 10px center; 
}

input.error::-webkit-input-placeholder{color:red;}
input.error::-moz-input-placeholder{color:red;}

input.valid {
border:1px solid green;background:#B0FFCA;color:#090;
background-image:url(../images/standard/greentick.png); background-repeat:no-repeat; background-position:right 10px center;  
-o-transition:none !important;
-ms-transition:none !important;
-moz-transition:none !important;
-webkit-transition:none !important;
transition:none !important;
}

input.valid::-webkit-input-placeholder{color:#090;}
input.valid::-moz-input-placeholder{color:#090;}

textarea.error {
border:1px solid red;background:pink;color:red;
background-image:url(../images/standard/redx.png); background-repeat:no-repeat; background-position:right 10px center;
}

textarea.error::-webkit-input-placeholder{color:red;}
textarea.error::-moz-input-placeholder{color:red;}

textarea.valid {
border:1px solid green;background:#B0FFCA;color:#090;
background-image:url(../images/standard/greentick.png); background-repeat:no-repeat; background-position:right 10px center;
}

textarea.valid::-webkit-input-placeholder{color:red;}
textarea.valid::-moz-input-placeholder{color:red;}


select.error {
border:1px solid red;background:pink;color:red;
background-image:url(../images/standard/redx.png); background-repeat:no-repeat; background-position:right 10px center;
}

select.valid {
border:1px solid green;background:#B0FFCA;color:#090;
background-image:url(../images/standard/greentick.png); background-repeat:no-repeat; background-position:right 10px center;
}

.error {
color:#F00;
}


.input span {
  position: absolute;
  padding: 5px;
  margin-left: 3px;
  color: #999;
}
.input input, .input textarea, .input select {
  position: relative;
  margin: 0;
  margin-left:1px;
  padding: 6px;
  background: transparent;
  font: inherit;
}

/* Hack to remove Safari's extra padding. Remove if you don't care about pixel-perfection. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .input input, .input textarea, .input select { padding: 4px; }
}