#pageBody {
    color:#3B5998;
    font-size:8px;
    height:160px;
}


#jfmfs-friend-selector input {
    background-color: #fcfcfc;
    border: 1px solid #555;
    font: 11px verdana, arial, helvetica, sans-serif;
    margin: 2px 0;
    padding: 2px 4px;
}
.jfmfs-friend { 
    background-color: #d0d0d0;            
    cursor:pointer;
    display:block;
    float:left;
    height:90px;
    margin:3px;
    padding:6px;
    width:52px;
    border: 1px solid #333;
	white-space:normal;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
}

.jfmfs-friend img {
    border: 1px solid #CCC;
    margin:0;
}

.jfmfs-friend.selected img {
    border: 1px solid #233E75;
}

.jfmfs-friend div {
    color:#111111;
    font-size:11px;
    overflow:hidden;
    padding:2px 0 0 6px;
    width:52px;
}

#jfmfs-friend-container {
    overflow:scroll;
    overflow-x: hidden;
    -ms-overflow-x: hidden;
    width:380px;
    height:332px;  
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    color: #333;
    font-size: 12px;
	
  
}
#jfmfs-friend-selector {
    width:100%;   
    height:130px;                            
}

#jfmfs-inner-header {
   margin-top:-30px;
    color:#3B5998;
    font-size:11px;
    font-weight:bold;
    height:30px;
    width:300px;
	
}

.jfmfs-friend.selected {
    background-color: #6D84B4;
    border: 1px solid #000;
}

.jfmfs-friend.selected div {
    color: #FFFFFF;
}

.hover {
    background-color: #EFF2F7;
}

.hide-non-selected, .hide-filtered {
    display: none;
}

div.jfmfs-button {
    background:none repeat scroll 0 0 #6D84B4;
    border:1px solid #3B5998;
    color:white;
    cursor:pointer;
    margin:4px 5px 0px 4px;
    padding:2px 5px;
    text-decoration:none;
}

#jfmfs-friend-selector a.filter-link:link, a.filter-link:visited {
    color: #3B5998;
    font-weight: bold;
    text-decoration: none;
}

#jfmfs-friend-selector a.filter-link:hover, #jfmfs-friend-selector a.selected {
    background-color: #6D84B4;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    color: #FFFFFF;
}
/* hid text with display none  */
#jfmfs-friend-selector .filter-link {
    margin:4px 5px 4px 5px;
    padding:3px 5px 3px 5px;
	display:none;
}

#jfmfs-inner-header .filter-link {
    float:right;
}

#jfmfs-inner-header div.jfmfs-button-hover {
    text-decoration: underline;
}


#jfmfs-friend-filter-text {
    height: 18px;
}


#jfmfs-inner-header span.jfmfs-title {
    color: #333333;
    font-weight: bold;
    margin: 3px 0 2px;
}
/* hid text with background color  */
#jfmfs-max-selected-wrapper {
    float: right;
	color:#Fff;
    margin:4px 5px 4px 5px;
    padding:0px 5px 3px 5px;  
}