/* -

	webSweet

	form styling
	- CHDS 2008

--------------------- */

	
/* typography
--------------------- */

#container form fieldset input,
#container form fieldset select,
#container form fieldset textarea {
	font-size: 12px;
	color: #000;
	line-height: 120%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

/* 1 forms - universal
--------------------- */
#container form {
	width: auto;
	margin: 25px auto; padding: 0;
	background: transparent;
	border: none;
	border: 1px solid #eee;
	}
#container form fieldset {
	border: none;
	background: transparent;
	margin: 0; padding: 0;
	}
	#container form fieldset legend {
		display: none;
		}
		#container form fieldset input,
		#container form fieldset select,
		#container form fieldset textarea {
			}
		#container form fieldset input:hover,
		#container form fieldset select:hover,
		#container form fieldset textarea:hover {
			}
		#container form fieldset input:focus,
		#container form fieldset select:focus,
		#container form fieldset textarea:focus {
			}


	#container #contact_form fieldset {						/* contact form */
		padding: 0;
		margin: 0;
		width: auto; clear: both;
		}
	#container #contact_form fieldset input,
	#container #contact_form fieldset select {
		margin: 5px 0; padding: 4px 4px 4px 5px;
		width: 220px;
		}
		#container #contact_form fieldset select#query { width: 230px; }
		#container #contact_form fieldset select { }
		#container #contact_form fieldset input.button {
			margin: 0;
			width: auto; height: auto;
			border: none;
			background: transparent;
			}
		#container #contact_form fieldset textarea {
			margin: 4px 0; padding: 3px;
			width: 225px;
			height: 100px;
			clear: both;
			}

		#container #contact_form fieldset ol {
			margin: 0;
			padding: 0;
			list-style-type: none;
			border: 4px solid #fff;
			border-bottom: none;
			}
			#container #contact_form fieldset ol li {
				margin: 0;
				padding: 4px 10px;
				display: block;
				clear: both;
				background: #f7fcfd;
				}
				#container #contact_form fieldset ol li:first-child {
					padding-top: 10px;
					}
			#container #contact_form fieldset ol li label {	/* main labels styling */
				margin: 5px 0 0 0; padding: 5px 10px 0 15px; 
				display: block;
				float: left;
				width: 105px;
				clear: both;
				font-size: 12px;
				color: #444;
				font-weight: bolder;
				text-align: left;
				font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
				}

/* 2 - search form 
--------------------- */
#container #search_form {
	margin: 0 0 30px 0; padding: 0;
	}
#container #search_form fieldset {
	margin: 0; padding: 5px 5px;
	width: auto; clear: both;
	border: 4px solid #fff;
	background: #f7fcfd;
	}
#container #search_form fieldset input#query {
	margin: 5px 10px 5px 0; padding: 4px 4px 4px 5px;
	width: 150px;
	}



/* 2 - submit / highlighting / errors 
--------------------- */
#container form div.submit {
	background: #f7fcfd;
	border: 4px solid #fff;
	border-top: none;
	border-bottom: 2px solid #fff;
	}
#container form input.submit {							/* submit button */
	margin: 5px 0 5px 0; padding: 8px 20px 8px 20px;
	height: auto;
	color: #fff;
	font-weight: lighter;
	border: none;
	background: #5aa8c5;
	background: #5aa8c5 url("../images/websweet.ca-button-bg.png") repeat-x top left;
	}

	#container form input.submit:hover {
		background: #96cade;
		}
	#container form input.submit:focus {
		background: #b0daea;
		}
		
/* positioning tweaks */
#container #contact_form input.submit {	
	margin: 5px 0 15px 140px;
	}


	#container form#contact_form hr {
		clear: both;
		height: 0;
		visibility: hidden;
		}

#container form#contact_form fieldset ol li label em {		/* emphasis denoting required fields */
	color: #900;
	}
#container form#contact_form fieldset ol li.error {		/* emphasis of li if required field was left blank */
	color: #c98c00;
	}
	#container form#contact_form fieldset ol li.error input,
	#container form#contact_form fieldset ol li.error select,
	#container form#contact_form fieldset ol li.error textarea {
		color: #c98c00;
		}