#friendsNav .divider {
	width: 198px;
	border-bottom: 1px solid #EEE;
	font-size: 0.1em;
	height: 1px;
}

.friends .menuItem,
.friends .menuItem.selected:hover,
.friends .menuItem.selected:active {
	width: 198px;
    overflow: visible;
    height: 28px;
    margin: 3px auto;
    position: relative;
}

.friends .menuItem .highlight {
	background: url(../images/menuHighlight.png) no-repeat -30px 0;
	width: 210px;
    visibility: hidden;
    position: absolute;
    top: 1px;
    left: 0;
    z-index: 0;
    height: 28px;
}

.friends .menuItem.selected .highlight {
    visibility: visible;
}

.friends .menuItem .mainText {
	width: inherit;
    float: left;
    position: relative;
    top: 7px;
    margin: 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 18px;
}

.friends #peopleSearch {
   margin-top: 20px;
}

.home .friends #peopleSearch {
   margin-top: 0;
}

.home .friends #peopleSearch h3 {
   margin-bottom: 8px;
}

.friend {
	padding:10px 0px;
	border-bottom:1px solid #f6f6f6;
}

.friend:last-child {
	border:none;
}

.friends #friendsContainer {
   min-height: 40px;
   position: relative;
   float: left;
}

.friends #friendsContainer h2 {
	margin-bottom: 5px;
	padding: 8px 8px 0px 8px;
}

.friends #pendingInvitations h2 {
	margin-bottom: 5px;
}

.friends .friendContainer {
	padding: 8px 0px;
	border-top: 1px solid #CCC;
	clear: left;
	position: relative;
}

.friends #peopleSearch .friendContainer {
	padding: 8px 5px;
	border-top: none;
	border-top: 1px solid #EEE;
}

.friends #leftColumn #facebookUsers div:first-child {
	padding-top: 0;
	border-top: none;
}

.friends .accordion {
	margin-bottom: 10px;
}

.friends .accordion .accordion-m {
	width: 192px;
}

.friends .friendContainer a.avatar,
.profile #friendsContainer a.avatar {
	display: block;
	width: 50px;
	height: 50px;
	position: relative;
	float: left;
	margin-right: 6px;
}

.friends .friendContainer a.avatar .icon-elite.small,
.profile #friendsContainer a.avatar .icon-elite.small {
	bottom: 1px;
}

.friends .friendDetails {
	clear: none;
	position: relative;
}

#pendingInvitations .friendDetails {
	width: 124px;
}

.home .friends #friendsContainer .friendDetails {
	width: 154px;
}

.home .friends #friendsContainer .friendDetails .friendUsername {
	width: 126px;
    word-wrap: break-word;
}

.friends .friendUsername {
	position: relative;
}

#pendingInvitations .friendUsername {
	margin-bottom: 5px;
}

.friends .friendUsername .usernameLink {
	word-wrap: break-word;
	float: none;
}

.friends .friendFullName {
	padding-bottom: 5px;
	margin: 4px 0;
	width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 7px;
	white-space: nowrap;
}

.friends .friendMonthlyActivities {
	padding-bottom: 3px;
	position: relative;
}

.friends .friendContainer img {
	margin-right: 10px;
	float: left;
}

.friendsContainer {
   padding: 5px;
   height: 50px;
   position: relative;
}

.friendsContainer .icon-elite-small {
   bottom: 6px;
   left: 30px;
}

.friendsContainer .avatar {
   width: 50px;
   height: 50px;
   margin-right: 10px;
   float: left;
   position: relative;
}

.friendsContainer .avatar .icon-elite.small {
   bottom: 1px;
}

.friendsContainer .userInfoBox {
   float: left;
   height: 50px;
   position: relative;
   top: -2px;
}

.friend.me .friendsContainer .userInfoBox {
   top: 5px;
}

.friendsContainer .membersince {
   position: relative;
   margin: 5px 0;
   clear: left;
}

.friendsContainer .userInfoBox .actions {
   float: left;
   position: relative;
}

.friendsContainer .username a {
   position: relative;
}

.friends #mainColumn .divider {
   border-top: 1px solid #EEE;
   width: 500px;
   height: 1px;
   margin: 8px 0 7px 0;
   font-size: 0.1em;
}

.friends #mainColumn .divider:first-child {
   width: 530px;
   margin: 0 0 7px 0;
}

.monthlyActivities {
   margin: 0 auto;
   float: right;
   text-align: center;
}
.monthlyActivities .badge {
  background-color:#31a4d9 !important;
}

.monthlyActivities .details {
   margin-top: 3px;
}

.friendsInfo {
   margin: 50px 0;
}

