/* Street Team CSS */

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

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

.runkeeper .streetteam .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;
}

.runkeeper .streetteam .menuItem.selected .highlight {
    visibility: visible;
}

.runkeeper .streetteam .menuItem .mainText {
	width: inherit;
    float: left;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    position: relative;
    top: 7px;
    margin: 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 18px;
}

.runkeeper .streetteam .menuItem.selected .mainText {
    color: #FFF;
    text-shadow: 0 -1px 0 #333;
}

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

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

.runkeeper .home .streetteam #peopleSearch h3 {
   font-size: 16px;
   margin-bottom: 8px;
}

.runkeeper .streetteam #pendingInvitiationsBox {
   
}

.runkeeper .streetteam #streetTeamContainer {
   width: 200px;
   min-height: 40px;
   position: relative;
   float: left;
}

.runkeeper .streetteam #streetTeamContainer h2 {
	font-size: 17px;
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
	text-align: center;
	padding: 8px 8px 0px 8px;
}

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

.runkeeper .streetteam .teammateContainer {
	width: 180px;
	padding: 8px 0px;
	border-top: 1px solid #CCC;
	text-align: left;
	clear: left;
	position: relative;
}

.runkeeper .streetteam #peopleSearch .teammateContainer {
	width: 190px;
	padding: 8px 5px;
	border-top: none;
	border-top: 1px solid #EEE;
}

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

.runkeeper .monthContainer .googleUserLink {
   width: 169px;
   display: block;
   margin: 20px auto;  
}

.runkeeper .streetteam #leftColumn .monthContainer {
	margin-bottom: 20px;
}

.runkeeper .streetteam .accordion {
	margin-bottom: 10px;
}

.runkeeper .streetteam .accordion .accordion-m {
	width: 192px;
}

.runkeeper .streetteam .teammateContainer a.avatar,
.runkeeper .profile #streetTeamContainer a.avatar {
	display: block;
	width: 50px;
	height: 50px;
	position: relative;
	float: left;
	margin-right: 6px;
}

.runkeeper .streetteam .teammateContainer a.avatar .icon-elite.small,
.runkeeper .profile #streetTeamContainer a.avatar .icon-elite.small {
	bottom: 1px;
}

.runkeeper .streetteam .teammateDetails {
	text-align: left;
	clear: none;
	float: left;
	position: relative;
}

.runkeeper #pendingInvitations .teammateDetails {
	width: 124px;
}

.runkeeper .home .streetteam #streetTeamContainer .teammateDetails {
	width: 154px;
}

.runkeeper .home .streetteam #streetTeamContainer .teammateDetails .teammateUsername {
	width: 126px;
    word-wrap: break-word;
}

.runkeeper .streetteam .teammateUsername {
	font-size: 16px;
	color: #000;
	font-weight: bold;
	position: relative;
	line-height: 100%;
}

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

.runkeeper .streetteam .teammateUsername .usernameLink {
	word-wrap: break-word;
	float: none;
}

.runkeeper .streetteam .teammateFullName {
	font-size: 11px;
	color: #666;
	font-weight: bold;
	padding-bottom: 5px;
	margin: 4px 0;
	width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 7px;
	white-space: nowrap;
}

.runkeeper .streetteam .teammateMonthlyActivities {
	font-size: 11px;
	color: #666;
	font-weight: normal;
	padding-bottom: 3px;
	position: relative;
}

.runkeeper .streetteam .teammateMonthlyActivities span {
	font-size: 11px;
	color: #000;
	font-weight: bold;
}

.runkeeper .streetteam .teammateContainer img {
	margin-right: 10px;
	float: left;
}

.runkeeper #streetTeamAcceptButton {
   margin-right: 5px;
}

.runkeeper .streetTeamContainer {
   width: 490px;
   padding: 5px;
   height: 50px;
   position: relative;
}

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

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

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

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

.runkeeper .streetTeammate.me .streetTeamContainer .userInfoBox {
   top: 5px;
}

.runkeeper .streetTeamContainer .membersince {
   font-size: 11px;
   font-weight: normal;
   color: #666;
   position: relative;
   margin: 5px 0;
   clear: left;
}

