/* Content */

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

.content #mainColumn {
   width: 740px;
}

.termsofservice h3,
.californianotices h3,
.privacypolicy h3 {
   margin-top: 30px;
}

.termsofservice div,
.californianotices div,
.privacypolicy div {
   margin: 8px 0 8px 20px;
}

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

/* Contact Page  */

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

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

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

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

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

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

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

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

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

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

.contactContent .company {
   margin-bottom: 10px;
}

.contactContent .addressInfo {
   margin: 6px 0;
}

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

.contactContent .contactLink {
   display: block;
   margin: 6px 0;
}

/* Team page */

.teamContainer h3.name {
   border-bottom: none;
   margin-bottom: 0;
}

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

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

p.intro {
   margin: 0 0 20px 0;
   padding-bottom: 20px;
   border-bottom: 1px solid #CCC;
}

/* Error */

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

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

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

.error h3 {
   border-bottom: none;
}

.error .actions {
   margin-top: 30px;
}

/* Download Page */
.contentArea {
   position: relative;
   margin: 30px auto 0;
   width: 740px;
}

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

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

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

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

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

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

.tellYourFriendsContainer h2 {
   margin-bottom: 10px;
}
.tellYourFriendsContainer span {
   visibility: hidden;
}

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

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

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

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

.deviceContainer {
   width: 200px;
   float: left;
   margin: 0 10px;
}

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

.contentArea ol {
   list-style: decimal;
   width: 170px;
   padding-left: 20px;
   margin: 24px auto 50px;
}

.contentArea ol li {
   margin: 8px 0;
}

.deviceContainer a span {
   visibility: hidden;
}

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

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

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

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

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

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

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

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

/* Heart Rate Landing Page */

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

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

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

.mainContentBox h1 {
   background: none;
   padding: 0;
   margin-bottom: 20px;
}

.mainContentBox h1 span {
   display: block;
   margin: 12px 0 20px;
}

.mainContentBox p.subtitle {
   margin-bottom: 20px;
}

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

.mainContentBox .videoLinkBox .icon {
   width: 120px;
   height: 70px;
   margin-right: 20px;
   float: left;
   background: #CCC;
}

.mainContentBox .videoLinkBox .content {
   width: 340px;
   float: left;
   position: relative;
   top: 25px;
}

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

.stepsContainer h3 {
   width: 970px;
   border-bottom: none;
   margin-bottom: 20px;
}

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

.stepsBox p.instructionTitle {
   width: 400px;
   margin: 0 auto 15px;
}

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

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

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

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

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

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

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

.numbersBox .numberRow .number {
   float: left;
   width: 40px;
   margin-right: 10px;
}

.numbersBox .numberRow .step {
   float: left;
   width: 350px;
}

/* About Page */

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

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

#sideNav {
   width: 200px;
}


/* Android Page */

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

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

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

.android #mainColumn .mainContent p {
   width: 595px; 
   margin: 10px auto; 
}

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

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

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

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

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

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

/* Runkeeper Go Page */

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

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

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

div.requiredText {
   float: right;
   display: inline;
   position: relative;
   top: 4px;
}

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

.creditCardFormRow {
   margin: 8px 0;
}

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

.creditCardFormRow label {
   float: left;
   position: relative;
   top: 3px;
   margin-right: 6px;
   width: 106px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.subscriptionSelectBox .subscriptionTypeContent .subText {
   margin-top: 4px;
}

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

.reportsAgreeTOS label {
   position: relative;
   top: 5px;
}

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

#paypalExpressForm input[type="image"] {
   width: 145px;
   margin: 15px 0 15px 150px;
   display: block;
   float:left;
}

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

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

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

#paymentTypeRow {
   padding: 12px 0;
}

.creditCardFormRow .label {
   float: left;
   margin: 0 6px 12px 12px;
   position: relative;
   top: 7px;
}

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

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

#content.elite h3 { 
   border-bottom: none;
   margin-bottom: 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#content.elite .featureBox .contentBox h3 {
   border-bottom: none;
   margin-bottom: 10px;
}

#content.elite .featureBox#eliteMoreFeatures p {
   position: relative;
   top: -20px;
}

/* New with Runkeeper Go C */

#content.elite #mainColumn {
   margin: 0;
   width: 100%;
}

