/*---- Global layout elements ----*/

html, body {
	height: 100%;
}

body {
	background-color: white;
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif;
	color: #545454;
	margin: 0px auto;
	font-weight: 300;
	letter-spacing: .5px;
	font-size:14px;
	width: 960px;
	text-align: center;
}

#wrapper {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -84px;
}

#header {
	padding-top: 24px;
	width: 100%;
	padding-bottom: 24px;
	vertical-align: baseline;
	line-height: 28px;
}

#nav {
	display: inline;
	float: left;
}

#main {
	width: 100%;
	display: block;
	clear: both;
	margin: 0px;
	padding: 0px 0px 36px 0px;
	position: relative;
}

.content_header {
	display: block;
	padding-top: 18px;
	padding-bottom: 24px;
	text-align: left;
	clear: both;
}

#join_prompt {
	float: right;
	width: 280px;
	padding-top: 18px;
	text-align: right;
	font-style: oblique;
	font-size: 18px;
}

#join_prompt_index {
	float: right;
	width: 280px;
	text-align: right;
	font-style: oblique;
	font-size: 18px;
}

.content {
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-align: left;
}

.clearfooter {
	height: 84px;
	clear: both;
}

#footer {
	position: relative;
	width: 100%;
	color: #9f9f9f;
	font-size: 8pt;
	text-align: center;
	height: 84px;
	padding: 0px;
	margin: 0px;
	vertical-align: bottom;
}

/*---- Global element attributes ----*/

img {
	border: 0px;
}

a {
	text-decoration: none;
	color:#25a1d6;
}

a:hover {
	color:#1a4465;
}

h1 {
	display: inline;
	font-weight: 500;
	font-size: 36px;
	padding: 0px;
}

h1 .by {
	font-size: 24px;
	font-weight: 300;
}

h2 {
	font-size: 24px;
	font-weight: 500;
	text-align: left;
}

h3 {
	color:#25a1d6;
	font-size: 18px;
	line-height: 16px;
	font-weight: 400;
	padding: 8px 0px;
	text-align: left;
}

h4 {
	font-size: 16px;
	font-weight: 500;
	padding-top: 12px;
}

p {
	padding: 8px 0px;
	line-height: 1.4;
}

thead, th, td {
	padding: 4px 12px;
	border: none;
	text-align: left;
}

.content ul {
	padding-left: 1em;
	margin-left: 2em;
	list-style-position: outside;
}

.content li {
	padding-bottom: 8px;
}

.coming_soon {
	font-style: oblique;	
}

.no_wrap {
	white-space: nowrap;
}

.unit {
/*	font-weight: 300;*/
	font-size: 12px;
}

.usage_tip {
	background:#F5F8F9 url(/images/ui-bg_glass_75_d0e5f5_1x400.png) repeat-x scroll 50% 50%; 
  border: 1px solid #d9d9d9;
  padding: 18px;
	font-size: 14px;
	font-weight: 300;
	text-align: left;
  opacity: .9;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;	
}

/*---- Pagination ----*/

.pagination {
	text-align: center;
	padding-bottom: 12px 0px 24px 0px;
	font-size: 12px;
}

.prev_page {
	padding-right: 8px;
}

.next_page {
	padding-left: 8px;
}

.pagination span.current {
	color:#1a4465;
	font-weight: 500;
}

.pagination span.disabled, span.gap {
	color: #9f9f9f;
}


/*---- qTips ----*/

.qtip {
	opacity: .9;
}

.qtip-content {
	font-size: 12px;
}

/*---- Table Sorter styling ----*/

.sortable th.headerSortUp {
	background: #ffffff url(/images/dn.png) no-repeat center right;
	font-weight: 500;
	color: #1a4465;
	cursor: pointer;
}

.sortable th.headerSortDown {
	background: #ffffff url(/images/up.png) no-repeat center right;
	font-weight: 500;
	color: #1a4465;
	cursor: pointer;
}

.sortable th:hover {
	color: #1a4465;
	cursor: pointer;
}


/*---- General use to display columns ----*/

.left_column {
	position: relative;
	float: left;
	text-align: left;
}

.right_column {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px 0px 0px 48px;
	border-left: 1px dotted #d9d9d9;
	text-align: left;
}

/*---- General table column styling ----*/

.first_column {
	text-align: left;
	padding-left: 0px;
}

.last_column {
	border-right: none;
	padding-right: 0px;
	text-align: right;
}

/*---- Header styling ----*/

#header ul {
	margin: 0px;
	padding: 0px;
}

#logo {
	display: inline-block;
	text-align: left;
	float: left;
	position: relative;
	top: -8px;
	display: inline;
	padding-right: 12px;
}

#logo a {
	color: #1a4465;
/*	color: #545454;*/
/*	color: #9f9f9f;*/
	font-size: 36px;
	font-weight: 900;
/*	letter-spacing: 10px;*/
}

#logo a:hover {
	color:#25a1d6;
}

#logo .beta {
	font-size: 12px;
	font-weight: 100;
	color: #545454;
/*	color: #9f9f9f;*/
	text-align: left;
	display: inline;
	position: relative;
/*	left: -4px;*/
}

#nav li {
	display:inline;
	padding:0px 12px 0px 12px;
	border-right:1px dotted #d9d9d9;
	font-weight: 300;
}

#nav .first {
}

#nav .last {
	padding-right:0px;
	border:none;
}

/*Loginpane is the top-right div containing the welcome, user...*/

#loginpane {
	font-size: 10pt;
	float: right;
	display: inline;
	padding-top: 0px;
	color: #9f9f9f;
	padding-left: 12px;
}

#loginpane li{
	display:inline;
	font-size:12px;
	padding:0px 12px 0px 12px;
	float: left;
	border-right:1px dotted #d9d9d9;
	position: relative;
	font-weight: 300;
}

#loginpane .last {
	padding-right:0px;
	border:none;
}


/*---- Marketing page styles ----*/

#root #headline {
	vertical-align: top;
	line-height: 1;
	padding-bottom: 36px;
}

#root #logo_big {
	vertical-align: top;
	float: left;
	padding-right: 18px;
	color: #1a4465;
	font-size: 56px;
	font-weight: 900;
	letter-spacing: 4px;
	line-height: 1;
}

#root #tagline {
	height: 100%;
	vertical-align: top;
	text-align: left;
}