.runkeeper .streetTeamContainer .userInfoBox .actions {
   float: left;
   position: relative;
   font-size: 11px;
   color: #666;
}

.runkeeper .streetTeamContainer .username a {
   font-size: 21px;
   font-weight: bold;
   color: #333;
   position: relative;
}

.runkeeper .streetTeamContainer .username a:hover {
   color: #2F8CCC;
}

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

.runkeeper .streetteam #mainColumn .divider:first-child {
   border-top: 1px solid #EEE;
   width: 530px;
   height: 1px;
   margin: 0 0 7px 0;
   font-size: 0.1em;
}

.runkeeper .monthlyActivities {
   width: 50px;
   margin: 0 auto;
   float: right;
}

.runkeeper .monthlyActivitiesBox {
   width: 50px;
   text-align: center;
   border: 1px solid #CCC;
   padding: 6px 0;
   font-size: 24px;
   color: #444;
   text-shadow: #FFF 1px 1px 0;
   font-weight: bold;
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#BBB));
   background: -webkit-linear-gradient(top, #EEE, #BBB);
   background: -moz-linear-gradient(top, #EEE, #BBB);
   background: -ms-linear-gradient(top, #EEE, #BBB);
   background: -o-linear-gradient(top, #EEE, #BBB);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.runkeeper .monthlyActivities .details {
   font-size: 11px;
   font-weight: normal;
   text-align: center;
   color: #666;
   margin-top: 3px;
}

.runkeeper .streetTeamInfo {
   margin: 50px 0;
}

.runkeeper .streetteam #mainColumn h3.solo {
   border-bottom: none;
   font-size: 36px;
   text-align: center;
   color: #333;
   margin: 30px 0 20px;
}

.runkeeper .streetteam #mainColumn p.solo {
   font-size: 14px;
   text-align: center;
   color: #333;
   line-height: 130%;
}

.runkeeper .streetTeamInfo p {
   color: #333;
   line-height: 130%;
}

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

.runkeeper .streetTeamInfo ul li {
   margin: 5px 0;
   line-height: 130%;
}

.runkeeper .streetTeamInfo .icon {
   float: right;
}

.runkeeper .streetTeammate .username span  {
   display: none;
}

.runkeeper .streetTeammate.me .username span  {
   display: inline;
   font-size: 18px;
   color: #999;
   position: relative;
   top: 2px;
   left: 5px;
}

.runkeeper .streetteam .monthContainer .fb_button_medium {
   display: block;
   width: 196px;
   margin: 15px auto;
   line-height: 100%;
}

.runkeeper .streetteam .monthContainer .fb_button_medium.fb_button .fb_button_text {
   padding-top: 3px;
   margin-left: 22px;
}

.runkeeper .streetteam .monthContainer #facebookStatus .statusText {
   color: #666;
   font-weight: bold;
   font-size: 14px;
   width: 190px;
   margin: 0 auto 20px;
}

.runkeeper .streetteam .monthContainer #facebookStatus .statusText span {
   font-weight: normal;
   line-height: 130%;
   display: block;
   margin-bottom: 10px;
   font-size: 11px;
}

.runkeeper .streetteam .monthContainer #facebookStatus .statusText div {
   font-weight: normal;
   line-height: 130%;
   margin-bottom: 10px;
   font-size: 11px;
}

.runkeeper .streetteam .monthContainer #facebookStatus .statusText a {
   font-size: 12px;
   font-weight: normal;
   display: block;
   margin-top: 5px;
}

.runkeeper .streetteam .streetTeamInfo p.bold {
   margin: 20px 0 10px;
   font-size: 14px;
}

.runkeeper .streetteam .monthContainer .location {
   text-align: center;
}

.runkeeper .streetteam .monthContainer .location .set {
   font-weight: bold;
   font-size: 12px;
   color: #666;
   margin-bottom: 10px;
}

.runkeeper .streetteam .blueButton-small.streetTeamInviteButton,
.runkeeper .streetteam .blueButton-small.streetTeamInviteButtonFromSearch {
   margin-top: 8px;
}

