/* Base Form Stylesheet */


/* Form layout ------------------------------------------ */

form {
	width: 700px;
	color: #000000;
	background-color: #EEEEEE;
	border: 1px solid;
	margin: 10px 0;
	text-align: left;
	overflow: hidden;
}

fieldset {
	padding: 10px;
	overflow: hidden;
}

legend  {
	border-bottom: 1px solid;
	margin-left: -10px;
	margin-bottom: 10px;
	padding: 0 10px 10px 10px;
	font-weight: bold;
	width: 100%
}

fieldset legend:first-child {
	margin-top: 0;
}


/* Headings --------------------------------------------- */

form h1, form h2, form h3, form h4, form h5, form h6 {
	margin: 10px 0;
	padding: 10px;
	width: 100%;
}

form h1, form h2, form h3  {
	background-color: #DDDDDD;
	border-bottom: 1px solid;
	border-top: 1px solid;
}

form h1:first-child,
form h2:first-child,
form h3:first-child {
	border-top: none;
	margin-top: 0;
}

form fieldset h1:first-child,
form fieldset h2:first-child,
form fieldset h3:first-child {
	margin-top: -10px;
}

form h1 { font-size: 120%; }
form h2 { font-size: 110%; }
form h3, h4, h5, h6 { font-size: 100%; }

form h4 { border-bottom: 1px solid; padding-bottom: 4px; }

form h6 { font-style: italic; }

fieldset h1, fieldset h2, fieldset h3,fieldset h4, fieldset h5, fieldset h6 { margin-left: -10px; }


/* Labels and Fields ------------------------------------ */

form input[type=file],
form textarea,
form select,
form button,
form input {
	margin: 2px 0 4px 0;
	padding: 2px;
}

form input[type=file] {	/*! Hack! */
	margin-left: 8px;
	margin-right: 14px;
}

form input[type=checkbox],
form input[type=radio] {
	margin: 4px 4px 6px 0px;
}

form label {
	display: inline-block;
	text-align: right;
	width: 120px;
}

form label.inline {
	display: inline;
	width: auto;
	margin: 0 0 0 8px;
}

form label.checkable {
	display: inline-block;
	width: auto;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	text-align: left;
}

form label.show_password {
	display: inline;
	width: auto;
	margin: 0 0 0 8px;
	float: left;
	white-space: nowrap;
}

form label.inline:first-child {
	margin-left: 0;
}

form label.list_label
	{
	float: left;
	padding-top: 2px;
}

form label.select_label {
	vertical-align: top;
	padding-top: 4px;
}

form label.small {
	display: block;
	width: 240px;
	font-size: 70%;
	margin: -4px 0 2px 108px;
	text-align: left;
}

form input[type=text],
form input[type=password],
form input[type=file],
form textarea,
form select {
	font: inherit;
	width: 240px;
	min-width: 240px;
	max-width: 240px;
}

form div.textarea	/* Used to make 3rd-party editors work */
	{
	display: inline-block;
	width: 248px;
	margin: 2px 0 4px 0;
}

form div.button_text,
form div.form_group {
	display: inline-block;
	font: inherit;
	margin: 2px 0 4px 0;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
	width: 248px;			/* 8 more than input, since no border */
	max-width: 248px;
	min-width: 248px;
}

form input[type=text].button_text {
	padding: 2px;
	margin: 0;
	vertical-align: middle;
	width: 156px;			/* div width - button width - 4 */
	min-width: 156px;
	max-width: 156px;
}

form button.button_text {
	padding: 2px;
	margin: 0;
	vertical-align: middle;
	width: 80px;
	min-width: 80px;
	max-width: 80px;
	height: 100%;
}

form textarea {
	min-height: 60px;
	overflow: auto;
}

/* Easier to align label with textarea */
/*form div.textarea {margin-top: 4px; vertical-align: top;}*/
form label.textarea {margin-top: 6px; vertical-align: top;}