#root #headline h1 {
	position: relative;
	top: 3px;
	padding: 0px 0px 6px 0px;
	line-height: 1;
	font-weight: 500;
	display: block;
}

#root #headline h3 {
	font-size: 24px;
	padding: 0px;
	font-style: oblique;
	line-height: 1;
	font-weight: 500;
}

#root #logo_big .beta {
	font-size: 12px;
	font-weight: 100;
	color: #545454;
	float: right;
	position: relative;
	top: -4px;
	right: 5px;
	letter-spacing: 1px;
}

#left_splash {
	width: 504px;
	padding-top: 6px;
}

.benefits {
	position: relative;
	padding: 0px 0px 24px 0px;
	top: -36px;
}

.benefits h4 {
	padding: 36px 0px 12px 0px;
	font-size: 24px;
}

.benefits img {
	vertical-align: middle;
	float: left;
	padding-right: 12px;
}

.benefits #devices, .benefits #leader_icons {
	vertical-align: middle;
	float: left;
	padding-right: 12px;
	padding-top: 4px;
}

.benefits img.device {
	height: 36px;
	padding-right: 4px;
}

.benefits #garmin {
	padding-right: 4px;
}

.benefits #iphone {
	padding-right: 6px;
}

.benefits p {
	padding: 0px;
}

.benefits #leaderboard_icons {
	float: right;
	position: relative;
	top: -6px;
}

.benefits .leaderboard_mini {
	border: 1px solid #d9d9d9;
	background:#F5F8F9 url(/images/ui-bg_glass_75_d0e5f5_1x400.png) repeat-x scroll 50% 50%; 
	color: #545454;
	font-weight: 500;
	font-size: 10px;
	text-transform: uppercase;
	white-space: nowrap;
	clear: both;
	padding: 3px 8px 3px 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 4px;
}

.benefits .leaderboard_mini img {
	height: 12px;
	padding-right: 4px;
}

.benefits #leader_icons {
	float: right;
}

.benefits #leader_icons img {
	padding-right: 3px;
	height: 18px;
}


#right_splash, #right_login {
	width: 360px;
}

.request_invite {
	top: 10px;
	position: relative;
	float: right;
	font-size: 16px;
	font-weight: 300;
	padding: 6px 18px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	border:1px solid #d9d9d9;
	background:#F5F8F9 url(/images/blue_gradient.png) repeat scroll 50% 50%; 
	margin-bottom: 36px;
}

#right_splash .spacer {
	height: 36px;
	clear: both;
}

#join_list .email_address {
	text-align: left;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border:1px solid #d9d9d9;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.4;
	font-family: inherit;
	color: inherit;
	padding:4px 8px;
	color: #545454;	
	width: 182px;
	margin-right: 4px;
}

#join_list .request {
	cursor: pointer;
	position: relative;
	top: 1px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	height: 27px;
	border: 0px solid #25a1d6;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.4;
	font-family: inherit;
	padding:4px 8px;
	color: white;
	width: 112px;
	background: url(/images/blue_button_center.png) repeat-x 0 0;
}

#join_list {
	padding-bottom: 8px;
}

/*---- Device Comparison Guide ----*/

#device_comparison .explanation {
	display: none;
}

#device_comparison table {
	width: 100%;
	padding: 24px 0px 36px 0px;
}

#device_comparison th, #device_comparison td {
	font-size: 12px;
	font-weight: 100;
	text-align: center;
	vertical-align: middle;
	border-bottom:1px dotted #d9d9d9;	
}

#device_comparison th, #device_comparison td.category {
	border-right: 1px dotted #d9d9d9;	
	border-top: 1px dotted #d9d9d9;	
	border-collapse: collapse;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: none;
	-webkit-border-bottom-right-radius: none;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: none;
	border-bottom-right-radius: none;
}

#device_comparison th {
	letter-spacing: 0px;
	font-size: 12px;
	padding: 4px 8px;
}

#device_comparison td {
	border-right:1px dotted #d9d9d9;	
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: none;
	border-top-right-radius: 0px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: none;
	font-weight: 100;
}

#device_comparison th.first, #device_comparison td.first {
	text-align: left;
	font-weight: 500;
	border-left: 1px dotted #d9d9d9;	
	border-right: none;	
	padding-left: 8px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

#device_comparison th.second, #device_comparison td.second {
	border-left: 1px dotted #d9d9d9;	
}

#device_comparison td.category {
	font-size: 11px;
	text-transform: uppercase;
	color: #9f9f9f;
	letter-spacing: 2px;
	border-bottom: none;
}

#device_comparison td.category.first {
	border-top: none;
}

#device_comparison td.noleftborder {
	border-left: none;
}

#device_comparison th.model {
	text-align: center;
}

#device_comparison img.category_info {
	height: 12px;
}

#device_comparison td.looks img {
 	width: 36px;
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#device_comparison .description {
	font-size: 12px;
	display: none;
}

#device_comparison .pros, #device_comparison .cons {
	width: 144px;
}
	
#device_comparison p {
	padding: 0px 0px 12px 0px;
}

#device_comparison .recommendation {
	font-weight: 500;
}

#device_comparison h4 {
	padding: 24px 0px 12px 0px;
}

ol {
	padding-left: 1em;
	margin-left: 2em;
	list-style-position: outside;
	padding-bottom: 12px;
}

/*---- Get Satisfaction Contact Widget*/

#fdbk_iframe_inline {
	width: 100%;
	height: 360px;
}

/*---- Action result messages and alerts ----*/

.errorExplanation {
	text-align: left;
	color: red;
	padding-bottom: 36px;
	font-size: 18px;
}

.errorExplanation h2 {
	font-size: 18px;
	font-weight: 500;
}

.errorExplanation p, ul, li {
	font-weight: 300;
	font-size: 14px;
}

.errorExplanation ul {
	padding-left: 1em;
	line-height: 1.4;
	list-style: none;
}

.errorExplanation ul li:before {
	content: "\00BB \0020";
}

/* jQuery Growl-typ notice styles*/

.notice-wrap {
	position: fixed;
	bottom: 0px;
	right: 12px;
	width: 280px;
	z-index: 9999;
}

* html .notice-wrap {
	position: absolute;		
}
 
.notice-item {
	height: auto;
	opacity: .9;
	background: #333;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	color: white;
	padding: 12px 12px 12px 48px;
	font-size: 14px;
	text-align: left;
	font-weight: 300;
	display: block;
	position: relative;
	margin: 0 0 12px 0;
	cursor: pointer;
}

