@import url(/ui/form/i.css);

/* form style */
form {
	margin: 0;
	font-size: 13px;
}

fieldset {
	border: 2px groove ButtonHighlight;
	padding: .2em;
}

legend {
	margin: .2em 0;
	padding: .2em;
	color: ButtonText;
}

label a:link, label a:visited {
	color: ButtonText;
	cursor: help;
}
label a:hover {
	background: transparent;
	color: #00F;
}


/* form layout */
form fieldset, form div, form p {
	clear: both;
	margin: .5em;
}
form p {
	margin: .5em;
	padding: .5em;
	border: 2px groove ButtonHighlight;
	border-right: none;
	border-left: none;
}
form p.error {
	color: #F00;
	background: #FFC;
}
fieldset div {
	margin: 0;
	padding: .1em;
}
fieldset div label {
	float: left; /* n6+ bug here */
	width: 10em;
}
fieldset div li label,
fieldset div label.inline {
	float: none;
	width: auto;
}

/* field markings */
fieldset div.required label,
form p.error,
fieldset div.error label {
	font-weight: bold;
}
fieldset div.required li label {
	font-weight: normal;
}

fieldset div.error input,
fieldset div.error textarea,
fieldset div.error select {
	border-color: #F00;
	border-style: solid;
}

input.error, textarea.error {
	border-style: solid;
	border-color: #F00;
}
label.error {
	color: #F00;
}
ol.error {
	clear: both;
	margin: 0;
	padding: .3em 3em;
	color: #F00;
}
fieldset ol.error {
	border-top: 1px solid #F00;
}

.mark {
	color: #F00;
	font-weight: normal;
}

.eg {
	font-size: 12px;
}

/* form controls */
input, select, textarea {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

/* radio, checkbox groups */
form ul.list, form ul.group {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

form ul.group li {
	display: inline;
	white-space: nowrap;
}

/* field types */
.int, .percent {
	text-align: right;
}