/* FitnessReports */

.fitnessReports #fitnessReportsNavBox .greydient-content {
   padding: 0;
   z-index: 20;
   height: 36px;
}

#fitnessReportsNavBox {
   height: 36px;
}

.fitnessReports .navItem {
   height: 36px;
   float: left;
   display: block;
   margin-right: 10px;
   background: url(../images/navItem-bg.png) repeat-x 0 36px;
   font-weight: bold;
   padding: 0 12px;
   position: relative;
}

.fitnessReports .navItem.right {
   float: right;
}

.fitnessReports .navItem:hover {
   background: url(../images/navItem-bg.png) repeat-x 0 0;
   cursor: pointer;
   border-top: 1px solid #CCC;
   border-bottom: 1px solid #CCC;
   height: 34px;
   z-index: 10;
}

.fitnessReports .navItem:active {
   background: url(../images/navItem-bg.png) repeat-x 0 -36px;
   cursor: pointer;
}

.fitnessReports .navItem.selected,
.fitnessReports .navItem.selected:hover {
   background: url(../images/navItem-bg.png) repeat-x 0 -36px;
   border-top: none;
   border-bottom: none;
   height: 36px;
   cursor: default;
}

.fitnessReports .navItem.selected a,
.fitnessReports .navItem.selected a:hover,
.fitnessReports .navItem.selected:hover a,
.fitnessReports .navItem.selected:hover a:hover {
   text-shadow: #000 1px 1px 1px;
   color: #FFF;
   top: 11px;
   cursor: default;
}

.fitnessReports .navItem:hover a,
.fitnessReports .navItem:hover a:hover {
   color: #666;
   top: 10px;
}

.fitnessReports .navItem:active a,
.fitnessReports .navItem:active a:hover {
   color: #333;
   top: 10px;
}

.fitnessReports .navItem a {
   font-size: 13px;
   position: relative;
   top: 11px;
}

.fitnessReports .navItem a:hover {
   top: 10px;
}

.fitnessReports .header,
.fitnessReports .header:hover {
   font-size: 16px;
   font-weight: bold;
   color: #444;
   margin-right: 30px;
   position: relative;
   top: 10px;
   left: 10px;
   background: transparent;
   padding: 0;
   float: left;
   display: block;
}

.fitnessReports .navItem.selected .arrow {
   background: url(../images/navItem-arrow.png) no-repeat 0 0;
   width: 17px;
   height: 9px;
   position: absolute;
   left: 50%;
   margin-left: -8px;
   bottom: -9px;
   z-index: 100;
}

.fitnessReports #advancedFilterBox {
   position: absolute;
   right: 160px;
   top: 40px;
   z-index: 15;
}

.fitnessReports #advancedFilterBox .toggleLarge .toggleTextMain {
   top: 1px;
}

.fitnessReports #advancedFilterBox .toggleLarge .toggleItem.right .toggleTextMain {
   top: 6px;
}

.fitnessReports #advancedFilterBox .toggleLarge .toggleItem.right {
   width: 35px;
}

.fitnessReports #advancedFilterBox .toggleLarge .toggleTextSecondary {
   top: -3px;
}

.fitnessReports #advancedFilterContent {
   padding: 24px;
   width: 230px;
}

.fitnessReports #advancedFilterContent .dataFilters {
   margin-bottom: 20px;
}

.fitnessReports .filterHeader {
   font-size: 14px;
   font-weight: bold;
   margin-bottom: 9px;
   color: #444;
}

.fitnessReports #advancedFilterContent .toggleItem {
	width: 31px;
}

#advancedFilterBox.shadowBoxContainer.arrowTop .shadowBoxArrow {
	left: 184px;
}

.fitnessReports #advancedFilterHide {
   float: right;
   display: block;
   font-size: 11px;
   font-weight: normal;
}

.fitnessReports #otherTimeBox {
   margin: 10px auto;
}

.fitnessReports #otherTimeBox .otherTimeInput {
   float: left;
   width: 100px;
}

.fitnessReports #otherTimeBox .otherTimeInput input[type="text"] {
   width: 92px;
}