.notice {
	display: none;
	padding: 12px;
}

.alert {
	display: none;
	background: #333 url(/images/error_icon.png) no-repeat 6px center;	
}

.warning {
	display: none;	
	background: #333 url(/images/warning_icon.png) no-repeat 6px center;	
}

.achievement {
	display: none;	
	background: #333 url(/images/achievement_icon.png) no-repeat 6px center;	
}

.info {
	display: none;
	background: #333 url(/images/info_icon.png) no-repeat 6px center;	
}

.notice-item-close {
	position: absolute;
	float: right;
	font-size: 10px;
	top: 2px;
	right: 6px;
	color: #9f9f9f;
	cursor: pointer;
	width: 100%;
	height: 100%;
	text-align: right;
	vertical-align: top;
}

.notice-item-close:hover {
	color: white;
}


/*---- No Flash*/

#no_flash_warning {
	position: fixed;
	bottom: 12px;
	right: 12px;
	width: 280px;
	z-index: 9999;
	display: block;
	background: #333 url(/images/warning_icon.png) no-repeat 6px center;	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	opacity: .9;
}

#no_flash_warning .warning_text {
	height: auto;
	color: white;
	padding: 12px 12px 12px 48px;
	font-size: 14px;
	text-align: left;
	font-weight: 300;
	display: block;
	position: relative;
	margin: 0 0 12px 0;
	cursor: pointer;
}

/*---- General use form styles ----*/

#register, #login_form, #edit_workout {
	float: left;
	padding-top: 4px;
}

#login_form {
	position: relative;
	top: -4px;
}

#new_invitation {
	text-align: left;
	font-size: 18px;
}

#registration_form, #login_form table, tr, th, td {
	font-weight: 200;
	font-size: 18px;
	line-height: inherit;
	font-family: inherit;
}

.form th {
	font-size: inherit;
	padding: 12px 4px 12px 0px;
	text-align:right;
	width: 140px;
	vertical-align: middle;
}

#email_password.form th {
	width: auto;
	white-space: nowrap;
}

.form td {
	width: 300px;
	font-size: inherit;
	padding: 8px 4px; 
	vertical-align: top;
	text-align: left;
}

/*Form row that has a note displayed below the field*/
.form .annotated {
	padding-bottom: 0px;
}

.form .comments {
	padding-left: 12px;
	width: auto;
	font-size: 12px;
	font-style: oblique;
}

/*Explanatory note displayed below a form field*/
.form .field_note {
	font-size: 12px;
	padding-top: 0px;
}

.form input, .form textarea {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border:1px solid #d9d9d9;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
	vertical-align: middle;
	font-family: inherit;
	padding:4px 8px;
	color: #545454;
/*	color: #9f9f9f;*/
}

/*Submit button styling for forms*/
.submit {
  background-color: #f0f0f0;
	cursor: pointer;
	border: 1px solid #d9d9d9;
	background:#F5F8F9 url(/images/ui-bg_glass_75_d0e5f5_1x400.png) repeat-x scroll 50% 50%; 
	color: #1a4465 !important;
	font-weight: 500;
	font-size: 14px;
	white-space: nowrap;
	clear: both;
	padding: 4px 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 4px;
}

.submit:hover {
	color: #25a1d6 !important;
}

.submit_no_button {
	background-color: none;
}

#change_password .submit, #email_password .submit, #edit_workout .submit, #edit_workout .submit_no_button, #register .submit, #register .submit_no_button, #new_journal_entry .submit, #new_journal_entry .submit_no_button, #gear_form .submit, #gear_form .submit_no_button, #add_comment .submit {
	position: relative;
	top: 18px;
}

.request_invite .field, .request_invite .submit {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border:1px solid #d9d9d9;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
	vertical-align: middle;
	font-family: inherit;
	color: inherit;
	padding:4px 8px;
/*	color: #545454;*/
}

/*---- Tool tip general styling ----*/

.tooltip {
	position: absolute;
	display: none;
  border: 1px solid #d9d9d9;
  padding: 8px;
	font-size: 18px;
	font-weight: 500;
	text-align: left;
  background-color: #f0f0f0;
  opacity: .9;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	z-index: 500;
}

.tooltip_extra_info {
	font-size: 14px; 
	font-weight: 100;
	line-height: 1.6;	
}

.tooltip_extra_info ul {
	margin-left: 24px;
}

.tip_unit {
	font-size: 12px; 
	font-weight: 100;	
}

.tooltip_unit {
	font-size: 14px; 
	font-weight: 100;
}

.tickLabel {
	font-family: inherit;
	font-weight: 100;
}

/*---- Newsfeed styling (on marketing pages, dashboard, activities, and workouts index) ----*/

/*Div containing newsfeed table*/
#workouts_feed {
	width: 100%;
	padding-bottom: 24px;
}

#workouts_feed h2 {
	padding-bottom: 12px;
}

#workouts_feed .pagination {
	padding: 12px 0px 0px 0px;
}

table.newsfeed {
	width: 100%;	
	border-bottom: 1px dotted #d9d9d9;
}

.newsfeed th, .newsfeed td {
	font-size: 14px;
	text-align: center;
	vertical-align: top;
	border-top:1px dotted #d9d9d9;
	padding: 6px 4px;	
}

#workouts_list td {
	font-size: 12px;	
}

.newsfeed th {
	font-size: 12px;
	font-weight: 100;
	color: #25a1d6;
	border: none;
	padding: 6px 8px;	
	vertical-align: top;
}

.newsfeed .first_column {
	padding-left: 0px;
	text-align: left;
	vertical-align: middle;
}

/*Column for activity icon*/
.newsfeed .icon_col {
	width: 32px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
}

/*Small activity icon, e.g., for newsfeed*/
.activity_icon_small {
	position: relative;
	max-height: 32px;
	max-width: 44px;
	padding: 0px 4px 0px 0px;
}

.newsfeed .activity_name {
	text-align: left;
}

.newsfeed .name {
	text-align: left;
}

.newsfeed .no_left_padding {
	padding-left: 0px;
}

.newsfeed .date, .newsfeed .duration, .newsfeed .tags {
}

.newsfeed .last_column {
	text-align: right;
	padding-right: 0px;
}

.newsfeed .no_right_padding {
	padding-right: 0px;
}

