@charset "UTF-8";
/* settings */

/* Profile Navigation */

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

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

.runkeeper #subNav h3.pageHeader {
	font-size: 28px;
	color: #444;
	font-weight: bold;
	position: relative;
	top: -9px;
	z-index: 10;
	padding-bottom: 12px;
	margin-left: 4px;
	border-bottom: none;
	float: left;
}

.runkeeper #subNav .pageIcon {
	float: left;
	width: 25px;
	height: 25px;
	position: relative;
	margin: 0 3px 0 3px;
	top: -7px;
}

.runkeeper #subNav .breadcrumb {
	font-size: 16px;
	font-weight: bold;
	color: #999;
	position: relative;
	top: 2px;
	margin: 0 6px;
	float: left;
}

.runkeeper #subNav .breadcrumb.right {
	float: right;
}

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

.runkeeper #settingsNav .mainText {
	color: #333;
	top: 7px;
}

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

.runkeeper .settings input[type="text"],
.runkeeper .settings input[type="password"] {
   font-size: 18px;
   font-weight: normal;
   color: #000;
   float: left;
   text-align: left;
   width: 220px;
}

.runkeeper .settings .settingsRow .settingsRight {
   float: left;
   text-align: left;
   width: 420px;
}

.runkeeper .settings label {
   font-size: 18px;
   font-weight: bold;
   color: #333;
   float: left;
   text-align: right;
   margin-right: 20px;
   width: 300px;
   position: relative;
   top: 5px;
}

.runkeeper .settings .settingsRow {
   margin: 24px auto;
}

.runkeeper .settings h3 {
   font-size: 13px;
   color: #333;
   width: 714px;
   padding: 0 3px 6px 3px;
   margin: 30px auto 20px auto;
}

.runkeeper .settings #settingsPicture {
   margin: 0 auto 20px auto;
}

.runkeeper .settings .label {
   font-size: 18px;
   font-weight: bold;
   color: #333;
   float: left;
   text-align: right;
   margin-right: 20px;
   width: 300px;
   position: relative;
   top: 5px;
}

.runkeeper .settings .info {
   width: 420px;
   margin: 10px 0 4px 320px;
   font-size: 12px;
   color: #666;
   float: left;
   clear: both;
   line-height: 130%;
}

.runkeeper .settings .settingsRow .info {
   margin-top: 0;
}

.runkeeper .settings #settingsBirthday .dropdownLarge {
   display: block;
   float: left;
   margin-right: 8px;
}

.runkeeper .settings .saveSettingsButtonPanel{
   margin: 40px 0 40px 0;
   padding-top: 20px;
   border-top: 1px solid #CCC;
}

.runkeeper .settings .menuItem,
.runkeeper .settings .menuItem.selected:hover,
.runkeeper .settings .menuItem.selected:active {
    overflow: visible;
    height: 28px;
    margin: 3px auto;
    position: relative;
	width: 198px;
}

.runkeeper .settings .menuItem:hover {
    background: #EEE;
    cursor: pointer;
}

.runkeeper .settings .menuItem:active {
    background: #CCC;
}

.runkeeper .settings .menuItem .highlight {
	background: url(../images/menuHighlight.png) no-repeat -30px 0;
	width: 210px;
    visibility: hidden;
    position: absolute;
    top: 1px;
    left: 0;
    z-index: 0;
    width: 240px;
    height: 28px;
}

.runkeeper #picturePreviewBox {
   float: left;
   width: 239px;
   margin-right: 20px;
   border-right: 1px dotted #CCC;
}

.runkeeper #picturePreviewBox .currentPhotoHeadline {
   text-align: center;
   font-size: 14px;
   color: #666;
   font-weight: bold;
   margin-top: 6px;
}

.runkeeper #picturePreviewBox .currentPhoto {
   width: 202px;
   margin: 10px auto;
   position: relative;
}

.runkeeper #picturePreviewBox .currentPhoto img {
   border: 1px solid #CCC;
}

.runkeeper #picturePreviewBox .currentPhoto .icon-elite img {
   border: none;
}

.runkeeper #pictureSelectionBox {
   float: left;
   width: 480px;
}

.runkeeper input[type="file"] {
   cursor: pointer;
}

