/* FitnessReports */

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

.runkeeper #fitnessReportsNavBox {
   height: 36px;
}

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

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

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

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

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

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

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

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

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

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

.runkeeper .fitnessReports .header,
.runkeeper .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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.runkeeper .profileNavCancel,
.runkeeper .profileNavCancel:link,
.runkeeper .profileNavCancel:hover,
.runkeeper .profileNavCancel:focus,
.runkeeper .profileNavCancel:active,
.runkeeper .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;
}

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

.runkeeper .chartTypeToggle {
   float: right;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.runkeeper .profileNavCancel,
.runkeeper .profileNavCancel:link,
.runkeeper .profileNavCancel:hover,
.runkeeper .profileNavCancel:focus,
.runkeeper .profileNavCancel:active,
.runkeeper .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;
}

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

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

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

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

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

.runkeeper .advancedReportMetricEnforceBlock {
   padding-top: 20px;
}

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

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

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

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

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

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

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

.runkeeper .bodyMeasurementEnforceBlock {
   padding-top: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.runkeeper .fitnessAlertLightbox ul {
   list-style: disc;
   margin: 30px auto;
   width: 250px;
}

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

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

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

/* Bests */ 

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

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

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

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

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

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

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

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

.runkeeper .bestsTableContainer .bestsTableRow.activityHeader {
   height: 29px;
   width: 729px;
}

.runkeeper .bestsTableContainer .bestsTableRow.activityHeader .activityType {
   height: 18px;
   width: 718px;
   text-align: left;
   background: #E5E5E5;
   padding: 8px 5px 2px 5px;
}

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

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

.runkeeper .bestsTableContainer .bestsTableRow > div.newAlert {
   border: 3px solid #FFF;
   position: relative;
   height: 35px;
   z-index: 10;
   background-color: #1F82C5;
   background-image: -moz-linear-gradient(top, #1F82C5, #253A7B);
   background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #1F82C5), color-stop(1, #253A7B));
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#1F82C5', EndColorStr='#253A7B')";
   -moz-box-shadow: 1px 1px 3px #AAA;
   -webkit-box-shadow: 1px 1px 3px #AAA;
   box-shadow: 1px 1px 3px #AAA;
}

.runkeeper .bestsTableContainer .bestsTableRow .bestActivity.newAlert,
.runkeeper .bestsTableContainer .bestsTableRow .bestWeek.newAlert,
.runkeeper .bestsTableContainer .bestsTableRow .bestMonth.newAlert {
   width: 169px;
}
 
.runkeeper .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;
}

.runkeeper .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: 164px;
}

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

.runkeeper .bestsTableContainer .bestsTableRow div.activityType.category {
   width: 173px;
   height: 58px;
   padding: 0;
   background: #F9F9F9;
   position: relative;
}

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

.runkeeper .bestsTableContainer .bestsTableRow div.activityType.category span {
   display: block;
   float: left;
   font-size: 12px;
   font-weight: bold;
   color: #000;
   position: absolute;
   top: 50%;
   left: 10px;
   margin-top: -6px;
}

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

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

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

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

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

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

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

.runkeeper .bestsTableRow .cellHeader,
.runkeeper .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;
}

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

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

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

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

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

.runkeeper .nonElite {
   width: 544px;
   padding: 5px;
   text-align: center;
   height: 284px;
   background: #FFF;
   position: absolute;
   top: 89px;
   left: 175px;
   z-index: 20;
}

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

.runkeeper .nonElite:active {
   background: #EEE;
}

.runkeeper .nonElite.other,
.runkeeper .nonElite.other:hover,
.runkeeper .nonElite.other:active {
   width: 555px;
   padding: 5px;
   text-align: center;
   height: 293px;
   background: #FFF;
   position: absolute;
   top: 89px;
   left: 175px;
   z-index: 20;
   cursor: default;
}

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

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

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

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

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

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

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

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

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

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

.runkeeper .nonEliteToElite:active {
   background: #DDD;
}

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

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

/* TOM, THE NEW FITNESS-REPORTS STUFF STARTS HERE */

.runkeeper #timelineSelector {
   float: left;
   width: 730px;
   height: 70px;
}

.runkeeper #timelineSelectorLabel {
   font-size: 21px;
   font-weight: 100;
   letter-spacing: 1.1px;
   width: 240px;
   float: left;
}

