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

/* ===== */

.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-style: outset;
  margin-left:25%;
  margin-right:25%;
  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;
left: 1em;
border: 4px ridge #C0C0C0;
background-color: #F0FFF0;
font-family: verdana,arial,san-serif;
font-size: smaller;
color: black;
}

/* ===== */

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

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

/* ===== */

body 
{
font-family: arial, helvetica, sans-serif;
}

/* ===== */

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

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


.itemtable {
width: 80%;
margin-left: 10%;
margin-right: 10%;
border-spacing: 15px;
}

.itemtable td {
font-size: smaller;
}

.itemtable li {
margin-top: 10px;
margin-bottom: 5px;
}

.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 {
border: 1px dotted black;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

/* ===== */

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