div.cta {
   padding: 10px;
}
#mainHighlight p {
   margin-bottom: 20px !important;
}
#mainHighlight p.upgrade {
   color:#444;
}
#eliteHighlights {
   border-top: 1px solid #e9e9e9;
   margin-top: 30px;
   padding-top: 25px;
}
#eliteHighlights h2 {
   text-align: center;
   padding:0 5px;
}
#eliteHighlights .highlight {
   padding: 0;
   border-right: 1px solid #e9e9e9;
   border-left: 1px solid #e9e9e9;
   width: 33%; 
   float: left;
}
#eliteHighlights .highlight .container {
   padding: 0 20px;
}
#eliteHighlights .highlight:first-child .container {
   padding-left: 0;
}
#eliteHighlights .highlight:last-child,
#eliteHighlights .highlight:first-child {
   border:0;
}
#eliteHighlights .highlight:last-child .container {
   padding-right: 0;
}
#eliteHighlights ul {
   width: 230px;
   padding-left: 20px;
   margin-left: 20px;
}
#eliteHighlights ul li {
   list-style-type: disc;
   padding-bottom: 20px !important;
}

#eliteHighlights .highlight .userQuoteOuter {
   background: url(/static/kronos/images/bg-close-dblquote.png) no-repeat bottom right;
}
#eliteHighlights .highlight .userQuoteInner {
   background: url(/static/kronos/images/bg-open-dblquote.png) no-repeat top left;
   padding: 20px 10px;
}
#eliteHighlights .highlight .userQuoteInner .userQuoteContent {
   position: relative;
}
#eliteHighlights .highlight .userQuoteInner .userQuoteContent p {
   padding: 0;
   margin: 0 0 15px 0;
}
#eliteHighlights .highlight .userQuoteInner .userQuoteContent img {
   height: 50px; 
   width: 50px; 
   border: 0;
   float: right; 
   padding: 0px 0px 20px 20px;
}

/* Make Vertical Form more Horizontal */

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

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

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

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

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

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

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

#eliteSubscriptionTypeSelection {
   padding-bottom: 10px;
   border-bottom: 1px solid #EEE;
   
}
.creditCardLogos {
   width: 90px;
}
.subscriptionSelectBox .subscriptionTypeContent {
    width: 550px;
}
.creditCardFormRow .label {
   margin-left: 5px;
}

#creditCard-submit {
    float: right;
}

.reportsAgreeTOS {
    float: left;
}
.ccInfoFormAction .footnote {
    width: auto;
}
.reportsAgreeTOS label {
   top: 2px;
}

/* Rock N Roll Marathon */

#wrapper {
    margin: 0 auto;
    width: 100%;
}

#headerContent h1 {
   background: url(../images/logo.png) top left no-repeat;
   width: 205px;
   height: 40px;
   display: inline-block;
   margin: 0;
   padding: 0;
   text-indent: -10000px;
}

.homepage #content{
   width: 100%;
   height: 400px;
   padding-top: 20px;
}

#header h2 {
   display: inline-block;
   vertical-align: bottom;
   margin-left: 50px;
}

#content #left {
   display: block;
   width: 240px;
   float: left;
}
#content #left #rnrLogo {
   margin: 35px 20px 5px 20px;
}
#content #left hr {
   background: url(../images/upper-shadow-white-240x20.png) center center no-repeat;
   border: 0;
   height: 20px;
   width: 240px;
}
#content #left #overview {
   width: 200px;
   margin: 15px 20px;
   border: 1px solid #999;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   border-radius: 15px;
}
#content #left #overview ul {
   margin: 10px 7.5px 7.5px 15px;
   padding: 0 0 0 15px;
   list-style: disc;
}
#content #left #overview ul li {
   margin: 0;
   margin-bottom: 15px;
}
#content #left #about {
   width: 200px;
   margin: 15px 20px;
}
#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;
}

#content #right {
   display: block;
   width: 725px;
   float: left;
}
#content #right #mainColumn {
   margin: 35px 0 0 20px;
}
#content #right #mainColumn h3 {
   border: 0;
}
#content #right #mainColumn ul.raceSelect {
   border-bottom: 1px solid #CCC;
}
#content #right #mainColumn ul.raceSelect li {
   border-top: 1px solid #CCC;
   padding: 20px 10px;
}
#content #right #mainColumn ul.raceSelect li.heading {
   border: 0;
   padding: 20px 0 5px 475px;
}
#content #right #mainColumn ul.raceSelect li.heading h3 {
   margin: 0;
   padding: 0;
}
#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;
}

