@charset "UTF-8";

/* reset */

.profile#content {
	position: relative;
}

#subNav.profile .profileBoxSmall {
	display: none;
}

#leftColumn .profileBoxSmall {
	width: 200px;
	margin-bottom: 30px;
}

.profileBoxSmall .username a {
	color: #333;
}

.profileBoxSmall .username .setUsername a {
	color: #2A5DB0;
}

.profileBoxSmall .username .setUsername a:hover {
	color: #2F8CCC;
}

.usernameLink {
   text-overflow: ellipsis;
   float: left;
   display: block;
}

.usernameLinkLive {
   float: left;
   display: block;
   width: 138px;
   position: relative;
   top: -1px;
}

.profile .profileBoxSmall .username {
	width: 200px;
	float: left;
	text-align: left;
	clear: left;
}

.profile .profileBoxSmall #monthlyActivities {
	width: 200px;
	float: left;
	text-align: left;
	position: relative;
	top: 8px;
	margin-bottom: 10px;
	clear: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#subNav.navigation.profile {
   margin-bottom: 0;
}

#subNav.navigation.profile #subNavBox {
   margin-left: 220px;
}

.profile #leftColumn {
	width: 200px;
	position: relative;
	margin-top: 0;
	top: -50px;
}

#subNav.profile .clear.profileSubNav {
   clear: left;  
   display: block;
}

#subNav .clear.profileSubNav {
   display: none;  
}

.profile #leftColumn h2 {
	clear: left;
}

.profile #mainColumn {
	width: 750px;
	clear: right;
	float: right;
}

.profile #streetTeamButton {
	margin-top: 10px;
	position: relative;
}

.profile #streetTeamButton .mainText {
	font-size: 12px;
	top: 7px;
	margin-left: 28px;
}

.profile #streetTeamButton .accordion-m {
	width: 192px;
}

.profile #streetTeamButton .accordion-m .bubble-m {
	width: 0px;
}

.profile #streetTeamButton .bubble {
	display: block;
	width: 20px;
	right: 5px;
}

.profile #streetTeamButton .bubble-text {
	background: url(../images/bubble-arrow.png) no-repeat 0 0;
	width: 15px;
	height: 12px;
	top: 4px;
	left: 3px;
}

.profile #streetTeamButton.respond .bubble-m {
	width: 0;
}

.profile #streetTeamButton.confirmed .bubble {
   display: none;
}

.profile #streetTeamButton.confirmed .accordion-l,
.profile #streetTeamButton.confirmed .accordion-m,
.profile #streetTeamButton.confirmed .accordion-r {
   background: none;
}

.profile .accordion.confirmed {
   cursor: default;
}

.profile #streetTeamButton .navStatusArrow {
	background: url(../images/icon-streetteam-xsmall.png) no-repeat 0 0;
	width: 20px;
	height: 20px;
	top: 4px;
	left: 6px;
}

.profile #userInfo {
	margin: 0 0 30px 0;
	width: 200px;
	float: left;
	clear: left;
}

.profile #userInfoDetails {
	width: 170px;
	padding: 15px;
}

.profile #userInfoDetails .headline {
	font-weight: bold;
	color: #333;
	margin-bottom: 8px;
}

.profile #userInfoDetails .details {
	font-weight: normal;
	color: #666;
	margin-bottom: 14px;
	line-height: 130%;
}

.profile #userInfoDetails .details span {
	font-style: italic;
	color: #AAA;
	font-size: 11px;
}

.profile #userInfoDetails .connect .socialIcon {
	margin: 0 6px 0 0;
	display: block;
	width: 20px;
	height: 20px;
	float: left;
}

.profile #profileBox {
	background: url(../images/profileStats-bg.png) no-repeat 0 0;
	width: 750px;
	height: 99px;
	margin-bottom: 30px;
	border-bottom: 1px solid #CCC;
}

#profileStatsBox .divider {
	background: url(../images/profileStats-divider.png) no-repeat 0 0;
	float: left;
	height: 99px;
	width: 1px;
}

.profile #profileStatsBox h3 {
	text-align: center;
	color: #444;
	border-bottom: none;
	font-size: 21px;
}

