﻿/* for the tech words */
a.tooltipKeyword {
  z-index:24;
  color:#3131ff;
  position:relative;
  text-decoration: none;
  border-bottom: dashed 1px #3131ff; 
}

a.tooltipKeyword:hover {
  z-index:25;
  color:#7a7a7a;
  text-decoration: none;
  cursor:hand;
}

a.tooltipKeyword span.stock {
  display:none;
}

a.tooltipKeyword:hover span.stock {
  position:absolute;
  top:-0.5em;
  left: -0.9em;  
  border:1px solid #ffa500;
  padding:5px 20px 5px 10px;
  display:block;
  color:#000000;
  background-color:#fff4cb;
  width:300px;
}

/* for the view stock */
a.tooltip {
  z-index:24;
  color:#3131ff;
  position:relative;
  text-decoration:none;
  
}

a.tooltip:hover {
  z-index:25;
  color:#7a7a7a;
  text-decoration:none;
  cursor:help;
}

a.tooltip span.stock {
  display:none;
}

a.tooltip:hover span.stock {
  position:absolute;
  top:-1em;
  left:4em;
  border:1px solid #999;
  padding:5px 20px 5px 10px;
  display:block;
  color:#000000;
  background-color:#cccccc;
  font-size:0.9em;
  width:300px;
}



/* for the image */

a.imagetooltip {
  z-index:24;
  position:relative;
  text-decoration:none;
  font-size: 1.0em;	
  font-weight:bold;	
  color:#0000ff;
  padding:4px 20px 4px 10px;
  width:100%;
  /*border-bottom:1px solid #c0bfbf;*/
  
  
}

a.imagetooltip:hover {
  z-index:25;
  font-size: 1.0em;
  font-weight:bold;	
  color:#ff0000;	
  text-decoration:none;
  cursor:hand;
  background-color:#ccc;
  padding:4px 20px 4px 10px;
  width:100%;
  /*border-bottom:1px solid #c0bfbf;*/
  }

a.imagetooltip span.imagepop {
  display:none;
}

a.imagetooltip:hover span.imagepop {
  width:400px;
  position:absolute;
  top:-3em;
  left:10em;
  border:3px solid #ccc;
  padding:5px;
  display:block;
  color:#000000;
  background-color:#cccccc;
  font-size:1em;
  font-weight:normal;
}

span.imagepop img
{
  border:1px solid #ccc;
  float:right;

}

span.imagepop hr
{
  color:#ccc;
  height:1px;

}


ul { margin:5px 0 0px 20px;}
li.tick { list-style-image: url(../images/gen/stock-tick.gif); }

table.testtable  { border:2px solid #ffa500;  }
table.testtable td { border:1px solid #ffa500;  }