/* sample xforms-transitional style sheet */
body {
 font-family: sans-serif;
 margin: 0 0 0 0;
 padding-top: 0;
 padding-left: 64px;
 padding-right: 20px;
 color: black;
 background-color: white;
 background: url("small-grid.gif");
}

/* use of [] syntax for IE6 which doesn't support fixed positioning */
div[class="margin"]{
  position: fixed;
  width: 64px;
  height: 100%;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  margin-left: -64px;
  margin-top: -12px;
  background: url("../../02/woa/binding.gif") transparent top left repeat-y;
}

p.copyright { font-style: italic; font-size: 80% }

input { text-align: center; background-color: transparent }
input[type="text"] { background-color: white }
input.readonly { color: blue;  background-color: rgb(245,240,245) }
input.focus { background-color: rgb(230,230,245) }

input.invalid { background-color: rgb(255,230,245); color: red }
input.irrelevant { display: none; visibility: hidden }
input.missing { background-color: rgb(255,230,245); color: red }

select.invalid { background-color: rgb(255,230,245); color: red }
select.irrelevant { display: none; visibility: hidden }
select.missing { background-color: rgb(255,230,245); color: red }

textarea.invalid { background-color: rgb(255,230,245); color: red }
textarea.irrelevant { display: none; visibility: hidden }
textarea.missing { background-color: rgb(255,230,245); color: red }

label.invalid { color: red }
label.missing { color: red }
label.irrelevant { display: none; visibility: hidden }

select, option { background-color: transparent; border-color: rgb(220,220,220) }
select.focus { background-color: rgb(230,230,245) }
textarea.focus { background-color: rgb(230,230,245) }

input.combotext { padding: 0;
 padding-left: 0.5em;
 text-align: left;
}


fieldset { line-height: 120%; padding: 0.4em;
 background-color: rgb(250,250,250) }
legend { background-color: rgb(255,255,255);
 font-size: 80%; font-style: italic;
 padding: 3px; margin-left: 1em;
}
fieldset.irrelevant { display: none; visibility: hidden }
fieldset.borderless { border: none; margin: 0; padding: 0 }
fieldset.bordertop { border-top: solid 1px black }


table.fieldset { border: none; border-collapse: collapse;
   padding: 0; margin: 0; }
table.fieldset td { border: none; padding: 0;
   margin: 0; text-align: center; white-space: nowrap }

pre {
  padding-left: 0.5em;
  border-top: solid thin black;
  border-bottom: solid thin black;
  color: green;
}

table.picker {
  background-color: rgb(220,220,220);
  border: thin solid black;
  position: absolute;
  font-size: 80%;
}
table.picker td { text-align: center }
table.picker td.current { background-color: rgb(230,230,240) }
table.picker span.static { color: black; cursor: default }
table.picker span.link { color: blue }
table.picker span { color: black; cursor: pointer }
table.picker td.current span { color: blue }

table.picker caption {
  background-color: rgb(230,230,230);
  border: thin solid black;
  border-bottom: none;
  padding: 0;
}

table.picker img {
 border: none;
 margin: 0;
 margin-top: 0.1em;
 margin-right: 0.1em;
 padding: 0;
 width: 16px;
 height: 16px;
 color: maroon;
 display: block;
}
button.picker {
  padding: 0;
  vertical-align: bottom;
}

form button { vertical-align: bottom }