/* form.css 18/02/11 CSS Version V11/1
	form styles
*/

@import url(common.css);
@import url(layout.css);

/*forms open in a modal, so we need to pad the body*/
body {
	padding:1em;
}

/*general form, legend, label styling*/
fieldset {
	border:1px solid #eee;
	background:url(formbg.jpg) bottom left repeat-x;
	margin:0 0 .5em 0;
	padding:0 .5em .5em .5em;
}

/*IE needs this explicitly stated, even though we defined body color in common.css*/
legend {
	color:#000;
}

/*padding must match icons in layout.css*/
label {
	display:block;
	margin:0;
	padding:4px 0;
}

form p {
	clear:both;
	margin-bottom:.5em;
}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}

/*style text inputs and text areas*/

input.field, textarea {
	width:75%;
}

input:focus, textarea:focus {
	outline:1px solid #fc6;
}

input.col-1, textarea.col-1 {
	width:25%;
}

input.col-2, textarea.col-2 {
	width:50%;
}

/*inline display for checkbox, radiobuttons*/
.inline {
	padding:4px 0;
}

.inline label {
	display:inline !important;
	white-space:nowrap;
}

/*submit button*/
div.submit {
	background:url(formbg.jpg) 0 60% repeat-x;
	padding:.5em;
	margin-top:.5em;
}

/*size submit button*/
#main .submit input {
	width:auto;
}

/*missing fields*/
.required {
	color:#f00 !important;
}

/*captcha*/
#captchawrapper div {
	margin-top:.5em;
}

/*user alerts*/
.alert {
	border:1px solid #fc0;
	padding:.5em;
	background:#ffc;
}

/*links*/
a {
	color:#07b;
}

/*hover styles*/
a:hover, a:visited:hover {
	color:#047;
}

/*visited styles*/
a:visited, #nav li.selected li a:visited {
	color:#08d;
}