.profileStatsCell {
    background: url(../images/profileStats-bg.png) no-repeat 0 -297px;
    float: left;
	vertical-align: middle;
	border: none;
	text-align: center;
	padding: 5px 15px;
	color: #555;
	position: relative;
	top: 10px;
}

/*  .profileStatsCell:hover {
   cursor: pointer;
}

.profileStatsCell#totalActivities:hover {
   background: url(../images/profileStats-bg.png) no-repeat 0 -99px;
}

.profileStatsCell#totalActivities:active {
   background: url(../images/profileStats-bg.png) no-repeat 0 -198px;
}

.profileStatsCell#totalDistance:hover,
.profileStatsCell#totalCalories:hover {
   background: url(../images/profileStats-bg.png) no-repeat -100px -99px;
}

.profileStatsCell#totalDistance:active,
.profileStatsCell#totalCalories:active {
   background: url(../images/profileStats-bg.png) no-repeat -100px -198px;
}

 */

.profileStatsCell#profileStatsReports:hover {
   background: url(../images/profileStats-bg.png) no-repeat -594px -99px;
   cursor: pointer;
}

.profileStatsCell#profileStatsReports:active {
   background: url(../images/profileStats-bg.png) no-repeat -594px -198px;
}

#totalActivities {
   width: 147px;
}


#totalDistance {
   width: 147px;
}

#totalCalories {
   width: 207px;
}

#profileStatsReports {
   width: 126px;
}

#profileStatsReports .button {
   width: 126px;
   height: 30px;
   position: relative;
   top: 35px;
}

.profileStatsLabel {
	text-align: center;
	font-weight: bold;
	color: #666;
	font-size: 16px;
	position: relative;
	top: 5px;
}

.profileStatsDetail {
	text-align: center;
	font-weight: bold;
	color: #2E5DAB;
	font-size: 54px;
	text-shadow: #FFF 1px 1px 0;
}

/* .profileStatsCell:hover .profileStatsDetail {
   color: #555;
}

.profileStatsCell:active .profileStatsDetail {
   color: #222;
} */

.profile .mainContentLeft {
	width: 500px;
	float: left;
	margin: 0 30px 0 20px;
}

.profile .mainContentRight {
	width: 200px;
	float: left;
	clear: none;
}

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

.profile #streetTeamContainer h2 {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
	text-align: center;
}

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

.profile .teammateDetails {
	text-align: left;
	clear: none;
	float: left;
	position: relative;
	top: 3px;
}

.profile .teammateUsername {
	font-size: 14px;
	color: #000;
	font-weight: bold;
	padding-bottom: 3px;
	width: 120px;
	overflow: hidden;
}

.profile .teammateMonthlyActivities {
	font-size: 11px;
	color: #666;
	font-weight: normal;
	padding-bottom: 3px;
}

.profile .teammateFullName {
	font-size: 11px;
	color: #666;
	font-weight: bold;
	padding-bottom: 5px;
	width: 120px;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 13px;
}

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

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

.profile .mainContentLeft h3.subHeadline {
	border-bottom: 1px solid #CCC;
	width: 500px;
	padding-right: 0;
	padding-left: 0;
}

.feedItemContainer {
	border-bottom: 1px solid #EEE;
	padding: 10px 0;
	width: 500px;
}

.feedItem {
	width: 490px;
	padding: 7px 5px;
	position: relative;
}

.feedItem:hover {
	cursor: pointer;
}

.feedItem .icon {
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 10px;
}

.feedItem .detailBox {
   float: left;
   width: 390px;
}

.feedItem.badge .detailBox {
   width: 330px;
}

.feedItem .detailBox .mainText {
   float: left;
	font-weight: bold;
	font-size: 14px;
	color: #000;
	margin: 2px 0 0 0;
	width: 390px;
	line-height: 130%;
}

.feedItem.badge .detailBox .mainText {
   width: 330px;
}

.feedItem .detailBox .icon {
    float: left;
	width: 50px;
	height: 50px;
	border: 1px solid #EEE;
	margin-right: 10px;
}

.feedItem .detailBox .raceDetailContainer {
    float: left;
	width: 328px;
	height: 50px;
}

.feedItem .detailBox .raceDetailContainer .raceDetailText {
    font-size: 12px;
    font-weight: normal;
    color: #333;
    margin-bottom: 3px;
}