.fitnessReports #otherTimeBox .otherTimeDivider {
   float: left;
   width: 30px;
   padding-top: 5px;
   text-align: center;
}

.fitnessReports #advancedFilterContent .activityCheckbox .toggleItem.left {
	width: 18px;
}

.fitnessReports #advancedFilterContent .activityFilterRow div:first-child {
	margin-right: 10px;
}

#streetTeammates .filterContent div:first-child {
   border-top: 1px solid #CCC;
}

#streetTeammates .filterContent .userSelectList {
   border-bottom: 1px solid #CCC;
   padding: 3px;
   font-size: 12px;
   font-weight: bold;
}

.profileNavCancel,
.profileNavCancel:link,
.profileNavCancel:hover,
.profileNavCancel:focus,
.profileNavCancel:active,
.profileNavCancel:visited {
   background-image:url("../images/icon-cancel.png");
   background-position:0 0;
   background-repeat:no-repeat;
   float:right;
   height:16px;
   margin-left:10px;
   text-decoration:none;
   width:16px;
}

.chartBlock {
   width: 934px;
   height: 400px;
   margin: 20px auto 50px auto;
   padding: 15px;
   border: 1px solid #DDD;
}

.chartTypeToggle {
   float: right;
}

.FitnessReportsChart {
   width:950px;
   height:320px;
   margin: 25px 0 0 0;
}

.XAxisSelector {
   width: 130px;
   margin: 0 auto;
}

.XAxisSelector.ANALYSIS {
   width: 277px;
   margin: 0 auto;
}

.XAxisSelector.TRENDS {
   width: 312px;
   margin: 0 auto;
}

#reportsHeaderLegend {
   position: relative;
   z-index: 12;
}

#reportsHeaderGhost {
   width: 970px;
   height: 32px;
   margin: 20px 0 0 0;
   display: none;
}

.reportsLegend {
	width: 954px;
	padding: 3px 8px 8px 8px;
	margin: 20px auto 0 auto;
	text-align: left;
	background-color: #EEE;
	border: 1px solid #CCC;
}

.reportsLegendItem {
	float: left;
	margin: 5px 15px 0px 0px;
}

.reportsLegendColorBox {
	float: left;
	vertical-align: middle;
	width: 12px;
	height: 12px;
	margin-right: 4px;
	border: 1px solid #CCC;
}

.reportsLegendLabel {
	float: left;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	overflow: visible;
	height: 14px;
}

.notification {
	padding: 10px;
	margin: 20px auto 26px auto;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	height: 30px;
}

.notification .icon {
   background: url(../images/icon-editAlert.png) no-repeat 0 0;
   width: 30px;
   height: 30px;
   float: left;
}

.notification .text {
   position: relative;
   top: 10px;
   left: 10px;
   float: left;
}

.notification.edit {
	background-color: #E4EBF7;
	border: 1px solid #25569B;
	color: #25569B;
}

.fitnessReportsShareBox {
   float: right;
   border-left: 1px solid #CCC;
   height: 12px;
   padding: 12px 10px 10px 10px;
}

.fitnessReportsShareBox span {
   float: left;
   position: relative;
   top: 1px;
   color: #555;
   margin-right: 6px;
   font-size: 14px;
   font-weight: bold;
}

.FitnessReportsChartHeaderLabel {
   font-size: 21px;
   color: #444;
   font-weight: bold;
}

.FitnessReportsChartFooterLabel {
   width: 300px;
   margin: 0 auto;
   text-align: center;
   font-weight: bold;
   font-size: 14px;
   color: #666;
   position: relative;
   top: 10px;
}

#streetTeammates .userSelectList {
   padding: 5px 3px;
   width: 224px;
   border-top: 1px solid #CCC;
   font-size: 13px;
   font-weight: bold;
   color: #000;
}

#streetTeammates #selectedUsers .userSelectList {
   color: #444;
}

