.user-group {
clear: both;
font-size: 130%;
border-bottom: 1px solid grey;
}

.user {
    width: 400px;
    float: left;
    height: 100px;
    padding: 0.5em;
    border: 1px solid #fbfbfb;
    position: relative;
    overflow: hidden;
}


.user.fulldesc {
    height: auto;
}
.user.fulldesc .more {
    display: none;
}

.user:hover, .user.selected {
	background-color: #ebf5da;
	border: 1px solid #7ab800;
}


.user .details {
        clear : both;
	display: none;
}
.user.fulldesc .details {
    display: block;
}
.user .details th {
       width : 10ex;
    vertical-align: top;
}
.user .details td {
    text-align: left;
    vertical-align: top;
}




.user ul {
	margin-left:		0;
}
.user ul li { 
	display:		inline;
	list-style-type:	none;
}
.user ul li:after { 
	content:		', ';					}

.user ul li:last-child:after { 
	content:		normal;					}



.user .shortcut {
	float: left;
	margin-right: 1ex;
}
 .user .contact {
      float: left;
 }
 .user .contact .telephone, .user .contact .fax {
      cursor: help;
 }
.user .contact a:after {
      content: '' !important;
 } 
 
.user .lastname {
    font-variant: small-caps;
 }


.user img.face {
      max-width: 100px;
      max-height: 100px;
      float: left;
      border: 1px solid black;
      padding: 1px;
      background-color: white;
      margin-left: 1ex;
 }
 .user .name {
      font-weight: bold;
 }
 .user .title {
      font-style: italic;
      padding-left: 1.5em;
      color: #555555;
      font-size: 90%;
 }
 .user .activity {
       text-align: left;
 }