@namespace xhtml url(http://www.w3.org/1999/xhtml);
@namespace xforms url(http://www.w3.org/2002/xforms);

/* Globals, applicable to CSS1 and CSS2 */
body { font-style: normal; font-weight: 400; background-color: white; font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;}
h1 {font-size: 100%;  background-color: rgb(230,200,230); width: 95%;}
h2 {font-size: 90%; background-color: rgb(200,230,200); width: 95%;}
h3 {font-size: 9pt; background-color: rgb(230,200,230); width: 95%;}
b {background-color: rgb(180,230,230); font-weight:900; width: 100%; margin-left: 0px;}
div { margin-bottom: 2px; }
p { margin-bottom: 2px; }
fieldset { border-style: solid; border-width: 2px; border-color: gray;margin-bottom:6px;}

/* CSS2 definitions */
xforms|submit {margin-left: 65%; font-weight:900; background-color: gray; color: white;}
xforms|submit::value { background-color: gray; color: white; margin-top: 6px;}
xforms|submit .xf-value { background-color: gray; color: white; margin-top: 6px;}
xforms|input {display: block; margin-top: 4px; margin-bottom: 4px;  width: 95%; background-color: rgb(210,230,230);}
xforms|input::value {width: 280px; background-color: white;}
xforms|input .xf-value, .input-value {width: 48%; background-color: white;}
xforms|input xforms|label {width: 250px;  float: left; }
xforms|secret {display: block; width: 95%; margin-top: 4px; margin-bottom: 4px; background-color: rgb(210,230,230);}
xforms|secret::value {width: 280px; background-color: white;}
xforms|secret .xf-value, .secret-value {width: 48%; background-color: white;}
xforms|secret xforms|label {width: 250px;  float: left; }
xforms|select {display: block; width: 95%; margin-top: 4px; margin-bottom: 4px; background-color: rgb(210,230,230);}
xforms|select::value {width: 42%; font-size: 9pt;}
xforms|select .xf-value, .select-value {width: 35%; max-width: 280px; font-size: 9pt;}
xforms|select xforms|label {width: 250px;  float: left; }
xforms|select1 {display: block; width: 95%; margin-top: 4px; margin-bottom: 4px; background-color: rgb(210,230,230);}
xforms|select1::value {width: 42%; font-size: 9pt;}
xforms|select1 .xf-value, .select1-value { width: 35%; max-width: 280px; font-size: 9pt;}
xforms|select1 xforms|label {width: 250px;  float: left; }
xforms|range {display: block; width: 95%; margin-top: 4px; margin-bottom: 4px; background-color: rgb(210,230,230);}
xforms|range::value {width: 280px;}
xforms|range .xf-value, .range-value {width: 48%;}
xforms|range xforms|label {width: 250px;  float: left; }
xforms|upload {display: block; width: 95%; margin-top: 4px; margin-bottom: 4px; background-color: rgb(210,230,230);}
xforms|upload::value {width: 32%;}
xforms|upload .xf-value, .range-value {width: 32%;}
xforms|upload xforms|label {width: 250px;  float: left; }
xforms|textarea {display: block;  width: 95%; margin-top: 4px; margin-bottom: 4px; background-color: rgb(210,230,230);}
xforms|textarea::value {width: 280px; height: 140px;}
xforms|textarea .xf-value, .textarea-value  {width: 48%; height: 140px;}
xforms|textarea xforms|label {width: 250px;  float: left; }
xforms|group {margin-top: 3px; background-color: rgb(230,180,180); font-weight:900; width: 95%;}
xforms|case > xforms|label {font-size: 90%; font-weight: bold; background-color: rgb(200,230,200); width: 95%;}

xforms|trigger::value {background-color: rgb(190,190,190);}

xforms|group > xforms|select {margin-left: 0px; font-size: 90%; font-weight: normal; background-color: rgb(210,210,210);}
xforms|group > xforms|select::value {font-size: 90%; background-color: rgb(210,210,210);}
xforms|group > xforms|select .xf-value, xforms|group > .select-value {font-size: 90%; background-color: rgb(210,210,210);}
xforms|group > xforms|select1 {margin-left: 0px; font-size: 90%; font-weight: normal; background-color: rgb(210,210,210);}
xforms|group > xforms|select1::value {font-size: 90%; background-color: rgb(210,210,210);}
xforms|group > xforms|select1 .xf-value, xforms|group > .select1-value {font-size: 90%; background-color: rgb(210,210,210);}

xforms|output {display: block; width: 95%;}
xforms|output xforms|label {background-color: rgb(210,230,230); font-weight:900; width: 250px; float: left; margin-left: 0px; }
xforms|output xforms|label::value {display: block;}
xforms|output xforms|label .xf-value {display: block;}
xforms|output::value {width: 95%;}
xforms|output .xf-value {width: 48%;}
xforms|*:invalid, xforms|*:required::after { content: "*"; color: red; }
xforms|*:disabled { display: none; }

.repeat-item, .xf-repeat-item  { display: block; width: 100%;  border-top-color: gray; border-top-style: solid; border-top-width: 1px; border-bottom-color: gray; border-bottom-style: solid; border-bottom-width: 1px;}
.repeat-index, .xf-repeat-index { background-color: lightblue; }
.invalid { border-style: solid; border-width: 2px; border-color: red; }
xforms|*:invalid, xforms|*:required::after { content: "*"; color: red; }
xforms|hint {width: 300px;}