.feedItem .detailBox .raceDetailContainer .raceDetailText span {
    font-weight: bold;
}

.feedItem .detailBox .mainText .usernameLink {
   margin-right: 5px;
}

.feedItem .subText .icon {
   width: 14px;
   height: 16px;
   position: relative;
   top: 2px;
   float: left;
   margin: 0 6px 0 0;
}

.feedItem .subText .icon.private {
   background: url(../images/icon-lock.png) no-repeat 0 0;
}

.feedItem .subText .icon.streetteam {
   background: url(../images/icon-streetteam-xsmall.png) no-repeat 0 0;
   width: 20px;
   height: 20px;
}

.feedItem .detailBox .subText {
   float: left;
	font-weight: normal;
	font-size: 12px;
	color: #999;
	clear: both;
	margin-top: 10px;
	width: 390px;
	position: relative;
}

.feedItem.badge .detailBox .subText {
   width: 330px;
}

.feedItem .detailBox .subText div {
   float: left;
}

.feedItem .detailBox .subText div.postedTimeStamp {
   position: relative;
   top: 4px;
   margin-right: 10px;
}

.feedItem .detailBox .subText div.facebookLikeButton {
   position: relative;
   width: 90px;
   margin-left: 10px;
   top: 1px;
}

.feedItem .detailBox .subText div.postCommentLink{
   position: relative;
   top: 4px;
}

.feedItem .detailBox .subText div.postCommentLink a {
   margin: 0 6px;
}

.feedItem .detailBox .detailText {
   float: left;
	font-weight: normal;
	font-size: 12px;
	color: #333;
	clear: both;
	line-height: 120%;
	margin-top: 8px;
	width: 390px;
}

.feedItem.badge .detailBox .detailText {
   width: 330px;
}

.feedItem .detailBox .detailText.fitnessClass {
   margin: 4px 0 5px;
   color: #666;
}

.feedItem .detailBox .detailText.fitnessClass span {
   font-weight: bold;
   color: #333;
}

.feedItem .badge {
   display: none;
}

.feedItem.badge .badge {
   display: block;
   width: 50px;
   height: 50px;
   position: absolute;
   top: 50%;
   margin-top: -25px;
   right: 45px;
}

.feedItem .detailBox .subText span {
	font-weight: bold;
	color: #444;
}

.feedItem .feedArrow {
	background: url(../images/feedArrow.png) no-repeat 0 0;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -12px;
}

.feedItem:hover .feedArrow {
	background: url(../images/feedArrow.png) no-repeat 0 -24px;
}

.feedItem:active .feedArrow {
	background: url(../images/feedArrow.png) no-repeat 0 -48px;
}

.feedItem .icon-elite.small {
	top: 40px;
	left: 29px;
}

.profile #streetTeamOverlay {
   position: absolute;
   z-index: 100;
   width: 230px;
   top: -12px;
   left: 204px;
   display: none;
}

.profile #streetTeamRequestBox.shadowBoxContent {
   padding: 24px;
}

.profile #streetTeamRequestBox .mainText:first-child {
   font-size: 13px;
   color: #555;
   line-height: 130%;
   margin-bottom: 10px;
}

.profile #streetTeamRequestBox .mainText span {
   font-weight: bold;
   color: #111;
}

.profile #streetTeamRequestBox #acceptRequest {
   margin-right: 8px;
}

.profile #streetTeamRequestBox #ignoreRequest {
   margin-right: 6px;
}

h2 .bodyMeasurementsUpdate {
   display: block;
   float: right;
   font-size: 12px;
}

#bodyMeasurementsContainer {
   margin-top: 5px;
   text-align: center;
   width: 200px;
}

#bodyMeasurementsContainer p {
   font-size: 16px;
   font-weight: bold;
   color: #666;
   line-height: 130%;
   margin-top: 5px;
}

#bodyMeasurementsContainer p.footnote {
   font-size: 11px;
   font-weight: normal;
   color: #666;
   line-height: 130%;
   margin-top: 10px;
   padding: 5px;
}

#bodyMeasurementsContainer a {
   font-size: 16px;
   font-weight: bold;
   padding-bottom: 10px;
}

#bodyMeasurementsContainer .greydient-content .bodyMeasurementsRow {
   margin: 8px auto 0 auto;
   font-size: 13px;
}

