body                                {margin: 0px; font-family: lato, Helvertica, Sans-Serif; font-size: 13px; line-height: 1.5em;  animation: infinite colorchange 10s; -webkit-animation: infinite colorchange 10s; }
*                                   {box-sizing:border-box; -moz-box-sizing:border-box}
#login-holder                       {width: 600px; margin: 200px auto 0px auto;  text-align: center;}
#login-holder label                 {float: left; padding: 10px; width: 100px; margin: 3px; color: #FFFFFF; clear: both}  
#login-holder input                 {float: left; padding: 6px 12px; width: 200px; color:#555; padding: 6px; color: #333333; border: 1px solid #e6e6e6; border-radius: 3px; } 
#login-holder .login-row            {padding: 10px; margin-top: 40px; text-align: left}
#login-holder .button-row .button   {background: #009900; width: 200px; padding: 10px; color: #FFF; cursor: pointer; margin: 0px; font-size: 1.0em}
.error-message                      {font-size: 1em; line-height: 1.5em; color: #ffccff!important}
.left {float: left}
.clear {clear: both}


    @keyframes colorchange
    {
      0%   {background: #2a2a2a;}    
      50%  {background: #4e4e4e;} 
      100% {background: #2a2a2a;}
    }

    @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
      0%   {background: #2a2a2a;}    
      50%  {background: #4e4e4e;} 
      100% {background: #2a2a2a;}
    }