.progresscontainer {
	width: 100px;
	height: 3px;
	background-color: #aaaaaa;
}

.progressbar {
	width: 0px;
	height: 3px;
	background-color: black;
}

body {
	margin-top: 0;
	margin-left: 0px;
	padding: 0;
	font-family: Verdana, "Bitstream Vera Sans", sans-serif;
	color: white;
	background-color: #4a525a; /* dark blue slate thing from daringfireball.net */
}

h1 {
	margin-top: 10px;
}

img {
	border: none;
}

div.inputhead {
	font-size: x-small;
}

.box {
	position:absolute;
	width:150px;
	height:170px;
	border: 2px solid #cccccc;
	float:left;
	padding: 10px;
	font-size: 10px;
	top:410px;
}

.input {
	margin-bottom: 10px;
	width: 200px;
	font-family: Verdana, "Bitstream Vera Sans", sans-serif;
	font-size: small;
}

.data {
	margin-left: 20px;
}

a.info{
ÊÊÊÊposition:relative; /*this is the key*/
ÊÊÊÊz-index:24;
ÊÊÊÊtext-decoration:none}

a.info:hover{z-index:25;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
ÊÊÊÊdisplay:block;
ÊÊÊÊposition:absolute;
ÊÊÊÊtop:2em; left:2em; width:15em;
ÊÊÊÊborder:1px solid #cccccc;
ÊÊÊÊbackground-color:#000000; color:#ffffff;
ÊÊÊÊtext-align: center}

a{
	color: #ffffff;
}