.runkeeper #userPictureBox {
   margin-bottom: 20px;
}

.runkeeper #settingsComments span {
   font-size: 13px;
   color: #333;
   position: relative;
   top: 3px;
}

.runkeeper #settingsComments span.uploadText {
   top: 6px;
}

.runkeeper #currentEmail {
   font-size: 18px;
   color: #666;
   position: relative;
   top: 5px;
}

.runkeeper .photoSelection span.uploadText {
   font-size: 18px;
   font-weight: bold;
   color: #333;
   position: relative;
   top: 2px;
}

.runkeeper .settings .photoBox {
   display: block;
   float: left;
   width: 50px;
   height: 50px;
   margin: 20px 20px 20px 0;
}

.runkeeper .settings .photoBox img {
   border: 1px solid #CCC;
}

.runkeeper .settings .photoInfoBox {
   display: block;
   float: left;
   margin: 20px 0;
}

.runkeeper .settings .photoInfoBox .statusText {
   position: relative; 
   top: 26px;
   width: 364px;
}

.runkeeper .photoInfoBox .statusText span {
   color: red;
}

.runkeeper .photoInfoBox .footnote {
   margin-bottom: 10px;
}

.runkeeper .settings #fileToUpload {
   display: block;
}

.runkeeper .settings #buttonUpload {
   position: relative;
   top: 8px;
}

.runkeeper .settingsTableContainer {
   border-width: 0 1px 1px 0;
   border-style: solid;
   border-color: #CCC;
   width: 739px;
   margin-bottom: 40px;
}

.runkeeper .settingsTableContainer .settingsTableRow {
   background: #FFF;
   width: 739px;
}

.runkeeper .settingsTableContainer .settingsTableRow.facebook.success .linkedSite,
.runkeeper .settingsTableContainer .settingsTableRow.facebook.success .linkedStatus {
   height: 70px;
}

.runkeeper .settingsTableContainer .settingsTableRow.header {
   background: url(../images/tableHeader.png) repeat-x 0 0;
   height: 29px;
   width: 739px;
}

.runkeeper .settingsTableContainer .settingsTableRow > div {
   background: #FFF;
   border-width: 1px 0 0 1px;
   border-style: solid;
   border-color: #CCC;
   margin: 0;
   padding: 5px;
   text-align: center;
   position: relative;
   display: block;
   float: left;
   height: 50px;
}

.runkeeper .settingsTableContainer .settingsTableRow.rklive > div {
   height: 80px;
}

.runkeeper .settingsTableContainer .settingsTableRow.header div {
   background: transparent;
   height: 18px;
   color: #FFF;
   text-shadow: #000 1px 1px 1px;
   font-weight: bold;
   font-size: 13px;
   border-left: 1px solid #888;
}

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

.runkeeper .settingsTableRow div:first-child {
   text-align: left;
}

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

.runkeeper .settingsTableRow div.postType {
   width: 385px;
   padding-left: 10px;
}

.runkeeper .settingsTableRow div.shareWith {
   width: 125px;
}
.runkeeper .settingsTableRow div.shareWith .selectBoxContainer {
   position: absolute;
   top: 50%;
   margin: -16px 0 0 4px;
   width: 130px;
}

.runkeeper .settingsTableRow div.shareWith .selectBoxContainer .toggleItem.left {
   width: 72px;
   text-align: left;
}

.runkeeper .settingsTableRow div.autoPost {
   width: 190px;
}

.runkeeper .settingsTableRow.subHeader div.autoPostTwitter {
   width: 90px;
   background: url(../images/twitter-bg.png) repeat-x 0 0;
}

.runkeeper .settingsTableRow.subHeader div.autoPostFacebook {
   width: 90px;
   background: url(../images/facebook-bg.png) repeat-x 0 0;
}

.runkeeper .settingsTableRow div.autoPostTwitter,
.runkeeper .settingsTableRow div.autoPostFacebook {
   width: 90px;
   background: #FFF;
}

.runkeeper .settingsTableRow div.autoPostTwitter.disabled,
.runkeeper .settingsTableRow div.autoPostFacebook.disabled {
   background: #EEE;
}

.runkeeper .settingsTableRow .postType .icon {
   width: 27px;
   height: 24px;
   float: left;
   margin: 0 10px 24px 0;
}

