/* Content */

.runkeeper .content #leftColumn {
   width: 200px;
   margin-right: 30px;
}

.runkeeper .content #mainColumn {
   width: 740px;
}

.runkeeper .termsofservice p,
.runkeeper .privacypolicy p {
   line-height: 130%;
   color: #666;
}

.runkeeper .termsofservice h3,
.runkeeper .privacypolicy h3 {
   margin-top: 30px;
   color: #000;
}

.runkeeper .termsofservice div,
.runkeeper .privacypolicy div {
   margin: 8px 0 8px 20px;
   color: #666;
}

.runkeeper .termsofservice div.fineprintContainer,
.runkeeper .privacypolicy div.fineprintContainer {
   margin: 0;
}

.runkeeper .termsofservice div span,
.runkeeper .privacypolicy div span {
   font-weight: bold;
   color: #000;
}

/* Contact Page  */

.runkeeper .contactMap {
   width: 425px;
   height: 350px;
   position: relative;
   float: right;
}

.runkeeper .contactMap .greyBorder.tl {
	background: url(../images/greyBorder-tls.png) repeat-x 0 0;
}

.runkeeper .contactMap .greyBorder.t {
	background: url(../images/greyBorder-ts.png) repeat-x 0 0;
	left: 8px;
	width: 409px;
}

.runkeeper .contactMap .greyBorder.tr {
	background: url(../images/greyBorder-trs.png) no-repeat 0 0;
}

.runkeeper .contactMap .greyBorder.rt {
	background: url(../images/greyBorder-rs.png) repeat-y 0 0;
	position: absolute;
	top: 8px;
	right: 0;
	width: 6px;
	height: 334px;
}

.runkeeper .contactMap .greyBorder.br {
	background: url(../images/greyBorder-brs.png) repeat-x 0 0;
}

.runkeeper .contactMap .greyBorder.bs {
	background: url(../images/greyBorder-bs.png) repeat-x 0 0;
	position: absolute;
	bottom: 0;
	left: 8px;
	width: 409px;
	height: 6px;
}

.runkeeper .contactMap .greyBorder.lt {
	background: url(../images/greyBorder-ls.png) repeat-y 0 0;
	position: absolute;
	top: 8px;
	left: 0;
	width: 6px;
	height: 334px;
}

.runkeeper .contactMap .greyBorder.bl {
	background: url(../images/greyBorder-bls.png) repeat-x 0 0;
}

.runkeeper .contactContent {
   width: 285px;
   margin-right: 30px;
   float: left;
}

.runkeeper .contactContent .company {
   margin-bottom: 10px;
   font-size: 24px;
   font-weight: bold;
   color: #000;
}

.runkeeper .contactContent .addressInfo {
   margin: 6px 0;
   font-size: 21px;
   font-weight: 200;
   color: #666;
}

.runkeeper .contactContent h3 {
   margin-top: 40px;
}

.runkeeper .contactContent .contactLink {
   display: block;
   margin: 6px 0;
   font-size: 14px;
   font-weight: normal;
}

/* Team page */

.runkeeper .teamContainer h3.name {
   border-bottom: none;
   font-size: 21px;
   margin-bottom: 0;
}

.runkeeper .teamContainer .avatar {
   float: left;
   width: 150px;
   height: 150px;
   margin-right: 15px;
}

.runkeeper .teamContainer .teamBio {
   float: left;
   width: 555px;
}

.runkeeper .teamContainer .title {
   font-size: 12px;
   color: #666;
   font-style: italic;
}

.runkeeper .teamContainer .teamBio p {
   font-size: 12px;
   color: #333;
   line-height: 130%;
}

.runkeeper .teamContainer .nickname {
   font-size: 13px;
   color: #333;
   font-weight: bold;
}

.runkeeper .teamContainer .nickname span {
   color: #666;
}

.runkeeper p.intro {
   font-size: 16px;
   font-weight: bold;
   color: #333;
   line-height: 130%;
   margin: 0 0 20px 0;
   padding-bottom: 20px;
   border-bottom: 1px solid #CCC;
}

/* Error */

.runkeeper .error #mainColumn {
   margin-top: 50px;
}

.runkeeper .error .mainContent {
   float: left;
   margin-left: 40px;
   width: 680px;
}

.runkeeper .error .icon {
   float: left;
   width: 250px;
}

.runkeeper .error h3 {
   font-size: 48px;
   color: #333;
   border-bottom: none;
}

.runkeeper .error p {
   color: #666;
   line-height: 130%;
   font-size: 16px;
}

.runkeeper .error .actions {
   font-size: 16px;
   font-weight: bold;
   margin-top: 30px;
}

/* Download Page */


.runkeeper #subNav h3.pageHeader.runningApp {
   font-size: 22px;
}

.runkeeper #content.download p.subTitle {
   font-size: 14px;
}

.runkeeper .contentArea {
   position: relative;
   margin: 30px auto 0;
   width: 740px;
}

.runkeeper .rightColumn {
   float: right;
}
   
.runkeeper .infoContainer {
   width: 742px;
   margin: 50px auto 0;
   clear: both;
}

.runkeeper .appFeaturesContainer {
   float: left;
   position: relative;
   width: 250px;
   padding: 15px;
   border: 1px solid #CCC;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   text-align: left;
}

.runkeeper .appFeaturesContainer h2 {
   font-size: 18px;
   border-bottom: 1px solid #EEE;
   padding-bottom: 4px;
   margin-bottom: 20px;
}

.runkeeper .appFeaturesContainer ul {
   padding-left: 17px;
   list-style: disc;
}

.runkeeper .appFeaturesContainer ul li {
   margin: 8px 0;
}

.runkeeper .tellYourFriendsContainer {
   float: left;
   position: relative;
   width: 250px;
   padding: 15px;
   background: #EEE;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   margin-top: 30px;
}

.runkeeper .tellYourFriendsContainer h2 {
   color: #333;
   font: Georgia, Times, serif;
   font-style: italic;
   font-weight: bold;
   font-size: 24px;
   margin-bottom: 10px;
}

.runkeeper .tellYourFriendsContainer p {
   color: #333;
   line-height: 130%;
}

.runkeeper .tellYourFriendsContainer span {
   visibility: hidden;
}

.runkeeper .tellYourFriendsContainer .button-facebook {
   background: url(../images/shareButton-facebook.png) no-repeat 0 0;
   display: block;
   width: 190px;
   height: 56px;
   margin: 10px auto 0;
}

.runkeeper .tellYourFriendsContainer .button-facebook:hover {
   background: url(../images/shareButton-facebook.png) no-repeat 0 -56px;
}

.runkeeper .tellYourFriendsContainer .button-twitter {
   background: url(../images/shareButton-twitter.png) no-repeat 0 0;
   display: block;
   width: 190px;
   height: 56px;
   margin: 10px auto 0;
}

.runkeeper .tellYourFriendsContainer .button-twitter:hover {
   background: url(../images/shareButton-twitter.png) no-repeat 0 -56px;
}

.runkeeper #content.download p {
   color: #333;
   line-height: 130%;
}

.runkeeper .deviceContainer {
   width: 200px;
   float: left;
   text-align: center;
   margin: 0 10px;
}

.runkeeper .contentArea .divider {
   float: left;
   width: 1px;
   border-right: 1px solid #DDD;
   height: 700px;
   margin: 0 12px;
}

.runkeeper .contentArea ol {
   list-style: decimal;
   text-align: left;
   width: 170px;
   padding-left: 20px;
   margin: 24px auto 50px;
   font-weight: bold;
}

.runkeeper .contentArea ol li {
   text-align: left;
   margin: 8px 0;
}

.runkeeper .contentArea ol li span {
   font-weight: normal;
}

.runkeeper .contentArea .instructions p {
   font-weight: bold;
   color: #111;
   font-size: 14px;
}

.runkeeper .contentArea p.buttonLabel {
   font-weight: bold;
   color: #999;
}

.runkeeper .deviceContainer a span {
   visibility: hidden;
}

.runkeeper .contentArea .button-iphone {
   background: url(../images/download-iphone-200.png) no-repeat 0 0;
   display: block;
   width: 198px;
   height: 54px;
   margin: 10px auto 20px auto;
}

.runkeeper .contentArea .button-iphone:hover {
   background: url(../images/download-iphone-200.png) no-repeat 0 -54px;
}

.runkeeper .contentArea .button-android {
   background: url(../images/download-android-200.png) no-repeat 0 0;
   display: block;
   width: 198px;
   height: 54px;
   margin: 10px auto 20px auto;
}

.runkeeper .contentArea .button-android:hover {
   background: url(../images/download-android-200.png) no-repeat 0 -54px;
}

.runkeeper .contentArea .button-windows {
   background: url(../images/download-windows-200.png) no-repeat 0 0;
   display: block;
   width: 198px;
   height: 54px;
   margin: 10px auto 20px auto;
}

.runkeeper .contentArea .button-windows:hover {
   background: url(../images/download-windows-200.png) no-repeat 0 -54px;
}

.runkeeper .contentArea .button-nokia {
   background: url(../images/download-nokia-200.png) no-repeat 0 0;
   display: block;
   width: 198px;
   height: 54px;
   margin: 10px auto 20px auto;
}

.runkeeper .contentArea .button-nokia:hover {
   background: url(../images/download-nokia-200.png) no-repeat 0 -54px;
}

/* Heart Rate Landing Page */

.runkeeper img.HRBG {
   position: absolute;
   width: 1160px;
   height: 467px;
   left: 50%;
   margin-left: -580px;
   z-index: 0;
}

.runkeeper #content.heartRate {
   position: relative;
   z-index: 2;
   margin-top: 30px;
}

.runkeeper .mainContentBox {
   position: relative;
   z-index: 5;
   width: 590px;
   left: 380px;
   height: 467px;
}

.runkeeper .mainContentBox h1 {
   font-size: 48px;
   font-weight: 100;
   background: none;
   padding: 0;
   margin-bottom: 20px;
}

.runkeeper .mainContentBox h1 span {
   display: block;
   font-size: 21px;
   font-weight: 100;
   color: #666;
   margin: 12px 0 20px;
}

.runkeeper .mainContentBox p.subtitle {
   font-size: 21px;
   font-weight: 100;
   color: #666;
   margin-bottom: 20px;
}

.runkeeper .mainContentBox p {
   font-size: 14px;
   font-weight: normal;
   color: #333;
   line-height: 130%;
}

.runkeeper .mainContentBox .videoLinkBox {
   width: 500px;
   margin: 30px auto;
}

.runkeeper .mainContentBox .videoLinkBox .icon {
   width: 120px;
   height: 70px;
   margin-right: 20px;
   float: left;
   background: #CCC;
   box-shadow: 0 1px 2px rgba(0,0,0,0.35);
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.35);
   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.runkeeper .mainContentBox .videoLinkBox .content {
   width: 340px;
   float: left;
   position: relative;
   top: 25px;
   font-size: 16px;
   font-weight: bold;
}

.runkeeper .stepsContainer {
   width: 970px;
   position: relative;
   margin: 20px 0;
}

.runkeeper .stepsContainer h3 {
   width: 970px;
   border-bottom: none;
   font-size: 36px;
   font-weight: 100;
   text-align: center;
   margin-bottom: 20px;
}

.runkeeper .stepsBox {
   float: left;
   margin: 20px;
   width: 425px;
   height: 600px;
}

.runkeeper .stepsBox p {
   color: #333;
   line-height: 130%;
   text-align: center;
}

.runkeeper .stepsBox p.instructionTitle {
   color: #333;
   line-height: 130%;
   text-align: left;
   font-weight: bold;
   font-size: 14px;
   width: 400px;
   margin: 0 auto 15px;
}

.runkeeper .stepsBox .deviceHeader {
   width: 400px;
   margin: 0 auto 20px;
}

.runkeeper .stepsContainer .divider {
   float: left;
   margin: 20px 20px 0 19px;
   width: 0px;
   height: 530px;
   border-left: 1px solid #EEE;
}

.runkeeper .buyDevice {
   width: 405px;
   height: 67px;
   margin: 20px auto;
}

.runkeeper .buyDevice .buyButton {
   display: block;
   width: 405px;
   height: 67px;
   margin: 0 auto;
}

.runkeeper .stepsBox.wahoo .buyDevice .buyButton {
   background: url(../images/button-buyWahoo.png) no-repeat 0 0;
}

.runkeeper .stepsBox.wahoo .buyDevice .buyButton:hover {
   background: url(../images/button-buyWahoo.png) no-repeat 0 -67px;
}

.runkeeper .stepsBox.polar .buyDevice .buyButton {
   background: url(../images/button-buyPolar.png) no-repeat 0 0;
}

.runkeeper .stepsBox.polar .buyDevice .buyButton:hover {
   background: url(../images/button-buyPolar.png) no-repeat 0 -67px;
}

.runkeeper .numbersBox {
   width: 400px;
   margin: 20px auto;
}

.runkeeper .numbersBox .numberRow {
   margin-bottom: 18px;
}

.runkeeper .numbersBox .numberRow .number {
   float: left;
   width: 40px;
   margin-right: 10px;
   font-weight: 100;
   color: #000;
   font-size: 40px;
}

.runkeeper .numbersBox .numberRow .step {
   float: left;
   width: 350px;
   font-weight: normal;
   color: #333;
   line-height: 130%;
}

/* About Page */

.runkeeper .about #leftColumn,
.runkeeper .team #leftColumn,
.runkeeper .contact #leftColumn,
.runkeeper .media #leftColumn {
   width: 200px;
   margin-right: 30px;
}

.runkeeper .about #mainColumn,
.runkeeper .team #mainColumn,
.runkeeper .contact #mainColumn,
.runkeeper .media #mainColumn {
   width: 730px;
}

.runkeeper #sideNav {
   width: 200px;
}

.runkeeper #sideNav .menuItem,
.runkeeper #sideNav .menuItem.selected:hover,
.runkeeper #sideNav .menuItem.selected:active {
	width: 198px;
}

.runkeeper #sideNav .menuItem .highlight {
	background: url(../images/menuHighlight.png) no-repeat -30px 0;
	width: 210px;
}

.runkeeper #sideNav .divider {
	width: 198px;
	border-bottom: 1px solid #EEE;
	font-size: 0.1em;
	height: 1px;
}

.runkeeper #sideNav .menuItem .mainText {
	top: 7px;
	width: 180px;
}