form input[type=checkbox],
form input[type=radio] {
	font: inherit;
}

form input[type=text]:focus,
form input[type=password]:focus,
form input[type=checkbox]:focus,
form input[type=radio]:focus,
form input[type=file]:focus,
form textarea:focus,
form select:focus {
	background-color: #FFFFDD;
}


/* Checkbox and Radio lists ----------------------------- */

form ul {
	margin: 0 0 0 108px;	/* Left margin is label width + checkbox padding */
}

form ul li label {
	width: auto;
}


/* Error handling --------------------------------------- */

form .error {
	color: #CC1414;
	/*font-size: 90%;*/
}

form p.error {
	margin: 10px 0;
	color: #CC1414;
	font-size: 90%;
}

form p.error a {
	text-decoration: none;
}

form p.error a:hover,
form p.error label:hover {
	cursor: pointer;
	text-decoration: underline;
}

form ul.error {
	list-style: none;
	margin: 10px 0;
	color: #CC1414;
	font-size: 90%;
}

form ul.error a {
	text-decoration: none;
}

form ul.error li {
	padding: 0 0 2px 0;
}

form ul.error a:hover,
form ul.error label:hover {
	cursor: pointer;
	text-decoration: underline;
}

form label.error {
	display: block;
	width: 240px;
	font-size: 70%;
	margin: -4px 0 2px 108px;
	text-align: left;
}


/* Field Highlighting ----------------------------------- */

form input.error,
form textarea.error,
form select.error {
	color: inherit;
	background-color: #FFDDDD;
}

form input[type=text]:focus,
form input[type=password]:focus,
form input[type=checkbox]:focus,
form input[type=radio]:focus,
form input[type=file]:focus,
form textarea:focus,
form select:focus {
	background-color: #FFFFDD;
}


/* Buttons ---------------------------------------------- */

form div.controls {
	background-color: #DDDDDD;
	border-top: 1px solid;
	border-bottom: 1px solid;
	margin: 10px -10px;
	padding: 10px;
	overflow: hidden;
	text-align: right;
}

form div.controls:last-child {
	border-bottom: none;
	margin-bottom: -10px;
}

form button.controls,
form div.controls button,
form div.controls input[type=submit],
form div.controls input[type=reset],
form div.controls input[type=button] {
	margin: 0 0 0 4px;
	padding: 4px;
	min-width: 80px;
	border: 1px #000000 solid;
}

form button.controls,
form div.controls button,
form div.controls input[type=button] {
	background-color: #EEEEEE;
}

form button.controls:hover,
form div.controls button:hover,
form div.controls input[type=button]:hover {
	color: #FFFFFF;
	background-color: #BBBBBB;
}

form button.controls:active,
form div.controls button:active,
form div.controls input[type=button]:active {
	color: #FFFFFF;
	background-color: #DDDDDD;
}

form button.controls:disabled,
form div.controls button:disabled,
form div.controls input[type=button]:disabled {
	color: #999999;
	background-color: #DDDDDD;
	border: 1px #999999 solid;
}


/* Miscellaneous --------------------------------------- */

form abbr {
	color: #CC1414;
	display: inline-block;
	font-size: 100%;
	vertical-align: top;
	margin-top: 6px;
}

form p.note abbr {
	margin-top: 0;
}

form div.textarea abbr { margin-top: 4px; vertical-align: top; }

form p.note {
	font-size: 90%;
	margin: 10px 0;
}

form hr {
	background-color: #000000;
	border: none;
	height: 1px;
	width: 120%;
	margin: 10px 0 10px -10px;
}

div.spacer {
	width: 100%;
	height: 10px;
	min-height: 10px;
}

.hucomp {
	display: none;
	visibility: hidden;
}

@media print
	{
	form {display: none;}
	}
	
.ui-datepicker {
	font-size: 80%;
}

.ui-datepicker-trigger {
	vertical-align: text-bottom;
	margin-left: 4px;
}