.runkeeper #timelineSelector label, #timelineSelector select {
   display: none;
}

.runkeeper #fitnessReportSelector {
   font-size: 14px;
}

.runkeeper #reportHeader {
   width: 730px;
   font-size: 14px;
   color: #666;
   font-weight: normal;
}

.runkeeper #reportTitle {
   font-size: 18px;
   font-weight: bold;
}

.runkeeper #dateRangeLabel {
   font-size: 14px;
   font-weight: normal;
   color: #333;
}

.runkeeper #prDateRangeLabel {
   font-size: 14px;
   font-weight: normal;
   color: #999;
}

.runkeeper .fitnessReports .listWidget {
   width: 200px;
}

.runkeeper .fitnessReports .listWidget .listContainer {
   width: 198px;
}

.runkeeper .fitnessReports .listWidget .listContainer .noData {
   padding: 15px;
   text-align: center;
   font-weight: bold;
}

.runkeeper .fitnessReports .listWidget .title {
   padding: 3px 5px 4px;
   width: 188px;
   line-height: 130%;
}

.runkeeper .fitnessReports .listWidget .title img {
   margin-right: 6px;
   position: relative;
   top: 3px;
}

.runkeeper .fitnessReports .listWidget .listItem {
   width: 184px;
}

.runkeeper .fitnessReports .listWidget .listItem a {
   position: relative;
   z-index: 30;
}

.runkeeper .fitnessReports .listWidget .listItem.selected a {
   color: #FFF;
   text-shadow: 0 -1px 0 #000;
}

.runkeeper .fitnessReports .listWidget .listItem.activityType a {
   font-size: 12px;
   position: relative;
   left: 12px;
   top: -1px;
}

.runkeeper .fitnessReports .listWidget .listItem .highlight {
	background: url(../images/menuHighlight.png) no-repeat -28px 0;
	display: none;
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0;
	width: 212px;
	height: 28px;
}

.runkeeper .fitnessReports .listWidget .listItem.selected .highlight {
	display: block;
}

.runkeeper .fitnessReports .listWidget .endCap {
   width: 188px;
}

