/******************************************************************************
 **********                         Forms                            **********
 ******************************************************************************/

/* Set a consistent font for all form elements. We'll use a slightly smaller
 * font size so that the form element has roughly the same line height as text
 * outside of the form element. */

input,
select,
textarea,
button
{
	font-family: Verdana, Arial, Helvetica, 'Sans-Serif';
	font-size: 11px;
}

/* Most browsers do not provide visual clues that a label or button is
 * clickable. We'll set the cursor to a pointer to provide this visual clue. */

/* NOTE: Internet Explorer 6 does not understand attribute selectors. That is
 * why we've included a named class. In order for this to apply in Internet
 * Explorer 6, you must add class="button" to all inputs of type submit or
 * reset. */

label,
button,
input[type=submit],
input[type=reset],
input[type=button],
input[type=image],
input.Button
{
	cursor: pointer;
}

/* In Internet Explorer, line height is inherited in buttons. It is not
 * inherited in Firefox (or <input type="submit"> in Internet Explorer for
 * that matter). I'm not sure which is correct. However, this will at least
 * make the behavior consistent. */

button,
input[type=submit],
input[type=reset],
input[type=button],
input[type=image],
input.Button
{
	line-height: normal;
}

/* Remove the magic button padding in Internet Explorer. Internet Explorer
 * seems to calculate the padding as a percentage of the content width. We'll
 * set the width to 0 but set the overflow to visible. Another bug in IE will
 * expand the button to be as large as necessary to contain the text. The
 * padding approximates the default padding in Firefox. */

/* NOTE: The * html portion of the selector takes advantage of an Internet
 * Explorer 6 CSS parser bug which causes this style to only apply to that
 * browser. */

* html button,
* html input.Button
{
	width: 0px;
	padding: 0px 5px 0px 5px;
	/* NOTE: overflow-x is an IE proprietary extension to the CSS language.
	 * However, it's worth noting that Firefox has added support for it. */
	overflow-x: visible;
}

.Help
{
	font-size:smaller;
	font-weight: normal;
	color: #542301;
}

div.Help
{
	margin: 5px;
}

/******************************************************************************
 **********                          Grid                            **********
 ******************************************************************************/

table.Grid
{
	border-collapse: collapse;
	border-width: 0px;
	/* NOTE: There should be a border, but Firefox insists on it. We can at
	 * least make the border color match the header row color. */
	border-color: #FFEEC4;
}

table.Grid tr td,
table.Grid tr th
{
	padding: 2px 4px;
	text-align: left;
}

table.Grid tr th
{
	font-weight: normal;
	background-color: #F7D593;
}

table.Grid tr.Even td
{
	background-color: #FFEEC4;
}

table.Grid tr.Odd td
{
	background-color: #FFF7E7;
}

table.Grid tr td.Text,
table.Grid tr th.Text
{
	text-align: left;
}

table.Grid tr td.Date,
table.Grid tr th.Date
{
	text-align: right;
}

table.Grid tr td.Number,
table.Grid tr th.Number
{
	text-align: right;
}

table.Grid tr td.Boolean,
table.Grid tr th.Boolean
{
	text-align: center;
}

table.Grid tr td.Link,
table.Grid tr th.Link
{
	text-align: center;
}

/******************************************************************************
 **********                         Details                          **********
 ******************************************************************************/

/* NOTE: The details class is automatically created by the ASP.Net FormView
 * control. Labels, however, must be manually defined. */

table.Details
{
	/* Do nothing. */
}

table.Details tr th
{
	text-align: left;
	padding: 10px 0px 5px 0px;
}

table.Details tr td.Label
{
	vertical-align: top;
	color: #542301;
	font-weight: bold;
}

.Error
{
	color: red;
	display: block;
}

table.Details tr td.FieldSetLabel
{
	font-weight: bold;
	padding-top: 5px;
}