.profileNavCancel,
.profileNavCancel:link,
.profileNavCancel:hover,
.profileNavCancel:focus,
.profileNavCancel:active,
.profileNavCancel:visited
{
	background-image: url(../images/icon-cancel.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	float: right;
	margin-left: 10px;
	text-decoration: none;
	width: 16px;
	height: 16px;
}

.profileNavCancel:hover
{
	background-image: url(../images/icon-cancel.png);
	background-position: 0px -16px;
	background-repeat: no-repeat;
	text-decoration: none;
	cursor: pointer;
}

.userSelectList .selector {
   width: 230px;
   position: relative;
   top: -2px;
   left: -7px;
}

.userSelectList .selector span {
   width: 196px;
}

.userSelectList .selector select {
   width: 230px;
}

#ui-datepicker-div {
   border: 5px solid #999;
   display: none;
   z-index: 10005;
}

.advancedReportMetricEnforceBlock {
   padding-top: 20px;
}

.advancedReportMetricHeader {
   width: 900px;
   margin: 10px auto;
   text-align: center;
   border-bottom: none;
   color: #444;
   font-size: 23px;
}

.advancedReportMetricFieldLabel {
   display: inline;
   color: #000;
}

.runkeeperEliteLogo {
   width: 500px;
   margin: 20px auto;
}

.advancedReportMetricBody {
   width: 540px;
   margin: 20px auto;
   text-align: center;
   color: #666;
   line-height: 130%;
   font-size: 14px;
}

.fitnessReports-signup {
   width: 230px;
   margin: 26px auto;
   float: none;
}

.XAxisSelector.ANALYSIS .selector span {
   width: 245px;
}

#fitnessReportsNavBox .greydient.l,
#fitnessReportsNavBox .greydient.r {
   height: 20px;
}

.bodyMeasurementEnforceBlock {
   padding-top: 0;
}

.bestReport th {
   padding: 5px 0;
   font-weight: bold;
   font-size: 14px;
   color: #000;
   width: 135px;
   text-align: center;
}

.bestReport tr th:first-child {
   width: 160px;
}

.bestReport th span {
   font-weight: normal;
   font-size: 11px;
   color: #666;
}

.bestReport td {
   padding: 7px 0;
   text-align: center;
   font-size: 18px;
   font-weight: bold;
   width: 135px;
}

.bestReport tr td:first-child {
   padding-left: 0;
   width: 150px;
}

.bestReport td.activityTypeHeader {
   text-align: left;
   font-size: 18px;
   font-weight: bold;
   color: #000;
   padding: 30px 5px 10px 5px;
   width: 960px;
   border-bottom: 1px solid #EEE;
}

.bestReport td.activityTypeHeader:first-child {
   padding: 30px 5px 10px 5px;
}

.bestReport td.activityTypeHeader img {
   position: relative;
   top: 4px;
}

.bestReport tr.headerRow {
   background: #EEE;
}

.bestReport td div.label {
   padding-left: 10px;
   text-align: left;
   color: #333;
   font-size: 14px;
   font-weight: normal;
}

.bestReport td span {
   font-weight: bold;
   font-size: 14px;
}

.bestReport td span span.positive {
   color: green;
}

.bestReport td span span.neutral {
   color: #666;
}

.bestReport td span span.negative {
   color: red;
}

.bestReport h3 a.settingsLink {
   float: right;
   font-size: 11px;
}

.bestReport .activityTypeLabel {
   display: block;
   margin: 10px 0 20px 0;
   width: 970px;
   border-bottom: 1px solid #EEE;
   font-size: 16px;
   font-weight: bold;
   padding: 5px 0 10px;
   clear: both;
}

.bestReport .activityTypeLabel img {
   position: relative;
   top: 5px;
}

.bestReport .activityDataInfo {
   display: block;
   float: left;
   font-size: 14px;
   margin-right: 8px;
}

#fitnessAlertsLightbox {
   margin-top: 5px;
   padding-top: 60px;
   background: #FFF url(../images/fitnessAlertLightboxHeader.png) no-repeat top center;
   color: #666;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
}

#fitnessAlertsLightbox ul {
   list-style: disc;
   margin: 30px auto;
   width: 250px;
}

