/**************************************************************/
/*** CSS rules for displaying help text in the help console ***/
/*** when the mouse passes over relevant parts of the page  ***/
/*** DEFAULT displays: none (i.e. invisible text)           ***/
/*** Defaults overridden by context-sensitive :hover rules  ***/
/**************************************************************/



/********************************************************************/
/*** default display for <SPAN> tags in the main body of the page ***/
/********************************************************************/
span.helptext {display: none;}

/*********************************************************************/
/*** default display for <SPAN> tags on the right side of the page ***/ 
/*********************************************************************/
span.helptext-left {display: none;}

/*********************************************************************/
/*** default display for <SPAN> tags on the right side of the page ***/ 
/*********************************************************************/
span.helptext-right {display: none;}

/******************************************************/
/*** default display for <SPAN> tags in the menubar ***/
/******************************************************/
span.helptext-menu {display: none;}

/*********************************************************/
/*** default display for <SPAN> tags in the banner bar ***/
/*********************************************************/
span.helptext-banner {display: none;}

/* LJM (26/11): new declarations to test DIV method of supplying helptext */

div.helptext {display: none;}
td:hover > div.helptext{
   display: block;
   position: absolute; 
   top: -9px;
   left: -273px; 
   width: 216px;
   height: 96px;
   padding: 0px; 
   margin: 0px; 
   z-index: 100;
   font-weight: normal; 
   font-size: 12px; 
   color: rgb(255 ,255, 255);
   text-align: center;
   vertical-align: middle;
   background-color: rgb(75, 75, 135);
   line-height: 14px;
}

span.email {
	   display: inline;
	   font-size: 14pt;
           font-weight: bold;
           text-align: center;
	   vertical-align: middle;
	   line-height: 30px;
}

a.menu_item:hover span.helptext-menu {
		   display: block;
		   position: absolute; 
		   top: 81px;
		   left: 17px; 
		   width: 216px;
		   height: 96px;
		   z-index: 100;
		   padding: 0px;
		   margin: 0px;
		   font-weight: normal;
		   font-size: 12px;
		   color: rgb(255 ,255, 255);
		   text-align: center;
		   vertical-align: middle;
		   background-color: rgb(75, 75, 135);
		   line-height: 14px;
}

td:hover > span.helptext-menu {
		   display: block;
		   position: absolute; 
		   top: 81px;
		   left: 17px; 
		   width: 221px;
		   height: 101px;
		   z-index: 100;
                   padding: 0px;
		   margin: 0px;
		   font-weight: normal;
		   font-size: 12px;
		   color: rgb(255 ,255, 255);
		   text-align: center;
		   vertical-align: middle;
		   background-color: rgb(75, 75, 135);
		   line-height: 14px;
}

td:hover > span.helptext {
   display: block;
   position: absolute; 
   top: -9px;
   left: -273px; 
   width: 216px;
   height: 96px;
   padding: 0px; 
   margin: 0px; 
   z-index: 100;
   font-weight: normal; 
   font-size: 12px; 
   color: rgb(255 ,255, 255);
   text-align: center;
   vertical-align: middle;
   background-color: rgb(75, 75, 135);
   line-height: 14px;
}

/****************************************************/
/*** highlight key phrases in site editorial text ***/ 
/****************************************************/
span.explain{
   font-weight: bold;
   color: rgb(255, 0, 0);
}

/*****************************************************************/
/*** make key phrases change colour when the mouse passes over ***/ 
/*****************************************************************/
span.explain:hover{
   font-weight: bold;
   color: rgb(0, 0, 0);
}

/*************************************************************/
/*** markup for displaying additional info for key phrases ***/
/*************************************************************/


span.explain:hover > span.helptext{
   display: block;
   position: absolute; 
   top: -9px;
   left: -273px; 
   width: 216px;
   height: 96px;
   padding: 0px; 
   margin: 0px; 
   z-index: 100;
   font-weight: normal; 
   font-size: 12px; 
   color: rgb(255 ,255, 255);
   text-align: center;
   vertical-align: middle;
   background-color: rgb(75, 75, 135);
   line-height: 14px;
}

a.table_cell:hover span.helptext {
   display: block;
   position: absolute; 
   top: -9px;
   left: -273px; 
   width: 216px;
   height: 96px;
   padding: 0px; 
   margin: 0px; 
   z-index: 100;
   font-weight: normal; 
   font-size: 12px; 
   color: rgb(255 ,255, 255);
   text-align: center;
   vertical-align: middle;
   background-color: rgb(75, 75, 135);
   line-height: 14px;
}

a.table_cell:hover span.helptext-left {
		    display: block;
		    position: absolute; 
		    top: -142px;
		    left: 17px; 
		    width: 216px;
		    height: 96px;
		    padding: 0px; 
		    margin: 0px; 
		    z-index: 100;
		    font-weight: normal; 
		    font-size: 12px; 
		    color: rgb(255 ,255, 255);
		    text-align: center;
		    vertical-align: middle;
		    background-color: rgb(75, 75, 135);
		    line-height: 14px;
}


a.table_cell:hover span.helptext-right {
		    display: block;
		    position: absolute; 
		    top: -9px;
		    left: -673px; 
		    width: 216px;
		    height: 96px;
		    padding: 0px; 
		    margin: 0px; 
		    z-index: 100;
		    font-weight: normal; 
		    font-size: 12px; 
		    color: rgb(255 ,255, 255);
		    text-align: center;
		    vertical-align: middle;
		    background-color: rgb(75, 75, 135);
		    line-height: 14px;
}

td:hover > span.helptext-right {
   display: block;
   position: absolute; 
   top: -9px;
   left: -673px; 
   width: 216px;
   height: 96px;
   padding: 0px; 
   margin: 0px; 
   z-index: 100;
   font-weight: normal; 
   font-size: 12px; 
   color: rgb(255 ,255, 255);
   text-align: center;
   vertical-align: middle;
   background-color: rgb(75, 75, 135);
   line-height: 14px;
}

/*******************************************/
/*** highlight key terms in the helptext ***/
/*******************************************/
em.helptexthighlight {
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   color: rgb(255, 255, 153);
}

/**************************************************/
/*** highlight monetary amounts in the helptext ***/
/**************************************************/
em.helptexthighlight2 {
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   color: rgb(133, 255, 153);
}

/************************************/
/*** WARNING text in the helptext ***/
/************************************/
em.helptexthighlight3 {
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   color: rgb(255, 0, 0);
}

/****************************************/
/*** heading text in the help console ***/
/****************************************/
em.helptextheadline {
   font-weight: bold;
   font-style: normal;
   text-decoration: underline;
   color: rgb(255, 255, 255);
}