#bodyMeasurementsContainer .greydient-content .bodyMeasurementsRow:first-child {
   margin: 0px auto;
}

#bodyMeasurementsContainer .greydient-content .bodyMeasurementsRow .label {
   float: left;
   width: 100px;
   color: #666;
   text-align: left;
}

#bodyMeasurementsContainer .greydient-content .bodyMeasurementsRow .details {
   float: right;
   width: 84px;
   text-align: right;
   font-weight: bold;
   color: #111;
}

p.footnote {
   color: #666;
   font-size: 11px;
   line-height: 120%;
   width: 96%;
   margin: 10px auto;
}

#bodyMeasurementsLightbox {
   position: relative;
   top: 30px;
}

#bodyMeasurementsLightbox h2 {
   margin: 20px 0 5px 0;
}
   
#bodyMeasurementsLightbox h2 .viewChartLink {
   float: right;
   font-size: 12px;
   font-weight: normal;
}

#updateBodyMeasurements {
   background: #EEE;
   padding: 10px;
   width: 260px;
   text-align: center;
}

#updateBodyMeasurements div.bodyMeasurementRow {
   margin: 10px auto;
}

#updateBodyMeasurements input[type="text"] {
   float: left;
   width: 80px;
   font-size: 18px;
   margin-right: 6px;
}

#updateBodyMeasurements div.bodyMeasurementRow label {
   float: left;
   position: relative;
   top: 6px;
   font-size: 16px;
   color: #666;
   font-weight: bold;
   margin: 0 10px 0 12px;
   text-align: right;
   width: 100px;
}

#updateBodyMeasurements div.bodyMeasurementRow span {
   font-size: 16px;
   color: #666;
   font-weight: bold;
   position: relative;
   top: 6px;
   float: left;
   display: block;
}

#bodyMeasurementButton-submit {
   margin-right: 74px;
}

#updateBodyMeasurements .blueButton-medium .m .mainText {
   top: 5px;
}

#bodyMeasurementsHistory .blueButton-small .m .mainText {
   top: 0;
}

#bodyMeasurementsHistory .blueButton-small {
   position: relative;
   top: 4px;
}

#bodyMeasurementsHistory {
   margin-top: 4px;
   width: 640px;
   height: 250px;
}

#bodyMeasurementsHistory .bodyMeasurementsRow {
   width: 620px;
   padding: 7px 10px;
}

#bodyMeasurementsHistory .bodyMeasurementsRow.odd {
   background: #F3F3F3;
}

#bodyMeasurementsHistory .bodyMeasurementsRow.header {
   padding: 3px 10px;
   background: #666;
   color: #CCC;
   font-weight: bold;
   width: 620px;
}

#bodyMeasurementsHistory .bodyMeasurementsRow.header .date,
#bodyMeasurementsHistory .bodyMeasurementsRow.header .weight,
#bodyMeasurementsHistory .bodyMeasurementsRow.header .bodyFatMass,
#bodyMeasurementsHistory .bodyMeasurementsRow.header .actions {
   background: #666;
   font-size: 12px;
   color: #FFF;
   font-weight: bold;
}

#bodyMeasurementsHistory .bodyMeasurementsRow.header .weight span,
#bodyMeasurementsHistory .bodyMeasurementsRow.header .bodyFatMass span {
   color: #CCC;
   display: inline;
   top: 0;
}

#bodyMeasurementsHistory .bodyMeasurementsRow.header .weight,
#bodyMeasurementsHistory .bodyMeasurementsRow.header .bodyFatMass,
#bodyMeasurementsHistory .bodyMeasurementsRow.header .actions {
   text-align: center;
}

#bodyMeasurementsHistory .bodyMeasurementsRow.header .date {
   top: -1px;
}

#bodyMeasurementsHistory .bodyMeasurementsRow .date {
   float: left;
   font-size: 14px;
   color: #666;
   margin-right: 10px;
   width: 250px;
   font-weight: bold;
   position: relative;
   top: 6px;
}

#bodyMeasurementsHistory .bodyMeasurementsRow .weight {
   float: left;
   width: 140px;
   margin-right: 10px;
}

