/*-----------------------------------------------------------------------------
  [CSS - ezdirectory]
  
  Feuille de style pour l'extension ezdirectory
  
    1 Générique
    2 Filtres de recherche
    3 Tri
    4 Menu Alphabet
    5 Liste des utilisateurs
    6. Contact épinglés 
    7. Fichiers
-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------
  [1. Générique]
*/

#onfail {
	display:none;
	left:-5000px;
	position:absolute;
	top:-5000px;
	visibility:hidden;
}

#profiles li.hidden {
	display:none;
}

#overlayBusy {
    height: 555px;
    position: absolute;
    text-align: center;
    width:664px;
    z-index: 1;
}

    #overlayBusy p {
        margin:auto;
        padding: 20px 20px 15px;
        position: relative;
        top: 230px;
        width: 135px;
    }

        #overlayBusy p  span {
            display: block;
            height: 24px;
            margin-top: 10px;
            width: 100%;
        }

/* a mettre dans le fichier IE
#overlayBusy {
    float: none;
    height: 555px;
    left: 34px;
    width:666px;
}

#overlayBusy p {
    position: absolute;
    left: 280px;
}
*/



/*-----------------------------------------------------------------------------
  [2 Filtres de recherche]
*/

#selectDirectoryForm {
    margin: 10px 0 0;
}

    #selectDirectoryForm .search {
        height: 24px;
        width: 216px;
    }
    
    #selectDirectoryForm .search,
    #selectDirectoryForm .select-box {
        float:left;
        margin:0 5px 10px 0;
    }

.views {
    float:right;
    list-style:none;
    margin:5px 0;
    width:100%;
}

    .views li {
        float:left;
    }

        .views a {
            display:block;
            height:21px;
            line-height:23px;
            margin:0;
			overflow:hidden;
			text-indent:23px;
            width:22px;
        }

#users-list {
    clear: both;
    position: relative;
}

/*-----------------------------------------------------------------------------
  [3 Tri]
*/

    #profiles-order li {
        font-size:13px;
        font-weight:bold;
        height:24px;
        line-height:23px;
        text-transform:uppercase;
        
    }
    
    #users-list #profiles-order li {
        background:#e2dfd8; font-family: 'Dosis', sans-serif;
    }
    
    #users-list #profiles-order li a, #users-list #profiles-order li a:hover {
        color:#604067
    }

        #profiles-order li a:hover {
            text-decoration:underline;
        }

/*-----------------------------------------------------------------------------
  [4 Menu Alphabet]
*/

    #content-wrap #menu-alphabet {
        float:left;
        list-style:none;
        padding:5px 0;
        text-align:center;
        width:20px;
        background:transparent;
        margin-left:-24px;
        
    }
    
    #content-wrap #menu-alphabet li {
        float: left;
width: 20px;
height: 20px;
    }

    #content-wrap #menu-alphabet a {
        display:block;
        width:auto;
        font-weight:bold;
        color:#bfbfbf;
        font-family: 'Dosis', sans-serif;
        text-decoration:underline;
    }

        #content-wrap #menu-alphabet a:hover,
        #content-wrap #menu-alphabet a.active {
            font-size:20px;
            line-height:12px;
            text-decoration:underline;
            color:#82789d;
        }

