html { 
    background: url(/resources/images/login_background.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#login-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 480px;
    height: 340px;
    text-align: center;
}

.loginFormContainer {
    box-shadow: 0px 5px 20px #5C5959;
    background-color: #FFF;
}

#login-header {
    padding: 5px;
    background-color: #45413E;
    text-align: right;
    color: #FFF;
    overflow: hidden;
    height: 60px;
}

#app-text {
    font-size: 2em;
    display: block;
}

#welcome-text {
    font-size: 1.5em;
    display: block;
}

#loginFormPanel {
    font-size: 1em;
    padding: 0px 40px;
    background-image: url(/resources/images/logo_dark_bg.png);
    background-repeat: no-repeat;
    background-position: left bottom 10px;
    text-align: left;
    min-height: 180px;
}

#loginFormPanel p {
    margin-top: 8px;
    font-size: 1.3em;
}

#loginFormPanel .ui-inputfield {
    width: 320px;
    padding: 10px;
    margin: 10px 0;
}

#loginFormPanel .ui-button {
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
}

#loginButtonContainer {
    text-align: center;
}

#login-header img.bg {
    float: left;
    width: auto;
    height: 160px;
    margin-left: -55px;
    margin-top: -45px;
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         120s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-transition-timing-function: linear;
    -moz-animation-name:             rotate; 
    -moz-animation-duration:         120s; 
    -moz-animation-iteration-count:  infinite;
    -moz-transition-timing-function: linear;
    -o-animation-name:             rotate; 
    -o-animation-duration:         120s; 
    -o-iteration-count:  infinite;
    -o-timing-function: linear;
    animation-name:             rotate; 
    animation-duration:         120s; 
    animation-iteration-count:  infinite;
    transition-timing-function: linear;
}

p.footer-text {
    font-size: 0.9em;
    color: #1E487A;
    padding: 8px;
}

#globalMessages .ui-messages-info, 
#globalMessages .ui-messages-warn, 
#globalMessages .ui-messages-error, 
#globalMessages .ui-messages-fatal {
    margin: 10px 10px;
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to { 
    -moz-transform: rotate(360deg);
  }
}

@-o-keyframes rotate {
  from {
    -o-transform: rotate(0deg);
  }
  to { 
    -o-transform: rotate(360deg);
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to { 
    transform: rotate(360deg);
  }
}