/*
***********************************************************************
  JQUERY TOOLS	 - customised form style sheet
***********************************************************************
*/


/* form style */
#myform {
	padding:25px 20px;
	color:#32363f;
	width:400px;
	margin:15px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color: #CCC;
	background-image: url(../img/h300.png);
	background-repeat: repeat-x;
} 

/* nested fieldset */
#myform fieldset {
	border:0;
	margin:0;
	padding:0;
}

/* typography */
#myform h3 	{
	color:#32363f;
	margin-top:0px;
}
#myform p 	{ font-size:11px; }


/* input field */
#myform input {
	border:1px solid #444;
	background-color:#E8E8E8;
	padding:5px;
	color:#32363f;
	font-size:12px;
	/* CSS3 spicing */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	/*text-shadow:1px 1px 1px #000;*/
}

#myform input:focus 		{
	color:#dddada;
	background-color:#575757;
}
#myform input:active 	{ background-color:#888; }


#myform textarea {
	border:1px solid #444;
	background-color:#E8E8E8;
	color:#32363f;
	font-size:12px;
	/* CSS3 spicing */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	/*text-shadow:1px 1px 1px #000;*/
}

#myform textarea:focus 		{
	color:#dddada;
	background-color:#575757;
}
#myform textarea:active 	{ background-color:#888; }


/* button */
#myform button {
	outline:0;
	border:1px solid #666;
	margin: 20px 0 0 0;
	background-color: #dddada;
}


/* error message */
.error {
	height:15px;
	background-color:#dddada;
	font-size:11px;
	border:1px solid #6d1716;
	padding:4px 10px;
	color:#000;
	margin-left:-2px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

/* field label */
label {
	display:block;
	text-transform:uppercase;
	font-size:11px;
	color:#32363f;
}

#terms label {
	float:left;
}

#terms input {
	margin:0 5px;
}