.runkeeper #sideNav #addRaceToRaceHub.menuItem .mainText {
	top: 7px;
	width: 160px;
}

.runkeeper #sideNav #addRaceToRaceHub.menuItem .icon {
	width: 20px;
	height: 20px;
	float: left;
	position: relative;
	top: 4px;
	left: 5px;
	margin-right: 6px;
}

.runkeeper #sideNav .menuItem .mainText a {
	color: #333;
}

.runkeeper #sideNav .menuItem.selected .mainText a {
	color: #FFF;
}

/* Android Page */

.runkeeper #content.android {
   margin-top: 40px;
}

.runkeeper .android #mainColumn .icon {
   float: left; 
   margin-right: 20px; 
   width: 305px;
}

.runkeeper .android #mainColumn .mainContent {
   float: left; 
   width: 615px; 
   padding-top: 20px;
}

.runkeeper .android #mainColumn .mainContent p {
   width: 595px; 
   margin: 10px auto; 
   font-size: 14px;
   color: #333;
   line-height: 130%;
}

.runkeeper .android #mainColumn .mainContent .infoBox {
   border: 3px solid #BBB; 
   background: #E5E5E5; 
   padding: 10px; 
   width: 575px; 
   margin: 20px auto;
}

.runkeeper .android #mainColumn .mainContent .infoBox h2 {
   font-size: 17px;
   margin-bottom: 20px;
}

.runkeeper .android #mainColumn .mainContent .infoBox ol li {
   list-style: decimal;
   margin: 10px 0 10px 30px;
   font-size: 14px;
}

.runkeeper #downloadAndroidProButton {
   background: url(../images/downloadAndroid-pro.png) no-repeat 0 0;
   width: 300px;
   height: 100px;
   display: block;
   margin: 0 auto;
}

.runkeeper #downloadAndroidProButton:hover {
   background: url(../images/downloadAndroid-pro.png) no-repeat 0 -100px;
}

.runkeeper #downloadAndroidProButton:active {
   background: url(../images/downloadAndroid-pro.png) no-repeat 0 -200px;
}

.runkeeper #downloadAndroidFreeButton {
   background: url(../images/downloadAndroid-free.png) no-repeat 0 0;
   width: 300px;
   height: 100px;
   float: left;
   display: block;
}

.runkeeper #downloadAndroidFreeButton:hover {
   background: url(../images/downloadAndroid-free.png) no-repeat 0 -100px;
}

.runkeeper #downloadAndroidFreeButton:active {
   background: url(../images/downloadAndroid-free.png) no-repeat 0 -200px;
}

/* Elite Page */

/* Elite Page */

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

.runkeeper .elite #mainColumn {
   width: 640px;
   margin-right: 30px;
   float: left;
}

.runkeeper .elite #rightColumn {
   width: 300px;
   float: left;
}

.runkeeper div.requiredText {
   float: right;
   display: inline;
   color: #666;
   font-size: 11px;
   font-weight: normal;
   position: relative;
   top: 4px;
}

.runkeeper #content.elite #creditCardFormContainer h3 {
   font-size: 18px;
   text-align: left;
}

.runkeeper #creditCardFormContainer h2 {
   margin: 20px 0 15px;
   padding: 4px;
   background: #CCC;
}

.runkeeper .creditCardFormRow {
   margin: 8px 0;
   width: 284px;
}

.runkeeper .ccInfoFormAction {
   border-top: 1px solid #CCC;
   padding-top: 5px;
   margin-top: 15px;
}

.runkeeper .ccInfoFormAction .footnote {
   color: #333;
   font-size: 11px;
   text-align: center;
}

.runkeeper .creditCardFormRow label {
   float: left;
   font-size: 13px;
   color: #333;
   position: relative;
   top: 3px;
   margin-right: 6px;
   width: 106px;
   text-align: right;
}

.runkeeper .creditCardFormRow#ccTypeRow label,
.runkeeper .creditCardFormRow#expRow label,
.runkeeper .creditCardFormRow#countryRow label,
.runkeeper .creditCardFormRow#stateRow label {
   top: 9px;
}

.runkeeper .creditCardFormRow input[type="text"] {
   float: left;
   width: 160px;
}

.runkeeper .creditCardFormRow#cvvRow input[type="text"] {
   width: 40px;
}

.runkeeper .creditCardFormRow#zipRow input[type="text"] {
   width: 70px;
}

.runkeeper .creditCardLogos {
   position: relative;
   left: 116px;
}

.runkeeper .creditCardFormRow .tag {
   float: left;
   font-size: 11px;
   position: relative;
   top: 2px;
   margin-left: 6px;
}

.runkeeper .creditCardFormRow span.tag {
   color: #666;
}

.runkeeper #creditCard-submit {
   width: 180px;
   margin: 10px auto;
   float: none;
}

.runkeeper #creditCardFormContainer h3 .icon {
   float: left;
   margin-right: 8px;
   position: relative;
   top: 1px;
}

.runkeeper .subscriptionSelectBox div.radio,
.runkeeper .subscriptionSelectBox div.checker {
   float: left;
   margin-left: 4px;
}

.runkeeper .subscriptionSelectBox div.checker {
   margin-right: 10px;
}

.runkeeper .subscriptionSelectBox .subscriptionTypeContent {
   float: left;
   width: 247px;
}

.runkeeper .subscriptionSelectBox .creditCardFormRow {
   margin: 15px auto;
}

.runkeeper .subscriptionSelectBox .subscriptionTypeContent .mainText {
   color: #555;
   font-size: 12px;
}

.runkeeper .subscriptionSelectBox .subscriptionTypeContent .mainText span {
   color: #000;
   font-size: 16px;
   font-weight: bold;
}

.runkeeper .subscriptionSelectBox .subscriptionTypeContent .subText {
   color: #333;
   font-size: 11px;
   margin-top: 4px;
}

.runkeeper .reportsAgreeTOS {
   margin: 15px 0 30px;
}

.runkeeper .reportsAgreeTOS label {
   color: #333;
   position: relative;
   top: 5px;
   font-weight: bold;
}

.runkeeper #paypalExpressForm {
   border-top: 1px solid #CCC;
   padding-top: 5px;
   margin-top: 15px;
   display: none;
}

.runkeeper #paypalExpressForm input[type="image"] {
   width: 145px;
   margin: 10px auto;
   display: block;
}

.runkeeper #payPalToggle {
   position: relative;
   top: -10px;
   height: 20px;
}

.runkeeper #payPalToggle.cc {
   position: relative;
   top: 0;
}

.runkeeper #payPalToggle img {
   position: relative;
   top: 5px;
}

.runkeeper #paymentTypeRow {
   padding: 12px 0;
}

.runkeeper .creditCardFormRow .label {
   float: left;
   color: #333;
   font-weight: bold;
   font-size: 14px;
   margin: 0 6px 12px 12px;
   position: relative;
   top: 7px;
}

.runkeeper label.hasError {
   color: red;
}

.runkeeper .creditCardFormRow #paymentSelector {
   float: left;
   position: relative;
   top: 4px;
}

.runkeeper #content.purchase #paymentSelector .mainButton.toggle.left {
	width: 80px;
}

.runkeeper #content.elite h3 { 
   border-bottom: none;
   font-size: 30px;
   text-align: center;
   margin-bottom: 20px;
}

.runkeeper .featureBox {
   border-top: 1px solid #DDD;
   padding: 40px 0;
   width: 630px;
   margin: 0 auto;
}

.runkeeper .featureBox#eliteFitnessReports .icon {
   float: left;
   margin-right: 20px;
   width: 150px;
   height: 150px;
   position: relative;
}

.runkeeper .featureBox#eliteFitnessReports .contentBox {
   float: left;
   width: 460px;
}

.runkeeper .featureBox#eliteRunkeeperLive .icon {
   float: left;
   margin-right: 20px;
   width: 150px;
   height: 197px;
   position: relative;
}

.runkeeper .featureBox#eliteRunkeeperLive .contentBox {
   float: right;
   width: 460px;
}

.runkeeper .featureBox#eliteRunkeeperLive .contentBox .logo {
   position: relative;
   left: -4px;
   top: 4px;
}

.runkeeper .featureBox#eliteRunkeeperRacesLive .icon {
   float: right;
   margin-left: 20px;
   width: 150px;
   height: 150px;
   position: relative;
}

.runkeeper .featureBox#eliteRunkeeperRacesLive .contentBox {
   float: right;
   width: 460px;
}

.runkeeper .featureBox#eliteRunkeeperRacesLive .contentBox .logo {
   position: relative;
   left: -4px;
   top: 4px;
}

.runkeeper .featureBox#eliteFitnessAlerts .icon {
   float: right;
   margin-left: 20px;
   width: 150px;
   height: 150px;
   position: relative;
}

.runkeeper .featureBox#eliteFitnessAlerts .contentBox {
   float: left;
   width: 460px;
}

.runkeeper .featureBox#eliteFitnessClasses .icon {
   float: right;
   margin-left: 20px;
   width: 150px;
   height: 150px;
   position: relative;
}

.runkeeper .featureBox#eliteFitnessClasses .contentBox {
   float: left;
   width: 460px;
}

.runkeeper #content.elite .featureBox .contentBox h3 {
   font-size: 26px;
   border-bottom: none;
   text-align: left;
   margin-bottom: 10px;
}

.runkeeper .featureBox .contentBox p {
   font-size: 14px;
   line-height: 140%;
   color: #666;
}

.runkeeper .featureBox .contentBox p span {
   font-weight: bold;
   color: #000;
}

.runkeeper #content.elite .featureBox#eliteMoreFeatures p {
   font-size: 24px;
   color: #666;
   font-weight: 100;
   text-align: center;
   position: relative;
   top: -20px;
}

/* New with Elite C */

.runkeeper #content.elite #mainColumn {
	margin: 0;
	width: 970px;
}

.runkeeper #content.elite #mainColumn h3 {
	color: #666 !important;
	font-size: 50px;
}

.runkeeper a.button {
	border: 1px solid #263b78;
	padding: 5px 25px 7px 25px;
	color: #FFF;
	font-weight: 200;
	font-size: 18px;
	text-shadow: -1px -1px 1px #000;
	background: rgb(38,59,120);
	
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(38,59,120)),
		color-stop(1, rgb(30,133,192))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(38,59,120) 0%,
		rgb(30,133,192) 100%
	);
}
.runkeeper a.button:hover {	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(21,84,166)),
		color-stop(1, rgb(71,160,216))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(21,84,166) 0%,
		rgb(71,160,216) 100%
	);
}
.runkeeper a.button:active {	
	color: #47a1d8;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(30,133,192)),
		color-stop(1, rgb(38,59,120))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(30,133,192) 0%,
		rgb(38,59,120) 100%
	);
}
.runkeeper div.cta {
	padding: 10px;
}
.runkeeper #mainHighlight p {
	font-size: 16px;
	line-height: 150%;
	font-weight: 200;
	padding: 0 10px;
	margin-bottom: 20px !important;
}
.runkeeper #mainHighlight p.upgrade {
	font-size: 18px;
}
.runkeeper #eliteHighlights {
	border-top: 1px solid #CCC;
	margin-top: 30px;
	padding-top: 50px;
}
.runkeeper #eliteHighlights .highlight {
	padding: 0;
	border-right: 1px solid #CCC;
	width: 33%; 
	float: left;
	text-align: center;
}
.runkeeper #eliteHighlights .highlight .container {
	padding: 0 20px;
}
.runkeeper #eliteHighlights .highlight:first-child .container {
	padding-left: 0;
}
.runkeeper #eliteHighlights .highlight:last-child {
	border-right: 0;
}
.runkeeper #eliteHighlights .highlight:last-child .container {
	padding-right: 0;
}
.runkeeper #eliteHighlights .highlight h4 {
	font-size: 16px;
	font-weight: 200;
}
.runkeeper #eliteHighlights ul {
	text-align: left;
	width: 230px;
	padding-left: 20px;
	margin-left: 20px;
}
.runkeeper #eliteHighlights ul li {
	list-style-type: disc;
	font-size: 18px;
	color: #999;
	padding-bottom: 20px !important;
}
.runkeeper #eliteHighlights ul li span {
	color: #333;
	font-size: 14px;
	line-height: 150%;
}
.runkeeper #eliteHighlights .highlight .userQuoteOuter {
	background: url(/static/kronos/images/bg-close-dblquote.png) no-repeat bottom right;
}
.runkeeper #eliteHighlights .highlight .userQuoteInner {
	background: url(/static/kronos/images/bg-open-dblquote.png) no-repeat top left;
	text-align: left;
	line-height: 150%;
	padding: 20px 10px;
}
.runkeeper #eliteHighlights .highlight .userQuoteInner .userQuoteContent {
	position: relative;
}
.runkeeper #eliteHighlights .highlight .userQuoteInner .userQuoteContent p {
	padding: 0;
	margin: 0 0 15px 0;
}
.runkeeper #eliteHighlights .highlight .userQuoteInner .userQuoteContent img {
	height: 50px; 
	width: 50px; 
	border: 0;
	float: right; 
	padding: 0px 0px 20px 20px;
}
.runkeeper #eliteHighlights .highlight .userQuoteInner .userQuoteContent strong {
	font-weight: 400;
	font-size: 16px;
}

/* Elite Subform C */

/* Make Vertical Form more Horizontal */

.runkeeper .elite #mainColumn {
	float: none;
    margin: 0 auto;
    width: 640px;
}

.runkeeper #content.elite #mainColumn #creditCardFormContainer.greydientBox .greydient-bg-box {
	display: none;
}

.runkeeper #content.elite #creditCardFormContainer h3 {
	display: none;
}

.runkeeper #content.elite #creditCardBox div.ccInfoBox,
.runkeeper #content.elite #creditCardBox div.ccBillingInfoBox {
	border-top: 1px solid #EEE;
	width: 48.5%;
	float: left;
}

.runkeeper #content.elite #creditCardBox div.ccBillingInfoBox {
	padding-left: 2.5%;
}

.runkeeper #content.elite #creditCardBox div.ccInfoBox h2,
.runkeeper #content.elite #creditCardBox div.ccBillingInfoBox h2 {
	background: none;
}

.runkeeper .subscriptionSelectBox .creditCardFormRow {
	margin: 15px 0;
}

