table.userform { margin: 1em auto 0 auto; clear: left; }

table.userform td, table.userform td .form-text {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
}

table.userform td {
    color: inherit;
    margin: 0 auto;
    text-align: left;
    background: #CBD1EE;
}


table.userform tr.footer td,
.userform .header { background: #FFFFFF; }


/*          */
/*  header  */
/*          */

.userform .header {
    color: #fff;
}

.userform div.header h1 {
    color: white;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    padding: 5px 10px;
    margin: 0;
    border: 0;
    clear: none;
}

.userform div.header,
    .userform div.header .sb-inner,
    .userform .major-heading td.header {
    background: #305C9D; /* dark blue */
}

/*          */
/*  footer  */
/*          */


.userform div.footer, .userform div.footer .sb-inner {
    background: #CBD1EE;  /* light blue */
}

.userform div.footer .sb-border {
    background: #305C9D; /* dark blue */
}


/****************************************/
/*                                      */
/*  Userform buttons                    */
/*                                      */
/****************************************/

.userform a.button { background-image: url("/image/chrome/buttons/button-form-right.png"); }
.userform a.button span { background-image: url("/image/chrome/buttons/button-form-left.png"); }

.userform a.button.left { margin-right: 1em; margin-top: 0.2em; }

.userform a.button { width: 15em }
.userform a.button.wide { width: 20em }
.userform a.button { background-position: right -56px; }
.userform a.button span { background-position: left -56px; }
.userform a.button:hover { background-position: right -28px; }
.userform a.button:hover span { background-position: left -28px; }

.userform a.button.blue { background-position: right -112px; }
.userform a.button.blue span { background-position: left -112px; }
.userform a.button.blue:hover { background-position: right -84px; }
.userform a.button.blue:hover span { background-position: left -84px; }

.userform .button { margin: 0; }

/****************************************/
/*                                      */
/*  Edit buttons                      */
/*                                      */
/****************************************/

.userform a.button.edit { background-position: right -112px; float: left; width: 7em; margin-right: 1em; margin-bottom: 0.2em;}
.userform a.button.edit span { background-position: left -112px; }
.userform a.button.edit:hover { background-position: right -84px; }
.userform a.button.edit:hover span { background-position: left -84px; }


/****************************************/
/*                                      */
/*  Buttons that run script             */
/*  i.e. don't refresh page             */
/*                                      */
/****************************************/

.userform a.button.script { background-position: right -112px; float: left; width: 7em; margin-right: 1em; margin-bottom: 0.2em; font-style:normal; font-weight:normal;}
.userform a.button.script span { background-position: left -112px; }
.userform a.button.script:hover { background-position: right -84px; }
.userform a.button.script:hover span { background-position: left -84px; }

.userform a.button.wide.script { width: 14em; }

.userform a.button.important-script { background-position: right -28px; float: none; margin-bottom: 0.2em; margin-left: auto; margin-right: auto; font-style:normal; font-weight:normal; width: 400px; }
.userform a.button.important-script span { background-position: left -28px; }
.userform a.button.important-script:hover { background-position: right -84px; }
.userform a.button.important-script:hover span { background-position: left -84px; }

.userform a.button.script.green { background-position: right -56px; }
.userform a.button.script.green span { background-position: left -56px; }
.userform a.button.script.green:hover { background-position: right -28px; }
.userform a.button.script.green:hover span { background-position: left -28px; }



.text-input-button {
    float: right;
    position: relative;
    top: -2px;
}














/* Background colour for below is set in BoxInputTag.BoxSetDisableCommand */
.userform textarea, .userform select, .userform input.monospace, .userform-input-like {
    border: 1px #37418D solid;  /* blue */
    font-size: 14px;
}

.userform input.monospace {
    padding: 0 0.5em 0 0.5em;
}

.userform-input-like {
    padding: 0 0.5em 0 0.5em;
    font-family : monospace !important;
    background: white !important;
    color: black !important;
}

.userform .formerrorfield input.monospace {
    border: 1px #980000 solid;  /* red */
}


.userform .heading-note, .userform .heading-note td {
    padding-top: 0.5em;
    font-style: italic;
}

.userform .half-height td {
    font-size: 0.5em;
}





.mandatory-legend {
    float: right;
    padding: 7px 15px 5px 15px;
    background: url( "../image/userform/Mandatory-form-head.gif" ) no-repeat center left;
}


.box-input-label-column, .base-outer-left, .base-outer-right {
    background-color: #CBD1EE;  /* light blue */
}
.base-outer-left    { padding-left:     0.7em; border-left: solid 1px #305C9D; }
.child-indent       { padding-left:     2em; }
.child-outer-indent { padding-left:     2.7em; }
.base-outer-right   { padding-right:    0.7em; border-right: solid 1px #305C9D; }






/* Hide form inline elements in table rows (so XHTML validates) */
.form-table-hidden-inline { display: none }
.form-table-hidden-inline td { display: none }

.register-security-width { min-width: 40em; width: 50em; }
.right-text { text-align: right; padding-right: 10px; }


/* ***************************** OLD ******************************** */

/*

    Sub heading - background-color: #738bc7;
    Error       - background-color: #FFB080;
    borders     - 3px solid #305c9d;

*/

.userform .box-disabled {
    background-color: #D4D0C8;
}

.list-selection-progresss-indicator {
    border: 0;
    padding-left: 16px;
}

.monospace {
    font-family : monospace;
    font-size : 14px;
}

.meta-item {
    font-style: italic;
}




/* **************** PHONE SCRIPT ******************* */

#content .phone-script-read, #content .userform .phone-script-read td {
    color: inherit;
    background-color: #FF9;
	font-weight : bold;
}

#content  .phone-script-note, #content .userform .phone-script-note td {
    color: inherit;
    background-color: #9F9;
	font-weight : normal;
}

.userform select.body-style { width: 15em; }


.userform td.box-input-label-column, .userform td.box-input-icon-column {
    padding-top: 4px;
}

.userform label {
    padding-right: 1em;
}

.indent-form-label {
    padding-left: 1em;
}

.userform img.form-icon {
    margin-right: 0.5em;
}

.userform label.section-label {
    font-weight: bold;
}

.userform .normalise-section-label label.section-label {
    font-weight: normal;
}

.userform .bold {
    font-weight: bold
}

.userform ul {
    font-size: 11px;
}

/* Can't use th in IE 5.5 */
.formheading, .userform .formheading td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
/*    font-weight: bold;*/
    text-align: left;
    color: white;
    background-color: #738bc7;
/*    border-top: 1px #ACAFD1 solid;
    border-bottom: 1px #C5C6E8 solid; */
    border-bottom: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    margin: 0;
}