.runkeeper .settingsTableRow .cellHeader {
   font-size: 18px;
   color: #000;
   margin-bottom: 3px;
   font-weight: bold;
}

.runkeeper .settingsTableRow .cellText {
   font-size: 11px;
   color: #666;
   margin-bottom: 5px;
   font-weight: normal;
   line-height: 120%;
}

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

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

.runkeeper .settingsTableRow .settingsToggle {
   width: 90px;
   height: 49px;
   position: absolute;
}

.runkeeper .settingsTableContainer .settingsTableRow.rklive > div .settingsToggle {
   height: 79px;
}

.runkeeper .settingsTableRow .settingsToggle:hover {
   cursor: pointer;
}

.runkeeper .settingsTableRow .settingsToggle:active {
   cursor: pointer;
}

.runkeeper .settingsTableRow .settingsToggleCheckbox {
   width: 29px;
   height: 29px;
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -14.5px 0 0 -14.5px;
   background: url(../images/settingsToggle.png) no-repeat 0 -87px;
}

.runkeeper .settingsTableRow .settingsToggle:hover .settingsToggleCheckbox {
   background: url(../images/settingsToggle.png) no-repeat 0 -116px;
}

.runkeeper .settingsTableRow .settingsToggle:active .settingsToggleCheckbox {
   background: url(../images/settingsToggle.png) no-repeat 0 -145px;
}

.runkeeper .settingsTableRow .settingsToggle.selected .settingsToggleCheckbox {
   background: url(../images/settingsToggle.png) no-repeat 0 0;
}

.runkeeper .settingsTableRow .settingsToggle.selected:hover .settingsToggleCheckbox {
   background: url(../images/settingsToggle.png) no-repeat 0 -29px;
}

.runkeeper .settingsTableRow .settingsToggle.selected:active .settingsToggleCheckbox {
   background: url(../images/settingsToggle.png) no-repeat 0 -58px;
}

.runkeeper .settingsTableContainer.linkedAccounts .settingsTableRow.header > div {
   height: 18px;
}

.runkeeper .linkedAccounts .settingsTableRow div.linkedActive {
   width: 60px;
}

.runkeeper .linkedAccounts .settingsTableRow div.linkedSite {
   width: 110px;
}

.runkeeper .linkedAccounts .settingsTableRow div.linkedStatus {
   width: 607px;
   position: relative;
}

.runkeeper .linkedAccounts .settingsTableRow.thirdParty div.linkedStatus {
   width: 432px;
   position: relative;
}

.runkeeper .linkedAccounts .settingsTableRow div.linkedActions {
   width: 80px;
}

.runkeeper .linkedAccounts .settingsTableRow div.linkedActions a {
   display: block;
   position: absolute;
   top: 50%;
   margin-top: -8px;
   text-align: center;
   width: 80px;
}

.runkeeper .linkedAccounts .settingsTableRow .settingsToggle {
   width: 60px;
   height: 50px;
}

.runkeeper .linkedAccounts .settingsTableRow div.linkedSite .logo {
   position: absolute;
   top: 50%;
   margin-top: -20px;
   left: 10px;
}

.runkeeper .linkedAccounts .settingsTableRow div.linkedStatus .icon {
   width: 200px;
   height: 31px;
   margin-top: -20px;
   margin-right: 5px;
   position: absolute;
   top: 50%;
   right: 5px;
}

.runkeeper .linkedAccounts .settingsTableRow div.linkedStatus .icon a {
   position: relative;
   top: 4px;
}

.runkeeper .linkedAccounts .settingsTableRow div.linkedStatus.success {
   
}

.runkeeper .linkedAccounts .settingsTableRow div.linkedStatus.success .icon {
   display: none;
}

.runkeeper .linkedAccounts .settingsTableRow div.linkedStatus.error {
   background: #FBE7E5;
}

.runkeeper .linkedAccounts .settingsTableRow div.linkedStatus.error .icon {
   background: url(../images/icon-linkedError.png) no-repeat 0 0;
   width: 40px;
   height: 40px;
}

.runkeeper .linkedAccounts .thirdParty .linkedStatus .name {
   font-size: 20px;
   font-weight: bold;
}