#fitnessAlertsLightbox ul li {
   margin: 10px 20px;
   text-align: left;
   color: #333;
   font-size: 15px;
   font-weight: bold;
}

.detailBox .detailText ul {
   list-style: disc;
   margin: 5px;
}

.detailBox .detailText ul li {
   margin: 5px 0 5px 20px;
}

/* Bests */ 

.bestsTableContainer {
   border-width: 0 1px 1px 0;
   border-style: solid;
   border-color: #CCC;
   width: 960px;
   margin: 10px auto 40px auto;
   position: relative;
}

.bestsTableContainer.bheader,
.bestsTableContainer.bheader:hover {
   border-width: 0;
   margin: 30px auto 0 auto;
   z-index: 21;
}

#bheaderGhost {
   display: none;
   height:29px;
   margin: 30px auto 0 auto;
}

.bestsTableContainer.bheader .bestMonth {
   border-left: 1px solid #CCC;
}

.bestsTableContainer .bestsTableRow {
   background: #FFF;
   width: 959px;
}

.bestsTableContainer.bheader .bestsTableRow {
   background: transparent;
   width: 959px;
}

.bestsTableContainer .bestsTableRow.header {
   height: 29px;
   width: 959px;
   top: 0;
   left: 0;
   margin-right: 0;
}

.bestsTableContainer .bestsTableRow.header .bestActivity,
.bestsTableContainer .bestsTableRow.header .bestWeek,
.bestsTableContainer .bestsTableRow.header .bestMonth {
   padding: 5px;
}

.bestsTableContainer .bestsTableRow.activityHeader {
   background: url(../images/activityHeader.png) repeat-x 0 0;
   height: 29px;
   width: 959px;
}

.bestsTableContainer .bestsTableRow.activityHeader .activityType {
   height: 25px;
   width: 949px;
   text-align: left;
   background: #E5E5E5;
}

.bestsTableContainer .bestsTableRow.activityHeader .activityType span {
   font-size: 20px;
   font-weight: bold;
   color: #000;
   position: relative;
   top: -5px;
   left: 3px;
}

.bestsTableContainer .bestsTableRow > div {
   background: #FFF;
   border-width: 1px 0 0 1px;
   border-style: solid;
   border-color: #CCC;
   margin: 0;
   padding: 5px;
   text-align: center;
   position: relative;
   display: block;
   float: left;
   height: 40px;
}

.bestsTableContainer .bestsTableRow > div img.bestHilite {
   display: none;
   position: absolute;
   top: -4px;
   left: -4px;
   z-index: 5;
}

.bestsTableContainer .bestsTableRow > div.newAlert img.bestHilite {
   display: block;
}

.bestsTableContainer .bestsTableRow.header > div {
   background: url(../images/tableHeader.png) repeat-x 0 -1px;
   color: #FFF;
   text-shadow: #000 1px 1px 1px;
   font-weight: bold;
   font-size: 16px;
   border-top: 1px solid #888;
   border-left: 1px solid #888;
   height: 18px;
}

.bestsTableContainer .bestsTableRow.header div.activityType {
   background: transparent;
   height: 19px;
   color: #999;
   text-shadow: none;
   font-weight: normal;
   font-size: 16px;
   border-left: none;
   border-top: none;
   text-align: center;
   width: 226px;
}

.bestsTableContainer .bestsTableRow div.activityType {
   width: 225px;
}

.bestsTableContainer .bestsTableRow div.activityType.category {
   width: 211px;
   height: 22px;
   padding: 19px 5px 16px 19px;
   background: #F9F9F9;
}

.bestsTableContainer .bestsTableRow div.activityType.category img {
   width: 8px;
   height: 8px;
   float: left;
   position: relative;
   top: 4px;
   margin-right: 8px;
}

.bestsTableContainer .bestsTableRow div.activityType.category span {
   display: block;
   float: left;
   font-size: 16px;
   font-weight: bold;
   color: #000;
}

.bestsTableContainer .bestsTableRow div.bestActivity {
   width: 230px;
   padding: 9px 5px;
}