/*-----------------------------------------------------------------------------
  [5 Liste des utilisateurs]
*/

    #profiles {
        min-height: 500px;
        background:transparent;
    }

    .profiles {
        display:block;
        float:left;
        list-style:none;
        width:100%;
    }
    
    .profiles.poster {
		margin:0;
       
        width:560px;
    }
    
        .profiles li{
            float:left;
            left:0;
            overflow:hidden;
            position:relative;
            top:0;
            width:100%;
        }
        
        .profiles li:hover {
            cursor: pointer;
        }
        
        .profiles li.uncollapsed:hover {
            cursor: auto;
        }

        .profiles.poster .infos,
        #profiles.poster .infos,
        .profiles .uncollapsed .deploy {
            display:block;
        }

         .profiles.poster li {
            margin:2px ;
            width:auto;
        }
        
            .profiles dt,
            .profiles dd {
                float:left;
                overflow: hidden;
                padding:0 0 0 5px;
                white-space:nowrap;
				width:100px;
            }

            .profiles.poster dl,
            .profiles .infos,
            .profiles .deploy,
            .profiles .uncollapsed dl {
                display:none;
            }

            .profiles .last_name {
                padding:0 0 0 18px;
                width:205px;
            }

            .profiles .first_name {
                width:205px;
            }

            .profiles dt a {
                    font-size:12px;
                    padding-right:10px
                }
                
                .profiles dd a {
                    font-size:12px;
                    line-height:18px;
                }
                
                .profiles a:hover {
                    text-decoration:none;
                }
                
                .profiles a.star {
                    display:block;
                    height:14px;
                    overflow:hidden;
                    position:absolute;
                    text-indent:15px;
                    top:2px;
                    left:204px;
                    width:14px;
                }

                .profiles a.epingler {
                    display:block;
                    height:10px;
                    left:4px;
                    overflow:hidden;
                    position:absolute;
                    text-indent:18px;
                    top:4px;
                    width:10px;
                }
                
                .profiles .uncollapsed a.epingler {
                    font-size:12px;
                    height:15px;
                    left:105px;
                    line-height:15px;
                    overflow:hidden;
                    top:58px;
                    width:auto;
                }

            /* User deployé  */

            .profiles .uncollapsed .deploy {
                height:auto;
                display: block;
                float: left;
                padding:10px 10px 10px 15px;
            }
            
                .profiles .deploy .left {
                    margin-left: 20px;
                    height:auto;
                    width:368px;
                }
                
                    .profiles .deploy .left h2 {
                        font-size:16px;
                        margin:0 0 5px;
                    }
                
                .profiles .deploy p {
                    font-size:12px;
					margin: 0;
                }

                
                .profile .deploy .close {
                    display:block;
                    height:10px;
                    line-height:10px;
                    padding:0 14px 0 0;
                    position:absolute;
                    right:5px;
                }
                
                    .profile .deploy .close span {
                        font-size:11px;
                    }
                    
                .profile .deploy .arrow {
                    margin-top: 75px;
                }

                .deploy a.tooltip, .infos a.tooltip {
                    float:left;
                }

/*-----------------------------------------------------------------------------
  [6 Contact épinglés ]
*/

.profile .sticky {
    display: inline-block;
    float: left;
    height: 11px;
    margin:4px 4px 4px 3px;
    overflow: hidden;
    text-indent: 11px;
    width: 11px;
}

.profile .deploy .sticky {
    clear: both;
    height: auto;
    line-height: 16px;
    margin:4px 0px 4px 0px;
    text-indent: 17px;
    width: auto;
}

/*-----------------------------------------------------------------------------
  [7 Fichiers ]
*/


.profile .deploy .file {
    display:inline-block;
    float: left;
    line-height: 16px;
    margin:4px 0px 4px 0px;
    text-indent: 17px;
}

.txt_submit {
    text-transform:uppercase; font-family: 'Dosis', sans-serif; float:left; margin-left: -8px;
margin-right: 8px;
line-height: 22px;
}
.txt_search {
     text-transform:uppercase; font-family: 'Dosis', sans-serif; float:left; font-size:16px;  line-height:24px;
}
#by_name {
    float:right;
}
#selectDirectoryForm {
    display:none;
}
#profiles-order .last_name {
    width:155px;
}
#profiles-order .first_name {
    width:142px;
}
#profiles .last_name {
    text-transform: lowercase; width:140px; padding:2px 2px 2px 18px;
}
#profiles .last_name:first-letter {
    text-transform:capitalize;
}
#profiles .first_name {
    text-transform: lowercase; width:142px; padding:2px 2px 2px 18px;
}
#profiles .first_name:first-letter {
    text-transform:capitalize;
}
#profiles dd a {
    color:#83799e;
}
#profiles .company {
    padding:2px 2px 2px 2px;
}
#profiles li:nth-child(odd) {
    background-color:#f1f0ee;
}
#profiles li:hover, #profiles li:hover dd a {
    background-color:#e2dfd8; color:#604067;
}
.views a {
    float:left;
}
.views span {
    float:left; line-height:20px;
}