﻿body 
{
}

/* idea taken from an article at http://psacake.com/web/jl.asp */
a.info
{
    position:relative; /*this is the key*/
    color:#000000;
    background-color:Transparent;
    text-decoration:none;
    white-space:nowrap;
	font-family:Arial,Verdana;
	font-size:8pt;
	white-space:nowrap;
	z-index:100; 
}

a.info:hover
{
	background-color:Transparent;
	white-space:nowrap;
	font-family:Arial,Verdana;
	font-size:8pt;
	white-space:nowrap;
	/*text-decoration:none;*/
    z-index:110;
}

a.info span.infoBox,
a.info table.infoBox,
a.info span.infoBox_FL,
a.info table.infoBox_FL,
a.info span.infoBox_AR,
a.info table.infoBox_AR
{
	display: none;
	white-space:nowrap;
	font-family:Arial,Verdana;
	font-size:8pt;
	white-space:nowrap;
	text-decoration:none;
	z-index:1200;
}

a.info:hover span.infoBox
{ 
	/*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0.5em; 
    left:1.5em; 
    width:22em;
    border:1px solid #666666;
    background-color:#FFFFCC; 
    color:#000000;
    text-align: left;
    padding-left:3px;
	padding-bottom:3px;
	padding-right:3px;
    white-space:normal;
	font-family:Arial,Verdana;
	font-size:8pt;
	font-weight:normal;
	text-decoration:none;
	z-index:1300;
}

a.info:hover table.infoBox
{ 
	/*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0.5em; 
    left:1.5em; 
    border:1px solid #666666;
    background-color:#FFFFCC; 
    color:#000000;
    text-align: left;
    padding-left:3px;
	padding-bottom:3px;
	padding-right:3px;
    white-space:nowrap;
	font-family:Arial,Verdana;
	font-size:8pt;
	font-weight:normal;
	text-decoration:none;
	z-index:1300;
}

a.info:hover span.infoBox_FL,
a.info:hover table.infoBox_FL
{ 
	/*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0.5em; 
    left:-22em; 
    width:22em;
    border:1px solid #666666;
    background-color:#FFFFCC; 
    color:#000000;
    text-align: left;
    padding-left:3px;
	padding-bottom:3px;
	padding-right:3px;
    white-space:normal;
	font-family:Arial,Verdana;
	font-size:8pt;
	font-weight:normal;
	text-decoration:none;
	z-index:1300;
}

a.info:hover span.infoBox_AR,
a.info:hover table.infoBox_AR
{ 
	/*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0em; 
    right:0em; 
    width:22em;
    border:1px solid #666666;
    background-color:#FFFFCC; 
    color:#000000;
    text-align: left;
    padding-left:3px;
	padding-bottom:3px;
	padding-right:3px;
    white-space:normal;
	font-family:Arial,Verdana;
	font-size:8pt;
	font-weight:normal;
	text-decoration:none;
	z-index:1300;
}


a.info span.boxrb
{
	display: none;
	white-space:nowrap;
	font-family:Arial,'Times New Roman'; 
	font-size:9pt;
	white-space:nowrap;
	text-decoration:none;
}

a.info:hover span.boxrb
{ 
	/*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-7.5em; 
    left:-2.5em; 
    width:16em;
    border:1px solid #666666;
    background-color:#FFFCBB; 
    color:#000000;
    text-align: left;
    padding-left:3px;
	padding-bottom:3px;
	padding-right:3px;
    white-space:normal;
	font-family:Arial,'Times New Roman'; 
	font-weight:normal;
	font-size:8pt;
	text-decoration:none;
}


/* Vegies List ... */
a.VegieTip
{
    position:static; /* this is the key */
    z-index:500; 
    color:#1C49BE;
    background-color:Transparent;
    text-decoration:none;
    white-space:nowrap;
	font-family:Arial,'Times New Roman'; 
	font-size:9pt;
	white-space:nowrap;
}

a.VegieTip:hover
{
    position:relative; /* this is the key */
	background-color:Transparent;
	z-index:500; 
	white-space:nowrap;
	font-family:Arial,'Times New Roman'; 
	font-size:9pt;
	white-space:nowrap;
	/*text-decoration:none;*/
}

a.VegieTip span.VegieBox
{
	display: none;
	white-space:nowrap;
	font-family:Arial,'Times New Roman'; 
	font-size:9pt;
	white-space:nowrap;
	text-decoration:none;
	padding:5px;
	z-index:510;
	
}

a.VegieTip:hover span.VegieBox
{ 
	/*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1.5em; 
    left:2.5em; 
    width:15em;
    border:1px solid #666666;
    background-color:#FFFCBB; 
    color:#000000;
    text-align: left;
    padding:5px;
    white-space:normal;
	font-family:Arial,'Times New Roman'; 
	font-size:9pt;
	text-decoration:none;
	z-index:510;
}

