/** -        ---------------------------
  */
.changed, .styleable-field.changed /* postive feedback, cf. invalid */
{
    background-color: #F0FFF0;
}



/** -        ---------------------------
  */
.feedback /* usually 'div', sometimes 'pre' */
{
}


    div.feedback span.highlit
    {
        padding-left: 0.2em;
        padding-right: 0.2em;
    }



/** -        ---------------------------
  */
form td.label
{
    text-align: right;
    padding-right: 0.3em;
}



/** -        ---------------------------
  */
input[type=password], input[type=text], textarea /* only Mozilla really needs these - IE7 ignores the entire rule, anyway, because of the attribute selectors */
{
    padding-top: 0.1em; padding-bottom: 0.1em;
    padding-left: 0.2em; padding-right: 0.2em;
}


    input[type=password], input[type=text], select, textarea
    {
        font-size: inherit; /* ignored by IE7, which doesn't understand 'inherit' */
    }


    textarea
    {
        font-family: sans-serif;
    }


    input.icon16
    {
        padding-left: 22px;
        background-position: 2px 50%;
        background-repeat: no-repeat;
    }


    input.icon16.email
    {
        background-image: url('../email-16.png');
    }

    input.icon16.empty {} /* no image, but the content will be aligned as though there was */

    input.icon16.openid
    {
        background-image: url('../openid-16.png');
    }



/** -        ---------------------------
  */
.invalid, .styleable-field.invalid /* negative feedback, cf. changed, prompt */
{
    background-color: #FFFFE4 !important;
 /* color: #A00000; */
}



/** - prompt ---------------------------
  */
.prompt, .styleable-field.prompt /* wants to be changed, cf. invalid */
{
    background-color: #F0F0FF;
}


/** -        ---------------------------
  */
.styleable-field, form.navPath.divisional select
/**
  * Workaround for browser styling bugs.  Whenever the background of an input field is
  * styled, IE7 drops its fancy border and reverts to the default inset border.  But the
  * background of a 'styleable-field' is dynamically set (or not) from page to page.
  * Consequently IE7 is switching border styles from page to page.  This rule prevents
  * that by eagerly styling a default border for all 'styleable-field' inputs.
  *
  * Firefox 3 has a similar problem with 'navPath divisional' selects in the divisional
  * path navigator.  So we eagerly style those too.
  *
  * Unfortunately, if we eagerly style the background colour, it will mess up the
  * distinction between enabled and disabled components.  So it is best to style only the
  * border.
  */
{
    border: 2px inset #EEE; /* roughly the default, on both Firefox and IE */
}