.runkeeper .linkedAccounts .thirdParty .linkedStatus .actions {
   padding: 3px;
   color: #2A5DB0;
}

.runkeeper #twitterUrl,
.runkeeper #facebookUrl,
.runkeeper #unameUrl {
   color: #2A5DB0;
   font-weight: bold;
}

.runkeeper .settings .menuItem .mainText {
	width: 180px;
	padding-left: 2px;
    float: left;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    margin: 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 18px;
}

.runkeeper .settings .statusText {
   font-size: 12px;
   color: #666;
   text-align: left;
   width: 374px;
   line-height: 124%;
   margin-top: 12px;
}

.runkeeper .settings .thirdParty .statusText {
   width: 425px;
}

.runkeeper .settings .statusText .connectStatusText {
   font-size: 14px;
   font-weight: bold;
   color: #333;
   margin-bottom: 5px;
}

.runkeeper .settings .statusText .connectStatusText span {
   color: red;
}

.runkeeper .settings .success .statusText .connectStatusText span {
   color: green;
}

.runkeeper .settings .success .statusText {
}

.runkeeper .settings #twitterStatus.success .statusText,
.runkeeper .settings #facebookStatus.success .statusText,
.runkeeper .settings #foursquareStatus.success .statusText,
.runkeeper .settings #zeoStatus.success .statusText,
.runkeeper .settings #fitbitStatus.success .statusText {
   width: 540px;
   line-height: 150%;
   text-align: left;
}

.runkeeper .settings #facebookStatus.success .statusText {
}

.runkeeper .settings #facebookStatus.success .statusText .fbLinkOptionsContainer {
   margin-top: 10px;
}

.runkeeper .settings #facebookStatus.success .statusText .fbLinkOptionsContainer label {
   font-size: 12px;
   font-weight: bold;
   color: #555;
   float: left;
   text-align: left;
   margin-left: 3px;
   width: inherit;
   position: relative;
   top: 1px;
}

.runkeeper .settings .error .statusText {
   margin-top: -22px;
   width: 540px;
}

.runkeeper .settings .error .statusText span {
   font-size: 13px;
   color: red;
   font-weight: bold;
   text-align: left;
   display: block;
   margin-bottom: 3px;
}

.runkeeper .settings .statusText span {
   font-size: 15px;
   color: #666;
   font-weight: bold;
   text-align: left;
   margin-bottom: 5px;
}

.runkeeper #twitterStatus,
.runkeeper #foursquareStatus,
.runkeeper #fitbitStatus,
.runkeeper #zeoStatus,
.runkeeper #withingsStatus,
.runkeeper #fitbitStatus {
   height: 90px;
   padding: 5px;
}

.runkeeper #facebookStatus {
   height: 90px;
   padding: 5px;
}

.runkeeper #twitterStatus .icon a {
   display: block;
   width: 200px;
   height: 31px;
   background: url(../images/connect-twitter.png) no-repeat 0 0;
}

.runkeeper #twitterStatus .icon a:hover {
   background: url(../images/connect-twitter.png) no-repeat 0 -31px;
}

.runkeeper #twitterStatus .icon a:active {
   background: url(../images/connect-twitter.png) no-repeat 0 -62px;
}

.runkeeper .settings .success#twitterStatus .icon a {
   display: none;
}

.runkeeper .settings .error#twitterStatus .icon a {
   display: none;
}

.runkeeper #facebookStatus .icon a {
   display: block;
   width: 200px;
   height: 31px;
   background: url(../images/connect-facebook.png) no-repeat 0 0;
}

.runkeeper #facebookStatus .icon a:hover {
   background: url(../images/connect-facebook.png) no-repeat 0 -31px;
}

.runkeeper #facebookStatus .icon a:active {
   background: url(../images/connect-facebook.png) no-repeat 0 -62px;
}

.runkeeper .settings .success#facebookStatus .icon a {
   display: none;
}

.runkeeper .settings .error#facebookStatus .icon a {
   display: none;
}

.runkeeper #withingsStatus .icon a {
   display: block;
   width: 200px;
   height: 31px;
   background: url(../images/connect-withings.png) no-repeat 0 0;
}

.runkeeper #withingsStatus .icon a:hover {
   background: url(../images/connect-withings.png) no-repeat 0 -31px;
}

