@charset "UTF-8";

/* reset */

html, body.runkeeper, .runkeeper div, .runkeeper span, .runkeeper applet, .runkeeper object, .runkeeper iframe,
.runkeeper h1, .runkeeper h2, .runkeeper h3, .runkeeper h4, .runkeeper h5, .runkeeper h6, .runkeeper p, .runkeeper blockquote, .runkeeper pre,
.runkeeper a, .runkeeper abbr, .runkeeper acronym, .runkeeper address, .runkeeper big, .runkeeper cite, .runkeeper code,
.runkeeper del, .runkeeper dfn, .runkeeper em, .runkeeper font, .runkeeper img, .runkeeper ins, .runkeeper kbd, .runkeeper q, .runkeeper s, .runkeeper samp,
.runkeeper small, .runkeeper strike, .runkeeper strong, .runkeeper sub, .runkeeper sup, .runkeeper tt, .runkeeper var,
.runkeeper dl, .runkeeper dt, .runkeeper dd, .runkeeper ol, .runkeeper ul, .runkeeper li,
.runkeeper fieldset, .runkeeper form, .runkeeper label, .runkeeper legend,
.runkeeper table, .runkeeper caption, .runkeeper tbody, .runkeeper tfoot, .runkeeper thead, .runkeeper tr, .runkeeper th, .runkeeper td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	line-height: 100%;
}

/* IF fonts only in style sheet, regular fonts in root.jsp */

@font-face {
    font-family: 'runkeeper';
    src: url('/fonts/runkeeper.eot');
    src: url('/fonts/runkeeper.eot?#iefix') format('embedded-opentype');
}

.runkeeper .rkicon {
   font-family: runkeeper;
   font-weight: normal;
   font-style: normal;
   line-height: 100%;
}

body.runkeeper {
	line-height: 100%;
	color: black;
	background: white;
}
.runkeeper ol, .runkeeper ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
.runkeeper table {
	border-collapse: separate;
	border-spacing: 0;
}
.runkeeper caption, .runkeeper th, .runkeeper td {
	text-align: left;
	font-weight: normal;
}
.runkeeper blockquote:before, .runkeeper blockquote:after,
.runkeeper q:before, .runkeeper q:after {
	content: "";
}
.runkeeper blockquote, .runkeeper q {
	quotes: "" "";
}

/* Prevent override of jQuery Fancybox */
.runkeeper .fancybox-title-inside {
    position: absolute;
    top: 3px;
    left: 10px;
    padding: 10px 30px;
    text-align: left;
    color: #666;
    font-size: 21px;
    font-weight: bold;
}

.runkeeper .fancybox-title-outside {
    position: absolute;
    padding-top: 5px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
}

.runkeeper .fancybox-title-over {
    color: #FFF;
    text-align: left;
    position: absolute;
}

.runkeeper .fancy-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}

/* layout.css */

html {
   height: 100%;
}

.runkeeper,
body.runkeeper {
	font-family: Helvetica Neue, Helvetica, Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	color: #111;
	font-weight: normal;
	height: 100%;
}

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

/* General Rules */

.runkeeper .clear {
	clear: both;
}

.runkeeper .clearNone {
	clear: none;
}

.runkeeper .bold {
	font-weight: bold;
}

.runkeeper .italic {
	font-style: italic;
}

.runkeeper .dark {
   color: #333;
}

.runkeeper a {
	color: #2A5DB0;
	text-decoration: none;
}

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

.runkeeper a:active {
	color: #19397F;
}

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

.runkeeper p.footnote {
   color: #666;
   font-size: 11px;
   line-height: 120%;
   width: 96%;
   margin: 10px auto;
}

.runkeeper .dividerWhite {
	background: url(../images/divider-white.png) no-repeat 0 0;
	width: 1px;
	height: 14px;
	margin: 0 10px;
}

.runkeeper .dividerWhite.streetTeamHide {
	display: none;
}

.runkeeper .dividerWhite.left {
	float: left;
}

.runkeeper .dividerWhite.right {
	float: right;
}

.runkeeper h1 {
	font-weight: bold;
	font-size: 18px;
	background: #EEE;
	color: #333;
	margin: 0 0 10px 0;
	padding: 5px;
}

.runkeeper .settings h1,
.runkeeper .apps h1 {
	font-weight: bold;
	font-size: 18px;
	background: #EEE;
	color: #333;
	margin: 0 0 10px 0;
	padding: 5px;
    border-bottom: 3px solid #CCC;
}

.runkeeper h2 {
	font-weight: bold;
	font-size: 14px;
	color: #333;
}

.runkeeper .profile h2 {
	padding-left: 2px;
}

.runkeeper h3 {
	font-weight: bold;
	font-size: 16px;
	border-bottom: 1px solid #EEE;
	margin: 0 0 6px 0;
	padding: 0 1px 5px 1px;
	position: relative;
}

.runkeeper h3 span {
   position: absolute;
   width: 100%;
   height: 31px;
   background: url(../images/hGradient-large.png) repeat-x 0 0;
}

.runkeeper .noneContainer .mainText span {
   position: absolute;
   width: 100%;
   height: 31px;
   background: url(../images/hGradient-large.png) repeat-x 0 0;
}

.runkeeper .fitnessClassHeader span {
   position: absolute;
   width: 495px;
   height: 27px;
   background: url(../images/hGradient-large.png) repeat-x 0 0;
}

.runkeeper h3.pageHeader.race a,
.runkeeper h3.pageHeader.fitnessClass a {
   position: absolute;
   width: 100%;
   height: 31px;
   background: url(../images/hGradient-large.png) repeat-x 0 0;
}

.runkeeper h3.leftListHeader {
   font-size: 21px;
   padding: 5px;
   width: 188px;
   border-bottom: 1px solid #CCC;
   margin: 0;
   position: relative;
   z-index: 10;
   line-height: 115%;
}

.runkeeper h3.leftListHeader.profile {
   font-size: 21px;
   padding: 5px;
   width: 188px;
   border: 1px solid #CCC;
   background: #C4D4E8;
   margin: 0;
   position: relative;
   z-index: 10;
   line-height: 115%;
}

.runkeeper h3.leftListHeader .subText {
   font-size: 11px;
   color: #666;
   font-weight: normal;
   margin-top: 4px;
   line-height: 130%
}

.runkeeper h3.infoHeader {
   font-size: 30px;
   margin-bottom: 20px;
   border-bottom: none;
}

.runkeeper .profile #leftColumn .username span {
   position: absolute;
   width: 100%;
   height: 31px;
   background: url(../images/hGradient-large.png) repeat-x 0 0;
}

.runkeeper .profile #leftColumn .username span.setUsername {
   position: relative;
}

.runkeeper input {
   font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

/* Custom Elements - CLEAN ME UP */

/* toggle */

.runkeeper .toggleItem {
	display: inline;
	float: left;
	background: url(../images/toggle-m-small.png) repeat-x 0 0;
	padding: 2px 4px;
	height: 16px;
	cursor: pointer;
	margin: 0;
	text-align: center;
}

.runkeeper .toggleItem:hover {
	background: url(../images/toggle-m-small.png) repeat-x 0 -20px;
}

.runkeeper .toggleItem:active {
	background: url(../images/toggle-m-small.png) repeat-x 0 -40px;
}

.runkeeper .toggleItem.selected,
.runkeeper .toggleItem.selected:hover {
	background: url(../images/toggle-m-small-selected.png) repeat-x 0 0;
	cursor: default;
}

.runkeeper .toggleItem.left {
	margin-left: 4px;
	padding: 2px 4px 2px 2px;
	position: relative;
}

.runkeeper .toggleItem.left .toggleCap {
	position: absolute;
	top: 0;
	left: -4px;
	width: 4px;
	height: 20px;
	background: url(../images/toggle-l-small.png) no-repeat 0 0;
}

.runkeeper .toggleItem.left:hover .toggleCap {
	background: url(../images/toggle-l-small.png) no-repeat  0 -20px;
}

.runkeeper .toggleItem.left:active .toggleCap {
	background: url(../images/toggle-l-small.png) no-repeat  0 -40px;
}

.runkeeper .toggleItem.left.selected .toggleCap,
.runkeeper .toggleItem.left.selected:hover .toggleCap {
	background: url(../images/toggle-l-small-selected.png) 0 0;
}

.runkeeper .toggleItem.right {
	margin-right: 4px;
	padding: 2px 0px 2px 2px;
	position: relative;
}

.runkeeper .toggleItem.right .toggleCap {
	position: absolute;
	top: 0;
	right: -4px;
	width: 4px;
	height: 20px;
	background: url(../images/toggle-r-small.png) no-repeat 0 0;
}

.runkeeper .toggleItem.right:hover .toggleCap {
	background: url(../images/toggle-r-small.png) no-repeat  0 -20px;
}

.runkeeper .toggleItem.right:active .toggleCap {
	background: url(../images/toggle-r-small.png) no-repeat  0 -40px;
}

.runkeeper .toggleItem.right.selected .toggleCap,
.runkeeper .toggleItem.right.selected:hover .toggleCap {
	background: url(../images/toggle-r-small-selected.png) 0 0;
}

.runkeeper .toggleDivider {
	display: inline;
	float: left;
	background: url(../images/toggle-small-divider.png) no-repeat 0 0;
	width: 1px;
	height: 16px;
	margin: 0;
	padding: 2px 0;
	font-size: 1px;
}

.runkeeper .toggleTextMain {
	display: inline;
	font-size: 12px;
	font-weight: bold;
	color: #111;
	text-align: center;
	vertical-align: middle;
	position: relative;
	margin: 0 2px;
}

.runkeeper .toggleTextMain:hover {
	color: #000;
}

.runkeeper .toggleItem.selected .toggleTextMain {
	color: #FFF;
	text-shadow: #000 0px 1px 1px;
}

.runkeeper .toggleTextSecondary {
	display: inline;
	font-size: 9px;
	color: #111;
	text-align: center;
	position: relative;
	top: -3px;
}

.runkeeper .toggleItem.selected .toggleTextSecondary {
	color: #FFF;
	text-shadow: #000 0px 1px 1px;
}

.runkeeper .toggleArrow {
	background: url(../images/dropdownArrowGrey.png) no-repeat 0 0;
	display: block;
	width: 16px;
	height: 16px;
}

.runkeeper .selected .toggleArrow {
	background: url(../images/dropdownArrowWhite.png);
}

/* checkbox */

.runkeeper .checkbox {
   height: 20px;
   position: relative;
}

.runkeeper .checkbox .toggleItem {
	display: inline;
	float: left;
	background: url(../images/toggle-m-small.png) repeat-x 0 0;
	height: 20px;
	width: 12px;
	cursor: pointer;
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
}

.runkeeper .checkbox:hover {
   cursor: pointer;
}

.runkeeper .checkbox:hover .toggleItem {
	background: url(../images/toggle-m-small.png) repeat-x 0 -20px;
}

.runkeeper .checkbox:active .toggleItem {
	background: url(../images/toggle-m-small.png) repeat-x 0 -40px;
}

.runkeeper .checkbox.selected .toggleItem {
	background: url(../images/toggle-m-small-selected.png) repeat-x 0 0;
}

.runkeeper .checkbox .toggleTextMain {
	width: 16px;
	height: 16px;
	position: absolute;
	display: block;
	margin: 0;
	top: 2px;
	left: -1px;
	z-index: 20;
}

.runkeeper .checkbox.selected .toggleItem .toggleTextMain {
	background: url(../images/toggleCheckmark.png) no-repeat 0 0;
}

.runkeeper .checkbox .toggleCapLeft {
	position: absolute;
	top: 0;
	left: -4px;
	width: 4px;
	height: 20px;
	background: url(../images/toggle-l-small.png) no-repeat 0 0;
}

.runkeeper .checkbox:hover .toggleCapLeft {
	background: url(../images/toggle-l-small.png) no-repeat  0 -20px;
}

.runkeeper .checkbox:active .toggleCapLeft {
	background: url(../images/toggle-l-small.png) no-repeat  0 -40px;
}

.runkeeper .checkbox.selected .toggleCapLeft,
.runkeeper .checkbox.selected:hover .toggleCapLeft {
	background: url(../images/toggle-l-small-selected.png) 0 0;
}

.runkeeper .checkbox .toggleCapRight {
	position: absolute;
	top: 0;
	right: -4px;
	width: 4px;
	height: 20px;
	background: url(../images/toggle-r-small.png) no-repeat 0 0;
}

.runkeeper .checkbox:hover .toggleCapRight {
	background: url(../images/toggle-r-small.png) no-repeat  0 -20px;
}

.runkeeper .checkbox:active .toggleCapRight {
	background: url(../images/toggle-r-small.png) no-repeat  0 -40px;
}

.runkeeper .checkbox.selected .toggleCapRight,
.runkeeper .checkbox.selected:hover .toggleCapRight {
	background: url(../images/toggle-r-small-selected.png) 0 0;
}

.runkeeper .checkbox .checkboxText {
   font-size: 14px;
   font-weight: bold;
   color: #222;
   margin-left: 20px;
   position: relative;
   top: 3px;
}

.runkeeper .checkbox:active .checkboxText,
.runkeeper .checkbox.selected .checkboxText {
   color: #000;
}

/* tag */

.runkeeper .tag {
   height: 16px;
   position: relative;
	float: left;
	top: -2px;
	margin: 3px 10px 6px 0;
}

.runkeeper .tag .toggleItem {
	display: inline;
	float: left;
	background: url(../images/toggle-m-small.png) repeat-x 0 0;
	cursor: default;
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
	height: 20px;
}

.runkeeper .tag .toggleItem.right:hover {
	background: url(../images/toggle-m-small.png) repeat-x 0 -20px;
	cursor: pointer;
}

.runkeeper .tag .toggleItem.right:active {
	background: url(../images/toggle-m-small.png) repeat-x 0 -40px;
}

.runkeeper .tag .toggleTextMain {
	display: block;
	margin: 0;
	top: 1px;
	left: 0;
	padding: 3px 5px 3px 3px;
	z-index: 20;
}

.runkeeper .tag .toggleItem .toggleX {
	background: url(../images/toggleX.png) no-repeat 0 0;
	display: block;
	margin: 0 -3px 0 0;
	top: 1px;
	left: 1px;
	padding-left: 2px;
	z-index: 20;
	width: 16px;
	height: 16px;
	position: relative;
}

.runkeeper .tag .toggleItem.left {
	margin-left: 4px;
}

.runkeeper .tag .toggleItem.left .toggleCap {
	position: absolute;
	top: 0;
	left: -4px;
	width: 4px;
	height: 20px;
	background: url(../images/toggle-l-small.png) no-repeat 0 0;
}

.runkeeper .tag .toggleItem.left:hover .toggleCap,
.runkeeper .tag .toggleItem.left:active .toggleCap {
	background: url(../images/toggle-l-small.png) no-repeat  0 -0;
}

.runkeeper .tag .toggleItem.right .toggleCap {
	position: absolute;
	top: 0;
	right: -4px;
	width: 4px;
	height: 20px;
	background: url(../images/toggle-r-small.png) no-repeat 0 0;
}

.runkeeper .tag .toggleItem.right:hover .toggleCap {
	background: url(../images/toggle-r-small.png) no-repeat  0 -20px;
}

.runkeeper .tag .toggleItem.right:active .toggleCap {
	background: url(../images/toggle-r-small.png) no-repeat  0 -40px;
}

/* dropdownGrey */

.runkeeper .dropdownGrey {
	position: relative;
}

.runkeeper .dropdownGrey:hover .toggleItem {
	background: url(../images/toggle-m-small.png) repeat-x 0 -20px;
}

.runkeeper .dropdownGrey:active .toggleItem {
	background: url(../images/toggle-m-small.png) repeat-x 0 -40px;
}

.runkeeper .dropdownGrey.selected .toggleItem.right,
.runkeeper .dropdownGrey.selected:hover .toggleItem.right {
	background: url(../images/toggle-m-small-selected.png) repeat-x 0 0;
	cursor: default;
}

.runkeeper .dropdownGrey:hover .toggleItem.left .toggleCap {
	background: url(../images/toggle-l-small.png) no-repeat  0 -20px;
}

.runkeeper .dropdownGrey:active .toggleItem.left .toggleCap {
	background: url(../images/toggle-l-small.png) no-repeat  0 -40px;
}

.runkeeper .dropdownGrey:hover .toggleItem.right .toggleCap {
	background: url(../images/toggle-r-small.png) no-repeat  0 -20px;
}

.runkeeper .dropdownGrey:active .toggleItem.right .toggleCap {
	background: url(../images/toggle-r-small.png) no-repeat  0 -40px;
}

.runkeeper .dropdownGrey.selected .toggleItem.right .toggleCap,
.runkeeper .dropdownGrey.selected:hover .toggleItem.right .toggleCap {
	background: url(../images/toggle-r-small-selected.png) 0 0;
}

.runkeeper .dropdownGrey:hover .toggleTextMain {
	color: #000;
}

.runkeeper .dropdownGrey.selected .toggleItem .toggleTextSecondary {
	color: #FFF;
	text-shadow: #000 0px 1px 1px;
}

.runkeeper .dropdownGrey.selected .toggleArrow {
	background: url(../images/dropdownArrowWhite.png);
}

/* toggle large */

.runkeeper .toggleLarge .toggleItem {
	display: inline;
	float: left;
	background: url(../images/toggle-m.png) repeat-x 0 0;
	padding: 2px 7px;
	height: 24px;
	cursor: pointer;
	margin: 0;
	text-align: center;
	position: relative;
}

.runkeeper .toggleLarge .toggleItem:hover {
	background: url(../images/toggle-m.png) repeat-x 0 -28px;
}

.runkeeper .toggleLarge .toggleItem:active {
	background: url(../images/toggle-m.png) repeat-x 0 -56px;
}

.runkeeper .toggleLarge .toggleItem.selected,
.runkeeper .toggleLarge .toggleItem.selected:hover {
	background: url(../images/toggle-m.png) repeat-x 0 -84px;
	cursor: default;
}

.runkeeper .toggleLarge .toggleItem.left {
	margin-left: 6px;
	padding: 2px 4px 2px 2px;
	position: relative;
}

.runkeeper .toggleLarge .toggleItem.left .toggleCap {
	position: absolute;
	top: 0;
	left: -6px;
	width: 6px;
	height: 28px;
	background: url(../images/toggle-l.png) no-repeat 0 0;
}

.runkeeper .toggleLarge .toggleItem.left:hover .toggleCap {
	background: url(../images/toggle-l.png) no-repeat  0 -28px;
}

.runkeeper .toggleLarge .toggleItem.left:active .toggleCap {
	background: url(../images/toggle-l.png) no-repeat  0 -56px;
}

.runkeeper .toggleLarge .toggleItem.left.selected .toggleCap,
.runkeeper .toggleLarge .toggleItem.left.selected:hover .toggleCap {
	background: url(../images/toggle-l.png) no-repeat 0 -84px;
}

.runkeeper .toggleLarge .toggleItem.right {
	margin-right: 6px;
	padding: 2px 2px 2px 4px;
	position: relative;
}

.runkeeper .toggleLarge .toggleItem.right .toggleCap {
	position: absolute;
	top: 0;
	right: -6px;
	width: 6px;
	height: 28px;
	background: url(../images/toggle-r.png) no-repeat 0 0;
}

.runkeeper .toggleLarge .toggleItem.right:hover .toggleCap {
	background: url(../images/toggle-r.png) no-repeat  0 -28px;
}

.runkeeper .toggleLarge .toggleItem.right:active .toggleCap {
	background: url(../images/toggle-r.png) no-repeat  0 -56px;
}

.runkeeper .toggleLarge .toggleItem.right.selected .toggleCap,
.runkeeper .toggleLarge .toggleItem.right.selected:hover .toggleCap {
	background: url(../images/toggle-r.png) no-repeat 0 -84px;
}

.runkeeper .toggleLarge .toggleDivider {
	display: inline;
	float: left;
	background: url(../images/toggle-divider.png) no-repeat 0 0;
	width: 1px;
	height: 24px;
	margin: 0;
	padding: 2px 0;
	font-size: 1px;
}

.runkeeper .toggleLarge .toggleTextMain {
	display: inline;
	font-size: 14px;
	font-weight: bold;
	color: #222;
	text-align: center;
	vertical-align: middle;
	position: relative;
	top: 5px;
	margin: 0 2px;
}

.runkeeper .toggleLarge .toggleTextMain:hover {
	color: #000;
}

.runkeeper .toggleLarge .toggleItem.selected .toggleTextMain {
	color: #FFF;
	text-shadow: #000 0px 1px 1px;
}

.runkeeper .toggleLarge .toggleTextSecondary {
	display: inline;
	font-size: 9px;
	color: #111;
	text-align: center;
	position: relative;
	top: -2px;
}

.runkeeper .toggleLarge .toggleItem.selected .toggleTextSecondary {
	color: #FFF;
	text-shadow: #000 0px 1px 1px;
}

.runkeeper .toggleLarge .toggleArrow {
	background: url(../images/profileDropdownArrow.png) no-repeat 0 0;
	display: block;
	width: 15px;
	height: 12px;
	position: relative;
	top: 8px;
	left: 2px;
}

/* dropdownGrey Large */

.runkeeper .dropdownLarge.toggleLarge .dropdownGrey:hover .toggleItem {
	background: url(../images/toggle-m.png) repeat-x 0 -28px;
}

.runkeeper .dropdownLarge.toggleLarge .dropdownGrey:active .toggleItem {
	background: url(../images/toggle-m.png) repeat-x 0 -56px;
}

.runkeeper .dropdownLarge.toggleLarge .dropdownGrey.selected .toggleItem.right,
.runkeeper .dropdownLarge.toggleLarge .dropdownGrey.selected:hover .toggleItem.right {
	background: url(../images/toggle-m.png) repeat-x 0 -84px;
	cursor: default;
}

.runkeeper .dropdownLarge.toggleLarge .dropdownGrey:hover .toggleItem.left .toggleCap {
	background: url(../images/toggle-l.png) no-repeat  0 -28px;
}

.runkeeper .dropdownLarge.toggleLarge .dropdownGrey:active .toggleItem.left .toggleCap {
	background: url(../images/toggle-l.png) no-repeat  0 -56px;
}

.runkeeper .dropdownLarge.toggleLarge .dropdownGrey:hover .toggleItem.right .toggleCap {
	background: url(../images/toggle-r.png) no-repeat  0 -28px;
}

.runkeeper .dropdownLarge.toggleLarge .dropdownGrey:active .toggleItem.right .toggleCap {
	background: url(../images/toggle-r.png) no-repeat  0 -56px;
}

.runkeeper .dropdownLarge.toggleLarge .dropdownGrey.selected .toggleItem.right .toggleCap,
.runkeeper .dropdownLarge.toggleLarge .dropdownGrey.selected:hover .toggleItem.right .toggleCap {
	background: url(../images/toggle-r.png) no-repeat 0 -84px;
}

.runkeeper .dropdownLarge.toggleLarge .dropdownGrey:hover .toggleTextMain {
	color: #000;
}

.runkeeper .dropdownLarge.toggleLarge .dropdownGrey.selected .toggleItem .toggleTextSecondary {
	color: #FFF;
	text-shadow: #000 0px 1px 1px;
}

.runkeeper .dropdownLarge.toggleLarge .dropdownGrey.selected .toggleArrow {
	background: url(../images/profileDropdownArrowSelected.png);
}

.runkeeper #profileDropdownBox {
	position: relative;
}