#content #right #mainColumn ul.raceSelect li .raceDetails {
   width: 200px;
   margin: 0 0 0 20px;
   float: left;
}

#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;
}
#content #right #mainColumn ul.fitnessClasses li {
   border: 0;
   border-bottom: 1px solid #CCC;
   padding: 5px 0px;
}
#content #right #mainColumn ul.fitnessClasses li:last-child {
   border: 0;
}
#content #right #mainColumn ul.fitnessClasses li a:hover {
   text-decoration: underline;
}
#content #right #mainColumn ul.fitnessClasses li a.button,
.fcdLeft a.button {
   border: 1px solid #263b78;
   padding: 2px 15px 3px 15px;
   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%
   );
}
#content #right #mainColumn ul.fitnessClasses li a.button:hover,
.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%
   );
}
#content #right #mainColumn ul.fitnessClasses li a.button:active,
.fcdLeft a.button:active {   
   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%
   );
}
.fcdLeft a.button {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    display: block;
    margin: 10px 0;
    padding: 5px 25px 7px;
    width: 75px;
}

#content #right #mainColumn ul.fitnessClasses li strong {
   float: left;
}

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

.fcDetailContent {
   display: none;
   height: 400px;
   width: 650px;
}
.fcdLeft {
   float: left;
   display: block;
   width: 220px;
}
.fcdRight {
   float: left;
   display: block;
   width: 430px;
}
.fcdCellPadding {
   padding: 10px;
}
p.fcdDates {
   margin: 10px 0 !important;
}
p.fcdDates img {
   margin-right: 5px;
   margin-bottom: 5px;
   float: left;
}
p.fcdDates span {
   display: block;
   padding-top: 10px;
}
p.fcdPrices {
   margin: 10px 0 !important;
}
hr.fcdHr {
   border: 0;
   border-top: 1px solid #CCC;
   margin-top: 5px;
   margin-bottom: 4px;
}
div.fcdFacePile {
   margin: 10px 2px;
}
div.fcdCalendar {
   position: relative;
   display: block;
   height: 320px;
   width: 400px;
   cursor: pointer;
}
div.fcdCalendar img {
   position: absolute;
   top: 0;
   left: 0;
}
.fcdRight p {
   margin: 10px 0 !important;
}


/* homepage */

@charset "UTF-8";

/* Homepage */

.homepage_subtitle{
   width: 835px;
   margin: 0 auto;
}

#wrapper {
   height: auto !important;
   height: 100%;
   margin: 0 auto -70px;
   width: 100%;
   min-height: 100%; /*for sticky footer*/
}

/* Header */

.homepage#header,
.loggedout#header {
   width: 100%;
   height: 114px;
   background: url(../images/hp-header-bg.jpg) repeat-x 0 0;
}

.homepage#header.new_hp {
   background: none;
   background-color: #353535;
   height: 75px;
}

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

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

.homepage #siteLogo {
   margin: 10px 20px 0 0;
}

/* Utility Navigation */

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

.homepage #homepageLogin .details {
   position: relative;
   top: 7px;
   margin-right: 5px;
   float: right;
}

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

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

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

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

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

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

.signinRow .ValidationErrors {
   width: 163px;
}

#signinContainer .formIndicator.error,
#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;
}

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

#signinForgot {
   margin-bottom: 10px;
}

#signinRememberMe {
   position: absolute;
   top: 1px;
   right: 50px;
   width: 120px;
}

.homepage #forgotContainer {
   display: none;
}

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

.loggedout #forgotContainer h2 {
   position: relative;
   top: -2px;
}

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

.loggedout #forgotContainer p {
   margin: 0;
}

.loggedout #forgotContainer a {
   text-decoration: none;
}

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

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

.loggedout #forgotContainer .signinRow {
   width: 210px;
}

#forgotText {
   margin-bottom: 7px;
}

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

#forgotBack {
   width: 100px;
   position: absolute;
   right: 104px;
   top: 3px;
}

/* Main Layout */

.homepage #mainColumn {
   float: left;
}

.homepage #rightColumn {
   margin: 22px 0 0 35px;
   float: left;
}

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

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

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

/* for email landing page*/
.homepage #rightColumn .STlandingBox {
   width: 300px;
   margin: 0 auto 8px;
}

.claimBox {
   margin: 10px 0;
}

