/*
	Css for the javascript helper function I wrote.
*/
	
	.help_data{
		display: inline;
	}
	
	.help_data a {
		color: white;
		background-image: url("../html/graphics/info_17.gif");
		background-repeat: no-repeat;
		background-color: transparent;
		width: 17px;
		height: 17px;

		cursor: help;
		display: inline;
		text-align: center;
		vertical-align: middle;
		line-height:17px;
	}
	
	.help_data a:hover {

	}
	
	.help_data .title, .help_data .message{
		display: none;
	}
	
	.help_window{
		background-color: #FDFFEF;
		width: 200px;
		border: 1px solid #8F8F8F;
		font-family: sans-serif;
		font-size: small;
	}
	
	.history_window{
		background-color: #FDFFEF;
		width: 250px;
		border: 1px solid #8F8F8F;
		font-family: sans-serif;
		font-size: small;
		margin-left: auto;
		margin-right: auto;
	}
	
	.help_window h4{
		margin: 0px;
		padding: 0px;
		padding-left: 5px;
		line-height: 28px;
		vertical-align: middle;
		border-bottom: 1px solid #5F5F5F;
		background-color: #9FD4FF;
		color: white;
		height: 28px;
		background-image:url('../html/graphics/helper_title_bg.jpg');
		background-repeat: repeat-x;
	}
	
	.help_window .help_text{
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 5px;
	}