
body#backend{
    #wrapper{
        > section{

            form#users{
                label{
                    width:auto;
                    margin-left:4px;
                }
            }
            form.newuser{
                fieldset{
                    width:260px;
                    float:left;
                }
                input[type=text], input[type=password]{

                }
                input[type=submit]{
                    margin:0;
                }
            }
        }
    }
}

#userMenu{
    position:absolute;
    list-style:none;
    height:30px;
    line-height:30px;
    width:260px;
    top:45px;
    right:20px;
    border:solid 1px #fff;
    text-align:right;
    cursor:pointer;
    z-index:103;

    .name{
        position:absolute;
        top:0;
        right:40px;
    }

    .name ~ img{
        float:right;
        padding:2px 6px 0 6px;
    }

    img.userStatusAdmin{
        position:absolute;
        padding:6px 6px 0 0;
        display:none;
        top:0;
        right:0;
    }

    .panel{
        position:absolute;
        display:none;
        top:29px;
        right:-1px;
        height:100px;
        width:260px;
        background:white;
        border-bottom:solid 1px #f1f1f1;
        border-right:solid 1px #f1f1f1;
        border-left:solid 1px #f1f1f1;        
        z-index:1;

        .cover img{
            float:left;
            padding:4px;
            border:solid 1px #f1f1f1;
            margin:4px 10px 0 10px;
            width:80px;
            height:80px;
            overflow: hidden;
            position:relative;
        }

        .modifyCover{
            background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
            color: #FFFFFF;
            display: none;
            height: 80px;
            left: 15px;
            line-height: 80px;
            position: absolute;
            text-align: center;
            top: 9px;
            width: 80px;
            text-decoration:none;
        }

        .cover:hover .modifyCover{
            display:block;
        }

        ul{
            list-style:none;
            text-align:left;
            
            li{
                height:18px;
                line-height:18px;
                
                a{
                    font-size:12px;
                }
            }
        }

    }

}

// error
.report{
    margin:10px;
    li{
        background:red;
        color:#fff;
        padding: 8px;
    }
}

#userMenu:hover{
    border:solid 1px #f1f1f1 !important;
}

#userMenu:hover a.edit{
    display:block;
}