/** ------------------------------------------
 *  Facil Login Box
 ** --------------------------------------- */

div.login {
    float: none;
    clear: none;
    width: auto;
}

.facil-login-box {
background: url('$layoutimgs/facil/login/login_box.png') top left no-repeat;
width: 287px;
height: 66px;
float: right;
margin-top: 20px;
margin-right: 10px;
}

.facil-login-box input {
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
height: 22px;
width: 123px;
margin-top: 8px;
padding: 2px 0 0 20px;
}

.facil-login-box input.default {
    color: #999;
    font-style: italic;
}

.facil-login-message {
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
height: 18px;
width: 229px;
margin: 8px 0 0 28px;
padding: 3px 0 0 20px;
background: url('$layoutimgs/facil/login/great.png') #FFFFFF 2px center no-repeat;
}


#facil-login-name {
background: url('$layoutimgs/facil/login/identity.png') #FFFFFF center left no-repeat;
}

#facil-login-password {
background: url('$layoutimgs/facil/login/kgpg.png') #FFFFFF center left no-repeat;
}

.facil-login-confidential {
display: block;
float: left;
width: 152px;
height: 25px;
margin: 0;
padding: 0;
}

input.facil-login-connection {
width: 98px;
height: 25px;
padding: 0;
margin: 0 0 0 1px;
border: 0;
}

.facil-login-confidential, #facil-login-name {
margin-left: 28px;
}

.facil-login-confidential, input.facil-login-connection  {
margin-top: 3px;
}