body {
    background-image:url('./images/logo.png');
    background-repeat:no-repeat;
    background-position: center top 30%;
    background-attachment: fixed;
    background-color: #0065bd;
    /*background-color: #323941;*/
}

input[type="text"] {
    border: 2px solid #a0a0a0;
    background: #ffffff;
    color:#1197c6;
}

input[type="password"] {
    border: 2px solid #a0a0a0;
    background: #ffffff;
    color:#1197c6;
}

input[type="submit"] {
    border: thin #000000 solid;
    /*border: none;*/
    background: transparent;
    color:#1197c6;
}

input[type="submit"]:hover {
    border: thin #999999 outset;
    filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;
    background: #FFFFFF;
    color: #000000;
}
input[type="submit"]:focus  {
    border: thin #000000 solid;
    background: #FFFFFF;
    color: #000000;
}
input[type="submit"]:focus:hover {
    border: thin #000000 solid;
    filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
    background: #FFFFFF;
    color: #000000;
}
input[type="reset"] {
    border: thin #000000 solid;
    /*border: none;*/
    background: transparent;
    color:#1197c6;
}
input[type="reset"]:hover {
    border: thin #999999 outset;
    filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;
    background: #FFFFFF;
    color: #000000;
}
input[type="reset"]:focus  {
    border: thin #000000 solid;
    background: #FFFFFF;
    color: #000000;
}
input[type="reset"]:focus:hover {
    border: thin #000000 solid;
    filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
    background: #FFFFFF;
    color: #000000;
}

#box, #box_error
{
    background-color: lightgray;
    border-radius: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
}

#text
{
    font-family:arial;
    color:black;
    font-size:14px;
}