.runkeeper #profileDropdownBox .toggleTextMain {
	display: inline;
	font-size: 14px;
	font-weight: bold;
	color: #222;
	text-align: center;
	vertical-align: middle;
	position: relative;
	top: 5px;
	margin: 0 2px 0 0;
	text-shadow: #DDD 1px 1px 0px;
}

.runkeeper #profileDropdownBox .toggleTextMain a,
.runkeeper #profileDropdownBox .toggleTextMain a:hover {
	color: #000;
	text-decoration: none;
}

.runkeeper #profileDropdownBox .toggleItem.left img {
	float: left;
	display: block;
	margin-right: 5px;
	position: relative;
	top: 2px;
	left: -3px;
}

.runkeeper #profileNavList {
   display: none;
   position: absolute;
   top: 22px;
   right: -8px;
}

.runkeeper #profileNavList .shadowBoxContent {
   padding: 16px;
}

.runkeeper #profileNavList .profileNavListItem {
   margin: 4px auto;
   padding: 5px 5px 6px 5px;
}

.runkeeper #profileNavList .profileNavListItem:hover {
   background: url(../images/subNavBG2.png) repeat-x 0 0;
}

.runkeeper #profileNavList .profileNavListItem a {
   font-size: 13px;
   font-weight: bold;
   color: #333;
}

.runkeeper #profileNavList .divider {
   border-bottom: 1px solid #CCC;
   height: 0;
   margin: 5px auto;
}

.runkeeper #profileNavList .profileNavListItem:hover {
   cursor: pointer;
}

.runkeeper #profileNavList .profileNavListItem:hover a {
   color: #FFF;
}

.runkeeper #profileNavList .profileNavListItem a:hover {
   text-decoration: none;
}

/* dropdownBlueSmall */

.runkeeper .dropdownBlueSmall .toggleItem {
	display: inline;
	float: left;
	background: url(../images/blueButton-m-small.png) repeat-x 0 0;
	padding: 2px 4px;
	height: 14px;
	cursor: pointer;
	margin: 0;
	text-align: center;
}

.runkeeper .dropdownBlueSmall .toggleItem:hover {
	background-position: 0 -18px;
}

.runkeeper .dropdownBlueSmall .toggleItem:active {
	background-position: 0 -36px;
}

.runkeeper .dropdownBlueSmall .toggleItem.selected,
.runkeeper .dropdownBlueSmall .toggleItem.selected:hover {
	background: url(../images/blueButton-m-small.png) repeat-x 0 -54px;
	cursor: default;
}

.runkeeper .dropdownBlueSmall .toggleItem.left {
	margin-left: 10px;
	padding: 2px 4px 2px 0px;
	position: relative;
}

.runkeeper .dropdownBlueSmall .toggleItem.left .toggleCap {
	position: absolute;
	top: 0;
	left: -10px;
	width: 10px;
	height: 18px;
	background: url(../images/blueButton-l-small.png) no-repeat 0 0;
}

.runkeeper .dropdownBlueSmall .toggleItem.left:hover .toggleCap {
	background: url(../images/blueButton-l-small.png) no-repeat 0 -18px;
}

.runkeeper .dropdownBlueSmall .toggleItem.left:active .toggleCap {
	background: url(../images/blueButton-l-small.png) no-repeat 0 -36px;
}

.runkeeper .dropdownBlueSmall .toggleItem.left.selected .toggleCap,
.runkeeper .dropdownBlueSmall .toggleItem.left.selected:hover .toggleCap {
	background: url(../images/blueButton-l-small.png) 0 -54px;
}

.runkeeper .dropdownBlueSmall .toggleItem.right {
	margin-right: 10px;
	padding: 2px 0px 2px 2px;
	position: relative;
	width: 10px;
}

.runkeeper .dropdownBlueSmall .toggleItem.right .toggleCap {
	position: absolute;
	top: 0;
	right: -10px;
	width: 10px;
	height: 18px;
	background: url(../images/blueButton-r-small.png) no-repeat 0 0;
}

.runkeeper .dropdownBlueSmall .toggleItem.right:hover .toggleCap {
	background: url(../images/blueButton-r-small.png) no-repeat 0 -18px;
}

.runkeeper .dropdownBlueSmall .toggleItem.right:active .toggleCap {
	background: url(../images/blueButton-r-small.png) no-repeat 0 -36px;
}

.runkeeper .dropdownBlueSmall .toggleItem.right.selected .toggleCap,
.runkeeper .dropdownBlueSmall .toggleItem.right.selected:hover .toggleCap {
	background: url(../images/blueButton-r-small.png) 0 -54px;
}

.runkeeper .dropdownBlueSmall .toggleDivider {
	display: inline;
	float: left;
	background: url(../images/blueButton-divider-small.png) no-repeat 0 0;
	width: 1px;
	height: 14px;
	margin: 0;
	padding: 2px 0;
	font-size: 1px;
}

.runkeeper .dropdownBlueSmall .toggleTextMain {
	display: inline;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	text-shadow: #000 0px 0px 1px;
}

.runkeeper .dropdownBlueSmall .toggleTextSecondary {
	display: inline;
	font-size: 9px;
	color: #111;
	text-align: center;
	position: relative;
	top: -3px;
}

.runkeeper .dropdownBlueSmall .toggleArrow {
	background: url(../images/dropdownArrowWhite.png) no-repeat 0 0;
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
}

/* Activity Checkbox */

.runkeeper .activityCheckbox {
	min-width: 110px;
	height: 20px;
	margin: 0 0 5px 0;
	float: left;
}

.runkeeper .activityCheckbox {
	min-width: 110px;
	height: 20px;
	margin: 0 0 5px 0;
	float: left;
}

.runkeeper .activityCheckbox .toggleItem {
	display: inline;
	float: left;
	background: url(../images/toggle-m-small.png) repeat-x 0 0;
	padding: 2px 4px;
	height: 16px;
	cursor: pointer;
	margin: 0;
	text-align: center;
}

.runkeeper .activityCheckbox:hover .toggleItem {
	background-position: 0 -20px;
}

.runkeeper .activityCheckbox:active .toggleItem {
	background-position: 0 -40px;
}

.runkeeper .activityCheckbox.selected .toggleItem.left,
.runkeeper .activityCheckbox.selected:hover .toggleItem.left {
	background: url(../images/toggle-m-small.png) repeat-x 0 -60px;
	cursor: default;
}

.runkeeper .activityCheckbox .toggleItem.left {
	margin-left: 4px;
	padding: 2px 0px 2px 0px;
	position: relative;
}

.runkeeper .activityCheckbox .toggleItem.left .toggleCap {
	position: absolute;
	top: 0;
	left: -4px;
	width: 4px;
	height: 20px;
	background-image: url(../images/toggle-l-small.png) no-repeat 0 0;
}

.runkeeper .activityCheckbox:hover .toggleItem .toggleCap {
	background: url(../images/toggle-l-small.png) no-repeat 0 -20px;
}

.runkeeper .activityCheckbox:active .toggleItem .toggleCap {
	background: url(../images/toggle-l-small.png) no-repeat 0 -40px;
}

.runkeeper .activityCheckbox.selected .toggleItem.left .toggleCap,
.runkeeper .activityCheckbox.selected:hover .toggleItem.left .toggleCap {
	background: url(../images/toggle-l-small.png) no-repeat 0 -60px;
}

.runkeeper .activityCheckbox .toggleItem.right {
	margin-right: 4px;
	padding: 2px 0px 2px 4px;
	position: relative;
}

.runkeeper .activityCheckbox .toggleItem.right {
	min-width: 75px;
	text-align: left;
}

.runkeeper .activityCheckbox .toggleItem.right .toggleCap {
	position: absolute;
	top: 0;
	right: -4px;
	width: 4px;
	height: 20px;
	background: url(../images/toggle-r-small.png) no-repeat 0 0;
}

.runkeeper .activityCheckbox:hover .toggleItem.right .toggleCap {
	background: url(../images/toggle-r-small.png) no-repeat 0 -20px;
}

.runkeeper .activityCheckbox:active .toggleItem.right .toggleCap {
	background: url(../images/toggle-r-small.png) no-repeat 0 -40px;
}

.runkeeper .activityCheckbox .toggleDivider {
	display: inline;
	float: left;
	background: url(../images/toggle-small-divider.png) no-repeat 0 0;
	width: 1px;
	height: 16px;
	margin: 0;
	padding: 2px 0;
	font-size: 1px;
}

.runkeeper .activityCheckbox .toggleTextMain {
	display: inline;
	font-size: 12px;
	font-weight: normal;
	color: #111;
	text-align: left;
	vertical-align: middle;
}

.runkeeper .activityCheckbox.selected .toggleTextMain {
	font-weight: bold;
}

.runkeeper .activityCheckbox .toggleTextSecondary {
	display: inline;
	font-size: 9px;
	color: #111;
	text-align: center;
	position: relative;
	top: -3px;
}

.runkeeper .activityCheckbox .toggleCheckmark {
	display: block;
	width: 16px;
	height: 16px;
}

.runkeeper .activityCheckbox.selected .toggleCheckmark {
	background: url(../images/toggleCheckmark.png) no-repeat 0 0;
}

.runkeeper .activityCheckbox.selected .toggleTextSecondary {
	color: #FFF;
	text-shadow: #000 0px 1px 1px;
}

/* greydientBox */

.runkeeper .greydientBox {
	position: relative;
}