.formsubheading, .userform .formsubheading td {
    font-size: 18px;
    margin: 0;
    color: white;
    background-color: #B7C5E5;
    border-top: 1px solid #305c9d;
    padding-top: 0;
    padding-bottom: 0;
}

.formheading em, .userform .formheading em {
/*  Ugly orange.
    color: #FF9929;
*/
    background-color: inherit;
}

.firstformheading, .userform .firstformheading td {
    border-top: 0;
}

.userform .formerrorheading td, .userform .formerrorlabel td, div.formerrorlabel {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #980000;
    background-color: #FFB0B0;
/*    border-top: 1px #E1B8B8 solid;*/
    padding-top: 2px;
}

div.formerrorlabel {
    padding-left: 0.7em;
}

.userform .formerrorfield td {
    color: inherit;
    background-color: #FFB0B0;
    padding-top: 4px;
    padding-bottom: 4px;
}

.userform .information td {
    background-color : #FFFFFF;
    color: inherit;
    padding-top: 4px;
    padding-bottom: 4px;
}

.userform .warning td {
    background-color : #FF9900;
    color: #FFFFFF;
    padding-top: 4px;
    padding-bottom: 4px;
}

.userform .formerrorfield td table td,
.userform .information td table td,
.userform .warning td table td {
    padding-top: 0;
    padding-bottom: 0;
}

.userform .heading-note, .userform .heading-note td {
    padding-top: 0.5em;
    font-style: italic;
}

.userform .half-height td {
    font-size: 0.5em;
}

.userform div.field-inner {
    padding-left: 1em;
}

img.mandatory-icon {
    vertical-align: baseline;
}

.userform td.align-left { text-align: left; }
.userform td.align-center { text-align: center; }
.userform td.align-right { text-align: right; }

.null-redbook-valuation{ color: #888; }