#frendresults-body
{
	display: block;
	width: 100%
}

.friendsResultBoxTop {
    padding: 10px;
    font-size: 10pt;
    font-weight: bold;
    color: #FFF;
    background: url('/images/widget-black-top.png') no-repeat;
    height: 42px;
}

.friendsResultBoxRow{
    width: 100%;
    border: 1px solid #CCC;
    border-top: none;
    font-weight: bold;
	padding: 2px 0;
}

.friendsResultBox .photoColumn{
    float: left;
    height: 100%;
    width: 20%;
    min-width: 41px;
}

.friendsResultBox .photoColumn img{
    width: 36px;
    height: 36px;
    margin: 4px;
}

.friendsResultBox .photoColumn a:hover img{
    box-shadow: 0 0 5px #CCC;
}


.friendsResultBox .rightColumn{
    float: left;
    height: 100%;
    width: 80%;
    padding-right: 5px;
}

.friendsResultBox .rightColumn .nameRow{
    width: 100%;
    height: 40%;
    padding-top: 4px;
    overflow: hidden;
}

.friendsResultBox .rightColumn a{
    color: #000000;
    text-decoration: none;
    
}

.friendsResultBox .rightColumn a:hover{
    text-decoration: underline;
}

.friendsResultBox .ago
{
	position: relative;
	float:right;
}
.friendsResultBox .format
{
	overflow: hidden;
	display: inline;
}
.friendsResultBox .format img
{
	float: left;
}
.friendsResultBox .format div
{
	display: inline;
	vertical-align: middle;
	float: left;
	margin: 3px 0 0 3px;
}

.friendsResultBox .moreResults{
    width: 80%;
    border: 1px solid #CCC;
    border-top: none;
    height: 25px;
    font-weight: bold;
    padding-left: 40px;
    padding-top: 9px;
}

.friendsResultBox .moreResults a{
    color: #000000;
    text-decoration: underline;
    font-weight: bold;
}

.friendsResultBox .moreResults a:hover{
    text-decoration: underline;
}