.runkeeper .greydient-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.runkeeper .greydient-bg-box {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.runkeeper .greydient {
	z-index: 10;
}

.runkeeper .greydient-content {
	position: relative;
	z-index: 20;
	padding: 8px;
}

.runkeeper .greydient-content .viewAll {
	text-align: right;
	display: block;
	width: 50px;
	margin: 5px auto 0 auto;
}

.runkeeper .greydient.tl {
	background: url(../images/greydient-tl.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 8px;
	height: 8px;
}

.runkeeper .greydient.t {
	background: url(../images/greydient-t.png) repeat-x 0 0;
	position: absolute;
	width: 100%;
	height: 6px;
	z-index: 9;
}

.runkeeper .greydient.tr {
	background: url(../images/greydient-tr.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 8px;
}

.runkeeper .greydient.r {
	background: url(../images/greydient-r.png) repeat-y 0 0;
	position: absolute;
	top: 8px;
	right: 0;
	width: 2px;
}

.runkeeper .greydient.br {
	background: url(../images/greydient-br.png) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 8px;
	height: 8px;
}

.runkeeper .greydient.b {
	background: url(../images/greydient-b.png) repeat-x 0 0;
	position: absolute;
	bottom: 0;
	height: 2px;
	width: 100%;
	z-index: 9;
}

.runkeeper .greydient.bl {
	background: url(../images/greydient-bl.png) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 8px;
	height: 8px;
}

.runkeeper .greydient.l {
	background: url(../images/greydient-l.png) repeat-y 0 0;
	position: absolute;
	top: 8px;
	left: 0;
	width: 2px;
}

/* greyBox */

.runkeeper .greyBox {
	position: relative;
}

.runkeeper .greyBorder {
	z-index: 10;
}

.runkeeper .greyBorder.tl {
	background: url(../images/greyBorder-tl.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 8px;
	height: 8px;
}

.runkeeper .greyBorder.t {
	background: url(../images/greyBorder-t.png) repeat-x 0 0;
	position: absolute;
	width: 100%;
	height: 6px;
	z-index: 9;
}

.runkeeper .greyBorder.tr {
	background: url(../images/greyBorder-tr.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 8px;
}

.runkeeper .greyBorder.r {
	background: url(../images/greyBorder-r.png) repeat-y 0 0;
	position: absolute;
	top: 8px;
	right: 0;
	width: 2px;
}

.runkeeper .greyBorder.br {
	background: url(../images/greyBorder-br.png) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 8px;
	height: 8px;
}

.runkeeper .greyBorder.b {
	background: url(../images/greyBorder-b.png) repeat-x 0 0;
	position: absolute;
	bottom: 0;
	height: 2px;
	width: 100%;
	z-index: 9;
}

.runkeeper .greyBorder.bl {
	background: url(../images/greyBorder-bl.png) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 8px;
	height: 8px;
}

.runkeeper .greyBorder.l {
	background: url(../images/greyBorder-l.png) repeat-y 0 0;
	position: absolute;
	top: 8px;
	left: 0;
	width: 2px;
}

/* greyBox w/ shadow */

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

.runkeeper .greyBorder.shadow.t {
	background: url(../images/greyBorder-ts.png) repeat-x 0 0;
	height: 6px;
}

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

.runkeeper .greyBorder.shadow.r {
	background: url(../images/greyBorder-rs.png) repeat-y 0 0;
	width: 5px;
}

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

.runkeeper .greyBorder.shadow.b {
	background: url(../images/greyBorder-bs.png) repeat-x 0 0;
	height: 6px;
}

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

.runkeeper .greyBorder.shadow.l {
	background: url(../images/greyBorder-ls.png) repeat-y 0 0;
	width: 5px;
}

/* blackBox */

.runkeeper .blackBox {
	position: relative;
}

.runkeeper .blackBox-content {
	background: url(../images/blackBox-m.png) repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	margin: 10px 0;
}

.runkeeper .blackBox-tl {
	background: url(../images/blackBox-tl.png) no-repeat 0 0;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
}

.runkeeper .blackBox-t {
	background: url(../images/blackBox-m.png) repeat 0 0;
	height: 10px;
	position: absolute;
	top: 0;
	margin: 0 10px;
}

.runkeeper .blackBox-tr {
	background: url(../images/blackBox-tr.png) no-repeat 0 0;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	right: 0;
}

.runkeeper .blackBox-br {
	background: url(../images/blackBox-br.png) no-repeat 0 0;
	width: 10px;
	height: 10px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.runkeeper .blackBox-b {
	background: url(../images/blackBox-m.png) repeat 0 0;
	height: 10px;
	position: absolute;
	bottom: 0;
	margin: 0 10px;
}

.runkeeper .blackBox-bl {
	background: url(../images/blackBox-bl.png) no-repeat 0 0;
	width: 10px;
	height: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
}

/* shadowBox */

.runkeeper .shadowBoxContainer {
	position: relative;
}

.runkeeper .shadowBox-bg {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 5;
	background: #FFF;
}

.runkeeper .shadowBox {
	z-index: 10;
}

.runkeeper .shadowBoxContent {
	position: relative;
	z-index: 20;
}

.runkeeper .shadowBoxContent.dialog {
	position: relative;
	z-index: 20;
	padding: 20px;
}

.runkeeper .shadowBoxContent.dialog p {
   color: #666;
   line-height: 140%;
}

.runkeeper .shadowBoxContent.dialog h3 {
	width: 288px;
}

.runkeeper .shadowBoxContent h3 div {
	float: right;
	font-size: 11px;
	font-weight: normal;
	position: relative;
	top: 2px;
}

.runkeeper .shadowBoxContent input[type="file"] {
   width: 288px;
}

.runkeeper .shadowBox.tl {
	background: url(../images/shadowBox-tl.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
}

.runkeeper .shadowBox.t {
	background: url(../images/shadowBox-t.png) repeat-x 0 0;
	position: absolute;
	height: 20px;
	margin: 0 20px;
	top: 0;
	left: 0;
}

.runkeeper .shadowBox.tr {
	background: url(../images/shadowBox-tr.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
}

.runkeeper .shadowBox.r {
	background: url(../images/shadowBox-r.png) repeat-y 0 0;
	position: absolute;
	top: 20px;
	right: 0;
	width: 20px;
}

.runkeeper .shadowBox.br {
	background: url(../images/shadowBox-br.png) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 20px;
	height: 20px;
}

.runkeeper .shadowBox.b {
	background: url(../images/shadowBox-b.png) repeat-x 0 0;
	position: absolute;
	bottom: 0;
	height: 20px;
	margin: 0 20px;
	left: 0;
}

.runkeeper .shadowBox.bl {
	background: url(../images/shadowBox-bl.png) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 20px;
	height: 20px;
}

.runkeeper .shadowBox.l {
	background: url(../images/shadowBox-l.png) repeat-y 0 0;
	position: absolute;
	top: 20px;
	left: 0;
	width: 20px;
}

.runkeeper .shadowBoxContainer.arrowTop .shadowBoxArrow {
	background: url(../images/shadowBox-arrow-top.png) no-repeat 0 0;
	position: absolute;
	top: -13px;
	left: 100px;
	width: 45px;
	height: 22px;
	z-index: 12;
}

.runkeeper .shadowBoxContainer.arrowRight .shadowBoxArrow {
	background: url(../images/shadowBox-arrow-right.png) no-repeat 0 0;
	position: absolute;
	top: 30px;
	right: -12px;
	width: 25px;
	height: 46px;
	z-index: 12;
}

.runkeeper .shadowBoxContainer.arrowBottom .shadowBoxArrow {
	background: url(../images/shadowBox-arrow-bottom.png) no-repeat 0 0;
	position: absolute;
	bottom: -16px;
	left: 170px;
	width: 49px;
	height: 25px;
	z-index: 12;
}

.runkeeper .shadowBoxContainer.arrowLeft .shadowBoxArrow {
	background: url(../images/shadowBox-arrow-left.png) no-repeat 0 0;
	position: absolute;
	top: 30px;
	left: -12px;
	width: 21px;
	height: 40px;
	z-index: 12;
}

/* Step Selector */

.runkeeper .steps {
	position: relative;
	float: right;
	height: 30px;
	top: -6px;
}

.runkeeper .stepSelector-medium {
	position: relative;
	float: right;
	height: 30px;
}

.runkeeper .stepSelector-medium:hover {
	cursor: pointer;
}

.runkeeper .stepSelector-medium .l {
	background: url(../images/stepSelector-left.png) no-repeat 0 -60px;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 30px;
}

.runkeeper .stepSelector-medium:hover .l {
	background: url(../images/stepSelector-left.png) no-repeat 0 -30px;
}

.runkeeper .stepSelector-medium:active .l {
	background: url(../images/stepSelector-left.png) no-repeat 0 0;
}

.runkeeper .stepSelector-medium.selected .l {
	background: url(../images/stepSelector-left.png) no-repeat 0 -90px;
}

.runkeeper .stepSelector-medium .m {
	background: url(../images/stepSelector-middle.png) repeat-x 0 -60px;
	margin: 0 15px;
	height: 30px;
}

.runkeeper .stepSelector-medium:hover .m {
	background: url(../images/stepSelector-middle.png) repeat-x 0 -30px;
}

.runkeeper .stepSelector-medium:active .m {
	background: url(../images/stepSelector-middle.png) repeat-x 0 0;
}

.runkeeper .stepSelector-medium.selected .m {
	background: url(../images/stepSelector-middle.png) repeat-x 0 -90px;
}

.runkeeper .stepSelector-medium .m .mainText {
	font-size: 13px;
	font-weight: normal;
	color: #666;
	text-align: center;
	position: relative;
	top: 8px;
}

.runkeeper .stepSelector-medium .m .mainText span {
	font-weight: bold;
}

.runkeeper h3 .stepSelector-medium .m .mainText span {
   position: relative;
   width: inherit;
   height: inherit;
   background: none;
}

.runkeeper .stepSelector-medium.selected .m .mainText {
	text-shadow: #333 -1px -1px 0px;
	color: #FFF;
}

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

.runkeeper .stepSelector-medium:hover .r {
	background: url(../images/stepSelector-right.png) no-repeat 0 -30px;
}

.runkeeper .stepSelector-medium:active .r {
	background: url(../images/stepSelector-right.png) no-repeat 0 0;
}

.runkeeper .stepSelector-medium.selected .r {
	background: url(../images/stepSelector-right.png) no-repeat 0 -90px;
}

.runkeeper .stepSelector-medium.left .m {
	margin: 0 16px 0 15px;
}

.runkeeper .stepSelector-medium.left .r {
	background: url(../images/stepSelector-dividerRight.png) no-repeat 0 -60px;
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 30px;
}

.runkeeper .stepSelector-medium.left:hover .r {
	background: url(../images/stepSelector-dividerRight.png) no-repeat 0 -30px;
}

.runkeeper .stepSelector-medium.left:active .r {
	background: url(../images/stepSelector-dividerRight.png) no-repeat 0 0;
}

.runkeeper .stepSelector-medium.left.selected .r {
	background: url(../images/stepSelector-dividerRight.png) no-repeat 0 -90px;
}

.runkeeper .stepSelector-medium.middle .m {
	margin: 0 16px 0 8px;
}

.runkeeper .stepSelector-medium.middle .m .mainText {
	position: relative;
	left: 3px;
	z-index: 20;
	margin-right: 4px;
}

.runkeeper .stepSelector-medium.middle .r {
	background: url(../images/stepSelector-dividerRight.png) no-repeat 0 -60px;
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 30px;
}

.runkeeper .stepSelector-medium.middle:hover .r {
	background: url(../images/stepSelector-dividerRight.png) no-repeat 0 -30px;
}

.runkeeper .stepSelector-medium.middle:active .r {
	background: url(../images/stepSelector-dividerRight.png) no-repeat 0 0;
}

.runkeeper .stepSelector-medium.middle.selected .r {
	background: url(../images/stepSelector-dividerRight.png) no-repeat 0 -90px;
}

.runkeeper .stepSelector-medium.middle .l {
	background: url(../images/stepSelector-dividerLeft.png) no-repeat 0 -60px;
	position: absolute;
	top: 0;
	left: -10px;
	width: 18px;
	height: 30px;
}

.runkeeper .stepSelector-medium.middle:hover .l {
	background: url(../images/stepSelector-dividerLeft.png) no-repeat 0 -30px;
}

.runkeeper .stepSelector-medium.middle:active .l {
	background: url(../images/stepSelector-dividerLeft.png) no-repeat 0 0;
}

.runkeeper .stepSelector-medium.middle.selected .l {
	background: url(../images/stepSelector-dividerLeft.png) no-repeat 0 -90px;
}

.runkeeper .stepSelector-medium.right .m {
	margin: 0 15px 0 8px;
}

.runkeeper .stepSelector-medium.right .m .mainText {
	position: relative;
	left: 4px;
	z-index: 20;
}

.runkeeper .stepSelector-medium.right .l {
	background: url(../images/stepSelector-dividerLeft.png) no-repeat 0 -60px;
	position: absolute;
	top: 0;
	left: -10px;
	width: 18px;
	height: 30px;
}

.runkeeper .stepSelector-medium.right:hover .l {
	background: url(../images/stepSelector-dividerLeft.png) no-repeat 0 -30px;
}

.runkeeper .stepSelector-medium.right:active .l {
	background: url(../images/stepSelector-dividerLeft.png) no-repeat 0 0;
}

.runkeeper .stepSelector-medium.right.selected .l {
	background: url(../images/stepSelector-dividerLeft.png) no-repeat 0 -90px;
}

.runkeeper .stepSelector-medium.left.selected,
.runkeeper .stepSelector-medium.middle.selected,
.runkeeper .stepSelector-medium.right.selected {
	cursor: default;
}

/* Accordion */

.runkeeper .accordion {
	cursor: pointer;
	position: relative;
	margin-bottom: 5px;
}

.runkeeper .ui-state-active.accordion {
   margin-bottom: 0;
}

.runkeeper .accordion .accordion-l {
	background: url(../images/accordion-l.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 4px;
	height: 27px;
}

.runkeeper .accordion:hover .accordion-l {
	background: url(../images/accordion-l.png) no-repeat 0 -27px;
}

.runkeeper .accordion:active .accordion-l {
	background: url(../images/accordion-l.png) no-repeat 0 -54px;
}

.runkeeper .accordion .accordion-m {
	background: url(../images/accordion-m.png) repeat-x 0 0;
	width: 222px;
	height: 27px;
	margin: 0 4px;
}

.runkeeper .accordion:hover .accordion-m {
	background: url(../images/accordion-m.png) repeat-x 0 -27px;
}

.runkeeper .accordion:active .accordion-m {
	background: url(../images/accordion-m.png) repeat-x 0 -54px;
}

.runkeeper .accordion .accordion-r {
	background: url(../images/accordion-r.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 4px;
	height: 27px;
}

.runkeeper .accordion:hover .accordion-r {
	background: url(../images/accordion-r.png) no-repeat 0 -27px;
}

.runkeeper .accordion:active .accordion-r {
	background: url(../images/accordion-r.png) no-repeat 0 -54px;
}

.runkeeper .accordion .mainText {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	position: relative;
	top: 6px;
	left: 2px;
}

.runkeeper .accordion a.mainText {
	color: #2A5DB0;
	text-align: center;
}

.runkeeper .accordion a.mainText:hover {
	color: #2F8CCC;
}

.runkeeper .accordion a.mainText:active {
	color: #19397F;
}

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

.runkeeper .accordion .bubble {
	position: absolute;
	top: 4px;
	right: 21px;
	height: 20px;
	width: 28px;
}

.runkeeper .ui-state-active.accordion .bubble {
	display: none;
}

.runkeeper .accordion .bubble-l {
	background: url(../images/bubble-l.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 20px;
}

.runkeeper .accordion .bubble-m {
	background: url(../images/bubble-m.png) repeat-x 0 0;
	height: 20px;
	width: 8px;
	margin: 0 10px;
}

.runkeeper .accordion .bubble-r {
	background: url(../images/bubble-r.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 20px;
}

.runkeeper .accordion .bubble-text {
	color: #EEE;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 28px;
	position: absolute;
	top: 3px;
	z-index: 10;
	text-shadow: 0px 0px 2px #666;
}

.runkeeper .accordion .navStatusArrow {
	background: url(../images/arrow-left.png) no-repeat 0 0;
	position: absolute;
	top: 9px;
	right: 8px;
	width: 9px;
	height: 11px;
}

.runkeeper .ui-state-active.accordion .navStatusArrow,
.runkeeper .open.accordion .navStatusArrow{
	background: url(../images/arrow-down.png) no-repeat 0 0;
	position: absolute;
	top: 10px;
	right: 6px;
	width: 11px;
	height: 9px;
}

/* notification bar */

.runkeeper #notificationBar {
   display: none;
   position: fixed;
   bottom: -111px;
   opacity: 0.0;
   left: 0;
   width: 100%;
   height: 111px;
   background: url(../images/growl-bg.png) repeat-x 0 0;
   z-index: 10000;
}

.runkeeper #notificationBar:hover {
   background: url(../images/growl-bg.png) repeat-x 0 -111px;
   cursor: pointer;
}

.runkeeper #notificationBar:active {
   background: url(../images/growl-bg.png) repeat-x 0 -222px;
   cursor: pointer;
}

.runkeeper #notificationContent {
   width: 950px;
   height: 100px;
   display: block;
   margin: 11px auto 0 auto;
   position: relative;
}

.runkeeper #notificationContent .icon {
   width: 64px;
   height: 63px;
   display: block;
   float: left;
   margin-right: 24px;
   position: relative;
   top: 18px;
   left: 0;
}

.runkeeper #notificationContent.success .icon {
   background: url(../images/icon-notificationSuccess.png) no-repeat 0 0;
}

.runkeeper #notificationContent.error .icon {
   background: url(../images/icon-notificationError.png) no-repeat 0 0;
}

.runkeeper #notificationContent.message .icon {
   background: url(../images/icon-notificationMessage.png) no-repeat 0 0;
}

.runkeeper #notificationContent .mainText {
   color: #555;
   text-shadow: #FFF 1px 1px 0;
   font-size: 32px;
   font-weight: bold;
   position: relative;
   top: 20px;
   left: 0;
}

.runkeeper #notificationContent .subText {
   color: #555;
   text-shadow: #FFF 1px 1px 0;
   font-size: 14px;
   font-weight: normal;
   position: relative;
   top: 26px;
   left: 2px;
}

.runkeeper #notificationContent .action {
   width: 41px;
   height: 41px;
   display: block;
   float: right;
   position: relative;
   top: 31px;
   left: 0;
   background: url(../images/icon-notificationClose.png) no-repeat 0 0;
}

.runkeeper #notificationContent.message .action {
   background: url(../images/icon-notificationAction.png) no-repeat 0 0;
}

/* Header */

.runkeeper #header {
	width: 100%;
	height: 53px;
	background: url(../images/header-bg.jpg) repeat-x 0 0;
	border-bottom: 1px solid #666;
	position: relative;
	z-index: 100;
}

.runkeeper #header.nonEliteHeader {
	margin-bottom: 50px;
}

.runkeeper #headerContent {
	width: 970px;
	height: 53px;
	margin: 0 auto;
	position: relative;
}

.runkeeper #siteLogo {
	position: relative;
	top: 8px;
	left: 2px;
	width: 205px;
	height: 40px;
	margin: 0 20px0 0;
}

/* Main Navigation */

.runkeeper #headerNav {
	height: 28px;
	position: absolute;
	top: 12px;
	left: 220px;
}

.runkeeper #headerNav #homeButton {
   background: url(../images/homeButton.png) no-repeat 0 0;
	width: 28px;
	height: 28px;
	margin-right: 10px;
	float: left;
	display: block;
}

.runkeeper #headerNav #homeButton span {
   visibility: hidden;
}

.runkeeper #headerNav #homeButton:hover {
   background: url(../images/homeButton.png) no-repeat 0 -28px;
   cursor: pointer;
}

.runkeeper #headerNav #homeButton:active {
   background: url(../images/homeButton.png) no-repeat 0 -56px;
}

.runkeeper .mainNav {
	font-size: 16px;
	font-weight: bold;
	font-family: Helvetica Neue, Helvetica, Arial, Verdana, Tahoma, sans-serif;
	background: url(../images/mainNav-m.png) repeat-x 0 0;
	color: #EE;
	height: 28px;
	float: left;
	padding: 0 7px;
	position: relative;
}

.runkeeper .mainNav:hover {
	background: url(../images/mainNav-m.png) repeat-x 0 -28px;
	cursor: pointer;
}

.runkeeper .mainNav:hover a.mainNavText {
   color: #FFF;
}

.runkeeper .mainNav:active {
	background: url(../images/mainNav-m.png) repeat-x 0 -56px;
	cursor: pointer;
	color: #CCC;
}

.runkeeper .mainNav:active a.mainNavText {
   color: #CCC;
   text-shadow: none;
}

.runkeeper .mainNavDivider {
	width: 1px;
	height: 28px;
	float: left;
	background: url(../images/mainNav-divider.png) repeat-x 0 0;
}

.runkeeper .mainNavText {
	position: relative;
	top: 6px;
	text-shadow: 0 -1px 0 #000;
}

.runkeeper a.mainNavText {
   color: #EEE;
}

.runkeeper .mainNav.left, .mainNav.left:hover {
	background: url(../images/mainNav-m-dark.png) repeat-x 0 0;
	margin: 0 0 0 6px;
	color: #BBB;
	padding: 0 6px 0 2px;
	cursor: default;
}

.runkeeper .mainNav.left .mainNavCap {
	background: url(../images/mainNav-l-dark.png) no-repeat 0 0;
	width: 6px;
	height: 28px;
	position: absolute; 
	top: 0;
	left: -6px;
}

.runkeeper .mainNav.left.dark .mainNavCap {
	background: url(../images/mainNav-l-dark.png) no-repeat 0 0;
}

.runkeeper .mainNav.right {
	margin: 0 6px 0 0;
	padding: 0 2px 0 7px;
}

.runkeeper .mainNav.right .mainNavCap {
	background: url(../images/mainNav-r.png) no-repeat 0 0;
	width: 6px;
	height: 28px;
	position: absolute; 
	top: 0;
	right: -6px;
}

.runkeeper .mainNav.right:hover .mainNavCap {
	background: url(../images/mainNav-r.png) no-repeat 0 -28px;
	cursor: pointer;
}

.runkeeper .mainNav.right:active .mainNavCap {
	background: url(../images/mainNav-r.png) no-repeat 0 -56px;
	cursor: pointer;
	color: #AAA;
}

/* Utility Navigation */

.runkeeper #utilityNav {
	height: 20px;
	position: absolute;
	top: 16px;
	right: 0;
	color: #CCC;
}

.runkeeper #utilityNav a {
	color: #CCC;
	text-decoration: none;
}

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

.runkeeper #utilityNav #links {
	float: right;
	position: relative;
	top: 3px;
	margin-right: 10px;
}

.runkeeper #utilityNav #links .elite {
	font-weight: bold;
	color: #FFF;
}

.runkeeper #utilityNav #profileDropdownBox {
	float: right;
	position: relative;
	top: -6px;
}

/* mid Nav */

.runkeeper #midNav {
	background: url(../images/midNav.png) repeat-x 0 0;
	height: 139px;
	position: absolute;
	width: 100%;
	top: -20px;
	z-index: 50;
}

.runkeeper #midNavMain {
	width: 970px;
	height: 139px;
	margin: 0 auto;
}

.runkeeper #midNavMain .divider {
	background:  url(../images/midNav-divider.png) repeat-x 0 0;
	width: 1px;
	height: 139px;
	float: left;
}

.runkeeper .midNavItem {
	width: 300px;
	height: 139px;
	padding: 0 11px;
	float: left;
}

.runkeeper .midNavItem:hover {
	background: url(../images/midNav.png) repeat-x 0 -139px;
	cursor: pointer;
}

.runkeeper .midNavItem:active {
	background: url(../images/midNav.png) repeat-x 0 -278px;
	cursor: pointer;
}

.runkeeper .midNavItem.selected,
.runkeeper .midNavItem.selected:hover,
.runkeeper .midNavItem.selected:active {
	background: url(../images/midNav.png) repeat-x 0 -417px;
}

.runkeeper .midNavItem .icon {
	width: 70px;
	height: 70px;
	margin: 0 10px;
	position: relative;
	float: left;
	top: 18px;
}

.runkeeper .midNavItem .mainText {
	width: 210px;
	height: 70px;
	position: relative;
	float: left;
	top: 36px;
	text-shadow: #EEE 1px 1px 0;
	color: #333;
	font-size: 33px;
}

.runkeeper #headerContent .eliteButton {
   background: url(../images/becomeElite-grey.png) no-repeat 0 0;
   display: block;
   width: 272px;
   height: 44px;
   position: absolute;
   right: -10px;
   top: 53px;
}

.runkeeper #headerContent .eliteButton span {
   visibility: hidden;
}

.runkeeper #headerContent .eliteButton:hover {
   background: url(../images/becomeElite-grey.png) no-repeat 0 -44px;
}

.runkeeper #headerContent .eliteButton:active {
   background: url(../images/becomeElite-grey.png) no-repeat 0 -88px;
}

/* Notification */

.runkeeper #notificationBox {
	display: none;
	width: 980px;
	margin: 0 auto;
	z-index: 50;
	height: 34px;
}

.runkeeper #notification {
	display: none;
	position: relative;
	float: right;
	z-index: 50;
	height: 34px;
}

.runkeeper #notification .l {
	background: url(../images/notification-l.png) no-repeat 0 -6px;
	width: 13px;
	height: 34px;
	position: absolute;
	top: 0;
	left: 0;
}

.runkeeper #notification .m {
	background: url(../images/notification-m.png) repeat-x 0 -6px;
	height: 34px;
	margin: 0 13px;
}

.runkeeper #notification .m .icon {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	position: relative;
	top: 2px;
	left: -2px;
	float: left;
}

.runkeeper #notification.success .m .icon {
	background: url(../images/notification-success.png) no-repeat 0 0;
}

.runkeeper #notification.success .m .mainText {
	color: #093;
}

.runkeeper #notification.error .m .icon {
	background: url(../images/notification-error.png) no-repeat 0 0;
}

.runkeeper #notification.error .m .mainText {
	color: #C00;
}

.runkeeper #notification.warning .m .icon {
	background: url(../images/notification-warning.png) no-repeat 0 0;
}

.runkeeper #notification.warning {
	width: 980px;
}

