/*
	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: #f9f9f9;
	margin: 1.5em;
	padding: 2em;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
legend {font-size: 1.25em; margin-bottom: 0 !important; margin-bottom: 1.429em; padding: 0 .5em;}
label {font-size: 1.1em; height: 25px; line-height: 25px;}

	/* Input Types */
	input[type='text'],
	input[type='email'],
	input[type='url'],
	textarea {
		background: #fff;
		border: 1px solid #eee;
		color: #999;
		font-family: inherit;
		font-size: inherit;
		padding: 2px;
	}
	input[type='text']:hover,
	input[type='email']:hover,
	input[type='url']:hover,
	textarea:hover {
		background: #FFFBEF;
		border-color: #ff0;
		cursor: text;
	}
	input[type='text']:focus,
	input[type='email']:focus,
	input[type='url']:focus,
	textarea:focus {
		background: #ffC;
		border-color: #ff1;
		color: #0d0d0d;
	}
	
	input[type='checkbox'], input[type='radio'] {
		display: block;
		margin-top: 4px;
	}
	
	input[type='submit'] {
		background: #C74350;
		border: 0;
		border-radius: 5px;
		color: #fff;
		cursor: pointer;
		font-family: inherit;
		font-size: inherit;
		padding: .3em 2em;
		text-shadow: 1px 1px 1px #000;
	}
	
	input:required, textarea:required {outline: 1px solid #C74350;}
	
	/* Textarea */
	textarea {width: 99%; 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;
		text-align: right;
	}
	.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: #C74350;}
.error,.notice, .success {
	padding: .2em;
	margin-bottom: 1em;
	border: 2px solid #ddd;
}

.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;}
.notice a {color: #514721;}
.success a {color: #264409;}