﻿body,html {
            margin:0;
            padding:0;
            height:100%;
        }
        .msg {
            width: 60%;
            height: 20px;
            margin: auto;
            padding-top: 5px;
            overflow: hidden;
            position: relative;
            font-family: Arial;
            color: #363438;
        }
            .msg p {
                position: absolute;
                height: 100%;
                width: 100%;
                margin: 0;
                /* Starting position */
                -moz-transform: translateX(100%);
                -webkit-transform: translateX(100%);
                transform: translateX(100%);
                /* Apply animation to this element */
                -moz-animation: msg 30s linear infinite;
                -webkit-animation: msg 30s linear infinite;
                animation: msg 30s linear infinite;
            }
        /* Move it (define the animation) */
        @@-moz-keyframes msg {
            0%   { -moz-transform: translateX(100%); }
            100% { -moz-transform: translateX(-100%); }
        }
        @@-webkit-keyframes msg {
        0%   { -webkit-transform: translateX(100%); }
        100% { -webkit-transform: translateX(-100%); }
        }
        @@keyframes msg {
        0%   { 
            -moz-transform: translateX(100%); /* Firefox bug fix */
            -webkit-transform: translateX(100%); /* Firefox bug fix */
            transform: translateX(100%); 		
        }
        100% { 
            -moz-transform: translateX(-100%); /* Firefox bug fix */
            -webkit-transform: translateX(-100%); /* Firefox bug fix */
            transform: translateX(-100%); 
        }
        }
        #wrapper { margin: 0; padding: 0; width: 100%; height: 100%;background: #000;
        }
        #hartigen {
            width: 1280px;
            height: 255px;
            padding-bottom: 10px;
        }
        .msg { }
        #productLogo {
            position: relative;
            margin: 10px auto;
            width: 403px;
            height: 80px;
        }
        #environment {text-align:center}
        #environment h1 { margin: 5px 0;}
        #login {
            position: relative;
            margin: 0 auto;
            width: 1280px;
            font-weight: bold;
            font-family: Arial;
            color: #363438;
            height: 100%;
            background-color: #fff !important;
        }
        #splash {
            position: relative;
            width: 1280px;
            height: 411px;
            background: url(assets/images/splash_header.png) no-repeat;
        }
        #support {
            border-top: 2px #c00000 solid;
            position: relative;
            padding: 10px;
            margin: auto;
            top: 32%;
            width: 1280px;
            font-family: Arial;
            height: 75px;
            color: #363438;
        }
        form {
            position: relative;
            margin: 0 auto;
            width: 300px;
            padding-bottom: 10px;
        }
        table {
            width: 300px;
            margin-left: 80px;
            font-family: Arial;
            font-size:12px;
            height: 75px;
            color: #363438;
            font-weight:normal;
        }
        #login label {display:block;margin-bottom:10px;width:100%;font-weight: normal;font-family: 'Arial'}
        #login input {
            float: right;
            width: 200px;
            border-radius: 4px;
            border: 1px #c00000 solid;
            background-color: #ffffff !important;
        }
        #login table {
            position: relative;
            width: 300px;
            margin: 0 auto;
            border-top: 3px #c00000 solid;
            border-bottom: 3px #c00000 solid;
            padding: 20px 0;
        }
        .right {text-align: right;}
        #login a { color: #c00000;text-decoration:none}
        #login a:hover {color:#9e252c}
        #signin {
            background-color: #b9b9b9 !important;
            border: 0 !important;
            padding: 5px 11px!important;
            width: 193px;
            float: right;
            border-radius: 4px;
            text-align: center;
            cursor: pointer;
        }
        #brandLines {
            text-align: center;
            padding-top: 20px;
            width: 100%;
        }
        #brandLines h3 { font-weight: normal;font-size: 23px;margin:5px 0 0 0}
        a.disabled { text-decoration: none !important;color:#363438 !important}
        #error-message {font-weight: normal;
            border: 1px red solid;
            background: #ffee;
            color: red;
            padding: 5px;
            font-size: 12px;
            text-align: center;
            margin-bottom: 5px;
            display: none;
        }
        .subtext {
            font-size: 14px;
            text-decoration: none;
            font-weight: normal;
            padding-top: 15px;
            clear: both;
            text-align: center
        }
        #UserName, #Password { padding:2px 5px}