.friends #mainColumn h3.solo {
   border-bottom: none;
   margin: 30px 0 20px;
}

.friendsInfo ul {
   list-style: circle;
   margin-left: 15px;
}

.friendsInfo ul li {
   margin: 5px 0;
}

.friendsInfo .icon {
   float: right;
}

.friend.me .username span  {
   display: inline;
   padding-left: 5px;
}

.friends .friendsInfo p.bold {
   margin: 20px 0 10px;
}

#leftColumn #searchForRkUsers {
   margin-bottom: 20px;
}
#leftColumn #searchForRkUsers h2 {
   border-bottom: 1px solid #CCC;
   margin-bottom: 7px;
   padding-bottom: 5px;
}
#leftColumn #searchForRkUsers #searchRkUsers {
   margin-bottom: 10px;
   position: relative;
}
#leftColumn #searchForRkUsers #searchRkUsers input {
   width: 175px;
   border: 0;
}
#leftColumn #searchForRkUsers #searchRkUsers #searchStatus {
   height: 16px;
   width: 16px;
   border: 0;
   position: absolute;
   top: 5px;
   right: 3px;
}
#leftColumn #searchForRkUsers #searchRkUsers #searchStatus.loading {
   background: url(../images/loading-grey-transparent.gif) center center no-repeat;
}
#leftColumn #searchForRkUsers #searchRkUsers #searchStatus.clear {
   background: url(../images/grey-x-16x16.gif) center center no-repeat;
   cursor: pointer;
   opacity: .5;
}
#leftColumn #searchForRkUsers #searchRkUsers #searchStatus.clear:hover {
   opacity: .75;
}
#leftColumn #searchForRkUsers #searchResults .friendContainer .friendStatus {
   margin-top: 8px;
   float: left;
   position: absolute;
   top: 0;
   left: 0;
}

#searchForRkUsers #searchResults .friendContainer .friendUsername .usernameLink {
   max-width: 130px;
}

.friendsRequests .noRequests {
   margin-top: 30px;
}
.friends .requestDetails
{
   position: relative;
}

.friends .requestDetails .acceptDeny
{   
   float:right;
   width: 100px;
   position:relative;
   z-index: 5;
}

.friends .requestDetails .acceptDeny Button {
  margin-bottom:5px;
}

.friends .accepted.requestItem
{
   background-color: #DFEFE3;
}

.friends .accepted .requestDetails .acceptDeny
{
   margin-top: -18px;
   width: 100px;
   background-color: #DFEFE3;
}

.friends .accepted .requestDetails .acceptDeny p
{
   margin: 0;
}

.friends .denied .requestDetails .acceptDeny
{
   margin-top: -18px;
   width: 100px;
}

.friends .denied.requestItem
{
   background-color: #EEE;
}

.friends .denied .requestDetails .acceptDeny p
{
   margin: 0;
}

.friends .requestDetails .acceptDeny .blueButton-small
{   
   margin-bottom: 3px;
}

.friends .requestContainer .requestItem {
   border-bottom: 1px solid #EEE;
   padding: 15px 5px;
}

.friends .requestContainer .requestItem:first-child {
   border-top: 1px solid #EEE;
}

.friends .requestContainer .requestItem .avatarContainer {
   width: 50px;
   height: 50px;
   margin-right: 10px;
}

.friends #mainColumn {
   width: 500px;
   margin: 0 15px;
}

#leftColumn #peopleSearch .accordion {
   padding: 0;
   overflow: visible;
}

.friends #facebookStatus {
   height: 190px;
   position: relative;
}

.friends #peopleSearch #searchRkUsers input#searchRkUsersInput {
   width: 100%;
   border: 1px solid #CCC;
   margin:10px 0;
   -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height:auto;
}

#rightColumn .friends #peopleSearch #searchRkUsers input#searchRkUsersInput {
   margin-bottom: 10px;
}

.friends .moreFeedButton
{
   cursor: pointer;
}
#showHide {
  float:right;
  font-weight:normal;
}
#addEmailWidgetRow {
	display: none;
}

#addEmailWidget {
	padding:20px;
}

#addEmailWidget button {
	margin-top: 22px;
}

.friendActions form {
   display: inline-block;
   margin: 0;
}

.friendActions div {
   display: inline-block;
   vertical-align: top;
}

.friendActions input[type='submit'][name='ignore'] {
   background: none;
   border: 0;
   cursor: pointer;
   color: #1596D2;
}

.requestDetails .acceptDeny form {
   display: inline-block;
}

.actions form input[type='submit'][name='remove'] {
   background: none;
   border: 0;
   cursor: pointer;
   color: #1596D2;
}