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

#reportHeader {
   height: 30px;
   padding-bottom:15px;
}

#reportHeader .dateRangeLabel {
	float:right;
	font-size: 13px;
	font-weight: normal;
	color: #888;
}

#chartSubNav {
	margin-top:20px;
}

#fitnessReportSelector .rkicon {
	color: #888;
	font-size:18px;
}

#fitnessReportSelector li.selected .rkicon {
	color: #fa9393;
}

.timelineContainer {
	width: 100%;
}

#timelineContainerTopLevel {
	width:100%;
	height:50px;
}

#reportTimeFrameSelection {
	float: right;
}

.timelineSelector {
   width: 95%;
   height: 70px;
   margin: 0 auto;
   display:none;
}

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

.timelineSelector .ui-widget-header {
   background: #8bd554;
}

.totalsArea {
   margin: 0px auto 20px auto;
   border-top: 1px solid #efefef;
   border-bottom: 1px solid #efefef;
   height: auto;
}

.totalsArea .totalBox {
	height: 90px;
}

.totalsArea .totalBox h1 .value {
	float:right;
	padding:5px 10px 0px 0px;
	font-weight:normal;
	font-size:32px;
}

.totalBox:first-child, .totalBox:nth-child(2) {
	border-right: 1px solid #efefef;
}

.totalBox .eliteUpsellBox {
	width:89%;
	padding:0px 4px;
	position:relative;
	top:3px;
	border:1px solid #e6e6e6;
	background-color:#f6f6f6;
}

.totalBox .eliteUpsellBox:hover {
	background-color:#fbfbfb;
}

.totalBox .eliteUpsellBox span {
	color:#888;
	margin-left:40px;
}

.fitnessReports .chartsArea .chartHeader {
   padding-left: 10px;
   position: relative;
   z-index: 5;
   margin-bottom: 20px;
}

.fitnessReports .chartsArea .chartType {
   position: absolute;
   top: 20px;
   right: 0;
}

.fitnessReports .chartsArea .chartType div {
   display: inline-block;
   margin-left: -4px;
   padding: 5px 7px;
}

.fitnessReports .chartBlock {
   margin:0px auto;
   padding:0;
}

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

.fitnessReports .chartBox {
   height: 140px;
}

.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;
   margin-top: 4px;
   position: relative;
}

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

.fitnessReports .chartCurrentValueBox .chartCurrentValueBoxTitle {
   width: 100%;
}

.fitnessReports .chartCurrentValueBox .chartCurrentValue {
   width: 100%;
   margin: 10px 0;
}

.fitnessReports .chartCurrentValueBox .chartCurrentValueUnits {
   width: 100%;
}

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

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

.fitnessReports.noActivity .headline {
   margin: 10px 0 50px;
}

.fitnessReports #reportsPrivacyNotice {
   font-size: 20px;
   text-align: center;
   line-height: 30px;
   padding: 30px 0;
}

.fitnessReports #reportsPrivacyNotice .rkicon {
   font-size:30px;
}
#lockedImg {
   margin:0px auto;
   max-width:50%;
}