.runkeeper #notification.warning #resendEmailLink {
	float: right;
	display: block;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	top: 6px;
	z-index: 40;
	margin-right: 4px;
}

.runkeeper #notification.success #resendEmailLink {
	display: none;
}

.runkeeper #notification.error #resendEmailLink {
	display: none;
}

.runkeeper #notification .m .mainText {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	position: relative;
	top: 6px;
	float: left;
	z-index: 40;
	margin-right: 4px;
}

.runkeeper #notification .r {
	background: url(../images/notification-r.png) no-repeat 0 -6px;
	width: 13px;
	height: 34px;
	position: absolute;
	top: 0;
	right: 0;
}

/* Profile Navigation */

.runkeeper #fullscreenNav {
	display: none;
}

/* breadcrumb nav */

.runkeeper .breadcrumbNav {
   height: 35px;
   width: 970px;
   position: relative;
   margin: 30px auto;
}

.runkeeper .breadcrumbItem {
   position: relative;
   float: left;
   height: 35px;
}

.runkeeper .breadcrumbItem .text {
   position: relative;
   height: 25px;
   margin: 0 12px;
   padding: 10px 6px 0 10px;
   font-weight: bold;
   font-size: 14px;
   background: url(../images/breadcrumb-m.png) repeat-x 0 0;
   text-shadow: 0 1px 0 #FFF;
}

.runkeeper .breadcrumbItem .arrow.left {
   position: absolute;
   top: 0;
   left: -6px;
   height: 35px;
   width: 18px;
   background: url(../images/breadcrumb-arrow-l.png) no-repeat 0 0;
}

.runkeeper .breadcrumbItem .arrow.right {
   position: absolute;
   top: 0;
   right: -5px;
   height: 35px;
   width: 18px;
   background: url(../images/breadcrumb-arrow-r.png) no-repeat 0 0;
}

.runkeeper .breadcrumbItem:hover .text {
   background: url(../images/breadcrumb-m.png) repeat-x 0 -35px;
   cursor: pointer;
}

.runkeeper .breadcrumbItem:hover .arrow.left {
   background: url(../images/breadcrumb-arrow-l.png) no-repeat 0 -35px;
   cursor: pointer;
}

.runkeeper .breadcrumbItem:hover .arrow.right {
   background: url(../images/breadcrumb-arrow-r.png) no-repeat 0 -35px;
   cursor: pointer;
}

.runkeeper .breadcrumbItem:active .text {
   background: url(../images/breadcrumb-m.png) repeat-x 0 -70px;
}

.runkeeper .breadcrumbItem:active .arrow.left {
   background: url(../images/breadcrumb-arrow-l.png) no-repeat 0 -70px;
}

.runkeeper .breadcrumbItem:active .arrow.right {
   background: url(../images/breadcrumb-arrow-r.png) no-repeat 0 -70px;
}

.runkeeper .breadcrumbItem.dark .text {
   background: url(../images/breadcrumb-m-dark.png) repeat-x 0 0;
   color: #FFF;
   text-shadow: 0 -1px 0 #000;
}

.runkeeper .breadcrumbItem.dark .arrow.left {
   background: url(../images/breadcrumb-arrow-dark-l.png) no-repeat 0 0;
}

.runkeeper .breadcrumbItem.dark .arrow.right {
   background: url(../images/breadcrumb-arrow-dark-r.png) no-repeat 0 0;
}

.runkeeper .breadcrumbItem.dark:hover .text {
   background: url(../images/breadcrumb-m-dark.png) repeat-x 0 -35px;
   cursor: pointer;
}

.runkeeper .breadcrumbItem.dark:hover .arrow.left {
   background: url(../images/breadcrumb-arrow-dark-l.png) no-repeat 0 -35px;
   cursor: pointer;
}

.runkeeper .breadcrumbItem.dark:hover .arrow.right {
   background: url(../images/breadcrumb-arrow-dark-r.png) no-repeat 0 -35px;
   cursor: pointer;
}

.runkeeper .breadcrumbItem.dark:active .text {
   background: url(../images/breadcrumb-m-dark.png) repeat-x 0 -70px;
}

.runkeeper .breadcrumbItem.dark:active .arrow.left {
   background: url(../images/breadcrumb-arrow-dark-l.png) no-repeat 0 -70px;
}

.runkeeper .breadcrumbItem.dark:active .arrow.right {
   background: url(../images/breadcrumb-arrow-dark-r.png) no-repeat 0 -70px;
}

.runkeeper .breadcrumbItem.leftEnd .arrow.left {
   position: absolute;
   top: 0;
   left: 0;
   height: 35px;
   width: 6px;
   background: url(../images/breadcrumb-l.png) no-repeat 0 0;
}

.runkeeper .breadcrumbItem.leftEnd:hover .arrow.left {
   background: url(../images/breadcrumb-l.png) no-repeat 0 -35px;
}

.runkeeper .breadcrumbItem.leftEnd:active .arrow.left {
   background: url(../images/breadcrumb-l.png) no-repeat 0 -70px;
}

.runkeeper .breadcrumbItem.leftEnd.dark .arrow.left {
   background: url(../images/breadcrumb-l-dark.png) no-repeat 0 0;
}

.runkeeper .breadcrumbItem.leftEnd.dark:hover .arrow.left {
   background: url(../images/breadcrumb-l-dark.png) no-repeat 0 -35px;
}

.runkeeper .breadcrumbItem.leftEnd.dark:active .arrow.left {
   background: url(../images/breadcrumb-l-dark.png) no-repeat 0 -70px;
}

.runkeeper .breadcrumbItem.leftEnd .text {
   margin-left: 6px;
   padding-left: 28px;
}

.runkeeper .breadcrumbItem.rightEnd .arrow.right  {
   position: absolute;
   top: 0;
   right: 0;
   height: 35px;
   width: 6px;
   background: url(../images/breadcrumb-r.png) no-repeat 0 0;
}

.runkeeper .breadcrumbItem.rightEnd:hover .arrow.right {
   background: url(../images/breadcrumb-r.png) no-repeat 0 -35px;
}

.runkeeper .breadcrumbItem.rightEnd:active .arrow.right {
   background: url(../images/breadcrumb-r.png) no-repeat 0 -70px;
}

.runkeeper .breadcrumbItem.rightEnd.dark .arrow.right  {
   background: url(../images/breadcrumb-r-dark.png) no-repeat 0 0;
}

.runkeeper .breadcrumbItem.rightEnd.dark:hover .arrow.right {
   background: url(../images/breadcrumb-r-dark.png) no-repeat 0 -35px;
}

.runkeeper .breadcrumbItem.rightEnd.dark:active .arrow.right {
   background: url(../images/breadcrumb-r-dark.png) no-repeat 0 -70px;
}

.runkeeper .breadcrumbItem.rightEnd .text {
   margin-right: 6px;
   padding: 10px 24px 0 10px;
}

.runkeeper .breadcrumbItem#myAppsLink {
   float: right;
}

.runkeeper .breadcrumbItem#myAppsLink .text {
   margin-left: 0;
}

.runkeeper .breadcrumbItem#myRacesLink {
	float: right;
}

.runkeeper .breadcrumbItem#myRacesLink .text {
	margin-left: 0;	
}

.runkeeper .breadcrumbItem#myFitnessClassesLink {
   float: right;
}

.runkeeper .breadcrumbItem#myFitnessClassesLink .text {
   margin-left: 0;   
}

.runkeeper .breadcrumbItem#currentBreadcrumb {
   float: none;
   clear: none;
   margin-right: 99px;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.runkeeper .breadcrumbItem#currentBreadcrumb .text {
   margin-right: 0;
   padding-right: 10px;
}

.runkeeper #breadcrumbs .divider {
   width: 1px;
   height: 35px;
   float: right;
   position: relative;
   z-index: 2;
   background: url(../images/breadcrumb-m-dark.png) no-repeat 0 -35px;
}

.runkeeper .apps .breadcrumbItem.leftEnd .icon {
   width: 23px;
   height: 23px;
   position: absolute;
   top: 50%;
   margin-top: -14px;
   left: 6px;
   background: url(../images/icon-apps-breadcrumb.png) no-repeat 0 0;
   z-index: 2;
}

.runkeeper .races .breadcrumbItem.leftEnd .icon {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 20px;
	margin-top: -14px;
	left: 8px;
	background: url(../images/icon-races-breadcrumb.png) no-repeat 0 0;
	z-index: 2;	
}

.runkeeper .fitnessclasses .breadcrumbItem.leftEnd .rkicon {
   width: 20px;
   height: 20px;
   position: absolute;
   top: 50%;
   margin-top: -14px;
   left: 8px;
   z-index: 2;
   font-size: 18px;
   color: #FFF;
   text-shadow: 0 -1px 0 #000; 
}

.runkeeper .breadcrumbItem .icon {
   width: 17px;
   height: 17px;
   position: absolute;
   top: 50%;
   margin-top: -9px;
   right: 6px;
}

.runkeeper .breadcrumbItem .icon:hover {
   cursor: pointer;
}

.runkeeper .breadcrumbItem.rightEnd .icon {
   background: url(../images/breadcrumb-arrow.png) no-repeat 0 0;
}

/* Profile Navigation */

.runkeeper #subNavContainer {
   width: 100%;
   height: 50px;
    margin: 50px auto 20px auto;
   background: url(../images/pNav-top-bg.png) no-repeat center 2px;
   position: relative;
}

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

.runkeeper #subNav {
	width: 970px;
	height: 50px;
    margin: 50px auto 20px auto;
	position: relative;
}

.runkeeper #subNav.navigation {
	margin: 40px auto 30px auto;
}

.runkeeper #subNavLeft {
	display: block;
	background: url(../images/pNav-bg-l.png) no-repeat 0 0;
	position: absolute;
	top: 2px;
	left: -70px;
	height: 27px;
	width: 200px;
}

.runkeeper #subNavRight {
	background: url(../images/pNav-bg-r.png) no-repeat 0 0;
	position: absolute;
	top: 2px;
	right: -70px;
	height: 27px;
	width: 200px;
}

.runkeeper #subNav .underline {
	border-bottom: 1px solid #D5D5D5;
	height: 29px;
	width: 970px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.runkeeper .profileBoxSmall {
	width: 230px;
	margin: 0 20px 0 0;
	float: left;
}

.runkeeper .avatarContainer {
   position: relative;
   float: left;
}

.runkeeper .avatarContainer img.eliteImg {
   position: absolute;
   right: 1px;
   bottom: 2px;
}

.runkeeper .avatarSmall {
	float: left;
	margin-right: 15px;
	position: relative;
	z-index: 10;
	overflow: hidden;
	border: none;
}

.runkeeper .avatarSmall a {
	height: 0px;
	padding: 0;
	margin: 0;
}

.runkeeper .profileBoxText {
   float: left;
}

.runkeeper .profileBoxSmall .username {
	font-size: 21px;
	font-weight: bold;
	color: #000;
	position: relative;
	text-overflow: ellipsis;
}

.runkeeper .profile .profileBoxSmall .username {
	margin-top: 3px;
}

.runkeeper .profileBoxSmall .username.smallText {
	font-size: 16px;
	top: 4px;
	margin-bottom: 4px;
}

.runkeeper .profileBoxSmall .username.extraSmallText {
	font-size: 13px;
	top: 4px;
	margin-bottom: 4px;
}

.runkeeper .profileBoxSmall #monthlyActivities {
	position: relative;
	top: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: absolute;
	top: 34px;
	left: 65px;
}

.runkeeper .profileBoxSmall #monthlyActivitiesNumber {
	font-weight: bold;
	color: #000;
}

.runkeeper .profileBoxSmall #monthlyActivitiesText {
	font-weight: normal;
	color: #666;
}

.runkeeper .icon-elite.small {
   display: block;
   position: absolute;
   bottom: 5px;
   left: 25px;
   width: 25px;
   height: 13px;  
   z-index: 10;
}

.runkeeper .profileBoxSmall .icon-elite.small {
   bottom: 10px;
}

.runkeeper .icon-elite.normal {
   display: block;
   position: absolute;
   bottom: 6px;
   right: 2px;
   width: 58px;
   height: 29px;  
}

.runkeeper #profileDropdownBox .icon-elite {
   display: none;  
}

.runkeeper #subNavBox {
	width: 720px;
	margin: 0;
	height: 29px;
	float: left;
}

.runkeeper #subNavBox a,
.runkeeper .raisedHeaderContainer a {
	display: block;
	padding: 8px;
	margin: 0 8px 0 0;
	font-size: 13px;
	color: #666;
	float: left;
	text-align: center;
	position: relative;
	z-index: 10;
}

.runkeeper #subNavBox a:hover,
.runkeeper .raisedHeaderContainer a:hover {
	color: #333;
	cursor: pointer;
	background: #EEE;
	border: 1px solid #DDD;
	border-bottom: 1px solid #EEE;
	padding: 7px;
}

.runkeeper #subNavBox a.selected,
.runkeeper #subNavBox a.selected:hover,
.runkeeper .raisedHeaderContainer a.selected,
.runkeeper .raisedHeaderContainer a.selected:hover {
	color: #2A5DB0;
	cursor: pointer;
	background: #FFF;
	border: 1px solid #D5D5D5;
	border-bottom: 1px solid #FFF;
	font-weight: 16px;
	font-weight: bold;
	padding: 6px 8px 7px 8px;
	height: 14px;
}

.runkeeper #postActivityButton {
	float: left;
	position: absolute;
	top: 5px;
	right: 0px;
	z-index: 10;
}

.runkeeper #subNavMain .blueButton-small .m .mainText {
   top:2px;
}

.runkeeper #subNav .subNavButtonLabel {
   color: #666;
   float: right;
   position: relative;
   z-index: 5;
   top: 3px;
   margin-right: 10px;
}

/* Main Content */

.runkeeper #content {
	width: 970px;
	margin: 0 auto;
	position: relative;
}

.runkeeper #content.oneColumn {
	width: 970px;
	margin: 40px auto 0;
	position: relative;
}

.runkeeper .twoColumn #leftColumn {
	width: 230px;
	margin: 0 20px 0 0;
	float: left;
	clear: left;
	position: relative;
}

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

.runkeeper .twoColumn #rightColumn {
	display: none;
}

.runkeeper .twoColumnRight.thin #leftColumn {
	display: none;
}

.runkeeper .twoColumnRight.thin #mainColumn {
	width: 740px;
	margin: 0;
	float: left;
}

.runkeeper .twoColumnRight.thin #rightColumn {
	width: 200px;
	margin: 0 0 0 30px;
	float: left;
	position: relative;
}

.runkeeper .twoColumn.thin #leftColumn {
	width: 200px;
	margin: 0 40px 0 0;
	float: left;
	clear: left;
	position: relative;
}

.runkeeper .twoColumn.thin #mainColumn {
	width: 730px;
	margin: 0;
	float: left;
}

.runkeeper .twoColumn .mainContentLeft {
	width: 270px;
	margin: 0 20px 0 0;
	float: left;
	position: relative;
}

.runkeeper .twoColumn .mainContentLeft.nosplits.noFitnessClass {
	display: none;
}

.runkeeper .twoColumn .mainContentLeft.nosplits {
	display: block;
	position: absolute;
	width: 300px;
}

.runkeeper .twoColumn .mainContentRight {
	width: 430px;
	margin: 0;
	float: left;
}

.runkeeper .twoColumn .mainContentRight.nosplits {
	width: 720px;
	margin: 0;
	float: left;
	position: relative;
}

.runkeeper .threeColumn #leftColumn {
	width: 200px;
	margin: 0 20px 0 0;
	float: left;
}

.runkeeper .threeColumn #mainColumn {
	width: 530px;
	margin: 0;
	float: left;
}

.runkeeper .threeColumn #rightColumn {
	width: 200px;
	margin: 0 0 0 20px;
	float: left;
}

.runkeeper #subContent {
	background: url(../images/subContent-bg.png) repeat 0 0;
	width: 100%;
	position: relative;
	margin: -90px 0 0 0;
}

.runkeeper #subContentTop {
	background: url(../images/subContent-bg-top.png) repeat-x 0 0;
	width: 100%;
	position: relative;
	min-height: 500px;
}

.runkeeper #subContentBody {
	width: 990px;
	position: relative;
	top: 150px;
	margin: 0 auto 150px auto;
}

.runkeeper .leftListContainer {
   margin: 0;
   width: 198px;
   background: #FFF;
   padding: 8px 0;
}

.runkeeper .leftListItem {
   margin: 0;
   padding: 5px;
   width: 188px;
   position: relative;
}

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

.runkeeper .leftListItem .icon {
   width: 25px;
   height: 25px;
   margin-right: 10px;
   float: left;
}

.runkeeper .leftListItem .icon img {
   width: 25px;
   height: 25px;
}

.runkeeper .warningLightboxSelectionList .warningLightboxSelectionItem.leftListItem .icon img,
.runkeeper .streetTeammates .leftListItem .icon img {
   width: 50px;
   height: 50px;
}

.runkeeper .profile .leftListItem .icon {
   width: 50px;
   height: 50px;
   margin-right: 10px;
   float: left;
}

.runkeeper .leftListItem .mainDetailsBox .leftListArrow {
   background: url("../images/feedArrow-small.png") no-repeat scroll 0 0 transparent;
   height: 16px;
   margin-top: -8px;
   position: absolute;
   right: 2px;
   top: 50%;
   width: 16px;
}

.runkeeper .leftListItem .leftListText {
   width: 130px;
   float: left;
}

.runkeeper .profile .leftListItem .leftListText {
   width: 100px;
   float: left;
}

.runkeeper .warningLightboxSelectionList .warningLightboxSelectionItem.leftListItem .leftListText {
   width: 270px;
   float: left;
}

.runkeeper .leftListItem .leftListText .mainText {
   font-weight: bold;
   font-size: 14px;
   color: #000;
   margin-bottom: 5px;
}

.runkeeper .leftListItem .leftListText .subText {
   font-weight: normal;
   font-size: 11px;
   color: #666;
   margin-bottom: 4px;
}

.runkeeper .leftListItem .leftListText .subText.date {
   font-weight: bold;
   margin-bottom: 0;
}

.runkeeper .leftListContainer .border {
   border-top: 1px solid #EEEEEE;
   height: 1px;
   margin: 8px 0;
   width: 200px;
}

/* Lightbox */

.runkeeper .lightbox {
   line-height: 130%;
   font-size: 14px;
}

/* popout */

.runkeeper .popout-tl {
   background: url(../images/popout-tl.png) no-repeat 0 0;
   width: 23px;
   height: 23px;
}

.runkeeper .popout-t {
   background: url(../images/popout-t.png) repeat-x 0 0;
   height: 23px;
}

.runkeeper .popout-tr {
   background: url(../images/popout-tr.png) no-repeat 0 0;
   width: 23px;
   height: 23px;
}

.runkeeper .popout-r {
   background: url(../images/popout-r.png) repeat-y 0 0;
   width: 23px;
}

.runkeeper .popout-br {
   background: url(../images/popout-br.png) no-repeat 0 0;
   width: 23px;
   height: 23px;
}

.runkeeper .popout-b {
   background: url(../images/popout-b.png) repeat-x 0 0;
   height: 23px;
}

.runkeeper .popout-bl {
   background: url(../images/popout-bl.png) no-repeat 0 0;
   width: 23px;
   height: 23px;
}

.runkeeper .popout-l {
   background: url(../images/popout-l.png) repeat-y 0 0;
   width: 23px;
}

/* Footer */

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

.runkeeper #footer {
	width: 100%;
	padding-bottom: 0;
	margin: 0 auto;
	color: #666;
	font-size: 11px;
	position: relative;
	background: url(../images/pNav-bottom-bg.png) no-repeat center top;
}

.runkeeper #footer2 {
	width: 970px;
	padding-top: 29px;
	margin: 0 auto;
	color: #666;
	font-size: 11px;
	position: relative;
}

