/*
		Name: Global Form Styles
		Description: Default styling for forms.
					 Message classes borrowed from
					 http://www.blueprintcss.org/
		Coder: Enrique Ramirez
		Coder URI: http://enrique-ramirez.com
	*/

	fieldset {
		background: #f5f5f5;
		border: 1px solid #eee;
		margin: 1.5em 0;
		padding: 1em;
	}
	
	legend {
		color: #333;
		font-size: 1.571em;
		font-weight: 400;
		line-height: 1.1;
		margin-bottom: 0 !important;
		margin-bottom: 1.429em;
	}

	label {font-size: 1.1em; height: 25px; line-height: 25px;}

	fieldset em {color: #999; font-style: normal;}

		/* Input Types */
		input[type='text'],
		input[type='search'],
		input[type='email'],
		input[type='url'],
		textarea {
			background: #fff;
			border: 1px solid #B7B7B7;
			color: #555;
			font-family: inherit;
			font-size: 0.917em;
			font-weight: normal;
			padding: 4px;
		}

		input[type='text']:focus,
		input[type='search']:focus,
		input[type='email']:focus,
		input[type='url']:focus,
		textarea:focus {
			background: #FFF6BF;
			border-color: #FFD324;
			color: #514721;
		}

		input[type='checkbox'], input[type='radio'] {
		}

		input[type='submit'] {
			border-radius: 5px;
			cursor: pointer;
			font-family: inherit;
			font-size: inherit;
			padding: .3em 2em;
		}

		input:required, textarea:required {
			outline: 1px dashed #FBC2C4;
		}

		/* Textarea */
		textarea {width: 98%; margin-bottom: 7px;}

		/* Alignments */
		div.left {margin-left: 1em;}
		div.right {margin-right: 1em;}

		.labels-left label, div.left label {
			clear: left;
			float: left;
			margin-right: .5em;
		}
		.labels-left input, div.left input, .labels-left select, div.left select {float: left;}

		.labels-right label, div.right label {
			float: left;
			margin-left: .5em;
			text-align: right;
		}
		.labels-right input, div.right input, .labels-right select, div.right select {clear: left; float: left;}

		.labels-top label, div.top label {display: block;}
		.labels-top input, div.top input {margin-bottom: 0;}

		/* Columns */
		.columns-2 div.column1, .columns-2 div.column2 {float: left; width: 48%;}
		.columns-2 input.text {width: 150px;}

		.columns-3 div.column1, .columns-3 div.column2, .columns-3 div.column3 {float: left; width: 33%;}
		.columns-3 input.text {width: 120px;}

		.columns-2 div.left, .columns-2 div.right, .columns-2 div.top {width: 32%;}
		.columns-3 div.left, .columns-3 div.right, .columns-3 div.top {width: 29%;}

	/* Messages classes */
	.req {color: #FF00BF;}
	.error, .notice, .success {
		border: 2px solid #ddd;
		margin-bottom: 1em;
		padding: .2em;
		text-shadow: none;
	}

	.error {background: #FBE3E4; border-color: #FBC2C4; color: #8a1f11;}
	.notice {background: #FFF6BF; border-color: #FFD324; color: #514721;}
	.success {background: #E6EFC2; border-color: #C6D880; color: #264409;}

	.error a {color: #8a1f11 !important;}
	.notice a {color: #514721 !important;}
	.success a {color: #264409 !important;}

	.error a:hover,
	.notice a:hover,
	.success a:hover {color: #fff !important; text-shadow: none !important;}
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: 0 !important;
	margin-bottom: 1.429em;
}