.runkeeper #withingsStatus .icon a:active {
   background: url(../images/connect-withings.png) no-repeat 0 -62px;
}

.runkeeper .settings .success#withingsStatus .icon a {
   display: none;
}

.runkeeper .settings .error#withingsStatus .icon a {
   display: none;
}

.runkeeper #foursquareStatus .icon a {
   display: block;
   width: 200px;
   height: 31px;
   background: url(../images/connect-foursquare.png) no-repeat 0 0;
}

.runkeeper #foursquareStatus .icon a:hover {
   background: url(../images/connect-foursquare.png) no-repeat 0 -31px;
}

.runkeeper #foursquareStatus .icon a:active {
   background: url(../images/connect-foursquare.png) no-repeat 0 -62px;
}

.runkeeper .settings .success#foursquareStatus .icon a {
   display: none;
}

.runkeeper .settings .error#foursquareStatus .icon a {
   display: none;
}

.runkeeper #fitbitStatus .icon a {
   display: block;
   width: 200px;
   height: 31px;
   background: url(../images/connect-fitbit.png) no-repeat 0 0;
}

.runkeeper #fitbitStatus .icon a:hover {
   background: url(../images/connect-fitbit.png) no-repeat 0 -31px;
}

.runkeeper #fitbitStatus .icon a:active {
   background: url(../images/connect-fitbit.png) no-repeat 0 -62px;
}

.runkeeper .settings .success#fitbitStatus .icon a {
   display: none;
}

.runkeeper .settings .error#fitbitStatus .icon a {
   display: none;
}

.runkeeper #zeoStatus .icon a {
   display: block;
   width: 200px;
   height: 31px;
   background: url(../images/connect-zeo.png) no-repeat 0 0;
}

.runkeeper #zeoStatus .icon a:hover {
   background: url(../images/connect-zeo.png) no-repeat 0 -31px;
}

.runkeeper #zeoStatus .icon a:active {
   background: url(../images/connect-zeo.png) no-repeat 0 -62px;
}

.runkeeper .settings .success#zeoStatus .icon a {
   display: none;
}

.runkeeper .settings .error#zeoStatus .icon a {
   display: none;
}

.runkeeper #facebookLightbox {
   width: 470px;
   height: 207px;
   padding: 100px 15px 15px 15px;
   background: url(../images/lightbox-facebook-bg.png) no-repeat 0 -15px;
}

.runkeeper #twitterLightbox {
   width: 470px;
   height: 187px;
   padding: 120px 15px 15px 15px;
   background: url(../images/lightbox-twitter-bg.png) no-repeat 0 -15px;
}

.runkeeper .withingsLightboxContainer {
   width: 470px;
   height: 267px;
   padding: 100px 15px 15px 15px;
   background: url(../images/lightbox-withings-bg.png) no-repeat 0 -15px;
}

.runkeeper .withingsLightboxContainer h3 {
   border-bottom: none;
   color: #333;
   text-align: center;
   width: 470px;
   font-size: 17px;
   margin-bottom: 15px;
}

.runkeeper .withingsLightboxContainer .icon {
   float: right;
   margin-left: 15px;
}

.runkeeper .withingsLightboxContainer p {
   color: #666;
   line-height: 130%;
}

.runkeeper #withingsUserPickerTable {
   width: 450px;
   margin: 20px auto;
   border-top: 1px solid #EEE;
}

.runkeeper .withingsTableRow {
   width: 450px;
   padding: 8px 0;
   border-bottom: 1px solid #EEE;
}

.runkeeper .withingsTableRow .blueButton-small .m .mainText {
   top: 4px;
}

.runkeeper .withingsTableRow .userName {
   float: left;
   position: relative;
   top: 3px;
   font-size: 15px;
   font-weight: bold;
   color: #333;
}

.runkeeper #foursquareLightbox {
   width: 470px;
   height: 207px;
   padding: 100px 15px 15px 15px;
   background: url(../images/lightbox-foursquare-bg.png) no-repeat 0 -15px;
}

.runkeeper #zeoLightbox {
   width: 470px;
   height: 207px;
   padding: 100px 15px 15px 15px;
   background: url(../images/lightbox-zeo-bg.png) no-repeat 0 -15px;
}