.runkeeper .fitnessReports .totalsArea {
   width: 729px;
   background-color: #333;
   -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888', endColorstr='#333');
   background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#333));
   background: -moz-linear-gradient(top,  #888,  #333);
   margin-top: 30px;
}

.runkeeper .fitnessReports .totalsArea .totalBox {
   float: left;
   width: 241px;
   height: 100px;
   position: relative;
   border-top: 1px solid #666;
   border-right: 1px solid #999;
   border-bottom: 1px solid #999;
   border-left: 1px solid #666;
}

.runkeeper .fitnessReports .totalsArea .totalBox .label {
   width: 241px;
   text-align: center;
   margin-top: 7px;
   color: #EEE;
   font-weight: bold;
   font-size: 12px;
   text-shadow: 1px 1px 3px #333;
}

.runkeeper .fitnessReports .totalsArea .totalBox .value {
   width: 241px;
   text-align: center;
   margin-top: 7px;
   color: #FFF;
   font-weight: bold;
   font-size: 42px;
   text-shadow: 1px 1px 3px #333;
}

.runkeeper .fitnessReports .totalsArea .totalBox .units {
   width: 241px;
   text-align: center;
   margin-top: 7px;
   color: #DDD;
   font-weight: normal;
   font-size: 12px;
   text-shadow: 1px 1px 3px #333;
}

.runkeeper .fitnessReports .totalsArea .totalBox.notElite {
   -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEE', endColorstr='#CCC');
   background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#CCC));
   background: -moz-linear-gradient(top,  #EEE,  #CCC);
   text-align: center;
   border-top: 1px solid #AAA;
   border-right: 1px solid #CCC;
   border-bottom: 1px solid #CCC;
   border-left: 1px solid #AAA;
   position: relative;
}

.runkeeper .fitnessReports .totalsArea .totalBox.notElite:hover {
   -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#EEE');
   background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#EEE));
   background: -moz-linear-gradient(top,  #F5F5F5,  #EEE);
   cursor: pointer;
}

.runkeeper .fitnessReports .totalsArea .totalBox.notElite:active {
   -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCC', endColorstr='#EEE');
   background: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#EEE));
   background: -moz-linear-gradient(top,  #CCC,  #EEE);
}

.runkeeper .fitnessReports .totalsArea .totalBox.notElite p {
   font-size: 11px;
   color: #333;
   width: 221px;
   padding: 6px 10px;
}

.runkeeper .fitnessReports .totalsArea .totalBox.notElite p span {
   font-weight: bold;
}

.runkeeper .fitnessReports .totalsArea .totalBox.notElite img {
   position: absolute;
   width: 200px;
   height: 36px;
   left: 50%;
   bottom: 10px;
   margin-left: -100px;
}

.runkeeper #timelineContainer {
   width: 970px;
   margin: 30px auto 30px;
}

.runkeeper .fitnessReports .chartsArea {
   margin-top: 30px;
   width: 698px;
   border: 1px solid #DDD;
   padding: 15px;
}

.runkeeper .fitnessReports .chartsArea .chartHeader {
   width: 688px;
   font-size: 16px;
   color: #333;
   font-weight: bold;
   padding-left: 10px;
   position: relative;
   z-index: 5;
}

.runkeeper .fitnessReports .chartBlock {
   width: 698px;
   margin-top: 20px;
   padding-top: 20px;
   border-top: 1px solid #DDD;
   position: relative;
}

.runkeeper .fitnessReports .chartsArea .chartBlock:first-child {
   margin-top: 0;
   padding-top: 0;
   border-top: none;
}

.runkeeper .fitnessReports .chartBox {
   width: 530px;
   height: 120px;
   float: left;
}

.runkeeper .fitnessReports .chartCurrentValueBox {
   width: 114px;
   height: 80px;
   float: left;
   padding: 10px;
   margin-left: 20px;
   border: 3px solid #999;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   -moz-box-shadow: 1px 1px 3px #AAA;
   -webkit-box-shadow: 1px 1px 3px #AAA;
   box-shadow: 1px 1px 3px #AAA;
   margin-top: 4px;
   position: relative;
}

.runkeeper .fitnessReports .chartCurrentValueBox .chartCurrentValueArrow {
   width: 22px;
   height: 45px;
   position: absolute;
   left: -22px;
   top: 15px;
   background: url(../images/chartBlockCurrentArrow.png) no-repeat 0 0;
}

.runkeeper .fitnessReports .chartCurrentValueBox .chartCurrentValueBoxTitle {
   width: 100%;
   text-align: center;
   font-weight: bold;
   font-size: 11px;
   color: #666;
}

.runkeeper .fitnessReports .chartCurrentValueBox .chartCurrentValue {
   width: 100%;
   text-align: center;
   font-weight: bold;
   font-size: 30px;
   color: #2F5EAB;
   margin: 10px 0;
}

.runkeeper .fitnessReports .chartCurrentValueBox .chartCurrentValueUnits {
   width: 100%;
   text-align: center;
   font-weight: normal;
   font-size: 14px;
   color: #666;
}

.runkeeper .fitnessReports .chartBlock.notElite {
   height: 110px;
   text-align: center;
}

.runkeeper .fitnessReports .chartBlock.notElite:hover {
   background: #EEE;
   cursor: pointer;
}

.runkeeper .fitnessReports .chartBlock.notElite:active {
   background: #DDD;
}

.runkeeper .fitnessReports .chartBlock.notElite p {
   font-size: 16px;
   color: #666;
   width: 678px;
   padding: 6px 10px;
}

.runkeeper .fitnessReports .chartBlock.notElite p span {
   font-weight: bold;
   color: #333;
}

.runkeeper .fitnessReports .chartBlock.notElite img {
   position: absolute;
   width: 200px;
   height: 36px;
   left: 50%;
   bottom: 24px;
   margin-left: -100px;
}

.runkeeper #xSelector {
   width: 290px;
   margin: 20px auto;
   text-align: center;
}

.runkeeper .advancedReports #xSelector {
   width: 490px;
}

.runkeeper #xSelector .label {
   float: left;
   font-size: 14px;
   color: #666;
   font-weight: normal;
}

.runkeeper #xSelector .xSelectorOption {
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   font-size: 14px;
   color: #2A5DB0;
   font-weight: bold;
   float: left;
   padding: 3px 8px;
   margin-left: 5px;
}