.runkeeper #footer2 #fineprint {
	width: 710px;
	text-align: left;
	position: relative;
	top: 4px;
	float: left;
	margin-left: 10px;
}

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

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

.runkeeper #footer2 #social .socialIcon {
	margin: 0 4px;
	vertical-align: middle;
	display: block;
	width: 20px;
	height: 20px;
	float: right;
}

.runkeeper #footerNavLeft {
	display: block;
	background: url(../images/pNav-bg-l2.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: -70px;
	height: 27px;
	width: 200px;
}

.runkeeper #footerNavRight {
	background: url(../images/pNav-bg-r2.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: -70px;
	height: 27px;
	width: 200px;
}

.runkeeper .socialIcon.twitter {
	background: url(../images/icon-twitter-20.png) no-repeat 0 0;
}

.runkeeper .socialIcon.twitter:hover {
	background: url(../images/icon-twitter-20.png) no-repeat 0 -20px;
}

.runkeeper .socialIcon.twitter:active {
	background: url(../images/icon-twitter-20.png) no-repeat 0 -40px;
}

.runkeeper .socialIcon.facebook {
	background: url(../images/icon-facebook-20.png) no-repeat 0 0;
}

.runkeeper .socialIcon.facebook:hover {
	background: url(../images/icon-facebook-20.png) no-repeat 0 -20px;
}

.runkeeper .socialIcon.facebook:active {
	background: url(../images/icon-facebook-20.png) no-repeat 0 -40px;
}

.runkeeper #fineprint a {
	color: #666;
}

.runkeeper #fineprint a:hover {
	color: #2F8CCC;
}

.runkeeper p.empty {
   color: #666;
   font-style: italic;
   line-height: 130%;
}

.runkeeper p.empty span {
   display: block;
   font-weight: bold;
   color: #444;
   font-style: normal;
   font-size: 12px;
   margin-bottom: 8px;
}

.runkeeper #popup_cancel.blueButton-medium .m .mainText {
   top: 6px;
}

/* Welcome */

.runkeeper #welcome {
	background: #EDF5FC;
	border: 1px solid #369;
	padding: 10px;
	width: 950px;
	margin: 20px auto;
	line-height: 130%;
	position: relative;
}

.runkeeper #welcome h3 {
	color: #369;
	font-size: 24px;
	border-bottom: none;
	margin-top: 16px;
}

.runkeeper #welcome .icon {
	width: 200px;
	height: 200px;
	float: left;
	margin-right: 20px;
}

.runkeeper #welcome .signature {
	font-size: 14px;
	font-weight: bold;
	color: #369;
}

.runkeeper #welcomeClose {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 13px;
	color: #369;
	font-weight: bold;
}

.runkeeper textarea {
   font-family: Helvetica-Neue, Helvetica, Arial, sans-serif;
}

.runkeeper .wrapper-bg-top {
   background: url(../images/wrapper-bg-top.png) repeat-x 0 0;
   position: absolute;
   top: 54px;
   left: 0;
   width: 100%;
   height: 30px;
}

.runkeeper .wrapper-bg-top.loggedout {
   top: 115px;
}

.runkeeper .wrapper-bg-bottom {
   background: url(../images/wrapper-bg-bottom.png) repeat-x 0 0;
   position: absolute;
   bottom: -70px;
   left: 0;
   width: 100%;
   height: 30px;
}

/* Raised Header */

.runkeeper .raisedHeaderContainer {
	height: 29px;
	background: url(../images/pNav-bg.png) repeat-x 0 2px;
	position: relative;
}

.runkeeper .raisedHeaderLeft {
	display: block;
	background: url(../images/homeNav-bg-l.png) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	left: -15px;
	height: 27px;
	width: 50px;
}

.runkeeper .raisedHeaderRight {
	background: url(../images/homeNav-bg-r.png) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	right: -15px;
	height: 27px;
	width: 50px;
}

.runkeeper .raisedHeaderMiddle {
	height: 29px;
}

/* .progressBar */

.runkeeper .progressBar {
   position: relative;
}

.runkeeper .progressBar.garmin {
   width: 240px;
   height: 37px;
   margin: 20px auto;
}

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

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

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

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

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

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

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

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

.runkeeper .notViewable h3.pageHeader {
   width: 768px;
   float: left;
   clear: none;
   font-size: 30px;
   line-height: 130%;
   text-align: left;
   border-bottom: none;
   color: #444;
}

.runkeeper .notViewable .actions {
   width: 770px;
   float: left;
   clear: none;
}

.runkeeper .viewableBox {
   width: 970px;
   margin: 40px auto 20px;
}

.runkeeper .viewableBox .icon {
   width: 150px;
   height: 150px;
   float: left;
   margin-right: 50px;
}

.runkeeper .notViewable .actions p {
   font-size: 12px;
   color: #666;
   float: left;
}

.runkeeper .notViewable .actions a {
   position: relative;
   top: 20px;
   font-size: 16px;
   font-weight: bold;
}

.runkeeper .notViewable .actions p.signup {
   font-size: 14px;
   font-weight: bold;
   color: #333;
   margin-bottom: 10px;
}

.runkeeper .fitnessClass .noneContainer .mainText {
   font-size: 24px;
   font-weight: bold;
   color: #666;
   margin: 30px 0;
   text-align: center;
}

.runkeeper .fitnessClass .noneContainer .subText {
   font-size: 16px;
   font-weight: normal;
   color: #666;
   margin-top: 30px;
   text-align: center;
}

.runkeeper .fitnessClass .noneContainer .subText a {
   font-weight: bold;
}

/* Ensure Facebook Connect Styling */
.runkeeper #ensureFacebookConnect {
	width: 350px;
	height: 140px;
	visibility: hidden;
}
.runkeeper #fancybox-inner #ensureFacebookConnect {
	visibility: visible;
}
.runkeeper #fancybox-inner #ensureFacebookConnect p {
	font-size: 11pt;
	font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
	line-height: 150%;
}

.runkeeper #fancybox-inner #ensureFacebookConnect hr {
	border: 0;
	border-top: 1px solid #CCC;
}

.runkeeper #fancybox-inner #ensureFacebookConnect #connectOptions {
	margin-top: 10px;
}

.runkeeper #fancybox-inner #ensureFacebookConnect #connectOptions #skipConnect {
	float: right;
	padding-top: 7px;
}

/* Street Team Add Widget */
.runkeeper .streetTeamWidget {
   display: block;
}
.runkeeper .streetTeamWidget .breadcrumbItem {
   width: 50%;
}
.runkeeper .streetTeamWidget .breadcrumbNav {
   width: auto;
   height: 35px;
   margin: 0;
}
.runkeeper .streetTeamWidget .streetTeamStepContents {
     
}
.runkeeper .streetTeamWidget .breadcrumbItem.leftEnd .text {
   padding-left: 10px;
}
.runkeeper .streetTeamWidget .breadcrumbItem .text .step {
   background: #CCC; 
   text-align: center; 
   height: 1em; 
   width: 1em; 
   display: inline-block; 
   padding: .35em .35em .25em .35em; 
   margin-top: -.35em; 
   border-radius: 1em; 
   color: #999; 
   border: 1px solid #666;
   position: relative;
   left: -5px;
}
.runkeeper .streetTeamWidget .breadcrumbItem .text .step {
   background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(153,153,153)), color-stop(1, rgb(102,102,102)) );
   background-image: -moz-linear-gradient( center bottom, rgb(153,153,153) 0%, rgb(102,102,102) 100% );
   color: #eee;
   text-shadow: 0 1px 0 #666;
}
.runkeeper .streetTeamWidget .breadcrumbItem.dark .text .step {
   background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(255,255,255)), color-stop(1, rgb(238,238,238)) );
   background-image: -moz-linear-gradient( center bottom, rgb(255,255,255) 0%, rgb(238,238,238) 100% );
   color: #666;
   text-shadow: 0 1px 0 #FFF;
}
.runkeeper .streetTeamWidget .streetTeamStepContents .connect .selectionWindow,
.runkeeper .streetTeamWidget .streetTeamStepContents .invite .selectionWindow {
   border: 2px solid #CCC;
   overflow: auto;
}
.runkeeper .streetTeamWidget .streetTeamStepContents .connect .selectionWindow ul,
.runkeeper .streetTeamWidget .streetTeamStepContents .invite .selectionWindow ul {
   padding: 10px;
}
.runkeeper .streetTeamWidget .streetTeamStepContents .connect .selectionWindow ul li,
.runkeeper .streetTeamWidget .streetTeamStepContents .invite .selectionWindow ul li {
   border-bottom: 1px solid #CCC;
   padding: 5px;
}
.runkeeper .streetTeamWidget .streetTeamStepContents .connect .selectionWindow ul li h3,
.runkeeper .streetTeamWidget .streetTeamStepContents .invite .selectionWindow ul li h3 {
   border-bottom: 0;
   font-size: 16pt;
}
.runkeeper .streetTeamWidget .streetTeamStepContents .connect .selectionWindow ul li .right,
.runkeeper .streetTeamWidget .streetTeamStepContents .invite .selectionWindow ul li .right {
   float: right;
   text-align: right;
}
.runkeeper .streetTeamWidget .streetTeamStepContents .connect .selectionWindow ul li .siteIcon {
   display: block;
   float: left;
   height: 64px;
   width: 64px;
   margin: 0 5px 5px 0;
   background: #CCC;
}

/* BEGIN from about.css */
.runkeeper #sideNav {
   width: 200px;
}

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

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

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

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

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

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

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

.runkeeper #sideNav .menuItem.selected .mainText a {
	color: #FFF;
}
/* END from about.css */

/* List Widget */

.runkeeper .listWidget,
.runkeeper .fitnessClassList {
   width: 230px;
}

.runkeeper #pendingInvitations.listWidget {
   width: 200px;
}

.runkeeper .listWidget .title,
.runkeeper .fitnessClassList .title {
   width: 218px;
   padding: 5px;
   font-size: 13px;
   font-weight: bold;
   text-shadow: 0 1px 0 #FFF;
   color: #222;
   -webkit-border-top-left-radius: 10px;
   -webkit-border-top-right-radius: 10px;
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-topright: 10px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   background: #EEE;
   background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DDD));
   background: -moz-linear-gradient(top,  #F5F5F5,  #DDD);
   -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#DDD');
   border: 1px solid #CCC;
   line-height: 100%;
}

.runkeeper #streetTeamContainer.listWidget .title {
   text-align: center;
}

.runkeeper #pendingInvitations.listWidget .title {
   width: 188px;
}

.runkeeper .listWidget .listContainer,
.runkeeper .fitnessClassList .listContainer {
   width: 228px;
   border-right: 1px solid #CCC;
   border-left: 1px solid #CCC;
   position: relative;
}

.runkeeper #pendingInvitations.listWidget .listContainer {
   width: 188px;
   padding: 5px;
   font-size: 12px;
   color: #333;
   line-height: 130%;
}

.runkeeper .listWidget .endCap,
.runkeeper .fitnessClassList .listContainer {
   width: 218px;
   padding: 5px;
   height: 3px;
   -webkit-border-bottom-left-radius: 10px;
   -webkit-border-bottom-right-radius: 10px;
   -moz-border-radius-bottomleft: 10px;
   -moz-border-radius-bottomright: 10px;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   background: #EEE;
   background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#BBB));
   background: -moz-linear-gradient(top,  #DDD,  #BBB);
   -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDD', endColorstr='#BBB');
   border: 1px solid #CCC;
}

.runkeeper #pendingInvitations.listWidget .endCap {
   width: 188px;
}

.runkeeper #streetTeamContainer.listWidget .endCap {
   height: inherit;
   text-align: center;
   font-size: 11px;
   font-weight: bold;
   line-height: 100%;
}

.runkeeper .listWidget .divider,
.runkeeper .fitnessClassList .divider {
   height: 0;
   border-bottom: 1px solid #EEE;
}

.runkeeper .listWidget .divider:first-child {
   display: none;
}

.runkeeper .listWidget .listContainer .listItem {
   width: 214px;
   padding: 7px;
   position: relative;
   font-weight: bold;
}

.runkeeper .listWidget .listContainer .listItem:hover {
   background: #EEE;
   cursor: pointer;
}

.runkeeper .listWidget .listContainer .listItem:active {
   background: #CCC;
}

.runkeeper .listWidget .listContainer .listItem .place {
   float: left;
   padding: 6px 0 0 0;
   text-align: center;
   font-weight: bold;
   font-size: 18px;
   width: 25px;
   margin-right: 10px;
}

.runkeeper .listWidget .listContainer .listItem .icon {
   width: 30px;
   height: 30px;
   float: left;
   background: #DDD;
   margin-right: 10px;
}

.runkeeper .listWidget .listContainer .listItem .details {
   float: left;
   position: relative;
   height: 30px;
   width: 139px;
}

.runkeeper .listWidget .listContainer .listItem .details span {
   position: absolute;
   top: 50%;
   font-size: 12px;
   margin-top: -8px;
   font-weight: bold;
   color: #000;
}

.runkeeper .listWidget .listContainer .listItem .avatarContainer {
   width: 50px;
   height: 50px;
   float: left;
   margin-right: 10px;
}

.runkeeper .mostPopularContainer .listContainer .categoryNavBox p {
   color: #222;
   line-height: 130%;
   margin: 5px;
}

.runkeeper .listWidget .listContainer .listItem ul {
   padding-left: 20px;
   list-style: disc;
}

.runkeeper .listWidget .listContainer .listItem ul li {
   font-size: 12px;
   font-weight: normal;
   color: #111;
   margin-top: 8px;
}

.runkeeper .listWidget .listContainer .listItem ul li:first-child {
   margin-top: 0;
}

.runkeeper .navTab {
   position: relative;
   height: 33px;
   top: -4px;
}

.runkeeper .navTab .l {
   position: absolute;
   top: 0;
   left: 0;
   width: 15px;
   height: 33px;
}

.runkeeper .navTab .m {
   position: relative;
   height: 33px;
   margin: 0 15px;
}

.runkeeper .navTab .m .text {
   position: relative;
   text-align: center;
   color: #FFF;
   text-shadow: 0 -1px 0 #333;
   font-weight: normal;
   padding: 5px 0;
}

.runkeeper .navTab .m .text:active {
   color: #CCC;
}

.runkeeper .navTab .m .text span {
   font-weight: bold;
}

.runkeeper .navTab .r {
   position: absolute;
   top: 0;
   right: 0;
   width: 15px;
   height: 33px;
}

.runkeeper .navTab.grey .l {
   background: url(../images/navTab-grey-l.png) no-repeat 0 0;
}

.runkeeper .navTab.grey:hover .l {
   background: url(../images/navTab-grey-l.png) no-repeat 0 -33px;
}

.runkeeper .navTab.grey:active .l {
   background: url(../images/navTab-grey-l.png) no-repeat 0 -66px;
}

.runkeeper .navTab.grey .m {
   background: url(../images/navTab-grey-m.png) repeat-x 0 0;
}

.runkeeper .navTab.grey:hover .m {
   background: url(../images/navTab-grey-m.png) repeat-x 0 -33px;
}

.runkeeper .navTab.grey:active .m {
   background: url(../images/navTab-grey-m.png) repeat-x 0 -66px;
}

.runkeeper .navTab.grey .r {
   background: url(../images/navTab-grey-r.png) no-repeat 0 0;
}

.runkeeper .navTab.grey:hover .r {
   background: url(../images/navTab-grey-r.png) no-repeat 0 -33px;
}

.runkeeper .navTab.grey:active .r {
   background: url(../images/navTab-grey-r.png) no-repeat 0 -66px;
}

.runkeeper .highcharts-tooltip text {
   line-height: 120%;
}

.runkeeper .paperContainer {
   position: relative;
   margin: 0;
}

.runkeeper .paperContainer .paperTop {
   top: 0;
   left: 0;
   width: 720px;
   height: 243px;
   background: url(../images/paper-top.png) no-repeat 0 0;
   z-index: 1;
}

.runkeeper .paperContainer .paperBottom {
   bottom: 0;
   left: 0;
   width: 720px;
   height: 258px;
   background: url(../images/paper-bottom.png) no-repeat 0 0;
   z-index: 1;
}

.runkeeper .paperContainer .paperContent {
   position: relative;
   width: 720px;
   background: url(../images/paper-bg.png) repeat-y 0 0;
   z-index: 2;
}

/* Street Team Invite Widget */

.runkeeper .spinner
{
   position:absolute;
   left:0;
   top:36px;
   width: 640px;
   height: 410px;
   background: #FFF;
   opacity: 0.6;
   z-index: 1000;
}

.runkeeper .spinner img
{
   position:absolute;
   left:50%;
   top:50%;
   margin: -15px 0 0 -15px;
   width: 31px;
   height: 31px;
   z-index: 1001;
}
.runkeeper #streetTeamStepOneContents
{
   margin-top:10px;
}
.runkeeper .streetTeamStepContents .appsBox
{
   border: 1px solid #DDD;
   padding: 10px;
   width: 618px;
   overflow: auto; 
   height: 200px;
}

.runkeeper .streetTeamWidgetSiteList
{
   
}
.runkeeper .streetTeamSiteListItemLogo
{
   display: block;
   float: left;
   height: 64px;
   width: 64px;
   margin: 0 5px 5px 0;       
}
.runkeeper .streetTeamWidgetSiteName
{
   display:inline; 
   float:left;
   padding-top:20px;  
}
.runkeeper .StreetTeamWidgetConnectLink
{
   float:right;
   display:inline;
   padding-top:25px;
}
.runkeeper .streetTeamSiteListItem
{
   height: 75px;     
}
.runkeeper .streetTeamSiteListItemLink
{
   display: inline;
}
.runkeeper .streetTeamSiteListItemName
{
   display: inline;  
   padding-left:5px;
}
.runkeeper .streetTeamContactList
{
    width: 100%;
}
.runkeeper .streetTeamWidgetContactListSiteLogo
{
   background-color:#e7e8ea;
   padding: 5px;
   border-bottom:4px solid #929699;
}
.runkeeper .streetTeamWidgetContactListSiteSection {
   margin-top: 15px;
}
.runkeeper .streetTeamWidgetContactListSiteSection:first-child {
   margin-top: 0;
}
.runkeeper .streetTeamContactSiteSection
{
   padding-bottom:3px;
}
.runkeeper .streetTeamWidgetContact
{
   border-top: 1px solid #CCC;
   padding: 5px;
}

.runkeeper .streetTeamWidgetContact.clickable:hover
{
   background: #EEE;
}

.runkeeper .streetTeamWidgetContact.clickable:active
{
   background: #DDD;
}

.runkeeper .streetTeamWidgetContact:first-child
{
   border-top: none;
}

.runkeeper .streetTeamWidgetContact img
{
   width: 20px;
   height: 20px;
   float: left;
   margin-right: 10px;
}

.runkeeper .streetTeamWidgetContact .contactName
{
   float: left;
   font-size: 14px;
   font-weight: bold;
   color: #000;
   position: relative;
   top: 3px;
   margin-right: 8px;
}
.runkeeper .streetTeamWidgetContact .contactEmail
{
   float: left;
   font-size: 14px;
   color: #666;
   position: relative;
   top: 2px;
}
.runkeeper .streetTeamWidgetContact img
{
   height:20px;
   width:20px;
   display:inline;
}
.runkeeper .streetTeamWidgetContact input
{
   float:right;
}
.runkeeper .streetTeamWidgetIsContact
{
   height:20px;
   width:20px;
}

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

.runkeeper .streetTeamStepContents .appItemContainer .icon {
   float: left;
   width: 50px;
   height: 50px;
   margin-right: 20px;
}

.runkeeper .streetTeamStepContents .appItemContainer .details div.linkedStatus .name {
   display: block;
   font-size: 14px;
   font-weight: bold;
}

