/*avatar controls*/
#avatarEdit
{
    position: relative;
}
#_avatarDelete 
{
    position:absolute;
    right:0;
    top:0;
    background-color:rgba(51, 51, 51, 0); 
    border-radius: 0px 0px 3px 3px;
    padding:2px;
    padding-left:3px;
}
#deleteButton
{
    opacity:0;
}
#avatarChange, #_avatarDelete, #_newPicture, #deleteButton, #_avatarDelete {
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
#avatarChange
{
    position:absolute;
    width:100px;
    background-color:rgba(51, 51, 51, 0);
    list-style-type: none;
    font-size:11px;
    padding-top:10px;
    padding-bottom:10px;
    opacity:0%;
}
div#avatarAll:hover #avatarChange {
    opacity: 1 !important;
    visibility: visible;
}
#uploadIcon
{
    opacity:75%;
    position:absolute;
    left:0;
    margin-left:20px;
}
#_newPicture
{
    color:#B2B2B2;
}
#_newPicture:hover
{
    color: #D9D9D9;
}
.newpict
{
    position:absolute;
    text-align:center;
    left:20%;
    top:75%;
}
.newpict:hover
{
    color:#5680a0;
}