.newsfeed .unit {
	font-weight: 100;
	font-size: 12px;
}

#workouts_feed .more_news {
	text-align: center;
}


/*---- Comments ----*/

.comment_count {
  border: 1px solid #d9d9d9;
  padding: 0px 4px;
	position: relative;
	top: -1px;
	font-size: 10px;
	font-weight: 500;
	text-align: center;
  background: #f7fdff;
	-moz-border-radius: 4px !important;
	-moz-border-radius-bottomLeft: 0px !important;
	-webkit-border-radius: 4px !important;
	-webkit-border-bottom-left-radius: 0px !important;
	border-radius: 4px !important;
	border-bottom-left-radius: 0px !important;
}

.comment_count_inline {
	top: 0px;	
}

#comments {
	padding-top: 36px;
	display: block;
	clear: both;
	width: 100%;
}

#comments h2, #all_activity h2 {
	padding-bottom: 12px;
}

#add_comment td, #add_comment tr, #add_comment table {
	border-collapse:collapse;
	width: 100%;
}

#comments #new_comment {
	padding-bottom: 24px;
}

#comments #add_comment td {
	padding: 0px 18px 0px 0px;	
}

#comments textarea {
	width: 100%;
	height: 64px;
	font-size: 14px;
}

#comments #show_comments {
	padding-bottom: 24px;
}

.comment_pic_container {
	position: relative;
	left: 0px;
	display: block;
	vertical-align: bottom;
	overflow: hidden;	
	width: 66px;
	height: 66px;
}

.comment_pic_frame {
	position: absolute;
	z-index: 100;
	background: transparent;
}

.stream td.entry_image_container {
	border-bottom:1px dotted #d9d9d9;
	padding: 8px 0px 8px 0px;
	position: relative;
	left: 0px;
	vertical-align: top;
	overflow: hidden;	
	width: 36px;
	height: 36px;	
}

#profile td.entry_image_container {
	padding: 8px 0px 8px 0px !important;
}

#show_comments td.entry_image_container {
	width: 78px;
	height: 66px;	
}

.no_overflow {
	overflow: hidden;
}

.entry_headline {
	font-size: 12px;
	padding-bottom: 4px;
	display: block;
}

.entry p {
	padding: 0px;
}

.stream .profile_pic, .stream .activity_icon {
	width: 36px;
	height: 36px;
}

.stream .profile_pic_frame {
	width: 36px;
	height: 36px;
	position: absolute;
	z-index: 100;
	background: transparent;
}

.stream .comment_count_extended {
	padding-left: 12px;
	margin-left: 12px;
	border-left:1px dotted #d9d9d9;
}

#all_activity .stream {
	padding-bottom: 12px;
}

#all_activity {
	padding-bottom: 24px;
}

#all_activity .pagination .next_page {
	padding-left: 12px;
	border-left:1px dotted #d9d9d9;
}

#all_activity .pagination .prev_page {
	padding-right: 12px;
}

/*---- Leaderboards ----*/

#leaderboards {
	padding: 0px 0px 24px 0px;
}

#leaderboards h2 {
	padding-bottom: 12px;
}
	
#leaderboards	.display_name {
	font-weight: 300;
}

.leaderboard {
	width: auto;
	padding: 12px;
	background:#F5F8F9 url(/images/ui-bg_glass_75_d0e5f5_1x400.png) repeat-x scroll 50% 50%; 
/*	background: #f7fdff url(/images/closed.png) no-repeat 442px 14px; */
	opacity: .9;
  border: 1px solid #d9d9d9;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	color: #545454;
	font-weight: 300;
	font-size: 18px;
	text-align: left;
	vertical-align: top;
	margin-bottom: 4px;
}

.leaaderboard .activity_headline {
	border: none;
	width: 100%;
}

.leaderboard h3 {
	color: #545454;
	padding: 0px;	
	background: url(/images/rt.png) no-repeat right;
}

.leaderboard h3 .open {
	background: url(/images/dn.png) no-repeat right;
}	

.leaderboard .icon {
	vertical-align:top; 
	padding-right: 4px;
	height: 16px; 
}

.leaderboard .number_top {
	font-size: 18px;
	font-weight: 500;
}

.leaderboard .open h3 {
	background: url(/images/dn.png) no-repeat right !important;
}

.leaderboards .more {
	display: none;	
}

.leaderboards .bests {
	padding: 0px 6px 6px 6px;
	border: none;
}

.leaderboard ol {
	padding: 6px 0px 0px 24px;
	line-height: 1.2;
	margin-left: 0px;
}

.leaderboard li {
	padding: 6px 0px 0px 7px;
	font-size: 12px;
	line-height: 1.4;
}

.leaderboard .number {
	font-size: 14px;
	font-weight: 500;
}

.leaderboard .workout_name {
	font-size: 14px;
	font-weight: 500;
}

.leaderboard span.unit {
	font-size: 12px;
}

/*---- Dashboard content layout ----*/

#dashboard {
	padding-top: 30px;
}

#dashboard .left_column, #profile .left_column, #journal_index .left_column {
	width: 468px;
}


#content_right_column, #journal_index .right_column {
	width: 396px;
}

/*---- Dashboard content ----*/

/*Container for featuring interesting stat headline and details*/
#headline_news {
	padding: 8px 0px 8px 0px;
	font-size: 18px;
	font-weight: 500;
	color: #3dc10b;
	text-align: center;		
}

.headline_title {
	font-size: 24px;
}

#dashboard .your_number {
	color: #25a1d6;
}

#dashboard .title_unit {
	font-size: 14px;
}

#dashboard .comp_number {
	font-weight: 500;
}

#dashboard h2 {
	text-align: left;
	padding-bottom: 12px;
}

#dashboard_stats, #profile_stats {
	padding-bottom: 24px;
}

#dashboard_stats h2 {
	padding-bottom: 0px;
}

#dashboard #workout_stats {
	display: block;
	clear: both;
	width: 100%;
	padding-bottom: 12px;
}

#recent_workouts, #dashboard #summary, #gear {
	height: auto;
	padding: 0px 0px 36px 0px;
}

#dashboard h2 a {
	color: #545454;
}

#dashboard h2 a:hover {
	color:#25a1d6;
}

#recent_workouts_chart, #summary_stats_graph {
	clear: both;
	position: relative;
	overflow: hidden;
	width: 468px;
	height: 196px;
}

