#admin_container #left_panel .page_menu a.inative{background-image: url(icons/trash.png)}
#admin_container #left_panel .page_menu a.pendding{background-image: url(icons/pendding.png)}
#admin_container #left_panel .page_menu a.settings{background-image: url(icons/settings.png)}

.userOptionsPanel
{
    float: left;
    width: 80px;
    margin: 0px 5px 0px -20px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #f2f2f2;
    
}
.userOptionsPanel .option
{
    border-bottom: 1px solid #ddd;
    padding: 5px;
    text-align: center;
    color: #777;
}
.userOptionsPanel .option:hover{ background: #ddd; cursor: pointer;}
.userOptionsPanel .option.on{ background: #999; cursor: pointer; color: #fff;}
.userOptionsPanel .option .arrow
{
    position: absolute;
    margin-left: 75px;
    margin-top: 10px;
    border-color: transparent transparent transparent #999;
    border-style: solid;
    border-width: 14px;
    height: 0px;
    width: 0px;
    display: none;
    
}

.userSettigsPanel
{
    margin-left: 40px;
    float:left;
    width:535px;
}
.userSettigsPanel table td{padding:2px 3px 0px 3px}
.userSettigsPanel .label{ font-size: 12px; color: #777;}
.userSettigsPanel .profilePhoto{ padding: 3px; border: 1px solid #777; border-radius:3px}
.userSettigsPanel .profilePhoto img{ height: 70px; width: 70px;}
.userSettigsPanel .profilePhoto .edit
{
    position: absolute; 
    padding: 2px;
    width: 20px;
    height: 20px;
    border:none;
    margin: 48px 0px 0px -2px;
    background-image:url(../../../css/icons/edit_12.png);
    background-color: #ddd;
    background-repeat: no-repeat;
    border-radius:2px;
}

#permissionsList{
    float: left;
    list-style: none;
}
#permissionsList li{padding: 2px 0;}
#permissionsList ul{list-style: none; margin-left: -20px;}
#permissionsList ul .off{color: #777;}

.userDetailsInfo{
    width: 100%;
    float: left;
    padding: 10px 0;
    margin-bottom: 20px;
    margin-top: 10px;
    font-size: 14px;
}
.userDetailsInfo div{padding: 3px 0;}

.userDetailsInfo .detailsBackBtn{
    height: 30px;
    width: 30px;
    float: left;
    margin-right: 10px;
    background-color: #e70d2f;
    background-image: url(/admin/css/icons/back_folder.png);
    background-position: center;
    background-repeat: no-repeat;
}
.userDetailsInfo .userPhoto{
    float: left;
    height: 90px;
    width: 90px;
    padding: 3px;
    margin-right: 10px;
    border: 1px solid #777;
    border-radius: 3px;
    background: #fff;
}

.userDetailsInfo .displayName{font-size: 25px; font-weight: bold; color:#e70d2f;}
.userDetailsInfo .email{text-transform: lowercase;}
.userDetailsInfo label{color: #777; padding-right: 5px; font-size: 12px;}



.userTabs{
    width: 100%;
    float: left;
}
.userTabs .tabs{width: 100%; background: #ddd;}
.userTabs .tabs a{
    position: relative;
    z-index: 3; 
    padding: 8px 10px;
    margin-bottom: 1px;
    height: 12px;
    font-size: 12px;
    float: left;
    color: #141414;
}
.userTabs .tabs a.on,
.userTabs .tabs a.on:hover{
    background: #fff; 
    border: 1px solid #777; 
    margin-top: -1px;
    border-bottom: 1px solid #fff; 
    border-radius: 3px 3px 0 0;
    font-weight: bold;
}
.userTabs .tabs a:hover{text-decoration: none; background: #ddd;}
.userTabs .tab_container{
    float: left;
    width: 97%;
    margin-top: -2px;
    background: #fff;
    border: 1px solid #777;
    border-radius: 0 3px 3px 3px;
    padding: 10px;
}

.userTabs .tab_container div{line-height: 20px;}
.userTabs .tab_container label{
    color: #777; 
    padding-right: 5px; 
    font-size: 12px; 
    width: 80px; 
    display: inline-block; 
    vertical-align: top;
}
.userTabs .tab_container .label_value{display: inline-block;}
.userTabs .tab_container .clientDetails td{vertical-align: top;}

.userTabs .tab_container form.searchTool{width: 100%}
.userTabs .tab_container form.searchTool input[type=text]{width: 94%}
.userTabs .tab_container .searchResultLabel{
    color:#141414;
    float: left; 
    height: 20px;
    background-image:url(/admin/css/icons/search.png);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 20px;
    
}
.userTabs .tab_container .searchResetSearch{
    padding-left: 5px;
    margin: 3px 0 0 5px;
    color: #777; 
    float: left; 
    border-left:1px solid #777;
}


/******************** SET / EDIT USER ************************/
.left_panel{
    float: left;
    width: 100px;
    border-right: 1px solid #ddd;
}
.right_panel{
    float: left;
    width: 570px;
    padding-left: 20px;
}

.left_panel a{
    float: left;
    width: 90px;
    padding: 38px 5px 3px 5px;
    text-align: center;
    background-position: center 5px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #eee;
    text-decoration: none;
}
.left_panel a:hover{background-color:#f2f2f2; cursor: pointer; text-decoration: none;}
.left_panel a.security{background-image: url(icons/lock.png)}
.left_panel a.health{background-image: url(icons/health.png)}
.left_panel a.parents{background-image: url(icons/parents.png)}
.left_panel a.photo{background-image: url(icons/photo.png)}
.left_panel a.scouts{background-image: url(icons/user_account_scout.png)}
.left_panel a.profile{background-image: url(icons/profile.png)}
.left_panel a.insignias{background-image: url(icons/insignias.png)}
.left_panel a.progress{background-image: url(icons/progress.png)}
.left_panel a.cargos{background-image: url(icons/cargos.png)}
.left_panel a.on{background-color: #cfdb9d;}

.left_panel a.on div{
    position: absolute;
    margin-left: 94px;
    margin-top: -23px;
    border-color: transparent transparent transparent #cfdb9d;
    border-style: solid;
    border-width: 12px;
    height: 0px;
    width: 0px;
}

#profile_photo_preview img{
    max-height: 270px;
    max-width: 500px;
    border: 1px solid #eee;
    float: left;
}
#preview_profile_photo_thumb{margin-right: 10px; float: left;}
#preview_profile_photo_thumb img{
    height: 80px;
    width: 80px;
    border: 1px solid #eee;
    
}

.block .pass_feedback{
    color: #e70d2f;
    padding: 3px;
    position: absolute;
    margin: 20px 0 0 250px;
}

.profile_change_pass_btn{
    padding: 5px 5px 5px 20px;
    color: #e87b10 !important;
    background: url(icons/lock_16.png) no-repeat left center;
}

.profile-add-cargo-btn{
    margin-top: 19px;
    font-size: 11px;
    float: left;
}

.current-selected-options{
    width: 100%;
    float: left;
    margin-top: 5px;
}

.current-selected-options .empty,
.current-selected-options .empty:hover{
    font-size: 11px;
    color: #777;
    background: none;
}
.current-selected-options tr:hover{background: #ddd;}

.current-selected-options td{padding: 3px 0 0 3px; cursor: default;}

.current-selected-options td.delete{cursor: pointer; width: 1%;}

.current-selected-options td.name{font-size: 12px;}
.current-selected-options .load{
    font-size: 11px;
    padding-left: 20px;
    background-image: url(/css/icons/loading.gif);
    background-position: left center;
    background-repeat: no-repeat;
}

.current-selected-options td.date{
    font-size: 11px;
    width: 110px;
    color: #777;  
}

.current-cargo{font-weight: bold;}

/************************* EDITAR PROGRESSO ***************************/
.edit-user-header-preview{
    margin: -3px 0 0 -3px;
    padding: 8px 0px 5px 0px;
    background: #f2f2f2;
    border-bottom: 1px solid #ddd;
}

.edit-user-header-preview img.user-photo{
    float: left;
    margin: 0px 10px 5px 25px;
    height: 60px;
}
.edit-user-header-preview .display-name{
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 3px;
    float: left;
    width: 600px
}

.edit-user-header-preview .seccao,
.edit-user-header-preview .equipa{
    float: left;
    width: 600px;
    margin-bottom: 3px;
}
.edit-user-header-preview .seccao img,
.edit-user-header-preview .equipa img{ 
    float: left; 
    height: 12px; 
    border-radius: 2px; 
    padding-right: 5px;
    margin-top: 2px;
}