#gradient-style
{
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 14px;
	font-weight:bold;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	color: #000;
}
#gradient-style th
{
	font-size: 16px;
	font-weight: bold;
	padding: 8px;
	background: red url('table-images/gradhead.png') repeat-x; /* This will change main title color */
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: blck;	/*  Title text color*/
	text-align: left;
	text-transform: uppercase; /* Main title uppercase */
}
#gradient-style td
{
	padding: 10px; 
	border-bottom: 1px solid #000;
	color: white;   /*  Itmes text color*/
	border-top: 2px solid #fff;
	background: green  url('table-images/gradback.png') repeat-x; /* This will change items color*/
}
#gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td
{
	background: LawnGreen url('table-images/gradhover.png') repeat-x; /* This will change hover color*/
	color: black;   /* This will change hover text color*/
}

	

	

	
	
	a.tooltip {outline:none; } 
 
 
a.tooltip strong {line-height:30px;}

a.tooltip:hover {text-decoration:none;}
  
   a.tooltip span 
   
   { 
   z-index:20;display:none; 
   padding:5px 5px; margin-top:30px; 
   margin-left:-145px; width:180; 
   line-height:16px; 
   } 
   
   a.tooltip:hover span
   {display:inline; 
   position:absolute; 
   border:2px solid #FFF; 
   color:#EEE; 
   background:#000 url(src/css-tooltip-gradient-bg.png) 
   repeat-x 0 0; 
   } 
   .callout 
   {
	z-index:20;
	position:absolute;
	border:0;
	top:-14px;
	left:120px;
	} 
	a.tooltip span 
	{
	border-radius:2px;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	-moz-box-shadow: 0px 0px 8px 4px #666;	
	-webkit-box-shadow: 0px 0px 8px 4px #666; 
	box-shadow: 0px 0px 8px 4px #666; 
	opacity: 0.9;
	}