autocomplete-css

.outer_content_div{
    border:1px solid black;
    background-color:#6CA359;
    width:320px;
    height:310px;
    
   }
   .qq_div{
    margin:2px;
    padding:7px;
    border:1px solid black;
   }
   .top_title_div{
    border-width:5px;
    border-style:solid;
    border-bottom-color:#A6D79D;
    border-top-color:#A6D79D;
    border-left-color:#6CA359;
    border-right-color:#6CA359;
    background-color:#6CA359;
    color:#DDF5D5;
    font-size:11px;
    text-align:center;
   }
   .QQ{
    font-family:"Bradley Hand ITC";
    font-size:15px;
   }
   .from{
    border:1px solid #6CA359;
    margin-top:5px;
    padding:10px;
    font-family:"Bradley Hand ITC";
    height:20px;
   }
   .left_title_div{
    width:60px;
    float:left;
    font-size:14px;
   }
   .right_content_div{
    
    font-size:10px;
    vertical-align:middle; 
    font-family:"Arial";
   }
   .username{
    vertical-align:middle;
   }
   .message{
    border:1px solid #6CA359;
    margin-top:5px;
    padding:10px;
    font-family:"Bradley Hand ITC";
    height:80px;
    position:relative;
   }
   .send{
    float:right;
   }
   .suggest{
    position:relative;
    top:-2px;
    left:60px;
    display:block;
    float:left;
    border-bottom:1px solid #6CA359;
    border-right:1px solid #6CA359;
    border-left:1px solid #6CA359;
    background-color:white;
    padding-top:5px;
    
    
   }
          #userlist{
               border-top:1px solid #6CA359;
    border-right:1px solid #6CA359;
    border-left:1px solid #6CA359;
    width:213px;
          }
    li{
     list-style:none;
   margin-top:3px;
   vertical-align:middle;
   padding-left:30px;
    }
    ul{
     margin-top:0px;
   margin-bottom:5px;
   overflow:auto;
   height:80px;
   padding:0px;
    }
    .li{
     background-color:#DDF5D5;
    }
    img{
     height:15px;
    }
    table{
     left:10px;
   position:absolute;
   top:10px;
    }