.runkeeper #content.elite #creditCardFormContainer h2 {
    background: none repeat scroll 0 0 #DDDDDD;
    border-bottom: medium none;
    color: #333333;
    margin: 15px 0 10px 0;
    padding: 5px;
    width: 610px;
    font-size: 16px;
}

.runkeeper #eliteSubscriptionTypeSelection {
	padding-bottom: 10px;
	border-bottom: 1px solid #EEE;
	
}

.runkeeper .creditCardFormRow {
    width: 600px;
}
.runkeeper .creditCardLogos {
	width: 90px;
}
.runkeeper .subscriptionSelectBox .subscriptionTypeContent {
    width: 550px;
}
.runkeeper .creditCardFormRow .label {
	font-size: 16px;
	margin-left: 5px;
}

.runkeeper #creditCard-submit {
    float: right;
}

.runkeeper .reportsAgreeTOS {
    float: left;
}
.runkeeper .ccInfoFormAction .footnote {
    text-align: right;
    width: auto;
}
.runkeeper .reportsAgreeTOS label {
	font-size: 16px;
	top: 2px;
}

/* Rock N Roll Marathon */

.runkeeper #wrapper {
    height: auto !important;
    margin: 0 auto;
    min-height: 100%;
    width: 100%;
}

.runkeeper #headerContent h1 {
	background: url(../images/logo.png) top left no-repeat;
	width: 205px;
	height: 40px;
    display: inline-block;
    font-size: 24pt;
    margin: 0;
    padding: 0;
    text-indent: -10000px;
    color: #000;
}
.runkeeper #headerContent h1 span {
	color: #295da8;
}

.runkeeper #content {
	font-size: 11pt;
	line-height: 150%;
	font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
}

.runkeeper #header h2 {
	color: #FFF;
	font-weight: 100;
	display: inline-block;
	font-size: 24pt;
	vertical-align: bottom;
	margin-left: 50px;
}

.runkeeper #content #left {
	display: block;
	width: 240px;
	float: left;
}
.runkeeper #content #left #rnrLogo {
	margin: 35px 20px 5px 20px;
}
.runkeeper #content #left hr {
	background: url(../images/upper-shadow-white-240x20.png) center center no-repeat;
	border: 0;
	height: 20px;
	width: 240px;
}
.runkeeper #content #left #overview {
	width: 200px;
	margin: 15px 20px;
	border: 1px solid #999;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.runkeeper #content #left #overview ul {
	margin: 10px 7.5px 7.5px 15px;
	padding: 0 0 0 15px;
	list-style: disc;
}
.runkeeper #content #left #overview ul li {
	margin: 0;
	margin-bottom: 15px;
}
.runkeeper #content #left #about {
	width: 200px;
	margin: 15px 20px;
	font-size: 9pt;
}
.runkeeper #content #left #about h4 {
	font-weight: 600;
	font-size: 13pt;
}
.runkeeper #content #left #about h4 span {
    background: url("../images/logo-105x25.png") no-repeat scroll left top transparent;
    display: inline-block;
    height: 25px;
    text-indent: -1000px;
    width: 105px;
    margin-top: 15px;
    margin-bottom: 0px;
}

.runkeeper #content #right {
	display: block;
	width: 725px;
	float: left;
}
.runkeeper #content #right #mainColumn {
	margin: 35px 0 0 20px;
}
.runkeeper #content #right #mainColumn h3 {
	border: 0;
	font-size: 16pt;
}
.runkeeper #content #right #mainColumn ul.raceSelect {
	border-bottom: 1px solid #CCC;
}
.runkeeper #content #right #mainColumn ul.raceSelect li {
	border-top: 1px solid #CCC;
	padding: 20px 10px;
}
.runkeeper #content #right #mainColumn ul.raceSelect li.heading {
	border: 0;
	padding: 20px 0 5px 475px;
}
.runkeeper #content #right #mainColumn ul.raceSelect li.heading h3 {
	font-size: 10pt;
	margin: 0;
	padding: 0;
}
.runkeeper #content #right #mainColumn ul.raceSelect li .rnrMiniMap {
	border: 1px solid #CCC;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	height: 100px;
	width: 135px;
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
}
.runkeeper #content #right #mainColumn ul.raceSelect li #rnrChicagoHalfMap {
	background-image: url(http://maps.google.com/maps/api/staticmap?path=color:0x0000ff77|weight:5|41.882263,-87.620541|41.887343,-87.620477|41.89081,-87.620091|41.891561,-87.63245|41.902333,-87.626903|41.884388,-87.641205|41.879404,-87.63584|41.877,-87.62416|41.86737,-87.62404|41.867444,-87.623813|41.8674,-87.62244|41.86758,-87.62064|41.857976,-87.6167|41.858327,-87.614533|41.856969,-87.613825|41.856298,-87.613181|41.854348,-87.611357|41.851023,-87.609684|41.849089,-87.609791|41.847747,-87.609812|41.846468,-87.609533|41.844901,-87.609855|41.843559,-87.60949|41.841161,-87.608525|41.839195,-87.607152|41.838203,-87.606958|41.836253,-87.606529|41.832448,-87.60507|41.831265,-87.604534|41.828515,-87.602839|41.827348,-87.601594|41.8265,-87.599212|41.827923,-87.600135|41.830753,-87.602517|41.832368,-87.602881|41.832912,-87.603783|41.833615,-87.604877|41.834766,-87.604705|41.836733,-87.606036|41.840489,-87.607516|41.843846,-87.608997|41.845397,-87.608782|41.847555,-87.60934|41.850704,-87.609147|41.852877,-87.610649|41.854747,-87.6111|41.855451,-87.61198|41.857081,-87.61316|41.858567,-87.61331|41.860133,-87.613653|41.861891,-87.613653|41.864176,-87.613696|41.866078,-87.61316|41.867149,-87.612645|41.868347,-87.61316|41.868363,-87.614361|41.868155,-87.615949|41.868123,-87.617473|41.868475,-87.618953|41.868587,-87.620477&maptype=roadmap&sensor=false&size=135x100);
}
.runkeeper #content #right #mainColumn ul.raceSelect li #rnrVirginiaBeachHalfMap {
	background-image: url(http://maps.google.com/maps/api/staticmap?path=color:0x0000ff77|weight:5|36.84711,-75.97602|36.84695,-75.97598|36.83648,-75.97308|36.83353,-75.97237|36.83167,-75.97218|36.82907,-75.97373|36.82662,-75.97566|36.82406,-75.97769|36.82236,-75.98021|36.8206,-75.9828|36.81659,-75.9865|36.81423,-75.98842|36.80998,-75.99021|36.79729,-75.99437|36.79388,-75.99527|36.79286,-75.99236|36.79301,-75.9918|36.7951,-75.99035|36.7985,-75.98744|36.81089,-75.98265|36.81128,-75.98251|36.81146,-75.97925|36.81205,-75.97783|36.8139,-75.97645|36.81451,-75.97893|36.81539,-75.98204|36.81573,-75.98187|36.82037,-75.97951|36.81995,-75.98136|36.81583,-75.98365|36.81581,-75.98366|36.81575,-75.98433|36.812314,-75.986892|36.813379,-75.983845|36.81121,-75.98447|36.81095,-75.98941|36.81094,-75.98966|36.8149,-75.98774|36.81873,-75.98439|36.82101,-75.98199|36.82359,-75.9779|36.82662,-75.97566|36.8304,-75.97263|36.83167,-75.97218|36.83402,-75.97243|36.83747,-75.9734|36.83911,-75.97255|36.83345,-75.97098|36.83184,-75.97138|36.83122,-75.9716|36.83035,-75.97042|36.831226,-75.969565&maptype=roadmap&sensor=false&size=135x100);
}
.runkeeper #content #right #mainColumn ul.raceSelect li #rnrDenverHalfMap {
	background-image: url(http://maps.google.com/maps/api/staticmap?path=color:0x0000ff77|weight:5|39.74602,-104.99806|39.74882,-105.0014|39.74846,-105.00336|39.74653,-105.00765|39.74786,-105.00691|39.75006,-105.00497|39.75163,-105.00301|39.7528,-104.99974|39.75148,-104.99797|39.75519,-104.99315|39.75385,-104.99143|39.75103,-104.99498|39.75063,-104.99207|39.7472,-104.98761|39.7472,-104.98761|39.743294,-104.975325|39.74825,-104.95978|39.74816,-104.95871|39.74795,-104.95777|39.74885,-104.95676|39.74929,-104.95518|39.74795,-104.9548|39.74747,-104.95177|39.74767,-104.9487|39.7492,-104.94482|39.74916,-104.94406|39.74893,-104.9416|39.74742,-104.94156|39.74684,-104.94301|39.74593,-104.94283|39.74439,-104.94258|39.74456,-104.94648|39.74422,-104.94999|39.74491,-104.95147|39.74592,-104.95421|39.74627,-104.95443|39.74617,-104.9553|39.74753,-104.95752|39.7474,-104.95794|39.74499,-104.95857|39.7448,-104.9573|39.74425,-104.957|39.74383,-104.957|39.74383,-104.95829|39.73685,-104.95978|39.73686,-104.96724|39.73606,-104.96708|39.73535,-104.96478|39.73348,-104.96446|39.73261,-104.96593|39.73082,-104.96477|39.73005,-104.96492|39.72983,-104.96703|39.73173,-104.96795|39.73376,-104.96724|39.73565,-104.9678|39.73687,-104.96845|39.73686,-104.99024&maptype=roadmap&sensor=false&size=135x100);
}
.runkeeper #content #right #mainColumn ul.raceSelect li #rnrDenverFullMap {
	background-image: url(http://maps.google.com/maps/api/staticmap?path=color:0x0000ff77|weight:5|39.74787,-105.00054|39.74872,-105.001627|39.74657,-105.00758|39.7474,-105.00797|39.75006,-105.00497|39.75092,-105.002097|39.75283,-104.99971|39.75433,-104.994329|39.75389,-104.99137|39.75103,-104.99498|39.75063,-104.99207|39.74726,-104.987537|39.74493,-104.98734|39.74325,-104.95979|39.74816,-104.95871|39.74793,-104.95753|39.74934,-104.956057|39.74805,-104.954907|39.74743,-104.95251|39.74767,-104.9487|39.7492,-104.94482|39.74914,-104.94241|39.748,-104.94171|39.74695,-104.94225|39.74593,-104.94283|39.74439,-104.94258|39.74458,-104.94867|39.74432,-104.95026|39.74585,-104.95378|39.74627,-104.95443|39.7464,-104.955927|39.74756,-104.957857|39.74571,-104.95862|39.7448,-104.9573|39.74425,-104.957|39.74376,-104.94304|39.74325,-104.95979|39.73682,-104.95978|39.73604,-104.96721|39.73535,-104.96478|39.73337,-104.96497|39.73156,-104.96589|39.73045,-104.964617|39.7297,-104.966569|39.73173,-104.967947|39.73445,-104.967717|39.73583,-104.96818|39.736826,-104.969744|39.694689,-104.968543|39.70268,-104.972319|39.696604,-104.968715|39.704014,-104.973435|39.728905,-104.999871|39.733657,-105.003132&maptype=roadmap&sensor=false&size=135x100);
}

.runkeeper #content #right #mainColumn ul.raceSelect li .raceDetails {
	width: 200px;
	margin: 0 0 0 20px;
	float: left;
}
.runkeeper #content #right #mainColumn ul.raceSelect li .raceDetails h4 {
	font-weight: 600;
	font-size: 14pt;
} 
.runkeeper #content #right #mainColumn ul.raceSelect li .raceDetails p {
	font-weight: 200;
	font-size: 11pt;
} 

.runkeeper #content #right #mainColumn ul.fitnessClasses {
	border: 0;
	background: #EEE;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 0 10px;
	width: 300px;
	float: right;
}
.runkeeper #content #right #mainColumn ul.fitnessClasses li {
	border: 0;
	border-bottom: 1px solid #CCC;
	padding: 5px 0px;
	text-align: right;
}
.runkeeper #content #right #mainColumn ul.fitnessClasses li:last-child {
	border: 0;
}
.runkeeper #content #right #mainColumn ul.fitnessClasses li a {
	font-size: 9pt;
}
.runkeeper #content #right #mainColumn ul.fitnessClasses li a:hover {
	text-decoration: underline;
}
.runkeeper #content #right #mainColumn ul.fitnessClasses li a.button,
.runkeeper .fcdLeft a.button {
	border: 1px solid #263b78;
	padding: 2px 15px 3px 15px;
	color: #FFF;
	font-weight: 200;
	font-size: 9pt;
	text-shadow: -1px -1px 1px #000;
	background: rgb(38,59,120);
	
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(38,59,120)),
		color-stop(1, rgb(30,133,192))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(38,59,120) 0%,
		rgb(30,133,192) 100%
	);
}
.runkeeper #content #right #mainColumn ul.fitnessClasses li a.button:hover,
.runkeeper .fcdLeft a.button:hover {
	text-decoration: none;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(21,84,166)),
		color-stop(1, rgb(71,160,216))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(21,84,166) 0%,
		rgb(71,160,216) 100%
	);
}
.runkeeper #content #right #mainColumn ul.fitnessClasses li a.button:active,
.runkeeper .fcdLeft a.button:active {	
	color: #47a1d8;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(30,133,192)),
		color-stop(1, rgb(38,59,120))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(30,133,192) 0%,
		rgb(38,59,120) 100%
	);
}
.runkeeper .fcdLeft a.button {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    display: block;
    font-size: 14pt;
    margin: 10px 0;
    padding: 5px 25px 7px;
    text-align: center;
    width: 75px;
}

.runkeeper #content #right #mainColumn ul.fitnessClasses li strong {
	font-weight: 600;
	float: left;
}

.runkeeper #push {
    clear: both;
    height: 20px;
}

.runkeeper #footer {
	margin-bottom: 35px;
}


/* A/B Testing */
.runkeeper #content #right #mainColumn ul.fitnessClasses li .test {
	display: inline-block;
}
/* Default */
.runkeeper #content #right #mainColumn ul.fitnessClasses li .a {
	display: inline-block;
}
.runkeeper #content #right #mainColumn ul.fitnessClasses li .b {
	display: none;
}
/* Test Group A */
.runkeeper #content.a #right #mainColumn ul.fitnessClasses li .a {
	display: inline-block;
}
.runkeeper #content.a #right #mainColumn ul.fitnessClasses li .b {
	display: none;
}
/* Test Group B */
.runkeeper #content.b #right #mainColumn ul.fitnessClasses li .a {
	display: none;
}
.runkeeper #content.b #right #mainColumn ul.fitnessClasses li .b {
	display: inline-block;
}

