.loginpnlbg
{
animation:myfirst 10s linear infinite;
-moz-animation:myfirst 10s linear infinite; /* Firefox */
-webkit-animation:myfirst 10s linear infinite; /* Safari and Chrome */
-o-animation:myfirst 10s linear infinite; /* Opera */
}

@keyframes myfirst
{
0%,100%   {background:#900652;}
25%  {background:#D87400;}
50%  {background:#004790;}
75% {background:#BA1C58;}

}

@-moz-keyframes myfirst /* Firefox */
{
0%,100%   {background:#900652;}
25%  {background:#D87400;}
50%  {background:#004790;}
75% {background:#BA1C58;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%,100%   {background:#900652;}
25%  {background:#D87400;}
50%  {background:#004790;}
75% {background:#BA1C58;}
}

@-o-keyframes myfirst /* Opera */
{
0%,100%   {background:#900652;}
25%  {background:#D87400;}
50%  {background:#004790;}
75% {background:#BA1C58;}
}

.loginbg
{
    background:url("login_bg.png") no-repeat top center;
    
}