/* ----------------------------------------------------------------------------
   Forms
-----------------------------------------------------------------------------*/


/* Usage:
   * For text fields, use class .text
   * For inline forms, use .inline (even when using columns)
-----------------------------------------------------------------------------*/

form        { margin: 0; padding: 0; }
label       { font-weight: bold; }
fieldset    { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size: 1.2em; }


/* Form fields
-----------------------------------------------------------------------------*/

input[type=text], 
input[type=password], 
input.text, 
input[type="submit"], 
input[type="reset"], 
input[type="button"],
input.button { vertical-align: middle; }

input[type=text], input[type=password], 
input.text, 
textarea, select {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	margin: 0 0;
	border-top: 1px solid #abadb3;
	border-right: 1px solid #dbdfe6;
	border-bottom: 1px solid #e3e9ef;
	border-left: 1px solid #e2e3ea;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, 
textarea:focus, select:focus {
	border-top: 1px solid #3d7bad;
	border-right: 1px solid #a4c9e3;
	border-bottom: 1px solid #b7d9ed;
	border-left: 1px solid #b5cfe7;
}

input[type=checkbox], input[type=radio], 
input.checkbox, input.radio {
	position: relative; top: 0.1em; margin-left: 0.5em;
}

input[type="submit"], 
input[type="reset"], 
input[type="button"], 
input.button {
	margin: 0.25em 0;
	padding: 0.25em 1.5em 0.25em 0.5em;
	font-size: 1.333em;
	color: #fff;
	line-height: 25px;
	background: url(../img/clickthrough_white.gif) center right no-repeat #666;
	text-transform: uppercase;
	cursor: pointer;
	* cursor: hand;
}
input[type="submit"]:hover, 
input[type="reset"]:hover, 
input[type="button"]:hover, 
input.button:hover {
	color: #fff;
	background-color: #f7941e;
}

form.inline { line-height: 3; }
form.inline p { margin-bottom: 0; }

.readonly {
	font-style: italic;
	color: #666;
}


/* Success, notice and error boxes
-----------------------------------------------------------------------------*/

.error, 
.notice, 
.success    { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


/* Form div
-----------------------------------------------------------------------------*/

.formPanel {}


/* Form div
-----------------------------------------------------------------------------*/

.required {
	background: url(../img/formfield_required.gif) top right no-repeat #fff;
	border-color: #f7941e !important;
	border-top-right-radius: 0 !important;
	-moz-border-radius-topright: 0 !important;
	-webkit-border-top-right-radius: 0 !important;
}