/******************************************
*******************************************
CSS Tool Tips
*******************************************
******************************************/

a.info
{
    position: relative;
    text-decoration: none;
    z-index: 0;
}

a.info:hover
{
    background-color: #ff0;
    text-decoration: none;
}

a.info span.tip
{
    display: none;
    text-decoration: none;
    z-index: 25;
    zoom: 1;
}
a.info img
{
    border: 0px;
}
a.info:hover span.tip
{
    /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: 0em;
    left: 2em;
    color: Black;
    text-decoration: none;
    zoom: 1;
    opacity: 0.9;
    z-index: 25;
    background: #FFFFCC;
    border: 1px dotted #FFCC66;
    padding: 5px;
    margin: 5px 0px;
}

a.info div.tip
{
    display: none;
    text-decoration: none;
    z-index: 25;
    zoom: 1;
}
a.info:hover div.tip
{
    /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: 0em;
    left: 2em;
    color: Black;
    text-decoration: none;
    zoom: 1;
    opacity: 0.9;
    z-index: 25;
    background: #FFFFCC;
    border: 1px dotted #FFCC66;
    padding: 5px;
    margin: 5px 0px;
}

/********** Other tips **************/
a.tooltip
{
    border-bottom: 1px dotted #000000; 
    outline: none;
    cursor: help;
    text-decoration: none;
   position: relative;
}

a.tooltip div.tip, a.tooltip span.tip
{
    display: none;
    left: 1em;
    top: 2em;
    border-radius: 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    margin-left: 0;
    /* zoom: 1; */
    z-index:3000;
}
a.tooltip:hover span.tip, a.tooltip:hover div.tip
{
    position: absolute ;
    display:block;
    z-index:3000;
}


a.tooltip em
{
    /*font-family: Candara, Tahoma, Geneva, sans-serif;*/
    font-family: Candara;
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    padding: 0.2em 0 0.6em 0;
    z-index:3000;
}

/*
.tipYellow
{
    background: #FFFFAA;
    border: 1px solid #FFAD33;
}

.tipRed
{
    background: #FFCCAA;
    border: 1px solid #FF3334;
}

.tipBlue
{
    background: #9FDAEE;
    border: 1px solid #2BB0D7;
}

*/
.tipGray
{
	background: #F2F2F2;
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin: 5px 0px;
}
.tipTan
{
	color: #332817;
	background: #F9FAF1;
	border: 1px solid #ECE9D8;
	margin: 5px 0px;
}
.tipYellow
{
	background: #FFFFCC;
	color: #9c653e;
	border: 1px dotted #FFCC66;
	padding: 5px;
	margin: 5px 0px;
}

.tipBlue {
	color:#003366;
	background:#ECFAFF;
	border:1px solid #BAE0FC;
	padding:5px;
	margin:5px 0px;
}

.tipGreen
{
	background: #c6efce;
	border: 1px dotted #006152;
	color: #006152;
	padding: 5px;
	margin: 5px 0px;
}
.tipRed
{
	background: #ffc7ce;
	border: 1px dotted #9c0054;
	color: #9c0054;
	padding: 5px;
	margin: 5px 0px;
}
.tipYellow2
{
	background: #ffeb9c;
	border: 1px dotted #9c653e;
	color: #9c653e;
	padding: 5px;
	margin: 5px 0px;
}
.tipgridWidth
{
   width:650px;
   height:300px;
    }