/* 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;
}