td
{
	color: #333;
	font-size: 11px;
        line-height: 14px;
        text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


.visualrep 
{
	text-align: left;
}

body
{
	color: #333;
	font-size: 12px;
	line-height: 14px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

textarea 
{
	font-size: 12px;
	font-size: 12px;
	line-height: 14px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;

}


.box {
	
	text-align: center;
	width: 720px; 
	padding: 10px;
	margin-right: auto;
	margin-left: auto; 	
	border: 1px solid black;
	background-color: #fefefe;

}

.littlebox {
	width: 75%;
 	border: 1px solid black;
	}
		
.what {
	text-align: left;
	font-size: 0.90em;
	}

li {
	margin-bottom: 3px;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;
    }


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 #0cf;
    background-color:#cff; color:#000;
	text-decoration: none;
    text-align: center
	}