.runkeeper .fcDetailContent {
	display: none;
	height: 400px;
	width: 650px;
}
.runkeeper .fcdLeft {
	float: left;
	display: block;
	width: 220px;
}
.runkeeper .fcdRight {
	float: left;
	display: block;
	width: 430px;
}
.runkeeper .fcdCellPadding {
	padding: 10px;
}
.runkeeper p.fcdDates {
	font-size: 14px;
	color: #333;
	font-weight: bold;
	margin: 10px 0 !important;
}
.runkeeper p.fcdDates img {
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
}
.runkeeper p.fcdDates span {
	display: block;
	padding-top: 10px;
	font-size: 15px;
	color: #000;
}
.runkeeper p.fcdPrices {
	margin: 10px 0 !important;
}
.runkeeper p.fcdPrices strong {
	font-weight: 600;
}
.runkeeper hr.fcdHr {
	border: 0;
	border-top: 1px solid #CCC;
	margin-top: 5px;
	margin-bottom: 4px;
}
.runkeeper div.fcdFacePile {
	margin: 10px 2px;
}
.runkeeper div.fcdCalendar {
	position: relative;
	display: block;
	height: 320px;
	width: 400px;
	cursor: pointer;
}
.runkeeper div.fcdCalendar img {
	position: absolute;
	top: 0;
	left: 0;
}
.runkeeper .fcdRight p {
	margin: 10px 0 !important;
}
.runkeeper h3.fcdTitle {
	font-size: 19px !important;
}

/* jobs */

/* Jobs */

.runkeeper #content.jobs {
   margin-top: 40px;
   font-size: 13px;
}

.runkeeper #content.jobs .jobsHero {
   width: 730px;
   height: 195px;
}

.runkeeper #content.jobs h1 {
   background: none;
   border-bottom: #EEE solid 1px;
   margin: 30px 0 15px;
}

.runkeeper #content.jobs h2 {
   background: none;
   border-bottom: none;
   margin: 30px 0 10px;
   font-size: 16px;
}

.runkeeper #content.jobs ul {
   list-style: disc;
   padding-left: 30px;
}

.runkeeper #content.jobs ul li {
   margin: 5px 0;
   line-height: 130%;
}

.runkeeper #content.jobs h1.jobTitle {
   background: none;
   border-bottom: #EEE solid 1px;
   margin:0 0 20px 0;
   padding: 0 0 6px 0;
   font-size: 36px;
   font-weight: 100;
}

.runkeeper #content.jobs h1.jobTitle span.jobDepartment {
   display: block;
   float: right;
   font-size: 16px;
   color: #999;
   font-style: italic;
   font-weight: normal;
   position: relative;
   top: 20px;
}

.runkeeper #content.jobs .contactBox {
   margin-top: 30px;
   border-top: 1px solid #CCC;
   padding: 10px 5px 0;
   width: 720px;
}

.runkeeper #content.jobs .contactBox .shareActions {
   float: right;
}

.runkeeper #content.jobs .contactBox .contactText {
   font-size: 18px;
   color: #333;
   font-weight: normal;
   position: relative;
   top: 3px;
}

.runkeeper #content.jobs .contactBox .contactText span {
   color: #000;
   font-weight: bold;
}

.runkeeper #categoryNav .categoryBox {
   margin: 20px 0 0 0;
}

.runkeeper #categoryNav .categoryBox .header {
   font-size: 11px;
   font-weight: bold;
   color: #222;
   background: #DDD;
   border-bottom: 2px solid #999;
   padding: 2px 5px 3px;
   margin-bottom: 3px;
}

.runkeeper #categoryNav .menuItem {
   width: 200px;
   height: 28px;
   border-bottom: 1px solid #EEE;
   margin: 0 auto;
}

.runkeeper #categoryNav .menuItem .highlight {
   width: 213px;
   background: url(../images/menuHighlight.png) no-repeat scroll -27px 0 transparent;
}

.runkeeper #categoryNav .menuItem .mainText {
   font-size: 12px;
   width: 190px;
   top: 8px;
}

.runkeeper #categoryNav .menuItem.selected .mainText a {
   color: #FFF;
}
/*END JOBS*/


/* homepage */

@charset "UTF-8";

/* Homepage */

.runkeeper #wrapper,
.runkeeper .homepage#wrapper,
.runkeeper .howitworks#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
	margin: 0 auto -70px;
}

/* Header */

.runkeeper .homepage#header,
.runkeeper .loggedout#header {
	width: 100%;
	height: 114px;
	background: url(../images/hp-header-bg.png) repeat-x 0 0;
	border-bottom: 1px solid #666;
	margin: 0 0 30px 0;
}

.runkeeper .fullscreen .homepage#header,
.runkeeper .fullscreen .loggedout#header {
	margin: 0;
}

.runkeeper .homepage #headerContent,
.runkeeper .loggedout #headerContent {
	width: 970px;
	height: 100px;
	margin: 0 auto;
	position: relative;
}

.runkeeper .homepage #siteLogo,
.runkeeper .loggedout #siteLogo {
	position: relative;
	top: 10px;
	left: 2px;
	width: 370px;
	height: 90px;
	margin: 0 20px 0 0;
}

/* Utility Navigation */

.runkeeper .homepage #homepageLogin {
	position: absolute;
	top: 8px;
	right: 5px;
}

.runkeeper .homepage #homepageLogin .details {
	position: relative;
	top: 7px;
	margin-right: 5px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	float: right;
	text-shadow: #333 1px 1px 2px;
}

.runkeeper .homepage #signinContainer {
	display: none;
	position: absolute;
	top: 6px;
	right: 0;
	color: #EEE;
}

.runkeeper .loggedout #signinContainer {
	display: block;
	position: absolute;
	top: 6px;
	right: 0;
	color: #EEE;
}

.runkeeper .loggedout #signinContainer div.checker {
	top: -4px;
}

.runkeeper .loggedout #signinContainer a {
	color: #CCC;
	text-decoration: none;
	font-size: 11px;
}

.runkeeper .loggedout #signinContainer a:hover {
	color: #FFF;
	text-decoration: underline;
}

.runkeeper .loggedout #signinContainer input[type="text"],
.runkeeper .loggedout #signinContainer input[type="password"] {
	width: 160px;
	margin-left: 5px;
	height: 14px;
	font-size: 14px;
}

.runkeeper input[type=text].ErrorField,
.runkeeper input[type=password].ErrorField {
	border: 1px solid #F00;
	width: 164px;
	height: 24px;
	margin: 2px;
}

.runkeeper #signinContainer input[type=text].ErrorField,
.runkeeper #signinContainer input[type=password].ErrorField,
.runkeeper #forgotContainer input[type=text].ErrorField {
	width: 160px;
	height: 14px;
	margin: 1px 3px;
}

.runkeeper .formIndicator.error {
	background: url(../images/formError.png) no-repeat 0 0;
	width: 38px;
	height: 33px;
	position: absolute;
	z-index: 20;
	top: 0;
	right: -20px;
}

.runkeeper .signinRow .ValidationErrors {
	text-align: left;
	font-size: 11px;
	width: 163px;
	color: #F00;
}

.runkeeper #signinContainer .formIndicator.error,
.runkeeper #forgotContainer .formIndicator.error {
	background: url(../images/formError-small.png) no-repeat 0 0;
	width: 26px;
	height: 22px;
	position: absolute;
	z-index: 20;
	top: -1px;
	right: -18px;
}

.runkeeper .signinRow {
	position: relative;
	float: right;
	clear: both;
	margin: 2px 0;
}

.runkeeper #signinForgot {
	margin-bottom: 10px;
}

.runkeeper #signinRememberMe {
	position: absolute;
	top: 1px;
	right: 50px;
	width: 120px;
	text-align: left;
}

.runkeeper .homepage #forgotContainer {
	display: none;
}

.runkeeper .loggedout #forgotContainer {
	display: none;
	position: absolute;
	top: 4px;
	right: 0;
	color: #EEE;
	width: 210px;
}

.runkeeper .loggedout #forgotContainer h2 {
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
	position: relative;
	top: -2px;
}

.runkeeper .loggedout #forgotContainer #forgotHeader {
	wmargin-top: 0;
}

.runkeeper .loggedout #forgotContainer p {
	font-size: 11px;
	text-align: right;
	margin: 0;
}

.runkeeper .loggedout #forgotContainer a {
	color: #CCC;
	text-decoration: none;
	font-size: 11px;
}

.runkeeper .homepage #forgotContainer a:hover {
	color: #FFF;
	text-decoration: underline;
}

.runkeeper .loggedout #forgotContainer input[type="text"] {
	width: 160px;
	margin-left: 5px;
}

.runkeeper .loggedout #forgotContainer .signinRow {
	width: 210px;
	text-align: right;
}

.runkeeper #forgotText {
	margin-bottom: 7px;
}

.runkeeper #forgotSubmit {
	width: 190px;
	position: relative;
}

.runkeeper #forgotBack {
	width: 100px;
	position: absolute;
	right: 104px;
	top: 3px;
	text-align: left;
}

/* Main Layout */

.runkeeper .homepage #mainColumn {
	width: 650px;
	margin: 0;
	float: left;
}

.runkeeper .homepage #mainColumn.activity {
	width: 720px;
	margin: 0;
	float: left;
}

.runkeeper .homepage #rightColumn {
	width: 280px;
	margin: 0 0 0 40px;
	float: left;
}

.runkeeper .homepage #rightColumn.activity {
	width: 210px;
	padding-left: 19px;
	border-left: 1px solid #CCC;
	margin: 0 0 0 20px;
	float: left;
}

.runkeeper .homepage #rightColumn.activity.goal {
	border-left: none;
}

.runkeeper .homepage #rightColumn.activity .STlandingBox {
	width: 210px;
}

.runkeeper .claimBox {
   text-align: center;
   font-size: 23px;
   font-weight: bold;
   color: #000;
}

.runkeeper .claimBox div {
   text-align: center;
   font-size: 12px;
   color: #333;
   font-weight: normal;
   padding-top: 10px;
}

.runkeeper .homepage #rightColumn.activity .claimBox .rkicon {
	font-size: 48px;
	color: #999;
	margin-bottom: 30px;
}

.runkeeper .homepage #rightColumn.activity #signupForm {
	width: 210px;
}

/* Sign up form */

.runkeeper #signupForm {
	text-align: center;
}

.runkeeper #signupForm h2 {
	font-size: 26px;
	font-weight: bold;
	color: #333;
	margin-bottom: 25px;
}

.runkeeper #signupForm p {
	line-height: 130%;
}

.runkeeper #signupSubmit {
	text-align: center;
}

.runkeeper #signupSubmitButton {
	float: none;
	width: 140px;
	margin: 30px auto;
}

.runkeeper #signupText {
	color: #666;
}

.runkeeper .signupRow {
	position: relative;
	margin: 8px 0;
	width: 284px;
}

.runkeeper #signupEmailRow,
.runkeeper #signupPasswordRow,
.runkeeper #signupUsernameRow {
	text-align: right;
}

.runkeeper .signupRow input[type="text"],
.runkeeper .signupRow input[type="password"],
.runkeeper .signupRow input[type="email"] {
	font-size: 18px;
	width: 160px;
	margin-right: 10px;
}

.runkeeper .signupRow .ValidationErrors {
	float: right;
	text-align: left;
	font-size: 11px;
	width: 163px;
	color: #F00;
	margin-right: 10px;
}

.runkeeper .signupRow label {
	text-align: right;
	font-weight: bold;
	font-size: 18px;
	margin: 0 5px 0 0;
	color: #666;
}

.runkeeper .homepage .facepile {
   margin: 20px auto;
   width: 292px
}

.runkeeper .homepage .signupRow label.over-apply {
	color: #ccc;
	position: absolute;
	top: 6px;
	left: 115px;
	font-size: 18px;
	text-align: left;
}

.runkeeper .homepage .signupRow div.label {
	text-align: right;
	font-weight: bold;
	font-size: 18px;
	margin: 0 5px 0 0;
	color: #666;
	float: left;
	width: 100px;
	position: relative;
	top: 5px;
}

.runkeeper #signupUsernameRow {
	display: none;
}

/* Footer */

.runkeeper #push,
.runkeeper .homepage#push,
.runkeeper .howitworks#push {
	height: 110px; /* .push must be the same height as .footer */
	clear: both;
}

.runkeeper #footer,
.runkeeper .homepage#footer,
.runkeeper .howitworks#footer {
   
}

.runkeeper .homepage#footer2 {
	width: 970px;
	height: 40px;
	margin: 0 auto;
	color: #666;
	font-size: 11px;
	position: relative;
}

.runkeeper .homepage#footer2 #fineprint {
	width: 570px;
	text-align: left;
	position: relative;
	top: 14px;
	float: left;
}

.runkeeper .homepage#footer2 #social {
	width: 400px;
	text-align: right;
	position: relative;
	top: 10px;
	float: left;
}

.runkeeper .homepage#footer2 #social #socialText {
	position: relative;
	top: -2px;
	margin-right: 6px;
}


.runkeeper .homepage#footer2 #social .socialIcon {
	margin: 0 4px;
	vertical-align: middle;
}

.runkeeper .headerSignupContainer {
   position: absolute;
   top: 17px;
   left: 416px;
   width: 278px;
   height: 75px;
   background: url(../images/header-signup-bg.png) no-repeat 0 0;
}

.runkeeper .headerSignupContainer .blueButton-medium {
   position: relative;
   top: 35px;
   right: 20px;
}

.runkeeper #signupText p {
   font-size: 10px;
}

.runkeeper .homepage #mainContent h1,
.runkeeper .homepage #mainContent h2 {
   font-weight: 100;
   text-align: center;
   background: none;
   font-size: 24px;
}

.runkeeper .homepage #mainContent .icon {
   margin: 20px 0 0 0;
}

/* How it works */

@charset "UTF-8";

/* Main Layout */

.runkeeper .howitworks #mainColumn {
	width: 650px;
	margin: 0;
	float: left;
}

.runkeeper .howitworks #rightColumn {
	width: 300px;
	margin: 0 0 0 20px;
	float: left;
}

