
#passwordStrength
{
	height:20px;
	width:300px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px 6px 0px 10px;
	border-radius: 6px;
	font-weight: bold;
}

.strengthNone
{
	color: #a3a3a3;
}

.strength0
{
	/* VERY WEAK */
	background:red;
	color: #ffffff;
}

.strength1
{
	/* WEAK */
	background:orange;
	background:linear-gradient(to right, red, yellow);
	color: #ffffff;
}

.strength2
{
	/* BETTER */
	background:gold;
	background:linear-gradient(to right, orange, yellow);
	color: #ffffff;
}

.strength3
{
	/* MEDIUM */
	background:lightgreen;
	background:linear-gradient(to right, yellow, green);
	color: #ffffff;
}

.strength4
{
	/* STRONG */
	background:green;
	color: #ffffff;
}