#summary_stats_graph {
	font-size: 12px;
}

#dashboard #gear p {
	padding: 0px;
}

.legendColorBox {
	vertical-align: middle;
}

#dashboard .legend, #dashboard .legendLabel {
	font-size: 12px;
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif;
	color: #545454;
	font-weight: 100;
	letter-spacing: .5px;
	padding:0px 8px 0px 2px;
	vertical-align: top;
}

#dashboard .legendColorBox {
	padding: 2px 0px 0px 0px;
	vertical-align: top;
}

#axis_labels {
	clear: both;
	display: inline;
	width: 100%;
	padding-bottom: 0px;
}

#axis_labels .y1_label, #axis_labels .y2_label {
	font-size: 14px;
	font-weight: 300;
	padding-bottom: 0px;
}

#axis_labels .y1_label {
	float: left;
	color: #25a1d6;
}

#axis_labels .y2_label {
	float: right;
	color: #ffa200;
}

.tickLabel {
	font-size: 11px;
}

#bar_tooltip {
}

/*---- Invite ----*/

#send_invite th {
	width: auto;
}


/*---- Profile Page ----*/

.profile_pic_big {
	width: 64px;
	position: absolute;
	left: 1px;
	top: 1px;
}

.frame_container {
/*	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;	
	border: 1px solid #d9d9d9;
*/	bottom: -6px;
	position: relative;
	float: left;
	left: 0px;
	display: inline;
	vertical-align: bottom;
	overflow: hidden;	
	width: 66px;
	height: 66px;
}

.frame {
	position: absolute;
	z-index: 100;
	background: transparent;
}

.profile_pic_big, .profile_pic_height_fix {
	height: 64px;
}

.profile_pic_height_fix {
	width: 1px;
	padding: 0px;
}

#profile_stats, .achievements {
	padding-bottom: 36px;
}

#profile_stats p {
	padding: 3px 0px 0px 0px;
}

#profile .your_number {
	color: #25a1d6;
	font-size: 18px;
}

#profile .title_unit {
	font-size: 14px;
	color: #25a1d6;	
}

#profile .comp_number {
	font-weight: 500;
}

/*---- Achievements ----*/

h1 .points {
	font-size: 24px;
	font-weight: 100;
}

h2 .points {
	font-size: 18px;	
}

td .points {
	font-size: 12px;
	color: #9F9F9F;
}

.achievement_name {
	font-weight: 500;
	font-size: 14px;
}

.achievement_description, .achievement_date {
	font-size: 12px;
	font-weight: 100;
}

#bio {
	font-size: 14px;
	font-style: oblique;
}

#bio .form th {
	text-align: left;
}

.achievements h2 {
	padding-bottom: 12px;
}

.achievements ul {
	margin-left: 6px;
	padding-left: 1em;
}

.achievements li {
	list-style: url(/images/star.png);
	padding: 4px 0px;
}

/*---- Activity page layout ----*/

#activity_left_column {
	width: 468px;
}

#activity_right_column {
	width: 396px;
	vertical-align: top;
}


/*---- Activity page styles*/

#tag_cloud {
	padding: 24px 0px 24px 0px;
}

/*---- Workouts index ----*/

#workouts .pagination {
	padding: 12px 0px 0px 0px;
}

#workouts_list {
	width: 100%;	
}

.filtered {
	padding-top: 0px;
}

.highlight {
	background-color: #f7fdff;
}

.importing {
	color: #9f9f9f;
	text-align: left;
}

#workouts_list .unit {
	font-size: 11px;
	color: #9f9f9f;
}


/*---- Calendar picker ----/

/* Some resets for compatibility with existing CSS */
.date_selector, .date_selector * {
  width: auto;
  height: auto;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
	font-size: 14px;
}
.date_selector {
/*  background: #F2F2F2;*/
/*  border: 1px solid #bbb;*/
	border: 1px solid #79b7e7; 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background:#D0E5F5 url(/images/ui-bg_glass_75_d0e5f5_1x400.png) repeat-x scroll 50% 50%;
  padding: 5px;
  margin: 6px 0 0 0;
  position: absolute;
  z-index: 100000;
  display: none;
}
.date_selector_ieframe {
  position: absolute;
  z-index: 99999;
  display: none;
}
  .date_selector .nav {
    width: 17.5em; /* 7 * 2.5em */
  }
  .date_selector .month_nav, .date_selector .year_nav {
    margin: 0 0 3px 0;
    padding: 0;
    display: block;
    position: relative;
    text-align: center;
  }
  .date_selector .month_nav {
    float: left;
    width: 55%;
  }
  .date_selector .year_nav {
    float: right;
    width: 35%;
    margin-right: -8px; /* Compensates for cell borders */
  }
  .date_selector .month_name, .date_selector .year_name {
    font-weight: 500;
    line-height: 20px;
  }
  .date_selector .button {
    display: block;
    position: absolute;
    top: 0;
    width: 18px;
    height: 18px;
    line-height: 17px;
    font-weight: bold;
		color: #25a1d6;
/*    color: #003C78;*/
    text-align: center;
    font-size: 120%;
    overflow: hidden;
		border: none;
/*		border: 1px solid #d9d9d9; */
/*    border: 1px solid #F2F2F2;*/
/*		background: #d0e5f5 url(/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x !important; 	*/
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
  }
    .date_selector .button:hover, .date_selector .button.hover {
      background: none;
			color: #1d5987;
/*      color: #003C78;*/
      cursor: pointer;
/*      border-color: #ccc;*/
    }
  .date_selector .prev {
    left: 0;
  }
  .date_selector .next {
    right: 0;
  }
  .date_selector table {
    border-spacing: 0;
    border-collapse: collapse;
    clear: both;
  }
    .date_selector th, .date_selector td {
      width: 2.5em;
      height: 2em;
      padding: 0;
      text-align: center;
			color: #545454;
/*      color: black;*/
    }
    .date_selector td {
      border: 1px solid #ccc;
      line-height: 2em;
      text-align: center;
      white-space: nowrap;
      color: #003C78;
      background: white;
    }
    .date_selector td.today {
/*      background: #FFFEB3;*/
			font-weight: 900;
    }
    .date_selector td.unselected_month {
      color: #ccc;
    }
    .date_selector td.selectable_day {
      cursor: pointer;
    }
    .date_selector td.selected {
			background: #d0e5f5 url(/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x !important; 	
			border: #d9d9d9;
/*      background: #D8DFE5;*/
      font-weight: 500;
    }
    .date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover {
      background: #003C78;
      color: white;
    }


