.ratesTableDarkColour {
	background-image: url(../images/pixel-purple-993366.gif);
}

.ratesTableLightColour {
	background-image: url(../images/pixel-cream-EAE9BB.gif);
}

.ratesTitle			          {text-decoration: none; color: #FFFFFF; }
.ratesTitle:link          { text-decoration: none; color: #FFFFFF; 	}
.ratesTitle:visited       { text-decoration: none; color: #FFFFFF; 	}
.ratesTitle:hover         { text-decoration: underline; color: #EAE9BB; text-decoration: none;}

/* This is where you can customize the appearance of the tooltip */
div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#FFFFCC; border:1px solid #993366; 
  width:250px; padding:5px;
  color:#000; font-size:11px; line-height:18px;
}
/* These are optional. They demonstrate how you can individually format tooltip content  */
div.tp1 { font-size:12px; color:#336; font-style:italic }
div.tp2 { font-weight:bolder; color:#337; padding-top:4px }