@namespace xf "http://www.w3.org/2002/xforms"

body {font-size: 20pt }

label { width: 5em; display: inline-block; color: blue }
xf|label { width: 5em; display: inline-block; color: blue }
f\:label { width: 5em; display: inline-block; color: blue }

:invalid .xf-value { background-color: #ff8888 }
:required .xf-value { background-color:  #99ff99 }
:required >label :after { content: "*" }

hint { width: 14em }

/*
body {font-family: sans-serif; font-size: 20pt}
.value {font-family: sans-serif; font-size: 20pt}
::value {font-family: sans-serif; font-size: 20pt; width: 7em}
.xf-value {font-family: sans-serif; font-size: 20pt; width: 10em}
.enabled {}
::enabled {}
.disabled {display: none}
::disabled {display: none}
.read-only {color: #ccc}
::read-only {color: #ccc}
.invalid {border: red thin solid}
::invalid xforms\:alert {color: red}
.repeat-index { background-color: lightblue}
::repeat-index { background-color: lightblue}
.valid xforms\:alert {display: none}
xforms\:hint { width: 12em; color: blue}
xf|hint { width: 12em; color: blue}
hint { background-color: red}

xforms\:output.read-only {color: black; font-weight: bold}
xforms\:input {display: inline}
xforms\:input xforms\:label, xforms\:select1 xforms\:label
  {vertical-align: 10%; width: 6em}
xforms\:input xforms\:label {width: 6em}
xforms\:label {padding: 0 0.5em; font-weight: bold}
xforms\:group {display: block}
xforms\:repeat xforms\:label {border: thin red solid}

label  {color: green; vertical-align: 10%; width: 10em}
xf|label  {color: red; vertical-align: 10%; width: 10em}
.align { color: green; display: block;}
*/