#userinfo { position:absolute; 
                top:0px; 
			   left:0px; 
			  width:230px; 
			 height:150px; 
   background-color:#D8D8D8;
            display:none;
			  color:#000000;
			  text-align: left; 
		font-weight:bold; 
		
	    font-family: Helevetica,Arial,sans-serif;
	      font-size: 13px;
	    line-height:1.5em; 
 
			}

.popup {
	border: 1px solid #71653a;
    border-radius: 5px;
    padding: 2px 15px 2px 2px;
    //color: #71653a;
    //background-color:#D8D8D8;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
      }			
	  
.popup:before, .popup:after {
    content: "";
    position: absolute;
}	  

.popup.left:before {
    border-left: 10px solid #71653a;
    border-top: 10px solid rgba(113, 101, 58, 0);
    border-bottom: 10px solid rgba(113, 101, 58, 0);
    right: -10px;
    top: 20px;
}

.popup.left:after {
    border-left: 10px solid #D8D8D8;
    border-top: 10px solid rgba(255, 241, 190, 0);
    border-bottom: 10px solid rgba(255, 241, 190, 0);
    right: -9px;
    top: 20px;
}

.popup.right:before {
    border-right: 10px solid #71653a;
    border-top: 10px solid rgba(113, 101, 58, 0);
    border-bottom: 10px solid rgba(113, 101, 58, 0);
    left: -10px;
    top: 20px;
}

.popup.right:after {
    border-right: 10px solid #D8D8D8;
    border-top: 10px solid rgba(255, 241, 190, 0);
    border-bottom: 10px solid rgba(255, 241, 190, 0);
    left: -9px;
    top: 20px;
}

.popup.top:before {
    border-left: 10px solid rgba(113, 101, 58, 0);
    border-right: 10px solid rgba(113, 101, 58, 0);
    border-top: 10px solid #71653a;
    left: 20px;
    bottom: -10px;
}

.popup.top:after {
    border-left: 10px solid rgba(255, 241, 190, 0);
    border-right: 10px solid rgba(255, 241, 190, 0);
    border-top: 10px solid #D8D8D8;
    left: 20px;
    bottom: -9px;
}

.popup.bottom:before {
    border-left: 10px solid rgba(113, 101, 58, 0);
    border-right: 10px solid rgba(113, 101, 58, 0);
    border-bottom: 10px solid #71653a;
    left: 20px;
    top: -10px;
}

.popup.bottom:after {
    border-left: 10px solid rgba(255, 241, 190, 0);
    border-right: 10px solid rgba(255, 241, 190, 0);
    border-bottom: 10px solid #D8D8D8;
    left: 20px;
    top: -9px;
}			

#user_bage { height:180px; 
        	  color:#000000;
		font-weight:bold;
		     cursor:pointer;
		

		
		   }
   
   
#user_score {               color:#000080;
             vertical-align:top;
       }
	   
.avatar_img {
              border : 1px solid #000000; 



            }
	   
.userinfo_links  a {
	                text-decoration: none;
                    color:#333399; 
                } 
				
.userinfo_links a:hover {
                       color: #990000;
	                   text-decoration: none;
                       }