.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/*
This file contains the styles to use for an entry 'form' for the user.
Anything related to inputs and form layout should be handled here. If you
are unsure how to structure form elements be sure to ask someone who knows
so that you don't circumvent the styles here.

Note: Many of the skin files automatically set the CssClass for controls
so they will play fairly with these styles. It makes the actual page code
look much cleaner.

*/

/* Wizards */
.Wizard
{
	width: 100%;
}

.Wizard-Step
{
}

.Wizard-Navigation
{
	padding: 20px 0px 10px 0px;
}





/************
**  Forms  **
*************/
.FormPanel
{
	padding: 0px 0px;
}

.FormPanel,
.FormPanel TABLE
{
	font: 10pt/16px Arial,sans-serif;
	color: #5d2e00;
}

.FormPanel A
{
	font-size: 0.8em;
	color: #5d2e00;
}

.FormPanel A:hover
{
	text-decoration: none;
}

.FormTitle
{
	margin: 0 0 5px 0;
	font-size: 1.05em;
	font-weight: bold;
	color: #ff8400;
}

.FormPanel H3,
.post-box .FormPanel H3
{
	margin: 15px 0px 0px 0px;
}

DIV.FormInstructions
{
	margin-bottom: 15px;
}

DIV.FormNote-RequiredFields
{
	font-size: 0.8em;
}

.FormPanel SPAN.ReqFld-Asterisk
{
	margin-right: 2px;
	font-size: 15px;
	vertical-align: middle;
}

.FormFlds
{
	margin: 0px;
}

.FormButtons
{
}

.FldValidation
{
	color: #ed1c24;
	font-style: italic;
	font-size: 0.8em;
}

.FormFld
{
}

.FldTitle
{
	font-size: .8em;
}

.FldFormatEg
{
	font-size: .8em;
}

.FldValue,
.FldValue A
{
	/* Used when displaying a field's value (not as an input element) */
	font-family: Verdana,Arial,sans-serif;
	color: #3b5987;
}


DIV.FormFld
{
	margin-bottom: 15px;
}

TABLE.FormFlds
{
	width: 100%;
	border-collapse: collapse;
}

TABLE.FormFlds TD
{
	padding: 2px 2px;
	vertical-align: top;
	line-height: 20px;
}

TR.FormFld
{
}

TD.FldTitle
{
	text-align: right;
	padding-right: 5px;
}


/* Input Elements */
INPUT.TextFld,
TEXTAREA.TextFld
{
	margin: 0px;
    padding: 1px 4px 0px 4px;
    width: 180px;
	background: #FEFEFE url(images/textFld-bg.jpg) repeat-x left bottom;
    border: 1px solid #C4C2C2;
	font: 10pt Verdana,Arial,sans-serif;
	color: #3b5987;
}

INPUT.TextFld
{
	height: 18px;
}

TEXTAREA.TextFld
{
	height: 80px;
}



/* TextFldWithPrefix - Extends the border of the txtbox so it has a prefix that is not 
editable but looks like it's part of the txt box.
Note: These styles DO have IE7 adjustments. Other browsers (e.g. IE6) have not been tested yet.
*/
SPAN.TextFldWithPrefix
{
	font: 10pt Verdana,Arial,sans-serif;
	color: #3b5987;
}

SPAN.TextFldWithPrefix SPAN.Prefix,
SPAN.TextFldWithPrefix LABEL.Prefix
{
	background: #FEFEFE url(images/textFld-bg.jpg) repeat-x left bottom;
    border-width: 1px 0px 1px 1px;
    border-style: solid;
    border-color: #C4C2C2;
    padding: 1px 0px 2px 2px;
    cursor: text;
}

SPAN.TextFldWithPrefix INPUT.TextFld
{
	border-left-width: 0px;
	padding-left: 0px;
}




/* ChkbxFld: Represents a CheckBox control, that has the INPUT and a LABEL child element */
.ChkbxFld{}
.ChkbxFld INPUT{cursor: pointer;}
.ChkbxFld LABEL{font-size: 0.8em; cursor: pointer;}

/* RdoBtnFld: Represents a RadioButton control, that has the INPUT and a LABEL child element */
.RdoBtnFld{}
.RdoBtnFld INPUT{cursor: pointer;}
.RdoBtnFld LABEL{font-size: 0.8em; cursor: pointer;}

.RdoBtnListFld{}
.RdoBtnListFld LI INPUT{cursor: pointer;}
.RdoBtnListFld LI LABEL{font-size: 0.8em; cursor: pointer;}

INPUT.FormButton,
INPUT.DefaultFormButton
{
	margin: 0px;
    border: 1px solid #D0D0D0;
	padding: 0px 15px 3px 15px;
	/* Note: The sizing mode for these elements actually include the border, so we include it here */
    height: 25px;
    background: #D0D0D0 url(images/formButton-bg.gif) repeat-x right top;
	font: bold 10pt Verdana,Arial,sans-serif;
    text-transform: uppercase;
    color: #959595;
}

INPUT.DefaultFormButton
{
	padding-right: 25px;
    background: #D0D0D0 url(images/formButton-default-bg.gif) repeat-x right top;
    color: #FFFFFF;
}

INPUT.LongFormButton
{
}