/*
Feuille de style pour le systeme en ajax de selection des relations 
Copyright 2006 - Association C.R.I.S. - Yves Tannier
*/

/* largeur globale */
#auteurlist .relation_select, #translatorlist .relation_select {
    width: 460px;
    float: left;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}
.relation_select .spacer {
    clear: both;
    font-size: 1px;
    margin: 0;
    padding: 0;
}
/* lien lancement recherche */
.relation_select .fleche_liste, .relation_select .searching {
    margin: 0;
    margin-bottom: 2px;
}
.relation_select a.fleche_liste, .relation_select a.searching {
    text-decoration: none;
    padding-left: 12px;
}
.relation_select .fleche_liste {
    background: center left transparent url(../img/interface/fleche_liste.gif) no-repeat;
}
.relation_select .searching {
    background: center left transparent url(../img/interface/searching.gif) no-repeat;
}
/* formulaire */
.relation_select .form_select {
    margin: 0;
    padding: 0;
    padding: 3px;
    border: 1px solid #ccc;
    border-bottom: none;
}
/* champ de recherche */
.relation_select .champ {
    width: 260px;
}
.relation_select label {
    padding-top: 5px
}
.relation_select .rech {
    float: left;
    width: 350px;
}
.relation_select .add_item {
    float: left;
    width: 400px;
}
/* lien ajout */
.relation_select .ajout, .relation_select .ferme {
    float: right;
    margin-top: 5px;
    text-align: right;
    margin-left: 10px;
}
.relation_select .ajout a, .relation_select .ferme a {
    text-decoration: none;
}
.relation_select .ajout {
    background: left center url(../img/interface/add.png) no-repeat;
    padding-left: 16px;
}
.relation_select .ferme {
    background: left center url(../img/interface/close.png) no-repeat;
    padding-left: 12px;
}
.relation_select .ajout img {
    vertical-align: bottom;
}
.form_select label {
    width: 100px;
}
/* liste alphabetique */
#auteurlist ul.alpha, #translatorlist ul.alpha {
    margin: 0;
    padding: 0;
    padding-top: 2px;
    padding-left: 5px;
    padding-bottom: 2px;
    background: #f2f6fc;
    border: 1px solid #ccc;
}
#auteurlist .relation_select .alpha li,
#translatorlist .relation_select .alpha li {
    display: inline;
    margin: 0;
    padding: 0;
    padding-left: 2px;
}
#auteurlist .relation_select .alpha li a,
#translatorlist .relation_select .alpha li a {
    margin-right: 2px;
    padding: 1px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
}
#auteurlist .relation_select .alpha li a:hover {
    background: #000;
    color: #fff;
}

/* la liste des items */
#auteurlist .relation_select .liste,
#translatorlist .relation_select .liste {
    z-index: 0;
    margin: 0;
    padding: 0;
    overflow: auto; /* pour la barre defilement */
    width: 390px;
    height: 150px;
    border: 1px solid #ccc;
}
#auteurlist .relation_select .liste ul,
#translatorlist .relation_select .liste ul {
    margin: 0;
    padding: 0;
    width: 375px;
    background-color: #fff;
}
#auteurlist .relation_select .liste li,
#translatorlist .relation_select .liste li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
#auteurlist .relation_select .liste li a,
#translatorlist .relation_select .liste li a {
    padding: 1px;
    padding-left: 10px;
    display: block;
    border-bottom: 1px solid #ccc;
    text-decoration: none;
    font-size: 10px;
}
#auteurlist .relation_select .liste li a:hover,
#translatorlist .relation_select .liste li a:hover {
    background: #f2f6fc;
    color: #000;
}
/* image au chargement des listes */
.messageChargement_liste {
    display: none;
}
.imgcharge {
    float: left;
    height: 14px;
    width: 14px;
    margin: 0;
    padding: 0;
}
/* affichage des resultats */
.call_result {
    border: 1px solid #ccc;
    font-weight: bold;
    margin: 0;
    margin-top: 2px;
    padding: 5px;
    width: 380px;
    background: #f2f6fc;
}
/* retirer un item selectionne */
.call_result .retirer {
    margin: 0;
    margin-top: -14px;
    padding-bottom: 2px;    
    text-align: right;
    font-weight: normal;
    font-size: 10px;
    background: url(../img/interface/trash.png) no-repeat;
    background-position: 337px;
}
/* voir ou cacher */
.relation_select .cache {
    display: none;
}
.relation_select .voir {
    display: block;
}