.runkeeper .streetTeamStepContents .settings .statusText {
   margin-top: 8px;
}

.runkeeper .streetTeamStepContents .settings .statusText span {
   font-size: 12px;
}

.runkeeper .streetTeamStepContents .settings .statusText .connectStatusText {
   font-size: 12px;
}

.runkeeper .streetTeamStepContents .appItemContainer {
   min-height: 50px;
   padding: 5px;
}

.runkeeper .streetTeamStepContents .divider {
   height: 1px;
   margin: 10px auto;
   border-top: 1px solid #CCC;
}

.runkeeper .streetTeamStepContents #facebookStatus {
   height: inherit;
   padding: 0;
}

.runkeeper .streetTeamStepContents .emailTagBox {
   margin-top: 15px;
}

.runkeeper .streetTeamStepContents .emailTagEntryContainer {
   padding: 15px 0;
}

.runkeeper #fancybox-inner .streetTeamStepContents p{
   font-weight: bold;
   color: #222;
}

.runkeeper #fancybox-inner .streetTeamStepContents p.note {
   position: absolute;
   left: 0;
   bottom: -8px;
   width: 300px;
   font-weight: normal;
}

.runkeeper .streetTeamStepContents #selectableEmailTagContainer {
   margin-bottom: 15px;
}

.runkeeper .streetTeamStepContents .appItemContainer .details {
   width: 520px;
   float: left;
}

.runkeeper .streetTeamStepContents .appItemContainer.success .details {
   width: 520px;
   float: left;
}

.runkeeper .streetTeamStepContents .linkedAccounts .settingsTableRow div.linkedStatus .icon {
   right: 0;
   margin-right: 0;
}

.runkeeper .streetTeamStepContents #googleStatus,
.runkeeper .streetTeamStepContents #yahooStatus {
   min-height: 50px;
}

.runkeeper .streetTeamStepContents .settings #facebookStatus.success .statusText {
   width: 480px;
}

.runkeeper .streetTeamStepContents .appItemContainer.facebook.success {
   height: inherit;
}

.runkeeper #stawStepTwo .streetTeamStepContents {
   width: 618px;
   padding: 10px;
   border: 1px solid #CCC;
   overflow: auto;
   height: 100px;
}

.runkeeper #stawStepTwo .inviteFriendsContainer {
   margin-top: 10px;
   width: 640px;
}

.runkeeper #streetTeamWidgetContactListBox {
   height: 100px;
}

.runkeeper #stawStepTwo .customMessageContainer {
   margin: 15px 0;
}

.runkeeper #stawStepTwo #filterFriends {
   width: 628px;
   background: #EEE;
}

.runkeeper #stawStepTwo #filterFriends .filterFriendsInputWrapper {
   background: #FFF;
   display: inline;
}

.runkeeper #stawStepTwo #filterFriends .filterFriendsInputWrapper input {
   width: 556px;
}

.runkeeper .buttonSideText {
   float: right;
   font-size: 12px;
   color: #666;
   font-weight: bold;
   margin-right: 8px;
   color: #222;
   top: 8px;
   position: relative;
}

.runkeeper .streetTeamWidgetContact div.checker {
   float: right;
}

.runkeeper .streetTeamInfo div {
   margin-top: 10px;
   font-size: 14px;
   margin-left: 20px;
}

.runkeeper .streetTeamInfo div a.text {
   display: block;
   float: left;
   font-weight: bold;
   position: relative;
   top: 7px;
   cursor:pointer;
}

.runkeeper .streetTeamInfo img {
   width: 30px;
   height: 30px;
   float: left;
   margin-right: 10px;
}

.runkeeper .streetTeamInfo h3 {
   margin-bottom: 24px;
}

.runkeeper #streetTeamWidgetCustomMessage {
   width: 632px;
}

.runkeeper #stclbPeopleBox
{
   border: 1px solid #DDD;
   padding: 5px;
   overflow: auto;
   height: 428px;
}




/* BEGIN CSS 3 Greydient Box */
.runkeeper .cssGreydientBox {
   border: 1px solid #BBB;
   border-radius: 7px;
   
   background: #DDD;
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.1, rgb(204,204,204)),
      color-stop(0.9, rgb(238,238,238))
   );
   background-image: -moz-linear-gradient(
      center bottom,
      rgb(204,204,204) 10%,
      rgb(238,238,238) 90%
   );
   
   box-shadow: inset 0px 0px 1px #CCC;
   -moz-box-shadow: inset 0px 0px 1px #CCC;
   -webkit-box-shadow: inset 0px 0px 1px #CCC;
}

.runkeeper .horizontalThumbnailList img:hover {
   cursor: pointer;
}

.runkeeper .menuItem .bubble {
   position: absolute;
   top: 50%;
   margin-top: -8px;
   right: 3px;
   text-align: center;
   padding: 2px 8px 3px;
   font-size: 11px;
   color: #333;
   font-weight: bold;
   font-weight: bold;
   background: #DDD;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
}

.runkeeper .menuItem.selected .bubble {
   color: #FFF;
   text-shadow: #000 1px 1px 1px;
   border: 1px solid #274E91;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#253A7B), to(#1F82C5), color-stop(.5, #2F5EAB));
	background-image: -moz-linear-gradient(-90deg, #253A7B, #2F5EAB 50%, #1F82C5);
}
.runkeeper .cssGreydientBox .viewAll {
   width: 200px;
   text-align: center;
   display: block;
   border-top: 1px solid #CCC;
   padding: 4px 0px;
}
/* END CSS 3 Greydient Box */

.runkeeper #signupOrLoginBox {
   width: 620px;
}

.runkeeper #signupContainer,
.runkeeper #loginContainer {
   float: left;
   display: block;
   width: 280px;
   padding-left: 10px;
}

.runkeeper #signupContainer {
   border-right: 1px solid #CCC;
   padding-right: 10px;
   margin-right: 10px;
}

.runkeeper #loginContainer {
}

.runkeeper #signupOrLoginBox label {
   display: block;
   text-align: left;
   font-size: 11pt;
   font-weight: bold;
   color: #666;
   margin: 0;
}

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

.runkeeper #signupOrLoginBox h4 {
   font-size: 14pt;
   font-weight: bold;
   margin: 8px 0;
}

.runkeeper #signupOrLoginBox .signupRow,
.runkeeper #signupOrLoginBox .loginRow {
   margin: 8px 0;
   width: 284px;
   position: relative;
}

.runkeeper #signupOrLoginBox .blueButton-medium {
   float: left;
}

.runkeeper #signupOrLoginBox .signupRow.last,
.runkeeper #signupOrLoginBox .loginRow.last {
   padding-top: 20px;
   clear: both;
}

.runkeeper #signupOrLoginBox .loginRow.last {
   padding-top: 105px;
}

.runkeeper #signupOrLoginBox .signupRow.last p,
.runkeeper #signupOrLoginBox .loginRow.last p{
   font-size: 9pt;
   line-height: 120%;
}

.runkeeper h3#firstThingsFirst {
   margin-top: 30px;
   font-size: 18pt;
}

.runkeeper .jPicker td {
   vertical-align: middle;
}



/* Jobs */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* full screen */

/* Header */

body.runkeeper.fullscreen #headerContent {
}

body.runkeeper.fullscreen #header.nonEliteHeader {
    margin-bottom: 0;
}

/* Main Navigation */

body.runkeeper.fullscreen #headerNav {
    display: none;
}

body.runkeeper.fullscreen #utilityNav {
    display: none;
}

body.runkeeper.fullscreen #fullscreenNav {
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
}

body.runkeeper.fullscreen #profileNav {
    display: none;
}

body.runkeeper.fullscreen #leftColumn {
    display: none;
}

body.runkeeper.fullscreen #activityDetails {
    display: none;
}

body.runkeeper.fullscreen #wrapper {
    margin: 0;
    padding: 0;
}

body.runkeeper.fullscreen #content {
    width: 100%;
}

body.runkeeper.fullscreen #content.create {
   margin-top: 0;
}

body.runkeeper.fullscreen #mainContentLeft {
    display: none;
}

body.runkeeper.fullscreen #mainContentRight {
    display: none;
}

body.runkeeper.fullscreen #push {
    height: 0; /* .push must be the same height as .footer */
    display: none;
}

body.runkeeper.fullscreen #footer {
    display: none;
}

body.runkeeper.fullscreen #footer2 {
    display: none;
}

body.runkeeper.fullscreen #map_area,
body.runkeeper.fullscreen .race.static #map_area {
    position: relative;
    width: 100%;
    border: none;
    margin: 0;
}

body.runkeeper.fullscreen #map_area .greyBorder.tl,
body.runkeeper.fullscreen .race.static #map_area .greyBorder.tl {
    background: none;
}

body.runkeeper.fullscreen #map_area .greyBorder.t,
body.runkeeper.fullscreen .race.static #map_area .greyBorder.t {
    left: 0;
    width: 100%;
}

body.runkeeper.fullscreen #map_area .greyBorder.tr,
body.runkeeper.fullscreen .race.static #map_area .greyBorder.tr {
    background: none;
}

body.runkeeper.fullscreen #map_area .greyBorder.rt,
body.runkeeper.fullscreen .race.static #map_area .greyBorder.rt {
    top: 0;
}

body.runkeeper.fullscreen #map_area .greyBorder.rb,
body.runkeeper.fullscreen .race.static #map_area .greyBorder.rb {
    background: none;
    bottom: 0;
    height: 35px;
}

body.runkeeper.fullscreen #map_area .greyBorder.bs,
body.runkeeper.fullscreen .race.static #map_area .greyBorder.bs {
    width: 100%;
    height: 6px;
}

body.runkeeper.fullscreen #map_area .greyBorder.br,
body.runkeeper.fullscreen .race.static #map_area .greyBorder.br {
    background: none;
}

body.runkeeper.fullscreen #map_area .greyBorder.b,
body.runkeeper.fullscreen .race.static #map_area .greyBorder.b {
    background: none;
}

body.runkeeper.fullscreen #map_area .greyBorder.bl,
body.runkeeper.fullscreen .race.static #map_area .greyBorder.bl {
    background: none;
}

body.runkeeper.fullscreen #map_area .greyBorder.lt,
body.runkeeper.fullscreen .race.static #map_area .greyBorder.lt {
    top: 0;
}

body.runkeeper.fullscreen #map_area .greyBorder.lb,
body.runkeeper.fullscreen .race.static #map_area .greyBorder.lb {
    background: none;
    bottom: 0;
    height: 35px;
}

body.runkeeper.fullscreen #mapControls,
body.runkeeper.fullscreen #map_area.create #mapControls,
body.runkeeper.fullscreen .race.static #map_area #mapControls {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.runkeeper .fullscreen .create #mapRoute,
.runkeeper .fullscreen .edit #mapRoute,
.runkeeper .fullscreen .race.static #mapRoute {
   position: absolute;
   z-index: 300;
}

/* FitnessReports */

body.fitnessReports.fullscreen #headerContent {
   width:99%;
   display: none;
}

body.fitnessReports.fullscreen #fullscreenNav {
   display: none;
}

.runkeeper #reportsBackButton {
   display: none;
}

body.fitnessReports.fullscreen #reportsBackButton {
   display: block;    
   position: absolute;
   right: 0;
   top: 10px;
}

body.fitnessReports.fullscreen .wrapper-bg-top {
   display: none;
}

body.fitnessReports.fullscreen .timelineContainer {
   display: none;
   margin: 0 auto;
   padding: 45px 0 3px 0;
   width: 100%;
   background-image: -moz-linear-gradient(top, #333, #666);
   background-image: -webkit-gradient(linear,left top,left bottom, color-stop(1, #333), color-stop(0, #666));
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333', EndColorStr='#666')";
   -moz-box-shadow: inset 1px 1px 10px #111;
   -webkit-box-shadow: inset 1px 1px 10px #111;
   box-shadow: inset 1px 1px 10px #111;
}

body.fitnessReports.fullscreen .timelineContainer .timelineSelectorLabel {
   margin-left: 20px;
}

/* body.fitnessReports.fullscreen #content { */
/*    display: none; */
/*    border-top: 1px solid #444; */
/*    position: relative; */
/* } */

body.fitnessReports.fullscreen #content #leftColumn {
   display: block;
   margin: 0;
   border-right: 1px solid #CCC;
   float: none;
   position: absolute;
   left: 0;
   top: 0;
}

body.fullscreen.fitnessReports #content #mainColumn {
   margin: 0;
   padding: 20px 30px;
   float: none;
   position: absolute;
   left: 201px;
   top: 0;
}

body.fullscreen.fitnessReports #content #rightColumn {
   margin: 0;
   border-left: 1px solid #CCC;
   float: none;
   position: absolute;
   right: 0;
   top: 0;
   overflow: hidden;
}


/* Share Page */

.runkeeper.sharePage form {
   height: 100%;
   min-height: 100%;
}

.runkeeper.sharePage #wrapper {
   margin-bottom: -50px;
}

.runkeeper.sharePage #footer {
   background-image: none;
   border-top: 1px solid #CCC;
   background: #EEE;
   height: 50px;
}

.runkeeper.sharePage #footer #shareButton {
   float: none;
   position: absolute;
   top: 10px;
   right: 10px;
}

.runkeeper.sharePage #wrapper #headerContent {
   width: 100%;
}

.runkeeper.sharePage #wrapper #headerContent .siteLogo {
   left: 10px;
}

.runkeeper.sharePage #wrapper #headerContent .shareText {
   position: absolute;
   right: 20px;
   top: 18px;
   font-size: 16px;
   color: #FFF;
   font-weight: bold;
}

.runkeeper.sharePage #wrapper #content {
   width: 100%;
}

.runkeeper.sharePage #wrapper #content #push {
   height: 80px;
}

.runkeeper.sharePage #wrapper .shareForm {
   margin: 15px;
}

.runkeeper.sharePage #wrapper .shareForm .inputWrapper {
   margin-bottom: 15px;
}

.runkeeper.sharePage #wrapper .shareForm .inputWrapper textarea {
   width: 100%;
   padding: 6px;
   height: 60px;
   border: 1px solid #CCC;
}

.runkeeper.sharePage #wrapper .shareForm img
{
   width:50px;
   height:50px;
   margin: 0 20px 0 10px;
   float: left;
}
.runkeeper.sharePage #wrapper .shareForm .title
{
   margin-left: 80px;
   font-size: 14px;
   color: #000;
   font-weight: bold;
}

.runkeeper.sharePage #wrapper .shareForm .description
{
   font-size: 12px;
   color: #666;
   margin: 6px 0 0 80px;
}

.runkeeper.sharePage #wrapper .shareForm .url
{
   margin: 10px 0 0 80px;
   font-size: 11px;
   color: #999;
}

.runkeeper #loginFormHeader
{
   width: 100%;
   height: 53px;
   background: url(../images/header-bg.jpg) repeat-x 0 0;
   border-bottom: 1px solid #666;
   position: relative;
   z-index: 100;
}

.runkeeper #newOnRunKeeper.listWidget,
.runkeeper #streetTeamContainer.listWidget
{
   width: 200px;
}

.runkeeper #newOnRunKeeper.listWidget
{
   margin-top: 30px;
}

.runkeeper #newOnRunKeeper.listWidget .title,
.runkeeper #streetTeamContainer.listWidget .title
{
   width: 188px;
   text-align: center;
}

.runkeeper #newOnRunKeeper.listWidget .listContainer
{
   width: 178px;
   padding: 10px;
}

.runkeeper #streetTeamContainer.listWidget .listContainer
{
   width: 198px;
}

.runkeeper #streetTeamContainer.listWidget .listContainer .listItem
{
   width: 184px;
}

.runkeeper #streetTeamContainer.listWidget .listContainer .listItem .teammateDetails
{
   width: 124px;
}

.runkeeper #newOnRunKeeper.listWidget .endCap,
.runkeeper #streetTeamContainer.listWidget .endCap
{
   width: 188px;
}

.runkeeper #newOnRunKeeper.listWidget .subTitle
{
   font-weight:bold;
   color: #000;
   text-align:center;
}

.runkeeper #newOnRunKeeper.listWidget a.healthyImage
{
   display: block;
   margin: 10px auto;
   width: 67px;
   height: 21px;
}

.runkeeper #newOnRunKeeper.listWidget p
{
   color: #666;
   font-size: 12px;
}

.runkeeper #bookmarkletlbContents .subTitle
{
   font-weight: bold;
   padding-left: 25px;
   padding-top: 20px;
}
.runkeeper #bookmarkletlbContents .healthyImage
{
   padding-left:60px;
   padding-top:15px;  
}
.runkeeper #bookmarkletlbContents .content
{
   padding-top:10px;
   padding-left:10px;
   padding-right:10px;
}

/*  Buttons */

/* Buttons */

.runkeeper .blueButton-small {
	position: relative;
	float: right;
	height: 18px;
}

.runkeeper .blueButton-small:hover {
	cursor: pointer;
}

.runkeeper .blueButton-small.left {
	float: left;
}