/*---- Add Workout ----*/

.tabs {
	clear: all;
}

.tabs .tabs_shadow {
	background: url(/images/tab_shadow.png) repeat-x scroll top;
	height: 24px; 
	width: 100%;
	border-top:1px solid #d9d9d9;
	z-index: -100;
}

.tabs ul.ui-tabs-nav {
	list-style: none;
	padding: 0px 0px 0px 6px;
	margin-left: 6px;
}

.tabs #tab_display li {
	position: relative;
	top: -4px;
	display: inline;
	padding: 4px 8px;
	font-weight: 500;
	background:#DFEFFC url(/images/ui-bg_glass_85_dfeffc_1x400.png) repeat-x scroll 50% 50%;
	border:1px solid #C5DBEC;
	border-bottom:1px solid #C5DBEC;
	-moz-border-radius: 4px;
	-moz-border-radius-bottomLeft: 0px;
	-moz-border-radius-bottomRight: 0px;
	-webkit-border-radius: 4px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-radius: 4px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.tabs #tab_display .ui-state-active {
	background:#F5F8F9 url(/images/ui-bg_inset-hard_100_f5f8f9_1x100.png) repeat-x scroll 50% 50%;
	border:1px solid #d9d9d9;
	border-bottom: none !important;
	padding-bottom: 5px;
}

.tabs #tab_display .ui-state-active a {
	color: #545454;
}

.tabs #tab_display .ui-state-default .ui-state-hover, .tabs .ui-state-default:hover { 
	border: 1px solid #79b7e7 !important; 
	border-bottom: none !important;
	background: #d0e5f5 url(/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x !important; 	
	color: #1d5987; 
	outline: none !important; 
}

.tabs #tab_display .ui-state-hover a, #tabs #tab_display .ui-state-hover a:hover { 
	color: #1d5987; 
	text-decoration: none; 
	outline: none; 
	cursor:pointer;
}

.tabs #tab_display .ui-state-active .ui-state-hover, .tabs .ui-state-active:hover { 
	border: 1px solid #79b7e7 !important; 
	border-bottom: none !important;
	background:#DFEFFC url(/images/ui-bg_glass_85_dfeffc_1x400.png) repeat-x scroll 50% 50% !important;
	color: #1d5987; 
	outline: none !important; 
}

.tabs .ui-tabs-hide {
	display: none !important;
}

#edit_workout .manual_entry {
	background: white url(/images/closed.png) no-repeat right top;	
}

#edit_workout .open {
	background: white url(/images/open.png) no-repeat right top;
}

#edit_workout .manual_entry .more {
	display: none;
	padding-top: 12px;
}

.left_align {
	text-align: left;
}

#locating_files {
	font-size: 12px;
	padding-bottom: 24px;
	padding-top: 13px;
}

#locating_files h3 {
	padding-bottom: 24px;
	color: #545454;
}

.accordion {
	width: 360px;
}

.accordion .ui-accordion-header { 
	cursor: pointer; 
	position: relative; 
	margin-top: 1px; 
	padding: 4px;
	font-weight: 500; 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.accordion .ui-accordion-li-fix { 
	display: inline; 
}

.accordion .ui-accordion-header-active, 
.accordion .ui-state-active { 
	border: 1px solid #D9D9D9 !important;
	border-bottom: 0 !important; 
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	background:#F5F8F9 url(/images/ui-bg_inset-hard_100_f5f8f9_1x100.png) repeat-x scroll 50% 50%; 
	color: #545454; 
}

.accordion .accordion_header .ui-accordion-header .ui-state-active .ui-state-hover {
	background:#F5F8F9 url(/images/ui-bg_inset-hard_100_f5f8f9_1x100.png) repeat-x scroll 50% 50% !important; 
	border-bottom: 0px; 
}

.accordion .ui-state-default .ui-state-hover {
	border: 1px solid #79b7e7; 
	background:#D0E5F5 url(/images/ui-bg_glass_75_d0e5f5_1x400.png) repeat-x scroll 50% 50%;
}

.accordion .ui-accordion-header a { 
	display: block; 
	font-size: 14px; 
	padding-left: 12px; 
}

.ui-accordion .ui-accordion-header .ui-icon {
	position:relative;
	left: 4px;
	background-position: 0px 6px;
	background-repeat:no-repeat;
	display:block;
	background-image:url(/images/rt.png);
}

.ui-state-active .ui-icon {
	background-image:url(/images/dn.png) !important;
	background-position: 0px 8px !important;	
}

.ui-accordion .ui-accordion-header .ui-icon .toggle_closed {
	background-image:url(/images/rt.png) !important;
}

.ui-icon .toggle_open {
	background-image:url(/images/dn.png) !important;
}

.accordion .ui-accordion-content { 
	padding: 0px 22px 12px 22px; 
	border:1px solid #D9D9D9;
	border-top: 0px; 
	margin-top: -2px; 
	position: relative; 
	top: 1px; 
	margin-bottom: 2px; 
	overflow: auto; 
	display: none; 
	background: #FCFDFD url(/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) repeat-x scroll 50% bottom;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.accordion .ui-accordion-content-active { 
	display: block; 
}

.accordion .ui-state-default { 
	border: 1px solid #c5dbec; 
	background: #dfeffc url(/images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; 
}

.accordion .ui-state-default .ui-state-hover,
.accordion .ui-state-default:hover { 
	border: 1px solid #79b7e7 !important; 
	background: #d0e5f5 url(/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x !important; 
}

.accordion .ui-state-hover a, 
.ui-state-hover a:hover { 
	color: #1d5987; 
}


.accordion_content ol {
	margin-left: 6px;
	padding-left: 1em;
	padding-bottom: 0px;
	list-style: decimal outside !important;
}

.accordion_content li {
	font-size: 12px;
	background: none;
	border: none;
	font-weight: 300;
}

#manual table.form td.note {
	width: auto;
}

/*Span style for examples of supported devices*/
.device_details {
	font-size: 12px;
	font-style: oblique;
	color: #545454;
/*	color: #9f9f9f;*/
}

/*---- Workout layout ----*/

#workout_left_column {
	text-align: left;
}

#workout_right_column {
	border-left: 0px;
}

/*---- Workout content ----*/

