.smalltext
{
	font-family: serif;
	font-size: small;
	text-align: center;
}

.title
{
	font-family: serif;
	font-size: medium;
	text-align: center;
}

#links
{
	top: 350px;
	text-align: center;
	font-family: serif;
	font-size: small;
	margin-left: auto ;
    margin-right: auto;
}

#main
{
	font-family: serif;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
    padding: 10px;
}

#result
{
	font-family: serif;
	font-size: medium;
	text-align: center;
	border: dashed medium grey;
	padding: 10px;
	width: 500px;
	margin-left: auto;
    margin-right: auto;
    word-wrap: break-word;
    min-width: 50%;
    max-width 50%;
}

.error
{
	font-family: serif;
	font-size: medium;
	text-align: center;
	color: red;
}

.fail
{
	font-family: serif;
	font-size: medium;
	text-align: center;
	color: green;
}

.info
{
	font-family: serif;
	font-size: medium;
	text-align: center;
	color: green;
}

.about
{
	font-family: serif;
	text-align: center;
	margin-left: auto ;
	margin-right: auto;
	padding: 10px;
	width: 500px;
	border: dashed medium grey;
}

.logo
{
	padding: 5px;
}

/* Gets rid of purle borders around hyperlinked images in FF */
img 
{
	border: none
};

h1
{
	font-family: serif;
}

/* Popup tooltip */

a.boxpopup3
{
	position:relative;
	z-index:24; 
	color:#046; 
	border-bottom:thin dotted #046;
	text-decoration:none;
}
a.boxpopup3:hover
{
	z-index:25; 
	background-color:#FF0;
}
a.boxpopup3 span
{
	display: none;
	<!--visibility: hidden; /* IE fix */-->
}
a.boxpopup3:hover span
{ 
	/*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:2em; left:0; width:30em;
	padding:.3em;
	border:2px outset #BBB;
	color:#000; background:#FF9; 
	text-align:center;
	word-wrap: break-word;
}

/* EOF Popup Tooltip */