/* sample web forms 2.0 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:disabled { display: none; visibility: hidden }
input:required { background-color: rgb(255,230,245); color: red }

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

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

label:invalid { color: red }

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;
}

input[readonly] { color: blue;  background-color: rgb(245,240,245) }


output { border: solid 1px black;
 background-color: rgb(245,240,245);
 padding-left: 0.2em;
 padding-right: 0.2em;
 width: 100px }

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:disabled { display: none; visibility: hidden }
fieldset.borderless { border: none; margin: 0; padding: 0 }

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 }

em { color: #005a9c; font-weight: bold }
span.hilite { background-color: rgb(255,255,160); font-weight: bold }
pre {
  padding-left: 0.5em;
  border-top: solid thin black;
  border-bottom: solid thin black;
  color: green;
}

form button { vertical-align: bottom }

/* for wf2 combobox aka datalist */
@namespace xh url(http://www.w3.org/1999/xhtml);
xh|datalist { display: none; }
datalist { display: none; }