/* http://www.webdesignerdepot.com/2012/01/password-strength-verification-with-jquery/ */
container span {
  background:#f6f6f6;
  padding:3px 5px;
  display:block;
  border-radius:5px;
  margin-top:5px;
}

pois {
  background: #57a9eb; /* Old browsers */
  background: -moz-linear-gradient(top, #FFa9eb 0%, #3a76c4 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57a9eb), color-stop(100%,#3a76c4)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #FFa9eb 0%,#3a76c4 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #FFa9eb 0%,#3a76c4 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #FFa9eb 0%,#3a76c4 100%); /* IE10+ */
  background: linear-gradient(top, #FFa9eb 0%,#3a76c4 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFa9eb', endColorstr='#3a76c4',GradientType=0 ); /* IE6-9 */

}

paalla {
  background: #57a9eb; /* Old browsers */
  background: -moz-linear-gradient(top, #57a9eb 0%, #3a76c4 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57a9eb), color-stop(100%,#3a76c4)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #57a9eb 0%,#3a76c4 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #57a9eb 0%,#3a76c4 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #57a9eb 0%,#3a76c4 100%); /* IE10+ */
  background: linear-gradient(top, #57a9eb 0%,#3a76c4 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57a9eb', endColorstr='#3a76c4',GradientType=0 ); /* IE6-9 */
}

#pswd_info {
  position:relative;
  /* bottom:-135px;
  bottom: -115px\9; /* IE Specific */
  /* right:55px; */
  margin-top:-70%;
  width:250px;
  padding:15px;
  background:#fefefe;
  font-size:1.2em;
  border-radius:5px;
  box-shadow:0 1px 3px #ccc;
  border:1px solid #ddd;
}

#pswd_info h4 {
  margin:0 0 10px 0;
  padding:0;
  font-weight:normal;
}

#pswd_info::before {
  content: "\25B2"; /* Normally in HTML you would use the character’s HTML entity (▲). However, because we are adding it in CSS, we must use the UNICODE value (25B2) preceded by a backslash. */
  position:absolute;
  top:-12px;
  left:40%;
  font-size:14px;
  line-height:14px;
  color:#ddd;
  text-shadow:none;
  display:block;
}

.invalid {
  background:url("../images/icons/cancel.png") no-repeat 0 50%;
  padding-left:22px;
  line-height:24px;
  color:#ec3f41;
}
.valid {
  background:url("../images/icons/accept.png") no-repeat 0 50%;
  padding-left:22px;
  line-height:24px;
  color:#3a7d34;
}
#pswd_info {
  display:none;
}

li
{
  list-style: none;
  margin-left: -40px;

}