.runkeeper .blueButton-small .l {
	background: url(../images/blueButton-l-small.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 18px;
}

.runkeeper .blueButton-small:hover .l {
	background: url(../images/blueButton-l-small.png) no-repeat 0 -18px;
}

.runkeeper .blueButton-small:active .l {
	background: url(../images/blueButton-l-small.png) no-repeat 0 -54px;
}

.runkeeper .blueButton-small .m {
	background: url(../images/blueButton-m-small.png) repeat-x 0 0;
	margin: 0 10px;
	height: 18px;
}

.runkeeper .blueButton-small:hover .m {
	background: url(../images/blueButton-m-small.png) repeat-x 0 -18px;
}

.runkeeper .blueButton-small:active .m {
	background: url(../images/blueButton-m-small.png) repeat-x 0 -54px;
}

.runkeeper .blueButton-small .m .mainText {
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	text-shadow: #333 -1px -1px 0px;
	position: relative;
	top: 3px;
   z-index: 10;
}

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

.runkeeper .blueButton-small:active .m .mainText {
	text-shadow: none;
	color: #A6C0E0;
}

.runkeeper .blueButton-small .m .mainText a,
.runkeeper .blueButton-medium .m .mainText a,
.runkeeper .blueButton-large .m .mainText a {
	color: #FFF;
}

.runkeeper .blueButton-small:active .m .mainText a,
.runkeeper .blueButton-medium:active .m .mainText a,
.runkeeper .blueButton-medium:active .m .mainText a {
	color: #A6C0E0;
}

.runkeeper .blueButton-small .r {
	background: url(../images/blueButton-r-small.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 18px;
}

.runkeeper .blueButton-small:hover .r {
	background: url(../images/blueButton-r-small.png) no-repeat 0 -18px;
}

.runkeeper .blueButton-small:active .r {
	background: url(../images/blueButton-r-small.png) no-repeat 0 -54px;
}

.runkeeper .blueButton-small.disabled:hover {
	cursor: default;
}

.runkeeper .blueButton-small.disabled .l {
	background: url(../images/greyButton-l-small.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 18px;
}

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

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

.runkeeper .blueButton-small.disabled .m {
	background: url(../images/greyButton-m-small.png) repeat-x 0 0;
	margin: 0 10px;
	height: 18px;
}

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

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

.runkeeper .blueButton-small.disabled .r {
	background: url(../images/greyButton-r-small.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 18px;
}

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

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

.runkeeper .blueButton-small.disabled .m .mainText {
	font-size: 11px;
	font-weight: bold;
	color: #AAA;
	text-align: center;
	position: relative;
	text-shadow: none;
	top: 2px;
}

.runkeeper .blueButton-small.disabled:active .m .mainText {
	text-shadow: none;
	color: #AAA;
}

.runkeeper .blueButton-medium {
	position: relative;
	float: right;
	height: 30px;
}

.runkeeper .blueButton-medium:hover {
	cursor: pointer;
}

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

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

.runkeeper .blueButton-medium:hover .l {
	background: url(../images/blueButton-l-medium.png) no-repeat 0 -30px;
}

.runkeeper .blueButton-medium:active .l {
	background: url(../images/blueButton-l-medium.png) no-repeat 0 -90px;
}

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

.runkeeper .blueButton-medium:hover .m {
	background: url(../images/blueButton-m-medium.png) repeat-x 0 -30px;
}

.runkeeper .blueButton-medium:active .m {
	background: url(../images/blueButton-m-medium.png) repeat-x 0 -90px;
}

.runkeeper .blueButton-medium .m .mainText {
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	text-shadow: #333 -1px -1px 0px;
	position: relative;
	top: 7px;
   z-index: 10;
}

.runkeeper .blueButton-medium:active .m .mainText {
	text-shadow: none;
	color: #A6C0E0;
}

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

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

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

.runkeeper .blueButton-medium.disabled:hover {
	cursor: default;
}

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

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

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

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

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

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

.runkeeper .blueButton-medium.disabled .m .mainText {
	font-size: 15px;
	font-weight: bold;
	color: #AAA;
	text-align: center;
	position: relative;
	text-shadow: none;
	top: 6px;
}

.runkeeper .blueButton-medium.disabled:active .m .mainText {
	color: #AAA;
}

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

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

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

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

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

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

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

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

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

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

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

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

.runkeeper .blueButton-large .m .mainText {
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	text-shadow: #333 -1px -1px 0px;
	position: relative;
	top: 8px;
	left: 1px;
   z-index: 10;
}

.runkeeper .blueButton-large:active .m .mainText {
	text-shadow: none;
	color: #A6C0E0;
}

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

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

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

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

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

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

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

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

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

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

.runkeeper .blueButton-large.disabled .m .mainText {
	font-size: 22px;
	font-weight: bold;
	color: #AAA;
	text-align: center;
	text-shadow: none;
	position: relative;
	top: 9px;
}

.runkeeper .blueButton-large.disabled:active .m .mainText {
	text-shadow: none;
	color: #AAA;
}

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

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

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

/* Comments */

/**
 * Copyright (C) 2011 FitnessKeeper, Inc.  All rights reserved.
 */

/****************************************************************************
  The Comments widget uses the following marker classes to indicate state:
  
  On the ".comments" element:
  
    1) .empty: No comments exist in the thread.
    
    2) .hidden-post: The response form and "Post" button should be hidden;
       the encapsulating page will provide another means of activating the
       response form.
    
    3) .writing: The user is currently writing a comment.
  
  On the ".expandThreadPrompt" element:
  
     4) .expanded: The thread is fully expanded.
  
  On the individual ".comment" elements:
  
     5) .collapsed: The thread is collapsed and the comment hidden.
  
  On the "Post" button:
  
     6) .in-progress: A comment submission is in progress.
****************************************************************************/

.runkeeper .comments {
   position: relative;
   width: 390px;
   margin: 5px 0 0 65px;
}

.runkeeper .comments.empty.hidden-post {
   display: none;
}

.runkeeper .comments.empty.hidden-post.writing {
   display: block;
}

.runkeeper .comments .arrow {
   position: absolute;
   top: -6px;
   left: 10px;
   height: 6px;
   width: 12px;
   background: url(../images/feedCommentsArrow.png) no-repeat top center;
}

.runkeeper .comments .threadContainer {
   background: #EEE;
   margin: 0 0 5px 0;
   position: relative;
}

.runkeeper .comments .threadContainer .expandThreadPrompt {
   padding: 8px 10px 0;
   color: #2A5DB0;
   width: 370px;
}

.runkeeper .comments .threadContainer .expandThreadPrompt:hover {
   color: #2F8CCC;
   cursor: pointer;
}

.runkeeper .comments .threadContainer .expandThreadPrompt:active {
   color: #19397F;
}

.runkeeper .comments .threadContainer .expandThreadPrompt.expanded {
   display: none;
}

.runkeeper .comments .threadContainer .thread {
   padding: 5px;
}

.runkeeper .comments.empty .threadContainer .thread {
   display: none;
}

.runkeeper .comments .threadContainer .thread.collapsed {
   padding-top: 0;
}

.runkeeper .comments .threadContainer .thread .border {
   height: 3px;
   border-bottom: 1px solid #DDD;
   margin-bottom: 3px;
   clear: both;
}

.runkeeper .comments .threadContainer .thread .border:first-child {
   display: none;
}

.runkeeper .comments .threadContainer .thread .comment.collapsed,
.runkeeper .comments .threadContainer .thread .border.collapsed {
   display: none;
}

.runkeeper .comments .threadContainer .thread .comment .commentsContainer {
   padding: 5px;
   position: relative;
}

.runkeeper .comments .threadContainer .thread .comment .commentsContainer .avatar {
   float: left;
   width: 30px;
   height: 30px;
   margin: 0 8px 0 0;
}

.runkeeper .comments .threadContainer .thread .comment .commentsContainer .body {
   float: left;
   width: 332px;
   position: relative;
}

.runkeeper .comments .threadContainer .thread .comment .commentsContainer .body .text {
   font-size: 12px;
   margin-bottom: 3px;
   line-height: 130%;
   color: #333;
}

.runkeeper .comments .threadContainer .thread .comment .commentsContainer .postDate {
   color: #999;
   font-size: 11px;
   float: left;
   position: relative;
   top: 1px;
}

.runkeeper .comments .threadContainer .thread .comment .commentsContainer .body .dotDivider {
   color: #999;
   float: left;
   display: none;
   margin-left: 4px;
   font-size: 11px;
}

.runkeeper .comments .threadContainer .thread .comment .commentsContainer .body .delete {
   font-size: 11px;
   font-weight: normal;
   color: #2A5DB0;
   float: left;
   display: none;
   background: none;
   padding: 0;
   position: relative;
   top: 1px;
   right: 0;
   left: 3px;
}

.runkeeper .comments .threadContainer .thread .comment .commentsContainer .body .delete:hover {
   color: #2F8CCC;
   cursor: pointer;
   background: none;
}

.runkeeper .comments .threadContainer .thread .comment .commentsContainer .body .delete:active {
   color: #19397F;
   cursor: pointer;
   background: none;
}

.runkeeper .comments .threadContainer .thread .comment .commentsContainer:hover .body .delete,
.runkeeper .comments .threadContainer .thread .comment .commentsContainer:hover .body .dotDivider {
   display: block;
}

.runkeeper .comments .responseContainer {
   margin: 0 0 5px 0;
   padding: 8px;
   background: #EEE;
   position: relative;
}

.runkeeper .comments .responseContainer .writeCommentPrompt {
   display: none;
   border: 1px solid #CCC;
   background: #FFF;
   color: #666;
   padding: 5px;
   width: 362px;
}

.runkeeper .comments .responseContainer .writeCommentPrompt:hover {
   color: #222;
   cursor: text;
}

.runkeeper .comments .responseContainer .responseFormContainer {
   padding: 0;
}

.runkeeper .comments .responseContainer .responseFormContainer .avatar {
   float: left;
   width: 30px;
   height: 30px;
   margin: 0 6px 0 0;
}

.runkeeper .comments.hidden-post .responseContainer .writeCommentPrompt {
   display: block;
}

.runkeeper .comments.empty.hidden-post .responseContainer .writeCommentPrompt {
   display: none;
}

.runkeeper .comments.writing .responseContainer .writeCommentPrompt {
   display: none;
}

.runkeeper .comments .responseContainer .responseFormContainer form {
   width: 100%;
   float: none;
}

.runkeeper .comments.hidden-post .responseContainer .responseFormContainer {
   display: none;
}

.runkeeper .comments.writing .responseContainer .responseFormContainer {
   display: block;
}

.runkeeper .comments.writing .responseContainer .responseFormContainer .response {
   color: #111; 
   font-size: 12px;
   float: right;
   width: 321px;
   padding: 5px;
   height: 30px;
   margin-right: 0;
   font-family: Arial, Helvetica, sans-serif;
}

.runkeeper .comments .responseContainer .postcomment-submit {
   margin: 5px 1px 0 0;
}

.runkeeper .comments .responseContainer .postcomment-submit.in-progress {
   visibility: hidden;
}

.runkeeper .comments .responseContainer .postcomment-submit .mainText {
   top: 4px;
}

/* Feed */

/**
 * Copyright (C) 2011 FitnessKeeper, Inc.  All rights reserved.
 */

/****************************************************************************
  The Fitness Feed widget uses the following marker classes to indicate
  state:
  
  On the .header element:
  
    1) .shown: The feed header should be shown.
    
  On the .newItemsStatusContainer element:
  
    2) .new-items: New feed items exist.
  
  On the .moreItemsContainer element:
  
    3) .in-progress: A feed item download is in progress.
    
    4) .end-of-feed: The end of the feed has been reached.
****************************************************************************/

.runkeeper .feed {
   margin: 0;
   border: 0;
   padding: 0;
   position: relative;
}

.runkeeper .feed ul li {
   list-style-type: disc;
}

.runkeeper .feed .header {
   display: none;
   font-size: 21px;
}

.runkeeper .feed .header.shown {
   display: block;
}

.runkeeper .feed .newItemsStatus {
   display: none;
   padding: 10px;
   margin: 10px 0;
   border-bottom: 1px solid #EEE;
   font-weight: bold;
   font-size: 14px;
   color: #2A5DB0;
   text-align: center;
   width: 480px;
}

.runkeeper .feed .newItemsStatusContainer.new-items .newItemsStatus {
   display: block;
}

.runkeeper .feed .newItemsStatus:hover {
   background: #EEE;
   color: #2F8CCC;
   cursor: pointer;
   border: 1px solid #CCC;
   padding: 9px;
}

.runkeeper .feed .newItemsStatus:active {
   background: #DDD;
   color: #19397F;
}

.runkeeper .feed .items .feedItemContainer {
    border-top: 1px solid #EEE;
    padding: 10px 0;
    width: 500px;
}

.runkeeper .feed .items .feedItemContainer.new {
   display: none;
}

.runkeeper .feed .items .feedItemContainer:last-child {
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    padding: 10px 0;
    width: 500px;
}

.runkeeper .feed .items .feedItemContainer:first-child {
    border-top: 1px solid #FFF;
    padding: 10px 0;
    width: 500px;
}

.runkeeper .feed .items .feedItemContainer.sinceLast {
    border-top: 1px solid #CCC;
}

.runkeeper .feed .items .feedItemContainer .feedItem {
   padding: 7px 5px;
   position: relative;
   width: 490px;
}

.runkeeper .feed .items .feedItem.clickable:hover {
    cursor: pointer;
}

.runkeeper .feed .items .feedItemContainer .pictureSettingsBox {
   display: none;
}

.runkeeper .feed .items .feedItem .icon {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
}

.runkeeper .feed .items .feedItem .detailBox {
   float: left;
   width: 390px;
}

.runkeeper .feed .items .feedItem.badge .detailBox,
.runkeeper .feed .items .feedItem.app .detailBox {
   width: 330px;
}

.runkeeper .feed .items .feedItemContainer .feedItem .detailBox .mainText {
   float: left;
   font-weight: bold;
   font-size: 14px;
   color: #000;
   margin: 2px 0 0 0;
   width: 390px;
   line-height: 130%;
}

.runkeeper .feed .items .feedItem.badge .detailBox .mainText,
.runkeeper .feed .items .feedItem.app .detailBox .mainText {
   width: 330px;
}

.runkeeper .feed .items .feedItem .detailBox .measurement {
   float: left;
   font-size: 11px;
   font-weight: bold;
   color: #111;
   margin: 7px 0 0 0;
   padding: 0 8px;
   border-left: 1px solid #999;
}

.runkeeper .feed .items .feedItem .detailBox .measurement span {
   color: #666;
   font-weight: normal;
}

.runkeeper .feed .items .feedItem .detailBox .measurementsBox {
   position: relative;
   margin-top: 3px;
}

.runkeeper .feed .items .feedItem .detailBox .measurementsBox .border {
   position: absolute;
   width: 2px;
   background: #FFF;
   z-index: 10;
   top: 0;
   left: 0;
}

.runkeeper .feed .items .feedItem .detailBox .icon {
    float: left;
    width: 50px;
    height: 50px;
    border: 1px solid #EEE;
    margin-right: 10px;
}

.runkeeper .feed .items .feedItem .detailBox .subText .icon {
    border: none;
}

.runkeeper .feed .items .feedItem .detailBox .raceDetailContainer {
    float: left;
    width: 328px;
    height: 50px;
}

.runkeeper .feed .items .feedItem .detailBox .raceDetailContainer .raceDetailText {
    font-size: 12px;
    font-weight: normal;
    color: #333;
    margin-bottom: 3px;
}

.runkeeper .feed .items .feedItem .detailBox .raceDetailContainer .raceDetailText span {
    font-weight: bold;
}

.runkeeper .feed .items .feedItem .detailBox .mainText .usernameLink {
   margin-right: 5px;
}

.runkeeper .feed .items .feedItem .subText .icon {
   width: 14px;
   height: 16px;
   position: relative;
   top: 2px;
   float: left;
   margin: 0 6px 0 0;
   border: none;
}

.runkeeper .feed .items .feedItem .subText .icon.private {
   background: url(../images/icon-lock.png) no-repeat 0 0;
}

.runkeeper .feed .items .feedItem .subText .icon.streetteam {
   background: url(../images/icon-streetteam-xsmall.png) no-repeat 0 0;
   width: 20px;
   height: 20px;
}

.runkeeper .feed .items .feedItem .detailBox .subText {
   float: left;
    font-weight: normal;
    font-size: 12px;
    color: #999;
    clear: both;
    margin-top: 10px;
    width: 410px;
    position: relative;
}

.runkeeper .feed .items .feedItem.badge .detailBox .subText,
.runkeeper .feed .items .feedItem.app .detailBox .subText {
   width: 330px;
}

.runkeeper .feed .items .feedItem .detailBox .subText .healthyButtonFeed {
   margin-left: 10px;
   float: left;
}

.runkeeper .feed .items .feedItem .detailBox .subText div.postedTimeStamp {
   position: relative;
   top: 4px;
   margin-right: 7px;
   float: left;
}

.runkeeper .feed .items .feedItem .detailBox .subText div.facebookLikeButton {
   position: relative;
   width: 90px;
   margin-left: 10px;
   top: 1px;
}

.runkeeper .feed .items .feedItem .detailBox .subText div.postCommentLink{
   position: relative;
   top: 4px;
   float: left;
}

.runkeeper .feed .items .feedItem .detailBox .subText div.postCommentLink a {
   margin: 0 6px;
}

.runkeeper .feed .items .feedItem .detailBox .detailText {
   float: left;
    font-weight: normal;
    font-size: 12px;
    color: #333;
    clear: both;
    line-height: 120%;
    margin-top: 8px;
    width: 390px;
}

.runkeeper .feed .items .feedItem.badge .detailBox .detailText,
.runkeeper .feed .items .feedItem.app .detailBox .detailText {
   width: 330px;
}

.runkeeper .feed .items .feedItem .detailBox .detailText.fitnessClass {
   margin: 4px 0 5px;
   color: #666;
}

.runkeeper .feed .items .feedItem .detailBox .detailText.fitnessClass span {
   font-weight: bold;
   color: #333;
}

.runkeeper .feed .items .feedItem .badge {
   display: none;
}

.runkeeper .feed .items .feedItem.badge .badge,
.runkeeper .feed .items .feedItem.app .badge {
   display: block;
   width: 50px;
   height: 50px;
   position: absolute;
   top: 50%;
   margin-top: -25px;
   right: 45px;
}

.runkeeper .feed .items .feedItem .detailBox .subText span {
    font-weight: bold;
    color: #444;
}

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

.runkeeper .feed .items .feedItem:hover .feedArrow {
    background: url(../images/feedArrow.png) no-repeat 0 -24px;
}

.runkeeper .feed .items .feedItem:active .feedArrow {
    background: url(../images/feedArrow.png) no-repeat 0 -48px;
}

.runkeeper .feed .items .feedItemContainer .feedItem .detailBox .feedItemDelete {
   position: absolute;
   top: 3px;
   right: 0;
   display: none;
   color: #2A5DB0;
}

.runkeeper .feed .items .feedItemContainer .feedItem a.avatar {
   display: block;
   width: 50px;
   height: 50px;
   position: relative;
   float: left;
}

.runkeeper .feed .items .feedItemContainer .feedItem.badge .detailBox .feedItemDelete {
   right: -60px;
}

.runkeeper .feed .items .feedItemContainer .feedItem .detailBox .feedItemDelete:hover {
   color: #2F8CCC;
   cursor: pointer;
}

.runkeeper .feed .items .feedItemContainer .feedItem:hover .detailBox .feedItemDelete {
   display: block;
}

.runkeeper .feed .items .feedItemContainer .feedItem .detailBox div.morePhotosText {
   margin-top: 5px;
}

.runkeeper .feed .items .feedItemContainer .feedItem .detailBox ul.horizontalThumbnailList {
   margin: 10px 0 5px 0;
}

.runkeeper .feed .items .feedItemContainer .feedItem .detailBox ul.horizontalThumbnailList li {
   list-style-type: none;
   margin-right: 5px;
   margin-bottom: 5px;
   float: left;
}

.runkeeper .feed .items .feedItemContainer .feedItem .detailBox ul.horizontalThumbnailList li:last-child {
   margin-right: 0;
}

.runkeeper .feed .items .feedItemContainer .feedItem .detailBox ul.horizontalThumbnailList li img {
   border: 1px solid #CCC;
   padding: 3px;
}

.runkeeper .feed .items .feedItemContainer .feedItem .detailBox ul.horizontalThumbnailList li a.avatar {
   height: 58px;
   width: 58px;
}

.runkeeper .feed .items .feedItemContainer .feedItem .detailBox ul.horizontalThumbnailList li a.avatar img {
   border: 1px solid #CCC;
   padding: 3px;
   display: block;
   height: 50px;
   width: 50px;
}

.runkeeper .feed .items .feedItemContainer .feedItem .detailBox ul.horizontalThumbnailList li a.icon-elite.small {
   bottom: 7px;
   left: 29px;
}

.runkeeper .feed .items .feedItemContainer .feedItem .detailBox ul.horizontalThumbnailList li a.icon-elite img {
   border: 0;
   padding: 0;
}

.runkeeper .feed .moreItemsContainer {
   position: relative;
}

.runkeeper .feed .moreItemsContainer.end-of-feed {
   display: none;
}

.runkeeper .feed .moreItemsContainer .button {
   width: 480px;
   padding: 10px;
   margin: 10px 0;
   font-weight: bold;
   font-size: 14px;
   color: #2A5DB0;
   text-align: center;
}

.runkeeper .feed .moreItemsContainer .button:hover {
   background: #EEE;
   color: #2F8CCC;
   cursor: pointer;
   border: 1px solid #CCC;
   padding: 9px;
}

.runkeeper .feed .moreItemsContainer .button:active {
   background: #DDD;
   color: #19397F;
}

.runkeeper .feed .moreItemsContainer .spinner {
   display: none;
   width: 50%;
   height: 50%;
   margin: 20px auto 0 auto;
   position: relative;
}

.runkeeper .feed .moreItemsContainer.in-progress .button {
   display: none;
}

.runkeeper .feed .moreItemsContainer.in-progress .spinner {
   display: block;
}

/* Healthy Comments */

.runkeeper .feedItemContainer .healthyWrapper {
   width: 378px;
   padding: 6px;
   background: #EEE;
   color: #444;
   margin: 5px 45px 5px 65px;
}

.runkeeper .feedItemContainer .healthyWrapper-hidden 
{
   display:none;
}

.runkeeper .feedItemContainer .healthyWrapper .healthyContainer {
   color: #666;
   font-size: 11px;
   padding-right: 3px;
}

.runkeeper .feedItemContainer .healthyWrapper .healthyContainer span {
   font-family: runkeeper;
   color: #666;
   font-size: 11px;
   position: relative;
   padding-right: 3px;
}

/* Feed Groups */

.runkeeper .feedGroup
{
   
}

.runkeeper .feedGroup .teammatesText
{
   font-weight:bold;
   color: #999;
margin-bottom: 10px;
}

.runkeeper .feedGroup .feedGroupContainer
{  
   padding:10px;
   border: 2px solid #DDD;
   border-radius: 8px;    
}


.runkeeper .feedGroup .imageWrapper
{
   float:left;
   width: 50px;
   height: 50px;
   margin-right: 10px;
   background: #EEE;
}

.runkeeper .feedGroup .feedGroupContent
{
   padding: 5px;
   border-bottom: 1px solid #CCC;
   margin-bottom: 10px;
}

.runkeeper .feedGroup .feedGroupContent .feedGroupInfo
{
   position: relative;
   margin: 0 74px 0 60px;
}

.runkeeper .feedGroup .feedGroupInfo .title
{
   font-weight:bold;
   font-size:14px;
}

.runkeeper .feedGroup .feedGroupInfo .description
{
   font-size:12px;
   font-weight:normal;
   color:#666;
   margin-top: 5px;
   line-height: 130%;
}

.runkeeper .feedGroup .feedGroupInfo .url
{
   font-size:10px;
   font-weight:normal;
   color:#666;
   margin: 5px 0 10px;
}

.runkeeper .feedGroup .feedGroupOwners
{
}

.runkeeper .feedGroup .feedGroupOwners .border {
   height: 1px;
   border-bottom: 1px solid #EEE;
   margin-bottom: 1px;
   clear: both;
}

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

.runkeeper .feedGroup .feedGroupOwners .owner
{
   padding: 6px;
   margin: 5px 15px 5px 20px;
}

.runkeeper .feedGroup .feedGroupOwners .owner.collapsed,.runkeeper .feedGroup .feedGroupOwners .border.collapsed
{
   display:none;
}
.runkeeper .feedGroup .feedGroupOwners .expandOwnersPrompt
{
   padding: 8px 10px 7px;
   color: #2A5DB0;
   width: 370px;
   text-align:center;
   font-weight:bold;
   margin-left:40px;
}

.runkeeper .feedGroup .feedGroupOwners .expandOwnersPrompt:hover
{
   text-align:center;
   background: #EEE;
   color: #2F8CCC;
   cursor: pointer;
   border: 1px solid #CCC;
   padding: 9px;   
   font-weight:bold;
   width:460px;
   margin-left:0px;
}

.runkeeper .feedGroup .feedGroupOwners .expandOwnersPrompt.expanded
{
   display:none;
}

.runkeeper .feedGroup .feedGroupOwners .owner .icon
{   
}

.runkeeper .feedGroup .feedGroupOwners .owner .detailBox > .mainText 
{ 
   margin-left:40px;
   font-size:11px;
   font-weight: normal;
}

.runkeeper .feedGroup .feedGroupOwners .owner .detailBox > .mainText a
{ 
   display: block;
   margin-bottom: 5px;
   font-weight: bold;
   font-size: 12px;
}

.runkeeper .feedGroup .feedGroupOwners .owner .detailBox .subText 
{
    font-weight: normal;
    font-size: 11px;
    color: #666;
    margin-top: 5px;
    margin-left:40px;
    position: relative;
}
.runkeeper .feedGroup .feedGroupOwners .owner .detailBox .subText div.postedTimeStamp 
{
   position: relative;
   margin-right: 5px;
   display:inline;   
}

.runkeeper .feedGroup .feedGroupOwners .owner .detailBox .subText div.postCommentLink{
   position: relative;
   display:inline;   
}

.runkeeper .feedGroup .feedGroupOwners .owner .detailBox .subText div.postCommentLink a{
   padding-left: 5px;  
}

.runkeeper .feedGroup .feedGroupOwners .owner .detailBox .comments {
   position: relative;
   margin: 15px 20px 0 40px;
}

.runkeeper .feedGroup .feedGroupOwners .owner .detailBox .healthyContainer
{
   float:left;
   margin-left:-10px;
   background: #EEE;
   padding: 8px;
   width: 275px;
   position: relative;
   font-size: 11px;
   color: #333;
   margin-top:10px;   
}

.runkeeper .feedGroup.healthyArticle .imageWrapper img
{
   width:50px;
   height:50px;   
   margin-right:10px;
}
 /* Fullscreen */

@charset "UTF-8";
/* full screen */

/* Header */

body.runkeeper.fullscreen #headerContent {
}

body.runkeeper.fullscreen #header.nonEliteHeader {
	margin-bottom: 0;
}

/* Main Navigation */

body.runkeeper.fullscreen #headerNav {
	display: none;
}

body.runkeeper.fullscreen #utilityNav {
	display: none;
}