.claimBox div {
   padding-top: 10px;
}

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

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

/* Sign up form */


#signupForm h2 {
   margin-bottom: 25px;
}

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

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

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

.signupRow .ValidationErrors {
   float: right;
   width: 163px;
   margin-right: 10px;
}

.signupRow label {
   margin: 0 5px 0 0;
}

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

.homepage .signupRow label.over-apply {
   position: absolute;
   top: 6px;
   left: 115px;
}

.homepage .signupRow div.label {
   margin: 0 5px 0 0;
   float: left;
   width: 100px;
   position: relative;
   top: 5px;
}

#signupUsernameRow {
   display: none;
}

.signup_email_button,
.signup_email_button .buttonBorder {
   display: block;
   width: 100%;
}

/* Footer */

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

.homepage .push{
   height: 70px;
}

#social a{
   float: right;
   margin-right: 5px;
}

.homepage #footer{
   height: 70px;
   background: none;
   margin: 0px  auto -20px;
}

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

.homepage #footer2{
   padding-top: 9px;
}

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

.headerSignupContainer .blueButton-medium {
   position: relative;
   top: 35px;
   right: 20px;
}
.homepage #mainContent h1,
.homepage #mainContent h2 {
   background: none;
}
.homepage #mainContent{
   width: 750px;
}
.homepage.activity #mainContent{
   width: 1085px;
   margin: 25px 0 20px -50px;
}

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


/* Landing Pages */

.email_landing #footer{
   height: 70px;
}

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

.selectFitnessClassBox {
   width: 605px;
   margin: 30px auto 0;
}

.selectFitnessClassBox .selectFitnessClassLinkBox {
   margin: 20px 0;
}

.selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink {
   display: block;
   width: 109px;
   height: 109px;
   margin-left: 15px;
   float: left;
}

.selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink span {
   visibility: hidden;
}

.selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink:first-child {
   margin-left: 0;
}

.selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-5K {background: url(../images/button-run5K.png) no-repeat 0 0;}
.selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-5K:hover {background: url(../images/button-run5K.png) no-repeat 0 -109px;}
.selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-5K:active {background: url(../images/button-run5K.png) no-repeat 0 -218px;}
.selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-10K {background: url(../images/button-run10K.png) no-repeat 0 0;}
.selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-10K:hover {background: url(../images/button-run10K.png) no-repeat 0 -109px;}
.selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-10K:active {background: url(../images/button-run10K.png) no-repeat 0 -218px;}
.selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-halfMarathon {background: url(../images/button-runHalfMarathon.png) no-repeat 0 0;}
.selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-halfMarathon:hover {background: url(../images/button-runHalfMarathon.png) no-repeat 0 -109px;}
.selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-halfMarathon:active {background: url(../images/button-runHalfMarathon.png) no-repeat 0 -218px;}
.selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-marathon {background: url(../images/button-runMarathon.png) no-repeat 0 0;}
.selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-marathon:hover {background: url(../images/button-runMarathon.png) no-repeat 0 -109px;}
.selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-marathon:active {background: url(../images/button-runMarathon.png) no-repeat 0 -218px;}
.selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-loseWeight {background: url(../images/button-runLoseWeight.png) no-repeat 0 0;}
.selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-loseWeight:hover {background: url(../images/button-runLoseWeight.png) no-repeat 0 -109px;}
.selectFitnessClassBox .selectFitnessClassLinkBox .selectFitnessClassLink#button-FC-loseWeight:active {background: url(../images/button-runLoseWeight.png) no-repeat 0 -218px;}
.selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-5K {background: url(../images/button-run5K-gold.png) no-repeat 0 0;}
.selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-5K:hover {background: url(../images/button-run5K-gold.png) no-repeat 0 -109px;}
.selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-5K:active {background: url(../images/button-run5K-gold.png) no-repeat 0 -218px;}
.selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-10K {background: url(../images/button-run10K-gold.png) no-repeat 0 0;}
.selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-10K:hover {background: url(../images/button-run10K-gold.png) no-repeat 0 -109px;}
.selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-10K:active {background: url(../images/button-run10K-gold.png) no-repeat 0 -218px;}
.selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-halfMarathon {background: url(../images/button-runHalfMarathon-gold.png) no-repeat 0 0;}
.selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-halfMarathon:hover {background: url(../images/button-runHalfMarathon-gold.png) no-repeat 0 -109px;}
.selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-halfMarathon:active {background: url(../images/button-runHalfMarathon-gold.png) no-repeat 0 -218px;}
.selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-marathon {background: url(../images/button-runMarathon-gold.png) no-repeat 0 0;}
.selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-marathon:hover {background: url(../images/button-runMarathon-gold.png) no-repeat 0 -109px;}
.selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-marathon:active {background: url(../images/button-runMarathon-gold.png) no-repeat 0 -218px;}
.selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-loseWeight {background: url(../images/button-runLoseWeight-gold.png) no-repeat 0 0;}
.selectFitnessClassBox .selectFitnessClassLinkBox.gold .selectFitnessClassLink#button-FC-loseWeight:hover {background: url(../images/button-runLoseWeight-gold.png) no-repeat 0 -109px;}
.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 */

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

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