.runkeeper #xSelector .xSelectorOption:hover {
   color: #FFF;
   background: #AAA;
   cursor: pointer
}

.runkeeper #xSelector .xSelectorOption:active {
   color: #CCC;
   background: #666;
}

.runkeeper #xSelector .xSelectorOption.selected {
   color: #FFF;
   text-shadow: 1px 1px 1px #000;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#253A7B), to(#1F82C5), color-stop(0.50, #2F5EAB));
   background-image: -moz-linear-gradient(-90deg, #253A7B, #2F5EAB 50%, #1F82C5);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#253A7B', EndColorStr='#1F82C5')";
}

.runkeeper #xSelector .xSelectorOption.selected:hover {
   cursor: default;
}

.runkeeper .personalRecordsArea {
   margin-top: 30px;
}

.runkeeper .advancedContainer {
   margin: 12px 0;
   font-size: 11px;
   color: #333;
   font-weight: normal;
   text-align: center;
   line-height: 130%;
}

.runkeeper .advancedContainer p {
   margin-bottom: 2px;
}

.runkeeper .advancedContainer p.action {
   font-size: 11px;
   color: #111;
   font-weight: bold;
   text-align: center;
   margin: 2px 0 5px;
}

.runkeeper #suggestedApps {
   margin-top: 30px;
}

.runkeeper #suggestedApps .listContainer .listItem {
   border-top: 1px solid #CCC;
}

.runkeeper #suggestedApps .listContainer .listItem:first-child {
   border-top: 1px solid #CCC;
}

.runkeeper #suggestedApps .listContainer .details {
   height: inherit;
}

.runkeeper #suggestedApps .listContainer .details .appName {
   font-size: 14px;
   font-weight: bold;
   color: #000;
   position: relative;
   top: 7px;
}

.runkeeper #suggestedApps .listContainer .details .appCategory {
   font-size: 11px;
   font-weight: normal;
   color: #333;
   margin-top: 2px;
}

.runkeeper #suggestedApps .listContainer .details .appUsage {
   font-size: 11px;
   font-weight: normal;
   color: #666;
   margin-top: 10px;
}

.runkeeper .poweredByHG {
   border-top: solid 1px #CCC;
   margin-top: 30px;
   padding-top: 20px;
   text-align: center;
}

.runkeeper .fitnessReportsSharing {
   float: right;
   position: relative;
   top: -5px;
}

/* Advanced */

body.fitnessReports.runkeeper #header {
   border-bottom: 1px solid #444;
}

.runkeeper #content.advancedReports .accordion {
   margin: 0;
}

.runkeeper #content.advancedReports .accordion .mainText {
   left: 6px;
   top: 7px;
}

.runkeeper #content.advancedReports .accordion .accordion-m {
   width: 200px;
   margin: 0;
}

.runkeeper #content.advancedReports .accordion .accordion-l,
.runkeeper #content.advancedReports .accordion .accordion-r {
   display: none;
}

.runkeeper #content.advancedReports .menuItem {
   width: 200px;
   height: 26px;
   margin: 0;
   border-top: 1px solid #EEE;
}

.runkeeper #content.advancedReports .menuItem.selected{
   background-image: -moz-linear-gradient(top, #1F82C5, #253A7B);
   background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #1F82C5), color-stop(1, #253A7B));
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#1F82C5', EndColorStr='#253A7B')";
}

.runkeeper #content.advancedReports .menuItem .mainText {
   font-size: 12px;
   top: 6px;
   width: 190px;
}

.runkeeper #content.advancedReports .axisLabel {
   width: 190px;
   height: 12px;
   padding: 3px 5px;
   font-size: 11px;
   font-weight: bold;
   color: #FFF;
   text-shadow: 0 -1px 0 #000;
   background-color: #333;
   background-image: -moz-linear-gradient(top, #666, #222);
   background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #666), color-stop(1, #222));
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#666', EndColorStr='#222')";
}

.runkeeper #advancedReportTopToolbar {
   position: relative;
   height: 40px;
}

.runkeeper #advancedReportTopToolbar .activityType {
   position: absolute;
   left: 0;
   height: 36px;
   width: 200px;
}

.runkeeper #advancedReportTopToolbar .activityType > span {
   display: block;
   float: left;
   font-weight: bold;
   color: #333;
   margin-right: 6px;
   position: relative;
   top: 7px;
}

