/* Garmin Connect */

.runkeeper.garmin {
	font-family: 'helvetica neue','helvetica','arial','sans-serif';
}

.runkeeper.garmin #deviceStatusText span {
   position: relative;
   top: 48px;
}

.runkeeper.garmin #deviceStatusText div.noDeviceTitle {
   padding-top: 24px;
}

.runkeeper.garmin #deviceStatusText div.noDeviceText {
   padding-top: 10px;
}

.runkeeper.garmin #deviceStatusText div.label {
   margin-bottom: 6px;
}

.runkeeper.garmin #deviceStatusText div.content {
   margin-bottom: 10px;
}

.runkeeper.garmin #statusText {
   margin-top: 10px;
}

.progressBar {
   position: relative;
}

.progressBar.garmin {
   display: none;
   width: 240px;
   height: 37px;
   margin: 20px auto 0;
}

.progressBar .container {
   width: 100%;
   position: absolute;
   z-index: 200;
   height: 37px;
}

.progressBar .container .l {
   background: url(../images/progressBarContainer-l.png) no-repeat 0 0;
   width: 20px;
   height: 37px;
   position: absolute;
   top: 0;
   left: 0;
}

.progressBar .container .m {
   background: url(../images/progressBarContainer-m.png) repeat-x 0 0;
   width: 200px;
   margin: 0 20px;
   height: 37px;
}

.progressBar .container .r {
   background: url(../images/progressBarContainer-r.png) no-repeat 0 0;
   width: 20px;
   height: 37px;
   position: absolute;
   top: 0;
   right: 0;
}

.progressBar .bar {
   width: 100%;
   position: absolute;
   z-index: 201;
   height: 37px;
}

.progressBar .bar .l {
   background: url(../images/progressBar-l.png) no-repeat 0 0;
   width: 20px;
   height: 37px;
   float: left;
}

.progressBar .bar .m {
   background: url(../images/progressBar-m.png) repeat-x 0 0;
   width: 0px;
   height: 37px;
   float: left;
}

.progressBar .bar .r {
   background: url(../images/progressBar-r.png) no-repeat 0 0;
   width: 20px;
   height: 37px;
   float: left;
}

/* Buttons */

#tryAgainButton.blueButton-medium:hover,
#importGarminTrackButton.blueButton-medium:hover {
	cursor: pointer;
}

.blueButton-medium.left {
	float: left;
}

#tryAgainButton.blueButton-medium .l,
#importGarminTrackButton.blueButton-medium .l {
	background: url(../images/blueButton-l-medium.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 30px;
}

#tryAgainButton.blueButton-medium:hover .l,#importGarminTrackButton.blueButton-medium:hover .l {background: url(../images/blueButton-l-medium.png) no-repeat 0 -30px;}
#tryAgainButton.blueButton-medium:active .l,#importGarminTrackButton.blueButton-medium:active .l {background: url(../images/blueButton-l-medium.png) no-repeat 0 -90px;}

#tryAgainButton.blueButton-medium .m,#importGarminTrackButton.blueButton-medium .m {
	background: url(../images/blueButton-m-medium.png) repeat-x 0 0;
	margin: 0 15px;
	height: 30px;}
#tryAgainButton.blueButton-medium:hover .m,#importGarminTrackButton.blueButton-medium:hover .m {background: url(../images/blueButton-m-medium.png) repeat-x 0 -30px;}
#tryAgainButton.blueButton-medium:active .m,#importGarminTrackButton.blueButton-medium:active .m {background: url(../images/blueButton-m-medium.png) repeat-x 0 -90px;}

#tryAgainButton.blueButton-medium .m .mainText,
#importGarminTrackButton.blueButton-medium .m .mainText {
	position: relative;
	top: 8px;
   z-index: 10;
}

#tryAgainButton.blueButton-medium .r,
#importGarminTrackButton.blueButton-medium .r {
	background: url(../images/blueButton-r-medium.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 15px;
	height: 30px;
}

#tryAgainButton.blueButton-medium:hover .r,#importGarminTrackButton.blueButton-medium:hover .r {background: url(../images/blueButton-r-medium.png) no-repeat 0 -30px;}
#tryAgainButton.blueButton-medium:active .r,#importGarminTrackButton.blueButton-medium:active .r {background: url(../images/blueButton-r-medium.png) no-repeat 0 -90px;}
#importGarminTrackButton.blueButton-medium.disabled:hover,#importGarminTrackButton.blueButton-medium.disabled:hover {cursor: default;}