.login #content #logo {
   display: block;
   width: 300px;
   height: 72px;
   margin: 0 auto;
   padding: 30px 0;
   position: relative;
}

#wrapper .spotlight {
   width: 100%;
   height: 100%;
   min-height: 100%;
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -50% 0 0 -50%;
   background-size: 1200px 1200px;
   background-position: center -300px;
   background-repeat: no-repeat;
   z-index: 0;
}

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

.login #content #signinContainer {
   position: relative;
   z-index: 60;
   background-color:#fff;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
}
.login #content #signinContainer .signupRow label {
   margin-bottom:10px;
}

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

.login #content #forgotContainer {
   display: none;
}

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

.login #content .toggleLink {
   width: 400px;
   margin: 0 auto;
   position: relative;
   top: 20px;
}

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

/* Sign Up Form */

.login .shadowBoxContent {
   padding: 30px;
}

.login .signupRow h2 {
   margin-bottom: 25px;
}

.login .signupRow {
   position: relative;
   margin: 8px auto;
   width: 340px;
}

.login .signupRow#signinSubmit {
   margin:0 auto;
   padding:10px 0;
}

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

.login #signinForgot {
   width: 270px;
}

.login #forgotEmail {
   width: 250px;
}

.login #signupUsernameRow {
   display: none;
}

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

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

.login #signinRememberMe {
   position: relative;
   right: 0;
   width: 160px;
   margin: 20px auto;
}

.login #signinRememberMe label {
   position: relative;
   top: 4px;
}

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

.login #forgotSubmit {
   width: 340px;
}

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

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

.login #resetEmailSent .header {
   margin-bottom: 24px;
}

#authorizationForm #allowButton-submit,
#authorizationForm #denyButton-submit {
   padding: 10px 20px;
}

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

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

/* Onboarding flow */

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

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

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

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

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

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

#content.oneColumn.onboarding .header .title {
   float: left;
   margin-right: 8px;
}

#content.oneColumn.onboarding p {
   margin: 30px auto 20px auto;
}

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

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

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

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

.connectWidget p {
   margin: 0 auto 10px;
}

.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);
   padding: 15px 5px;
}

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

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

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

.connectWidgetOptionsBox .row .autoPostText {
   position: relative;
   top: 3px;
   float: left;
}

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

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

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

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

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

.onboarding .connectWidget .fbButton {
   margin: 0 10px;
   padding: 10px 0;
}

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

#fbConnected {
   width: 228px;
   position: relative;
   background: #DFEFE3;
   padding: 4px 0 16px;
}

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

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

/* profile */

@charset "UTF-8";

/* reset */

.profile#content {
   position: relative;
}

.profile .noActivities {
   text-align:center;
}

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

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

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

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

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

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

.profile .profileBoxSmall .username {
   width: 200px;
   float: left;
   clear: left;
}

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

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

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

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

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

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

.profile #leftColumn h2 {
   clear: left;
}

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

.profile #friendsButton {
   position: relative;
}


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

.profile .friendDetails {
   float: left;
   position: relative;
   padding-top:5px;
}

.profile .friendUsername {
   position: relative;

}
.profile .friendUsername a.user-name {
   font-weight:normal;
}

.profile .friendMonthlyActivities {
   padding-bottom: 3px;
}

.profile .friendFullName {
   padding-bottom: 5px;
   width: 120px;
   text-overflow: ellipsis;
   overflow: hidden;
   height: 13px;
}

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

