/*
 * Form Styles
 */
 

input 
{ 
  width                 : auto; 
}

input.dateDay
{
  width                 : 2em;
}

input.dateYear
{
  width                 : 4em;
}

input.short-input
{
    width : 3em;
}

form
{
  /* We use 95% not 100% as some forms cause rendering problems in IE. */
  width                 : 95%;
}


fieldset
{ 
  margin                : 12pt auto 12pt auto;
  padding-left          : 6pt;
  padding-bottom        : 6pt;
  background-image      : url('../images/grad.gif');
  background-repeat     : repeat-x;
  background-position   : top;
  background-color      : #e6eaed;
  border-left           : none;
  border-right          : none;
  border-bottom         : none;
  border-top            : none; 
}


legend 
{ 
  font-weight           : bold;
  margin-bottom         : 3pt; 
  margin-left           : 0;
  padding-left          : 0;
}
         
label, .labelSpacer
{
  width                 : 18em;
  line-height           : 1.8;
  vertical-align        : middle;
  padding-left          : 5px;
  display               : inline-block;
}

label.autoWidth
{
    width               : auto;
}

fieldset input
{ 
  width                 : 20em; 
}

.checkbox
{
    width: auto;
    margin-right: 0.5em;
}

.checkbox
{
    width: auto;
    margin-right: 0.5em;
}

fieldset ol 
{ 
  margin                : 0;
  padding               : 0; 
}
              
fieldset li 
{ 
  list-style            : none;
  padding               : 5px 0px 5px 0px;
  margin                : 0;
}

.upbutton
{
    background: url(../images/up.gif) no-repeat;
    cursor: pointer;
    width: 15px;
    height: 15px;
    border: none;
    margin-left:6px; /**This is to center things as tds have uneven padding**/
}

.downbutton
{
    background: url(../images/down.gif) no-repeat;
    cursor: pointer;
    width: 15px;
    height: 15px;
    border: none;
    margin-left:6px;
}
              
.formButtons {
    width: 100%;
}

.formButtons input {
    width: 180px;
}

input.page-button {
    margin: 10px 0px;
}

input.button {
    width: auto;
}

/** Checkboxes, radio buttons etc. are placed in nested fieldsets   */
fieldset fieldset
{
  background            : none;
  border                : none;
  padding               : 0;
  margin                : 0;
}

fieldset fieldset ul
{
  margin                : 0;
  padding               : 0;
}

fieldset fieldset li
{ 
  padding               : 0;
  margin                : 0;
  margin-right          : 2em;
  clear                 : none;
}

fieldset fieldset ul li 
{ 
  float                 : none; 
  display               : inline-block;
}
fieldset fieldset ol li 
{ 
  float                 : none; 
}

fieldset fieldset label 
{ 
  float                 : none; 
}

fieldset fieldset input
{ 
  width                 : auto; 
  padding               : 0; 
  margin                : 0;
}

textarea 
{ 
  width                 : 90%; 
}

.errorMessage
{
  color                 : #FF0000;
  font-weight           : bold;
}

.readableErrorMessage
{
  color                 : #FF0000;
}

.fielderror
{
    border: 2px solid #FF0000;
}

.required
{
  color                 : #FF0000;  
}

.notice
{
  font-size             : 0.9em;
  color                 : #777777;
}