.blueButton-medium.disabled .l {
	background: url(../images/greyButton-l-medium.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 30px;
}
.blueButton-medium.disabled:hover .l {background: url(../images/greyButton-l-medium.png) no-repeat 0 0;}
.blueButton-medium.disabled:active .l {background: url(../images/greyButton-l-medium.png) no-repeat 0 0;}

.blueButton-medium.disabled .m {
	background: url(../images/greyButton-m-medium.png) repeat-x 0 0;
	margin: 0 15px;
	height: 30px;
}
.blueButton-medium.disabled:hover .m {background: url(../images/greyButton-m-medium.png) repeat-x 0 0;}
.blueButton-medium.disabled:active .m {
	background: url(../images/greyButton-m-medium.png) repeat-x 0 0;
}

.blueButton-medium.disabled .m .mainText {
	position: relative;
	top: 6px;
}

.blueButton-medium.disabled .r {
	background: url(../images/greyButton-r-medium.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 15px;
	height: 30px;
}

.blueButton-medium.disabled:hover .r {
	background: url(../images/greyButton-r-medium.png) no-repeat 0 0;
}

.blueButton-medium.disabled:active .r {
	background: url(../images/greyButton-r-medium.png) no-repeat 0 0;
}

.blueButton-large {
	position: relative;
	float: right;
	height: 40px;
}

.blueButton-large:hover {
	cursor: pointer;
}

.blueButton-large.left {
	float: left;
}

.blueButton-large .l {
	background: url(../images/blueButton-l-large.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 21px;
	height: 40px;
}

.blueButton-large:hover .l {background: url(../images/blueButton-l-large.png) no-repeat 0 -40px;}
.blueButton-large:active .l {background: url(../images/blueButton-l-large.png) no-repeat 0 -120px;}

.blueButton-large .m {
	background: url(../images/blueButton-m-large.png) repeat-x 0 0;
	margin: 0 21px;
	height: 40px;
}

.blueButton-large:hover .m {background: url(../images/blueButton-m-large.png) repeat-x 0 -40px;}
.blueButton-large:active .m {background: url(../images/blueButton-m-large.png) repeat-x 0 -120px;}

.blueButton-large .m .mainText {
	position: relative;
	top: 8px;
	left: 1px;
   z-index: 10;
}
.blueButton-large .r {
	background: url(../images/blueButton-r-large.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 21px;
	height: 40px;
}

.blueButton-large:hover .r {background: url(../images/blueButton-r-large.png) no-repeat 0 -40px;}
.blueButton-large:active .r {background: url(../images/blueButton-r-large.png) no-repeat 0 -120px;}

.blueButton-large.disabled:hover {
	cursor: default;
}

.blueButton-large.disabled .l {
	background: url(../images/greyButton-l-large.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 21px;
	height: 40px;
}

.blueButton-large.disabled:hover .l {background: url(../images/greyButton-l-large.png) no-repeat 0 0;}
.blueButton-large.disabled:active .l {background: url(../images/greyButton-l-large.png) no-repeat 0 0;}

.blueButton-large.disabled .m {
	background: url(../images/greyButton-m-large.png) repeat-x 0 0;
	margin: 0 21px;
	height: 40px;
}

.blueButton-large.disabled:hover .m {background: url(../images/greyButton-m-large.png) repeat-x 0 0;}
.blueButton-large.disabled:active .m {background: url(../images/greyButton-m-large.png) repeat-x 0 0;}

.blueButton-large.disabled .m .mainText {
	position: relative;
	top: 9px;
}

.blueButton-large.disabled .r {
	background: url(../images/greyButton-r-large.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 21px;
	height: 40px;
}

.blueButton-large.disabled:hover .r {background: url(../images/greyButton-r-large.png) no-repeat 0 0;}
.blueButton-large.disabled:active .r {background: url(../images/greyButton-r-large.png) no-repeat 0 0;}

#importGarminTrackButton {
   display: none;
   width: 120px;
   float: none;
   margin: 10px auto;
   clear: both;
}

select {
   display: block;
}

#activitySelector {
   display: none;
   width: 270px;
}

.activitySelectContainer {
   margin: 22px auto;
}

div.selector {
   float: none;
}

.spinner {
   width: 31px;
   height: 31px;
   display: none;
   margin: 0 auto;
}

div.selector span {
   float: none;
   cursor: pointer;
   padding: 2px 34px 0 2px;
   overflow: hidden;
}

#uniform-activitySelector {
   width: 270px;
   margin: 10px auto;
}

#tryAgainButton {
   float: none;
   width: 240px;
   margin: 24px auto 0;
}