.xg_subtab{
margin-right: 40px;
}

.navbar a:hover{
color: #70cbf3;
}

.column.span10 .grid-frame .smallMatrix > .row > .span  {
width: 135px;
}

.interest-level {
display: block;
float: left;
}

/* unlinked removal link in groups navebar */
.page-groups-class-of-2014 .groupHeader-nav [ href="https://neafgloballearningfellows.ning.com/groups/class-of-2014/updates"] {display:none}

/* unlinked removal link in groups navebar */
.page-groups-alumni-pathways .groupHeader-nav [ href="https://neafgloballearningfellows.ning.com/groups/alumni-pathways/members"] {display:none}

.profileCoverArea .profileCoverArea-box
{
height:220px;
background:none scroll 0 0 rgba(0, 0, 0, 0);
-moz-border-radius: 15px;
}

.profileCoverArea-box .row div.profileCoverArea-bio
{
-moz-border-radius: 20px;
border-radius: 20px;
font-family:arial, Times, serif;
color:black;
background: none ;
border-style:double;
border-color:#81dbd6;
border-width:3px;

}

/* Cover Image to be responsive */

.profileCoverArea { background-repeat: no-repeat; background-size: 100% 100%; position:relative }

/* ID Card Background for member profile box */

/*New type */ div.profileCoverArea-avatar.span2 { background-image:url( Add your image here );background-size: 100% 100%; background-repeat: no-repeat;background-position: center top; }


/* Size of the actual profile details box, this is the size in width you want for the page to be when it's revealed */

.profileCoverArea .span8{ width:800px; }

/* Sizing of profile box with avatar and ID Card image */

div.profileCoverArea .span2{width:500px;height:166px;float:left;margin-top:10px;}

/* Member Name Move up out of bio area and color settings */

.profileCoverArea-bio h2 { margin-top: -50px; position: absolute; width: auto;padding:3px;min-width:100px;visibility:visible; box-shadow: 0px 0px 2px 3px ivory 5px 5px 10px 0.5px black; border-radius: 0px 0px 0px 0px; background-color: turquoise; border: 1px solid gray; }

/* Widen Bio Box */

.profileCoverArea-bio.span5 { width:100% }

/* Is Friend & Add As Friend & Sent Request Buttons display */

@media screen and (min-width:719px) { .profileCoverArea-avatar .addFriend {position:absolute;top:20px;margin-left:-11%} 

.profileCoverArea-avatar .pending  {position:absolute;top:60px;margin-left:-11%;padding:0.3em;font-size:12px;width:auto}

/* The withdraw link under pending friend request */

a#withdraw-friend-link.withdraw { font-size:11px;margin-left:-30px;position:absolute;top:100px }

.profileCoverArea-avatar .groupie {position:absolute;top:60px;margin-left:-11%}  .profileCoverArea-avatar .friend, .profileCoverArea-avatar .accepted  {position:absolute;top:60px;margin-left:-11%}

/* Word added before the Request Sent text */

.profileCoverArea-avatar .pending:before{content:"Friend";padding:3px}

.profileCoverArea-box:hover .profileCoverArea-bio.span5{visibility:visible;height:auto;overflow:auto;  -ms-transition: 1s ease-in-out;-moz-transition: 1s ease-in-out; -webkit-transition: 1s ease-in-out; -o- transition:1s ease-in-out;transition:1s ease-in-out;}

.profileCoverArea-box:hover .profileCoverArea-bio .profileCoverArea-questionAndAnswer {visibility:visible;}

.profileCoverArea-box:hover .profileCoverArea-bio p{ visibility:visible } .profileCoverArea-box.grid-frame:hover {visibility:visible; -ms-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;  -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }

/* Bring the frame back up to stop content being pushed down */

.profileCoverArea-box:hover {width:100%} .profileCoverArea-box:hover .profileCoverArea-box.grid-frame { width:100%;}

.profileCoverArea-box:hover div.profileCoverArea-avatar.span2 { visibility:visible;}

}