/* How it works */

.runkeeper .howitworks#subContent h3 {
	color: #333;
	font-size: 40px;
	border-bottom: none;
	text-shadow: #EEE 1px 1px 0;
	width: 990px;
	text-align: center;
	margin: 0 auto 10px auto;
}

.runkeeper .howitworks #midNaviPhone .icon {
	background: url(../images/icon-iphone.png) no-repeat top center;
}

.runkeeper .howitworks #midNavAndroid .icon {
	background: url(../images/icon-nexusone.png) no-repeat top center;
}

.runkeeper .howitworks .shadowBoxContainer#webContent {
}

.runkeeper .howitworks .shadowBoxContainer#iPhoneContent {
}

.runkeeper .howitworks .shadowBoxContainer#androidContent {
}

.runkeeper .howitworks #subContentWeb {
	float: left;
}

.runkeeper .howitworks #subContentBody .shadowBoxContent {
   padding: 30px;
}

.runkeeper .howitworks #subContentiPhone {
	display: none;
	float: left;
}

.runkeeper .howitworks #subContentAndroid {
	display: none;
	float: left;
}

.runkeeper .howitworks #mainContent {
	width: 650px;
	height: 364px;
	background: #CCC;
}

.runkeeper .howitworks .largeImageTest {
	position: relative; 
	left: -21px;
}

/* Landing Pages */

/* Landing Pages */

.runkeeper .fitnessClass.landingPage #leftColumn {
   width: 210px;
   margin-right: 40px;
}

.runkeeper .fitnessClass.landingPage #findFitnessClasses {
   width: 210px;
}

.runkeeper .fitnessClass.landingPage #findFitnessClasses h2 {
   font-size: 18px;
   margin-bottom: 13px;
   padding-bottom: 4px;
   border-bottom: 1px solid #CCC;
}

.runkeeper .fitnessClass.landingPage #findFitnessClasses .findFitnessClassLinkRow {
   font-size: 14px;
   margin-bottom: 10px;
   clear: both;
}

.runkeeper .fitnessClass.landingPage #findFitnessClasses .findFitnessClassLinkRow .icon {
   width: 23px;
   height: 23px;
   float: left;
   margin-right: 6px;
}

.runkeeper .fitnessClass.landingPage #findFitnessClasses .findFitnessClassLinkRow .link {
   float: left;
   font-weight: bold;
   display: block;
   position: relative;
   top: 3px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageHeader {
   width: 720px;
   height: 195px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageHeader h1 {
   background: none;
   font-weight: 100;
   color: #000;
   font-size: 30px;
   letter-spacing: 1.1px;
   margin: 10px 0;
   padding: 0;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageHeader .subHeader {
   color: #666;
   font-size: 21px;
   font-weight: normal;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageHeader p {
   color: #000;
   line-height: 120%;
   font-size: 13px;
   margin: 3px 0 15px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageHeader ul {
   list-style: disc;
   padding-left: 30px;
   margin: 20px auto 0;
   font-size: 13px;
   color: #666;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageHeader ul li {
   font-weight: normal;
   margin: 8px 0;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageHeader ul li span {
   font-weight: bold;
   color: #000;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageHeader .pageHeaderText {
   float: left;
   width: 387px;
   margin-right: 20px;
   height: 205px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageHeader .pageHeaderImage {
   float: left;
   width: 313px;
   height: 195px;
   padding-top: 10px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent {
   position: relative;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .shadow-top,
.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .shadow-bottom {
   position: relative;
   left: -40px;
   width: 800px;
   height: 55px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .hiwContent {
   position: relative;
   width: 640px;
   margin: 0 auto;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .hiwContent h2 {
   font-weight: bold;
   color: #666;
   font-size: 18px;  
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .hiwContent .hiwRow {
   margin: 18px 0;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .hiwContent .hiwRow .hiwNumber {
   font-weight: 100;
   font-size: 40px;
   color: #000;
   float: left;
   width: 50px;
   text-align: right;
   margin-right: 20px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .hiwContent .hiwRow .hiwTextBox {
   float: left;
   width: 570px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .hiwContent .hiwRow .hiwTextBox .hiwTitle {
   font-weight: bold;
   font-size: 16px;
   color: #000;
   margin: 3px 0 5px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .hiwContent .hiwRow .hiwTextBox .hiwDetails {
   font-weight: normal;
   font-size: 13px;
   color: #333;
   line-height: 130%;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox {
   width: 605px;
   margin: 30px auto 0;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox h2 {
   text-align: center;
   font-size: 24px;
   font-weight: 100;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox {
   margin: 20px 0;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink {
   display: block;
   width: 109px;
   height: 109px;
   margin-left: 15px;
   float: left;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink span {
   visibility: hidden;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink:first-child {
   margin-left: 0;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-5K {
   background: url(../images/button-run5K.png) no-repeat 0 0;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-5K:hover {
   background: url(../images/button-run5K.png) no-repeat 0 -109px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-5K:active {
   background: url(../images/button-run5K.png) no-repeat 0 -218px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-10K {
   background: url(../images/button-run10K.png) no-repeat 0 0;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-10K:hover {
   background: url(../images/button-run10K.png) no-repeat 0 -109px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-10K:active {
   background: url(../images/button-run10K.png) no-repeat 0 -218px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-halfMarathon {
   background: url(../images/button-runHalfMarathon.png) no-repeat 0 0;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-halfMarathon:hover {
   background: url(../images/button-runHalfMarathon.png) no-repeat 0 -109px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-halfMarathon:active {
   background: url(../images/button-runHalfMarathon.png) no-repeat 0 -218px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-marathon {
   background: url(../images/button-runMarathon.png) no-repeat 0 0;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-marathon:hover {
   background: url(../images/button-runMarathon.png) no-repeat 0 -109px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-marathon:active {
   background: url(../images/button-runMarathon.png) no-repeat 0 -218px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-loseWeight {
   background: url(../images/button-runLoseWeight.png) no-repeat 0 0;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-loseWeight:hover {
   background: url(../images/button-runLoseWeight.png) no-repeat 0 -109px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-loseWeight:active {
   background: url(../images/button-runLoseWeight.png) no-repeat 0 -218px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-5K {
   background: url(../images/button-run5K-gold.png) no-repeat 0 0;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-5K:hover {
   background: url(../images/button-run5K-gold.png) no-repeat 0 -109px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-5K:active {
   background: url(../images/button-run5K-gold.png) no-repeat 0 -218px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-10K {
   background: url(../images/button-run10K-gold.png) no-repeat 0 0;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-10K:hover {
   background: url(../images/button-run10K-gold.png) no-repeat 0 -109px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-10K:active {
   background: url(../images/button-run10K-gold.png) no-repeat 0 -218px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-halfMarathon {
   background: url(../images/button-runHalfMarathon-gold.png) no-repeat 0 0;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-halfMarathon:hover {
   background: url(../images/button-runHalfMarathon-gold.png) no-repeat 0 -109px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-halfMarathon:active {
   background: url(../images/button-runHalfMarathon-gold.png) no-repeat 0 -218px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-marathon {
   background: url(../images/button-runMarathon-gold.png) no-repeat 0 0;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-marathon:hover {
   background: url(../images/button-runMarathon-gold.png) no-repeat 0 -109px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-marathon:active {
   background: url(../images/button-runMarathon-gold.png) no-repeat 0 -218px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-loseWeight {
   background: url(../images/button-runLoseWeight-gold.png) no-repeat 0 0;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-loseWeight:hover {
   background: url(../images/button-runLoseWeight-gold.png) no-repeat 0 -109px;
}

.runkeeper .fitnessClass.landingPage #mainColumn .pageContent .selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-loseWeight:active {
   background: url(../images/button-runLoseWeight-gold.png) no-repeat 0 -218px;
}

/* Login/Signup */

@charset "UTF-8";

/* Login */

.runkeeper .login#wrapper {
	background: url(../images/subContent-bg.png) repeat 0 0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
	margin: 0 auto -40px;
}

.runkeeper .login #content {
	background: url(../images/subContent-bg-top.png) repeat-x 0 0;
	width: 100%;
	margin: 0 auto;
}

.runkeeper .login #content .logo {
	width: 610px;
	height: 170px;
	margin: 0 auto;
	padding: 30px 0;
}

.runkeeper .login #content #loginBox {
	width: 400px;
	margin: 0 auto;
}

.runkeeper .login #content #signinContainer {
	position: relative;
	z-index: 60;
}

.runkeeper .login #content #signinContainer .facebookLogin {
	border-top: 1px solid #CCC;
	padding: 30px 60px 10px;
	color: #333;
}

.runkeeper .login #content #signinContainer .facebookLogin .facebookButton {
	width: 150px;
	font-size: 13px;
	padding: 12px 2px 12px 36px;
	margin-left: 10px;
}

.runkeeper .login #content #signinContainer .facebookLogin .facebookButton .rkicon {
	width: 33px;
	height: 33px;
	font-size: 19px;
}

.runkeeper .login #content #forgotContainer {
	display: none;
	position: relative;
	z-index: 60;
}

.runkeeper .login #content #signupFormContainer {
	display: none;
}

.runkeeper .login #content .toggleLink {
	width: 400px;
	margin: 0 auto;
	position: relative;
	top: 20px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.runkeeper .login #content .toggleLink #toggleLogin {
	display: none;
}

/* Sign Up Form */

.runkeeper .login .shadowBoxContent {
	padding: 30px;
}

.runkeeper .login .signupRow h2 {
	font-size: 31px;
	font-weight: bold;
	color: #555;
	margin-bottom: 25px;
	text-align: center;
}

.runkeeper .login .signupRow#signinHeader h2 {
	font-size: 20px;
}

.runkeeper .login .signupRow#forgotHeader h2 {
	font-size: 28px;
}

.runkeeper .login #signupFormContainer p {
	line-height: 130%;
	text-align: center;
}

.runkeeper .login #forgotContainer p {
	line-height: 130%;
	text-align: center;
	color: #333;
}

.runkeeper .login .signupRow {
	position: relative;
	margin: 8px auto;
	width: 340px;
	text-align: right;
}

.runkeeper .login #signupEmailRow,
.runkeeper .login #signupPasswordRow,
.runkeeper .login #signupUsernameRow,
.runkeeper .login #signinUsername,
.runkeeper .login #signinPassword {
	width: 284px;
}

.runkeeper .login #signinForgot {
	width: 270px;
}

.runkeeper .login #forgotEmail {
	width: 250px;
}

.runkeeper .login #signupUsernameRow {
	display: none;
}

.runkeeper .login #signupSubmit,
.runkeeper .login #signinSubmit,
.runkeeper .login #forgotSubmit {
	text-align: center;
}

.runkeeper .login #signupSubmitButton,
.runkeeper .login #loginButton-submit,
.runkeeper .login #forgotPassword-submit{
	float: none;
	width: 140px;
	margin: 30px auto;
}

.runkeeper .login #signinContainer input[type=text].ErrorField,
.runkeeper .login #signinContainer input[type=password].ErrorField,
.runkeeper .login #forgotContainer input[type=text].ErrorField {
	border: 1px solid #F00;
	width: 164px;
	height: 24px;
	margin: 2px;
}

.runkeeper .login #signinRememberMe {
	position: relative;
	right: 0;
	width: 160px;
	margin: 20px auto;
	text-align: center;
}

.runkeeper .login #signinRememberMe label {
	font-size: 14px;
	font-weight: normal;
	position: relative;
	top: 4px;
}

.runkeeper .login #forgotBack {
	float: left;
	position: relative;
	top: 10px;
	right: 0;
}

.runkeeper .login #forgotSubmit {
	width: 340px;
}

.runkeeper .login #forgotText p {
   width: 235px;
   margin: 0 auto;
   color: #666;
}

.runkeeper .login #resetEmailSent .icon {
   width: 64px;
   height: 63px;
   margin: 0 auto 10px auto;
}

.runkeeper .login #resetEmailSent .header {
   color: #269948;
   font-size: 32px;
   font-weight: bold;
   text-align: center;
   text-shadow: #FFF 1px 1px 0;
   margin-bottom: 24px;
}

.runkeeper .login #resetEmailSent .mainText {
   color: #333;
   font-size: 13px;
   text-align: center;
   line-height: 130%;
}

.runkeeper .login #resetEmailSent .mainText span {
   font-weight: bold;
   color: #000;
}

.runkeeper #authorizationForm #allowButton-submit,
.runkeeper #authorizationForm #denyButton-submit {
   float: left;
   width: 140px;
   margin: 30px auto;
}

.runkeeper #authorizationForm #denyButton-submit {
   margin-right: 20px;
   margin-left: 25px;
}

.runkeeper #authorizationForm #name,
.runkeeper #authorizationForm #organization {
   font-weight: bold;
}

.runkeeper #authorizationForm .details {
   text-align: center;
}

.runkeeper #authorizationForm .details ul {
   margin: 2em;
   text-align: left;
   list-style-type: disc;
}

.runkeeper #authorizationForm .details li {
   padding: 3px;
}

/* Onboarding flow */

.runkeeper #content.oneColumn.onboarding {
   width: 700px;
}

.runkeeper #content.oneColumn.onboarding .header {
   border-bottom: 1px solid #EEE;
}

.runkeeper #content.oneColumn.onboarding .header .icon {
   width: 25px;
   height: 25px;
   float: left;
   margin-right: 8px;
   position: relative;
   top: -4px;
}

.runkeeper #content.oneColumn.onboarding .header .steps .icon {
   width: 20px;
   height: 20px;
   float: left;
   margin-right: 8px;
   position: relative;
   top: -3px;
}

.runkeeper #content.oneColumn.onboarding .header .steps .mainText {
   display: block;
}

.runkeeper #content.oneColumn.onboarding .header .steps #onboardingStep1 .icon {
   background: url(../images/icon-streetteam-20.png) no-repeat 0 0;
}

.runkeeper #content.oneColumn.onboarding .header .steps #onboardingStep1.selected .icon {
   background: url(../images/icon-streetteam-20-white.png) no-repeat 0 0;
}

.runkeeper #content.oneColumn.onboarding .header .steps #onboardingStep2 .icon {
   background: url(../images/icon-profile-20.png) no-repeat 0 0;
}

.runkeeper #content.oneColumn.onboarding .header .steps #onboardingStep2.selected .icon {
   background: url(../images/icon-profile-20-white.png) no-repeat 0 0;
}

.runkeeper #content.oneColumn.onboarding .header .title {
   float: left;
   margin-right: 8px;
   font-size: 18px;
   font-weight: bold;
   color: #222;
}

.runkeeper #content.oneColumn.onboarding p {
   color: #222;
   font-size: 14px;
   font-weight: bold;
   line-height: 130%;
   margin: 30px auto 20px auto;
   text-align: center;
}

.runkeeper .connectWidget .spinner {
   position: absolute;
   opacity: 0.6;
   background: #FFF;
}

.runkeeper .connectWidget .spinner img {
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -24px 0 0 -24px;
}

.runkeeper .connectWidget.facebook {
   margin: 30px auto 0 auto;
   position: relative;
}

.runkeeper .connectWidget.facebook .spinner {
   top: 67px;
   left: 1px;
   width: 228px;
   height: 120px;
   z-index: 1001;
}

.runkeeper .connectWidget p {
   color: #222;
   line-height: 130%;
   margin: 0 auto 10px;
}

.runkeeper .connectWidget.facebook .title {
   background: #00345A;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004F7F', endColorstr='#00345A');
   background: -webkit-gradient(linear, left top, left bottom, from(#004F7F), to(#00345A));
   background: -moz-linear-gradient(top,  #004F7F,  #00345A);
   text-align: center;
   padding: 15px 5px;
}

.runkeeper .connectWidgetOptionsBox {
   border: 1px solid #CCC;
   border-bottom: none;
   width: 208px;
   padding: 10px;
}

.runkeeper .connectWidgetOptionsBox .row {
   margin-top: 10px;
}

.runkeeper .connectWidgetOptionsBox .row:first-child {
   margin-top: 0;
}

.runkeeper .connectWidgetOptionsBox .row .autoPostText {
   font-size: 13px;
   font-weight: bold;
   color: #333;
   position: relative;
   top: 3px;
   float: left;
}

.runkeeper #content.onboarding .footer {
   border-top: 1px solid #EEE;
   padding-top: 5px;
   margin-top: 30px;
}

.runkeeper #content.onboarding .footer .actions {
   text-align: right;
}

.runkeeper #content.onboarding .footer .actions .text {
   float: right;
   position: relative;
   top: 10px;
   color: #666;
   margin-right: 10px;
}

.runkeeper .onboarding .settings label {
   width: 260px;
}

.runkeeper .onboarding .settings .settingsRow .settingsRight {
   width: 380px;
}

.runkeeper .onboarding .settings .settingsRow .info {
   margin-top: 10px;
   margin-left: 280px;
}

.runkeeper .onboarding .connectWidget .fbButton {
   text-align: center;
   margin: 0 10px;
   padding: 10px 0;
}

.runkeeper .settings #settingsPicture #picturePreviewBox {
   width: 229px;
}