#bodyMeasurementsHistory .bodyMeasurementsRow .weight input[type="text"],
#bodyMeasurementsHistory .bodyMeasurementsRow .bodyFatMass input[type="text"] {
   float: left;
   width: 40px;
   text-align: center;
   font-size: 18px;
   font-weight: bold;
   margin: 0 10px 0 30px;
}

#bodyMeasurementsHistory .bodyMeasurementsRow .weight span,
#bodyMeasurementsHistory .bodyMeasurementsRow .bodyFatMass span {
   display: block;
   position: relative;
   top: 4px;
   color: #333;
}

#bodyMeasurementsHistory .bodyMeasurementsRow .bodyFatMass {
   float: left;
   width: 140px;
   margin-right: 10px;
}

#bodyMeasurementsHistory .bodyMeasurementsRow .actions {
   float: left;
   width: 60px;
}

#bodyMeasurementsLightbox .pageinatorContainer {
   height: 20px;
   padding-top: 10px;
   border-top: 1px solid #CCC;
   width: 640px;
}

#bodyMeasurementsLightbox .pageinatorContainer .next {
   float: right;
}

#bodyMeasurementsLightbox .pageinatorContainer .previous {
   float: left;
}

#bodyMeasurementsLightbox .pageinatorContainer .pages {
   width: 500px;
   margin: 0 auto;
   text-align: center;
}

.hardwareLink {
   width: 260px;
   text-align: center;
   margin: 18px auto 12px;
   font-weight: bold;
   color: #000;
}

.pictureSettingsBox {
   display: none;
}

#content.profile .pictureSettingsBox {
   display: none;
   background: #000;
   padding: 8px;
   height: 16px;
   position: absolute;
   left: 0;
   bottom: 2px;
   opacity: 0.0;
   background: rgb(0, 0, 0);
   background: rgba(0, 0, 0, 0.6);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

#content.profile .pictureSettingsBox .icon {
   display: block;
   float: left;
   margin-right: 8px;
   width: 16px;
   height: 16px;
   opacity: 1.0;
   background: url(../images/icon-profilePic-small.png) no-repeat 0 0;
}

#content.profile .pictureSettingsBox a {
   display: block;
   float: left;
   opacity: 1.0;
   position: relative;
   top: 3px;
   font-size: 11px;
   text-decoration: none;
   color: #DDD;
}

#content.profile .pictureSettingsBox a:hover {
   text-decoration: underline;
   color: #FFF;
}

#profileStatsReports a {
   position: relative; 
   top: 2px;
}

.streetTeamPopupWrapper {
   position: relative;
   clear: left;
   margin-bottom: 30px;
}

#profileDropdownHelp {
   position: absolute;
   z-index: 100;
   width: 400px;
   top: 50;
   right: -8px;
   display: block;
}

#profileDropdownHelpBox {
   padding: 20px;
   width: 360px;
}

#profileDropdownHelpBox .image {
   float: left;
   width: 183px;
   height: 222px;
   margin-right: 20px;
   border: 1px solid #CCC;
}

#profileDropdownHelpBox .content {
   float: left;
   width: 155px;
}

#profileDropdownHelp .shadowBoxContent .content p {
   float: left;
   width: 124px;
   color: #333;
   line-height: 130%;
   margin: 0 0 20px 0;
   font-size: 13px;
}

#profileDropdownHelp .shadowBoxContent .content .icon {
   float: left;
   width: 21px;
   height: 21px;
   margin-right: 10px;
}

#profileDropdownHelp .shadowBoxContent h3 {
   padding-bottom: 10px;
   margin-bottom: 10px;
}

#profileDropdownHelp .shadowBoxContent h3 div.text {
   float: left;
   position: relative;
   top: 3px;
   font-size: 18px;
   font-weight: bold;
   color: #333;
}

#profileDropdownHelp .shadowBoxContent h3 div.icon {
   float: left;
   width: 20px;
   height: 20px;
   margin-right: 6px;
}

#profileDropdownHelp .shadowBoxContent h3 div.clear {
   float: none;
   top: 0;
}

#profileDropdownHelp .shadowBoxContent h3 a.closeLink {
   float: right;
   position: relative;
   top: 5px;
   font-weight: normal;
   font-size: 11px;
}

#profileDropdownHelp.shadowBoxContainer.arrowTop .shadowBoxArrow {
   left: 300px;
}