/*Start- ucExpertsList******************************************************************/
.ucExpertsList div{
 -webkit-box-sizing: border-box; 
 -moz-box-sizing: border-box;    
 box-sizing: border-box;      
}

.ucExpertsList{max-width:1300px;  font-family:Verdana, Arial, Helvetica, sans-serif }
.ucExpertsList .listitem{width:32%; background:#ffffff; display:block;float:left;  border:1px solid #cccccc; margin-right:1%; margin-bottom:15px; padding:10px; padding-bottom:15px; padding-top:20px;}
.ucExpertsList .rowa{width:100%; clear:both; height:80px;}
.ucExpertsList .rowb{width:100%; clear:both; padding-top:1em;font-size:0.9em;height:3.6em;overflow:hidden; line-height:1.3em;   }
.ucExpertsList .rowc{width:100%; clear:both; padding-top:15px;  }

.ucExpertsList .listitem .rowa .colleft {display: table-cell;
   max-width:100px;}
.ucExpertsList .listitem .rowa .colright {display: table-cell;
    width: 100%;
    vertical-align: top; position:relative; padding-left:10px;}

.ucExpertsList .listitem .rowa .colleft .imgExpert {max-height: 70px;border-radius: 50%; } /*border-radius: 50%;*/

.ucExpertsList .listitem .rowa .colright .screenname { font-weight:bold; color:#0084bf; color:#444444;  font-size:1.0em;}
.ucExpertsListA .ScreenName {display: inline-block; white-space: nowrap; /*keep the text on one line*/
            overflow: hidden; /*prevent the text from being shown outside the border*/
            text-overflow: ellipsis; /*cut off text with an elipsis*/}


.ucExpertsList .rowa .Online{color:#45709b; font-size:0.9em; position: absolute;
        bottom: 0;  left:10px; }
.ucExpertsList .rowa .Busy{color:#ff6a00;}
.ucExpertsList .rowa .Away{display:none;}

.ucExpertsList .listitem .rowc .tabcontainer  { width: 100%;         }
 .ucExpertsList .listitem .rowc .tabcontainer  .tabheader { width: auto; margin-right: 10px;
          padding:4px;   text-align: center; float: left; cursor: pointer;border-bottom: 1px solid #eeeeee;
            }
  .ucExpertsList .listitem .rowc .tabcontainer  .selected
        {  border-bottom: 1px solid #0084bf; }

 .ucExpertsList .listitem .rowc .tabcontainer  .selected::before { 
    content: "@ ";
    
    color: darkblue;
    font-weight: bold;
}

 .ucExpertsList .listitem .rowc .tabcontainer  .tabcontent 
        {clear:both;  width:100%;  padding-top:5px; }  /*display:none;*/
  .ucExpertsList .listitem .rowc .tabcontainer  .tabcontent label
        {font-size:0.9em;  }

    .ucExpertsList .listitem .rowc .tabcontainer  .tabcontent .rowlower
        {clear:both; width:100%;  margin-top:15px; margin-bottom:10px; text-align:center;}


 .ucExpertsList .listitem .rowc .tabcontainer  .show 
        { display:block;  }
  .ucExpertsList .listitem .rowc .tabcontainer  .hide 
        { display:none;  }
 
  .ucExpertsList .listitem .rowc .tabcontainer .aButton{
       background:#369; width:70px; text-align:center; 
      margin-left:5px; padding:4px; color:#ffffff; font-size:0.9em; border-radius: 3px;
      margin:auto;
  }

  .ucExpertsList .listitem .rowc .tabcontainer .aButton{
      float:right; background:#3d79b5; width:70px; text-align:center; 
      margin-left:5px; padding:4px; color:#ffffff; font-size:0.8em; border-radius: 3px;
      border:1px solid #0084bf;
  }

    .ucExpertsList .listitem .rowc .tabcontainer .aChatButton {
        background:#369; background:#ffffff;border:1px solid #0084bf;  color:#0084bf; font-weight:bold;
    }
    /*End- ucExpertsList******************************************************************/