.runkeeper .settings #settingsPicture #pictureSelectionBox {
   width: 450px;
}

.runkeeper .settings #settingsPicture #pictureSelectionBox #facebookPictureBox .photoBox {
   margin-right: 10px;
}

.runkeeper .settings #settingsPicture #pictureSelectionBox #facebookPictureBox .photoInfoBox {
   width: 347px;
}

.runkeeper .settings #settingsPicture #pictureSelectionBox #facebookPictureBox .photoInfoBox .statusText {
   margin-bottom: 26px;
}

.runkeeper .settings #settingsPicture #pictureSelectionBox #facebookPictureBox .photoInfoBox #facebookStatus {
   padding: 0;
   height: inherit;
}

.runkeeper .settings #settingsPicture #pictureSelectionBox #facebookPictureBox .photoInfoBox #facebookStatus .name {
   font-weight: bold;
   font-size: 16px;
   margin-bottom: 10px;
}

.runkeeper #fbConnected {
   width: 228px;
   position: relative;
   background: #DFEFE3;
   padding: 4px 0 16px;
   text-align: center;
   color: green;
}

.runkeeper #fbConnected img {
   position: relative;
   top: 6px;
}

.runkeeper .fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
   display: none !important;
}

/* profile */

@charset "UTF-8";

/* reset */

.runkeeper .profile#content {
	position: relative;
}

.runkeeper #subNav.profile .profileBoxSmall {
	display: none;
}

.runkeeper #leftColumn .profileBoxSmall {
	width: 200px;
	margin-bottom: 30px;
}

.runkeeper .profileBoxSmall .username a {
	color: #333;
}

.runkeeper .profileBoxSmall .username .setUsername a {
	color: #2A5DB0;
}

.runkeeper .profileBoxSmall .username .setUsername a:hover {
	color: #2F8CCC;
}

.runkeeper .usernameLink {
   text-overflow: ellipsis;
   float: left;
   display: block;
}

.runkeeper .usernameLinkLive {
   float: left;
   display: block;
   width: 130px;
   position: relative;
   top: 1px;
}

.runkeeper .teammateUsername .usernameLinkLive {
   float: left;
   display: block;
   width: 99px;
   position: relative;
   top: 1px;
   left: -8px;
}

.runkeeper .listContainer .listItem .teammateUsername .rkLiveLightMenu {
   display: block;
   width: 27px;
   height: 27px;
   float: left;
   position: relative;
   top: -3px;
   left: -7px;
}

.runkeeper .profileBoxSmall .usernameLinkLive {
   left: -4px;
}

.runkeeper .profile .profileBoxSmall .usernameLinkLive {
   left: 0;
}

.runkeeper .profile .profileBoxSmall .username {
	width: 200px;
	float: left;
	text-align: left;
	clear: left;
}

.runkeeper .profile .profileBoxSmall #monthlyActivities {
	width: 200px;
	float: left;
	text-align: left;
	position: relative;
	top: 8px;
	margin-bottom: 10px;
	clear: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	left: 0;
}

.runkeeper #subNav.navigation.profile {
   margin-bottom: 0;
}

.runkeeper #subNav.navigation.profile #subNavBox {
   margin-left: 220px;
}

.runkeeper .profile #leftColumn {
	width: 200px;
	position: relative;
	margin: 0 30px 0 0;
	top: -50px;
}

.runkeeper #subNav.profile .clear.profileSubNav {
   clear: left;  
   display: block;
}

.runkeeper #subNav .clear.profileSubNav {
   display: none;  
}

.runkeeper .profile #leftColumn h2 {
	clear: left;
}

.runkeeper .profile #mainColumn {
	width: 740px;
	clear: right;
	float: right;
}

.runkeeper .profile #streetTeamButton {
	margin-top: 10px;
	position: relative;
}

.runkeeper .profile #streetTeamButton .mainText {
	font-size: 12px;
	top: 7px;
	margin-left: 28px;
}

.runkeeper .profile #streetTeamButton .accordion-m {
	width: 192px;
}

.runkeeper .profile #streetTeamButton .accordion-m .bubble-m {
	width: 0px;
}

.runkeeper .profile #streetTeamButton .bubble {
	display: block;
	width: 20px;
	right: 5px;
}

.runkeeper .profile #streetTeamButton .bubble-text {
	background: url(../images/bubble-arrow.png) no-repeat 0 0;
	width: 15px;
	height: 12px;
	top: 4px;
	left: 3px;
}

.runkeeper .profile #streetTeamButton.respond .bubble-m {
	width: 0;
}

.runkeeper .profile #streetTeamButton.confirmed .bubble {
   display: none;
}

.runkeeper .profile #streetTeamButton.confirmed .accordion-l,
.profile #streetTeamButton.confirmed .accordion-m,
.profile #streetTeamButton.confirmed .accordion-r {
   background: none;
}

.runkeeper .profile .accordion.confirmed {
   cursor: default;
}

.runkeeper .profile #streetTeamButton .navStatusArrow {
	background: url(../images/icon-streetteam-xsmall.png) no-repeat 0 0;
	width: 20px;
	height: 20px;
	top: 4px;
	left: 6px;
}

.runkeeper .profile #userInfoDetails {
	width: 166px;
	padding: 15px;
	font-size: 11px;
	border: 2px solid #CCC;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	margin: 0 0 30px 0;
	float: left;
	clear: left;
}

.runkeeper .profile #userInfoDetails .headline {
	font-weight: bold;
	color: #333;
	margin-bottom: 8px;
}

.runkeeper .profile #userInfoDetails .details {
	font-weight: normal;
	color: #666;
	margin-bottom: 14px;
	line-height: 130%;
}

.runkeeper .profile #userInfoDetails .details span {
	font-style: italic;
	color: #AAA;
	font-size: 11px;
}

.runkeeper .profile #userInfoDetails .connect .socialIcon {
	margin: 0 6px 0 0;
	display: block;
	width: 20px;
	height: 20px;
	float: left;
}

.runkeeper .profile #profileBox {	
	width: 750px;
	height: 99px;
	border-bottom: 1px solid #CCC;
}

.runkeeper #profileStatsBox .divider {
	background-color: #777 ;
	float: left;
	height: 99px;
	width: 1px;
}

.runkeeper .profile #profileStatsBox h3 {
	text-align: center;
	color: #444;
	border-bottom: none;
	font-size: 21px;
}

.runkeeper .profileStatsCell {    
   float: left;
	vertical-align: middle;
	border: none;
	text-align: center;
	padding: 5px 15px;
	color: #555;
	position: relative;
	top: 10px;
}

.runkeeper #totalActivities {
   width: 147px;
}


.runkeeper #totalDistance {
   width: 147px;
}

.runkeeper #totalCalories {
   width: 207px;
}

.runkeeper #profileStatsReports {
   width: 126px;
}

.runkeeper #profileStatsReports .button {
   width: 126px;
   height: 30px;
   position: relative;
   top: 35px;
}

.runkeeper .profileStatsLabel {
	text-align: center;	
	color: #777;
	font-size: 14px;
	position: relative;
	top: 5px;
}

.runkeeper #profileStatsReports .profileStatsDetail {
   text-align: center;  
   color: #DDD;
   position: relative;
}

.runkeeper #profileStatsReports .profileStatsDetail {
   font-weight: normal;
}

.runkeeper #profileStatsReports .arrow
{
   color: #DDD;
   position: absolute;
   top: 50%;
   right: 25px;
}

.runkeeper #profileStatsReports:hover
{
   cursor: pointer;
}

.runkeeper #profileStatsReports:hover .arrow,
.runkeeper #profileStatsReports:hover .profileStatsDetail
{
   color:#FFF;
}

.runkeeper .profileStatsDetail {
	text-align: center;
	font-weight: bold;
	color: white;
	font-size: 54px;
	text-shadow: #000 1px 1px 5px;
}

.runkeeper .profile .mainContentLeft {
	width: 500px;
	float: left;
	margin: 0 30px 0 10px;
}

.runkeeper .profile .mainContentRight {
	width: 200px;
	float: left;
	clear: none;
}

.runkeeper .profile #streetTeamContainer {
	width: 200px;
	min-height: 40px;
	position: relative;
	float: left;
}

.runkeeper .profile #streetTeamContainer .teammateUsername .usernameLink {
	word-wrap: break-word;
	float: none;
}

.runkeeper .profile #streetTeamContainer h2 {
   font-size: 17px;
   font-weight: bold;
   color: #333;
   margin-bottom: 5px;
   text-align: center;
   padding: 8px 8px 0px 8px;
}

.runkeeper .profile .teammateContainer {
	width: 180px;
	padding: 8px 0px;
	border-bottom: 1px solid #CCC;
	text-align: left;
	clear: left;
	position: relative;
}

.runkeeper .profile .teammateDetails {
	text-align: left;
	clear: none;
	float: left;
	position: relative;
	top: 3px;
}

.runkeeper .profile .teammateUsername {
	font-size: 14px;
	color: #000;
	font-weight: bold;
	padding-bottom: 3px;
	width: 120px;
	position: relative;
}

.runkeeper .profile .teammateMonthlyActivities {
	font-size: 11px;
	color: #666;
	font-weight: normal;
	padding-bottom: 3px;
}

.runkeeper .profile .teammateFullName {
	font-size: 11px;
	color: #666;
	font-weight: bold;
	padding-bottom: 5px;
	width: 120px;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 13px;
}

.runkeeper .profile .teammateMonthlyActivities span {
	font-size: 11px;
	color: #000;
	font-weight: bold;
}

.runkeeper .profile .teammateContainer img {
	margin-right: 10px;
	float: left;
}

.runkeeper .profile .mainContentLeft h3.subHeadline {
	border-bottom: 1px solid #CCC;
	width: 500px;
	padding-right: 0;
	padding-left: 0;
}
.runkeeper .profile #streetTeamOverlay {
   position: absolute;
   z-index: 100;
   width: 230px;
   top: -12px;
   left: 204px;
   display: none;
}

.runkeeper .profile #streetTeamRequestBox.shadowBoxContent {
   padding: 24px;
}

.runkeeper .profile #streetTeamRequestBox .mainText:first-child {
   font-size: 13px;
   color: #555;
   line-height: 130%;
   margin-bottom: 10px;
}

.runkeeper .profile #streetTeamRequestBox .mainText span {
   font-weight: bold;
   color: #111;
}

.runkeeper .profile #streetTeamRequestBox #acceptRequest {
   margin-right: 8px;
}

.runkeeper .profile #streetTeamRequestBox #ignoreRequest {
   margin-right: 6px;
}

.runkeeper h2 .bodyMeasurementsUpdate {
   display: block;
   float: right;
   font-size: 12px;
}

.runkeeper #bodyMeasurementsContainer {
   margin-top: 5px;
   text-align: center;
   width: 200px;
   border: 1px solid #CCC;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   background: #EEE;
   background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DDD));
   background: -moz-linear-gradient(top,  #F5F5F5,  #DDD);
   -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#DDD');
}

.runkeeper #bodyMeasurementsContainer .divider {
   height: 0;
   border-top: 1px solid #CCC;
   margin: 14px auto 10px;
   width: 184px;
}

.runkeeper #bodyMeasurementsContainer p {
   font-size: 16px;
   font-weight: bold;
   color: #666;
   line-height: 130%;
   margin-top: 5px;
}

.runkeeper #bodyMeasurementsContainer p.footnote {
   font-size: 11px;
   font-weight: normal;
   color: #666;
   line-height: 130%;
   margin: 0 0 0 0;
   padding: 0 0 10px 0;
   text-align: left;
   width: 140px;
   float: left;
}

