/* HTML5 friendly form divisions */

.leftcol {
	float: left;
	min-width: 155px;
	width: 25%;
	margin-right: 2%;
}

.rightcol {
	float: left;
	width: 55%;
	margin-left: 2%;
}



/* HTML5 friendly form styles */
	
form label {
	font-weight:normal;
}

.leftcol input {
	width:100%;
}

.rightcol textarea {
  width:100%;
}

	
#send {
	margin: 12px 0px;
}

/*  HTML5 form validation styles */

/**  --- asterisk for required field --- */
input.asterisk, textarea.asterisk {
	background-image: url(symbol-asterisk.png); /* the blue asterisk kept with the stylesheet folder */
	background-position: right top;
	background-repeat: no-repeat;
}

input:invalid {
    background-image: url(symbol-asterisk.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-color: #FFF;
	border-radius: 1px;
	-moz-box-shadow: 0px 0px 5px #FFC;
	-webkit-box-shadow: 0px 0px 5px #FFC;
	box-shadow: 0px 0px 5px #FFC;
  }
input:valid {
	background-color: #DDF0E6;
	border-radius: 1px;
  }
  

input:required {
    border-color: #009;
    border-width: 1px;
  }
  
textarea:invalid {
	background-image: url(symbol-asterisk.png); /* the blue asterisk kept with the stylesheet folder */
	background-position: right top;
	background-repeat: no-repeat;
	}

textarea:valid {
	background-color: #DDF0E6;
	border-radius: 1px;
  }