/*
	# Company: ClientName
	# CSS Framework: © 2010 Effectal Media
	# CSS Authors: Nick Maller, Chris Vincent (Effectal Media)
	# File: form.css
*/

/* 
	** Global components
*/
.form-container fieldset
{
	border: 0;
	margin: 0 0 25px 0;
	padding: 0;
}
.form-container legend
{
	display: none;
}

.form-container div
{
	clear: both;
	padding: 4px 0 2px;
}
.form-container label
{
	display: block;
	float: left;
	width: 25%;
	padding-top: 3px;
	padding-right: 1%;
	
	cursor: pointer;
}
.form-container li
{
	list-style-type: none;
}

.form-container input.txt,
.form-container textarea.txt,
.form-container select.ddl
{
	width: 52%;
	
}
.form-container input.txt,
.form-container textarea.txt
{
	padding: 1px;
	background: #fff;
	border: 1px solid #cbd1d3;
}
.form-container textarea
{
	font-size: 1em;
	font-family: Verdana, Sans-Serif;
}
.form-container input.btn
{
	padding: 4px 12px;
	
	font-size: .9em;
	font-weight: bold;
	cursor: pointer;
}

/* full */
.form-container div.full label
{
	float: none;
	width: auto;
	padding-bottom: 2px;
}
.form-container div.full input.txt
{
	width: 95%;
}

/* buttons, checklist */
.form-container div.buttons,
.form-container div.checklist ul,
.form-container ul.checklist,
.form-container .nested
{
	margin-left: 0;
	width: 74% !important;
	padding-left: 26%;
}
.form-container div.checklist label,
.form-container ul.checklist label
{
	float: none;
	width: auto;
}
.form-container ul.checklist
{
	padding-bottom: 0;
}
.form-container .checklist li
{
	line-height: 1.1em;
	margin: 0;
	padding: 0;
	background: none;
}
.form-container div.checklist label
{
	padding-left: 18px;
}
.form-container div.checklist label input
{
	float: left;
	margin: 1px 0 0 -18px;
}

/* Form Validation */
.form-container .required
{
	color: #017dc5;
	font-size: 90%;
}
.form-container input.error,
.form-container textarea.error
{
	border: 1px solid #e60000;
}
.form-container label.error
{
	float: none;
	width: auto;
	padding: 0;
	margin-left: 26%;
	
	background: none;
	border: none;
	color: #e60000;
	font-size: 90%;
}

/* Striped Forms */
.form-container.striped div
{
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 4px;
	padding-bottom: 8px;
	border-bottom: 1px solid #e4e5e5;
}
.form-container.striped div div
{
	float: none;
	width: auto;
	clear: none;
}
.form-container.striped div.buttons
{
	border: 0;
}

/* 
	** Custom Form Styling
*/

.form-container p.nested
{
	font-size: 11px;
}