.runkeeper #bodyMeasurementsContainer img.icon {
   float: left;
   margin: 5px 13px 0 0;
   padding-left: 5px;
}

.runkeeper #bodyMeasurementsContainer a {
   font-weight: bold;
   padding-bottom: 10px;
}

.runkeeper #bodyMeasurementsContainer .greydient-content .bodyMeasurementsRow {
   margin: 8px auto 0 auto;
   font-size: 13px;
}

.runkeeper #bodyMeasurementsContainer .greydient-content .bodyMeasurementsRow:first-child {
   margin: 0px auto;
}

.runkeeper #bodyMeasurementsContainer .greydient-content .bodyMeasurementsRow .label {
   float: left;
   width: 100px;
   color: #666;
   text-align: left;
}

.runkeeper #bodyMeasurementsContainer .greydient-content .bodyMeasurementsRow .details {
   float: right;
   width: 84px;
   text-align: right;
   font-weight: bold;
   color: #111;
}

.runkeeper #bodyMeasurementsLightbox {
   position: relative;
   top: 30px;
}

.runkeeper #bodyMeasurementsLightbox h2 {
   margin: 20px 0 5px 0;
}
   
.runkeeper #bodyMeasurementsLightbox h2 .viewChartLink {
   float: right;
   font-size: 12px;
   font-weight: normal;
}

.runkeeper #updateBodyMeasurements {
   background: #EEE;
   padding: 10px;
   width: 260px;
   text-align: center;
}

.runkeeper #updateBodyMeasurements div.bodyMeasurementRow {
   margin: 10px auto;
}

.runkeeper #updateBodyMeasurements input[type="text"] {
   float: left;
   width: 80px;
   font-size: 18px;
   margin-right: 6px;
}

.runkeeper #updateBodyMeasurements div.bodyMeasurementRow label {
   float: left;
   position: relative;
   top: 6px;
   font-size: 16px;
   color: #666;
   font-weight: bold;
   margin: 0 10px 0 12px;
   text-align: right;
   width: 100px;
}

.runkeeper #updateBodyMeasurements div.bodyMeasurementRow span {
   font-size: 16px;
   color: #666;
   font-weight: bold;
   position: relative;
   top: 6px;
   float: left;
   display: block;
}

.runkeeper #bodyMeasurementButton-submit {
   margin-right: 74px;
}

.runkeeper #updateBodyMeasurements .blueButton-medium .m .mainText {
   top: 5px;
}

.runkeeper #bodyMeasurementsHistory .blueButton-small .m .mainText {
   top: 0;
}

.runkeeper #bodyMeasurementsHistory .blueButton-small {
   position: relative;
   top: 4px;
}

.runkeeper #bodyMeasurementsHistory {
   margin-top: 4px;
   width: 640px;
   height: 250px;
}

.runkeeper #bodyMeasurementsHistory .bodyMeasurementsRow {
   width: 620px;
   padding: 7px 10px;
}

.runkeeper #bodyMeasurementsHistory .bodyMeasurementsRow.odd {
   background: #F3F3F3;
}

.runkeeper #bodyMeasurementsHistory .bodyMeasurementsRow.header {
   padding: 3px 10px;
   background: #666;
   color: #CCC;
   font-weight: bold;
   width: 620px;
}

.runkeeper #bodyMeasurementsHistory .bodyMeasurementsRow.header .date,
#bodyMeasurementsHistory .bodyMeasurementsRow.header .weight,
#bodyMeasurementsHistory .bodyMeasurementsRow.header .bodyFatMass,
#bodyMeasurementsHistory .bodyMeasurementsRow.header .actions {
   background: #666;
   font-size: 12px;
   color: #FFF;
   font-weight: bold;
}

.runkeeper #bodyMeasurementsHistory .bodyMeasurementsRow.header .weight span,
#bodyMeasurementsHistory .bodyMeasurementsRow.header .bodyFatMass span {
   color: #CCC;
   display: inline;
   top: 0;
}

.runkeeper #bodyMeasurementsHistory .bodyMeasurementsRow.header .weight,
#bodyMeasurementsHistory .bodyMeasurementsRow.header .bodyFatMass,
#bodyMeasurementsHistory .bodyMeasurementsRow.header .actions {
   text-align: center;
}

.runkeeper #bodyMeasurementsHistory .bodyMeasurementsRow.header .date {
   top: -1px;
}

.runkeeper #bodyMeasurementsHistory .bodyMeasurementsRow .date {
   float: left;
   font-size: 14px;
   color: #666;
   margin-right: 10px;
   width: 250px;
   font-weight: bold;
   position: relative;
   top: 6px;
}

.runkeeper #bodyMeasurementsHistory .bodyMeasurementsRow .weight {
   float: left;
   width: 140px;
   margin-right: 10px;
}

.runkeeper #bodyMeasurementsHistory .bodyMeasurementsRow .weight input[type="text"],
#bodyMeasurementsHistory .bodyMeasurementsRow .bodyFatMass input[type="text"] {
   float: left;
   width: 40px;
   text-align: center;
   font-size: 18px;
   font-weight: bold;
   margin: 0 10px 0 30px;
}

.runkeeper #bodyMeasurementsHistory .bodyMeasurementsRow .weight span,
#bodyMeasurementsHistory .bodyMeasurementsRow .bodyFatMass span {
   display: block;
   position: relative;
   top: 4px;
   color: #333;
}

.runkeeper #bodyMeasurementsHistory .bodyMeasurementsRow .bodyFatMass {
   float: left;
   width: 140px;
   margin-right: 10px;
}

.runkeeper #bodyMeasurementsHistory .bodyMeasurementsRow .actions {
   float: left;
   width: 60px;
}

.runkeeper #bodyMeasurementsLightbox .pageinatorContainer {
   height: 20px;
   padding-top: 10px;
   border-top: 1px solid #CCC;
   width: 640px;
}

.runkeeper #bodyMeasurementsLightbox .pageinatorContainer .next {
   float: right;
}

.runkeeper #bodyMeasurementsLightbox .pageinatorContainer .previous {
   float: left;
}

.runkeeper #bodyMeasurementsLightbox .pageinatorContainer .pages {
   width: 500px;
   margin: 0 auto;
   text-align: center;
}

.runkeeper .hardwareLink {
   width: 260px;
   text-align: center;
   margin: 18px auto 12px;
   font-weight: bold;
   color: #000;
}

.runkeeper .pictureSettingsBox {
   display: none;
}

.runkeeper #content.profile .pictureSettingsBox {
   display: none;
   background: #000;
   padding: 8px;
   height: 16px;
   position: absolute;
   left: 0;
   bottom: 2px;
   opacity: 0.0;
   background: rgb(0, 0, 0);
   background: rgba(0, 0, 0, 0.6);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.runkeeper #content.profile .pictureSettingsBox .icon {
   display: block;
   float: left;
   margin-right: 8px;
   width: 16px;
   height: 16px;
   opacity: 1.0;
   background: url(../images/icon-profilePic-small.png) no-repeat 0 0;
}

.runkeeper #content.profile .pictureSettingsBox a {
   display: block;
   float: left;
   opacity: 1.0;
   position: relative;
   top: 3px;
   font-size: 11px;
   text-decoration: none;
   color: #DDD;
}

.runkeeper #content.profile .pictureSettingsBox a:hover {
   text-decoration: underline;
   color: #FFF;
}

.runkeeper #profileStatsReports a {
   position: relative; 
   top: 2px;
}

.runkeeper .streetTeamPopupWrapper {
   position: relative;
   clear: left;
   margin-bottom: 30px;
}

.runkeeper #profileDropdownHelp {
   position: absolute;
   z-index: 100;
   width: 400px;
   top: 50;
   right: -8px;
   display: block;
}

.runkeeper #profileDropdownHelpBox {
   padding: 20px;
   width: 360px;
}

.runkeeper #profileDropdownHelpBox .image {
   float: left;
   width: 183px;
   height: 222px;
   margin-right: 20px;
   border: 1px solid #CCC;
}

.runkeeper #profileDropdownHelpBox .content {
   float: left;
   width: 155px;
}

.runkeeper #profileDropdownHelp .shadowBoxContent .content p {
   float: left;
   width: 124px;
   color: #333;
   line-height: 130%;
   margin: 0 0 20px 0;
   font-size: 13px;
}

.runkeeper #profileDropdownHelp .shadowBoxContent .content .icon {
   float: left;
   width: 21px;
   height: 21px;
   margin-right: 10px;
}

.runkeeper #profileDropdownHelp .shadowBoxContent h3 {
   padding-bottom: 10px;
   margin-bottom: 10px;
}

.runkeeper #profileDropdownHelp .shadowBoxContent h3 div.text {
   float: left;
   position: relative;
   top: 3px;
   font-size: 18px;
   font-weight: bold;
   color: #333;
}

.runkeeper #profileDropdownHelp .shadowBoxContent h3 div.icon {
   float: left;
   width: 20px;
   height: 20px;
   margin-right: 6px;
}

.runkeeper #profileDropdownHelp .shadowBoxContent h3 div.clear {
   float: none;
   top: 0;
}

.runkeeper #profileDropdownHelp .shadowBoxContent h3 a.closeLink {
   float: right;
   position: relative;
   top: 5px;
   font-weight: normal;
   font-size: 11px;
}

.runkeeper #profileDropdownHelp.shadowBoxContainer.arrowTop .shadowBoxArrow {
   left: 300px;
}
 .usernameLinkInline {
   text-overflow: ellipsis;   
   display: inline;
 }
 
 /* Purchase Page */

.runkeeper #content.purchase #mainColumn {
   width: 620px;
   margin-right: 50px;
   float: left;
}

.runkeeper #content.purchase #mainColumn > h3 {
   border-bottom: none;
}

.runkeeper #content.purchase #rightColumn {
   width: 300px;
   float: left;
}

.runkeeper h3.purchaseHeader {
   border-bottom: none;
   background: #DDD;
   color: #333;
   padding: 5px;
   width: 610px;
   margin: 30px 0 20px;
}

/* Shopping Cart Window */

.runkeeper #shoppingCartContainer {
   width: 300px;
   position: relative;
}

.runkeeper #shoppingCartContainer h2 {
   margin-bottom: 6px;
}

.runkeeper .productListWindow {
   position: relative;
   background: #FFF;
   border: 1px solid #CCC;
   width: 298px;
   left: -8px;
   padding: 5px 0;
}

.runkeeper .productListWindow .border {
   width: 298px;
   height: 1px;
   border-top: 1px solid #CCC;
   margin: 5px 0;
   clear: both;
}

.runkeeper .productListWindow .border:first-child {
   display: none;
}

.runkeeper .productListItem {
   position: relative;
   width: 290px;
   padding: 5px;
}

.runkeeper .productListItem .price {
   position: absolute;
   top: 50%;
   right: 7px;
   margin-top: -9px;
   font-size: 14px;
   color: #333;
   font-weight: bold;
}

.runkeeper .productListItem .textContainer {
   width: 220px;
}

.runkeeper .productListItem .textContainer .title {
   font-size: 14px;
   color: #333;
   font-weight: bold;
   margin-bottom: 5px;
   line-height: 120%;
}

.runkeeper .productListItem .textContainer .details {
   font-size: 11px;
   color: #666;
   font-weight: normal;
   line-height: 100%;
}

.runkeeper .cartTotalBox {
   clear: both;
   margin: 5px 0;
}

.runkeeper .cartTotalBox .label {
   float: left;
   font-size: 16px;
   color: #444;
   font-weight: bold;
   position: relative;
   top: 8px;
}

.runkeeper .cartTotalBox .price {
   float: right;
   font-size: 28px;
   color: #111;
   font-weight: bold;
   padding-top: 2px;
}

.runkeeper #productDetailsBox {
   width: 620px;
}

.runkeeper #productDetailsBox .icon {
   width: 50px;
   height: 50px;
   margin-right: 10px;
   float: left;
   border: 1px solid #CCC;
}

.runkeeper #productDetailsBox .text {
   width: 400px;
   margin-right: 10px;
   float: left;
}

.runkeeper #productDetailsBox .text h2 {
   font-size: 16px;
}

.runkeeper #productDetailsBox .text p {
   margin: 4px 0 0 0;
   color: #333;
   line-height: 130%;
   height: 32px;
   overflow: hidden;
   font-size: 12px;
}

.runkeeper #productDetailsBox .price {
   background: url(../images/priceWindow-bg.png) no-repeat 0 0;
   position: absolute;
   width: 127px;
   height: 50px;
   float: left;
   right: 10px;
   top: 50%;
   margin-top: -25px;
}

.runkeeper #productDetailsBox .price .mainText {
   font-size: 32px;
   text-shadow: #333 3px 1px 1px;
   width: 127px;
   margin-top: 8px;
   font-weight: bold;
   color: #FFF;
   text-align: center;
}

.runkeeper #productDetailsBox .price .subText {
   font-size: 10px;
   text-shadow: #333 1px 1px 1px;
   width: 127px;
   margin-top: 5px;
   font-weight: normal;
   color: #FFF;
   text-align: center;
}

.runkeeper #productDetailsBox .price img {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 10;
}

.runkeeper #productOptionsBox label {
   float: left;
   position: relative;
   top: 6px;
   left: 5px;
   margin-right: 10px;
   font-size: 16px;
   font-weight: bold;
}

.runkeeper #productOptionsBox .upSellBox {
   width: 610px;
   padding: 5px 5px 5px 15px;
   border-top: 1px solid #EEE;
   margin-top: 15px;
}

.runkeeper #productOptionsBox .upSellBox .upSellItem {
   width: 610px;
   position: relative;
   clear: both;
   margin: 10px 0;
}

.runkeeper #productOptionsBox .upSellBox .upSellItem label {
   float: left;
   position: relative;
   top: 4px;
   font-size: 13px;
   font-weight: bold;
}

.runkeeper #productOptionsBox .upSellBox .upSellItem label span {
   color: red;
}

.runkeeper #productOptionsBox .upSellBox .upSellItem label img {
   vertical-align: middle;
   position: relative;
   top: -1px;
}

.runkeeper .subscriptionSelectBox.purchase {
   width: 310px;
   margin: 0 0 20px 33px;
   padding: 10px 10px 20px 10px;
   background: #EEE;
}