.runkeeper #twitterStatusView,
.runkeeper #foursquareStatusView,
.runkeeper #fitbitStatusView,
.runkeeper #withingsStatusView,
.runkeeper #zeoStatusView
{
   padding: 0;
   height: 60px;
}

.runkeeper #yahooStatus .icon a {
   display: block;
   width: 200px;
   height: 31px;
   background: url(../images/connect-yahoo.png) no-repeat 0 0;
}

.runkeeper #yahooStatus .icon a:hover {
   background: url(../images/connect-yahoo.png) no-repeat 0 -31px;
}

.runkeeper #yahooStatus .icon a:active {
   background: url(../images/connect-yahoo.png) no-repeat 0 -62px;
}


.runkeeper #googleStatus .icon a {
   display: block;
   width: 200px;
   height: 31px;
   background: url(../images/connect-google.png) no-repeat 0 0;
}

.runkeeper #googleStatus .icon a:hover {
   background: url(../images/connect-google.png) no-repeat 0 -31px;
}

.runkeeper #googleStatus .icon a:active {
   background: url(../images/connect-google.png) no-repeat 0 -62px;
}

.runkeeper .photoInfoBox .statusText {
   width: 364px;
   margin: 0;
}

.runkeeper .settingsTableRow #facebookStatus .fb_button {
   position: absolute;
   top: 50%;
   right: 5px;
   margin-top: -11px;
   height: 22px;
   display: block;
}

.runkeeper .settingsTableRow #facebookStatus .footnote {
   display: none;
}

.runkeeper .withingsFormContainer {
	margin: 30px auto 0 auto;
	border-top: 1px solid #CCC;
	padding-top: 10px;
	width: 470px;
	position: relative;
}

.runkeeper .withingsFormRow {
	margin: 14px auto;
	width: 274px;
	position: relative;
}

.runkeeper .withingsFormContainer label {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	position: relative;
	top: 7px;
	width: 100px;
	float: left;
	margin-right: 8px;
	text-align: right;
}

.runkeeper .withingsFormContainer input[type="text"],
.runkeeper .withingsFormContainer input[type="password"] {
	font-size: 14px;
	font-weight: normal;
	position: relative;
	top: 4px;
	width: 160px;
	float: left;
}

.runkeeper .settings .settingsTableRow div.checker {
   margin: -12px 0 0 -13px;
   position: absolute;
   top: 50%;
   left: 50%;
   width: 23px;
   float: none;
}

.runkeeper .settings .settingsTableRow.facebook.success div.checker {
   margin: 0;
   position: relative;
   top: 0;
   left: 0;
   width: 23px;
   float: left;
}

.runkeeper #subscriptionsPanel .settingsTableContainer .headerStatus {
   width: 40px;
}

.runkeeper #subscriptionsPanel .settingsTableContainer .headerProductName {
   width: 200px;
}

.runkeeper #subscriptionsPanel .settingsTableContainer .headerBillingDates {
   width: 224px;
}

.runkeeper #subscriptionsPanel .settingsTableContainer .headerPaymentMethod {
   width: 160px;
}

.runkeeper #subscriptionsPanel .settingsTableContainer .headerActions {
   width: 60px;
}

.runkeeper #subscriptionsPanel .settingsTableContainer .productStatus {
   width: 41px;
}

.runkeeper #subscriptionsPanel .settingsTableContainer .productStatus img {
   position: relative;
   top: 6px;
}

.runkeeper #subscriptionsPanel .settingsTableContainer .productName {
   width: 201px;
}

.runkeeper #subscriptionsPanel .settingsTableContainer .productBillingDates {
   width: 225px;
}

.runkeeper #subscriptionsPanel .settingsTableContainer .productPaymentMethod {
   width: 161px;
}

.runkeeper #subscriptionsPanel .settingsTableContainer .productActions {
   width: 61px;
}

.runkeeper #subscriptionsPanel .settingsTableContainer .productActions .actionsContainer {
   width: 25px;
   height: 25px;
   margin: 0 auto;
   float: left;
}

.runkeeper #subscriptionsPanel .settingsTableContainer .productActions .actionsContainer.cc {
   width: 35px;
   height: 25px;
   margin: 0 auto;
}

.runkeeper #subscriptionsPanel .settingsTableContainer .productActions .actionsContainer div {
   width: 25px;
   height: 25px;
   float: left;
}

.runkeeper #subscriptionsPanel .settingsTableContainer .productActions .actionsContainer.cc div {
   margin-left: 4px;
}

.runkeeper #subscriptionsPanel .settingsTableContainer .productActions .actionsContainer.cc div:first-child {
   margin-left: 0;
}

.runkeeper #subscriptionsPanel .settingsTableContainer {
   border-width: 0;
   border-style: none;
   border-color: transparent;
}

.runkeeper #subscriptionsPanel .settingsTableContainer .settingsTableRow.content > div {
   background: none;
   border-width: 0;
   border-style: none;
   border-color: transparent;
   margin: 0;
   padding: 10px 5px;
   text-align: center;
   position: relative;
   display: block;
   float: left;
}

.runkeeper #subscriptionsPanel .settingsTableContainer .settingsTableRow div:first-child {
   text-align: center;
}

.runkeeper .settings .productNameTitle {
   font-weight: bold;
   font-size: 16px;
   color: #000;
}

.runkeeper .settings .productNameTitle span {
   font-weight: normal;
   color: #666;
}

.runkeeper .settings .productPurchaseDate {
   font-weight: normal;
   font-size: 12px;
   font-style: italic;
   color: #666;
   margin-top: 6px;
}

.runkeeper .settings .productBillingLabel {
   font-weight: normal;
   color: #666;
}

.runkeeper .settings .productBillingNext {
   font-weight: bold;
   font-size: 16px;
   color: #000;
}

.runkeeper .settings .productBillingPrevious {
   font-weight: normal;
   font-size: 12px;
   color: #111;
   margin-top: 6px;
}

.runkeeper .settings .productPaymentMethod {
   font-weight: bold;
   font-size: 16px;
   color: #000;
}

.runkeeper .settings .ccDetails {
   font-weight: normal;
   font-size: 12px;
   color: #333;
   margin-top: 6px;
}

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

.runkeeper #content.subscriptionChange h3 {
   text-align: center;
   border-bottom: none;
   margin-bottom: 30px;
}

.runkeeper #content.subscriptionChange p {
   text-align: center;
}

.runkeeper #content.subscriptionChange #creditCardFormContainer {
   width: 300px;
   margin: 0 auto;
}

.runkeeper #content.subscriptionChange #creditCardFormContainer h3 {
   text-align: left;
   margin-bottom: 0;
}

.runkeeper #content.subscriptionCancel {
   width: 600px;
   margin-top: 40px;
}

.runkeeper #content.subscriptionCancel h3 {
   font-size: 32px;
   border-bottom: none;
}

.runkeeper #content.subscriptionCancel p {
   font-size: 14px;
   color: #333;
   line-height: 130%;
   margin-bottom: 40px;
}

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

.runkeeper .subscriptionCancelRow {
	position: relative;
	margin: 8px 0;
}

.runkeeper .subscriptionCancelRow textarea {
	font-size: 13px;
	width: 488px;
	height: 80px;
	float: left;
}

.runkeeper .subscriptionCancelRow select {
   float: left;
}

.runkeeper .subscriptionCancelRow label {
   float: left;
   font-size: 18px;
   font-weight: bold;
   text-align: right;
   width: 100px;
   margin-right: 10px;
   color: #333;
   position: relative;
   top: 4px;
}

.runkeeper .subscriptionCancelRow a {
   display: block; 
   float: left;
   position: relative;
   left: 110px;
   width: 300px;
   line-height: 130%;
}

.runkeeper .settingsTableRow div.linkedStatus#emailStatus > span {
   float: left;
   position: relative;
   top: 17px;
   left: 6px;
   font-size: 14px;
   color: #666;
   font-weight: normal;
}

.runkeeper .settingsTableRow div.linkedStatus#emailStatus > span span {
   color: #111;
   font-weight: bold;
}

.runkeeper .settingsTableRow div.linkedStatus .name {
   display: none;
}

.runkeeper .appItemContainer .details div.linkedStatus .name {
   display: block;
}

.runkeeper .settings .fitnessAlerts .settingsTableRow div.checker {
   margin: -5px 0 0 -12px;
   position: absolute;
   top: 50%;
   left: 50%;
   width: 23px;
   float: none;
}