body.runkeeper.fullscreen #fullscreenNav {
	display: block;
	position: absolute;
	top: 10px;
	right: 0;
}

body.runkeeper.fullscreen #profileNav {
	display: none;
}

body.runkeeper.fullscreen #leftColumn {
	display: none;
}

body.runkeeper.fullscreen #activityDetails {
	display: none;
}

body.runkeeper.fullscreen #wrapper {
	margin: 0;
	padding: 0;
}

body.runkeeper.fullscreen #content {
	width: 100%;
}

body.runkeeper.fullscreen #content.create {
   margin-top: 0;
}

body.runkeeper.fullscreen #mainContentLeft {
	display: none;
}

body.runkeeper.fullscreen #mainContentRight {
	display: none;
}

body.runkeeper.fullscreen #push {
	height: 0; /* .push must be the same height as .footer */
	display: none;
}

body.runkeeper.fullscreen #footer {
	display: none;
}

body.runkeeper.fullscreen #footer2 {
	display: none;
}

body.runkeeper.fullscreen #map_area,
body.runkeeper.fullscreen .race.static #map_area {
	position: relative;
	width: 100%;
	border: none;
	margin: 0;
}

body.runkeeper.fullscreen #map_area .greyBorder.tl,
body.runkeeper.fullscreen .race.static #map_area .greyBorder.tl {
	background: none;
}

body.runkeeper.fullscreen #map_area .greyBorder.t,
body.runkeeper.fullscreen .race.static #map_area .greyBorder.t {
	left: 0;
	width: 100%;
}

body.runkeeper.fullscreen #map_area .greyBorder.tr,
body.runkeeper.fullscreen .race.static #map_area .greyBorder.tr {
	background: none;
}

body.runkeeper.fullscreen #map_area .greyBorder.rt,
body.runkeeper.fullscreen .race.static #map_area .greyBorder.rt {
	top: 0;
}

body.runkeeper.fullscreen #map_area .greyBorder.rb,
body.runkeeper.fullscreen .race.static #map_area .greyBorder.rb {
	background: none;
	bottom: 0;
	height: 35px;
}

body.runkeeper.fullscreen #map_area .greyBorder.bs,
body.runkeeper.fullscreen .race.static #map_area .greyBorder.bs {
	width: 100%;
	height: 6px;
}

body.runkeeper.fullscreen #map_area .greyBorder.br,
body.runkeeper.fullscreen .race.static #map_area .greyBorder.br {
	background: none;
}

body.runkeeper.fullscreen #map_area .greyBorder.b,
body.runkeeper.fullscreen .race.static #map_area .greyBorder.b {
	background: none;
}

body.runkeeper.fullscreen #map_area .greyBorder.bl,
body.runkeeper.fullscreen .race.static #map_area .greyBorder.bl {
	background: none;
}

body.runkeeper.fullscreen #map_area .greyBorder.lt,
body.runkeeper.fullscreen .race.static #map_area .greyBorder.lt {
	top: 0;
}

body.runkeeper.fullscreen #map_area .greyBorder.lb,
body.runkeeper.fullscreen .race.static #map_area .greyBorder.lb {
	background: none;
	bottom: 0;
	height: 35px;
}

body.runkeeper.fullscreen #mapControls,
body.runkeeper.fullscreen #map_area.create #mapControls,
body.runkeeper.fullscreen .race.static #map_area #mapControls {
	width: 100%;
	position: absolute;
	bottom: 0;
}

.runkeeper .fullscreen .create #mapRoute,
.runkeeper .fullscreen .edit #mapRoute,
.runkeeper .fullscreen .race.static #mapRoute {
   position: absolute;
   z-index: 300;
}

/* FitnessReports */

body.fitnessReports.fullscreen #headerContent {
   width:99%;
   display: none;
}

body.fitnessReports.fullscreen #fullscreenNav {
   display: none;
}

.runkeeper #reportsBackButton {
   display: none;
}

body.fitnessReports.fullscreen #reportsBackButton {
   display: block;    
   position: absolute;
   right: 0;
   top: 10px;
}

body.fitnessReports.fullscreen .wrapper-bg-top {
   display: none;
}

body.fitnessReports.fullscreen .timelineContainer {
   display: none;
   margin: 0 auto;
   padding: 45px 0 3px 0;
   width: 100%;
   background-image: -moz-linear-gradient(top, #333, #666);
   background-image: -webkit-gradient(linear,left top,left bottom, color-stop(1, #333), color-stop(0, #666));
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333', EndColorStr='#666')";
   -moz-box-shadow: inset 1px 1px 10px #111;
   -webkit-box-shadow: inset 1px 1px 10px #111;
   box-shadow: inset 1px 1px 10px #111;
}

body.fitnessReports.fullscreen .timelineContainer .timelineSelectorLabel {
   margin-left: 20px;
}

/* body.fitnessReports.fullscreen #content { */
/*    display: none; */
/*    border-top: 1px solid #444; */
/*    position: relative; */
/* } */

body.fitnessReports.fullscreen #content #leftColumn {
   display: block;
   margin: 0;
   border-right: 1px solid #CCC;
   float: none;
   position: absolute;
   left: 0;
   top: 0;
}

body.fullscreen.fitnessReports #content #mainColumn {
   margin: 0;
   padding: 20px 30px;
   float: none;
   position: absolute;
   left: 201px;
   top: 0;
}

body.fullscreen.fitnessReports #content #rightColumn {
   margin: 0;
   border-left: 1px solid #CCC;
   float: none;
   position: absolute;
   right: 0;
   top: 0;
   overflow: hidden;
}

/* BEGIN SocialSharing Widget */
/* used in /static/js/socialSharing.js */
.runkeeper .socialSharing {
   display: inline-block;
}
.runkeeper .socialSharing .label {
   display: inline-block;
   vertical-align: top;
   padding: 6px 0;
   font-size: 11pt;
   font-weight: bold;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: #333;
}
.runkeeper .socialSharing .shareBoxContainer {
   width: 200px;
   max-width: 200px;
   display: inline-block;
}
.runkeeper .socialSharing:hover .shareBoxContainer {
   width: 200px;
   max-width: 200px;
   display: inline-block;
   border-radius: 5px;
}
.runkeeper .socialSharing .shareBox {
}
.runkeeper .socialSharing .shareBox .service {
   display: inline-block;
   overflow: hidden;
   margin-left: 2px;
   position: relative;
}

.runkeeper .socialSharing .shareBox .service:first-child {
   margin-left: -1px;
}

.runkeeper .socialSharing .shareBox .service.runkeeper {
   top: -4px;
}

.runkeeper .socialSharing .shareBox .service.facebook {
   width: 47px;
}
.runkeeper .socialSharing .shareBox .service.twitter {
   width: 55px;
   top: 3px;
}
.runkeeper .socialSharing .shareBox .service.google {
   width: 32px;
   top: 3px;
}
.runkeeper .socialSharing .shareBox .service.more {
   font-size: 8pt;
   top: 3px;
   width: auto;
   border-left: 1px solid #417EB4;
   padding: 0 6px;
   left: 166px;
}
.runkeeper .socialSharing .shareBox .service.more a {
   padding: 3px;
   background: #CCC;
   display: block;
   text-decoration: none;
   height: 1em;
   width: 1em;
   border-radius: 3px;
   line-height: 1.1;
   font-size: 11px;
   color: #333;
   text-align: center;

   border: 1px solid #999;
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(1, rgb(255,255,255)),
      color-stop(0, rgb(238,238,238))
   );
   background-image: -moz-linear-gradient(
      center bottom,
      rgb(255,255,255) 100%,
      rgb(238,238,238) 0%
   );
   box-shadow: inset 0px 0px 5px #999;
   -moz-box-shadow: inset 0px 0px 5px #999;
   -webkit-box-shadow: inset 0px 0px 5px #999;
   
   opacity: 0.5;
   -moz-opacity: 0.5;
   -webkit-opacity: 0.5;
}
.runkeeper .socialSharing .shareBox .service.more a:hover {
   opacity: 0.95;
   -moz-opacity: 0.95;
   -webkit-opacity: 0.95;
}
/* END SocialSharing Widget */

/* lightbox */

.runkeeper div#lightboxAfterRedirect.lightbox div.success {
	background: url("../images/successLightboxHeader.png") no-repeat scroll center top #FFFFFF;
	margin-top: 5px;
    padding-top: 50px;
}

.runkeeper div#lightboxAfterRedirect.lightbox {
	font-size: 14pt;
}

.runkeeper div#lightboxAfterRedirect.lightbox h2 {
	font-weight: 600;
	line-height: 150%;
	font-size: 14pt;
}

.runkeeper div#lightboxAfterRedirect.lightbox p {
	line-height: 150%;
	margin: 5px 0 10px 0;
	font-size: 12pt;
	text-align: center;
}

.runkeeper div#lightboxAfterRedirect.lightbox ul.socialShare {
	list-style-type: none;
	text-align: center;
	padding-top: 20px;
}
.runkeeper div#lightboxAfterRedirect.lightbox ul.socialShare li {
	display: inline-block;
}

/* map stuff */

/* map */

.runkeeper #map_area {
    position: relative;
    width: 720px;
    height: 435px;
    margin: 15px auto 15px auto;
    border: none;
    overflow: hidden;
}

.runkeeper #map_canvas,
#editControlsContainer {
    width: 720px;
    height: 400px;
}

.runkeeper #map_area .greyBorder.tl {
    background: url(../images/greyBorder-tls.png) no-repeat 0 0;
}

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

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

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

.runkeeper #map_area .greyBorder.rb {
    background: url(../images/greyBorder-r.png) repeat-y 0 0;
    position: absolute;
    bottom: 8px;
    right: 0;
    width: 2px;
    height: 27px;
}

.runkeeper #map_area .greyBorder.bs {
    background: url(../images/greyBorder-bs.png) repeat-x 0 0;
    position: absolute;
    bottom: 35px;
    left: 0;
    width: 720px;
    height: 6px;
}

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

.runkeeper #map_area .greyBorder.lb {
    background: url(../images/greyBorder-l.png) repeat-y 0 0;
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 2px;
    height: 27px;
}

.runkeeper #mapControls {
    background: url(../images/mapControls-grey.png) repeat-x 0 0;
    width: 720px;
    height: 35px;
    position: relative;
    z-index: 7;
}

.runkeeper #mapControls .mapControlItem .buttonText {
    color: #2A5DB0;
    font-weight: bold;
    position: relative;
    top: 11px;
    cursor: pointer;
    height: 13px;
}

.runkeeper #mapControls .mapControlItem.instruction .buttonText,
.runkeeper #mapControls .mapControlItem.instruction:hover .buttonText {
    color: #666;
    cursor: default;
}

.runkeeper #mapControls .mapControlItem:hover .buttonText {
    color: #2F8CCC;
}

.runkeeper #mapControls .mapControlItem:active .buttonText {
    color: #2A5DB0;
}

.runkeeper #mapControls .mapControlItem.blue .buttonText {
    color: #FFF;
    text-shadow: 0.1em 0.1em 0.2em #333;
}

.runkeeper #mapControls .mapControlItem.blue:hover .buttonText {
    color: #FFF;
}

.runkeeper #mapControls .mapControlItem.blue:active .buttonText {
    color: #CCC;
}

.runkeeper .mapControlItem {
    background: url(../images/mapControls-grey.png) repeat-x 0 0;
    height: 35px;
    padding: 0 10px;
}

.runkeeper .mapControlItem:hover {
    background: url(../images/mapControls-grey.png) repeat-x 0 -35px;
    cursor: pointer;
}

.runkeeper .mapControlItem:active {
    background: url(../images/mapControls-grey.png) repeat-x 0 -70px;
}

.runkeeper .mapControlItem.selected {
    background: url(../images/mapControls-blue.png) repeat-x 0 0;
}

.runkeeper .mapControlItem.selected:hover {
    background: url(../images/mapControls-blue.png) repeat-x 0 -35px;
}

.runkeeper .mapControlItem.selected:active {
    background: url(../images/mapControls-blue.png) repeat-x 0 -70px;
}

.runkeeper .mapControlItem.left {
    float: left;
}

.runkeeper .mapControlItem.right {
    float: right;
}

.runkeeper #mapControls .dividerGrey.left {
    background: url(../images/mapControls-divider.png) repeat;
    width: 1px;
    height: 35px;
    float: left;
}

.runkeeper #mapControls .dividerGrey.right {
    background: url(../images/mapControls-divider.png) repeat;
    width: 1px;
    height: 35px;
    float: right;
}

.runkeeper #mapActions {
    float: right;
    width: 100%;
}

.runkeeper #mapEdit.mapControlItem .buttonText {
    background: url(../images/icon-edit.png) no-repeat 0 1px;
    padding: 0 0 0 15px;
}

.runkeeper #mapEdit.mapControlItem:hover .buttonText {
    background: url(../images/icon-edit.png) no-repeat 0 -38px;
    padding: 0 0 0 15px;
}

.runkeeper #mapControls .mapControlItem#viewFullscreen .buttonText {
    width: 34px;
    height: 27px;
    position: relative;
    top: 4px;
    background: url(../images/icon-fullscreen.png) no-repeat 0 0;
}

.runkeeper #mapControls .mapControlItem#backFullscreen .buttonText {
    width: 34px;
    height: 27px;
    position: relative;
    top: 4px;
    background: url(../images/icon-fullscreen.png) no-repeat 0 -27px;
}

.runkeeper #mapControls .mapControlItem#backFullscreen {
    display: none;
}

.runkeeper #mapControls .mapControlItem#showPhotosButton .buttonText {
    position: relative;
    top: 4px;
    width: 33px;
    height: 28px;
    background: url(../images/icon-photos.png) no-repeat 0 0;
}

.runkeeper #mapControls .mapControlItem#showPhotosButton.selected .buttonText {
    background: url(../images/icon-photos.png) no-repeat 0 -28px;
}

.runkeeper #mapRoute,
#mapRace {
    float: left;
    font-size: 13px;
    font-weight: normal;
    position: relative;
}

.runkeeper #mapRoute #mapRouteLabel,
#mapRace #mapRaceLabel {
    font-weight: bold;
    float: left;
    color: #666;
    position: relative;
    top: 9px;
    margin: 0 6px 0 10px;
}

.runkeeper #mapRoute #mapRouteName,
#mapRace #mapRaceName {
    font-weight: bold;
    float: left;
    position: relative;
    top: 9px;
    margin: 0 6px 0 0;
}

.runkeeper #mapRoute #mapRouteActions,
#mapRace #mapRaceActions {
    float: left;
    font-size: 11px;
    position: relative;
    top: 10px;
}

.runkeeper .userGrid a.showMoreButton {
   display: block;
   width: 19px;
   height: 19px;
   float: left;
   margin: 0 2px 2px 0;
   background: #CCC;
   color: #FFF;
   text-align: center;
   font-size: 12px;
   padding: 1px 0 0 1px;
}

.runkeeper .userGrid a.showMoreButton:hover {
   background: #DDD;
}

.runkeeper .userGrid a.showMoreButton:active {
   background: #BBB;
}