/**
* styles used for pop-up references
*/

/* -------------------------------------------------------------- */
/* Glossary popup styles */




.reference, a.reference, a.reference:link, a.reference:active, a.reference:visited  {
  font-weight: normal;
  color: #666666;
  font-style:normal;
  border-bottom: 1px dotted #6699cc;
  text-decoration: none;

  
}
.referencehead, a.referencehead, a.referencehead:link, a.referencehead:active, a.referencehead:visited  {
  font-weight: bold;
  color: #f66;
  font-style: normal;
  border-bottom: 1px dotted #6699cc;
  text-decoration: none;
}
a.reference:hover
{
	text-decoration:none;
	border-bottom: 1px dotted #6699cc;;	
}
a.referencehead:hover
{
	color: #f66;
	text-decoration:none;
	border-bottom: 1px dotted #6699cc;;
}
span a.reference
{
color: #0054A6;
  font-weight: bold;
  

}
#tooltip {
  border-width: 8px;
  border-style: solid; 
  border-color: #FFD9D8;
  background-color: #FCEBEA;
  padding: 15px;
  width: 270px;
  font-size: 13px;
  line-height: 19px;
  color: #333;
}
span.tip {
  font-weight: bold;
  color: #333;
  font-style: italic;
}
h4 {
  color: #333;
  font-weight: bold;
  font-size: 13px;
  margin-bottom: -18px;
  line-height: 17px;
}





.definitions {
	display:none;
	padding: 0px;
}

#referenceContainer {
	display: none;
	position: absolute;
	z-index: 100;
	width: 250px;
	
	border-width: 8px;
	border-style: solid; 
	border-color: #FFD9D8;
	background-color: #FCEBEA;
	padding: 15px;
	width: 270px;
	font-size: 13px;
	line-height: 19px;
	color: #333;
	
	
}

#refControls {
	position:relative;
	top:0px;
	font-size: 9px;
	text-align: right;
	height: 17px;
	background-color: #572D88;
}

#refClose {
	float: right;
}

#defContainer {
	
	width: 250px;
	
	text-align:left;
}

#refTitle {
	float: left;
	font-weight: bold;
	color: #FFFFFF;
}