.fwGroupBoxLegend{
    font-family:Times New Roman;
    font-size:12;
}
a.tooltip{
  position:absolute; 
  font-size:10px; 
  color:#039;
  text-decoration:none;
  font-family:Times New Roman;
  
  cursor:help; 
  }

  a.tooltip:hover{
  background:transparent;
  color:#f00;
  z-index:25; 

  }
  a.tooltip span{display: none
  }

  a.tooltip:hover span{ 
  display:block;
  position:absolute;
  width:510px; 
  top:-5px;
  left:20px;
  font-size: 10px;
  padding:5px;
  border: 1px solid #FFDF00;
  background:#FFFFDF; 
  color:#000;
  }

#tooltip {
	position: absolute;
	z-index: 30000;
	border: 1px solid #FFDF00;
	background-color: #FFFFDF;
	padding: 5px;
/*	color:navy;*/
	color:black;
	font-size:10px;
	font-family: Times New Roman,Arial, cursive;
        font-style: italic;
	opacity: 0.85;
}
#tooltip div { margin: 2; }
#tooltip h3 {
	margin: 0px;
	font-size: 10px;
	text-align: left;
}


#tooltip.pretty {
	font-size:10px;
	font-family:Times New Roman,Arial,cursive;
        font-style: italic;
	color:navy;
	border: none;
	width: 210px;
	padding:20px;
	padding-top:10px;
	height: 145px;
	opacity: 0.8;
	background: url('shadow.png');
}

#tooltip.pretty h3 {
	margin-bottom: 10px;
	font-size: 10px;
	width: 205px;
	text-align: left;
	padding-top:5px;
}
#tooltip.pretty div { width: 210px; text-align: left;font-style: italic;}

#tooltip.fancy {
	background: url('shadow2.png');
	font-size:10px;
	font-family:Times New Roman,Arial,cursive;
        font-style: italic;
	color:navy;
	padding-top: 50px;
	height: 110px;
}
#tooltip.fancy.viewport-right {
	background: url('shadow2-reverse.png');
}


select [title] {
      font-style: inherit;
    }
    
#popup_container{
    font-family: Arial, sans-serif;
    font-size: 12px;
    min-width: 300px; /* Dialog will be no smaller than this */
    max-width: 800px; /* Dialog will wrap after this width */
    background: #FFF;
    border: solid 5px #999;
    color: #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }