/* form styling */

div#formWrapper {
	float: left;
	width: 260px;
	margin-left: 75px;
	font-size: 0.75em;
}

div#formWrapper p#successMessage {
	font-size: 1.6em;
	margin-top: 2em;
	font-style: italic;
}

span.statusFlag {
	width: 16px;
	height: 16px;
	margin: 2px;
	float: left;
}
span.stateUnchecked {
	background: url(../images/maybe.gif) center no-repeat;
}
span.stateOK {
	background: url(../images/yes.gif) center no-repeat;
}
span.stateError {
	background: url(../images/no.gif) center no-repeat;
}
span.stateBlank {
	background: url(../images/blank.gif) center no-repeat;
}

form fieldset {
	border: none;
	padding: 10px 0;
	margin: 10px 0;
}
form legend {
	font-size: 1.6em;
	color: #DBD7CC;
}
form ol {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
form li {
	display: list-item;
	clear: both;
	width: 100%;
	overflow: hidden;
}
form label {
	display: block;
	clear: both;
	margin-top: 3px;
}

	form label.option input {
		width: auto;
	}
form option {
	color: #000;
	width: auto;
	border: none;
}
form input,
form select,
form textarea {
	color: #000;
	border: 1px solid #332929;
	float: left;
	width: 200px;
}
form textarea {
	height: 4em;
}
form input.error,
form textarea.error,
form select.error {
	background-color: #FDD;
	border: 1px solid #F00;
}


/* styled = forms with inputs and labels on same line, e.g. registration */

form.styled p#successMessage {
	font-size: 2em;
}
form.styled p#errorListIntro {
	color: #F00;
	margin-bottom: 0;
}
form.styled p.cursorPointer {
	cursor: pointer;
}
form.styled p.subtext {
	margin-bottom: 10px;
}
form.styled ul#errors {
	list-style-type: disc;
	list-style-position: inside;
}
form.styled ul#errors li {
	width: 60%;
}
form.styled fieldset {
	background-color: #1E1818;
}
form.styled ol {
	width: 550px;
}
form.styled li {
	margin-left: 99px;
}
form.styled input,
form.styled select,
form.styled textarea {
	width: 18em;
	float: right;
}
form.styled select {
	width: 18.1em;
}
	form.styled input.checkbox {
		width: auto;
		margin-right: 8px;
		margin-left: 296px;
		float: none;
	}
form.styled span.label {
	float: left;
	color: #DBD7CC;
}
form.styled span.label em {
	color: #DBD7CC;
}
form.styled span.statusFlag {
	float: right;
}

/* forms left justified and narrow */
form.leftNarrow {
	margin-top: 10px;
	border-bottom: 1px solid #483f3f;
}
form.leftNarrow ol {
	width: 100%;
}
form.leftNarrow label {
	margin-top: 0;
}
form.leftNarrow input {
	width: 80%;
	color: #928877;
	font-size: 1.1em;
	float: left;
	margin: 0;
}
form.leftNarrow input.userData {
	color: #000;
}
form.leftNarrow input#newsletterSubmit {
	width: auto;
	clear: both;
	float: none;
	margin-left: 95px;
}
form.leftNarrow input#recommendSubmit {
	width: auto;
	clear: both;
	float: none;
	margin-left: 51px;
}
form.leftNarrow span.statusFlag {
	float: left;
}

/* styling for twoLines form - input and label are on two lines */

form.twoLines span.label {
	display: block;
	margin-bottom: 2px;
}

form.twoLines input,
form.twoLines select,
form.twoLines textarea {
	width: 18em;
}


/* styling for search form in top nav */
form#searchForm {
	float: left;
	padding-top: 6px;
	width: 300px;
}
form#searchForm fieldset {
	padding: 0;
	margin: 0;
}
form#searchForm input {
	width: 30em;
	font-size: 0.9em;
	padding:2px;
	color: #928877;
}
form#searchForm input#searchSubmit {
	width: auto;
	border: none;
}
form#searchForm input.inputSelected {
	color: #000;
}
	


.error {
	color: #F00;
}

.errorBox {
	border: 1px solid #F00;
	background-color: #FCC;
}