.profile .friendsPopupWrapper {
   position:relative;
}
.profile #friendsOverlay {
   position: absolute;
   z-index: 100;
   width: 230px;
   bottom:10px;
   left: 35px;
   display: none;
   background:#fff;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   border-radius:3px;
   border:1px solid #e9e9e9;
   padding:10px;
}

.profile #friendsOverlay form {
   margin: 0;
}

.profile #friendsOverlay input[type='submit'] {
   margin-left:15px;
}

.profile #friendsRequestBox.shadowBoxContent {
   padding: 24px;
}

.profile #friendsRequestBox .mainText:first-child {
   margin-bottom: 10px;
}

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

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

h2 .bodyMeasurementsUpdate {
   display: block;
   float: right;
}

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

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

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

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

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

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

#bodyMeasurementsHistory .bodyMeasurementsRow.header {
   padding: 3px 10px;
   background: #666;
   width: 620px;
}

#bodyMeasurementsHistory .bodyMeasurementsRow.header .date,
#bodyMeasurementsHistory .bodyMeasurementsRow.header .weight,
#bodyMeasurementsHistory .bodyMeasurementsRow.header .bodyFatMass,
#bodyMeasurementsHistory .bodyMeasurementsRow.header .actions {
   background: #666;
}

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

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

#bodyMeasurementsHistory .bodyMeasurementsRow .date {
   float: left;
   margin-right: 10px;
   width: 250px;
   position: relative;
   top: 6px;
}

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

#bodyMeasurementsHistory .bodyMeasurementsRow .weight input[type="text"],
#bodyMeasurementsHistory .bodyMeasurementsRow .bodyFatMass input[type="text"] {
   float: left;
   width: 40px;
   margin: 0 10px 0 30px;
}

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

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

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

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

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

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

#bodyMeasurementsLightbox .pageinatorContainer .pages {
   width: 500px;
   margin: 0 auto;
}

.pictureSettingsBox {
   display: none;
}

#content.profile .pictureSettingsBox {
   display: none;
   background: #444;
   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)";
}

#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;
}

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

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

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

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

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

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

#profileDropdownHelp .shadowBoxContent .content p {
   float: left;
   width: 124px;
   margin: 0 0 20px 0;
}

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

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

#profileDropdownHelp .shadowBoxContent h3 div.text {
   float: left;
   position: relative;
   top: 3px;
}

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

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

#profileDropdownHelp .shadowBoxContent h3 a.closeLink {
   float: right;
   position: relative;
   top: 5px;
}

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

.noActivitiesContainer {
   margin: 60px auto 30px auto;
}

.noActivities .downloadBox {
   margin: 20px auto 0;
   width: 280px;
}

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

.noActivities .downloadBox a.android {background: url(../images/download-android-140.png) no-repeat 0 0;}
.noActivities .downloadBox a.android:hover {background: url(../images/download-android-140.png) no-repeat 0 -38px;}
.noActivities .downloadBox a.pro {background: url(../images/download-iphone-140.png) no-repeat 0 0;}
.noActivities .downloadBox a.pro:hover {background: url(../images/download-iphone-140.png) no-repeat 0 -38px;}
.noActivities .downloadBox a.windows {background: url(../images/download-windows-140.png) no-repeat 0 0;}
.noActivities .downloadBox a.windows:hover {background: url(../images/download-windows-140.png) no-repeat 0 -38px;}
.noActivities .downloadBox a.nokia {background: url(../images/download-nokia-140.png) no-repeat 0 0;}
.noActivities .downloadBox a.nokia:hover {background: url(../images/download-nokia-140.png) no-repeat 0 -38px;}

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

/* search */

/* Search Page */

.route_search {
   text-align: center;
   margin: 40px auto;
   position: relative;
}
.route_search > div {
   display:inline-block;
   position:relative;
   top:40px;
}
.route_search .searchFormCell label{
   text-align: left;
}

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

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

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

.route_search .searchFormCell.title {
   padding-left: 0;
   top:-2px;
}

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

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

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

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

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

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

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

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

.route_search .searchFormCell input[type="text"] {
   float: left;
   height: 20px;
}

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

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

.route_search .searchFormCell.distance span {
   position: relative;
   top: 3px;
   padding-left: 6px;
}

.route_search.race .searchFormCell.distance span {
   position: relative;
   padding-left: 0;
   top: 0;
}

