.CheckPwd
{
    float: left;
    margin-top: 6px;
    height: 20px;
    width: 120px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    margin-left: 8px;
    margin-right: 8px;
    background-color: #999999;
    box-shadow: 1px 1px 3px -1px #292929;
    background: -moz-linear-gradient(center top , #B0B0B0, #808080) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#B0B0B0),to(#808080));
    background: -o-linear-gradient(top,#B0B0B0,#808080);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#B0B0B0',endColorstr='#808080');
}
.CheckPwd span
{
    display: block;
    height: 20px;
    max-width: 120px;
    opacity: 0;
    margin-left: 0.5px;
    border-radius: 5px;
    -moz-transition: all 1s ease-in 0s;
    -webkit-transition: all 1s ease-in 0s;
    transition: all 1s ease-in 0s;
}
.CheckPwd span.red
{
    width: 25%;
    opacity: 1;
    background-color: #F66160;
    background: -moz-linear-gradient(center top ,#EDBAB8 ,#FF0000) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#EDBAB8),to(#FF0000));
    background: -o-linear-gradient(top,#EDBAB8,#FF0000);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EDBAB8',endColorstr='#FF0000');
}
.CheckPwd span.orange
{
    width: 50%;
    opacity: 1;
    background-color: #FE9F14;
    background: -moz-linear-gradient(center top , #FEBF27, #FD7D00) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#FEBF27),to(#FD7D00));
    background: -o-linear-gradient(top,#FEBF27,#FD7D00);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FEBF27',endColorstr='#FD7D00');
}
.CheckPwd span.blue
{
    width: 75%;
    opacity: 1;
    background-color: #349AD7;
    background: -moz-linear-gradient(center top , #46CCFD, #2163AE) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#46CCFD),to(#2163AE));
    background: -o-linear-gradient(top,#46CCFD,#2163AE);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#46CCFD',endColorstr='#2163AE');
}
.CheckPwd span.green
{
    width: 100%;
    opacity: 1;
    background-color: #89D185;
    background: -moz-linear-gradient(center top , #CCEDC7, #4DB849) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#CCEDC7),to(#4DB849));
    background: -o-linear-gradient(top,#CCEDC7,#4DB849);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CCEDC7',endColorstr='#4DB849');
}
.ckpwdNote
{
    float: left;
    line-height:32px;
    font-size:14px;
    font-weight:bold;
}
.ckpwdNote.red
{
    color: #F65857;
}
.ckpwdNote.orange
{
    color: #FD8C08;
}
.ckpwdNote.blue
{
    color: #3AAAE3;
}
.ckpwdNote.green
{
    color: #89D185;
}