/*Workout title and details styles*/

.activity_icon {
	position: relative;
	padding: 0px 8px 0px 0px;
	height: 42px;
	width: auto;
	vertical-align: bottom;
}

.action_icon {
	height: 14px;
}

.action_icon.second {
	padding-left: 4px;
}

.add_small {
	height: 11px;
	padding-left: 4px;
}

.action {
	font-size: 12px;
	font-weight: 100;
}

#display_rpe {
	background:#F5F8F9 url(/images/ui-bg_glass_75_d0e5f5_1x400.png) repeat-x scroll 50% 50%; 
  border: 1px solid #d9d9d9;
	float: right;
	width: auto;
	position: relative;
/*  border: 1px solid #d9d9d9;*/
  padding: 4px;
/*  background: #f7fdff;*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	top: 10px;
	text-align: center;
}

.rpe_label {
	font-size: 10px;
	font-weight: 100;
/*	padding-right: 8px;*/
	line-height: 1;
	display: inline;
}

.rpe_val {
	font-weight: 500;
	font-size: 24px;
	padding: 0px;
	line-height: 1;
	display: inline;
}

.rpe_desc {
	font-size: 10px;
	font-weight: 100;
	padding: 2px 0px;
	line-height: 1;
}

#workout_header #workout_description, #workout_header #workout_notes {
	display: block;
	font-size: 14px;
	padding: 2px 0px;
	font-weight: 300;
}

#workout_header #workout_notes {
	font-style: oblique;
}

#workout_notes p {
	padding: 0px 0px 4px 0px;
}

#tag_set {
	font-size: 14px;
	display: inline;
}

#tags_header {
	padding-right: 4px;
}

.tag {
	padding: 0px 4px;
}

#workouts_nearby_wrapper {
	float: right;
	position: absolute;
	vertical-align: top;
	right: 0px;
	top: -24px;
/*	display: inline;*/
}

#workouts_nearby_link {
/*	display: inline;*/
	font-size: 14px;
	font-weight: 300;
	color:#25a1d6;
	padding: 4px 12px 4px 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: white url(/images/rt.png) no-repeat right;	
}

#workouts_nearby_wrapper .show_options {
	padding: 4px 11px 0px 8px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: none;
	-webkit-border-bottom-right-radius: none;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: none;
	border-bottom-right-radius: none;
  border: 1px solid #d9d9d9;
	border-bottom: none;
	border-top: none;
	border-left: none;
	background: #f0f0f0 url(/images/dn.png) no-repeat right;	
  opacity: .95;
	z-index: 999;
}

#nearby_workouts_list_container {
  border: 1px solid #d9d9d9;
	border-top: none;
	border-left: none;
  padding: 8px 12px;
	font-size: 14px;
	text-align: left;
  background: #f0f0f0;
  opacity: .95;
	-moz-border-radius: 8px;
	-moz-border-radius-topright: 0px;
	-webkit-border-radius: 8px;
	-webkit-border-top-right-radius: 0px;
	border-radius: 8px;
	border-top-right-radius: 0px;
	z-index: 900;
	height: auto;
	width: 420px;
	display: none;
	position: absolute;
	right: 0px;
}

/* x to close options menu */
#nearby_workouts_list_container .close {
	float: right;
	vertical-align: top;
	text-align: right;
  color: #d9d9d9;
	padding: 4px;
	top: 2px;
	right: 2px;
}

#nearby_workouts_list_container ol {
	margin: 0px 24px;
	padding: 4px;
}

#nearby_workouts_list_container li {
	font-weight: 300;
	padding: 4px 0px;	
}


/*a.globe {
	position: relative;
	margin-left: -2px;
	display: inline; 
	background: url(/images/globe.png) no-repeat;		
	width: 18px;
	height: 18px;
}

a.globe:hover {
	background-position: -18px 0px;
}

a.add-plus {
}

a.delete-x {
	padding: 0px 7px;
	background: url(/images/delete-x.png) no-repeat scroll 4px 5px;
}

.displace {
	position: absolute;
	left: -5000px;
}
*/

/*---- Workout comparison stats view ----*/

#workout_stats {
	float: left;
	overflow: auto;
}

#workout_stats table, th, td {
	border: 0px;
	text-align: left;
}

#workout_stats th, td {
	padding: 8px 4px;
	font-weight: 300;
	vertical-align: top;
	position: relative;
}

#workout_stats th {
	font-size:18px;			
	text-align: right;
	padding-left: 0px;
}

#workout_stats td.number {
	text-align: left;
	color:#25a1d6;
}

.stat, .number {
	font-size: 14px;
}

#spark_bar, #spark_line {
	padding-top: 0px;
}

.sparkbar {
	width: 150px;
	height: 50px;
	top: 0px;
}

.sparkline {
	width: 150px;
	height: 50px;
	top: 0px;
}

#fullsize_tooltip {
	position: absolute;
}

/*larger font to display the number (vs. unit)*/
span.value {
	font-weight: 500;
	font-size: 18px;
}

#workout_stats .units {
	font-size: 12px;
	display: block;
	color: #9f9f9f;
}

#workout_stats .max {
	font-size: 18px;
	font-weight: 300;
}

/*Formatting for content in comparison tooltip*/

p.comp_this_workout {
	margin-top: 0px;
	padding: 0px;
	color: #25a1d6;
}

p.comp_my_activity {
	padding: 0px;
	color: #3dc10b;
}

p.comp_activity {
	padding: 0px;
}

#workout_left_column .unit {
	font-size: 12px;
}


/*Formatting for full-size stat view*/

#fullsize_chart_area {
	text-align: left;
	position: relative;
	top: 24px;
	padding-bottom: 36px;
	clear: both;
}

.big_visualization {
	width: 100%;
	height: 196px;
	position: relative;
	clear: both;
	top: 12px;
}

#axis_labels {
	clear: both;
	display: inline;
}

#y1_axis_label {
	float: left;
}

#y2_axis_label {
	float: right;
}

#y2_axis_label .hidden {
	display: none;
}

#graph_options_wrapper {
	position: relative;
	float: left;
	top: 11px;
	padding-left: 8px;
	vertical-align: top;
}

#options_link {
	display: inline;
	font-size: 12px;
	font-weight: 300;
	color:#25a1d6;
	padding: 4px 14px 4px 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: white url(/images/rt.png) no-repeat right;	
}

