/* 7.FORMS ============================================================================= */

form { 
margin : 0; }

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

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

label { 
font-weight : normal;
cursor : pointer; }

button, 
input, 
select, 
textarea { 
font-size : 100%; 
margin : 0; 
vertical-align : baseline; 
*vertical-align : middle; }

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

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
cursor : pointer; }

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;  }

textarea { 
overflow : auto; 
vertical-align : top; 
margin: 8px 0;
}

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

input:invalid, 
textarea:invalid {
-webkit-box-shadow : 0 0 2px rgb(255,0,0); 
-moz-box-shadow : 0 0 2px rgb(255,0,0);
box-shadow : 0 0 2px rgb(255,0,0); }

.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid {
background-color : rgb(240,221,221); }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
-webkit-appearance : button;}

::-webkit-input-placeholder
{
	font-size: .875em;
	line-height: 1.4;
}

input:-moz-placeholder { 
font-size : .875em; 
line-height : 1.4; }



/* Form styles */
div.form-container
{
	margin: 10px;
	padding: 5px;
}

p.legend { margin-bottom: 1em; }

p.legend em
{
	color: #C00;
	font-style: normal;
}

div.errors
{
	margin: 0 0 10px 0;
	padding: 5px 10px;
	border: #FC6 1px solid;
	background-color: #FFC;
}

div.errors p { margin: 0; }

div.errors p em
{
	color: #C00;
	font-style: normal;
	font-weight: bold;
}

div.form-container form p { margin: 0; }

div.form-container form p.note
{
	margin: -4px 0 4px 170px;
	font-size: 85%;
	color: #999;
	font-style: italic;
}

div.form-container form fieldset
{
	margin: 10px 0;
	padding: 10px;
	border: #DDD 1px solid;
}

div.form-container form legend
{
	font-weight: bold;
	color: #666;
}

div.form-container form fieldset div { padding: 0.25em 0; }

div.form-container label, 
div.form-container span.label
{
	margin-right: 10px;
	padding-right: 10px;
	width: 150px;
	display: block;
	float: left;
	text-align: right;
	position: relative;
}

div.form-container label.error, 
div.form-container span.error { color: #C00; }

div.form-container label em, 
div.form-container span.label em {
	position: absolute;
	right: 1px;
	font-size: 80%;
	font-style: normal;
	color: orangered;
}

div.form-container input.error
{
	border-color: #C00;
	background-color: #FEF;
}

div.form-container input[type="text"] {
	border-color: #a5b7c9;
	background-color: #EEE;
	margin-bottom: 8px;
}

div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus
{
	background-color: #FFC;
	border-color: #FC6;
}

div.form-container div.controlset label, 
div.form-container div.controlset input
{
	display: inline;
	float: none;
}

div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }

input[type="submit"]
{
background-color:green;
border-width:1px;
border-color:#66c433;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
background-image: -moz-linear-gradient(top, #0a620a, #1bd825);
background-image: -webkit-gradient(linear, center top, center bottom, from(#0a620a), to(#1bd825));
background-image: -o-linear-gradient(top, #0a620a, #1bd825);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a620a', endColorstr='#1bd825');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a620a', endColorstr='#1bd825')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: linear-gradient(top, #0a620a, #1bd825);
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
	color: white;
	font-size: 1.5em;
	margin: 12px 0;
	padding : 4px 24px;
}

input:hover[type="submit"]
{
	background: gold;
	color: black;
}