.route_search .searchFormCell label {
   position: absolute;
   top: -40px;
   width: 160px;
}

.search .resultsContainer .createRoute {
   display: inline-block;
   float: center;
   margin-top: 10px;
}

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

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

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

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

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

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

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

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

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

.search .resultImage {
   float: right;
   margin: -50px 0 0 0;
   width: 100px;
   height: 100px;
   position: absolute;
   top: 50%;
   right: 43px;
   border: 1px solid #CCC;
   
}
.search .leaflet-control-attribution {
   display: none !important;
}
.search .resultAuthorBox {
   height: 90px;
   margin-top: -45px;
   position: absolute;
   top: 50%;
   right: 45px;
   width: 100px;
}

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

.search .resultAuthorBox .title,
.search#mainColumn .resultAuthorBox .title {
   margin-bottom: 5px;
   width: 100px;
   text-align: center;
}

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

.search .resultAuthorBox .label {
   margin-top: 5px;
   width: 100px;
}

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

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

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

.search .resultTextContainer .resultTitle {
   margin-bottom: 10px;
}

.search .resultTextContainer .resultSub {
   margin-bottom: 5px;
}

.search .resultTextContainer .resultLink {
   margin-top: 15px;
}

.search .resultActiveLink {
   display: none;
}

h3.noSearchPerformed {
   border-bottom: none;
   width: 710px;
   margin: 60px auto 30px;
}

div.noSearchPerformed {
   width: 710px;
   margin: 30px auto;
}

p.noSearchResults {
   border-bottom: none;
   width: 710px;
   margin: 40px auto;
   font-style:italic;
}

.noTrainingPlans {
   text-transform: none;
   text-align: center;
}

.searchNavBottom {
   margin-top: 16px;
}

.searchNavBottom .nextLink {
   float: right;
}

.searchNavBottom .prevLink {
   float: left;
}

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

.resultsContainer.fitnessClasses .resultListItem .resultImage .weekNumber {
   margin: 16px 0 0 0;
}

.resultsContainer.fitnessClasses .resultListItem .resultFriends {
   margin-top: 10px;
}

.team .pageIcon .rkicon,
.corevalues .pageIcon .rkicon{
   font-size: 25px;
   position: relative;
   top: -5px;
}

.team #mainColumn {
   width: 750px;
}

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

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

.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='#7f000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-8 */
}

.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='#7f000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-8 */
}

.team .teamContainer .avatar#phillipConnaughton .bio{
   height: 27px;
}
.team .teamContainer .avatar#margaretMckenna .bio {
   width: 132px;
   padding: 10px 9px;
}
.team .teamContainer .avatar#margaretMckenna .bio .name{
   width: 134px;
}

#connor img{
   display: block;
   margin: 0 auto;
}
#connor{
   background-color: #444;
}

.team .teamContainer .avatar .bio .jobTitle {
   margin-top: 5px;
   padding-bottom: 4px;
   border-bottom: 1px solid #CCC;
   display: none;
}

.team .teamContainer .avatar .bio .funFact {
   margin-top: 5px;
   display: none;
}

/* NEW LOGIN-SIGNUP */

#signUpLogIn {
   position: relative;
   width: 300px;
   margin: 0 auto;
   padding:5px;
}

#signUpLogIn.overlay {
   margin: 0px auto;
}


#signUpLogIn .tabs div {
   position: relative;
   z-index: 29;
   display: inline-block;
   width: 149px;
   margin-left: 2px;
   padding: 10px 0;
   background-color: #ccc;
   -webkit-border-top-left-radius: 8px;
   -webkit-border-top-right-radius: 8px;
   -moz-border-radius-topleft: 8px;
   -moz-border-radius-topright: 8px;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
}

#signUpLogIn .tabs div h3 {
   margin:0;
   text-align: center;
}
#fancybox-inner #signUpLogIn .tabs div {
   margin-left: -1px;
}

#signUpLogIn .tabs div:first-child {
   margin-left: 0;
}

#signUpLogIn .tabs div:hover {
   background-color: #DDD;
   cursor: pointer;
}

#signUpLogIn .tabs div:active {
   background-color: #BBB;
}

#signUpLogIn .tabs div.selected,
#signUpLogIn .tabs div.selected:hover,
#signUpLogIn .tabs div.selected:active {
   background-color: #FFF;
   cursor: default;
}
#signUpLogIn .tabs div.selected h3 {
   color:#444;
}

