body{
background-color: #FFFFFF;
color: #000000;
}
h1 {
font-family: Arial;
font-size: 18px;
}
h2 {
font-family: Arial;
font-size: 14px;
}
h3 {
font-family: Arial;
font-size: 12px;
}
p {
font-family: Arial;
font-size: 12px;
}
#login {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}
.login {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

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 #000;
    background-color:#ccc; color:#000;
    text-align: left;
	 font-family: Arial;
    font-size: 12px;
	 }
.tableback{
background-color:#cccccc;
}
#splash{
	background-image:url(images/splash.png);
	background-repeat:no-repeat;
	height:50px;
	padding-top:30px;
}
#passwordStrength
{
	height:10px;
	display:block;
	float:left;
}

.strength0
{
	width:250px;
	background:#cccccc;
}

.strength1
{
	width:50px;
	background:#ff0000;
}

.strength2
{
	width:100px;	
	background:#ff5f5f;
}

.strength3
{
	width:150px;
	background:#56e500;
}

.strength4
{
	background:#4dcd00;
	width:200px;
}

.strength5
{
	background:#399800;
	width:250px;
}