.runkeeper .subscriptionSelectBox.purchase .creditCardFormRow {
   width: 310px;
   height: 28px;
}

.runkeeper .subscriptionSelectBox.purchase .creditCardFormRow .subscriptionTypeContent {
   width: 270px;
}

.runkeeper #content.purchase .ccInfoBox {
   width: 284px;
   float: left;
   margin-right: 30px;
}

.runkeeper #content.purchase .ccBillingInfoBox {
   width: 284px;
   float: left;
}

.runkeeper #content.purchase .ccInfoFormAction {
   border-top: 1px solid #EEE;
}

.runkeeper #content.purchase .ccInfoFormAction .reportsAgreeTOS {
   float: left;
   text-align: left;
   position: relative;
   top: 4px;
   width: 500px;
   font-size: 16px;
}

.runkeeper #content.purchase .ccInfoFormAction .reportsAgreeTOS label {
   top: 2px;
}

.runkeeper #content.purchase .ccInfoFormAction #creditCard-submit {
   float: left;
   width: 100px;
}

.runkeeper #content.purchase .ccInfoFormAction p.footnote {
   width: 600px;
   text-align: right;
}

.runkeeper #content.purchase .ccInfoFormAction p.footnote span {
   color: #111;
   font-size: 14px;
   font-weight: bold;
}

.runkeeper #content.purchase .ccInfoBox h2,
.runkeeper #content.purchase .ccBillingInfoBox h2 {
   margin-bottom: 15px;
}

.runkeeper .purchase .creditCardFormRow#paymentTypeRow {
   width: 500px;
   margin-top: 0;
   padding-top: 0;
}

.runkeeper .purchase .creditCardFormRow#paymentTypeRow .label {
   font-size: 16px;
   color: #111;
   margin-left: 5px;
}

.runkeeper .purchase .paymentFormBox {
   width: 600px;
   margin-top: 10px;
   border-top: 1px solid #EEE;
   padding: 15px 10px 0;
}

.runkeeper .purchase .paymentFormBox #paypalExpressForm {
   border-top: none;
   padding-top: 0;
   margin-top: 0;
}

.runkeeper .purchase .paymentFormBox #paypalExpressForm .reportsAgreeTOS {
   float: left;
   text-align: left;
   position: relative;
   top: 4px;
   width: 455px;
   font-size: 16px;
   margin-top: 0;
}

.runkeeper .purchase .paymentFormBox #paypalExpressForm .reportsAgreeTOS label {
   top: 2px;
}

.runkeeper .purchase .paymentFormBox #paypalExpressForm input[type="image"] {
   float: left;
   text-align: left;
   position: relative;
   top: 4px;
   width: 145px;
   font-size: 16px;
   margin-top: 0;
}

.runkeeper .noActivitiesContainer {
   width: 500px;
   margin: 60px auto 30px auto;
   text-align: center;
}

.runkeeper .mainContentLeft .noActivitiesContainer {
   width: 470px;
   padding: 10px;
   margin: 24px auto;
   text-align: center;
   
}

.runkeeper .mainContentLeft .noActivitiesContainer .noActivitiesContent h3 {
   width: 440px;
   font-size: 24px;
   text-align: center;
   margin: 10px auto 0 auto;
   color: #333;
}

.runkeeper .noActivitiesContainer .noActivitiesContent h3 {
   font-size: 27px;
   border-bottom: none;
   margin-bottom: 30px;
}

.runkeeper .noActivitiesContainer .noActivitiesContent p {
   font-size: 17px;
   color: #666;
   line-height: 130%;
}

.runkeeper .noActivitiesContainer .noActivitiesContent .downloadBox {
   margin: 20px auto 0;
   width: 280px;
}

.runkeeper .noActivitiesContainer .noActivitiesContent .downloadBox a {
   width: 140px;
   height: 38px;
   float: left;
   display: block;
}

.runkeeper .noActivitiesContainer .noActivitiesContent .downloadBox a.android {
   background: url(../images/download-android-140.png) no-repeat 0 0;
}

.runkeeper .noActivitiesContainer .noActivitiesContent .downloadBox a.android:hover {
   background: url(../images/download-android-140.png) no-repeat 0 -38px;
}

.runkeeper .noActivitiesContainer .noActivitiesContent .downloadBox a.pro {
   background: url(../images/download-iphone-140.png) no-repeat 0 0;
}

.runkeeper .noActivitiesContainer .noActivitiesContent .downloadBox a.pro:hover {
   background: url(../images/download-iphone-140.png) no-repeat 0 -38px;
}

.runkeeper .noActivitiesContainer .noActivitiesContent .downloadBox a.windows {
   background: url(../images/download-windows-140.png) no-repeat 0 0;
}

.runkeeper .noActivitiesContainer .noActivitiesContent .downloadBox a.windows:hover {
   background: url(../images/download-windows-140.png) no-repeat 0 -38px;
}

.runkeeper .noActivitiesContainer .noActivitiesContent .downloadBox a.nokia {
   background: url(../images/download-nokia-140.png) no-repeat 0 0;
}

.runkeeper .noActivitiesContainer .noActivitiesContent .downloadBox a.nokia:hover {
   background: url(../images/download-nokia-140.png) no-repeat 0 -38px;
}

.runkeeper .activityPostNewActivity {
   float: none;
   width: 240px;
   margin: 40px auto;
}

/* search */

/* Search Page */

.runkeeper .route_search {
   height: 40px;
   width: 720px;
   margin: 30px auto;
   position: relative;
}

.runkeeper .route_search .searchFormCell {
   float: left;
   padding: 0 11px;
   position: relative;
   top: -1px;
}

.runkeeper .route_search .divider {
   float: left;
   width: 1px;
   height: 38px;
   background: url(../images/search-divider.png) no-repeat 0 0;
   position: relative;
   top: -7px;
}

.runkeeper .route_search #searchSubmitButton {
   position: relative;
   top: -2px;
}

.runkeeper .route_search .searchFormCell.title {
   font-size: 24px;
   color: #666;
   font-weight: bold;
   padding-left: 0;
}

.runkeeper .route_search .searchFormCell.submit {
   padding-right: 0;
}

.runkeeper .route_search .searchFormCell.activityType .selector {
   width: 192px;
   top: -5px;
}

.runkeeper .route_search .searchFormCell.activityType .selector span {
   width: 147px;
}

.runkeeper .race .searchFormCell.activityType .selector {
   width: 106px;
   top: -5px;
}

.runkeeper .race .searchFormCell.activityType .selector span {
   width: 66px;
}

.runkeeper .race .searchFormCell.distance .selector {
   width: 168px;
   top: -5px;
}

.runkeeper .race .searchFormCell.distance .selector span {
   width: 125px;
}

.runkeeper .route_search input[type="submit"] {
   position: absolute;
   top: -5000px;
}

.runkeeper .route_search .searchFormCell input[type="text"] {
   float: left;
   height: 20px;
   font-size: 18px;
   font-weight: normal;
}

.runkeeper .route_search .searchFormCell.location input[type="text"] {
   width: 160px;
}

.runkeeper .route_search .searchFormCell.distance input[type="text"] {
   width: 40px;
}

.runkeeper .route_search .searchFormCell.distance span {
   font-size: 21px;
   color: #666;
   position: relative;
   top: 3px;
   padding-left: 6px;
}

.runkeeper .route_search.race .searchFormCell.distance span {
   font-size: 14px;
   color: #000;
   position: relative;
   padding-left: 0;
   top: 0;
}

.runkeeper .route_search .searchFormCell label {
   position: absolute;
   top: -25px;
   font-size: 12px;
   color: #666;
   width: 160px;
   text-align: center;
   left: 50%;
   margin-left: -80px;
}

.runkeeper .search .resultsContainer {
   width: 710px;
   margin: 20px auto;
}

.runkeeper .search.static .resultsContainer {
   width: 500px;
   margin: 10px auto;
}

.runkeeper .search .resultsContainer .border {
   width: 710px;
   height: 1px;
   margin: 8px 0;
   border-top: 1px solid #EEE;
}

.runkeeper .search .resultsContainer .border:first-child {
   display: none;
}

.runkeeper .search.static .resultsContainer .border {
   width: 500px;
}

.runkeeper .search .resultListItem {
   padding: 8px;
   width: 694px;
   position: relative;
   min-height: 102px;
}

.runkeeper .search.static .resultListItem {
   width: 484px;
}

.runkeeper .search .resultListItem:hover {
   background: #F3F3F3;
   cursor: pointer;
}

.runkeeper .search .resultListItem:active {
   background: #E8E8E8;
}

.runkeeper .search .resultArrow {
   background: url(../images/feedArrow.png) no-repeat 0 0;
   width: 24px;
   height: 24px;
   position: absolute;
   right: 8px;
   top: 50%;
   margin-top: -12px;
}

.runkeeper .search .resultImage {
   float: right;
   margin: -50px 0 0 0;
   width: 100px;
   height: 100px;
   position: absolute;
   top: 50%;
   right: 43px;
   border: 1px solid #CCC;
   
}

.runkeeper .search .resultAuthorBox {
   text-align: right;
   height: 90px;
   margin-top: -45px;
   position: absolute;
   top: 50%;
   right: 155px;
   width: 100px;
}

.runkeeper #content.twoColumn .search .resultAuthorBox {
   height: 120px;
   margin-top: -60px;
}

.runkeeper .search .resultAuthorBox .title,
.runkeeper .search#mainColumn .resultAuthorBox .title {
   color: #666;
   margin-bottom: 5px;
   width: 100px;
   text-align: center;
   font-size: 11px;
}

.runkeeper .search .resultAuthorBox .icon {
   width: 50px;
   height: 50px;
   margin: 0 auto;
   position: relative;
}

.runkeeper .search .resultAuthorBox .label {
   color: #333;
   margin-top: 5px;
   width: 100px;
   text-align: center;
   font-weight: bold;
   font-size: 11px;
}

.runkeeper .search .resultAuthorBox .icon .icon-elite.small {
   bottom: 3px;
}

.runkeeper .search .resultTextContainer {
   float: left;
   width: 440px;
}

.runkeeper .search.static .resultTextContainer {
   float: left;
   width: 242px;
}

.runkeeper .search .resultTextContainer .resultTitle {
   font-weight: bold;
   font-size: 18px;
   color: #000;
   margin-bottom: 10px;
   line-height: 120%;
}

.runkeeper .search .resultTextContainer .resultSub {
   font-weight: normal;
   font-size: 12px;
   color: #666;
   margin-bottom: 5px;
}

.runkeeper .search .resultTextContainer .resultSub span {
   font-weight: bold;
}

.runkeeper .search .resultTextContainer .resultLink {
   font-weight: bold;
   font-size: 16px;
   margin-top: 15px;
}

.runkeeper .search .resultActiveLink {
   display: none;
}

.runkeeper h3.noSearchPerformed {
   border-bottom: none;
   font-size: 24px;
   width: 710px;
   margin: 60px auto 30px;
   text-align: center;
   color: #999;
}

.runkeeper div.noSearchPerformed {
   font-size: 16px;
   width: 710px;
   margin: 30px auto;
   text-align: center;
   color: #666;
}

.runkeeper div.noSearchPerformed a {
   font-weight: bold;
}

.runkeeper h3.noSearchResults {
   border-bottom: none;
   font-size: 24px;
   width: 710px;
   margin: 60px auto;
   text-align: center;
   color: #666;
}

.runkeeper .searchNavBottom {
   margin-top: 16px;
   font-size: 16px;
}

.runkeeper .searchNavBottom .nextLink {
   float: right;
}

.runkeeper .searchNavBottom .prevLink {
   float: left;
}

.runkeeper .resultsContainer p {
   font-size: 16px;
   color: #666;
   text-align: center;
   position: relative;
   top: -30px;
}

.runkeeper .resultsContainer.fitnessClasses .resultListItem .resultImage {
   background: url(../images/calendar-bg-small.png) no-repeat 0 0;
   border: none;
}

.runkeeper .resultsContainer.fitnessClasses .resultListItem .resultImage .weekNumber {
   font-size: 50px;
   font-weight: bold;
   color: #000;
   text-align: center;
   margin: 16px 0 0 0;
}

.runkeeper .resultsContainer.fitnessClasses .resultListItem .resultImage .weekLabel {
   font-size: 13px;
   font-weight: bold;
   color: #000;
   text-align: center;
}

.runkeeper .resultsContainer.fitnessClasses .resultListItem .resultStreetTeammates {
   font-size: 11px;
   color: #666;
   margin-top: 10px;
}

.runkeeper .resultsContainer.fitnessClasses .resultListItem .resultStreetTeammates .userGrid.streetTeammates {
   margin: 6px 0 0 0;
}

.runkeeper.team .pageIcon .rkicon {
   font-size: 25px;
   position: relative;
   top: -5px;
   color: #555;
}

.runkeeper.team #mainColumn {
   width: 750px;
}

.runkeeper.team #leftColumn {
   margin-right: 20px;
}

.runkeeper.team .teamContainer .avatar {
   display: inline-block;
   margin: 0;
   position: relative;
   width: 150px;
   height: 150px;
   overflow: hidden;
}

.runkeeper.team .teamContainer .avatar .bio {
   position: absolute;
   width: 130px;
   height: 14px;
   padding: 10px;
   bottom: 0;
   left: 0;
   background: rgb(0,0,0); /* Old browsers */
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYmJiYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* IE10+ */
   background: linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#dddddd',GradientType=0 ); /* IE6-8 */
}

.runkeeper.team .teamContainer .avatar .bio.full {
   background: rgb(0,0,0); /* Old browsers */
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYmJiYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.8) 100%); /* IE10+ */
   background: linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.8) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#dddddd',GradientType=0 ); /* IE6-8 */
}

.runkeeper.team .teamContainer .avatar .bio .name {
   color: #FFF;
   font-size: 14px;
   font-weight: bold;
   text-shadow: 1px 1px 1px #000;
}

.runkeeper.team .teamContainer .avatar .bio .jobTitle {
   color: #CCC;
   font-size: 11px;
   font-style: italic;
   margin-top: 5px;
   padding-bottom: 4px;
   border-bottom: 1px solid #CCC;
   display: none;
}

.runkeeper.team .teamContainer .avatar .bio .funFact {
   color: #FFF;
   font-size: 12px;
   font-weight: normal;
   margin-top: 5px;
   line-height: 130%;
   display: none;
}