/* Important setting */

html, body { 
  height: 100%;
  font-size: 100% 
}

body { 
font-family: arial, helvetica, sans-serif;
font-size: 1em;
text-align: center;
background-color: #ddffdd;
padding: 0;
margin:0;
position:relative;
}

pre { padding:0; margin:0; }

/* various alignments */

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.floatright { float: right; }
.floatleft { float: left; }

.u { text-decoration: underline; }
.i { font-style: italic; }
.b { font-weight: bold; }

.fs { font-size: smaller; }
.fl { font-size: larger; }

.red { color: red; }

.nobr { white-space: nowrap; }

.bdash {
border-style: dashed;
border-width: 1px;
border-color: black;
}

.bdot {
border-style: dotted;
border-width: 1px;
border-color: black;
}

.bline {
border-style: solid;
border-width: 1px;
border-color: black;
}

.bnone { border-style: none; }

.bround10 {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

/* ===== */
.overauto {
overflow:auto;
}

.overhide {
overflow:hidden;
}
/* ===== */

.p0
{
padding: 0em 0em 0em 0em;
margin: 0em 0em 0em 0em;
}

.p4 { padding: 4px 4px 4px 4px; }

/* ===== */

.code {
  padding-left: 2em;
  padding-right: 2em;
  font-family: "courier new",courier,monospace;
  background-color: #E0E0E0;
}
.notice {
  border: 3px black outset;
  width:50%;
  margin:0px auto;
  padding:0.25em;
  background-color: #F0D0C0;
}
.prod {
  font-style: italic;
}
.folder {
  font-family: "courier new",courier,monospace;
  color:blue
}
/* ===== */

a.tip
{
z-index: 24;
position: relative;
text-decoration: none;
border-bottom: 1px dotted blue;
}

a.tip:hover {
z-index: 25;
/* background-color: ; */
outline: none;
border-bottom: 1px dotted red;
}

a.tip span { 
display: none;
}

a.tip:hover span
{
position: absolute;
display: block;
width: 200px;
top: 2em;
left: 2em;
border: 4px ridge #A0C0C0;
background-color: #F0FFF0;
font-family: verdana,arial,san-serif;
font-size: smaller;
color: black;
padding: 2px 10px 2px 10px;
margin: 0em 0em 0em 0em;
}

a.tip:hover span.img
{
width: auto;
padding: 0em 0em 0em 0em;
margin: 0em 0em 0em 0em;
}

/* ===== */

span.tipx
{
z-index: 24;
position: relative;
text-decoration: none;
border-bottom: 1px dashed blue;
font-style: italic;
}

span.tipx:hover {
z-index: 25;
/* background-color: ; */
border-bottom: 1px dashed red;
}

span.tipx span { display: none; }

span.tipx:hover span
{
position: absolute;
display: block;
width: auto;
top: 1.5em;
right: 1em;
border: 4px ridge #C0C0C0;
background-color: #F0FFF0;
font-family: verdana,arial,san-serif;
font-size: smaller;
color: black;
white-space:pre;
}

/* ===== */

.poptopic   { text-decoration: none; }
.poptopic p { display: none; color: black; }

/* #poptopic:active p, .poptopic:active p { display: block; color: black; } */

/* ===== */

img /* all images have no border, and are aligned centrally */
{
vertical-align:middle;
border:none;
}

table /* default to auto width */
{
width: auto;
border-style: none;
border-collapse: collapse;
}

.center table /* margins embrace data, default left aligned */
{
margin-left: auto;
margin-right: auto;
text-align: left;
}
/* -------------------------------------------------------------------------------------- */

.hilite>li:hover {
color: red;
cursor: pointer;
}

.hilite li div {
color: black;
cursor: default;
}

.hiliteR>li>div:first-child:hover {
color: red;
cursor: pointer;
}

.hiliteG>li>div:first-child:hover {
color: darkgreen;
cursor: pointer;
}

.itemarticle {
background-color:#ffffee;
padding:0.25em;
font-family:'trebuchet ms',verdana,arial,sans-serif;
font-size:0.9em;
}

/* ===== */

a.tooltip {
  z-index:24;
  color:#FF5E2F;
  position:relative;
  border-bottom:1px dashed #FF5E2F;
  text-decoration:none;
}

a.tooltip:hover {
  z-index:25;
  color:#7a7a7a;
  border-bottom:1px dashed #7a7a7a;
  text-decoration:none;
}

a.tooltip span {
  display:none;
}

a.tooltip:hover span {
  position:absolute;
  top:2em;
  left:0em;
  border:1px solid #F0D070;
  padding:3px;
  display:block;
  width:245px;
  color:#D0A010;
  background-color:#FFFFE4;
}

acronym { 
  border-bottom: dotted 1px;
  cursor: help;
}

abbr { 
  border-bottom: dotted 1px;
  cursor: help;
}
.file-list {
  padding-left:3em;
  padding-right:3em;
  font-family:'courier new',courier,monospace;
}
.file-link {
  text-decoration: none;
}
.file-link:hover {
  color:#ffffcc;
  background:#8080ff;
}
/* -------------------------------------------------------------------------------------- */
.data-input {
  margin:0px auto;
}
.data-input td {
  text-align:left;
}
.data-input td:first-child {
  text-align:right;
}
/**/
/* Required Field indicator definitions */
/**/

.req-on {
  color:red;
}
.req-off {
  color:transparent;
}
/* --------------------------------------------------------------- */
/* closeable note box */
.cn-box {
  position: absolute;
  right:0px;
  text-align:left;
  z-index:98;
}
.cn-icon {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index:99;
}
.cn-content { }
.cn-x { display: none; }
.cn-x:checked ~ .cn-icon { opacity: 100;}
.cn-x         ~ .cn-icon { opacity: 0.3;}
.cn-x:checked ~ .cn-content { display:none; }
.cn-x         ~ .cn-content { display:block; }
/* --------------------------------------------------------------- */
/* hover note box */
.hn-box {
  position: absolute;
  top: 0.5em;
  right:0.5em;
  text-align:left;
  z-index:98;
}
.hn-icon {
  position: absolute;
  top: 0;
  right: 0;
  z-index:99;
}
.hn-content { }
.hn-box:hover .hn-icon { opacity: 0.3;}
.hn-box       .hn-content { display: none; }
.hn-box:hover .hn-content { display:block; }
/* --------------------------------------------------------------- */
.xhtml-verified {
  position: absolute;
  top: 5px;
  right: 5px;
}
/* --------------------------------------------------------------- */