#graph_options_wrapper .show_options {
	padding: 4px 12px 0px 8px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: none;
	-webkit-border-bottom-right-radius: none;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: none;
	border-bottom-right-radius: none;
  border: 1px solid #d9d9d9;
	border-bottom: none;
	border-top: none;
	border-left: none;
	background: #f0f0f0 url(/images/dn.png) no-repeat right;	
  opacity: .8;
	z-index: 999;
}

#select_axes {
  border: 1px solid #d9d9d9;
	border-top: none;
	border-left: none;
  padding: 8px;
	font-size: 14px;
	text-align: left;
  background: #f0f0f0;
  opacity: .8;
	-moz-border-radius: 8px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-radius: 8px;
	-webkit-border-top-left-radius: 0px;
	border-radius: 8px;
	border-top-left-radius: 0px;
	z-index: 900;
	height: auto;
	width: 144px;
	display: none;
	position: absolute;
}

/* x to close options menu */
#select_axes .close {
	float: right;
	vertical-align: top;
	text-align: right;
  color: #d9d9d9;
	padding: 4px;
	top: 2px;
	right: 2px;
}

#select_axes ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#select_axes li {
	padding: 4px 0px;
}

#y1_axis_options .column_label {
	text-align: center;
	color: #25a1d6;
	font-weight: 500;
}

#y2_axis_options .column_label {
	text-align: left;
	margin-left: 6px;
	color: #ffa200;
	font-weight: 500;
}

#select_axes input {
	margin: 0px 6px;
}

#y1_axis_options {
	float: left;
}

#y2_axis_options {
	float: left;
  border-left: 1px solid #d9d9d9;
}

/*Workout gps map*/

#map {
	float: right;
	position: relative;
	right: 0px;
	top: 0px;
	border: 1px solid #d9d9d9;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;	
}

/*---- Workout Overlap ----*/

#overlaps {
	font-weight: 500;
	font-size: 14px;
	padding-bottom: 2px;
	float: right;
	text-align: right;
	padding-left: 48px;
}

#overlaps img {
	height: 16px;
	position: relative;
	top: -1px;
	vertical-align: middle;
	padding-right: 4px;
}

#overlap {
	text-align: left;
}

#overlap p {
	padding-bottom: 12px;
}

#overlap a {
	font-weight: 500;
}

#overlap ul {
	padding: 0px 0px 0px 48px;
}

#overlap li {
	padding-bottom: 12px;
}

#overlap .name {
	font-style: oblique;
}


/*---- Journal Entries Index ----*/

#weight_summary {
	padding-bottom: 12px;
}

#journal_stats td {
	padding: 12px 0px 0px 0px;
}

#journal_stats td.details {
	font-size: 14px;
	width: 222px;
	padding: 4px 0px 12px 0px;
}

#journal_stats .usage_tip, #vo2 {
	margin-bottom: 24px;
}

#weight_over_time {
	height: auto;
	padding: 0px;
}

#journal_index h2 .unit {
	font-size: 18px;
}

.subscript {
	font-size: 60%;
	text-align: bottom;
	bottom: -50%;
}

.bottom {
	vertical-align: bottom;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

#weight_graph {
	clear: both;
	position: relative;
	overflow: hidden;
	width: 468px;
	padding: 0px;
	height: 196px;
	padding-bottom: 36px;
}

#gear h2, #entries_stream h2 {
	padding-bottom: 12px;
}

#gear td h4 {
	padding: 0px 0px 4px 0px;
	font-weight: 500;
}

#gear .tag {
	font-size: 12px;
}

#gear table {
	border-top:1px dotted #d9d9d9;
}

#gear td {
	padding: 12px 0px;
	border-bottom:1px dotted #d9d9d9;
	font-size: 14px;
	line-height: 1.4;
}

#gear .usage_container {
	display: block;
	clear: both;
}

#gear .remaining {
	float: right;
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 12px;
	text-align: center;
	display: inline;
}

#gear .percent_used {
	float: right;
}

#gear .used {
	font-size: 12px;
	display: inline;
}

#gear .red {
	color: red;
}

#gear .percent_remaining {
	font-size: 24px;
	font-weight: 300;
	text-align: center;
	padding: 0px;
	vertical-align: top;
	line-height: 1;
}

.usage_bar {
	float: right;
	width: 168px;
	height: 24px;
	margin-top: -1px;
	vertical-align: top;
	position: absolute;
	text-align: right;
	right: 66px;
}

#journal_index #entries_stream table, #gear table, table.stream  {
	width: 100%;
	padding-bottom: 12px;
}

#journal_index #entries_stream td, .stream td {
	font-size: 14px;
	padding: 8px 0px 0px 0px;
	border-bottom: none;
}

.stream .metadata, #journal_index #entries_stream td.entry_metadata {
	font-size: 12px;
	color: #9f9f9f;
	padding: 0px 0px 8px 0px;
	border-bottom:1px dotted #d9d9d9;
	vertical-align: bottom;
}

#journal_entries_list, .stream {
	border-top:1px dotted #d9d9d9;	
}

#journal_index #entries_stream td.journal_entry_date {
	padding-right: 8px;
}

#journal_index #entries_stream td span.entry, .stream .entry {
	padding-bottom: 4px;
	display: block;
}

/*---- Admin pages ----*/

#users table {
	width: 100%;	
}

#users th, #users td {
	font-size: 14px;
	text-align: left;
	vertical-align: top;
	border-bottom:1px dotted #d9d9d9;
	padding: 6px;	
}

#users th {
	font-weight: 500;
}

#users .first_column {
	padding-left: 0px;
}

#users .last_column {
	padding-right: 0px;
}

#users .centered {
	text-align: center;
}

#users .name {
	font-weight: 500;
}

#users div {
	padding-bottom: 36px;
}

#users ol {
	padding: 12px 0px 24px 0px;
}

#users li {
	padding-bottom: 12px;
}

#users .conversion_data {
	display: inline;
	font-size: 14px;
	font-weight: 300;
}

/*---- Footer styling ----*/

#footer ul {
	padding: 24px 0px 0px 0px;
	padding-bottom: 8px;
}

#footer li {
	display:inline;
	border-right:1px dotted #d9d9d9;
	font-size: 12px;
	padding-left: 8px;
	padding-right: 14px;
}

#footer .last {
	border: 0px;
}

/*Global*/
* {
	margin: 0px;
	padding: 0px;
}