.runkeeper #leftColumn #searchForRkUsers {
   margin-bottom: 20px;
}
.runkeeper #leftColumn #searchForRkUsers h2 {
   border-bottom: 1px solid #CCC;
   margin-bottom: 7px;
   padding-bottom: 5px;
}
.runkeeper #leftColumn #searchForRkUsers #searchRkUsers {
   border: 1px solid #CCC;
   padding: 2px 3px;
   margin-bottom: 10px;
   position: relative;
}
.runkeeper #leftColumn #searchForRkUsers #searchRkUsers input {
   width: 175px;
   border: 0;
}
.runkeeper #leftColumn #searchForRkUsers #searchRkUsers #searchStatus {
   height: 16px;
   width: 16px;
   border: 0;
   position: absolute;
   top: 2px;
   right: 2px;
}
.runkeeper #leftColumn #searchForRkUsers #searchRkUsers #searchStatus.loading {
   background: url(../images/loading-grey-transparent.gif) center center no-repeat;
}
.runkeeper #leftColumn #searchForRkUsers #searchRkUsers #searchStatus.clear {
   background: url(../images/grey-x-16x16.gif) center center no-repeat;
   cursor: pointer;
   opacity: .5;
}
.runkeeper #leftColumn #searchForRkUsers #searchRkUsers #searchStatus.clear:hover {
   opacity: .75;
}
.runkeeper #leftColumn #searchForRkUsers #searchResults p {
   font-size: 12px;
   font-style: italic;
   color: #666;
   text-align: center;
}
.runkeeper #leftColumn #searchForRkUsers #searchResults .teammateContainer {

}
.runkeeper #leftColumn #searchForRkUsers #searchResults .teammateContainer .teammateStatus {
   margin-top: 8px;
   float: left;
   position: absolute;
   top: 0;
   left: 0;
}

.runkeeper #searchForRkUsers #searchResults .teammateContainer .teammateUsername .usernameLink {
   max-width: 130px;
}

.runkeeper #streetTeamContainer.cssGreydientBox .teammateContainer {
   width: 200px;
   padding: 8px 0px;
   border: 0;
   border-top: 1px solid #CCC;
   text-align: left;
   clear: left;
   position: relative;
   background: #FFF;
}

.runkeeper #streetTeamContainer.cssGreydientBox .teammateContainer a.avatar,
.runkeeper .profile #streetTeamContainer.cssGreydientBox a.avatar {
   margin-right: 20px;
}

.runkeeper #streetTeamContainer.cssGreydientBox .teammateContainer img {
   margin: 0px 10px;
}

.runkeeper .streetTeamRequests .noRequests {
   color: #666;
   text-align: center;
   font-style: italic;
   font-size: 16px;
   margin-top: 30px;
}

.runkeeper .streetteam .requestContainer
{
}
.runkeeper .streetteam .requestDetails
{
   width: 430px;
   float: left;
   position: relative;
}
.runkeeper .streetteam .requestDetails .teammateUsername
{   
   margin: 6px 0;
}
.runkeeper .streetteam .requestDetails .activityCount {
   font-size: 12px;
   color: #666;
}

.runkeeper .streetteam .requestDetails .activityCount span b {
   color: #000;
}

.runkeeper .streetteam .requestDetails .acceptDeny
{   
   position: absolute;
   top: 50%;
   margin-top: -10px;
   right: 5px;
   width: 57px;
   text-align: center;
   height: 38px;
}

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

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

.runkeeper .streetteam .accepted .requestDetails .acceptDeny p
{
   color: green;
}

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

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

.runkeeper .streetteam .denied .requestDetails .acceptDeny p
{
   color: #333;
}

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

.runkeeper .streetteam .requestContainer .requestItem {
   border-bottom: 1px solid #EEE;
   padding: 15px 5px;
   width: 490px;
}

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

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

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

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

.runkeeper .streetteam #facebookStatus {
   height: 190px;
}

.runkeeper .streetteam #facebookStatus .name {
   font-weight: bold;
}