#signUpLogIn .formContainer {
   background: #FFF;
   width: 260px;
   padding: 20px;
}

#signUpLogIn #signUpForm.formContainer,
#signUpLogIn #forgotContainer.formContainer {
   position: relative;
   width: 260px;
   padding: 20px;
   -webkit-border-bottom-right-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
   -moz-border-radius-bottomright: 5px;
   -moz-border-radius-bottomleft: 5px;
   border-bottom-right-radius: 5px;
   border-bottom-left-radius: 5px;
}

#signUpLogIn label
{
   width: 260px;
   top: 0;
   float: none;
   margin: 10px 0 6px;
   display: block;
}

#signUpLogIn #logInForm label[for="email"],
#signUpLogIn #signupForm label[for="signupEmail"]
{
   margin-top: 0;
}

#signUpLogIn input[type="text"],
#signUpLogIn input[type="email"],
#signUpLogIn input[type="password"]
{
   width: 244px;
   float: none;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border: 1px solid #CCC;
   padding: 8px;
}

#loginForm {
   margin: 0;
}

#signUpLogIn #forgotPasswordLink
{
   display:block;
   margin-top:20px;
   margin-right: 10px;
}

#signUpLogIn .socialLoginBox {
   position: relative;
   width: 260px;
   padding: 20px;
   border-top: 1px solid #e9e9e9;
   background-color:#fff;
   -webkit-border-bottom-right-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
   -moz-border-radius-bottomright: 5px;
   -moz-border-radius-bottomleft: 5px;
   border-bottom-right-radius: 5px;
   border-bottom-left-radius: 5px;
   text-align:center;
}


.socialLoginBox .divider {
   position: absolute;
   top: -12px;
   left: 50%;
   margin: 0 0 0 -12px;
   height: 20px;
   width: 24px;
   line-height:20px;
   padding:1px 0 2px 0;
   background-color: #31a4d9;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   z-index: 60;
   text-align: center;
   color:#fff;
}

#signupForm label {
   margin-right: 0;
}

.socialLoginBox .btn-facebook {
   margin: 10px auto;
   display:block;
}

.socialLoginBox .btn-google {
   margin: 0px auto;
}

#signUpForm #socialSection {
   width:100%;
   border-bottom: 1px solid #e9e9e9;
   text-align: center;
}

#socialSection .btn-facebook {
	margin: 10px auto;
}

#signUpForm #socialSection .divider {
   position: relative;
   bottom: -12px;
   left: 50%;
   margin: 0 0 0 -12px;
   height: 20px;
   width: 24px;
   line-height:20px;
   padding:1px 0 2px 0;
   background-color: #31a4d9;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   z-index: 60;
   text-align: center;
   color:#fff;
}

#signUpLogIn form {
   width: 260px;
}

#signupForm .errors
{
   width: 238px;
   background: #FCE8E8;
   border: 1px solid #C66060;
   margin-top: 20px;
   padding: 10px;
   display: none;
}

#signupForm .errors ul
{
   margin-top: 10px;
   padding-left: 20px;
   list-style: disc;
}

#signupForm .errors ul li
{
   margin: 4px 0;
}

#forgotContainer {
   display: none;
}

#forgotContainer h2 {
   margin-bottom: 10px;
}

#forgotContainer #forgotBackLink {
   position: absolute;
   bottom: 10px;
   right: 20px;
}

.authenticate #signinContainer.apps {
   width: 280px;
   padding: 10px 10px 20px 10px;
   background: #FFF;
   margin: 30px auto;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

.authenticate #signUpLogIn .ValidationErrors {
   margin-top: 6px;
}

.authenticate #signUpLogIn input.ErrorField {
   border: 2px solid red;
   position: relative;
   top: -2px;
   left: -3px;
}

#loginSubmit,#signupSubmit {
   float:none;
   width:100%;
}

/* Mobile to Tablet sizes (any screen < 1024px across) */
@media only screen and (max-device-width : 1024px) {
   .home .noActivitiesContainer {
      width:100%;
      margin:3vmin auto;
   }
   .home .activityPostNewActivity {
      width:100%;
   }
   .noActivitiesContainer .noActivitiesContent .downloadBox {
      width:100%;
      margin:3vmin auto;
   }
   .noActivitiesContainer .noActivitiesContent .downloadBox a {
      width:20%;
      height:auto;
   }
}