.bestsTableContainer .bestsTableRow div.bestActivity:hover {
   cursor: pointer;
   background: #EEE;
}

.bestsTableContainer .bestsTableRow.header div.bestActivity:hover {
   cursor: default;
   background: url(../images/tableHeader.png) repeat-x 0 -1px;
}

.bestsTableContainer .bestsTableRow div.bestWeek {
   width: 230px;
   padding: 9px 5px;
}

.bestsTableContainer .bestsTableRow div.bestMonth {
   width: 230px;
   padding: 9px 5px;
}

.bestsTableContainer .bestsTableRow.subHeader div {
   height: 19px;
   color: #FFF;
   text-shadow: #000 1px 1px 1px;
   font-weight: bold;
   font-size: 13px;
}

.bestsTableRow div.disabled {
   background-color: #EEE;
}

.bestsTableRow .cellHeader,
.bestsTableRow .cellHeader a {
   display: block;
   float: none;
   font-size: 21px;
   color: #000;
   margin-bottom: 3px;
   font-weight: bold;
   text-align: center;
   position: relative;
   z-index: 10;
}

.bestsTableRow .cellText {
   font-size: 11px;
   color: #666;
   margin-bottom: 5px;
   font-weight: normal;
   line-height: 120%;
   text-align: center;
   position: relative;
   z-index: 10;
}

.bestsTableRow .newAlert .cellHeader,
.bestsTableRow .newAlert .cellHeader a {
   color: #FFF;
   text-shadow: #000 1px 1px 1px;
}

.bestsTableRow .newAlert .cellText {
   color: #FFF;
   text-shadow: #000 1px 1px 1px;
}

.bestsTableRow .cellHeader.sub {
   font-size: 16px;
   color: #333;
}

.bestsTableRow .cellText.sub {
   color: #666;
}

.nonElite {
   width: 713px;
   padding: 5px;
   text-align: center;
   height: 284px;
   background: #FFF;
   position: absolute;
   top: 96px;
   left: 237px;
   z-index: 20;
}

.nonElite:hover {
   cursor: pointer;
   background: #F9F9F9;
}

.nonElite:active {
   background: #EEE;
}

.nonElite.other,
.nonElite.other:hover,
.nonElite.other:active {
   width: 713px;
   padding: 5px;
   text-align: center;
   height: 284px;
   background: #FFF;
   position: absolute;
   top: 96px;
   left: 237px;
   z-index: 20;
   cursor: default;
}

.exampleLink {
   float: right;
   font-weight: bold;
}

.nonEliteContent h3 {
   width: 530px;
   margin: 38px auto 20px auto;
   font-size: 36px;
   color: #666;
   border-bottom: none;
   text-align: center;
}

.nonEliteContent h3.other {
   margin-top: 28px;
}

.nonEliteContent h3 img {
   position: relative;
   top: 10px;
}

.nonEliteContent .mainText {
   display: block;
   font-size: 18px;
   font-weight: normal;
   color: #999;
   line-height: 130%;
   width: 500px;
   margin: 20px auto;
}

.nonEliteContent .mainText img {
   position: relative;
   top: 8px;
}

.bestSettingsLink {
   width: 950px;
   padding: 10px;
   display: block;
   margin: 20px 0;
   text-align: center;
   font-size: 14px;
   font-weight: bold;
   color: #333;
}

.bestSettingsLink:hover {
   background: #EEE;
   color: #2F8CCC;
}

.nonEliteToElite {
   width: 950px;
   padding: 13px 6px 2px;
   text-align: right;
   margin: 10px 0;
   position: relative;
   top: -30px;
   left: 3px;
}

.nonEliteToElite:hover {
   background: #F5F5F5;
   cursor: pointer;
}

.nonEliteToElite:active {
   background: #DDD;
}

.nonEliteToElite .mainText {
   float: right;
   text-align: right;
   font-size: 14px;
   font-weight: bold;
   color: #333;
   margin-right: 8px;
}

.nonEliteToElite img {
   float: right;
   position: relative;
   top: -5px;
   margin-right: 90px;
}