/* Important setting */

html { font-size: 100% }

body { 
font-family: verdana, arial, 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; } */

/* ===== */

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;
}
.product-table {
  text-align:center;
  margin:0 auto;
  width:700px;
  height:400px;
  background-color:#ffffcc;
  padding:2em;
  border:4px black ridge;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

.product-box {
  position:relative;
  width: 200px;
  height: 200px;
  background-image: url('/common/img/product-box.png');
  background-repeat:no-repeat;
  float:left;
  padding: 0em 0em 0em 0em;
  margin: 0px 16px 0px 16px;
}

.product-box-content {
  position:absolute;
  width: 170px;
  height: 170px;
  left:15px;
  top:15px;
}

a.img-thumb
{
position: relative;
text-decoration: none;
border: none;
}

a.img-thumb:hover {
z-index: 225;
outline: none;
}

a.img-thumb span { 
display: none;
}

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

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

/* -------------------------------------------------------------------------------------- */
.xli {
  margin-left:2em;
  padding-left:2em;
  background-image: url('/common/img/button-blue.png');
  background-repeat:no-repeat;
  background-position: left center;
}

.lix {
  padding-left:2em;
}

.lix>div:first-child {
  background-image: url('/common/img/button-blue.png');
  background-repeat:no-repeat;
  background-position: left center;
  padding-left:2em;
}

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

.lix>.hiliteG:first-child:hover {
color: darkgreen;
cursor: pointer;
}
/* -------------------------------------------------------------------------------------- */

.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;
}
.dump-property-title {
  background:#e0e0e0;
}
.dump-property {
  font-size:0.9em;
  font-family:'courier new',courier,monospace;
}
.dump-property td {
  text-align:left;
}
.dump-property th {
  text-align:right;
  font-weight:bold;
  background:#e0e0e0;
  font-family:arial,san-serif;
}