.runkeeper .settings .fitnessAlerts .settingsTableRow .linkedSite.email {
   background: url(../images/notification-bg-email.png) no-repeat 0 0;
}

.runkeeper .settings .fitnessAlerts .settingsTableRow .linkedSite.facebook {
   background: url(../images/notification-bg-facebook.png) no-repeat 0 0;
   background-color: #0857A1;
   height: 90px;
}

.runkeeper .settings .fitnessAlerts .settingsTableRow .linkedSite.twitter {
   background: url(../images/notification-bg-twitter.png) no-repeat 0 0;
   background-color: #15A7D2;
   height: 90px;
}

.runkeeper #notificationSettingsPanel .sectionTitle {
   font-size: 16px;
   color: #000;
   font-weight: bold;
   margin: 5px auto 10px;
   width: 736px;
   padding-bottom: 5px;
   border-bottom: 1px solid #EEE;
}

.runkeeper #notificationSettingsPanel .sectionDesc {
   font-size: 12px;
   color: #666;
   font-weight: normal;
   margin: 5px auto 15px;
   width: 736px;
   line-height: 130%;
}

.runkeeper .settings .checkboxContainer {
   padding-top: 5px;
}

.runkeeper .settings .checkboxContainer .checker {
   top: -4px;
}

/* export */

.runkeeper #dataExport {
   width: 740px;
}

.runkeeper #dataExport input.error {
  background-color: red;
}

.runkeeper #dataExportButton-submit .mainText {
   z-index: 1;
}

.runkeeper #dataExportCAPTCHA {
   width: 318px;
   margin: 10px auto 40px;
}

.runkeeper .settings .recaptcha_input_area label {
   float: none;
}

.runkeeper .settings .downloadActivitiesLink {
   float: left;
   position: relative;
   left: 10px;
   top: 11px;
}

.runkeeper .settings .securityText {
   color: #666;
   text-align: center;
   margin: 50px auto 20px;
}

.runkeeper .settings #currentEmail {
   font-weight: bold;
}

.runkeeper .settings .emailItem {
   margin: 4px 0 12px;
   font-size: 14px;
}

.runkeeper .settings .emailItem .emailAddress {
   float: left;
   margin-right: 8px;
}

.runkeeper .settings .emailItem .actions {
   float: right;
}

.runkeeper .settings #settingsAdditionalEmails label,
.runkeeper .settings #settingsNewAssociatedEmail label {
   font-size: 14px;
}

.runkeeper .settings .downloadButtons {
   margin: 20px auto 0;
   width: 560px;
}

.runkeeper .settings .downloadButtons a {
   width: 140px;
   height: 38px;
   float: left;
   display: block;
}

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

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

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

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

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

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

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

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

.runkeeper .settings .info #opt-out-box {
   display: none !important;
}

.runkeeper .settings #settingsAdditionalEmails .emailItem .actions.addAssociatedEmail {
   padding-top: 5px;
}

.runkeeper .settingsTableContainer.notifications .settingsTableRow div.postType {
   width: 522px;
   padding-left: 10px;
}

.runkeeper .settings #accountPanel.SettingsSubPanel .saveSettingsButtonPanel {
   margin-top: 0px;
   margin-bottom: 40px;
}

.runkeeper .settings #accountPanel.SettingsSubPanel .settingsTableContainer {
   margin-bottom: 0px;
}

.runkeeper .settings #accountPanel.SettingsSubPanel .note {
   color: #666;
   line-height: 1.3;
}

.runkeeper .settings .settingsTableContainer .settingsTableRow.fitnessAlerts > div {
   height: 85px;
}
.runkeeper .settings .settingsTableRow .linkedSite.email {
   padding: 10px;
}
.runkeeper .settings .settingsTableRow .linkedSite.email div.checker {
   position: relative;
   top: 0;
   left: 0;
   display: inline;
}
.runkeeper .settings .settingsTableRow .linkedSite.email label {
   position: relative;
   top: 5px;
   left: 5px;
   font-size: 11px;
   font-weight: normal;
   text-align: left;
}

.runkeeper .settings .menuItem.selected .highlight {
    visibility: visible;
}