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

	Form Styles
	
	author: nGen Works
	http://ngenworks.com

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

div.form-container { margin-top: 25px; }

label {
	color: #717171;
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-size: 80%;
	padding-right: 10px;
	text-transform: uppercase;
}

label.more { padding-right: 0; }

span.notice {
	padding: 4px;
	background-color: #ddd;
	color: #000;
}

p span.notice {
	font-size: 80%;
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

input, textarea {
	font-size: 90%;
	padding: 4px;
}

textarea { height: 100px; }

select {
	font-size: 100%;
}

/* file uploader inputs */

.photo-upload {
	color: #666;
	font-size: 90%;
}

/* one column form ------------------------------- */

dl.one-column { width: 100%; }

dl.one-column dd {
	margin: 0;
	margin-bottom: 10px;
	line-height: 25px;
}

dl.one-column dd ul { list-style: none; }

dl.one-column dd li { list-style: none; }

/* two column forms ------------------------------ */

dl.two-column { width: 100%; }

dl.two-column dt {
	float: left;
	line-height: 1;
	padding-top: 8px;
	width: 180px;
}

dt label { font-weight: bold; }

dl.two-column dd {
	margin: 0 0 10px 190px;
}

/* non editable form field values shown to user */

dl.two-column dd.field-value {
	color: #000;
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	padding-top: 6px;
}

/* form rows with a select */

dl.two-column dd.select {
	padding-top: 3px;
}

/* clear rows */

dl.two-column dd.clear,
dl.one-column dd.clear {
	background: url(../img/bg-dotted.gif) repeat-x 0 50%;
	clear: both;
	height: 4px;
	margin-left: 0;
}

dl.two-column dd.last {
	background-image: none;
}

dl.two-column dd.clear hr, dl.one-column dd.clear hr { display: none; }

/* sub fields */

dl.two-column dd.sub {
	font-size: 90%;
	margin-bottom: 7px;
}

dl.two-column dd.sub label { color: #666; }

/* full column dds */

dl.two-column dd.column_full { margin-left: 0; }

/* notes and formatting examples */

dl.two-column dd.note {
	color: #666;
	font-style: italic;
	font-size: 90%;
	margin-top: -6px;
}

/* lists within dds */

dl.two-column dd ul, 
dl.two-column dd li  {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* checkbox fields */

dd.checkboxes {
	padding-top: 5px;
}

dd.checkboxes input { vertical-align: middle; }

/* remember me */

dd.remember label {
	color: #666;
	font-size: 90%;
	text-transform: none;
}

/* forgot password and register */

dd.forgot-register { padding-top: 15px; }

dd.forgot-register label {
	color: #ccc;
	font-size: 90%;
	text-transform: none;
}

/* field widths */

.full { width: 390px; }

select.full { width: 400px; }

.medium,
.small {
	margin-right: 10px;
	width: 200px;
}

.radio { margin-right: 5px; }

select.medium,
select.small { margin-right: 10px; }

/* submit */

input#submit { 
	margin-right: 10px;
	font-size: 100%; 
}

dl.two-column dd.submit {
	margin-bottom: 0;
}

dl.two-column dd.submit input, dl.two-column dd.submit label {
	vertical-align: middle;
}

/* form messages */

div.message {
	background-color: #e5e5e5;
	color: #000;
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-size: 80%;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 10px 15px;
	text-transform: uppercase;
}

div.message p { margin-bottom: 0; }

div.message ul { 
	margin: 0 0 0 15px;
	list-style: disc;
}


div.message-error li, label.error {
	font-weight: normal;
	padding-left: 0;
}

div.message-error span, label span { 
	color: #163d7b; 
	font-weight: bold;
}