body.fitnessReports.fullscreen.runkeeper #timelineSelectorLabel {
   color: #FFF;
   text-shadow: 1px 1px 2px #000;
}

body.fitnessReports.fullscreen.runkeeper .ui-slider li,
body.fitnessReports.fullscreen.runkeeper .ui-slider dd {
   color: #CCC;
}

.runkeeper .fitnessReports #shareButton {
    display: block;
    float: left;
    position: relative;
    top: -3px;
    width: 40px;
    height: 20px;
    background: url(../images/post-more.png) no-repeat 0 0;
    text-decoration: none;
    margin: 0 3px;
}

.runkeeper .fitnessReports #shareButton:hover {
    background-position: 0px -20px;
    text-decoration: none;
}

.runkeeper .fitnessReports #shareButton:active {
    background-position: 0px -40px;
    text-decoration: none;
}

.runkeeper .fitnessReports #tweetButton {
    display: block;
    float: left;
    position: relative;
    top: -3px;
    width: 20px;
    height: 20px;
    background: url(../images/icon-twitter-20.png) no-repeat 0 0;
    text-decoration: none;
    margin: 0 3px;
}

.runkeeper .fitnessReports #tweetButton:hover {
    background: url(../images/icon-twitter-20.png) no-repeat 0 -20px;
}

.runkeeper .fitnessReports #tweetButton:active {
    background: url(../images/icon-twitter-20.png) no-repeat 0 -40px;
}

.runkeeper .fitnessReports #fbfeedButton {
    display: block;
    float: left;
    position: relative;
    top: -3px;
    width: 20px;
    height: 20px;
    background: url(../images/icon-facebook-20.png) no-repeat 0 0;
    text-decoration: none;
    margin: 0 3px;
}

.runkeeper .fitnessReports #fbfeedButton:hover {
    background: url(../images/icon-facebook-20.png) no-repeat 0 -20px;
}

.runkeeper .fitnessReports #fbfeedButton:active {
    background: url(../images/icon-facebook-20.png) no-repeat 0 -40px;
}

.runkeeper .fitnessReports.noActivity {
   margin: 15px 0 30px 0;
   padding-top: 30px;
   border-top: 1px solid #CCC;;
}

.runkeeper .fitnessReports.noActivity .headline {
   font-weight: bold;
   font-size: 24px;
   color: #666;
   text-align: center;
   margin: 10px 0 50px;
}

.runkeeper .fitnessReports.noActivity h2 {
   font-weight: normal;
   font-size: 13px;
   color: #333;
   text-align: center;
}

.runkeeper .fitnessReports.noActivity .suggestedAppsBox {
   border: 2px solid #CCC;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   width: 300px;
   margin: 30px auto 50px;
   overflow: hidden;
}

.runkeeper .fitnessReports.noActivity .suggestedAppsBox .divider {
   border-top: 2px solid #CCC;
   width: 300px;
}

.runkeeper .fitnessReports.noActivity .suggestedAppsBox .divider:first-child {
   display: none;
}

.runkeeper .fitnessReports.noActivity .suggestedAppsBox .noData {
   padding: 15px;
   text-align: center;
   font-weight: bold;
}

.runkeeper .fitnessReports.noActivity .suggestedAppsBox .listItem {
   width: 270px;
   padding: 15px;
   position: relative;
}

.runkeeper .fitnessReports.noActivity .suggestedAppsBox .listItem:hover {
   background: #EEE;
   cursor: pointer;
}

.runkeeper .fitnessReports.noActivity .suggestedAppsBox .listItem:active {
   background: #CCC;
}

.runkeeper .fitnessReports.noActivity .suggestedAppsBox .listItem .icon {
   width: 50px;
   height: 50px;
   float: left;
   margin-right: 10px;
}

.runkeeper .fitnessReports.noActivity .suggestedAppsBox .listItem .details {
   position: absolute;
   width: 210px;
   text-align: left;
   height: 20px;
   top: 50%;
   left: 80px;
   margin-top: -10px;
   
}

.runkeeper .fitnessReports.noActivity .suggestedAppsBox .listItem .details .appName {
   font-size: 14px;
   font-weight: bold;
   line-height: 130%;
}