* {
    font-size: 100%;
}

body {
    background: #444 url(../img/bg-connection.png);
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 80%;
}

a {
    color: #f60;
}

#login {
    width: 500px;
    border: 1px solid #111;
    background: #eee;
    margin: 0 auto 0 auto;
}

#login form {
    margin: 0;
    padding: 0;
}

#login form h1 {
    margin: 0;
    padding: 10px 0;
    text-indent: 10px;
    background: #444;
    color: #fff;
    border: 1px solid #fff;
}

#login-errors {
    border: 2px solid #f00;
    color: #f00;
    background: #fff;
}

table {
    margin: 10px auto;
    width: 450px;
}

th.label {
    text-align: left;
    padding: 6px 0 0 0;
    vertical-align: baseline;
	width: 150px;
}

td.field {
    text-align: left;
    padding: 3px 0;
}

input.field {
    border: 2px solid #ccc;
    background: #fff;
    display: block;
    padding: 3px 0;
    width: 90%;
}

input.error {
    border-color: #f00;
    background: #ffd;
}

label.error {
    color: #f00;
    margin: 5px 0 0 0;
    display: block;
}

div.command {
    width: 450px;
    margin: 0 auto 10px auto;
    text-align: right;
}

div.logos{width:500px;height:55px;margin:200px auto 20px auto;}
div.webapp{float:left;width:110px;height:55px;background:url(/img/base/webapp.png) no-repeat;}